.in {width:100%; max-width:1547px; margin:0 auto;   }

@media all and (max-width:1547px) {

  .in {box-sizing:border-box; padding:0 4%}

}


.flex {display:flex; }
.ac {align-items:center !important; }
.as {align-items:flex-start !important; }
.ad {align-items:flex-end !important; }
.jt {justify-content:flex-start !important; }
.jc {justify-content:center !important; }
.js {justify-content:space-between !important; }
.gap5 {gap:5px}
.gap10 {gap:10px}
.gap20 {gap:20px}

.fwrap {flex-wrap:wrap}
.li_ac li {display:flex; align-items:center;  justify-content:center}
.li_ac2 li {display:flex; align-items:center; }
.li_c li {text-align:center}
.td_c td {text-align:center}

hr.line_hr {width:100%; height:1px; border-top:1px solid #ddd}
 
.t_color {color:var(--main_c) !important}
.t_color2 {color:#6499fb !important}
a.t_color {color:var(--main_c)}
.red {color:red }
.black {color:#000}
.gray {  color:#868686}
.vertical_top_t {font-size:.7em; vertical-align:6px}

.w300 {font-weight:300}
.w400 {font-weight:400}
.w500 {font-weight:500}
.s_t {font-weight:300; font-size:0.83em; color:#868686}
.s_t2 {font-weight:300; font-size:0.94em; color:#424242}
.s_t3 {font-weight:300; font-size:0.94em; color:#000}
.s_t4 {font-weight:300; font-size:15px; color:#868686}

.basic_t {font-size:1.22em; font-weight:300}
.basic_t2 {font-size:18px; }
.basic_t3 {font-size:1.15em }
.basic_t4 {font-size:1.18em }
.basic_t_b {font-size:1.39em; font-weight:600; color:#000}
.b35 {font-size:1.67em}

.line-height-2 {line-height:2}

.border20 {border-radius:20px}

.gap2   {gap:2%}
.gap4   {gap:4%}

.rota {transform: rotate(90deg);}

.col-2 {gap:2%}
.col-2 > li {width:50%}
.col-2 > p {width:50%}
.col-2 > div {width:50%}
.col-3 {gap:2%}
.col-3 > li {width:33.3333%}
.col-4 {gap:2%}
.col-4 > li {width:25%}


.fwrap.col-3 li {width:32%}
.fwrap.col-3 li:nth-child(n+4) {margin-top:20px}
.fwrap.col-2 li {width:49%}
.fwrap.col-2 li:nth-child(n+3) {margin-top:20px}


.border_box {border:1px solid #ddd; box-sizing:border-box; padding:15px}
.border_box_div  {display:flex; flex-direction:column; gap:10px} 
.border_box_div p {border-radius:10px; }

.box_100 {width:100% !important; display:inline-block}
.box_40 {width:40%; }
.box_50 {width:50%; }
.box_60 {width:60%; }
.box_70 {width:70%; }

.ws_no {white-space:nowrap;}

.img_border {border:1px solid #ddd; border-radius:10px; display:inline-block; box-sizing:border-box; width:100%; text-align:center}
.img_border img {max-width:96%; max-height:96%}
.img_border.flex {display:flex; align-items:center; justify-content:center;}
.img_border.pd20 {padding:20px}
.img_border.type2 {padding:30px}

.bg_box {background-color:#f5f5f5; font-size:.89em; color:#868686;  padding:25px 50px; box-sizing:border-box; width:100%; display:inline-block; border-radius:10px; text-align:left; width:auto;}
.rgba_bg {background:rgba(0,0,0,.5); width:100%; height:100%; position:absolute; left:0; top:0}
.rgba_bg + div {position:relative; z-index:99}
.rgba_bg_after:after {content:''; background:rgba(0,0,0,.4); width:100%; height:100%; position:absolute; left:0; top:0}

p.disc_p {display:flex; font-weight:300}
p.disc_p + p.disc_p {margin-top:5px}
p.disc_p:before {content:''; margin-top:10px;  width:5px; height:5px; background-color:#555; margin-right:10px; flex-shrink:0; border-radius:50%}


a {transition: all 0.3s ease-out;}
a.basic_btn {background-color:var(--main_c); color:#fff; border-radius:50px; padding:10px 50px; margin-top:50px; display:inline-block; font-size:1rem; font-weight:500}
a.basic_btn:hover {background-color:#2F2F2F; color:var(--main_c); }

a.basic_btn2 {background-color:#fff;  border:1px solid var(--main_c);  color:var(--main_c) ;  border-radius:50px; padding:10px 50px; margin-top:50px; display:inline-block; font-size:1rem; font-weight:500}
a.basic_btn2:hover {background-color:var(--main_c);   color:#fff; }

a.basic_btn3 {background-color:var(--main_c); color:#fff; border-radius:50px; padding:17px 50px; margin-top:50px; display:inline-block; font-size:1.11em; font-weight:500}
a.basic_btn3:hover {background-color:#fff; color:var(--main_c);  box-shadow: 0px 3px 9.9px 0px rgba(0, 0, 0, 0.15);}

a.basic_btn4 {background-color:var(--main_c); color:#fff; border-radius:10px; padding:15px 60px; margin-top:100px; display:inline-block; font-size:1em; font-weight:500}
a.basic_btn4:hover {background-color:#2F2F2F; color:var(--main_c); }


a.write_btn {background-color:var(--main_c); color:#fff; border-radius:50px; padding:17px 50px; min-width:130px;  margin-top:50px; display:inline-block; font-size:1.11em; font-weight:500}
a.write_btn:hover {background-color:#2F2F2F; color:var(--main_c); }

a.s_btn {background-color:var(--main_c); color:#fff; white-space:nowrap; border-radius:50px; padding:9px 20px; display:inline-block; font-size:1rem; font-weight:400}
a.s_btn:hover {background-color:#2F2F2F; color:var(--main_c); }



a.arrow_btn {background-color:var(--main_c); color:#fff; border-radius:10px; padding:20px 25px; margin-top:50px; display:inline-flex; align-items:center; font-size:1em; font-weight:500}
a.arrow_btn svg { width:23px; height:23px; margin-left:10px; transform: rotate(-45deg);}
a.arrow_btn path {stroke:#fff; }
a.arrow_btn:hover {background:#2F2F2F; color:var(--main_c)}
a.arrow_btn:hover path {stroke:var(--main_c); }

 


.tab {width:100%; display:flex; margin-bottom:20px}
.tab.jc {justify-content:center; }
.tab li { margin-right:10px; }
.tab li a {background-color:#eee; border:1px solid #eee; color:#999;  border-radius:50px; padding:5px 20px;  display:inline-block}
.tab li a:hover {background-color:#fff; border:1px solid var(--main_c);  color:var(--main_c) ;  }
.tab li.ov a {background-color:#fff; border:1px solid var(--main_c);  color:var(--main_c) ;  }

.tab2 {width:100%; display:flex; margin-bottom:20px}
.tab2 li { margin-right:10px}
.tab2 li a {background-color:#EEE; border-radius:10px; padding:15px 40px;  display:inline-block}
.tab2 li.ov a {background-color:var(--main_c); color:#fff;  }

.best {background:var(--main_c); color:#fff; padding:2px 10px; border-radius:0px; font-size:.9rem; display:inline-block; font-weight:300}

label {transition: all 0.3s ease-out;}

label.basic {  border:1px solid #999; color:#999; padding:9px 20px; border-radius:50px; display:inline-block}
label.basic.type2 { background-color:#f1f1f1; border:1px solid #f1f1f1; padding:7px 15px;    color:#999; margin-bottom:10px }
label.basic.type2:hover { border:1px solid var(--main_c); color:var(--main_c); background-color:#fff }

.table_wrap {width:100%; overflow-x:auto}
table.basic {width:100%; border-top:2px solid #868686}
table.basic th {font-weight:500; font-size:1.11em; border-bottom:1px solid #ddd; background-color:#eee; padding:15px }
table.basic td {font-size:.89em; border-bottom:1px solid #ddd; padding:15px; text-align:Center}
table.basic tr:last-child td {border-bottom:2px solid #868686}

.table_div {border-radius:10px; overflow-x:hidden;  border:1px solid #ddd}
table.basic2 {width:100%; }
table.basic2 th {font-size:1em; background-color:#fff; color:#111; text-align:left; padding:15px 30px;   font-weight:500; border-bottom:1px solid #ddd;}
table.basic2 td {background-color:#fff; font-size:.89em; font-weight:300; color:#424242; border-bottom:1px solid #ddd; padding:15px 30px;  }
table.basic2 .bg {  background-color:#eee; }
table.basic2 td h4 { font-size:1.13rem; font-weight:600; margin-bottom:10px; color:#424242}
table.basic2 td div.dl_div { position:Relative; box-sizing:border-box; padding-left:20px}
table.basic2 td div.dl_div:before {content:''; width:5px; height:5px;  border-radius:50%; background-color:#868686; display:inline-block; position:absolute; left:0; top:10px; flex-shrink:0 }
table.basic2 td div + div {margin-top:25px}
table.basic2 td p + p {margin-top:10px}
table.basic2.td_r td  {border-right:1px solid #ddd}
table.basic2.th_r th  {border-right:1px solid #ddd}
table.basic2 .border_r {border-right:1px solid #ddd }
table.basic2 th.b_th {font-size:1.22em; line-height:1.2; font-weight:600}
table.basic2 td.bg  {font-size:.94em; font-weight:500}
table.basic2 th.border_b_none {border-bottom:none}

.table_div table.basic2 {width:calc(100% + 1px);  }
.table_div table.basic2 tr:last-child td {border-bottom:none}
.table_div table.basic2 a.s_btn {font-size:14px; padding:8px 25px }
.table_div table.basic2 a.s_btn i {margin-left:5px }

table.basic3 {width:100%; border-top:2px solid #868686}
table.basic3 th {font-weight:500; font-size:1.11em; border-bottom:1px solid #ddd; text-align:left; background-color:#eee; padding:15px 30px}
table.basic3 td {font-size:.89em; border-bottom:1px solid #ddd; padding:15px 30px; text-align:left}
table.basic3 tr:last-child td {border-bottom:2px solid #868686}


table.basic4 {width:100%;  }
table.basic4 th {font-weight:400; border:1px solid #333; font-size:.89em; padding:5px; text-align:center}
table.basic4 td {border:1px solid #333; font-size:.89em; padding:5px; text-align:center}
 
 
ul.basic li {width:100%; font-weight:300; display:flex; align-items:flex-start; margin-bottom:5px}
ul.basic li:last-child {  margin-bottom:0}
ul.basic li:before {margin-top:10px; flex-shrink:0; content:''; margin-right:10px;  width:3px; height:3px; background-color:#999; border-radius:50%}

ul.border_list li {border:1px solid #ddd; border-radius:5px;  padding:15px; box-sizing:border-box; }

ul.bl_list li {width:100%; display:flex; align-items:flex-start; margin-bottom:20px; font-size:.94em;  color:#2F2F2F}
ul.bl_list li:last-child {margin-bottom:0}
ul.bl_list li:before {flex-shrink:0; content:''; margin-right:10px; margin-top:10px;  width:4px; height:4px; background-color:var(--main_c); border-radius:50%}

ul.bl_list2 li {width:100%; font-weight:300; display:flex; margin-bottom:15px; font-size:.94em;}
ul.bl_list2 li:last-child {margin-bottom:0}
ul.bl_list2 li:before {flex-shrink:0; content:''; margin-right:10px;  width:3px; height:3px; background-color:#333; border-radius:50%; margin-top:12px}
ul.bl_list2.t_s li {font-size:.89em}

ul.bl_list3 li {width:100%; display:flex; align-items:flex-start; margin-bottom:1px; font-size:.94em;}
ul.bl_list3 li:last-child {margin-bottom:0}
ul.bl_list3 li:before {flex-shrink:0; content:''; margin-right:10px; margin-top:10px;  width:4px; height:4px; background-color:#333; border-radius:50%}

ul.bl_flex_list {display:flex; flex-wrap:wrap}
ul.bl_flex_list li {  display:flex; align-items:flex-start; margin-bottom:1px; font-size:1em;}
ul.bl_flex_list li:before {flex-shrink:0; content:''; margin-right:10px; margin-top:10px;  width:4px; height:4px; background-color:#333; border-radius:50%}


/*recruit2 사용*/
ul.step {display:flex; align-items:center; }
ul.step li {width:14%; background-color:#fff; padding-bottom:14%; margin-right:40px; position:relative;  box-shadow:2px 2px 10px rgba(0,0,0,0.1); border-radius:50%; }
ul.step li:after {content:''; display:inline-block; position:absolute; top:0; right:-30px; width:20px; background:url('/common/img/step_arrow.svg') no-repeat center; height:100%; }
ul.step li div {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); text-align:center; width:100%; font-size:1.22em}
ul.step li.last {background-color:var(--main_c); color:#fff;}
ul.step li:last-child  { margin-right:0}
ul.step li:last-child:after {display:none}
ul.step li div span {margin-bottom:10px; display:inline-block; width:100%; font-weight:600; font-size:16px}

/*1_5 사용*/
ul.step.type2 {align-items:stretch}
ul.step.type2 li {width:30%; border-radius:10px;  padding:0; display:flex; align-items:center; justify-content:center; }
ul.step.type2 li div {position:static; width:100%; padding:25px 0; box-sizing:border-box ; transform: translate(0, 0);}

 
 /*3_2사용*/
ul.step3 {display:flex; width:100%}
ul.step3 li {width:27%; padding:20px; box-shadow:2px 2px 10px rgba(0,0,0,0.1); border-radius: 10px; background-color:#fff;  border: 1px solid #eee;  position:relative; margin-right:50px; display:flex; align-items:center; justify-content:center; text-align:center; box-sizing:border-box;  font-size:1em}
ul.step3 li:after {content:''; display:inline-block; position:absolute; top:0; right:-50px;  width:50px; background:url('/common/img/step_arrow.svg') no-repeat center; height:100%; }
ul.step3 li.last {background-color:var(--main_c); color:#fff;}
ul.step3 li:last-child  { margin-right:0; }
ul.step3 li:last-child:after {display:none}
 


ul.one_list {display:flex; justify-content:center; gap:3% }
ul.one_list li {width:20%; padding-bottom:20%;  background-color:#fff; position:relative;  box-shadow:2px 2px 10px rgba(0,0,0,0.1); border-radius:50%; }
ul.one_list li div {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); text-align:center; width:100%; }

div.shdow_one {width:100%; padding-bottom:100%;  background-color:#fff; position:relative;  box-shadow:2px 2px 10px rgba(0,0,0,0.1); border-radius:50%; }
div.shdow_one p {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); text-align:center; width:100%; }

div.normal_one {width:100%; padding-bottom:100%;  background-color:#ddd; position:relative;  border-radius:50%; }
div.normal_one p {font-size:1.94em; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); text-align:center; width:100%; z-index:99}

div.s_one {flex-shrink:0; width:100px; padding-bottom:100px;  background-color:#fff;   box-shadow:0px 3px 20px rgba(0, 0, 0, 0.10);  position:relative;  border-radius:50%; }
div.s_one p {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); text-align:center; width:100%; }


ul.img_list {display:flex }
ul.img_list li img {width:100%}
ul.img_list li img + p {margin-top:10px}

ul.bg_list {display:flex}
ul.bg_list li {text-align:center; }
ul.bg_list li div  {background-color:#ddd; overflow:hidden; width:100%; padding-bottom:90%; display:inline-block; position:Relative; border-radius:10px}
ul.bg_list li div p  {z-index:99; font-size:1.22em; position:absolute; left:0; bottom:10px; width:100%; text-align:Center; color:#ffff}
ul.bg_list li div:after {content:''; background: rgba(0, 0, 0, .4); width:100%; height:100%; position:absolute; left:0; top:0}

ul.shadow_box_list {display:flex}
ul.shadow_box_list li {text-align:center; box-sizing:border-box; 
	padding:30px; 
	border-radius: 10px;
	border: 1px solid #ddd;
	background:#fff;
	box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.10);
}

ul.shadow_box_list li h5 {  margin-bottom:20px}

ul.img_info { margin-top:30px;  }
ul.img_info li img {width:100%; margin-bottom:15px}
ul.img_info li {text-align:center; font-weight:300}
ul.img_info li h5 {font-size:1.11em; margin-bottom:15px}
ul.img_info li p + p {margin-top:10px}
 

dl.basic {display:flex}
dl.basic dt {font-weight:600; width:10%; flex-shrink:0cccc}
dl.basic + dl.basic {margin-top:6px}

@media all and (max-width:1100px) {

			table.basic th {font-size:.86em; line-height:1.3; padding:10px; }
			table.basic td {font-size:.83em; line-height:1.3;  padding:10px}

			table.basic2 th {font-size:.86em; line-height:1.3; padding:10px; }
			table.basic2 td {font-size:.86em; line-height:1.3;  padding:10px}
			table.basic2 th.b_th {font-size:1em; }
}




@media all and (max-width:900px) {
			.b35 {font-size:1.33em}
			.s_t {  font-size:.9rem;  }
			.s_t2 { font-size:0.89em; }
			.s_t3 { font-size:0.89em; }
			label.basic { font-size:.90em; padding:7px 20px;}
			.best {  font-size:.80rem;  }

 
			.basic_t {font-size:1em; }
			.basic_t3 {font-size:.94em}
			.basic_t4 {font-size:.94em}
			.basic_t_b {font-size:1.15em; }

			.flex {flex-wrap:wrap}
			.flex.wno {flex-wrap:nowrap}


			.m_box_100 {width:100%}
			.col-2, .col-3, .col-4   {gap:0; }
			.col-2 > li {width:100%}
			.col-2 > p {width:100%}
			.col-2 > div {width:100%}
			.col-3 > li {width:100%}
			.col-4 > li {width:100%}

			.col-2 > li:nth-child(n+2) {margin-top:10px}
			.col-3 > li:nth-child(n+2) {margin-top:10px}
			.col-4 > li:nth-child(n+2) {margin-top:10px}

			.fwrap.col-2 li {width:100%}
			.fwrap.col-2 li:nth-child(n+2) {margin-top:20px}
			.fwrap.col-3 li {width:100%}
			.fwrap.col-3 li:nth-child(n+2) {margin-top:20px}

			.m_col-2, .fwrap.m_col-2 {justify-content:space-between; }
			.m_col-2 li, .fwrap.m_col-2 li   {width:48%; margin-top:0}
			.m_col-2 li:nth-child(2), .fwrap.m_col-2 li:nth-child(2) { margin-top:0}

			a.basic_btn3 {  padding:12px 35px;   font-size:.95em;  }


			ul.bg_list {flex-wrap:wrap}
			ul.img_list  {flex-wrap:wrap}
			ul.img_list li img {height:auto}
			ul.img_list li:nth-child(n+2) {margin-top:20px}

			ul.img_info li:nth-child(n+2) {margin-top:20px}
			ul.img_info li h5 {font-size:1.1em; margin-bottom:10px}
			ul.img_info li p {font-size:.95em; }
			ul.img_info li p + p {margin-top:3px}


			ul.step {flex-wrap:wrap; justify-content:space-between;   }
			ul.step li {width:46% !important; padding-bottom:46% !important; margin-right:0; }
			ul.step li:after { right:-13%; width:8%; background-size:100%;  }
			ul.step li:nth-child(2n):after {display:none}
			ul.step li:nth-child(n+3) {margin-top:30px}
			ul.step li div span {margin-bottom:5px; font-size:12px}
			ul.step li div  {font-size:.9em; line-height:1.3}

            ul.step.type2 li {padding-bottom:0 !important}

            /***recruit2 사용***/
			ul.step.m_step_col_3 li {width:30% !important; padding-bottom:30% !important; }
			ul.step.m_step_col_3 li:nth-child(2n):after {display:block}
			ul.step.m_step_col_3 li:nth-child(3n):after {display:none}
			ul.step.m_step_col_3 li:nth-child(n+3) {margin-top:0}
			ul.step.m_step_col_3 li:nth-child(n+4) {margin-top:30px}

			ul.step3 {flex-wrap:wrap; justify-content:space-between;   }
			ul.step3 li {width:calc(50% - 10px);  margin-right:0;  font-size:.90em; line-height:1.3}
			ul.step3 li:nth-child(3) {order:4}
			ul.step3 li:nth-child(4) {order:3}
			ul.step3 li:after { display:none  }
			ul.step3 li:before {
			content:''; 
			position: absolute;
			right:-15px;
			top:50%; 
			margin-top:-7px;
			content: '';
			width: 15px;  
			height: 15px;  
 			border-top: 2px solid var(--main_c);  
			border-right: 2px solid var(--main_c);  
			transform: rotate(45deg); 
    
      }
	  	ul.step3 li:nth-child(2):before {
		 	transform: rotate(-225deg); 
			right:50%; 
			margin-right:-7px;
			top:auto;
			bottom:-12px; 
			margin-top:0;
    
      }

	  	ul.step3 li:nth-child(3):before {  display:none }
	  	ul.step3 li:nth-child(4):before { transform: rotate(225deg); right:-25px; }

 			ul.step3 li:nth-child(n+3) {margin-top:20px}

			ul.shadow_box_list {flex-wrap:wrap}
			ul.shadow_box_list li:nth-child(n+2) {margin-top:20px}
			ul.shadow_box_list li h5 {  margin-bottom:10px}
            
			ul.basic li { font-size:.92em }
			 
 
			ul.bl_list li {margin-bottom:10px; font-size:.9em}
			ul.bl_list2 li { margin-bottom:8px}

			ul.bl_flex_list li {font-size:.94em;}

			ul.tab {flex-wrap:wrap; gap:10px}
			ul.tab.wno {flex-wrap:nowrap}
			ul.tab li {margin-right:0}
			ul.tab li a {font-size:0.83em; padding:10px; white-space:nowrap;    text-align:center }
			ul.tab2 li a {font-size:0.83em; padding:10px;   text-align:center }

			a.arrow_btn { padding:13px 20px; margin-top:30px; font-size:0.83em; }
			a.arrow_btn svg { width:20px; height:20px; }



			.table_div {  overflow-x:auto;  }
            .table_div table.basic2 a.s_btn i {margin-left:0 }

			table.basic2 th {font-size:0.92rem}
			table.basic2 th.b_th {font-size:0.92rem; }
			table.basic2 td.bg    {font-size:0.92rem}
			table.basic2 td h4 { font-size:0.92rem }
			table.basic2 td {font-size:0.92rem}
			table.basic4 th {  font-size:0.80rem; padding:3px }
			table.basic4 td {  font-size:0.80rem; padding:3px }

			div.normal_one p {font-size:1.3em;  }

			dl.basic {flex-wrap:wrap}
			dl.basic dt {width:100%}

			.bg_box {  padding:20px;  }
			.img_border {padding:20px}
			.img_border img {max-width:94%; max-height:94%}



}



.n_step_wrap {position:Relative; }

.n_step {width:100%; display:flex;}
.n_step li {width:100%; text-align:center; box-sizing:border-box; padding:0 10px; position:Relative; }
.n_step li b {display:block; margin-bottom:10px}
.n_step li p {font-size:0.89em; color:#2C2C2C; font-weight:300}
.n_step li p.icon {width:100%; height:100px; display:flex; margin-bottom:56px; align-items:Center; justify-content:center;}

/*동그라미*/
.n_step li:after   {content:' '; width:27px; height:27px; border-radius:50%; background-color:#fff; display:inline-block; position:absolute; top:108px; left:50%; margin-left:-16px; box-shadow:0px 0px 15.1px #6499fb}
/*line*/
.n_step li:before {content:''; width:calc(100% - 2px); height:1px; border-top:2px dotted #6499fb;   display:inline-block; position:absolute; top:120px; left:0;  z-index:-9;  }


.n_step_wrap.type2:after {display:none}
.n_step_wrap.type2 .n_step { position:relative}

/*라운드top*/
.n_step_wrap.type2 .n_step:before {content:''; width:100%; height:calc(100% - 120px); border:2px dotted #6499fb; border-left:none; border-bottom:none;  border-radius:0 20px 0 0; display:inline-block; position:absolute; top:120px; left:0;  z-index:-9; }
/*라운드bottom*/
.n_step_wrap.type2 .n_step + .n_step:before { height:148px;  border-top:none; border-bottom:2px dotted #6499fb; border-radius:0 0 20px 0; top:-26px;  }
/*화살표*/
.n_step_wrap.type2 .n_step li:before   {content:' '; width:15px; height:30px; border-radius:50%; background:url('/common/img/step_arrow.svg') no-repeat; background-size:100%;  display:inline-block; position:absolute; right:0; top:107px; left:auto; border:none}
.n_step_wrap.type2 .n_step li:last-child:before  {display:none }

.n_step_wrap.type2 .n_step.under li:before { transform: rotate(-180deg); }
.n_step_wrap.type2 .n_step.under li:last-child:before   { display:block; transform: rotate(90deg);  top:-30px; right:-8px  }
.n_step_wrap.type2 .n_step li div.text p {line-height:1.1; margin-bottom:7px}

 @media all and (max-width:1547px) {
     .n_step_wrap.type2 .n_step.under li:last-child:before   {  right:calc(-4vw + 11px);  }

}

 @media all and (max-width:900px) {
   .n_step  {flex-wrap:wrap; }
   .n_step li p.icon img  {max-height:50px; max-width:50px;  }
   .n_step_wrap.type2 .n_step {flex-wrap:nowrap; padding:0; }
   .n_step_wrap.type2 .n_step.under li:last-child:before   {  right:-6px;  top:-15% }
   .n_step li p {font-size:0.80em }

}


.new_flex_box h6 {margin-top:15px}
.new_flex_box ul.basic {margin-top:15px}
.new_flex_box div + div {width:50%; flex-shrink:0;   margin-left:auto}
.new_flex_box p { font-size: .96em; font-weight:300}
.new_flex_box h6 {color:#000; font-weight:400;  font-size:1.05em}
.new_flex_box ul li  { font-size: .96em; font-weight:300}

@media all and (max-width:900px) {

		.new_flex_box div  {width:100%; }
		.new_flex_box div + div {width:100%; margin-top:10px;  text-align:center }


}



.img_box {border:1px solid #ddd;  overflow:hidden;  padding:30px; padding-top:60px;  border-radius:20px; display:inline-block; box-sizing:border-box; width:100%; text-align:center; position:relative}
.img_box p {position:absolute; left:20px;   top:20px; display:flex;  text-align:left;width:calc(100% - 40px);   gap:10px; align-items:center}
.img_box p:before {content:''; width:6px; height:6px; border-radius:50%; background-color:#333; }



@media all and (max-width:900px) {
	.img_box {  padding:20px; padding-top:60px; border-radius:10px;  }
	.img_box p {font-size:16px; top:15px; line-height:1.2;}


}