.reorder_main {width: 1000px;margin: auto}
.reorder_main .top_visual {height: 850px;width: 1000px; background:url(../image/reorder_main_i1.png)no-repeat;position: relative; }

.reorder_main .top_visual_red {height: 850px;width: 1000px; background:url(../image/reorder_main_i2.png)no-repeat;position: relative;display: none; }

.reorder_main .top_visual a {width:275px;height: 70px;background:url(../image/detail_btn_s.png)no-repeat;display: inline-block;position: absolute;bottom:10px;left: 50%;margin-left: -137px;}

.reorder_main .top_visual_red a {width:275px;height: 70px;background:url(../image/detail_btn_red_s.png)no-repeat;display: inline-block;position: absolute;bottom:10px;left: 50%;margin-left: -137px;}


div#flow {margin-bottom:40px;position:relative;}
#flow ul li {position: absolute ;}

/*도는 톱니바퀴*/
#flow ul.circle li:nth-child(1) {bottom:393px;left: 7px;transition:all 5s linear;cursor: pointer;}
#flow ul.circle li:nth-child(1):hover {transform: rotate(600deg)}

#flow ul.circle li:nth-child(2) {bottom:32px;left: 82px;transition:all 5s linear;cursor: pointer;}
#flow ul.circle li:nth-child(2):hover {transform: rotate(-600deg)}

#flow ul.circle li:nth-child(3) {bottom:393px;left: 322px;transition:all 5s linear;cursor: pointer;}
#flow ul.circle li:nth-child(3):hover {transform: rotate(600deg)}

#flow ul.circle li:nth-child(4) {bottom:32px;left: 397px;transition:all 5s linear;cursor: pointer;}
#flow ul.circle li:nth-child(4):hover {transform: rotate(-600deg)}

#flow ul.circle li:nth-child(5) {bottom:393px;right: 287px;transition:all 5s linear;cursor: pointer;}
#flow ul.circle li:nth-child(5):hover {transform: rotate(600deg)}

#flow ul.circle li:nth-child(6) {bottom:32px;right: 213px;transition:all 5s linear;cursor: pointer;}
#flow ul.circle li:nth-child(6):hover {transform: rotate(-600deg)}

/*설명 버튼*/
#flow ul.infobtn li:nth-child(1) {left:53px; top:330px;cursor:pointer;}
#flow ul.infobtn li:nth-child(2) {left:127px;top:487px;cursor:pointer;}
#flow ul.infobtn li:nth-child(3) {left:368px; top:330px;cursor:pointer;}
#flow ul.infobtn li:nth-child(4) {left:443px;top:487px;cursor:pointer;}
#flow ul.infobtn li:nth-child(5) {right:109px; top:330px;cursor:pointer;}
#flow ul.infobtn li:nth-child(6) {right:20px;top:487px;cursor:pointer;}




/*설명*/

#flow ul.bpop li:nth-child(1) {z-index: 9999;position: absolute;top:230px;left:100px;display:none;cursor:pointer;}

#flow ul.bpop li:nth-child(2) {z-index: 9999;position: absolute;bottom:20px;left:170px;display:none;cursor:pointer;}

#flow ul.bpop li:nth-child(3) {z-index: 9999;position: absolute;top:230px;left:410px;display:none;cursor:pointer;}

#flow ul.bpop li:nth-child(4) {z-index: 9999;position: absolute;bottom:20px;left:485px;display:none;cursor:pointer;}

#flow ul.bpop li:nth-child(5) {z-index: 9999;position: absolute;top:230px;left:90px;display:none;cursor:pointer;}

#flow ul.bpop li:nth-child(6) {z-index: 9999;position: absolute;bottom:20px;left:160px;display:none;cursor:pointer;}



/*----------------------------------------------------------------------------------*/
div.contents {position: relative;}

.reorder_main .contents .tap li {width: 500px;height: 146px; float: left; cursor: pointer;}


.reorder_main .contents .tap li.t1 img {position: absolute;}
.reorder_main .contents .tap li.t1 img.btn_blue_1 {display: block;}
.reorder_main .contents .tap li.t1 img.btn_blue_2 {display: none;}


.reorder_main .contents .tap li.t2 img {position: absolute;}
.reorder_main .contents .tap li.t2 img.btn_red_2 {display: none;}
.reorder_main .contents .tap li.t2 img.btn_red_1 {display: block;}







.reorder_main .contents .tap:after {content: ""; display: block; clear: both;}

.reorder_main .contents .panel {position: relative;}
.reorder_main .contents .panel li {display: none;}
.reorder_main .contents .panel li.on {display: block;}

.reorder_main .contents .panel article div {display: none;}






.reorder_main .contents .panel li.p1 {width: 1000px;}


.reorder_main .contents .panel li.p2 {width: 1000px;}

.reorder_main .contents .panel li.p2 div.text {position: absolute;z-index: 9999;top:2790px;right: 120px;}
.reorder_main .contents .panel li.p2 div.text p{color:#6a6a6a;font-weight: bold;}
.reorder_main .contents .panel li.p2 div.text p span{color:#ff0000}



.reorder_main .contents .panel li.p2 > h3 {position: relative;}

.reorder_main .contents .panel li.p2 div > p {cursor:pointer;}

.reorder_main .contents .panel li.p2 > div.info_1 img{position:absolute;top:2480px;left:148px;}
.reorder_main .contents .panel li.p2 > div.info_2 img{position:absolute;top:2480px;left:395px;}
.reorder_main .contents .panel li.p2 > div.info_3 img{position:absolute;top:2480px;right:148px;}

.reorder_main .contents .panel article {margin:-10px 0 30px 0;}




.reorder_main .contents .panel li.p3 {text-align: center; padding: 0 0 100px 0;}
.reorder_main .contents .panel li.p3 h3 {text-align: left; padding: 80px 0 50px 118px;}
.reorder_main .contents .panel li.p3 h4 {margin: 0 0 30px 0;}
.reorder_main .contents .panel li.p3 p {margin: 0 0 25px 0;}
.reorder_main .contents .panel li.p3 img.pimg {margin: 30px 0 70px 0;}
.reorder_main .contents .panel li.p3 img.pimg2 {margin: 30px 0 100px 0;}
.reorder_main .contents .panel li.p3 img.tri {position: absolute; top: 0; right: 160px;}