/* 모든 스타일은 css 충돌방지를 위해 .index을 기준으로 작성 하시면 됩니다. 예) .index .box {} */
.index{}
*{letter-spacing:-1px !important;}
.clearfix:before, .clearfix:after{display:block;content:"";clear:both;}

/* 12.31 한선 추가 */

.main_tit{font-size:32px;}
.mb_br{display:none;}


/* 슬라이드 */

.slide{background:url(../index/images/main_slide.jpg)no-repeat;height:750px;position:relative;background-size:cover;}
.slide .container{}
.slide h1{color: #fff;font-size: 44px;font-weight: 500;letter-spacing: -2px !Important;
  line-height: 56px;position: absolute;width: 100%;top: 50%;transform: translate(0,-50%);}
.slide h1 b{color:#e9c3c3;display:block;}
.slide h1 span{display:block;font-size:17px;opacity:0.9;line-height:32px;padding-top:30px;}

/* 퀵카테고리 */

.quick_cate{background:#dc1d1d;}
.quick_cate ul{display:table;table-layout:fixed;width:100%;}
.quick_cate ul li{display:table-cell;border-left:1px solid #e83434;position:relative;transition:all .3s;}
.quick_cate ul li:last-child{border-right:1px solid #e83434;}
.quick_cate ul li a:hover{background:#bd0413;}
.quick_cate ul li a.on{background:#d20010;}
.quick_cate ul li a{display:block;height:60px;text-align:center;line-height:60px;color:#fff;font-size:17px;font-weight:500;background:#dc1d1d;}

.hover_img{position: absolute;width: 100%;top: -650px;height:650px;opacity:0;transition:all .3s;cursor:pointer;}
.hover_img img{width:100%;height:100%;object-fit:cover;}
.hover_txt{position: absolute;top: 100px;color: #fff;font-size: 16px;font-weight: 500;padding:0 33px;width:100%;}
.hover_txt h2{font-size:24px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.4);font-weight:normal; color: #fff;}
.hover_txt span{padding-top:12px;display:block;font-weight:500;}


.main_ctt1 .container{overflow:hidden;padding:100px 0;}

.main_ctt1 .container > div:nth-of-type(1) {width: 100%; float: left;}
.main_ctt1 .container > div:nth-of-type(2) {width: 100%; float: left; background:url(../index/images/main-img.png)no-repeat; background: cover;     height: 280px; margin-top: 40px; padding: 78px 60px;
  background-position: center center;}
.main_ctt1 .container::before, .main_ctt1 .container::after {display: block; content:""; clear: both;}
.main_ctt1 .container > div:nth-of-type(2) p {    padding-top: 10px;
  color: #fff;
  text-align: left;
  font-size: 20px;
  line-height: 36px;
}}
.main_ctt1 .container > div:nth-of-type(2) img {display: block; margin: 0 auto;}

.ctt1_txt{float:left;width:100%;}
.ctt1_txt img{display: inline-block;width: 85px;margin: -26px 10px 0 0;}
.ctt1_txt h1{display:inline-block;font-size:44px;line-height:34px;letter-spacing:-3px !important; width: 100%;} 
.ctt1_txt h1 img {display: block; margin: 0 auto; width: 740px;}
.ctt1_txt p {display: block;padding-top: 30px;font-size: 20px;font-weight: 500;
  color: #333;line-height: 32px; text-align: center;}
.ctt1_img{float:left;width:40%;position:relative;}
.ctt1_img img{width:100%;height:350px;object-fit:cover;}
.ctt1_btn{position:absolute;bottom:0;left:0;width:100%;}
.ctt1_btn ul{overflow:hidden;}
.ctt1_btn ul li{float:left;width:50%;}
.ctt1_btn ul li a{display:block;text-align:center;color:#fff;font-weight:500;font-size:16px;padding:15px 0;}
.ctt1_btn ul li:nth-child(1){background:#dc1d1d;}
.ctt1_btn ul li:nth-child(2){background:#000;}


.main_ctt2{background:#f8f8f8;padding:70px 0;}
.main_ctt2 ul{overflow:hidden;}
.main_ctt2 ul li{float:left;width:25%;border-right:1px solid #e7e7e7;}
.main_ctt2 ul li:last-child{border-right:0;}
.main_ctt2 ul li a{text-align:center;}
.main_ctt2 ul li img{margin: 0 auto;display: block;border-radius: 50%;background: #c5c5c5;transition:all .5s;}
.main_ctt2 ul li:hover img{background:#dc1d1d}
.main_ctt2 ul li p{    font-size: 20px;font-weight: bold;color: #9d1e1e;padding-top: 15px;}
.main_ctt2 ul li span{display:block;padding-top:10px;font-size:16px;color:#2f2f2f;font-weight:500;}



.main_ctt3 .container{overflow:hidden;padding:70px 0;position:relative;}
.ctt3_txt {float:left;width:100%;padding-top:30px;}
.ctt3_slide{float:left;width:100%;}
.ctt4-h1 {font-size:32px; padding-bottom: 20px;}
.ctt4-span {color:#e60012;font-weight:bold;font-size:20px;display:block;}
.ctt3_txt p{line-height:28px;padding-top:30px;font-size:16px;font-weight:500;}

.swiper-slide{border:1px solid #f2f2f2;box-sizing:border-box;}
.swiper-slide img{width:100%;}
.swiper-slide-active{box-shadow: 5px 5px 10px #ebebf3;}
.swiper-slide-active span{color:#de3a3a !important;}
.ctt3_descript{background:#fff;padding:25px 20px;}
.ctt3_descript h2{font-size:18px;font-weight:500;}
.ctt3_descript h2 span{    display: block;color: #333;font-size: 15px;padding-bottom:7px;font-weight:bold;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{top:147px !important;right:51px !important;background:url(../index/images/prev.png)no-repeat !important;width:45px !important; left: auto  !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{top:147px !important;right:0px !important;background:url(../index/images/next.png)no-repeat !important;width:45px !important; left: auto  !important;}
.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}


.main_ctt4{background:#fff;padding:70px 0;}
.ctt4_info{overflow:hidden;}
.ctt4_info .iso{width:35%;margin-right:5%;float:left;}
.ctt4_info .iso > h1, .ctt4_info .notice > h1 {font-size:32px; margin-bottom: 30px;}
.iso img{width:100%;height:197px;object-fit:cover;}
.notice{width:60%;float:left;}
.notice ul{}
.notice ul li{background: #fff;border: 1px solid #f8f8f8;margin-bottom: 15px;padding: 25px 35px;box-shadow: 5px 5px 5px #f2f2f2;}
.notice ul li a{display:block;}
.notice ul li .notice_tit{color: #e60012;font-weight: bold;font-size: 14px;padding-bottom: 5px;display: block;}
.notice ul li p{overflow:hidden;}
.notice ul li p span{float:left;width:80%;display:block;font-size:16px;font-weight:500;}

.notice ul li b{text-align:right;width:20%;float:left;display:block;font-weight:500;font-size:16px;}


.main_ctt5{background:url(../index/images/contact_bg.png)no-repeat;width:100%;height:auto;background-size:cover;background-position:center;overflow:hidden;position:relative;}
.main_ctt5 .container{position:relative;z-index:1;overflow:hidden;padding:20px 0;}

.main_ctt5 .container{}
.main_ctt5 input{    width: 100%;
  height: 40px;
  background: none;
  border: 1px solid #dedede;
  padding: 10px;
  background: rgba(255,255,255,0.7);}
.main_ctt5 textarea{width: 100%;height: 100px;background: rgba(255,255,255,0.7);border: 1px solid #dedede;
  padding: 10px;}
.contact_form{float:right;width:50%;padding:50px 0 50px 70px;}
input::placeholder, textarea::placeholder{opacity:0.6;font-size:13px;font-weight:500;}
.form_box label{color: #d40011;font-size: 14px;font-weight: bold;padding: 10px 0;display: block;float:left;width:15%;}
.form_box input, .form_box textarea{float:left;width:85%;}
.form_box{width:100%;overflow:hidden;margin-bottom:10px}
form{overflow:hidden;margin-top:25px !important;}
.form_box select{margin: 0;font-size: 13px;
  font-weight: bold;
  height: 40px;
  border: 0;
  background: rgba(255,255,255,0.7);
  border:1px solid #dedede;
  width: 85%;
  padding: 0 10px;}
.contact_form h1{font-size:32px;color:#e60012;}
.contact_form h1 span{    color: #333;
  display: block;
  font-size: 15px;
  padding-top: 15px;
  font-weight: bold;
  line-height: 26px;}


.main_ctt5 button{border: 0;background: #e60012;color: #fff;font-weight: bold;
  width: 30%;font-size: 14px;margin-top: 17px;float: right;padding: 10px 0;transition: all .5s;}
.main_ctt5:before{    position: absolute;
  display: block;
  content: "";
  background: rgba(255,255,255,0.7);
  width: 50%;
  height: 100%;
  right: 0;}
input, textarea{color:#333;}
.main_ctt5 button:hover{background:#9d1e1e}




/*공지사항 추가*/
.lat {background: inherit !important;}
.lat .lat_title a {    color: #e60012 !important;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 5px;
  display: block;}
.lat .lat_title {    background: #fff; display: none !important;
  border: 1px solid #f8f8f8;
  margin-bottom: 15px;
  padding: 25px 35px;
  box-shadow: 5px 5px 5px #f2f2f2; line-height: 0;}
.lat ul {padding: 0 !important;}
.lat .lt_more {
  position: absolute;
  top: -52px !important;
  right: 0;
  display: block;
  width: 40px;
  line-height: 25px;
  color: #e00000 !important;
  border-radius: 3px;
  text-align: center;
  font-size: 15px !important;
  font-weight: 600 !important;
}
.basic_li::before, .basic_li::after {display: block; content:""; clear: both;}
.lat li a {width: 80%; float: left; line-height: 39px !important; font-size: 16px  !important; font-weight: 500 !important;}
.lt_info {text-align: right;
  width: 20%;
  float: left;
  display: block;
  font-weight: 500;
  font-size: 16px;
}
.lt_info .lt_date {color: #333 !important;}
.sv_member {display: none !important;}

.lat li .new_icon {display: none !important;}





/* 메인컨텐츠5 */

.main_contact {
  width: 50%;
  float: right;
  padding-left: 70px;
}

.main_contact p {
  font-size: 18px;
  font-weight: 500;
  padding: 15px 0 30px 0;
  color: #666;
  line-height: 34px;
}

.main_contact .uk-form-horizontal .uk-form-label {
  width: 100px;
}

.main_contact .uk-form-horizontal .uk-form-controls {
  margin-left: 100px;
}

.main_contact * + .uk-margin-large {
  margin: 0 !important;
}

.uk-form-label {
  color: #1956a8;
  font-weight: bold;
  padding-bottom: 5px;
  font-size: 15px;
  padding-left: 10px;
}

.main_ctt5 #form-stacked-text {
  background: none;
  border: none;
  border-bottom: 1px solid #e4e4e4;
}

input::placeholder,
textarea::placeholder {
  font-size: 14px;
  opacity: 0.5
}

textarea {
  padding: 15px !important;
  height: 85px;
}

.radiobtn label {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin-right: 10px;
}

.contact_submit {
  width: 100%;
  background: #8db1e4;
  color: #fff;
  font-size: 18px;
  padding: 5px 0;
}

.uk-width-1-2\@s {
  display: table-cell;
}


/* 메인컨텐츠 6 */

.main_ctt6 {
  border-top: 1px solid #e4e4e4;
}

.main_ctt6 .con {
  overflow: hidden;
}

.main_ctt6 .partner {
  width: 100%;
  float: left;
  padding: 10px 0;
  display: flex;
}

.main_ctt6 .partner li {
  width: 100%;
}

.partner img {
  display: block;
  margin: 0 auto;
}

.partner span {
  padding-top: 10px;
  display: block;
  font-size: 13px;
  font-weight: 700;
  text-align: center;

  line-height: 18px;
}




/* 컨텐츠 4 */
.main_ctt4 {
    padding-bottom: 70px;
}

.main_ctt4 .slider img {
    width: 100%;
}

/* slick */
.rolling {
    padding-top: 30px;
}

.rolling .slick-slide {
    margin: 10px;
}

.rolling .slick-slide p {
    text-align: left;
    font-weight: 500;
    padding: 20px;
    font-size: 18px;
    line-height: 22px;
    color: #333;
    letter-spacing: -1px !important;
    border: 1px solid #e4e4e4;
    border-top: 0;
}

.slick-slide img {
    width: 100%;
}

.slick-prev:before,
.slick-next:before {
    color: #e4e4e4 !important;
}

.slick-prev,
.slick-next {
    top: 42% !important;
}

.slick-prev:before,
.slick-next:before {
    font-size: 25px !important;
}

.slick-prev {
    left: -30px !Important
}

.slick-next {
    right: -30px !Important;
}

.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}

.slick-active {
    opacity: .4;
    box-shadow: 0px 5px 20px #e4e4e4;
}

.slick-current {
    opacity: 1;
}

.rolling .slick-slide p span {
    display: block;
    font-weight: 500;
    font-size: 13px;
    color: #97c2e6;
    padding-bottom: 5px;
    letter-spacing: -1px !important;
}


.slick-center p {
    line-height: 30px;
    text-align: left;
}


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

  .container{width:100% !important;}
  
  .slide h1{font-size:28px;text-align:center;line-height:38px;}
  .slide{height:500px;}
  
  .hover_img{top:-500px;height:500px;}
  .hover_txt{top:70px;}
  .hover_txt h2{font-size:18px;font-weight:600;}
  
  
  .main_ctt1{width:90%;margin:0 auto;}
  .main_ctt1 .container{padding:50px 0;}
  .ctt1_txt h1 img{width:500px;}
  
  .main_ctt2 ul li p{font-size:18px;}
  .main_ctt2 ul li img{width:60px;}
  
  .main_ctt4{padding:50px 0;}
  .ctt4-h1{font-size:28px;text-align:center;}
  .ctt4-span{font-size:18px;}
  
  .main_ctt4{padding:50px 0;}
  .main_ctt4 .container{width:90% !important;margin:0 auto;}
  .ctt4_info .iso > h1, .ctt4_info .notice > h1{font-size:28px}
  .lat li a, .lt_info{font-size:14px !important;}
  .notice ul li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:70%;}
  
  .contact_form{padding:50px;}
  .contact_form form{width:90%;margin:0 auto;}
  .contact_form h1{font-size:28px;}
  
}
  
 

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

  .main_ctt2 ul li{width:50%;}
  .main_ctt2 ul li:nth-child(1), .main_ctt2 ul li:nth-child(2){margin-bottom:30px;}
 
  .contact_form{width:70%;}
  .main_ctt5:before{width:70%;}
}


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

  .mb_br{display:block;}
  .page_top{width:30px;height:30px;}
  .page_top svg{width:20px;position: relative;top: -10px;}
  .page_top_on{right:20px;}
  
  .slide{height:400px;}
  .slide h1{font-size:22px;line-height:32px;}
  
  
  .quick_cate ul li{position:inherit;}
  .hover_img{top:70px;height:400px;left:0;}
  .quick_cate ul li a{font-size:14px;font-weight:600;}
  
  .main_ctt1 .container > div:nth-of-type(2) p{font-size:16px;line-height:28px;width:80%;margin:0 auto;padding:60px 0;}
  .main_ctt1 .container > div:nth-of-type(2) p br{display:none;}
  .main_ctt1 .container > div:nth-of-type(2){
    height:auto;padding:0;background-position: 65% 32%;}
  
  .main_ctt2{padding:50px 0;}
  .main_ctt2 ul li img{width:50px;}
  .main_ctt2 ul li span{display:none;}
  .main_ctt2 ul li p{font-size:16px;}
  
  .ctt4-h1{font-size:22px;padding-top:30px;}
  .ctt4-span{padding-bottom:5px;}
  
  .main_ctt4{padding-top:0;}
  .ctt4_info .iso > h1, .ctt4_info .notice > h1{font-size:22px;}
  .ctt4_info .iso{float:none;width:100%}
  .iso img{height:auto;}
  .notice{float:none;width:100%;margin-top:50px;}
  
  
  .main_ctt5 .container{width:90% !Important;}
   .contact_form{width:100%;margin:0 auto;float:none;padding:50px 0;}
  .contact_form form{width:100%;}
  .main_ctt5:before{width:100%;opacity:0.6;}
  .contact_form h1{font-size:22px;color:#fff;font-weight:600;}
  .contact_form h1 span{color:#fff;font-weight:500;}
  .form_box label{display:none;}
  .form_box input, .form_box textarea, .form_box select{width:100%;}
  .contact_form h1 span br{display:none;}
  .main_ctt5 button{float:none;margin:20px auto 0 auto;display:block;}
  
}