/* STEP COMMON */
	.con_box { padding : 135px 0; }


	.con_box .title_info { width: 100%; float: left; padding: 8px 5px; }
	.con_box .title_info > ul { float: left; }
	.con_box .title_info > ul > li { float: left; }
	.con_box .title_info > .t_txt { width: 72%; }
	.con_box .title_info > .t_txt > li { width: 100%; font-size: 22px; font-weight: 700; color: #1a3879; }
	.con_box .title_info > .s_txt { width: 28%; }
	.con_box .title_info > .s_txt > li { font-size: 15px; font-weight: 400; color: #999; text-align: center; line-height: 33px; }
	.con_box .title_info > .s_txt > .arrow { width: 8%; }
	.con_box .title_info > .s_txt > .pp { font-size: 15px; font-weight: 600; color: #333; }
	.con_box .title_info > .s_txt > .nn { width: 28%; }



/*STEP_01 주문번호입력*/		
	

	.con_box_1 .sub_info { width: 100%; float: left; background-color: #fff; border-top: 10px solid #ccdcff; padding: 90px 0; }
	.con_box_1 .sub_info > form > div { width: 670px; margin: 0 auto; }
	.con_box_1 .sub_info > form > div > div { width: 100%; float: left; }
	.con_box_1 .sub_info > form > div > .s_top { padding-bottom: 60px; }
	.con_box_1 .sub_info > form > div > .s_top > ul { width: 100%; float: left; }
	.con_box_1 .sub_info > form > div > .s_top > ul > li { width: 100%; float: left; text-align: center; }
	.con_box_1 .sub_info > form > div > .s_top > .icon > li { width: 175px; height: 175px; background-color: #e5edff; border-radius: 50%; margin-left: 247.5px; }
	.con_box_1 .sub_info > form > div > .s_top > .icon > li >  i { font-size: 80px; color: #fff; line-height: 175px; }
	.con_box_1 .sub_info > form > div > .s_top > .text > .tt { font-size: 22px; font-weight: 600; color: #1a3879; margin: 25px 0 2px 0; }
	.con_box_1 .sub_info > form > div > .s_top > .text > .ss { font-size: 17px; font-weight: 400; color: #848484; }
	.con_box_1 .sub_info > form > div > .s_bottom > ul { width: 100%; float: left; }
	.con_box_1 .sub_info > form > div > .s_bottom > ul > li { float: left; }
	.con_box_1 .sub_info > form > div > .s_bottom > ul > li > input { width: 100%; float: left; height: 60px; border-radius: 5px; box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.08); border: none; padding: 0 20px; font-size: 20px; font-weight: 400; color: #333; }
	.con_box_1 .sub_info > form > div > .s_bottom > ul > li > input::placeholder { color: #ccc; }
	.con_box_1 .sub_info > form > div > .s_bottom > ul > li > input:-ms-input-placeholder { color: #ccc; }
	.con_box_1 .sub_info > form > div > .s_bottom > ul > li > button { width: 100%; float: left; height: 60px; border-radius: 5px; background-color: #0050ff; font-size: 20px; font-weight: 400; color: #fff; }
	.con_box_1 .sub_info > form > div > .s_bottom > ul > .input { width: 73%; margin-right: 12px; }
	.con_box_1 .sub_info > form > div > .s_bottom > ul > .button { width: 25%; }


/*STEP_02 주문/결제*/	
	.con_box .sub_info2 { width: 100%; float: left; background-color: #fff; border-top: 10px solid #ccdcff; padding: 10px 40px 60px 40px; }
	.con_box .sub_info2 > form > div { width: 100%; float: left; margin-top: 30px; }
	.con_box .sub_info2 > form > div > p { width: 100%; float: left; padding: 0 0 8px 4px; font-size: 17px; font-weight: 600; color: #333; }
	.con_box .sub_info2 > form > div > table { width: 100%; table-layout: fixed; border-top: 1px solid #222; border-bottom: 1px solid #b9b8b8; }

	.con_box .sub_info2 > form > div > table > thead > tr > td { height: 60px; padding: 15px; border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 500; color: #333; border-right: 1px solid #ddd; text-align: center; }
	.con_box .sub_info2 > form > div > table > thead > tr > td:nth-last-child(1) { border-right: none; }

	.con_box .sub_info2 > form > div > table > tbody > tr > td { height: 60px; padding: 15px; border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 500; color: #333; border-right: 1px solid #ddd; text-align: center; }
	.con_box .sub_info2 > form > div > table > tbody > tr > td:nth-last-child(1) { border-right: none; }
	.con_box .sub_info2 > form > div > table .title_h > td { height: 45px; background-color: #f7f7f7; font-weight: 600; }
	.con_box .sub_info2 > form > div > table .sub_b > td { font-size: 14px; font-weight: 400; color: #555; }
	.con_box .sub_info2 > form > div > table .sub_b > .name { font-size: 14px; font-weight: 500; color: #333; text-align: left; }

	.con_box .sub_info2 > form > .dot_line { border-top: 1px dashed rgba(0,0,0,0.61); margin-top: 50px; }
	.con_box .sub_info2 > form > .main_table > p { font-size: 21px; font-weight: 600; color: #1a3879; }
	.con_box .sub_info2 > form > .main_table > table > tbody > tr > .label { background-color: #f2f6ff; font-weight: 600; }
	.con_box .sub_info2 > form > .main_table > table > tbody > tr > .value > input { width: 100%; height: 40px; padding-left: 8px; border: 1px solid #ddd; font-size: 14px; font-weight: 400; color: #555; }
	.con_box .sub_info2 > form > .main_table > table > tbody > tr > .value > .n_ss { background-color: #fbfbfb; }
	.con_box .sub_info2 > form > .la_button { margin-top: 80px; }
	.con_box .sub_info2 > form > .la_button > ul { width: 100%; float: left; text-align:right; }
	.con_box .sub_info2 > form > .la_button > ul > li { width: 180px; display:inline-block; vertical-align: middle; margin-right: 10px; }
	.con_box .sub_info2 > form > .la_button > ul > li > button { width: 100%; height: 55px; float: left; background-color: #c4c4c4; border-radius: 5px; font-size: 18px; font-weight: 500; color: #fff; text-align: center; }
	.con_box .sub_info2 > form > .la_button > ul > .pb { margin-right: 0; }
	.con_box .sub_info2 > form > .la_button > ul > .pb > button { background-color: #0050ff; }



/*STEP_03 결제완료*/
	.con_box_3 .sub_info { width: 100%; float: left; background-color: #fff; border-top: 10px solid #ccdcff; padding: 10px 40px 60px 40px; }
	.con_box_3 .sub_info > div { width:100%; float:left; }

	.con_box_3 .sub_info > .s_top {  padding: 70px 0 50px 0; margin-top: 0; }
	.con_box_3 .sub_info > .s_top > ul { width: 100%; float: left; }
	.con_box_3 .sub_info > .s_top > ul > li { width: 100%; float: left; text-align: center; }
	.con_box_3 .sub_info > .s_top > .icon > li { width: 175px; height: 175px; background-color: #b2caff; border-radius: 50%; margin-left: 472.5px; }
	.con_box_3 .sub_info > .s_top > .icon > li >  i { font-size: 80px; color: #fff; line-height: 175px; }
	.con_box_3 .sub_info > .s_top > .text > .tt { font-size: 26px; font-weight: 400; color: #333; margin: 25px 0 2px 0; }
	.con_box_3 .sub_info > .s_top > .text > .tt > span { font-size: 26px; font-weight: 700; color: #333; }
	.con_box_3 .sub_info > .s_top > .text > .ss { font-size: 17px; font-weight: 400; color: #666; }
	.con_box_3 .sub_info > .s_top > .text > .ss > span { font-size: 17px; font-weight: 500; color: #0050ff; }

	.con_box_3 .sub_info > .dot_line { border-top: 1px dashed rgba(0,0,0,0.61); margin-top: 50px; }

	.con_box_3 .sub_info > div { margin-top:30px; }
	.con_box_3 .sub_info > div > p { width: 100%; float: left; padding: 0 0 8px 4px; font-size: 21px; font-weight: 600; color: #1a3879; }
	.con_box_3 .sub_info > div > table { width: 100%; table-layout: fixed; border-top: 1px solid #222; border-bottom: 1px solid #b9b8b8; }

	.con_box_3 .sub_info > div > table > thead > tr > td { height: 60px; padding: 15px; border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 500; color: #333; border-right: 1px solid #ddd; }
	.con_box_3 .sub_info > div > table > thead > tr > td:nth-last-child(1) { border-right: none; }

	.con_box_3 .sub_info > div > table > tbody > tr > td { height: 60px; padding: 15px; border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 500; color: #333; border-right: 1px solid #ddd; }
	.con_box_3 .sub_info > div > table > tbody > tr > td:nth-last-child(1) { border-right: none; }

	.con_box_3 .sub_info > div > table .title_h > td { height: 45px; background-color: #f7f7f7; font-weight: 600; }
	.con_box_3 .sub_info > div > table .sub_b > td { font-size: 14px; font-weight: 400; color: #555; }
	.con_box_3 .sub_info > div > table .sub_b > .name { font-size: 14px; font-weight: 500; color: #333; text-align: left; }
	.con_box_3 .sub_info > div > table > tbody > tr > .label { background-color: #f2f6ff; font-weight: 600; }
	.con_box_3 .sub_info > div > table > tbody > tr > .value { font-size: 14px; font-weight: 400; color: #333; text-align: left; }
	.con_box_3 .sub_info > div > table > tbody > tr > .value > input { width: 100%; height: 40px; padding-left: 8px; border: 1px solid #ddd; font-size: 14px; font-weight: 400; color: #555; }
	.con_box_3 .sub_info > div > table > tbody > tr > .value > .n_ss { background-color: #fbfbfb; }

	.con_box_3 .sub_info > .s_bottom > ul { width: 100%; float: left; }
	.con_box_3 .sub_info > .s_bottom > ul > li { width: 125px; float: right; }
	.con_box_3 .sub_info > .s_bottom > ul > li > a { width: 100%; float: left; height: 45px; line-height: 45px; border-radius: 5px; font-size: 18px; font-weight: 400; color: #999; border: 1px solid #ccc; background-color: #fff; text-align:center; }