/* style.css */

*{
    font-size: 14px;  color: #353535;
	font-family:'NanumSquare', sans-serif !important;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
	-moz-font-smoothing: unset;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.wrap{width: 100%; background: #f1f1f1; }
.content{width: 90%; margin: 0 auto; max-width: 360px; padding-top:8px; padding-bottom: 80px}


/* 硫붿씤�럹�씠吏� */

.main{padding-top: 48px}
.main > *{ width: 100%; max-width: 940px; margin: 0 auto;}
.main .copy_wrap{ margin: 0 auto; font-size: 26px; text-align: center }
.main .copy_wrap h1{line-height: 72px; height: 72px; box-sizing: border-box }
.main .copy_wrap span{font-size: 32px;font-weight: bold;}
.main .copy_wrap img{width: 10%; }
.visual_items{ margin: 52px auto 0; box-sizing: border-box}
.visual_item{width: 49%; float: left; background: ; overflow: hidden;}
.visual_item:last-child{margin-left: 2%; float: right;}

.visual_item.item_stor .visual_item_txt{background: #fff url(../images/home/item_stor.png) no-repeat 110% 92px; background-size: 268px;  }
.visual_item.item_order .visual_item_txt{background: #fff url(../images/home/item_order.png) no-repeat 110% 92px; background-size: 268px; }
.visual_item .visual_item_txt{width: 100%; padding: 10%; box-sizing: border-box; padding-bottom: 100px; float: left;}
.visual_item .visual_item_txt h2{color: #ef8253; font-size: 32px; border-bottom: 1px solid #ef8253; display: inline-block} 
.visual_item .visual_item_txt p{color: #333333; font-size: 20px; margin-top: 20px; line-height: 28px;}
.visual_item .visual_item_txt span{color: #ef8253; font-size: 36px; margin-top: 24px; display: block; font-weight: 300;}
.visual_item .visual_item_txt .visual_bg{height: 78%; position: absolute; bottom: -8px; right: -18px; }
.visual_item .visual_btn{ width: 100%; background: #ef8253; height: 92px; text-align: center; line-height: 92px; color: #fff; font-size: 28px; float: left;  }

.ssorder_go{ width: 100%; margin: 84px auto 162px;  text-align: center; }
.ssorder_go > a { width: 480px; height: 72px; margin-top: 24px; line-height: 72px; font-size: 28px; display: inline-block; background: #fff; font-weight: bold; border: 2px solid #5d5d5d; box-sizing: border-box; }
.ssorder_go > a:hover {background: #ef8253; color: #fff; border: 2px solid #ef8253}
.ssorder_go > p { font-size: 28px; color: #333; font-weight: bold; }


.ftr_wrap{width: 100%; background: #696461; padding: 28px 0;}
.ftr_wrap > footer{ width: 100%; margin: 0 auto;}
.ftr_wrap > footer > *{ margin: 0 auto; text-align: center; display: block; font-size: 12px}
.ftr_wrap > footer *{ color: #fff;}
.ftr_wrap > footer div.company{width: 100%; background: #333;}
.ftr_wrap > footer div.company > div{ width: 256px; margin: 0 auto; padding: 24px 0}
.ftr_wrap > footer div.company > div > img.logo{width: 48px; float: left }
.ftr_wrap > footer div.company > div > p{width: 188px; float: right;  font-size: 16px; margin-top: 6px; }
.ftr_wrap > footer div.company > div > p > span{font-size: 10px; margin-top: 6px;}
.ftr_wrap > footer div.address{margin-top: 12px; }
.ftr_wrap > footer span{line-height: 16px;}
.ftr_wrap > footer span.copy{margin-top: 8px; font-size: 12px; line-height: 16px; width: 0 auto; padding: 0 10%;}
.ftr_wrap > footer span.copyright{padding: 8px 0;}
.ftr_wrap > footer span.info{line-height: 16px; padding: 2px 0;}
.ftr_wrap > footer span .regist_n_lk {
    font-size: 1em;
    display: inline-block;
    text-decoration: underline;
}
.ftr_wrap > footer span.copys{margin-top: 4px; font-size: 8px;}


@media all and (max-width:840px) {
    .main{padding-top: 20px;}
    .main > *{width: 94%; max-width: 400px;}
    .main .copy_wrap{max-width: 400px;}
    .main .copy_wrap h1{font-size: 24px; background-size: 48px; line-height: inherit; font-size: 20px; height: 20px; line-height: 20px; margin-top: 8px}
    .main .copy_wrap span{font-size: 22px;}
    .main .copy_wrap img{width: 80px;}
    .visual_items{margin-top: 20px;}
    .visual_item,
    .ssorder_go > a{ width: 100%;font-size: 18px; }
    .ssorder_go > p{ font-size: 20px;}
    .visual_items{width: 100%;}
    .visual_item:last-child{ margin-top: 12px}
    .visual_item.item_stor .visual_item_txt{padding: 5%; background-position: 120% 16px; background-size: 236px;}
    .visual_item.item_order .visual_item_txt{padding: 5%; background-position: 120% 16px; background-size: 236px;}
    .visual_item .visual_item_txt span{display: none;}
    .visual_item .visual_btn{ font-size: 18px; height: 48px; line-height: 48px; }
    .visual_item .visual_item_txt h2{font-size: 20px;}
    .visual_item .visual_item_txt p{font-size: 12px; line-height: 20px; }
    .visual_item .visual_item_txt .visual_bg{display: none;}
    
    .ssorder_go{margin: 48px auto 76px;}
    .ssorder_go > a{height: 48px; margin-top: 12px; line-height: 48px; }
}