@charset "utf-8";

/* 내용관리 */
/*
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}
*/

.content_visual                         { width: 100%; height: calc(100vh - 28px); overflow: hidden; position: relative; }
.content_wrap .swiper                   { width: 100%; height: 100%; }
.content_wrap .swiper-slide             { background-position: center; background-size: cover; }
.content_wrap .swiper-slide img         { display: block; width: 100%; }

.content_wrap                           { text-align: center; }
.cont3_1_box                            { width: 100%; max-width: 1400px; margin: 0 auto; padding: 80px 20px 20px; min-height: 500px; text-align: left; transition: 0.4s; }

/*cont3_1*/
.special_wrap                       { width: 100%; display: inline-block; zoom: 1; *display: inline; padding: 120px 0; }

.special_slide                      { float: left; width: 55%; padding: 0 40px; display: block; }
.special_slide .swiper              { overflow: hidden; max-width: 580px; }
.special_slide .swiper-slide        { transition: 0.4s; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: bold; color: #222; }

.special_info                       { transition: 0.4s; float: left; width: 45%; padding: 100px 50px 0; }
.spInfo_img                         { transition: 0.4s;  }
.spInfo_img img                     { width: 100%; }
.spInfo_tbox                        { transition: 0.4s; padding: 80px 0; }
.spInfo_tbox .spInfo_st             { display: block; width: 100%; font-weight: 300; font-size: 15px; line-height: normal; letter-spacing: 1.1px; padding-bottom: 7px; color: #767470; font-family: 'Raleway', sans-serif; }
.spInfo_tbox .spInfo_title          { display: block; width: 100%; font-weight: 500; font-size: 46px; line-height: 53px; letter-spacing: -0.4px; color: #193551; font-family: 'Raleway', sans-serif; }
.spInfo_tbox .spInfo_text           { display: block; width: 100%; padding: 36px 0; font-weight: 400; font-size: 16px; letter-spacing: 0.5px; color: #767470; word-break: keep-all; }
.spInfo_tbox .spInfo_li             { display: block; width: 100%; padding-bottom: 14px; }
.spInfo_tbox .spInfo_li strong      { display: block; width: 100%; font-size: 16px; font-weight: 500; letter-spacing: 0.5px; color: #193551; word-break: keep-all; }
.spInfo_tbox .spInfo_li span        { display: block; width: 100%; font-size: 16px; font-weight: 300; letter-spacing: 0.5px; color: #7f958a; word-break: keep-all; }


.content_visual .swiper-button-prev, .content_visual .swiper-container-rtl .content_visual .swiper-button-next                  { background-image: none; }
.content_visual .swiper-button-next, .content_visual .swiper-container-rtl .content_visual .swiper-button-prev                  { background-image: none; }
.content_visual .swiper-button-next, .content_visual .swiper-button-prev                                        { transition: 0.4s; border: 1px solid rgba(255,255,255,0.8); width: 45px; height: 45px; line-height: 17px; text-align: center; font-size: 18px; color: #fff; }
.content_visual .swiper-button-next:hover, .content_visual .swiper-button-prev:hover                            { background: #fff; color: #767470; }
.content_visual .swiper-button-next:after, .content_visual .swiper-button-prev:after                            { font-size: 14px; }


#container_title                { opacity: 1; }


.show_cozy                      { width: 150px; display: block; text-align: center; padding: 10px 8px; }

.show_cozy        { border-radius: 2px; text-transform: uppercase; text-decoration: none; background: linear-gradient(to right, rgba(69, 101, 85, 0) 25%, rgba(69, 101, 85, 0.8) 75%); background-position: 1% 50%; background-size: 400% 300%; border: 1px solid #767470; transition: 3s cubic-bezier(0.165, 0.84, 0.44, 1); }
.show_cozy:hover  { transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1); }
.show_cozy:hover  { color: white; color: #fff; background-position: 99% 50%; }


.r_bk_img {padding: 20px 50px 0 81px;}


@media (max-width: 1400px) {
    .content_visual           { height: auto; }
    .r_bk_img {padding: 20px 0;}
    
}
@media (max-width: 1024px) {
    
    .special_slide              { width: 50%; padding: 0 20px; }
    .special_info               { width: 50%; padding: 0 20px; }
  
}
 
@media (max-width: 768px) {
    .special_slide              { width: 100%; float: none; padding: 0; }
    .special_info               { width: 100%; float: none; padding: 0; }
    
    .spInfo_tbox                { padding: 130px 0 40px; }
    .special_slide              { padding-right: 20px; }
    .special_info               { position: relative; }
    .spInfo_img                 { position: absolute; top: 0; right: 0; width: 55%; transform: translateY(-45%); z-index: 999;}
}
 
@media (max-width: 640px) {
    .special_wrap               { padding: 40px 0 0; }
    .spInfo_tbox .spInfo_title  { font-size: 36px; line-height: 40px; }
    .spInfo_tbox .spInfo_st     { font-size: 13px; padding-bottom: 3px; }
    
    #container_title                { opacity: 0.65; }
    .cont3_1_box                { padding: 70px 20px 20px; }
}