@charset "euc-kr";

@media (min-width:1200px) {

  /* ÃÖ¼Ò 1500 ~ ÃÖ´ë */
  #main_contents {
    width: 100%;
    position: relative;
    z-index: 1;
  }

  #main_contents .mainslide {
    position: relative;
    width: 100%;
    z-index: 2;
  }

  #main_contents .notice {
    position: relative;
    box-sizing: border-box;
    font-size: 0px;
    line-height: normal;
    text-align: left;
    width: 1500px;
    left: 50%;
    margin-left: -750px;
    margin-top: -70px;
    z-index: 99;
  }

  #main_contents .notice>div {
    border-radius: 20px;
    border: 2px solid #e5dfc6;
    display: inline-block;
    padding: 10px 20px;
  }

  #main_contents .notice p {
    font-weight: 600;
    font-size: 20px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
    display: inline-block;
    height: 30px;
    line-height: 30px;
  }

  #main_contents .notice .move_wrap {
    position: relative;
    width: 400px;
    display: inline-block;
    height: 30px;
    vertical-align: middle;
  }

  #main_contents .notice .move_box {
    height: 30px;
    overflow: hidden;
  }

  #main_contents .notice .move_box .move {
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.3s;
  }

  #main_contents .notice .move_box .move a {
    font-size: 0px;
    display: block;
    height: 30px;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 35px;
  }


  
  #main_contents .notice .move_box .move a span:nth-child(1) {
