@charset "utf-8";
#in_03{position:relative;width:1300px;margin:0 auto}
#in_03 .txt_box{position:absolute;top:484px;right:0;text-align:right}
#in_03 .txt_box .s_tit{font-size:13px;color:#c1c1c1;letter-spacing:1.9px;font-weight:400;text-transform:uppercase;font-family: 'Raleway', sans-serif}
#in_03 .txt_box .s_tit:before{display:block;content:"";width:26px;height:3px;margin:0 0 4px 533px;background:#ffcbc1}
#in_03 .txt_box .tit{padding: 5px 0 24px 0;font-size:28px;color:#222;font-weight:600;letter-spacing: 2px;text-transform:uppercase;font-family: 'Raleway', sans-serif}
#in_03 .txt_box .txt{color:#666;letter-spacing:-0.3px;line-height:25px}

/* store */
.store{padding-top:430px}
.store .box01 {width:520px;height:605px;float:left} 
.store .box02 {width:380px;height:369px;float:left;margin:235px 5px}
.store .box03 {width:380px;height:369px;margin-top:235px}
.store .effect-box {overflow:hidden;position:relative;background:#000}
.store .effect-box a {display:block;z-index:10}
.store .effect-box img {opacity:1;transition:opacity 0.35s}
.store .effect-box .cont {position:absolute;top:0;left:0;width:100%;height:100%;color:#fff}
.store .effect-box .cont:before, .store .effect-box .cont:after {position:absolute;top:15px;right:15px;bottom:15px;left:15px;content:'';opacity:0;transition:all 0.35s}
.store .effect-box .cont:before {border-top:1px solid #ffcbc1;border-bottom:1px solid #ffcbc1;transform:scale(0,1)}
.store .effect-box .cont:after {border-right:1px solid #ffcbc1;border-left:1px solid #ffcbc1;transform:scale(1,0)}
.store .effect-box .cont .subj {position:absolute;bottom:40px;left:34px;text-align:left}
.store .effect-box .cont .subj h4 {font-size:24px;color:#fff;transform:translateY(-20px);opacity:0;transition:all ease .3s}
.store .effect-box .cont .subj h4 p {font-size:15px;color:#fff;font-family:'arita-light'}
.store .effect-box .cont .subj h4 span {font-weight:800;letter-spacing:2px;font-family: 'Raleway', sans-serif}

/*more view*/
.store .effect-box .more_btn {display:inline-block;position:relative;padding-right:24px;margin-top:25px;font-size:11px;color:#fff;letter-spacing:1.5px;font-weight:700;opacity:0;transition:all ease .3s;
text-transform:uppercase;font-family: 'Raleway', sans-serif}
.store .effect-box .more_btn .arr_wrap{position:absolute;top:0;right:0;bottom:0;width:15px}
.store .effect-box .more_btn .arr {display:inline-block;position:absolute;top:50%;left:0;width:0;height:1px;margin-top:-1px;background:#ffcbc1;transition:width ease .3s}
.store .effect-box .more_btn .arr:after, .store .effect-box .more_btn .arr:before {content:'';position:absolute;top:0;width:1px;height:0;background:#ffcbc1;
transition:height ease .3s}	
.store .effect-box .more_btn .arr:before {right:-1px;transform:rotate(135deg);transform-origin:top left;top:0}
.store .effect-box .more_btn .arr:after {right:0;transform:rotate(45deg);transform-origin:top right;top:1px}

.store .effect-box:hover .subj h4 {transform:translateY(0);opacity:1}
.store .effect-box:hover .more_btn {opacity:1}
.store .effect-box:hover .arr {width:20px;transition-delay:0}
.store .effect-box:hover .arr:after, .store .effect-box:hover .arr:before{height:6px;transition-delay:.3s}
.store .effect-box:hover img {opacity:0.35}
.store .effect-box:hover .cont:before, .store .effect-box:hover .cont:after {opacity:1;transform:scale(1)}