/* GNB 사이즈 재설정 */
.gnb { white-space:nowrap; margin-right:150px; }




.M_visual {background: url(../img/M_visual.jpg) 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 {background-color:#f7f7f7}
  .Need_txtBox {display:inline-block; width:100%; margin:0 0 50px}
    .Need_Left_txtBox {width:30%; font-size:38px; color:black; float:left; line-height:1.2}
    .Need_Left_txtBox span {font-weight:bold; }
    .Need_Right_txtBox { width:65%; font-size:15px; color:#6f6d7f; font-weight:400; float:right; line-height:1.5;}
	.Need_Right_txtBox p { margin-top:0; }
    .Need_Right_txtBox strong {color:black}

  .Need_Top_txtBox {font-size:38px; color:black; font-weight:bold; margin:0}
  .Need_Top_txtBox span {font-weight:400}

  .Need_Chart {position:relative}
  .Need_Chart_Left {padding:0 530px 0 0}
  .Need_Chart_Left p.txt_default {font-size: 15px; color:#6f6d7f;  line-height:1.5; margin:20px 0 0}
  .Need_Chart_Left strong {color:black}

  .Need_Chart_Right {position:absolute; top:0; right:0;}

  .Need_imgCon {height:340px; position:relative}
  .Need_imgCon:after {content:""; position:absolute; top:0; right:0; background-color:black}
    .Need_Img {width:100%; height:278px; position:absolute; left:0;}
    .sub_Need .Need_Img {width:1390px}
    .Need_ImgIn {position:relative; height:100%; background:#010101 url("../img/sub_visual01.jpg") no-repeat center;}
      .Need .iconBox01 {position:absolute; bottom:10px; right: 440px; background-color:#15398c; padding:30px 0; text-align:center; width:250px; box-shadow: 0px 16px 30px 0px rgba(0,55,145,0.5);}
      .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; margin:20px 0 0}

      .Need .iconBox02 {position:absolute; bottom:10px; right:160px; background-color:#00895a; padding:30px 0; text-align:center;  width:250px; box-shadow: 0px 16px 30px 0px rgba(1,115,69,0.5);}
      .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; margin:20px 0 0}

	  .sub_Need_imgCon,
	  .sub_iconBox,
	  .sub_iconBox ul { display: flex; }
	  .sub_Need_imgCon { height: 278px; }
	  .sub_Need_Img { width:48%; background: url(../img/sub_visual02.jpg) 50% 50% no-repeat; }
	  .sub_iconBox { gap:40px; flex:1; align-items:center; justify-content:center; background-color: #2f3d68; }
	  .sub_iconBox ul { gap:30px; align-items:flex-end; font-size: 19px; color: #fff; }
	  .sub_iconBox ul img { display: block; margin:0 auto; }
	  .sub_iconBox li { position: relative; }
	  .sub_iconBox li + li:before { content:'\2022'; position: absolute; bottom:20px; left:-25px; }

     
/* End :  국가 소개 */

/* 메인 */


.Need_Chart_Right {top:60px}

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

.sub_consulting { max-width:700px; }




@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_txtBox {margin:20px 0}
	.Need_Left_txtBox {width:96%; margin:0 0 10px; padding:0 2%; text-align:left}
	.Need_Right_txtBox {width:96%; padding:0 2%; font-size:16px}

	.Need_Top_txtBox  {width:96%; padding:0 2%}
	.Need_Chart {padding:0 2%}
	.Need_Chart_Left {padding:0 370px 0 0}
	.Need_Chart_Right {right:2%}


	.Need_imgCon {margin:0 0 40px}
	.Need_Img {width:100%}
	.Need_ImgIn {background: #010101 url("../img/sub_visual01.jpg") no-repeat left center;}
	.Need .iconBox01 {padding:20px 0; left:20px}
	.Need .iconBox02 {padding:20px 0; left:290px}
	
	.sub_Need_imgCon { height:auto; }	
   .sub_Need_Img { display: none; }
   .sub_iconBox { padding-top: 25px; }

  .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_txtBox {margin:40px 0}
    .Need_Left_txtBox {width:auto; padding:0 12px; margin: 0 0 10px; font-size:24px; text-align:left}
    .Need_Right_txtBox {width:auto; padding:0 12px}
    .Need_Right_txtBox strong {font-size:15px}

    .Need_Top_txtBox {padding:0 12px; font-size:24px}
    .Need_Chart_Left {padding:0}
    .Need_Chart_Left p.txt_default {padding:0 12px}
    .Need_Chart_Right {position:static; text-align:center; margin:40px 0 0; padding:0 12px}
    .Need_Chart_Right img {width:100%; max-width:342px}

    .Need_imgCon {height:278px; margin-bottom:0px;}
    .Need_Img {width:100%; left:0;}
    .Need_ImgIn {background: #010101 url(../img/sub_visual01.jpg) no-repeat 20% center;}
    .Need .iconBox01 {padding: 15px 0; top:30px; bottom:auto; margin:0; left:35px; right:35px; width:auto;}
	.Need .iconBox01 ul {width:100%}
    .Need .iconBox02 {padding: 15px 0; top:150px; right:35px; left:35px; bottom:auto; width:auto}
	.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 { height:auto; }	
   .sub_Need_Img { display: none; }
   .sub_iconBox { display: block; padding:25px 16px 0;  }
   .sub_iconBox  ul { justify-content:center; }

}