display: inline-block;
        font-size: 18px;
        width: 65%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
  }
  #main_contents .notice .move_box .move a span:nth-child(2) {
    display:inline-block;
     font-size: 18px;
	 width:35%;
	 text-align:right;
        vertical-align: middle;
  }


  #main_contents .notice .arrow {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 16px;
    height: 30px;
    top: 50%;
    margin-top: -15px;
  }

  #main_contents .notice .arrow i:nth-child(1) {
    cursor: pointer;
    position: absolute;
    top: 0px;
    display: block;
    width: 100%;
  }

  #main_contents .notice .arrow i:nth-child(2) {
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
  }

  #main_contents .notice .arrow i img {
    width: 100%;
    filter: brightness(0.22) contrast(1) saturate(0) hue-rotate(0deg);
  }

  #main_contents .notice .arrow i img:hover {
    filter: invert(77%) sepia(92%) saturate(483%) hue-rotate(356deg) brightness(103%) contrast(110%);
  }




  #main_contents {
    position: relative;
    z-index: 1;
  }

  #main_contents .contents_box{position: relative;
    z-index: 3;}

  /* ¼½¼Ç1 */
  #main_contents .sec01 {
    max-width: 1500px;
    margin: 0px auto;
    padding-top: 70px;
    position: relative;
    box-sizing: border-box;
    z-index: 1;
  }

  #main_contents .sec01 {}

  #main_contents .sec01 .info:after {
    content: "";
    display: block;
    clear: both;
  }

  #main_contents .sec01 .info li {
    float: left;
    font-size: 0px;
  }

  #main_contents .sec01 .info li:nth-child(1) {
    width: 28%;
  }

  #main_contents .sec01 .info li:nth-child(2) {
    width: 28%;
  }

  #main_contents .sec01 .info li:nth-child(3) {
    width: 44%;
  }

  #main_contents .sec01 .info li > p:nth-child(1) {
    font-size: 30px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding-right: 20px;
    font-family: 'KCC-Hanbit';
	font-weight:400;
  }

 

  #main_contents .sec01 .info li > p:nth-child(2) {
    font-size: 20px;
    line-height: 30px;
    display: inline-block;
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
    word-break: keep-all;
  }

  #main_contents .sec01 .info li:nth-child(1) p:nth-child(2) a {
    font-size: 24px;
    display: block;
    margin-bottom: 10px;
  }



  #main_contents .sec01 .info li:nth-child(3) {
    position: relative;
  }

  #main_contents .sec01 .info li:nth-child(3) > div {
       
        display: inline-block;
        vertical-align: top;
        display: inline-block;
        width: calc(100% - 140px);
        box-sizing: border-box;
        word-break: keep-all;
  }

   #main_contents .sec01 .info li:nth-child(3) > div  > p{
        font-size: 24px;
        line-height: 30px;
        color:#fc5f29;
	margin-bottom:20px;
  }

  #main_contents .sec01 .info li:nth-child(3) > div  >  div{
    font-size:0px;
	margin-bottom:30px;
  }

  #main_contents .sec01 .info li:nth-child(3) > div  >  div > p{
      display: inline-block;
    vertical-align: top;
    display: inline-block;
    width:120px; 	
	font-size: 20px;
    line-height:30px; 
  }
  #main_contents .sec01 .info li:nth-child(3) > div  >  div  > table{
      display: inline-block;
    vertical-align: top;
    display: inline-block;
    width: calc(100% - 120px);  
	border-collapse: collapse;
	
  }


    #main_contents .sec01 .info li:nth-child(3) > div  >  div  > table td{
    background:#efefef; 
	font-size: 20px;
    line-height:30px; 
		border:5px solid #fff;
		text-align:center;
		padding:8px 15px;
		border-radius:20px;
		overflow:hidden;
  }









  #main_contents .sec02 {
    width: 1500px;
    margin: 0px auto;
    position: relative;
    padding-top: 0px;
    margin-top: 200px;
  }

  #main_contents .sec02 .title {
    text-align: center;
    font-family: 'KCC-Hanbit';font-weight:400;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 100px;
  }

  #main_contents .sec02 .swiper-container2_wrap {
  
	padding-bottom:30px;

  }

  #main_contents .sec02 .swiper-container2{overflow:hidden; 
        padding-bottom: 20px;}

  #main_contents .sec02 .swiper-slide .img {

    margin-bottom: 30px;
    overflow: hidden;
	border-radius:50px;
	border:5px solid #efefef;
  }




  #main_contents .sec02 .swiper-slide .img img {
    transition: all 0.3s;vertical-align: top;
  }


  #main_contents .sec02 .swiper-slide:hover img {
    transform: scale(1.1);
  }

   #main_contents .sec02 .swiper-slide .txt {
    text-align: center;
	padding:0 30px;
  }



  #main_contents .sec02 .swiper-slide .txt > p:nth-child(1) {
    text-align: center;
	font-family: 'KCC-Hanbit'; font-weight:400;
	font-size:38px;
	line-height:46px;
	margin-bottom:30px;
  }

  #main_contents .sec02 .swiper-slide .txt > p:nth-child(2) {
    font-size:16px;
	line-height:26px;
	word-break:keep-all;
	text-align:left;
	margin-bottom:50px;
  }





  /*³×ºñ°ÔÀ̼Ç*/
  .swiper-container2_navi {
    display: block;
    text-align: center;
    margin: 0;
    position: absolute;
    z-index: 2;
    top: -150px;
    right: 323px;
  }

  .swiper-container2_navi .next {
    display: inline-block;
    height: 45px;
    /* ±âÁ¸ 74pxÀÇ ¹Ý */
    width: 20px;
    /* ±âÁ¸ 38pxÀÇ ¹Ý */
    background-size: cover;
    cursor: pointer;
    position: relative;
  }

  .swiper-container2_navi .prev {
    display: inline-block;
    height: 45px;
    /* ±âÁ¸ 74pxÀÇ ¹Ý */
    width: 20px;
    /* ±âÁ¸ 38pxÀÇ ¹Ý */
    background-size: cover;
    margin-right: 35px;
    /* ±âÁ¸ 50pxÀÇ ¹Ý */
    cursor: pointer;
    position: relative;
  }

  .swiper-container2_navi span {
    transition: all 0.2s;
    position: absolute;
    width: 32px;
    /* ±âÁ¸ 52pxÀÇ ¹Ý */
    height: 4px;
    /* ±âÁ¸ 4pxÀÇ ¹Ý */
    background: #464543;
  }

  .swiper-container2_navi .next:hover span {
    background: #f19502;
  }

  .swiper-container2_navi .prev:hover span {
    background: #f19502;
  }

  .swiper-container2_navi .next span:nth-of-type(1) {
    right: 0px;
    top: 10px;
    transform: translateY(0px) translateX(0px) rotate(45deg);
  }

  .swiper-container2_navi .next span:nth-of-type(2) {
    right: 0px;
    bottom: 11px;
    transform: translateY(0px) translateX(0px) rotate(-45deg);
  }

  .swiper-container2_navi .prev span:nth-of-type(1) {
    left: 0px;
    top: 10px;
    transform: translateY(0px) translateX(0px) rotate(-45deg);
  }

  .swiper-container2_navi .prev span:nth-of-type(2) {
    left: 0px;
    bottom: 11px;
    transform: translateY(0px) translateX(0px) rotate(45deg);
  }





  /* ¾Ö´Ï¸ÞÀÌ¼Ç */
  #main_contents .sec01 .left {
    opacity: 0;
    position: relative;
  }

  #main_contents .sec01 .bottom {
    opacity: 0;
    position: relative;
  }

  #main_contents .sec01 .right {
    opacity: 0;
    position: relative;
  }

  #main_contents .sec01_move .left {
    animation: left_sec 1s forwards;
    animation-delay: 0.5s;
  }

  #main_contents .sec01_move .bottom {
    animation: bottom_sec 1s forwards;
    animation-delay: 1s;
  }

  #main_contents .sec01_move .right {
    animation: right_sec 1s forwards;
    animation-delay: 1.5s;
  }









  #main_contents .sec02 .title {
    opacity: 0;
    position: relative;
  }

  #main_contents .sec02 .swiper-container2_wrap {
    opacity: 0;
    position: relative;
  }

  #main_contents .sec02_move .title {
    animation: left_sec 1s forwards;
    animation-delay: 0.5s;
  }

  #main_contents .sec02_move .swiper-container2_wrap {
    animation: right_sec 1s forwards;
    animation-delay: 1s;
  }



 
}

