html, body, table, th, td, textarea, h1, p {font-family:'InfinitySans-RegularA1',sans-serif;padding:0;margin:0;font-size:14px;font-weight:400}
body {color:#222a3b;background:#f8f8f8;max-height:3350px;overflow-y:scroll;overflow-x:hidden;margin-bottom:600px;width:100%;position:relative}
table {border:0;padding:0;margin:0;width:100%}
a         {font-style:normal;text-decoration:none;color:#555;cursor:pointer;outline:none}
a:link    {font-style:normal;text-decoration:none;color:#555}
a:visited {font-style:normal;text-decoration:none;color:#555}
a:active  {font-style:normal;text-decoration:none;color:#555}
a:hover   {font-style:normal;text-decoration:none;color:#fff}
input[type="text"]{background:#fff;border:1px solid #90BAEA;-webkit-appearance:none;padding:5px 7px;font-size:12px;border-radius:6px;outline:none;height:30px;width:95px}
input[type="number"]{background:#fff;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #eee;border-bottom:1px solid #eee;-webkit-appearance:none;padding:0 7px;font-size:13px;border-radius:0;outline:none;height:40px;width:95px}
.sendForm input[type="number"] {background:#fff;border:1px solid #90BAEA;-webkit-appearance:none;padding:5px 7px;font-size:12px;border-radius:6px;outline:none;height:30px;width:95px}
input[type="text"][disabled="disabled"]{background-color:#e9e9e9}
.sendForm input[type="number"][disabled="disabled"]{background-color:#e9e9e9}
input:focus {border:1px solid #006EEA}
select:focut {border:1px solid #006EEA}
@font-face {font-family:'NanumSquareRound';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');font-weight:normal;font-style:normal}
@font-face {font-family:'InfinitySans-RegularA1';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/InfinitySans-RegularA1.woff') format('woff');font-weight:normal;font-style:normal}
.dot {font-family:'dotum'}
.nanum {font-family:'NanumSquareRound'}
.ftsize11 {font-size:11px !important}
.ftsize12 {font-size:12px !important;padding: 2px 0;}
.ftsize14 {font-size:14px !important}
.ftsize15 {font-size:15px !important}
.ftsize18 {font-size:18px !important}
.ftsize20 {font-size:20px !important}
.ftbold {font-weight:bold !important}
.fc0 {color:#fce021 !important}
.fff {color:#fff !important}
.ftred {color:#E21C1C !important}
.ftred.alarm {font-size: 20px!important; font-weight: 700!important;}
.fblue {color:#0078FF !important}
.BtnTypeA {padding:8px;background:#fff;color:#000;font-size:13px;font-family:'dotum';border-radius: 4px;}
.BtnTypeB {cursor:pointer;padding:2px 8px;background-color:#429CF5;color:#fff;display:inline-block;margin-left:11px;font-size:13px;font-weight:normal;border-radius: 3px;}
.ftaright {text-align:right !important}
.pd5 {padding:5px 0 !important}

.jqSelect{display:none}
.pi_select_button{background:#fff;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #eee;border-bottom:1px solid #eee;-webkit-appearance:none;padding:0 7px;font-size:12px;border-radius:0;outline:none;height:40px;line-height:40px}
.pi_select_icon.ui-icon{padding:0;margin:12px 0 0 0;height:16px;width:16px;background-image:url(/ishop/2019/img/slt_arr_down.png) center no-repeat}
.pi_select_button.ui-button:hover, 
.pi_select_button.ui-button:focus{border:1px solid #006EEA;background:#fff}
.pi_select_button.ui-button:hover .pi_select_icon, 
.pi_select_button.ui-button:focus .pi_select_icon{background-image:url(/ishop/2019/img/slt_arr_down.png) center no-repeat}
.pi_select_button_open.ui-button .pi_select_icon{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.pi_select_menu{font-size:12px;color:#000}
.pi_select_menu.ui-selectmenu-open{min-width:310px}
.pi_select_menu ul{max-height:250px;overflow-y:scroll}
.pi_select_menu .ui-menu-item{font-size:12px;background:#fff;padding:2px 0;margin:0;line-height:26px;height:26px}
.pi_select_menu .ui-menu .ui-menu-item-wrapper{padding:0 10px;margin:0}
.pi_select_menu .ui-state-active{height:26px;border:none;color:#fff;background:#092c6e;padding:0;margin:0;line-height:26px;font-size:12px}

.pi_radio_label, .pi_radio_label:active, .pi_radio_label:hover{border:none;background:none;padding:0;margin:0;font-size:12px;line-height:22px;color:#333}
.pi_radio_label.ui-button, .pi_radio_label.ui-button:active, .pi_radio_label.ui-button:hover{border:none;background:none;padding:0;margin:0}
.pi_radio_label.ui-state-active, .pi_radio_label.ui-state-active:active, .pi_radio_label.ui-state-active:hover{border:none;background:none;padding:0;margin:0}
.pi_radio_label.ui-visual-focus, .pi_radio_label.ui-visual-focus:active, .pi_radio_label.ui-visual-focus:hover{border:none;background:none;padding:0;margin:0;box-shadow:none}
.pi_radio_label .ui-icon-background{box-shadow:none;width:14px;height:14px;border:1px solid #ccc;border-radius:50%;background-color:#fff}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{border-color:#333}

.top_banner{font-size:0;text-align:center}
.top_banner img{width:100%;padding:0;margin:0}
.title{font-size:0;text-align:center}
.title img{width:100%;;padding:0;margin:0}

.shadow_layer{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.4);text-align:center;z-index:999999}
.shadow_layer .loading_img{margin-top:45%}

.step1 .step_title{padding:10px 0 10px 10px;margin:0 -10px;font-size:22px;font-weight:100;background-color:#4A55A2;color:#fff;border-radius: 6px 6px 0 0;}
.step2 .step_title{padding:10px 0 10px 10px;margin:0;font-size:22px;font-weight:100;background-color:#4A55A2;color:#fff;border-radius: 6px 6px 0 0;}
.step3 .step_title{padding:10px 0 10px 10px;margin:0 -10px;font-size:22px;font-weight:100;background-color:#4A55A2;color:#fff;border-radius: 6px 6px 0 0;}
.step4 .step_title{padding:10px 0 10px 10px;margin:0 -10px;font-size:22px;font-weight:100;background-color:#4A55A2;color:#fff;border-radius: 6px 6px 0 0;}
.step1, .step2, .step3, .step4{padding:0 10px 0;}
.step1{border-left: 2px solid #4A55A2;border-right: 2px solid #4A55A2;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.step2{border-left: 2px solid #4A55A2;border-right: 2px solid #4A55A2;border-bottom: 2px solid #4A55A2;}
.step3{margin-top:10px; border-left: 2px solid #4A55A2;border-right: 2px solid #4A55A2;border-bottom: 2px solid #4A55A2; border-radius: 8px}
.step4{margin-top:10px; border-left: 2px solid #4A55A2;border-right: 2px solid #4A55A2;border-bottom: 2px solid #4A55A2; border-radius: 8px;}
#calfrm{padding: 0 20px;background-color: #F8FBFF;}

.step1{margin-top:10px}
.step1:after{display:block;clear:both;content:""}
.step1 .woodSort{padding-top:5px;}
.step1 .woodSort ul{width:100%;display:inline-block;list-style:none;box-sizing:border-box;padding:0;margin:0}
.step1 .woodSort ul li{float:left;width:20%;text-align:center;color:#555}
/* .step1 .woodSort ul li .wood_group{background:#fff;display:block;padding:10px 0;margin:5px;border:1px solid #fff;position:relative;font-size:16px;box-sizing:border-box;border-radius:12px;position:relative;letter-spacing:-1px;box-shadow:-1px -1px 0px rgba(0,0,0,0.1)} */
.step1 .woodSort ul li .wood_group {height: 60px; min-height: 60px;}
.step1 .woodSort ul li .wood_group{background:#fff;display:flex;flex-direction: column;justify-content: center;align-items: center;padding:10px 0;margin:5px;border:1px solid #fff;position:relative;font-size:16px;box-sizing:border-box;border-radius:6px;position:relative;letter-spacing:-1px;box-shadow:-1px -1px 0px rgba(0,0,0,0.1)}
.step1 .woodSort ul li .wood_group:hover{background:#006EEA;color:#fff;cursor:pointer;font-weight:700;border-color: #006EEA;}
.step1 .woodSort ul li .wood_group .selected {display: none; font-size: 9px; color: #fff; font-weight: 300;}
.step1 .woodSort ul li.selected .wood_group, .CutItem_SelectBox .woodSort ul li.selected .wood_group:hover{border:1px solid #006EEA;box-sizing:border-box;color:#fcff00;font-weight:700;background:#006EEA}
.step1 .woodSort ul li.selected .wood_group .selected {display: block;}
/* .step1 .woodSort ul li.selected .wood_group:after {content:"\A선택됨";font-size:10px;color:#fff} */
.step1 .woodSort ul li .effect_icon{display:block;font-size:8px;padding:2px 5px;position:absolute;top:-6px;background-color:#999;border-radius: 6px;}
.step1 .woodSort ul li .effect_icon.step_0{left:-1px}
.step1 .woodSort ul li .effect_icon.step_1{left:23px}
.step1 .woodSort ul li .effect_icon.bestico{background:#006EEA;color:#fcff00}
.step1 .woodSort ul li .effect_icon.saleico{background:#f32d3d;color:#fff}
.step1 .scroll_help{display:none}

.step2{display:block;border-left: 2px solid #4A55A2;border-right: 2px solid #4A55A2;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.step2:after{display:block;clear:both;content:""}
.step2 .wood_img{width:100%;min-height:420px}
/* .step2 .wood_size{width:48%;float:right} */
.step2 .wood_size{display: flex;justify-content: space-between;}
/* .step2 .wood_size ul{padding:0 0 0 ;margin:0} */
.step2 .wood_size ul{padding:0 0 0 ;margin:0;width: 48%;}
.step2 .wood_size ul li{padding:8px 7px;margin:0;list-style:none;border-bottom:1px solid #e3e3e3}
.step2 .wood_size ul li:last-child{border-bottom:none}
.step2 .wood_size ul li .inputTitle{display:inline-block;width:45%;font-size:13px;letter-spacing: -1px;}
.step2 .wood_size ul li .inputTitle.helpimg {display: inline-flex; justify-content: space-between; align-items: center;}
.step2 .wood_size ul li .ui-selectmenu-button.ui-button, .step2 .wood_size ul li .textField{width:40%;border-radius: 6px!important;}
.step2 .wood_size ul li .ui-selectmenu-button.ui-button {border-color: #006EEA!important;}
.step2 .wood_size ul li .dataUnit{font-size:13px;display:inline-block;margin-left:5px}
.mobile_select_woodsort {display:none}

.step2 .cutItemProcBox{clear:both;padding:15px 0;}
.step2 .cutItemProcBox p {color:#f32d2d}
.step2 .cutItemProcBox p.black {color: #000;}
.step2 .cutItemProcBox .ciProcImg {text-align:center;min-height:100px;background:#fffffe;margin-bottom:15px;border-radius: 5px;overflow: hidden;border: 1px solid #E3E3E3;display: flex;justify-content: center;align-items: center;}
.step2 .cutItemProcBox .ciProcImg p {font-size:18px;color:#888; border-radius: 12px; background-color: #fffefe; width: 100%; font-weight: 700;}
.step2 .ciBtn2 {display:block;text-align:center;margin:0 0 20px 0}
.step2 .ciBtn2 span {font-size:22px;color:#fff;padding:20px 60px;background:#43766C;border:0;border-radius:8px;cursor:pointer;}
/* .step2 .ciBtn2 span {font-size:22px;font-weight:bold;color:#fff;padding:15px 70px;
	display: inline-block;
	outline: 0;
	border: none;
	box-shadow: none;
	cursor: pointer;
	color: #fff;
	text-align: center;
	line-height: normal;
	background: linear-gradient(90deg,#5522fa 0,#0074e4 100%);
	border-radius: 50px;
	transition: color .2s ease,background-color .2s ease,box-shadow .2s ease;
	box-shadow:0 10px 20px 0 rgba(0, 110, 234, 0.35);
	border-radius: 8px;} */
.step2 .ciProcSltbox {margin:5px 0;padding:0px 0;max-height:400px;overflow-y:scroll;overflow-x:hidden}
.step2 .ciProcSltbox .procType01  {margin:15px 0;padding:10px 20px;background:#eedddd;border-radius:4px;border-bottom:1px solid rgba(0,0,0,0.1)}
.step2 .ciProcSltbox .procType01 ul li {display:block;margin-right:15px;padding:5px 0;position:relative;border-top:1px dashed #ccc}
.step2 .ciProcSltbox .procType01 ul li:first-child{border:none}
.step2 .ciProcSltbox .procType01 ul li .item_delete{display:block;width:20px;height:20px;background:url(/info_etc/open_cutting/images/deleteicon.jpg) center no-repeat;position:absolute;top:10px;right:0;text-indent:-1000px;overflow:hidden}
.step2 .ciProcSltbox .procType01 ul li:first-child .item_delete{display:none}
.step2 .ciProcSltbox .procType01 .smallsize{width:60px;font-size:13px;}
.step2 .wood_processfrm_container{position:relative}
.step2 .wood_processfrm_container ul {padding-left: 0;}

.step3{display:block;clear:both;border-bottom-left-radius:8px;border-bottom-right-radius: 8px;}
.step3:after{display:block;clear:both;content:""}
.step3 .wood_add_lists{position:relative;height:313px;margin-top: 10px;}
.step3 .wood_add_lists .fix_head_table{padding:0;border-collapse:collapse}
.step3 .wood_add_lists .fix_head_table thead{position:absolute;top:0;left:0;width:100%;background-color:#D9EBFF;height:50px}
.step3 .wood_add_lists .fix_head_table thead tr{display:inline-table;width:calc(100% - 20px);height:50px}
.step3 .wood_add_lists .fix_head_table tbody{position:absolute;top:53px;left:0;width:100%;height:260px;overflow-y:scroll;background-color:#fafafa}
.step3 .wood_add_lists .fix_head_table tbody tr{display:inline-table;width:100%;height:49px;border-bottom:1px dashed #e3e3e3}
.step3 .wood_add_lists .fix_head_table tbody tr td{background-color:#fff;text-align:center;font-size:11px}
.step3 .wood_add_lists .fix_head_table tr .woodcheck{width:30px}
.step3 .wood_add_lists .fix_head_table tr .woodname{width:calc(34% - 30px)}
.step3 .wood_add_lists .fix_head_table tr .woodcount{width:9%}
.step3 .wood_add_lists .fix_head_table tr .woodtype{width:12%}
.step3 .wood_add_lists .fix_head_table tr .woodprocess{width:34%}
.step3 .wood_add_lists .fix_head_table tr .woodprice{width:11%}

.step3 .wood_add_lists .fix_head_table tr .woodtype ul, 
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul{padding:0;margin:0}
.step3 .wood_add_lists .fix_head_table tr .woodtype ul li, 
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul li{padding:0;margin:0;list-style:none;height:25px;line-height:25px;border-bottom:1px dotted #ccc}
.step3 .wood_add_lists .fix_head_table tr .woodtype ul li:last-child, 
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul li:last-child{border-bottom:none}

.step3 .wood_add_lists .fix_head_table tr .woodtype ul li.line2{height:40px;line-height:40px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul li.line2{height:40px;line-height:20px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .vwoodtype ul li.line3{height:60px;line-height:60px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul li.line3{height:60px;line-height:20px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodtype ul li.line4{height:80px;line-height:80px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul li.line4{height:80px;line-height:20px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodtype ul li.line5{height:100px;line-height:100px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul li.line5{height:100px;line-height:20px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodtype ul li.line6{height:120px;line-height:120px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul li.line6{height:120px;line-height:20px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodtype ul li.line7{height:140px;line-height:140px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul li.line7{height:140px;line-height:20px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodtype ul li.line8{height:160px;line-height:160px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul li.line8{height:160px;line-height:20px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodtype ul li.line9{height:180px;line-height:180px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul li.line9{height:180px;line-height:20px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodtype ul li.line10{height:200px;line-height:200px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul li.line10{height:200px;line-height:20px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodtype ul li.line11{height:220px;line-height:220px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul li.line11{height:220px;line-height:20px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodtype ul li.line12{height:240px;line-height:240px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul li.line12{height:240px;line-height:20px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodtype ul li.line13{height:260px;line-height:260px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul li.line13{height:260px;line-height:20px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodtype ul li.line14{height:280px;line-height:280px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul li.line14{height:280px;line-height:20px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodtype ul li.line15{height:300px;line-height:300px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul li.line15{height:300px;line-height:20px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodtype ul li.line16{height:320px;line-height:320px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul li.line16{height:320px;line-height:20px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodtype ul li.line17{height:340px;line-height:340px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul li.line17{height:340px;line-height:20px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodtype ul li.line18{height:360px;line-height:360px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul li.line18{height:360px;line-height:20px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodtype ul li.line19{height:380px;line-height:380px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul li.line19{height:380px;line-height:20px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodtype ul li.line20{height:400px;line-height:400px;padding:5px 0}
.step3 .wood_add_lists .fix_head_table tr .woodprocess ul li.line20{height:400px;line-height:20px;padding:5px 0}

.step3 .cutOrdInfo tr td{background:#353535;color:#fff;border:0;text-align:center;padding:20px 0;font-size:11px}
.step3 .cutOrdInfo tr td .BtnTypeA {margin: 0 5px;}

.step3 .cutListOrdPay {background:#fff;margin:20px 0 20px 0;position:relative;border-radius:4px;box-shadow:0 5px 8px rgba(0,0,0,0.1);}
/* .step3 .cutListOrdPay > div:first-child {width:68%;display:inline-block} */
.step3 .cutListOrdPay > div:first-child span {font-weight:700;top:0;vertical-align: middle;}
.step3 .cutListOrdPay > div:first-child p {position:absolute;top:0;margin:60px 20px;color:#666}
/* .step3 .cutListOrdPay > div:last-child {width:30%;display:inline-block} */
.step3 .cutListOrdPay table tr td {padding:10px 0}
.step3 .cutListOrdPay table tr td:first-child {text-align:left}
.step3 .cutListOrdPay table tr td:last-child {text-align:right;font-weight:700;font-size:14px}
.step3 .cutListOrdPay .delText {color:#d11;font-size:13px !important;margin:70px 0 !important;width:400px}

/* step4 */
.step4 .cilistSend {margin:0 0 30px 0;background:#fff;padding:20px;/*box-shadow:0 0 10px rgba(188,188,188,0.2)*/border:1px solid #eee; border-radius: 16px;}
.step4 .cilistSend:after{display:block;clear:both;content:""}
.step4 .cilistSend .helpText{padding:10px 0;color:#d72643;width:100%}
.step4 .cilistSend .sendForm{float:left;width:40%}
.step4 .cilistSend .sendForm input{width:100%;margin-bottom:10px;border-radius: 8px;}
.step4 .cilistSend textarea {width:54%;height:130px;background:#fff;border:1px solid #ccc;padding:7px;float:right;border-radius: 8px;resize: none;}

/* step5 */
.step5 .ciBtn {text-align:center;margin:20px 0 30px 0}
.step5 .ciBtn span {font-size:20px;font-weight:bold;color:#fff;padding:15px 70px;background:#d72643;box-shadow:0 3px 0 rgba(131,42,11,0.9)}
.step5 .ciBtn input[type="button"] {font-size:22px;color:#fff;padding:20px 50px;background:#4A55A2;border:0;border-radius:8px;cursor:pointer;opacity: 1 !important;}
.step5 .ciBtn .loading-wrap {font-size:22px;font-weight:bold;color:#fff;padding:20px 60px;background: linear-gradient(286deg, rgb(0, 211, 1), rgb(54, 194, 117) 50%, rgb(0, 165, 98));border:0;border-radius:8px;cursor:pointer;box-shadow:0 10px 20px 0 rgba(0, 211, 1, 0.35);}

.step5 .buyBtn {text-align:center;margin:10px 0 30px 0}
.step5 .buyBtn a{font-size:20px;color:#fff;padding:20px 15px;background:#4A55A2;border:0;border-radius:8px;cursor:pointer;text-align: center;}

.step5 .m_pay_alert {display: none;}

/* step6 */
/* STEP6 전체 래퍼 */
.step6 { margin-top: 10px; border-left: 2px solid #4A55A2; border-right: 2px solid #4A55A2; border-bottom: 2px solid #4A55A2; border-radius: 8px; padding: 0 10px; }
.step6 .step_title { padding: 10px 0 10px 10px; margin: 0 -10px; font-size: 22px; font-weight: 100; background-color: #4A55A2; color: #fff; border-radius: 6px 6px 0 0; }
.step6 .accessorySort { padding-top: 5px; position: relative;}
.step6 .accessorySort ul { width: 100%; display: inline-block; list-style: none; box-sizing: border-box; padding: 0; margin: 0; }
.step6 .accessorySort ul li { float: left; width: 16.66%; text-align: center; color: #555; font-size: 14px; font-weight:bold}
.step6 .accessorySort ul li .accessory_group { background: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px 0; margin: 5px; border: 1px solid #fff; position: relative; font-size: 16px; box-sizing: border-box; border-radius: 6px; letter-spacing: -1px; box-shadow: -1px -1px 0 rgba(0,0,0,0.1); height: 60px; cursor: pointer; }
.step6 .accessorySort ul li .accessory_group:hover { background: #006EEA; color: #fff; font-weight: 700; border-color: #006EEA; }
.step6 .accessorySort ul li .accessory_group .selected { display: none; font-size: 9px; color: #fff; font-weight: 300; }
.step6 .accessorySort ul li.selected .accessory_group { border: 1px solid #006EEA; background: #006EEA; color: #fcff00; font-weight: 700; }
.step6 .accessorySort ul li.selected .accessory_group .selected { display: block; }

/* 드롭다운 */
.step6 .accessorySort { position: relative; }
.step6 .accessory-dropdown { position: absolute; top: 100%; left: 0; background: #fff; border: 1px solid #ccc; box-shadow: 0 2px 6px rgba(0,0,0,0.1); z-index: 1000; }
.step6 .accessory-dropdown ul { list-style: none; margin: 0; padding: 0; }
.step6 .accessory-dropdown ul li { display: block; width: 100%; padding: 8px 6px; border-bottom: 1px solid #eee; box-sizing: border-box; }
.step6 .accessory-dropdown ul li:last-child { border-bottom: none; }
.step6 .accessory-dropdown ul li:hover { background: #006EEA; color: #fff; cursor: pointer; }
.step6 .accessory-item.selected .accessory_group { background: #006EEA; color: #fcff00; }

/* 배너 */
.step6 .accessory_banner { width:100%; box-sizing:border-box; margin-top:10px; }
.step6 .accessory_banner img { display:block; width:100%; height:auto; }

/* 장바구니 담기 버튼 */
.step6 .ciBtn2 {display:block;text-align:center;margin:0 0 20px 0}
.step6 .ciBtn2 span { display: flex; justify-content: center; align-items: center; width: 200px; margin: auto; background-color: #4A55A2; font-size: 22px; color: #fff; padding: 20px 60px; border: 0; border-radius: 8px; cursor: pointer;}
.step6 .ciBtn2 img { width: 30px; margin-right: 20px; }

.accessory_table_wrapper { border: 3px solid #e5e5e5; border-radius: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); background: #fafafa; padding: 0; margin-bottom: 24px; }
.accessory_table { width: 100%; border-collapse: separate; border-spacing: 0; background: transparent; }
.accessory_table thead tr th { background: #d9ebff; font-weight: bold; font-size: 16px; border: none; border-bottom: 1px solid #e5e5e5; }
.accessory_table tbody tr td { background: #fafafa; border: none; border-bottom: 1px solid #e5e5e5; font-size: 15px; padding:5px;}
.accessory_table tbody tr:last-child td { border-bottom: none; }

.accessory_table tbody:empty::after { 
    content: ""; 
    display: table-row; 
    height: 150px; /* 원하는 여백(px)으로 조절 */
}
.accessory_table tbody { min-height: 48px; display: block; }
.accessory_table thead, .accessory_table tbody tr { display: table; width: 100%; table-layout: fixed; }

@media screen and (max-width:768px) {
  .step6 .accessorySort ul li { width: 33.33%; }
  .step6 .accessorySort ul li:nth-child(3n+1) { clear: left; }
  .accessory-modal-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9998; display: none; overflow: hidden; }
  .accessory-modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-height: 80vh; background-color: #fff; border-radius: 8px; z-index: 9999; overflow-y: auto; padding: 10px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); display: none; }
  .accessory-modal-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 5px; border-bottom: 1px solid #eee; margin-bottom: 5px; }
  .accessory-modal-title { font-size: 16px; font-weight: bold; color: #4A55A2; text-align: left; }
  .accessory-modal-close { font-size: 20px; color: #999; background: none; border: none; cursor: pointer; }
  .accessory-modal ul { padding: 0; margin: 0; list-style: none; }
  .accessory-modal ul li { padding: 10px 0px; border-bottom: 1px solid #eee; width: 100%; text-align: center; }
  .accessory-modal ul li:last-child { border-bottom: none; }
  .accessory-modal ul li:hover, .accessory-modal ul li:active { background-color: #f5f5f5; }
  .accessory-modal ul li strong { display: block; text-align: center; font-size: 14px; margin-bottom: 3px; line-height: 1.1; }
  .accessory-modal ul li small { display: block; text-align: center; font-size: 12px; line-height: 1.1; }

	/* 모달이 열렸을 때 body 스크롤 방지 */
  body.modal-open { overflow: hidden;}
  
  /* 부자재 테이블 헤더 텍스트 크기 조정 */
  .step6 table.accessory_table th { font-size: 11px; padding: 8px 4px; }
  
  /* 부자재 테이블 내용 텍스트 크기 조정 */
  .step6 table.accessory_table td { font-size: 10px; padding: 6px 4px; }
  
  /* 카테고리 버튼 텍스트 크기 조정 */
  .step6 .accessorySort ul li .accessory_group { font-size: 14px; height: 50px; }
  
  /* 부자재 수량 입력 필드 크기 조정 */
  .step6 .accessory_qty {
    width: 40px !important;
    height: 28px !important;
    font-size: 12px !important;
    padding: 2px !important;
  }
  
  /* 부자재 담기 버튼 텍스트 크기 조정 */
  .step6 #add_accessory_cart { font-size: 15px; padding: 8px 15px; }
  
  /* 모달 부자재 목록 텍스트 크기 최적화 */
  .accessory-modal ul li strong { font-size: 13px; line-height: 1.2; }
  
  /* 부자재 선택 영역 타이틀 조정 */
  .step6 .step_title { font-size: 18px; padding: 8px 0 8px 10px; }

	.step6 table.accessory_table td:nth-child(6) { !important width: 3%; } /* 삭제 버튼 */
  
  /* 테이블 내 수량 입력 필드 크기 조정 */
  .accessory-qty-input {
    width: 20px !important;
    padding: 2px !important;
    font-size: 12px !important;
  }
  
  /* 부자재 테이블 셀 간격 최적화 */
  .accessory_table td {
    padding: 4px 2px !important;
  }
}

.loading {
	display: inline-flex;
	justify-content: center;
	margin-left: 20px;
}
.loading div {
	width: 1rem;
	height: 1rem;
	margin: 0 0.3rem;
	background: #ffffff;
	border-radius: 50%;
	animation: 0.9s bounce infinite alternate;
}
.loading div:nth-child(2) {
	animation-delay: 0.3s;
}
.loading div:nth-child(3) {
	animation-delay: 0.6s;
}
@keyframes bounce {
	to {
		opacity: 0.3;
		transform: translate3d(0, -1rem, 0);
   }
}

.shadow_layer_mobile{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999998;background:rgba(0, 0, 0, 0.85);text-align:center}
.proc_pop_link{display:block;position:fixed;top:0; width: 100%; padding-top: 100px; height: 400px; text-align: center; left:0;z-index:999999; box-sizing: border-box;}
.proc_pop_link strong {
	display: block;
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	padding:50px 0
}
.proc_pop_close {
	position: fixed;
	top: 330px;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
	border: 1px solid #fff;
	padding: 15px 0;
	width: 80%;
	font-size: 35px;
	font-weight: 700;
	color: #000;
	background: #fff;
	z-index: 999999;
	outline: 0;
	box-sizing: border-box;
}
.agreeBtn {display:inline-block;background:#677584;border:1px solid #555888;border-radius: 8px;color:#fff;cursor:pointer;padding:6px 12px;margin-left:12px}
#commentForm textarea {width:95%;height:100px;font-size:11px;color:#000;background:rgba(0,0,0,0.1);border:0px solid #ccc;overflow:scroll;padding:10px;border-radius:5px}

.image_wrap {padding: 0;}
.image_wrap img {width: 100%;}

#send_estimate_mail {padding:0;margin:0;border:0;outline:0;}

#loading {
	font-size: 22px;
    font-weight: bold;
    color: #fff;
    padding: 20px 60px;
    background: linear-gradient(286deg, rgb(0, 211, 1), rgb(54, 194, 117) 50%, rgb(0, 165, 98));
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 10px 20px 0 rgba(0, 211, 1, 0.35);
}

#woodtype_process-button {color: #006eea; font-weight: 700;}
.woodlist img {width: 100%;}
.woodlist img.pc {display: block;}
.woodlist img.mo {display: none;}

.mcutListOrdPay_wrap {width: 100%; box-sizing: border-box;}
.step3 .cutListOrdPay .mcutListOrdPay_wrap table tr td {padding-left: 10px; padding-right: 10px;}
.naver_left {padding-left: 10px;background-color: #52C41A; border-top-left-radius: 10px; border-bottom-left-radius: 10px; color: #fff;}
.naver_right {padding-right: 10px;background-color: #52C41A; border-top-right-radius: 10px; border-bottom-right-radius: 10px; color: #fff;}
.step3 .cutListOrdPay {display: flex; justify-content: center; align-items: center;}
.step3 .cutListOrdPay table tr td.naver_left {padding-left: 10px;background-color: #fff; color: #0078FF; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.step3 .cutListOrdPay table tr td.naver_right {padding-right: 10px;background-color: #fff; color: #0078FF; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.mcutListOrdPayImg_wrap img {width: 100%;}
.mcutListOrdPayImg_wrap img.pc {display: block;}
.mcutListOrdPayImg_wrap img.mo {display: none;}

.total_sales {padding: 10px 20px;background-color:#00DE5A;font-size: 22px;border-top-left-radius:5px;border-top-right-radius:5px;}
.total_sales_box {border:1px solid #A0BFE0;padding:10px;}
.cilistSendTitle {font-size: 22px;font-weight: 700;}

select {
	color: #006eea;
    font-weight: 700;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px;
	width: 45%;
	text-align: left;
    white-space: nowrap;
	background-color: #fff;
	border-radius: 6px !important;
	background: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    -webkit-appearance: none;
    padding: 0 7px;
    font-size: 12px;
    border-radius: 0;
    outline: none;
    line-height: 40px;
}

.custom-select {
	display: inline-block;
	width: 44%;
	position: relative;
}

.custom-select select {
	width: 100%;
    background: url(/info_etc/cut_item/img/chevron-down.svg) right 10px center no-repeat;
    background-color: #fff;
    background-size: 12px;
}

.custom-select select[disabled] {
	filter: opacity(0.5);
}

.custom-select .arrow-icon {
	padding: 0;
	margin: 12px 0 0 0;
	height: 16px;
	width: 16px;
	background-image: url("https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/images/ui-icons_888888_256x240.png");
	position: absolute;
    top: 0;
    right: 10px;
	background-position: -65px -16px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

a.process_minus:hover {
	color: #E21C1C;
	text-decoration: underline;
}

.custom-select select[disabled] + .arrow-icon img {
	filter: opacity(0.3);
}

#view_wood_process_form .jqSelect {
	background: url(/info_etc/cut_item/img/chevron-down.svg) right 10px center no-repeat;
    background-color: #fff;
    background-size: 12px;
}

.custom-select .arrow-icon img {width: 12px;}

#view_wood_process_form .ui-selectmenu-button.ui-button {display: none;}
#view_wood_process_form .jqSelect {display: block!important;}

.cut_page_top_banner {display: flex; justify-content: flex-start; align-items: center; gap: 40px;}

.hidden {
	display: none;
}

@media screen and (max-width:768px) {
	.step1 .woodSort ul li .wood_group {
		font-size: 13px;
		letter-spacing: -1px;
		border-radius: 6px;
	}
	.step2 .wood_size ul li .ui-selectmenu-button.ui-button, .step2 .wood_size ul li .textField {
		width: 32%;
	}
	.step1 .woodSort ul li .effect_icon.step_0 {
		top: -1px;
	}
	.BtnTypeA {
		padding: 4px;
	}

	.title img,
	.top_banner img {
		width: 100%
	}
	.image_wrap {padding: 0;}
	
	.pi_select_button {
		background: #fff;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #eee;
		-webkit-appearance: none;
		padding: 0 7px;
		font-size: 15px;
		border-radius: 0;
		outline: 0;
		height: 30px;
		line-height: 30px
	}
	
	.pi_select_icon.ui-icon {
		padding: 0;
		margin: 8px 0 0;
		height: 16px;
		width: 16px;
		background-image: url(/ishop/2019/img/slt_arr_down.png) center no-repeat
	}
	
	.step1 .woodSort ul li,
	.step2 .wood_img,
	.step2 .wood_size {
		width: 100%;
		display:block;
	}
	
	.pi_select_button.ui-button:focus,
	.pi_select_button.ui-button:hover {
		border: 1px solid #0078FF;
		background: #fff
	}
	
	.pi_select_button.ui-button:focus .pi_select_icon,
	.pi_select_button.ui-button:hover .pi_select_icon {
		background-image: url(/ishop/2019/img/slt_arr_down.png) center no-repeat
	}
	
	.pi_select_button_open.ui-button .pi_select_icon {
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	
	.pi_select_menu {
		font-size: 15px;
		color: #000
	}
	
	.pi_select_menu.ui-selectmenu-open {
		min-width: 260px
	}
	
	.pi_select_menu ul {
		max-height: 250px;
		overflow-y: scroll
	}
	
	.pi_select_menu .ui-menu-item {
		font-size: 15px;
		background: #fff;
		padding: 2px 0;
		margin: 0;
		line-height: 36px;
		height: 36px
	}
	
	.pi_select_menu .ui-menu .ui-menu-item-wrapper {
		padding: 0 10px;
		margin: 0
	}
	
	.pi_select_menu .ui-state-active {
		height: 26px;
		border: none;
		color: #fff;
		background: #092c6e;
		padding: 0;
		margin: 0;
		line-height: 26px;
		font-size: 12px
	}
	
	.step1,
	.step1 .woodSort {
		position: relative
	}
	
	.step1 .woodSort .mobile_select_woodsort {
		display: block;
		height: 50px;
		line-height: 50px;
		padding: 0 10px;
		background: url("/info_etc/cut_item/img/sltarr.png") #fff 95% 50% no-repeat;
		text-align: left;
		border: 2px solid #0078FF;
		font-size: 18px;
		border-radius: 4px;
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)
	}
	
	.step1 .woodSort .mobile_select_woodsort .effect_icon {
		display: none
	}
	
	.step1 .woodSort ul {
		position: absolute;
		top: 50px;
		left: 0;
		background-color: #fff;
		border: 1px solid #999;
		padding: 10px 0;
		height: 300px;
		overflow-y: scroll;
		display: none
	}
	
	.step1 .woodSort ul li .wood_group {
		font-size: 15px;
		padding: 15px 0;
		border: 0;
		border-bottom: 1px dashed #ccc;
		overflow: scroll;
		-webkit-overflow-scrolling: touch
	}

	.step2 .mobile_reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	
	.step2 .wood_size ul {
		padding: 0;
		margin: 0;
		width:100%;
	}
	
	.step2 .wood_size ul li {
		float: left;
		width: 100%;
		padding-right: 0;
		padding-left: 0
	}
	
	.step2 .wood_size ul li:last-child {
		border-bottom: 1px solid #e3e3e3
	}
	
	.step2 .wood_size ul li .inputTitle {
		display: inline-block;
		width: 35%
	}
	
	.step2 .wood_size ul li .textField,
	.step2 .wood_size ul li .ui-selectmenu-button.ui-button {
		width: 50%;
		padding: 5px
	}
	
	.step2 .wood_size ul li .dataUnit {
		font-size: 13px;
		display: inline-block;
		margin-left: 5px
	}
	
	.step2 .wood_processfrm_container {
		padding: 10px 0;
		border-bottom: 1px dashed #ccc
	}
	
	.step2 .wood_processfrm_container:after {
		display: block;
		clear: both;
		content: ""
	}
	
	.step2 .wood_processfrm_container .summary {
		height: 20px
	}
	
	.step2 .wood_processfrm_container .summary tr {
		position: relative
	}
	
	.step2 .wood_processfrm_container .summary td {
		position: absolute;
		top: 5px;
		font-size: 12px
	}
	
	.step2 .wood_processfrm_container .summary td.title1 {
		left: 0
	}
	
	.step2 .wood_processfrm_container .summary td.value1 {
		left: 60px
	}
	
	.step2 .wood_processfrm_container .summary td.title2 {
		top: 0;
		left: 210px;
		display: none
	}
	
	.step2 .wood_processfrm_container .summary td.value2 {
		top: 5px;
		left: 260px
	}
	
	.step2 .wood_processfrm_container .summary td.delete {
		top: 5px;
		right: 0
	}
	
	.step2 .ciProcSltbox .procType01 {
		padding: 10px 0
	}
	
	.step2 .ciProcSltbox .procType01 ul {
		padding-left: 10px
	}
	
	.step2 .ciProcSltbox .procType01 ul li {
		font-size: 11px;
	}

	.step2 .ciProcSltbox .procType01 ul li input[type=text] {
		width: 20%
	}
	
	.step2 .ciProcSltbox .procType01 ul li .line_mobile {
		display: block;
		margin-top: 10px
	}
	
	.step2 .cutItemProcBox p {
		font-size: 90%;
		letter-spacing: -1px
	}
	
	.step2 .cutItemProcBox .ciProcImg p {
		/* font-size: 60% */
	}
	
	.step3 .wood_add_lists .fix_head_table thead {
		display: none
	}
	
	.step3 .wood_add_lists .fix_head_table tbody {
		top: 0;
		background: 0 0
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr {
		height: auto;
		border-bottom: none;
		margin-bottom: 20px;
		border-top: 0px solid #999
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist {
		padding: 10px 0;
		margin: 0;
		display: block;
		border-bottom: 0px solid #999;
		border: 1px solid #d1e9d0;
		border-radius: 4px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li {
		display: block;
		/*width:100%;*/
		padding: 7px 10px;
		margin: 0;
		list-style: none;
		text-align: left;
		border-bottom: 1px dashed #eee
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li:last-child {
		border-bottom: none
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li:after {
		display: block;
		clear: both;
		content: ""
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_title {
		display: block;
		width: 20%;
		padding-left: 10px;
		float: left
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value {
		display: block
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl {
		display: block;
		padding: 5px;
		margin: 0 5px;
		border-bottom: 1px dashed #eee;
		background-color: #f8f8f8
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl:last-child {
		border-bottom: none;
		margin: 0 5px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dt {
		display: block;
		float: left;
		width: 100px
	}
	
	.step3 .cutListOrdPay>div:first-child,
	.step3 .cutListOrdPay>div:last-child {
		width: 100%
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dd.line1,
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dt.line1 {
		height: 20px;
		line-height: 20px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dt.line2 {
		height: 40px;
		line-height: 40px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dd.line2 {
		height: 40px;
		line-height: 20px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dt.line3 {
		height: 60px;
		line-height: 60px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dd.line3 {
		height: 60px;
		line-height: 20px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dt.line4 {
		height: 80px;
		line-height: 80px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dd.line4 {
		height: 80px;
		line-height: 20px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dt.line5 {
		height: 100px;
		line-height: 100px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dd.line5 {
		height: 100px;
		line-height: 20px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dt.line6 {
		height: 120px;
		line-height: 120px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dd.line6 {
		height: 120px;
		line-height: 20px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dt.line7 {
		height: 140px;
		line-height: 140px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dd.line7 {
		height: 140px;
		line-height: 20px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dt.line8 {
		height: 160px;
		line-height: 160px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dd.line8 {
		height: 160px;
		line-height: 20px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dt.line9 {
		height: 180px;
		line-height: 180px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dd.line9 {
		height: 180px;
		line-height: 20px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dt.line10 {
		height: 200px;
		line-height: 200px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dd.line10 {
		height: 200px;
		line-height: 20px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dt.line11 {
		height: 220px;
		line-height: 220px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dd.line11 {
		height: 220px;
		line-height: 20px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dt.line12 {
		height: 240px;
		line-height: 240px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dd.line12 {
		height: 240px;
		line-height: 20px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dt.line13 {
		height: 260px;
		line-height: 260px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dd.line13 {
		height: 260px;
		line-height: 20px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dt.line14 {
		height: 280px;
		line-height: 280px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dd.line14 {
		height: 280px;
		line-height: 20px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dt.line15 {
		height: 300px;
		line-height: 300px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dd.line15 {
		height: 300px;
		line-height: 20px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dt.line16 {
		height: 320px;
		line-height: 320px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dd.line16 {
		height: 320px;
		line-height: 20px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dt.line17 {
		height: 340px;
		line-height: 340px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dd.line17 {
		height: 340px;
		line-height: 20px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dt.line18 {
		height: 360px;
		line-height: 360px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dd.line18 {
		height: 360px;
		line-height: 20px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dt.line19 {
		height: 380px;
		line-height: 380px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dd.line19 {
		height: 380px;
		line-height: 20px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dt.line20 {
		height: 400px;
		line-height: 400px
	}
	
	.step3 .wood_add_lists .fix_head_table tbody tr td .mobile_cartlist li .td_value dl dd.line20 {
		height: 400px;
		line-height: 20px
	}
	
	.step3 .cutOrdInfo tr td {
		display: block;
		padding: 13px 0
	}

	.step3 .cutOrdInfo tr td:first-child {
		padding-top: 16px;
	}

	.step3 .cutOrdInfo tr td .BtnTypeA {
		margin: 0 3px;
		padding: 8px;
	}
	
	.step3 .cutListOrdPay>div:first-child span {
		position: relative;
		margin: 10px;
		/* top: 10px */
	}

	.step3 .cutListOrdPay>div:first-child .naver_left span {
		margin: 0;
	}	

	.step3 .cutListOrdPay>div:first-child .naver_right span {
		margin: 0;
	}
	
	.step3 .cutListOrdPay>div:first-child p {
		position: relative;
		margin: 10px;
		padding: 10px 0;
		font-size: 11px
	}
	
	.step3 .cutListOrdPay table {
		margin: 0 auto;
		width: 95%
	}
	
	.step3 .cutListOrdPay table tr td {
		border-bottom: 1px solid #e3e3e3
	}
	
	.step4 .cilistSend {
		padding: 10px 0
	}
	
	.step4 .cilistSend .helpText {
		padding: 0 10px;
		width: 95%
	}
	
	.step4 .cilistSend .sendForm {
		padding: 10px 15px 0 15px;
		width: auto;
		float: unset
	}
	
	.step4 .cilistSend .sendForm input[type=text], .step4 .cilistSend .sendForm input[type=number] {
		padding: 4px 0;
		text-indent: 10px
	}
	
	.step4 .sendContents {
		padding: 0 15px 15px 15px
	}
	
	.step4 .sendContents textarea {
		width: 90%;
		padding: 10px;
		-webkit-appearance: none;
		border-radius: 8px;
		float: left;
		height: 50px;
		border: 0;
		font-size: .9rem
	}
	
	.step4 .ciBtn input[type=button] {
		-webkit-appearance: none;
		width: 100%;
		padding: 17px 20px;
	}

	.step5 .sending_order {
		display: none;
	}
	.step5 .m_pay_alert {
		display:block !important;
		text-align: center;
		color: #0078FF;
	}
	.step5 .m_pay_alert .pay_cnt{
		color: #FF871C;
		font-size: 22px;
	}

	#loading {
		width: 100%;
		padding: 17px 20px;
	}
	
	.step1 .woodSort ul li .effect_icon.saleico {
		font-size: 15px
	}
	
	.step1 .woodSort ul li .effect_icon.bestico {
		font-size: 15px
	}
	
	/* .cutListOrdPay {
		border: 1px solid #0078FF !important;
		border-radius: 5px;
		box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2)
	} */
	
	.cutListOrdPay table tr td {
		padding: 2px 3px !important;
		border-bottom: 0px dashed #eee !important;
		margin-bottom: 2px
	}
	
	.cutListOrdPay table tr:last-child td {
		border: 0 !important
	}
	
	.send-cont-textarea {
		border: 1px solid #D5D5D5;
		display: inline-block;
		width: 100%;
		border-radius: 8px
	}
	
	.send-cont-textarea textarea:focus {
		outline: none
	}
	
	.step_title {
		font-size: 1rem;
	}
	
	.mfontsize {
		font-size: .7rem !important
	}
	
	.agreebox {
		font-size: 1rem !important
	}
	
	.agreeBtn {
		margin-top: 10px
	}

	.woodlist img.mo {display: block;}
	.woodlist img.pc {display: none;}
	.step2 .wood_size ul li .inputTitle.helpimg img {width: 70px;}

	.step3 .cutListOrdPay {flex-direction: column;}
	.mcutListOrdPayImg_wrap {padding: 0 16px 14px; box-sizing: border-box;}
	.mcutListOrdPayImg_wrap img.pc {display: none;}
	.mcutListOrdPayImg_wrap img.mo {display: block;}

	.cilistSendTitle {padding: 0 10px;}

	/* .mcutListOrdPay_wrap {padding: 14px 6px;} */

	.custom-select {width: 52%;}

	.cut_page_top_banner .image_box {
		display: none;
	}
}