/* BASIC css start */
/* 중앙 */
.main_title01 {width:350px; margin:0 auto; text-align:left; border-bottom:1px dashed #dedede; padding:34px 0px 25px; }
.main_title02 {width:350px; margin:0 auto; text-align:left; padding:34px 0px 25px; }

.title_text01 {font-size:12px; letter-spacing:0.5px;  line-height:12px; font-family: 'Roboto';}
.title_text02 {width:20px; height:1px; background-color:#222; margin: 15px 0px 13px;}
.title_text03 {font-size:22px;  font-weight:300; line-height:22px; }
.title_text04 {font-size:13px; letter-spacing:-0.3px; color:#888; line-height:16px; padding-top:15px;}


/* 폼메일 영역 */
.main_formmail {padding:0 35px; background:#dfa503;}
.main_formmail .main_title01 {width:100%; color:#fff;}
.main_formmail .main_title02 {width:100%;}
.main_formmail .title_text02 {background-color:#fff;}
.main_formmail .main_title01:hover {color:#27868d;}
.main_formmail .main_title01:hover .title_text02 {width:40px; height:1px;  background-color:#27868d;}


.main_area01 {width:425px;height:1219px;float:left;border-right:1px solid #e5e5e5; background-color:#fff;}
.main_area01 .area01 {height:615px; width:425px; border-bottom:1px solid #e5e5e5; background-image:url('/design/46woowoo/0726easyclean/main01.jpg'); background-repeat:no-repeat; background-position:bottom center;}

.main_area01 .t01  {
    animation-name: move;
    animation-duration: 5s;
    animation-iteration-count: 1;
	animation-timing-function: cubic-bezier;
}

.main_area01 .t02  {
    animation-name: move2;
    animation-duration: 5s;
    animation-iteration-count: 1;
	animation-timing-function: cubic-bezier;
}

.main_area01 .t03  {
    animation-name: move3;
    animation-duration: 5s;
    animation-iteration-count: 1;
	animation-timing-function: cubic-bezier;
}

@keyframes move {
    0% {margin-left:100px;opacity:0;}
    35% {margin-left:0px;opacity:1;}
    100% {margin-left:0px;opacity:1;}
}

@keyframes move2 {
    0% {margin-left:120px;opacity:0;}
    35% {margin-left:0px;opacity:1;}
    100% {margin-left:0px;opacity:1;}
}

@keyframes move3 {
    0% {margin-left:140px;opacity:0;}
    35% {margin-left:0px;opacity:1;}
    100% {margin-left:0px;opacity:1;}
}

.main_area01 .intro_title {font-size:22px; line-height:28px; text-align:left; font-weight:300;  margin:48px auto 0px; color:#555; padding-left:38px;}
.main_area01 .intro_title span {color:#27868d;}
.main_area01 .ban_service {margin:10px auto 0;text-align:center;}
.main_area01 .ban_service {position:relative; width:350px; height:131px;}
.main_area01 .area02:hover .ban_service_bg {opacity:1;}
.main_area01 .area03:hover .ban_service_bg {opacity:1;}
.main_area01 .area05:hover .ban_service_bg {opacity:1;}
.ban_service_bg {width:350px; height:131px; background-color:rgba(0,0,0,0.4); position:absolute; top:0px; left:0px; opacity:0;}
.ban_service_bg a {color:#fff; line-height:131px; border:3px solid #fff; padding:8px 20px; font-size:16px; letter-spacing:-0.3px; font-weight:500;}
.main_area01 .area01_btn {width:350px; margin:48px auto;}
.main_area01 .area01_btn ul li {float:right;}
.main_area01 .area01_btn ul li:first-child {float:left;}
.main_area01 .area01_btn ul li a {display:block; float:left;text-align:center;width:170px; height:45px; background-color:#f0f0f0;line-height:45px;font-size:14px; color:#555;opacity:0.95;}
.main_area01 .area01_btn ul li a:hover { background-color:#555; color:#fff;}
.main_area01 .area01:hover .title_text02 {width:40px; height:1px;  background-color:#27868d;}
.main_area01 .area02:hover .title_text02 {width:40px; height:1px;  background-color:#27868d;}
.main_area01 .area02:hover .main_title02 {color:#27868d; }
.main_area01:hover .main_title01 {color:#27868d;}

.main_area02 {width:425px;height:1219px;float:left;border-right:1px solid #e5e5e5;background-color:#fff;}
.main_area02:hover .main_title01 {color:#27868d;}
.main_area02:hover .title_text02 {width:40px; height:1px;  background-color:#27868d;}

.main_area03 {width:426px; height:975px; background-color:#fff;}
.main_area03:hover .main_title01 {color:#27868d;}
.main_area03:hover .title_text02 {width:40px; height:1px;  background-color:#27868d;}
.main_area03 .main_board_title { height:25px; width:350px; margin:0 auto; border-bottom:1px solid #e9e9e9; padding-bottom:16px; margin-top:50px;}
.main_area03 .board_title_left {font-size:17px;color:#222; text-align:left; line-height:25px;font-weight:300;}
.main_area03 .board_title_right a {font-size:12px; color:#222; width:60px; height:23px; line-height:23px; display:block; border:1px solid #e9e9e9;text-align:center;}
.main_area03 .board_title_right a:hover {border:1px solid #27868d; color:#27868d; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.main_area03 .board_sub {text-align:left; width:350px; margin:0 auto; padding-top:25px; }
.main_area03 .board_sub ul li {height:25px;width:100%;overflow:hidden;}
.main_area03 .board_sub ul li img {vertical-align:middle;}
.main_area03 .board_sub a {display:block; padding-right:3px; font-size:13px; color:#777; text-align:left; line-height:25px; font-weight:300;}
.main_area03 .board_sub a:hover {color:#27868d;}
.main_area03 .board_sub .comment {color:#888;padding:0 3px 0;font-size:11px;}

/* 메인 상품진열 */
.main_prd {width:350px; margin:33px auto 0;}
.main_prd table td {display:inline-block; width:350px; margin:65px auto;}
.main_prd table .tb-center {padding:0;}
.main_prd .thumb {float:left; width:150px; height:150px; border:1px solid #e0e0e0;}
.main_prd .thumb:hover {border:1px solid #888;}
.main_prd .thumb img {display:block; width:140px; height:140px; margin:5px;}
.main_prd .info {float:right; width:185px; text-align:left;}
.main_prd .info .dsc {margin:5px 0 10px; color:#222; font-size:16px; font-weight:400;}
.main_prd .info .subname {color:#999; font-size:12px; line-height:17px;}
.main_prd .info .price {color:#000; font-size:14px; font-weight:700;}
.main_prd .info .detail_btn a {font-size:12px;color:#222;width:103px;height:27px;display:block;border:1px solid #dedede;text-align:center;line-height:26px;margin-top:14px;}
.main_prd .info .detail_btn a:hover {border:1px solid #27868d; color:#27868d;}
/* BASIC css end */