@charset "utf-8";

.in_03{position:relative;width:100%}
.in03_wrap {overflow:hidden;position:relative;width:1200px;margin:0 auto;padding:115px 0 128px 0;zoom:1}

/*텍스트*/
.in03_wrap .txt_area {float:right;text-align:right}
.in03_wrap h3{padding:46px 0 26px 0;font-size:37px;color:#222;letter-spacing:-0.3px;font-family:'notokr-black'}
.in03_wrap .s_txt{font-size:16px;color:#555;letter-spacing:-0.3px;line-height:26px;font-family:'notokr-regular';text-align:right}

/* viewmore 버튼 */
.in03_wrap .more_btn {display:inline-block;position:relative;padding-right:0;margin-top:25px;font-size:11px;letter-spacing:1px;color:#562c2a;text-transform:uppercase;transition:all .5s;font-family:notokr-bold}
.in03_wrap .more_btn .arr_wrap{position:absolute;top:2px;right:10px;bottom:0;width:10px}
.in03_wrap .more_btn .arr {display:inline-block;position:absolute;top:50%;left:0;width:0;height:1px;margin-top:-1px;background:#562c2a;transition:width ease .3s}
.in03_wrap .more_btn .arr:after, .in03_wrap .more_btn .arr:before {content:'';position:absolute;top:0;width:1px;height:0;background:#562c2a;transition:height ease .3s}	
.in03_wrap .more_btn .arr:before {right:-1px;transform:rotate(135deg);transform-origin:top left;top:0}
.in03_wrap .more_btn .arr:after {right:0;transform:rotate(45deg);transform-origin:top right;top:1px}
.in03_wrap .more_btn:hover {padding-right:25px}
.in03_wrap .more_btn:hover .arr {width:20px;transition-delay:0}
.in03_wrap .more_btn:hover .arr:after, .in03_wrap .more_btn:hover .arr:before{height:6px;transition-delay:.3s}

/*메뉴*/
.in03_wrap ul {float:left;paddin-top:8px}
.in03_wrap ul li {overflow:hidden;position:relative;z-index:0;float:left;width:200px;height:366px;margin-right:3px;box-sizing:content-box!important;-webkit-transition:all .5s;transition:all .5s}
.in03_wrap ul li a {display:block;height:394px}
.in03_wrap .list_01 {-webkit-animation-delay:.2s;-ms-animation-delay:.2s;animation-delay:.2s}
.in03_wrap .list_02 {-webkit-animation-delay:.4s;-ms-animation-delay:.4s;animation-delay:.4s}
.in03_wrap .list_03 {-webkit-animation-delay:.6s;-ms-animation-delay:.6s;animation-delay:.6s}
.in03_wrap .list_04 {margin-right:0;-webkit-animation-delay:.8s;-ms-animation-delay:.8s;animation-delay:.8s}
.in03_wrap .column_box {position:absolute;bottom:0;width:200px;text-align:center;background:rgba(0,0,0, 0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000)}
.in03_wrap .tit_03 {padding:16px 0 16px;font-size:16px;line-height:26px;letter-spacing:-0.3px;color:#fff;font-family:'notokr-medium'}
.in03_wrap .txt_03 {font-size:15px;line-height:24px;letter-spacing:-0.3px;color:#fff;font-family:'notokr-regular';opacity:0.75}
.in03_wrap .txt_04 {padding:17px 0 20px 0;font-size:15px;line-height:24px;letter-spacing:-0.5px;color:#fff;font-family:'notokr-regular'}


/* 효과css */
.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeInRight {-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRight {from {opacity:0;webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}to {opacity:1;webkit-transform:none;transform:none}}
@keyframes fadeInRight {from {opacity:0;webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}to {opacity:1;webkit-transform:none;transform:none}}


/* 익스 8 */
@media \0screen {
.in03_wrap ul li {filter:alpha(opacity=100}
}