@charset "UTF-8";

/*=====LOGIN=====*/
.outWrap.login{position:relative;height:100vh;background-color:#f1f4f8;margin-top:0;}
.outWrap.login .wrap{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);display: inline-block;width:inherit;min-width:550px;padding:70px 0;}
.login .logo{width:200px;margin:0 auto;margin-bottom: 10px;}
.login h2{font-size:16px;text-align:center;letter-spacing: .2em;font-weight:500;margin-bottom:30px;}
.login .flexWrap{flex-direction:column;}
.login .inp{margin:0 auto 20px auto;}
.login .check{width:210px;}
.login .btnWrap{text-align: center;margin-top:30px;}


/*=====PANKUZU=====*/
.pan{padding:16px 5%;align-items: center;position:fixed;top:60px;width:100%;background-color:#fff;border-bottom:20px solid #f1f4f8;z-index: 999;border-top:1px solid #f1f4f8;}
.pan h2{color:#333333;font-size:18px;font-weight:700;}
.pan li{font-size:18px;color: #808080;margin-right:20px;padding-right:25px;letter-spacing: .1em;}
.pan li a{font-size:18px;font-weight: 500; color:#808080;position:relative;transition: .4s;}
.pan li a::after{position:absolute;content: ">";top:50%;transform: translateY(-45%);right:-25px;color:#808080;}
.pan li a:hover{color:#ff2717;}

/*=====ARTICLE=====*/
.outWrap{padding:20px 5%;margin-top:120px;padding-top:50px;}
.outWrap .wrap{background-color:#fff;width:100%;padding:40px;}
.outWrap:not(.edi):not(.login) .wrap{border-bottom:2px solid #ff2717;}

/*=====OPTION=====*/
.optWrap{margin-top: 50px;}
.optWrap .flexWrap{align-items: center;}
.optWrap .btnWrap{text-align:right;}
.optWrap + .tWrap{margin-top:0;}

/*=====TABLE=====*/
.tWrap{display: inline-block;background-color: #fff;max-width:100%;overflow: auto;margin-top:50px;}
.tWrap table{width:100%;}
.tWrap thead th{letter-spacing: .2em;color:#999999;font-weight:500;}
.tWrap th,
.tWrap td{padding:20px;text-align: left;white-space: nowrap;}
.tWrap tr td:first-of-type,
.tWrap thead th:first-of-type{padding-left:40px;text-align:center;}
.tWrap tr td:last-of-type,
.tWrap thead th:last-of-type{padding-right:40px;}
.tWrap thead th:first-of-type{text-align: center;}
.tWrap tbody tr{border-top:2px solid #f1f4f8;}

/*=====EDIT=====*/
.edi .wrap{margin-bottom:50px;}
.edi .btnWrap input{margin-right:30px;}
.edi .inner{border-top:1px dotted #ff2717;padding-top:40px;}
.edi h3{margin-bottom:15px;letter-spacing: .2em;font-weight:500;}
.edi .flexWrap{align-items:flex-end;}
/*=====MAIN=====*/
.main{padding-top:50px;width:90%;margin:0 auto;margin-top:120px;display: flex;jalign-items: flex-start;}
.main ul{flex-wrap:wrap;justify-content: flex-start;}
.main ul li{background-color:#fff;width:170px;margin-bottom:30px;margin-right:30px;}
.main ul li a{display: block;text-align:center;font-weight:500;letter-spacing: .2em;padding:20px 0;background:url("../img/common/ya.png") no-repeat;background-size:10px;background-position:right 10px bottom 10px;}

/*=====ACC=====*/
.acc .btnWrap{margin-top:0;}
.saleEdit .optWrap{margin-top:0;}
.total{margin-top:30px;}
.total p{color:#999999;font-weight:700;letter-spacing: .1em;margin-right:50px;font-size:16px;line-height:40px;}
.total span{color:#333333;font-size: 26px;padding:0 10px;}
.sales .tWrap{margin-top:0;}
.optWrap .b2{margin-left:auto;}






@media screen and (max-width:768px){

.outWrap.login .wrap{width:90%;margin:0 auto;min-width: inherit;padding-right:5%;padding-left:5%;}
.outWrap.login .inp{width:100%;}
.outWrap.login .inp.check{text-align: center;}

.main{flex-direction: column;height: auto;padding:30px 0;}
.main > .flexWrap{width: 100%;}
.main .wrap{width:48%;}
.main .wrap .dl::before,
.main .wrap .dl2::before{right:5px;}
.main .wrap.wg .staff{margin-top: 50px;}
.main .wrap.wg .staff{margin-top:0px;}
.main ul{justify-content: space-between;}
.main ul li{width:calc(100%/2.1);margin-right:0;}

.optWrap .btnWrap{text-align: left;}
.optWrap .flexWrap{flex-direction: column;align-items: flex-start;}
.optWrap .b2{margin-left:0;margin-top:30px;}
.edi .btnWrap input:last-of-type{margin-top:30px;}
}