@charset "euc-kr";

/*main_contents*/
.main_contents {
  padding: 120px 0;
}

/*main_visual*/
.visual_wrap {
  margin: 109px 0 0 0;
}

.visual_wrap .slide li {
  overflow: hidden;
}

.visual_wrap .slide li img {
  /* max-width: none; */
  /* position: relative;
  left: 50%;
  transform: translateX(-50%); */
}

.visual_wrap .slide li .mv_mob {
  display: none;
}

.visual_wrap .controller {
  background-color: #fff;
  height: 90px;
  box-shadow: 0px 0 9px 0px rgba(0, 0, 0, 0.27);
  margin-top: -45px;
}


/*Äü¸Þ´º*/
.quickBox {position:absolute; right:-25px; top:0; z-index:2;}
.quick_wrap {position:absolute; width:100px; top:30%; }
.quick_wrap .quick_list {}
.quick_wrap .quick_list li {text-align:right;margin-bottom:15px;position:relative;height: 54px;}
.quick_wrap .quick_list li a {display:block; font-size:15px; font-weight:500; margin:0 auto; color:#000; line-height:54px; padding-right:65px;}
.quick_wrap .quick_list li a .qbname {width:80px; opacity:0; padding:0 20px; line-height:30px; text-align:center; color:#fff; font-size:18px; font-weight:500; background-color:#1d61ae;
border-radius:30px; position:absolute; right:-10%; top:15px; -webkit-transition:all 0.3s; transition:all 0.3s;}
.quick_wrap .quick_list li a .qicon {display:block; width:54px; height:54px; /*-webkit-transition:all 0.3s;transition:all 0.3s;*/ position: absolute;right: 0;}
.quick_wrap .quick_list li:hover a .qicon {}
.quick_wrap .quick_list li:hover a .qbname {opacity:1; display:block; right:70px;}
.quick_wrap .quick_list .quick01 .qicon {background:url(../images/common/quick01.png) no-repeat center; background-size:40px 40px;}
.quick_wrap .quick_list .quick01:hover .qicon {background:url(../images/common/quick01_on.png) no-repeat center; background-size:54px 54px;}
.quick_wrap .quick_list .quick02 .qicon {background:url(../images/common/quick02.png) no-repeat center; background-size:40px 40px;}
.quick_wrap .quick_list .quick02:hover .qicon {background:url(../images/common/quick02_on.png) no-repeat center; background-size:54px 54px;}
.quick_wrap .quick_list .quick03 .qicon {background:url(../images/common/quick03.png) no-repeat center; background-size:40px 40px;}
.quick_wrap .quick_list .quick03:hover .qicon {background:url(../images/common/quick03_on.png) no-repeat center; background-size:54px 54px;}
.quick_wrap .quick_list .quick04 .qicon {background:url(../images/common/quick04.png) no-repeat center; background-size:40px 40px;}
.quick_wrap .quick_list .quick04:hover .qicon {background:url(../images/common/quick04_on.png) no-repeat center; background-size:54px 54px;}
.quick_wrap .quick_list .quick05 .qicon {background:url(../images/common/quick05.png) no-repeat center; background-size:40px 40px;}
.quick_wrap .quick_list .quick05:hover .qicon {background:url(../images/common/quick05_on.png) no-repeat center; background-size:54px 54px;}

/*
.quickBox {position:absolute; right:-25px; top:0; z-index:2;}
.quick_wrap {position:absolute; width:100px; top:30%; border-radius:20px; text-align: center; padding:25px 0; background-color:#e55442;}
.quick_wrap .quick_lists li {padding-bottom: 25px;}
.quick_wrap .quick_lists li a {display:block;}
.quick_wrap .quick_lists li p {font-size:13px; font-weight:350; margin-top: 10px; color:#fff;}
.quick_wrap .go_top {font-size:14px;  color:#fff; cursor:pointer;}
 */


@media screen and (min-width: 1935px) {
  .visual_wrap .slide li img {
    width: 100%;
  }
}

.portfolioH2 {text-align: center; font-size:45px; font-weight:900; letter-spacing:5px; margin-bottom:40px; color:#e86757;}

.section {
  margin-bottom: 50px;
}

.section .section_title {
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 30px;
}

.section .section_title::before {
  content: "";
  display: block;
  width: 25px;
  height: 4px;
  background-color: #fb9184;
  border-left: 10px solid #e55442;
  margin-bottom: 15px;
}

/*main_bottom*/
.main_bott {
  padding: 95px 0;
  background:#f8cf46;
  background-size: cover;
}

.main_bott .botts_wrap {
  width: 95%;
  max-width: 1096px;
  margin: 0 auto;
}

.main_bott .bott_box01 {
  background-color: #e55442;
  color: #fff;
  padding: 40px 3%;
  width: 25%;
  box-sizing: border-box;
}

.main_bott .bott_box01 dl dt {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 15px;
}

.main_bott .bott_box01 dl dd {
  font-size: 16px;
  line-height: 1.4;
}

.main_bott .eum_icon {
  text-align: center;
  margin: 30px;
}

.main_bott .eum_icon img {
  width: 96px;
}

.main_bott .eum_btn {
  display: block;
  text-align: center;
  width: 100%;
  height: 56px;
  line-height: 54px;
  font-size: 20px;
  border: 1px solid #fff;
  color: #fff;
  margin: 0 auto;
}

.main_bott .eum_btn:hover {
  background-color: #fff;
  color: #e55442;
}

.bott_box02 {
  width: 50%;
}

.bott_box02 .main_notice {
  background-color: #fff;
  padding: 30px 6%;
}

.bott_box02 .main_notice .notice_tltle {
  font-size: 26px;
  font-weight: 500;
  color: #000;
  margin-bottom: 35px;
}

.bott_box02 .main_notice .notice_tltle a {
  font-size: 60px;
  font-weight: 300;
  color: #000;
  line-height: 0;
}

.bott_box02 .notice_list li {
  margin-bottom: 18px;
  font-size: 14px;
  font-weight: 300;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bott_box02 .notice_list li:last-child {
  margin-bottom: 0px;
}

.bott_box02 .notice_list li a {
  width: 70%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bott_box02 .notice_list li span {
  color: #999999;
}

@media screen and (max-width:1450px){
/* Äü¸Þ´º */
.quickBox {right:100px;}
}

@media screen and (max-width: 950px) {

  /*main_visual*/
  .visual_wrap {
    margin-top: 90px;
  }

  /* .visual_wrap .slide li img {
    width: 350%;
  } */

  /*main_contents*/
  .main_contents {
    padding: 70px 0 50px 0;
  }

  /*main_bottm*/
  .main_bott {
    padding: 40px 0;
  }

  .main_bott .botts_wrap {
    display: block;
  }

  .main_bott .bott_box01,
  .main_bott .bott_box02,
  .main_bott .bott_box03 {
    width: 100%;
  }

  .main_bott .bott_box01 dl dt {
    font-size: 30px;
  }

  .banners li {
    width: 50%;
  }

  .banners li img {
    width: 100%;
  }

  .colum_banners {
    display: flex;
  }

  .colum_banners li {
    width: 50%;
  }

  .colum_banners li img {
    width: 100%;
  }
}

@media screen and (max-width:700px) {
  /* ¸ÞÀκñÁÖ¾ó */
  .visual_wrap .slide li img {
    max-width: 100%;
  }

  .visual_wrap .slide li .mv_mob {
    display: block;
  }

  .visual_wrap .slide li .mv_pc {
    display: none;
  }

  /* Äü¸Þ´º */
  .quickBox {display:none;}
}