.M_visual {background: url(../img/M_visual.png) no-repeat; background-size: cover; padding:0; height:826px}
.M_visual_imgCon {position:relative}

.per_txt {color:#e03337 !important}
.per_bg {background-color:#e03337 !important}
.per_btn {background-color:#e03337 !important; border:1px solid #e03337 !important; color:white; transition:0.3s all ease}
.per_btn:hover {background-color:white !important; color:#e03337 !important}

.mobAll_list ul li a:hover {background-color:#e03337; border:1px solid #e03337}

/* 국가 소개 */


  .Need_imgCon {position: relative;} 
    .Need_ImgIn {height:258px; background:url("../img/sub_visual01.png") no-repeat left}
       .Need_Icon {position:absolute; width:504px; height:100%; right:0; top:0;}
       .Need_IconIn {background-color:#393954; padding:50px 0 0; height: 208px; position: relative; text-align: center;}
       .Need_IconIn .main_txt {color:white;margin:0;font-size:20px; text-align: center;background-color:#009ff0 ;display:inline-block; padding:20px 0; width:90%}

        .Need .iconBox01 {position:absolute; bottom:45px; left:38px; text-align:center;}
        .Need .iconBox01 ul {display:inline-block;}
        .Need .iconBox01 ul li {float:left; padding:0 12px; text-align:center; position:relative}
     .Need .Need_imgCon ul li.first {padding-left:0}
     .Need .Need_imgCon ul li.last {padding-right:0}
       .Need .iconBox01 ul li:after {content:"ㆍ"; position: absolute; bottom: -3px; left: -12px; color: white; font-size: 24px;}
       .Need .iconBox01 ul li:first-child:after {display:none}
       .Need .iconBox01 ul li p {color:white; font-size:20px; font-weight:400; margin:15px 0 0}

       .Need .iconBox02 {position:absolute; bottom:45px; right:38px; text-align:center;}
       .Need .iconBox02 ul {display:inline-block;}
       .Need .iconBox02 ul li {float:left; padding:0 12px; text-align:center; position:relative}
       .Need .iconBox02 ul li:after {content: "ㆍ"; position: absolute; bottom: -3px; left: -12px; color: white; font-size: 24px;}
       .Need .iconBox02 ul li:first-child:after {display:none}
       .Need .iconBox02 ul li p {color:white; font-size:20px; font-weight:400; margin:15px 0 0}
 
  .sub_Need_imgCon {position:relative}
  .sub_Need_imgCon .Need_Icon {width:546px; background-color:#2f3d68}
  .sub_Need_imgCon .Need_IconIn {padding:0; height:278px; background-color:#2f3d68;}
  
  .sub_vi02 {background: url("../img/sub_visual02.png") no-repeat left; height:278px}
  .sub_vi03 {background: url("../img/sub_visual03.png") no-repeat left; height:278px}

  .sub_bg02 {background-color:#2f3d68 !important}
  .sub_bg03 {background-color:#333366 !important}

  .sub_Need_imgCon .iconBox01 {position:absolute; top:108px; left:60px; text-align:center;}
	.sub_Need_imgCon .iconBox01 ul {display:inline-block;}
	.sub_Need_imgCon .iconBox01 ul li {float:left; padding:0 12px; text-align:center; position:relative}
 .sub_Need_imgCon .Need_imgCon ul li.first {padding-left:0}
 .sub_Need_imgCon .Need_imgCon ul li.last {padding-right:0}
   .sub_Need_imgCon .iconBox01 ul li:after {content:"ㆍ"; position: absolute; bottom: -3px; left: -12px; color: white; font-size: 24px;}
   .sub_Need_imgCon .iconBox01 ul li:first-child:after {display:none}
   .sub_Need_imgCon .iconBox01 ul li p {color:white; font-size:20px; font-weight:400; margin:15px 0 0}

   .sub_Need_imgCon .iconBox02 {position:absolute; top:108px; right:60px; text-align:center;}
   .sub_Need_imgCon .iconBox02 ul {display:inline-block;}
   .sub_Need_imgCon .iconBox02 ul li {float:left; padding:0 12px; text-align:center; position:relative}
   .sub_Need_imgCon .iconBox02 ul li:after {content: "ㆍ"; position: absolute; bottom: -3px; left: -12px; color: white; font-size: 24px;}
   .sub_Need_imgCon .iconBox02 ul li:first-child:after {display:none}
   .sub_Need_imgCon .iconBox02 ul li p {color:white; font-size:20px; font-weight:400; margin:15px 0 0}
     
/* End :  국가 소개 */

/* 메인 */


.Need_Chart_Right {top:60px}

.confirm .txt03 , .confirm .txt03 strong {color:white}



/* 서브 */

/* 베스트 상품 */

.BestTab ul {overflow:hidden;}
.BestTab ul li {float:left; width:50%; text-align:center; background-color:white; font-size:20px; height:58px; line-height:1.5; display:table}
.BestTab ul li a {color:#a3a3a3; border-bottom: 4px solid black; display:table-cell; vertical-align:middle; padding:4px 10px 0}
.BestTab ul li.on {background-color:black;}
.BestTab ul li.on a {color:white}

.BestBox {padding:70px 105px; background-color:white; display:none}
.BestBox.on {display:block}

.sub_best_txt {font-size:18px; color:black; font-weight:bold; margin:0 0 30px; line-height:1.3}

.best_TxtBox {position:relative; min-height:81px; margin:0 0 70px}
.best_TxtBox .best_imgBox {position:absolute; top:0; left:0;}
.best_TxtBox p {padding:10px 0 10px 142px; color:#666; font-size:15px; line-height:1.5; margin:0}
.best_TxtBox.type02 p.txt01 {padding:5px 0 0 120px}
.best_TxtBox.type02 p.txt02 {margin:25px 0 0; padding:0}
.best_TxtBox.type02 p.txt01 strong , .best_TxtBox.type02 p.txt02 strong {color:#333399}

.best_table {width:100%; margin:10px 0; border:1px solid #646464; border-top:2px solid black}
.best_table thead tr th {background-color: #dedede;border-left: 1px solid #a1a1a1;font-weight:600;color:#555555;font-size:16px;padding:17px 0;}
.best_table thead tr th:first-child {border-left:0}
.best_table thead tr td {padding:10px; text-align:center}
.best_table tbody tr:first-child th {border-top:0;}
.best_table tbody tr td:first-child {border-left:0}
.best_table tbody tr td {padding:14px 10px; line-height:1.3; background-color:White;color:black;font-size:14px;text-align:center;border-left: 1px solid #a2a2a2;border-top:1px solid #a2a2a2;}
.best_table tbody tr td.bl {border-left:1px solid #a2a2a2}

.sub_process {margin:20px 0 0 35px !important}
.Process_ProBox.sub_process ul:after {left:-33px}
.Process_ProBox.sub_process ul.bot_process:before {left:-35px}

.Process_ProBox.sub_process ul li:before {left: 90px;}
.Process_ProBox.sub_process ul li .main_txt {text-indent: 81px;}
.Process_ProBox.sub_process ul li .sub_txt {margin: 0 0 70px 82px;}

@media all and (min-width:640px) and (max-width:1100px){/* tablet */

  .topBu_L a img {max-width:275px}

  .M_visual {background: url(../img/M_visual.png) no-repeat 60%; padding:0 20px; height: 600px;}

  .time_txtBox span {background-color:rgba(255,255,255,0.8); font-size:15px;}

  .Need {padding:0}

     .Need_Chart {padding:0 12px}

	 .Need_txtBox {margin:40px 0}
	 .Need_Chart_Left {padding:0}
	 .Need_Chart_Left .main_txt {font-size:34px}
	 .Need_Chart_Right {position: static; text-align: center;  margin:20px auto 0; padding: 0 12px;}

  .BestBox {padding:40px}
  .One_process ul {padding:0}
  .best_TxtBox {margin:0 0 20px}
  .BestTab ul li {font-size:13px}

  .Process_ProBox.sub_process ul li .main_txt {text-indent:1px}
  .Process_ProBox.sub_process ul li:before {left:11px}
  .Process_ProBox.sub_process ul li .sub_txt {margin:0 0 50px 0}
  .Process_ProBox.sub_process ul:after {left:-30px}
  .Process_ProBox.sub_process ul.bot_process:before {left:-33px}

}

@media all and (max-width:640px) { /* phones */

   .M_visual {background: url(../img/M_visual.png) no-repeat 80%; padding: 0 12px 20px; height: auto;}

   .time_txtBox span {background-color:rgba(255,255,255,0.8); font-size:15px;}

   .Need {padding:0}

   .Need_Chart {padding:0 12px}

   .Need_txtBox {margin:40px 0}
   .Need_Chart_Left {padding:0}
   .Need_Chart_Left .main_txt {font-size:24px}
   .Need_Chart_Right {position: static; text-align: center;  margin:40px auto 0; padding: 0 12px;}

   .Need_imgCon {height:auto}
   .Need_Img {display:none}

   .Need_Icon {width:100%; position:static}
   .sub_Need .Need_Icon {width:100%}
     .Need_IconIn {height:auto; padding: 20px 0}
     .Need_imgCon.type02 .Need_IconIn , .Need_imgCon.type03 .Need_IconIn {padding:0}
     .Need_imgCon.type02 .iconBox01, .Need_imgCon.type02 .iconBox02 , .Need_imgCon.type03 .iconBox01, .Need_imgCon.type03 .iconBox02 {margin:0; display:block}
     .Need .iconBox01 {padding:15px 0; width: auto;   position: static;}
     .Need .iconBox01 ul {width:100%}
     .sub_Need.Need .iconBox01 ul, .sub_Need.Need .iconBox02 ul {margin:0}
       .Need .iconBox02 {padding:5px 0; width: auto;   position: static;}
     .Need .iconBox02 ul {width:100%}
       .Need .iconBox01 ul li , .Need .iconBox02 ul li {padding:0; width:33.33%}
       .Need .iconBox01 ul li p , .Need .iconBox02 ul li p {font-size:16px}

     .sub_Need_imgCon .Need_ImgIn {height:auto}
	 .sub_Need_imgCon .Need_IconIn {height:auto; padding:10px 0} 
     .sub_Need_imgCon .iconBox01 {padding:15px 0; width: auto;   position: static;}
     .sub_Need_imgCon .iconBox02 {padding:5px 0; width: auto;   position: static;}
     .sub_Need_imgCon .iconBox01 ul , .sub_Need_imgCon .iconBox02 ul {width:100%}
       .sub_Need_imgCon .iconBox01 ul li ,  .sub_Need_imgCon .iconBox02 ul li {padding:0; width:33.33%}
       .sub_Need_imgCon .iconBox01 ul li p , .sub_Need_imgCon .iconBox02 ul li p {font-size:16px}

  /* 베스트 상품 */

  .BestBox {padding:20px}
  .best_TxtBox , .One_process {margin:0 0 30px}
  .best_TxtBox .best_imgBox {position:static; text-align:center; display:inline-block; width:100%; margin:0 0 20px}
  .BestTab ul li {font-size:14px}
  .One_process ul {padding:0}
  
  .sub_best_txt {font-size:16px; margin:0 0 20px}

  .best_TxtBox p , .best_TxtBox.type02 p.txt01 {padding:0; font-size:14px}

  .sub_process {margin:0 0 20px !important}

  .Process_ProBox.sub_process ul.bot_process:before {left: auto; right: 0;}


  .best_table thead tr th {font-size:14px}
  .best_table tbody tr td {font-size:13px; padding: 7px 10px;}

  .Process_ProBox.sub_process ul li .sub_txt {margin:0 0 10px 15px}
  .Process_ProBox.sub_process ul li:before {left:-6px}
  .Process_ProBox.sub_process ul li .main_txt {text-indent:0; margin:10px 4px}

}

.sub_consulting { max-width:85%; } /* 미국 현지 아포스티유 신청하기 테이블 사이즈 조정을 위한 스타일 2020-09-10 */