@media (max-width:1199px) {
  #main_contents {
    width: 100%;
    position: relative;
    z-index: 1;
  }



  #main_contents .mainslide {
    position: relative;
    width: 100%;
    z-index: 2;
  }




  #main_contents .notice {
    position: relative;
    box-sizing: border-box;
    font-size: 0px;
    line-height: normal;
    text-align: center;
 
    z-index: 99;
  }

  #main_contents .notice>div {
    
	background:#fff7ea;
    padding: 15px 30px 15px 20px;
	font-size:0px;
  }

  #main_contents .notice p {
    font-weight: 600;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    display: inline-block;
    height: 30px;
    line-height: 30px;
	width:80px;
	text-align:left;
  }

  #main_contents .notice .move_wrap {
    position: relative;
    
	width:calc(100% - 80px);
    display: inline-block;
    height: 30px;
    vertical-align: middle;
  }

  #main_contents .notice .move_box {
    height: 30px;
    overflow: hidden;
  }

  #main_contents .notice .move_box .move {
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.3s;
  }

  #main_contents .notice .move_box .move a {
    font-size: 0px;
    display: block;
    height: 30px;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 10px;
  }


  
  #main_contents .notice .move_box .move a span:nth-child(1) {
display: inline-block;
        font-size: 16px;
        width: 65%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
		text-align:left;
  }
  #main_contents .notice .move_box .move a span:nth-child(2) {
    display:inline-block;
     font-size: 14px;
	 width:35%;
	 text-align:right;
        vertical-align: middle;
  }


  #main_contents .notice .arrow {
    position: absolute;
    right: -20px;
    width: 16px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
  }

  #main_contents .notice .arrow i:nth-child(1) {
    cursor: pointer;
    position: absolute;
    top: 0px;
    display: block;
    width: 100%;
  }

  #main_contents .notice .arrow i:nth-child(2) {
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
  }

  #main_contents .notice .arrow i img {
    width: 100%;
    filter: brightness(0.22) contrast(1) saturate(0) hue-rotate(0deg);
  }

  #main_contents .notice .arrow i img:hover {
    filter: invert(77%) sepia(92%) saturate(483%) hue-rotate(356deg) brightness(103%) contrast(110%);
  }








  #main_contents {
    position: relative;
    z-index: 1;
  }

    #main_contents .contents_box{position: relative;
    z-index: 3;}

  /* ¼½¼Ç1 */
  #main_contents .sec01 {
    width: 90%;
    margin: 0px auto;
    padding-top: 70px;
    position: relative;
    box-sizing: border-box;
    z-index: 1;
  }

  #main_contents .sec01 {}

  #main_contents .sec01 .info li {
    font-size: 0px;
    margin-bottom: 30px;
  }

  #main_contents .sec01 .info li:nth-child(3) {
    width: 100%;
    margin-bottom: 0px;
  }

  #main_contents .sec01 .info li > p:nth-child(1) {
      font-size: 26px;
    display: inline-block;
    vertical-align: top;
    display: inline-block;
    width: 140px;
    box-sizing: border-box;
    padding-right: 20px;
        font-family: 'KCC-Hanbit';
	font-weight:400;
  }

  #main_contents .sec01 .info li > p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    vertical-align: top;
    display: inline-block;
    width: calc(100% - 140px);
    box-sizing: border-box;
    word-break: keep-all;
    background: #efefef;
    border-radius: 10px;
    padding: 10px;
  }

    #main_contents .sec01 .info li:nth-child(1) p:nth-child(2) a {
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
  }

    #main_contents .sec01 .info li:nth-child(1) p:nth-child(2) a:last-child {

    margin-bottom: 0px;
  }






  #main_contents .sec01 .info li:nth-child(3) > p {
  font-size: 26px;
    display: block;
    width: 100%;
    padding-right: 0px;
        font-family: 'KCC-Hanbit';
	font-weight:400;
	margin-bottom:20px;
  }

  #main_contents .sec01 .info li:nth-child(3) > div {
       


        box-sizing: border-box;
        word-break: keep-all;
  }

   #main_contents .sec01 .info li:nth-child(3) > div  > p{
        font-size: 16px;
        line-height: 24px;
        color:#fc5f29;
	margin-bottom:10px;
  }

  #main_contents .sec01 .info li:nth-child(3) > div  >  div{
    font-size:0px;
	margin-bottom:30px;
  }

  #main_contents .sec01 .info li:nth-child(3) > div  >  div > p{
	     font-size: 16px;
        line-height: 24px;
		margin-bottom:10px;
  }
  #main_contents .sec01 .info li:nth-child(3) > div  >  div  > table{
	width:100%;
	border-collapse: collapse;
	
  }


    #main_contents .sec01 .info li:nth-child(3) > div  >  div  > table td{
    background:#efefef; 
	font-size: 14px;
    border-radius: 15px;
        line-height: 22px; 
		border:5px solid #fff;
		text-align:center;
		padding:3px 10px;
  }









