.post_processing{width:100%;}
/* 후가공 옵션 버튼 */
/*.post_processing .option_button{display: flex;align-items: center;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:20px 0;}*/
/*.post_processing .option_button > h2{width:200px;font-size:22px;color:#333333;padding:0 10px;}*/
/*.post_processing .option_button > .btn_wrap ul{display: flex;}*/
/*.post_processing .option_button > .btn_wrap ul + ul{margin-top:10px;}*/
/*.post_processing .option_button > .btn_wrap ul > li + li{margin-left:10px;}*/

.post_processing .option_button{display: flex;align-items: center;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:20px 0;}
.post_processing .option_button > h2{width:200px;font-size:22px;color:#333333;padding:0 10px;}
.post_processing .option_button > .btn_wrap ul{width:970px;display: flex; flex-wrap: wrap; align-items: flex-start; }
.post_processing .option_button > .btn_wrap ul + ul{margin-top:0px;}
.post_processing .option_button > .btn_wrap ul > li{margin-right:10px; margin-bottom:5px;}

.post_processing .option_button > .btn_wrap ul > li > button{position: relative; height:41px;font-size:14px;color:#2f2f2f;padding:0 70px 0 20px;border:1px solid #cccccc;background-color: #fff;}
.post_processing .option_button > .btn_wrap ul > li > button::before,
.post_processing .option_button > .btn_wrap ul > li > button::after{position: absolute;top:50%;right: 17px;content: ' ';height: 15px;width: 1px;background-color: #0c6dda;}
.post_processing .option_button > .btn_wrap ul > li > button::before{transform: translateY(-50%) rotate(90deg);}
.post_processing .option_button > .btn_wrap ul > li > button::after{transform: translateY(-50%) rotate(0deg);}
.post_processing .option_button > .btn_wrap ul > li > button.active{background-color:#0c6dda;color:#fff;border-color:#0c6dda;}
.post_processing .option_button > .btn_wrap ul > li > button.active::before{position: absolute;top:50%;right: 22px;content: ' ';height: 8px;width: 1px;background-color: #fff;}
.post_processing .option_button > .btn_wrap ul > li > button.active::after{position: absolute;top:50%;right: 15px;content: ' ';height: 12px;width: 1px;background-color: #fff;}
.post_processing .option_button > .btn_wrap ul > li > button.active::before{transform: translateY(calc(-50% + 2px)) rotate(-45deg);}
.post_processing .option_button > .btn_wrap ul > li > button.active::after{transform: translateY(-50%) rotate(45deg);}


/* 후가공 옵션 내용 */
.post_processing > article{display:none; border: 1px solid #cccccc;}
.post_processing > article.active{display:flex;}
.post_processing > article .option{width:35%;}
.post_processing > article .option > h3{display: flex;align-items: center;height:41px;line-height:41px;font-size: 18px;font-weight:600;background-color:#f5f7fa;padding:0 20px; color:#333333;}
.post_processing > article .option .wrap{width:100%; padding:0 18px; box-sizing: border-box;}
.post_processing > article .option .wrap > p{margin-top:6px;font-size: 13px;line-height:19px;color:#333333;}
.post_processing > article .option .wrap > p > strong{color:#e90000;font-weight:400;}
.post_processing > article .option .wrap .select{margin-top:10px;display: flex;width:345px;}
.post_processing > article .option .wrap .select .thumb{width:160px;margin-right:10px;}
.post_processing > article .option .wrap .select .thumb > img{display: block;}
.post_processing > article .option .wrap .select .thumb > button{display: block;width:100%;height:30px;background-color:#f74d2a;color: #fff;border:0;font-size:14px;}
.post_processing > article .option .wrap .select ul.select_wrap{display: flex;flex-direction:column;}
.post_processing > article .option .wrap .select ul.select_wrap li:nth-child(1){flex:auto;}
.post_processing > article .option .wrap .select ul.select_wrap article + article{margin-top:10px;}
.post_processing > article .option .wrap .select ul.select_wrap article .select_box{width: 100%;}
.post_processing > article .option .wrap .select ul.select_wrap article .select_box + .select_box{margin-top:3px;}
.post_processing > article .option .wrap .select ul.select_wrap article .select_box.button{display: flex;}
.post_processing > article .option .wrap .select ul.select_wrap article .select_box.button > button{height:33px;padding: 0 4px;word-break: keep-all;margin-left:4px;background-color: #f9f9f9;border:1px solid #000;}

.post_processing > article .option .wrap .select ul.select_wrap article .select_box > input[type="text"] {line-height: 26px;height: 33px;border: 1px solid #ccc;width: 56px;padding: 0px 6px;box-sizing: border-box;}
.post_processing > article .option .wrap .select ul.select_wrap article .select_box > .multiply{padding:0 8px;}
.post_processing > article .option .wrap .select ul.select_wrap article .select_box > .unit{margin-left:5px;}

.post_processing > article .option .wrap .select ul.select_wrap li .od-won{width: 100%;border-bottom:1px solid #f74d2a;padding-top:50px;}
.post_processing > article .option .wrap .select ul.select_wrap li .mt-won{ padding-top:0px; margin-bottom:30px }
.post_processing > article .option .wrap .select ul.select_wrap li .od-won > span{position: relative; top:2px; font-size:13px; color:#f74d2a; font-weight:700;}
.post_processing > article .option .wrap .select ul.select_wrap li .od-won > input{width:calc(100% - 20px); height: 24px;border:0;font-size:16px;font-weight:700;text-align: right;}
.post_processing > article .option .wrap .caution{margin-top:10px;border-top:1px solid #dadada;padding:18px 0;}
.post_processing > article .option .wrap .caution > h4{font-size: 16px;font-weight:500;color: #2f2f2f;margin-bottom:6px;}
.post_processing > article .option .wrap .caution > p{font-size: 13px; color: #2f2f2f;}
.post_processing > article .option .wrap .caution > p > strong{color: #366ebb;}
/*.post_processing > article .option .wrap .caution > p > strong{color: #2f2f2f;}*/

.post_processing > article .content{width:65%;display: flex;flex-direction: column; border-left:1px solid #ccc;box-sizing: border-box;}
.post_processing > article .content > h3{display: flex;align-items: center;height:41px;line-height:41px; font-size: 16px;font-weight:600;background-color:#f5f7fa;padding:0 20px; color:#333333;}
.post_processing > article .content > h3 > button.post_close{display: flex; align-items: center; margin-left:auto;width:12px;height:12px;border:0;background-color: transparent;}
.post_processing > article .content > .image_wrap{display: flex;flex: auto; align-items: center; justify-content: center; width:100%; padding: 10px 0;text-align: center;}
.post_processing > article .content > .image_wrap > img{width: 100%;}

/* 귀돌이 체크박스 */
.post_processing > article .option .wrap .select ul.select_wrap article .select_box label {
    display: flex !important;position: relative !important;width: auto !important;height: auto !important;top: auto !important;left: auto !important;margin: 0 !important;padding: 0 !important;font-size: 0 !important;line-height: 0 !important;border: 0 !important;overflow:visible !important;}
.post_processing > article .option .wrap .select ul.select_wrap article .select_box input[type="checkbox"] + label span {position: absolute;top:-4px;left:0; background: url('../img/after/img_post_check_off.png') center center no-repeat;border-radius:0; width: 25px;height: 25px;margin:0;}
.post_processing > article .option .wrap .select ul.select_wrap article .select_box input[type="checkbox"] + label i{display: inline-block; width:55px;height:33px;background-color:#e8e8e8;margin:0 0 0 30px;}
.post_processing > article .option .wrap .select ul.select_wrap article .select_box input[type="checkbox"]:checked + label span {background: url('../img/after/img_post_check_on.png') center center no-repeat;}
.post_processing > article .option .wrap .select ul.select_wrap article .select_box input[type="checkbox"]:checked + label i {background-color:#0c6dda;border-radius: 10px 0 0 0;}

.post_processing > article .option .wrap .select ul.select_wrap article .select_box > div{float: left;width:85px;}
.post_processing > article .option .wrap .select ul.select_wrap article .select_box .checkbox1,
.post_processing > article .option .wrap .select ul.select_wrap article .select_box .checkbox2{margin-top:8px;}

.post_processing > article .option .wrap .select ul.select_wrap article .select_box .checkbox2 > input[type="checkbox"] + label span{right:0;left:auto;}
.post_processing > article .option .wrap .select ul.select_wrap article .select_box .checkbox2 > input[type="checkbox"] + label i {margin:0 6px 0 0;}
.post_processing > article .option .wrap .select ul.select_wrap article .select_box .checkbox2 > input[type="checkbox"]:checked + label i {border-radius: 0 10px 0 0;}
.post_processing > article .option .wrap .select ul.select_wrap article .select_box .checkbox3 > input[type="checkbox"] + label span{bottom:-4px;top:auto;}
.post_processing > article .option .wrap .select ul.select_wrap article .select_box .checkbox3 > input[type="checkbox"] + label i {margin:0 0 0 30px;}
.post_processing > article .option .wrap .select ul.select_wrap article .select_box .checkbox3 > input[type="checkbox"]:checked + label i {border-radius: 0 0 0 10px;}
.post_processing > article .option .wrap .select ul.select_wrap article .select_box .checkbox4 > input[type="checkbox"] + label span{right:0;bottom:-4px;top:auto;left:auto;}
.post_processing > article .option .wrap .select ul.select_wrap article .select_box .checkbox4 > input[type="checkbox"] + label i {margin:0 30px 0 0;}
.post_processing > article .option .wrap .select ul.select_wrap article .select_box .checkbox4 > input[type="checkbox"]:checked + label i {border-radius: 0 0 10px 0;}