.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:#ff6666 !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}

.gnb {margin: 0 330px 0 0;}
.gnb span.real {font-size:14px}
.gnb ul li a {padding: 0 50px;}

/* 국가 소개 */
 

  .Need_imgCon {position: relative;}
    .Need_ImgIn {height:258px; background:url("../img/sub_visual01.png") no-repeat left}
       .Need_Icon {position:absolute; width:505px; 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}

   .time_txtBox span {background-color: rgba(255,255,255,0.9);}

/* End :  국가 소개 */

/* 메인 */


.Need_Chart.type02 .Need_Chart_Right {top:115px}

.Need_Chart02 {height:165px}
.Need_Chart_Left02 {top:0; left:0; position:absolute}
.Need_Chart_Right02 {padding:0 0 0 400px}
.Need_Chart_Right02 .txt_default {font-size: 15px; color: #555;  font-weight: 500;  line-height: 1.2;  margin: 0 0 10px;}
.Need_Chart_Right02 strong.txt_default {color: black; font-weight: 600;  font-size: 16px;}

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



/* 서브 */

.sub_Need_Left_txtBox {width:47%}
.sub_Need_Right_txtBox {width:50%}

/* 베스트 상품 */

.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}

.best_ChartBox {position:relative;  margin: 0 0 70px;}
.best_ChartBox > p {padding:0 370px 0 0;  margin:0; color:#666; font-size:15px; line-height:1.5;}
.best_ChartBox .best_chart {position:absolute; right:0; top:-50px;}

.best_IconBox {position:relative; margin:0 0 100px}
.best_IconBox .icon_txt {padding:0 0 0 270px;  margin:0; color:#666; font-size:15px; line-height:1.5;}
.best_IconBox .icon_img {position:absolute; top: 0; left:40px;}

.best_AFPBox {margin:0 0 30px; min-height: 93px; position:relative}


.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}
.best_table tbody tr td span {margin:0 0 0 10px; display:inline-block}
.best_table tbody tr td ul li {margin:7px 0}

.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;}

.gnb span.small {font-size:12px}

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

  .gnb {margin:0} 
  .gnb ul {display:inline-block; width:80%; margin:0 10%}
  .gnb ul li {width:50%}
  .gnb ul li a {padding: 0 5px}

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

  .M_visual {background: url(../img/M_visual.png) no-repeat 50%; 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_Chart02 {height:auto}
     .Need_Chart_Right02 {padding:0 12px; margin:20px 0 0}

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

  .BestBox {padding:40px}
  .best_ChartBox , .best_TxtBox {margin:0 0 50px}
  .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}

  .sub_process {width:90%}

}

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

   .M_visual {background: url(../img/M_visual.png) no-repeat 50%; 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_Chart02 {padding:0 12px; margin:30px 0 0; height:auto}
   .Need_Chart.type02 .Need_Chart_Left {padding:0; margin: 0 0 20px;} 
   
   .Need_txtBox {margin:40px 0}
   .Need_Chart_Left , .Need_Chart_Right02 {padding:0}
   .Need_Chart_Left .main_txt {font-size:24px}
   .Need_Chart_Right , .Need_Chart_Left02 {position: static; text-align: center;  margin:20px auto 0; padding: 0 12px;}
   .Need_Chart_Right img {width:100%; max-width:325px}
   .Need_Chart_Left02 img {width:100%; max-width:270px}
  
   .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}

  .sub_Need_Left_txtBox , .sub_Need_Right_txtBox {width:100%;}

  /* 베스트 상품 */

  .BestBox {padding:20px}
  .best_ChartBox > p {padding:0}
  .best_ChartBox .best_chart {margin: 20px 0 0; position:static; text-align:center}
  .best_ChartBox .best_chart img {width:100%; max-width:285px}
  .best_TxtBox.type02 {margin:30px 0 0}
  .best_TxtBox .best_imgBox {position:static; text-align:center; display:inline-block; width:100%; margin:0 0 20px}
  .BestTab ul li a {font-size:12px}

  .One_process ul {padding:0}

  .best_TxtBox .imgTxt {padding:0}

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

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

  .best_IconBox {margin:0 0 30px}
  .best_IconBox .icon_txt {padding:0}
  .best_IconBox .icon_img {text-align:center; position:static;}

  .best_table tbody tr td span {margin:0}
 
  .best_imgBox {position:static; text-align:center; margin:0 0 10px}
  .imgTxt {padding:0}

  .img_container_l .imgBox img {max-width:252px}
  
  .btn_brown.type03 {width:150px;}

}