#main_contents .sec02 {
    width: 90%;
    margin: 0px auto;
    position: relative;
    padding-top: 0px;
    margin-top: 100px;
  }

  #main_contents .sec02 .title {
    text-align: left;
    font-family: 'KCC-Hanbit';
	font-weight:400;
    font-size: 34px;
    line-height: 44px;
    margin-bottom: 50px;
  }

  #main_contents .sec02 .swiper-container2_wrap {
 
	padding-bottom:30px;

  }

  #main_contents .sec02 .swiper-slide .img {

    margin-bottom: 20px;
    overflow: hidden;
	border-radius:0 50px 0 50px;
        border: 5px solid #efefef;
  }


  #main_contents .sec02 .swiper-slide.circle .img {
	
  }


  #main_contents .sec02 .swiper-slide .img img {
    transition: all 0.3s;vertical-align: top;
        width: 100%;
  }


  #main_contents .sec02 .swiper-slide:hover img {
    transform: scale(1.1);
  }

   #main_contents .sec02 .swiper-slide .txt {
    text-align: center;
	padding:0 10px;
  }



  #main_contents .sec02 .swiper-slide .txt > p:nth-child(1) {
    text-align: center;
	font-family: 'KCC-Hanbit'; font-weight:400;
	font-size:24px;
	line-height:32px;
	margin-bottom:20px;
  }

  #main_contents .sec02 .swiper-slide .txt > p:nth-child(2) {
    font-size:12px;
	line-height:18px;
	word-break:keep-all;
	text-align:left;
	margin-bottom:30px;
  }


  
  /*³×ºñ°ÔÀ̼Ç*/
  .swiper-container2_navi {
    display: block;
    text-align: center;
    margin: 0;
    position: absolute;
    z-index: 2;
    top: -85px;
    right: 0px;
  }

  .swiper-container2_navi .next {
    display: inline-block;
    height: 35px;
    /* ±âÁ¸ 74pxÀÇ ¹Ý */
    width: 25px;
    /* ±âÁ¸ 38pxÀÇ ¹Ý */
    background-size: cover;
    cursor: pointer;
    position: relative;
  }

  .swiper-container2_navi .prev {
    display: inline-block;
    height: 35px;
    /* ±âÁ¸ 74pxÀÇ ¹Ý */
    width: 25px;
    /* ±âÁ¸ 38pxÀÇ ¹Ý */
    background-size: cover;
    margin-right:5px;
    /* ±âÁ¸ 50pxÀÇ ¹Ý */
    cursor: pointer;
    position: relative;
  }

  .swiper-container2_navi span {
    transition: all 0.2s;
    position: absolute;
    width: 23px;
    /* ±âÁ¸ 52pxÀÇ ¹Ý */
    height: 4px;
    /* ±âÁ¸ 4pxÀÇ ¹Ý */
    background: #464543;
  }

  .swiper-container2_navi .next:hover span {
    background: #f19502;
  }

  .swiper-container2_navi .prev:hover span {
    background: #f19502;
  }

  .swiper-container2_navi .next span:nth-of-type(1) {
    right: 0px;
    top: 9px;
    transform: translateY(0px) translateX(0px) rotate(45deg);
  }

  .swiper-container2_navi .next span:nth-of-type(2) {
    right: 0px;
    bottom: 8px;
    transform: translateY(0px) translateX(0px) rotate(-45deg);
  }

  .swiper-container2_navi .prev span:nth-of-type(1) {
    left: 0px;
    top: 8px;
    transform: translateY(0px) translateX(0px) rotate(-45deg);
  }

  .swiper-container2_navi .prev span:nth-of-type(2) {
    left: 0px;
    bottom: 9px;
    transform: translateY(0px) translateX(0px) rotate(45deg);
  }








