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

.main {   }
.main .main-bg  { position:absolute; top:0px; left:0px; z-index:-1;  width:100%; height:1430px; background-repeat: no-repeat; background-position:top top;   }

.main-section01 {width:100%;     }
.main-section01 .main-text { color:#fff;  padding-top:130px; height:335px;  text-align:center;   }
.main-section01 .main-text .text { font-size:22px; font-weight:normal; line-height:1.3;  margin-bottom:10px;  letter-spacing:6px; }
.main-section01 .main-text .title {color:#fff; font-size:45px;   font-weight:bold; letter-spacing:-1.8px;  }



.main-section01 .top  {   }



.main-section01 .notice-position {float:left;  padding:30px 45px 0 45px; height:305px;  width:612px;    background:#fff;  }
.main-section01 .notice-wrap { height:245px;    position:relative;}
.main-section01 .notice-wrap h3 {   padding-left:20px; padding-right:20px; float:left;   font-weight:normal;  position:relative; }
.main-section01 .notice-wrap h3:before { border-left:2px solid #ababab; width:2px; height:20px; content:''; display:inline-block; position:absolute; left:0px; top:5px;  }
.main-section01 .notice-wrap .notice:first-child h3:before { border-left:0px;  }
.main-section01 .notice-wrap .notice:first-child h3 {  padding-left:0px; }
.main-section01 .notice-wrap h3 a {   color:#666; display:block;  font-size:20px;  text-align:center; font-weight:bold; font-size:24px; }
.main-section01 .notice-wrap ul { display:none; position:absolute; top:40px; padding-top:20px;  left:0px; width:100%;  }
.main-section01 .notice-wrap ul li { width:100%;margin-bottom:13px;  font-size:16px;  font-weight:normal;  padding-left:10px;  float:left; background:url(../images/main/list_b.jpg) no-repeat left 10px;   }
.main-section01 .notice-wrap ul li a { float:left; color:#000;  width:80%; 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:#717171;   }
.main-section01 .notice-wrap .more { display:none;  position:absolute; top:5px; right:0px;  }
.main-section01 .notice-wrap .notice.active h3 a { border:0px; color:#7a3730; text-decoration:none;   }
.main-section01 .notice-wrap .notice.active ul  , .main-section01 .notice-wrap  .notice.active .more { display:block;  }

.main-section01  .hot-alime { float:left;  overflow:hidden;  width:588px; height:305px; position:relative;     }
.main-section01  .hot-alime ul li img { width:588px; height:305px; }
.main-section01  .hot-alime .bx-controls  {  position:absolute; top:10px; left:10px;   }
.main-section01  .hot-alime .bx-pager {float:left;  }
.main-section01  .hot-alime .bx-controls-auto * { vertical-align:top;  }
.main-section01  .hot-alime .bx-controls-auto { float:left;  }
.main-section01  .hot-alime .bx-pager .bx-pager-item  {float:left; }
.main-section01  .hot-alime .bx-controls   a  {margin-left:5px;  width:16px;  text-align:center;  height:16px; display:block;float:left;  }
.main-section01  .hot-alime .bx-pager .bx-pager-item a  { background:url(../images/main/rolling_btn_off.png) no-repeat 4px 4px; padding:4px;  text-indent:-99999px; }
.main-section01  .hot-alime .bx-pager .bx-pager-item a.active {  background:url(../images/main/rolling_btn_on.png) no-repeat left top; padding:0px;  } 
.main-section01  .hot-alime .bx-controls .bx-stop { padding-top:4px;  }
.main-section01  .hot-alime .bx-controls .bx-start { padding-top:3px;  }

.main-section01 .baro-go { margin-left:305px; padding-top:45px; height:220px; }
.main-section01 .baro-go li  {float:left; width:25%; text-align:center; }
.main-section01 .baro-go li  a { display:block;  color:#fff; font-size:18px;  }
.main-section01 .baro-go li  a img { display:block; margin:0 auto 10px; }

.main-section02 { position:relative; height:420px;}
.main-section02 .left { position:absolute; top:-90px;left:0px; width:calc(50% -  300px); background:url(../images/main/lab_bg.jpg) no-repeat right top;   height:510px; }
.main-section02 .left  .position-wrap { padding-top:50px; padding-left:40px; padding-right:40px; width:300px;  float:right; height:520px; color:#41478f;  }
.main-section02 .left  .position-wrap h3 { font-size:32px; font-weight:bold; margin-bottom:15px;  color:#fff;  }
.main-section02 .left  .position-wrap h3 span{ display:block; font-size:24px; font-weight:normal; }
.main-section02 .left  .position-wrap p { padding:0 10px;  color:#d5c4c1; font-size:16px; margin-bottom:10px;  }
.main-section02 .left  .position-wrap ul { padding:0 10px;  }
.main-section02 .left  .position-wrap li  {width:100%; border-bottom:1px solid #fff; }
.main-section02 .left  .position-wrap li  a {display:block; font-size:18px; padding:17px 0 ; color:#fff;  background:url(../images/main/more_2.png) no-repeat right center; }

.main-section02 .right { position:absolute; top:0px;right:0px;  width:calc(50% +  300px);  height:420px; background:rgba(232,230,228,0.9);  }
.main-section02 .right .position-wrap  { width:900px; float:left; height:420px; padding:60px 0 0 50px; letter-spacing:-1.8px;  }
.main-section02 .right .position-wrap .text-wrap { float:left; width:20%;  }
.main-section02 .right .position-wrap .text-wrap h3 { font-size:32px; font-weight:bold; color:#000; margin-bottom:15px;  }
.main-section02 .right .position-wrap .text-wrap .text { font-size:16px; margin-bottom:20px;  color:#222;  }
.main-section02 .right .position-wrap .text-wrap .more  {  }
.main-section02 .right .position-wrap ul { float:left; width:calc(80% + 10px);  margin:0 -5px;  }
.main-section02 .right .position-wrap ul li { width:25%; float:left;  padding:0 5px; }
.main-section02 .right .position-wrap ul li a {display:block; color:#222; font-size:18px; word-break:keep-all;  overflow:hidden;}
.main-section02 .right .position-wrap ul li a img { max-width:100%; height:240px;  margin-bottom:10px;   }
.main-section02 .right .position-wrap ul li a:hover img {  transform: scale(1.1); transition : all 0.5s ease ; }


.main-section03  {  background:#2a2a2a; height:120px;   padding-top:20px;  }
.main-section03 .department-office {   position:relative;  }
.main-section03 .department-office h3 { font-size:24px; font-weight:bold; color:#fff; position:relative; padding-top:25px;  }
.main-section03 .department-office ul { position:absolute; top:25px; right:0px;   }
.main-section03 .department-office ul li { float:left; margin-left:30px; font-size:18px; font-weight:bold; color:#fff; }
.main-section03 .department-office ul li strong{  font-size:16px; font-weight:bold;  }

}




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

.main-section01  .hot-alime {   width:540px; height:280px; }	
.main-section01  .hot-alime ul li img {  width:540px; height:280px;}

.main-section01 .notice-position {  padding:20px 20px 0 20px; height:280px;  width:420px;    background:#fff;  }
.main-section01 .notice-wrap h3 {  padding-left:15px; padding-right:15px; }
.main-section01 .notice-wrap h3 a {    font-size:20px;   }
.main-section01 .notice-wrap h3:before {top:2px;  }
.main-section01 .notice-wrap ul li a { width:100%;  }
.main-section01 .notice-wrap ul li span {display:none;  }
.main-section01 .baro-go { margin-left:255px;  }

.main-section02 .left {  width:calc(50% -  250px); }
.main-section02 .left  .position-wrap {  padding-left:0px; padding-right:10px; width:230px;    }

.main-section02 .right {  width:calc(50% +  250px);  }
.main-section02 .right .position-wrap  { width:730px;padding:60px 0 0 25px;  }
.main-section02 .right .position-wrap ul li a { font-size:16px;  }




}



@media (max-width: 991px) {
.main {   }
.main .main-bg  { position:absolute; top:-1.5rem; left:0px;  width:100%; height:16rem;  background-repeat: no-repeat;background-size:cover;  background-position:center top;   }


.main-section01 { position:relative; width:100%; padding-top:3rem; margin-bottom:15px;   padding-left:15px; padding-right:15px;   }
.main-section01 .main-text { color:#fff;   margin-bottom:2.5rem;  letter-spacing:-1.5px;   text-align:center;  }

.main-section01 .main-text .text { font-size:0.7rem; color:#fff;  font-weight:normal; line-height:1.3; letter-spacing:3px;  margin-bottom:0.2rem;   }
.main-section01 .main-text .title { font-size:1rem; font-weight:bold;  font-family: 'Noto Sans KR' , 'Arial';  }


.main-section01 .top  { margin-bottom:15px;   }
.main-section01 .notice-position {  background:#fff; width:100%; padding:0.4rem;  height:8rem;  margin-bottom:15px;    }
.main-section01 .notice-wrap {width:100%;   position:relative; }
.main-section01 .notice-wrap h3 { float:left;  position:relative;   padding-left:0.4rem; padding-right:0.3rem;  }
.main-section01 .notice-wrap h3:before { border-left:1px solid #ababab; width:1px; height:15px; content:''; display:inline-block; position:absolute; left:0px; top:7px;  }
.main-section01 .notice-wrap .notice:first-child h3:before {border-left:0px;  }
.main-section01 .notice-wrap h3 a { color:#666; display:block;  font-size:0.65rem; font-weight:bold;   text-align:center;  padding-left:0.2rem; padding-right:0.2rem;  vertical-align:middle; width:100%;  height:1.5rem;  padding-top:0.2rem; }
.main-section01 .notice-wrap ul {display:none;    position:absolute;   padding-top:0.5rem; top:1.2rem;  left:0px; width:100%;  }
.main-section01 .notice-wrap ul li { width:100%;margin-bottom:0.3rem;  float:left;  font-weight:normal; font-size:0.58rem;  }
.main-section01 .notice-wrap ul li a { float:left; color:#000; width:70%;   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:#717171; }
.main-section01 .notice-wrap .more { display:none;  position:absolute; top:15px; right:0px;  }
.main-section01 .notice-wrap .more img { width:0.7rem;  }
.main-section01 .notice-wrap .notice.active h3 a { border:0px;color:#000;   }
.main-section01 .notice-wrap .notice.active ul  ,.main-section01 .notice-wrap  .notice.active .more { display:block;  }
.main-section01 .notice-wrap  .notice.active .more  * { vertical-align:top;  }

.main-section01  .hot-alime {    overflow:hidden;  width:100%;  position:relative;    }
.main-section01  .hot-alime li img {width:100%; }
.main-section01  .hot-alime .bx-controls  {  position:absolute; top:10px; left:10px;   }
.main-section01  .hot-alime .bx-pager {float:left;  }
.main-section01  .hot-alime .bx-controls-auto * { vertical-align:top;  }
.main-section01  .hot-alime .bx-controls-auto { float:left;  }
.main-section01  .hot-alime .bx-pager .bx-pager-item  {float:left; }
.main-section01  .hot-alime .bx-controls   a  {margin-left:5px;  width:14px;  text-align:center;  height:14px; border-radius:7px;  display:block;float:left;  }
.main-section01  .hot-alime .bx-pager .bx-pager-item a  { background:#9a9a98;   text-indent:-99999px; }
.main-section01  .hot-alime .bx-pager .bx-pager-item a.active {  background:#e77806;   } 


.main-section01 .baro-go {}
.main-section01 .baro-go ul {margin:0 -0.3rem;  }
.main-section01 .baro-go ul:after { clear:both; display:table; content:'';  }
.main-section01 .baro-go ul li {float:left; width:50%; text-align:center; padding:0.5rem 0.3rem;   }

.main-section01 .baro-go ul li:nth-of-type(1) , .main-section01 .baro-go ul li:nth-of-type(2) {border-bottom:1px solid #783321;  }
.main-section01 .baro-go ul li:nth-of-type(1) , .main-section01 .baro-go ul li:nth-of-type(3) {border-right:1px solid #783321;  }
.main-section01 .baro-go ul li a {display:block;    width:100%; text-align:center; color:#222; font-size:0.58rem; word-break:keep-all;  }
.main-section01 .baro-go ul li a br { display:none;  }
.main-section01 .baro-go ul li a img { display:block; margin:0 auto 10px;  width:60px;  }





.main-section02 { }
.main-section02 .left { background:url(../images/main/lab_bg.jpg) no-repeat right top;   background-size:cover;  }
.main-section02 .left  .position-wrap { color:#41478f;  padding:30px 15px; }
.main-section02 .left  .position-wrap h3 { font-size:0.8rem; font-weight:bold; margin-bottom:0.3rem;  color:#fff;  }
.main-section02 .left  .position-wrap h3 span{ display:block; font-size:0.68rem; font-weight:normal; }
.main-section02 .left  .position-wrap p {  color:#d5c4c1; font-size:0.58rem; margin-bottom:0.4rem;  }
.main-section02 .left  .position-wrap ul {margin:0 -15px;  }
.main-section02 .left  .position-wrap ul:after { clear:both; display:table; content:'';  }
.main-section02 .left  .position-wrap li  {width:50%; float:left;  padding:0 15px;  }
.main-section02 .left  .position-wrap li  a {display:block; float:left; width:100%;  border-bottom:1px solid #fff; font-size:0.58rem; padding:0.5rem 0 ; color:#fff;  background:url(../images/main/more_2.png) no-repeat right center; }

.main-section02 .right { background:#ddd9d6;  }
.main-section02 .right .position-wrap  {   padding:30px 15px;  letter-spacing:-1.8px;  }
.main-section02 .right .position-wrap .text-wrap { margin-bottom:0.6rem;  }
.main-section02 .right .position-wrap .text-wrap h3 { font-size:0.8rem; font-weight:bold; color:#000; margin-bottom:0.3rem; }
.main-section02 .right .position-wrap .text-wrap .text {  font-size:0.58rem; margin-bottom:0.4rem;  color:#222;  }
.main-section02 .right .position-wrap .text-wrap .text br { display:none;  }
.main-section02 .right .position-wrap .text-wrap .more  {  }
.main-section02 .right .position-wrap ul { margin:0 -0.3rem;  }
.main-section02 .right .position-wrap ul:after { clear:both; display:table; content:'';  }
.main-section02 .right .position-wrap ul li { width:50%; float:left;  height:13rem;   text-align:center; padding:0.5rem 0.3rem;  }
.main-section02 .right .position-wrap ul li:nth-of-type(1) , .main-section02 .right .position-wrap ul li:nth-of-type(2) {border-bottom:1px solid #783321;  }
.main-section02 .right .position-wrap ul li:nth-of-type(1) , .main-section02 .right .position-wrap ul li:nth-of-type(3) {border-right:1px solid #783321;  }
.main-section02 .right .position-wrap ul li a {display:block; color:#222; font-size:0.58rem; word-break:keep-all;  }
.main-section02 .right .position-wrap ul li a img { max-width:100%;  display:block; margin:0 auto 10px; height:10rem;  }





.main-section03 {  background:#2a2a2a; background-size:cover;    padding:30px 15px;  }
.main-section03 .department-office {    position:relative;  }
.main-section03 .department-office h3 {  font-size:0.7rem;  font-weight:bold; color:#fff; position:relative; padding-top:10px; margin-bottom:15px;  }
.main-section03 .department-office ul {   }
.main-section03 .department-office ul li { float:left; width:50%;  font-size:0.6rem; font-weight:bold; color:#fff;  margin:0.2rem 0 ; }
.main-section03 .department-office ul li.full {  width:100%; }
.main-section03 .department-office ul li strong{  font-size:0.58rem; font-weight:bold;  }




}