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

.M_visual {background: url(../img/M_visual.png) no-repeat; background-size: cover;}

.Map_container_top {max-width:880px; margin:30px auto 0}


/* 메인 국가 선택 부분 추가 */

.confirmBox {max-width:770px}
.confirm_Input_left , .confirm_Input_right {width:43%}

/* 국가 소개 */
  
  .Need_txtBox {display: inline-block; width: 100%; margin:30px 0 50px;}

  .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 :  국가 소개 */

.M_link {margin:20px 0}

.section {padding:0}

.How .main_txt {margin: 100px 0;}

/* 베스트 패키지 */

.sub_best {padding:120px 0 140px}

.best_array {margin:40px 0 0}
.best_array > ul {display:inline-block; width:100%}
.best_array > ul > li {width:33.33%; float:left;}

.pro_array01 {padding:0 46px 0 0}
.pro_array02 {padding:0 23px}
.pro_array03 {padding:0 0 0 46px}

	.arrayNameBox {height:60px; line-height:60px; color:white; font-size:18px; background-color:#6d5f5b; text-align:center; margin:0 0 20px}
	.arrayNameBox.bg_green {background-color:#5b6d67}
	.arrayNameBox.bg_blue {background-color:#5b5c6d}

	.array_process li {margin:0 0 20px; border: 1px solid #bababa;}
		.arrayTop {line-height:34px; color:black; font-size:15px; background-color:#e2e2e2; border-bottom:1px solid #bababa; text-align:center}
		.arrayBot {color:black; font-size:12px; background-color:white; text-align:center}
		.arrayBot .tb {display:table; width:100%}
		.arrayBot .tb .tb_cv {display:table-cell; vertical-align:middle; height:42px; line-height:1.3; padding:0 10px}



@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%;}

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

 .M_visual {padding: 100px 12px 20px !important;} 
 .How {padding: 40px 0 !important;}
 .Process {padding: 0 12px 20px !important}
 .consult {padding: 20px !important;}

 .M_link {margin:0}

/* 베스트 상품 */

.best_array {margin:20px 0 0}
.pro_array01 {padding:0 16px 0 0}
.pro_array02 {padding:0 8px}
.pro_array03 {padding:0 0 0 16px}

.sub_best {padding:40px 20px}



}

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

   .M_visual {background: url(../img/M_visual.png) no-repeat 60%;}

   .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_Chart_Right img {max-width:334px; width:100%}


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

      .M_link {margin:0}

	 .M_visual {padding:70px 12px 20px !important;} 
     .Map , .consult , .Process  {padding:12px !important;}
	 .How {padding:40px 0 !important;}

  
    /* best 패키지 */

    .best_array {margin:20px 0 0}
	.best_array > ul > li {width:100%}
	.pro_array01 , .pro_array02 , .pro_array03 {padding:0}


	/* 국가 선택 */

	.confirm_Input_left , .confirm_Input_right {width:100%}
	.confirm_arrow {display:none}

}