/* ¾Ö´Ï¸ÞÀÌ¼Ç */
  #main_contents .sec01 .left {
    opacity: 0;
    position: relative;
  }

  #main_contents .sec01 .bottom {
    opacity: 0;
    position: relative;
  }

  #main_contents .sec01 .right {
    opacity: 0;
    position: relative;
  }

  #main_contents .sec01_move .left {
    animation: bottom_sec 1s forwards;
    animation-delay: 0.5s;
  }

  #main_contents .sec01_move .bottom {
    animation: bottom_sec 1s forwards;
    animation-delay: 1s;
  }

  #main_contents .sec01_move .right {
    animation: bottom_sec 1s forwards;
    animation-delay: 1.5s;
  }









  #main_contents .sec02 .title {
    opacity: 0;
    position: relative;
  }

  #main_contents .sec02 .swiper-container2_wrap {
    opacity: 0;
    position: relative;
  }

  #main_contents .sec02_move .title {
    animation: bottom_sec 1s forwards;
    animation-delay: 0.5s;
  }

  #main_contents .sec02_move .swiper-container2_wrap {
    animation: bottom_sec 1s forwards;
    animation-delay: 1s;
  }



 




  
}

/* ÃʱâÈ­ */
.contents_box .swiper-button-prev, .mainslide .swiper-rtl .swiper-button-next {
  left: inherit;
  right: inherit;
}

.contents_box .swiper-button-prev:after, .mainslide .swiper-rtl .swiper-button-next:after {
  content: '';
}

.contents_box .swiper-button-next:after, .mainslide .swiper-button-prev:after {
  font-family: '';
  font-size: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  font-variant: inherit;
  line-height: inherit;
}

.contents_box .swiper-button-next, .mainslide .swiper-button-prev {
  position: inherit;
  top: inherit;
  width: inherit;
  height: inherit;
  margin-top: inherit;
  z-index: inherit;
  cursor: inherit;
  display: inherit;
  align-items: inherit;
  justify-content: inherit;
  color: inherit;
}

.contents_box .swiper-pagination-fraction,
.contents_box .swiper-pagination-custom,
.contents_box .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 0;
  left: inherit;
  width: inherit;
  position: inherit;
  text-align: inherit;
  transition: none;
  transform: inherit;
}