@charset "utf-8";

#in_01{position:relative}
#in_01 .br{white-space:pre-line;word-break:keep-all}
#in_01 .in_01_text_area{overflow:hidden;position:relative;width:1070px;margin:60px auto;color:#333}
#in_01 .in_01_text_area .in_01_big_tit{float:left;font-size:43px;font-weight:300;line-height:46px;font-family: 'Raleway', sans-serif}
#in_01 .in_01_text_area .in_01_big_tit span{font-weight:700}
#in_01 .in_01_text_area .cont{float:left;padding:25px 0 0 5%}
#in_01 .in_01_text_area .more_btn{display:none;position:absolute;right:0;top: 25px;min-width:97px;padding:9px 0;border:none;font-size:13px;font-weight:700;text-align:center;font-family: 'Raleway', sans-serif}
#in_01 .in_01_text_area .more_btn:before, #in_01 .in_01_text_area .more_btn:after {content: '';display: block;height: 4px;position: absolute;bottom: 0;z-index: 2;-webkit-transition: width 400ms;transition: width 400ms;-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000)}
#in_01 .in_01_text_area .more_btn:before {width:100%;right:0;background:#ddd;-webkit-transition-delay:200ms;transition-delay:200ms}
#in_01 .in_01_text_area .more_btn:after {width:0;left:0;background:#b40000;-webkit-transition-delay:0ms;transition-delay: 0ms}
#in_01 .in_01_text_area .more_btn:hover:before {width:0;-webkit-transition-delay:0ms;transition-delay:0ms}
#in_01 .in_01_text_area .more_btn:hover:after {width:100%;-webkit-transition-delay:200ms;transition-delay:200ms}

#in_01 .in_01_box_area {max-width:1600px; margin:0 auto}
#in_01 .in_01_box_area .img_box{overflow:hidden;width:100%}
#in_01 .in_01_box_area .img_li{position:relative;width:25%;height:323px;float:left;list-style:none;text-align:center;box-sizing:border-box}
#in_01 .in_01_box_area .img_li div{position:absolute;width:100%;height:100%;-webkit-transition: all 1s}
#in_01 .in_01_box_area .li_tit{font-size:25px;color:#fff;font-family: 'Raleway', sans-serif}
#in_01 .in_01_box_area .front_txt{z-index:999}
#in_01 .in_01_box_area .front_txt .li_icon{top:95px}
#in_01 .in_01_box_area .front_txt .li_tit{top:150px}
#in_01 .in_01_box_area li:hover .front_img{z-index:0;-webkit-transform: rotateY(180deg)}
#in_01 .in_01_box_area .front_img{z-index:3}
#in_01 .in_01_box_area .front_img:hover{z-index:0}
#in_01 .in_01_box_area .hover{background:#a1795b;-webkit-transform:rotateY(180deg)}
#in_01 .in_01_box_area li:hover .hover{-webkit-transform:rotateY(0deg)}
#in_01 .in_01_box_area .img_box .hover .li_cont{top:190px;font-size:16px;line-height:26px;color:#f5e2e3;box-sizing:border-box}

/* 반응형 [s] */
@media (max-width:1176px){
#in_01 .br{white-space:normal}
#in_01 .in_01_text_area{width:100%;margin:50px 0;text-align:center}
#in_01 .in_01_text_area .in_01_big_tit{float:none;margin-bottom:10px;font-size:32px}
#in_01 .in_01_text_area .cont{float:none;padding:0;font-size:14px;line-height:24px}
#in_01 .in_01_text_area .more_btn{display:inline-block;position:relative;top:0;margin-top:20px}
#in_01 .in_01_box_area .img_li{width:50%;height:280px}
#in_01 .in_01_box_area .front_txt .li_icon{top:60px}
#in_01 .in_01_box_area .front_txt .li_tit{top:110px;font-size:18px}
#in_01 .in_01_box_area li:hover .front_img{transform:none}
#in_01 .in_01_box_area .hover{transform:rotateY(0);background-color:transparent}
#in_01 .in_01_box_area li:hover .hover{transform:none}
#in_01 .in_01_box_area .img_li div{transition:none}
#in_01 .in_01_box_area .img_li .hover{z-index:100}
#in_01 .in_01_box_area .img_box .hover .li_cont{top:150px;color:#fff;font-size:14px;line-height:24px}
}
@media (max-width:768px){
#in_01 .in_01_text_area{margin:40px 0}
#in_01 .in_01_box_area .front_txt .li_icon{top:45px}
#in_01 .in_01_box_area .front_txt .li_tit{top:95px}
#in_01 .in_01_box_area .img_box .hover .li_cont{top:135px}
#in_01 .in_01_box_area .img_li{height:250px}
#in_01 .in_01_text_area .in_01_big_tit{font-size:28px}
#in_01 .in_01_box_area .img_li{width:100%}
#in_01 .in_01_text_area .more_btn{display:none}
}
@media (max-width:480px){
#in_01 .in_01_text_area{margin:40px 0}
#in_01 .in_01_text_area .in_01_big_tit{font-size:24px;line-height:34px}
#in_01 .in_01_box_area .front_txt .li_tit{font-size:16px}
}
/* 반응형 [e] */