@charset "UTF-8";
@import url("/resources/css/common/print.css");
/*-------------------------------------------------
title       : 메인
Author      : PLAN I
Create date : 2024-10-25
-------------------------------------------------*/

#main > div {display:table;width:100%}
#main .section {position:relative;overflow:hidden;display:table-cell;vertical-align:middle;width:33.33%;height:calc(100vh - 70px);padding:0 65px;background-position:center;background-size:cover;background-repeat:no-repeat;transition:transform .75s}
#main .section .txt-wrap {color:#312118;opacity:0;transform:translateX(-100%);transition:all .6s;}
#main .section .tit {font-weight:300;font-size:4.5rem;line-height:1;}
#main .section .tit strong{display:block;font-weight:700}
#main .section .tit:after {display:block;width:47px;height:2px;background:#312118;margin:30px 0 60px;content:''}
#main .section .txt {font-weight:300;line-height:1.4;height:45px;margin-bottom:48px}
#main .section .more {position:relative;display:inline-block;padding:10px 19px;font-size:1.5rem;border:1px solid #312118;transition:all .4s}
#main .section .more span {position:relative;display:block;padding-right:73px}
#main .section .more span:before {position:absolute;right:0;top:50%;transform:translateY(-50%);width:24px;height:1px;background:#312118;content:'';transition:all .4s}
#main .section .more span:after {position:absolute;right:0;top:5px;width:9px;height:1px;background:#312118;content:'';transform:rotate(45deg);transition:all .4s}
#main .section .more:hover,#main .section .more:focus {color:#fff;background:#312118}
#main .section .more:hover span:before,#main .section .more:focus span:before,#main .section .more:hover span:after,#main .section .more:focus span:after {background:#fff;transition-delay:.2s}

#main .section .more:hover span:before,#main .section .more:focus span:before,
#main .section .more:hover span:after,#main .section .more:focus span:after {right:-6px}
#main #section1 {background-image:url('/resources/images/mum/main/section1.jpg');transform:translateY(-100%)}
#main #section1 .txt-wrap {transition-delay:.7s}
#main #section2 {background-image:url('/resources/images/mum/main/section2.jpg');transform:translateY(100%)}
#main #section2 .txt-wrap {transition-delay:.8s}
#main #section3 {background-image:url('/resources/images/mum/main/section3.jpg');transform:translateY(-100%)}
#main #section3 .txt-wrap {transition-delay:.9s}
#main .section.active {transform:translateY(0) !important}
#main .section.active .txt-wrap {opacity:1;transform:translateX(0)}