@charset "utf-8";







/* 1024px ~ ----------- */

/* header */
.header{height:60px; background-color:#fff; border-bottom:1px solid #faf8f9; position:fixed; left:0; right:0; top:0; z-index:10;}
.header .cont_center{position:relative;}

.logo{padding-top:17px; text-align:center;}
.logo a{display:inline-block;}
.logo img{width:101px; margin:0 auto;}


.btn_gnb{display:block; width:32px; height:28px; position:absolute; left:0; top:17px; z-index:3;
  transition:all .4s;
}
.btn_gnb span{display:inline-block; width:32px; height:4px; background-color:#1750a1;
  text-indent:-9999px; position:absolute; right:0; top:12px;
  transition:all .4s;
}
.btn_gnb:before, .btn_gnb:after{display:inline-block; content:""; width:100%; height:4px; background-color:#1750a1;
  position:absolute; left:0;
  transition:all .4s;
}
.btn_gnb:before{top:0;}
.btn_gnb:after{width:20px; bottom:0;}

.btn_gnb.active-1:before{background-color:#000;
  -webkit-transform:translateY(12px) rotate(-45deg);
  transform:translateY(12px) rotate(-45deg);
}
.btn_gnb.active-1 span{opacity:0;}
.btn_gnb.active-1:after{width:100%; background-color:#000;
  -webkit-transform:translateY(-12px) rotate(45deg);
  transform:translateY(-12px) rotate(45deg);
}

.gnb_area{display:none; width:374px; background-color:rgba(23,80,161,0.96); position:absolute; left:-21px; top:60px; z-index:12;}

.gnb_list{}
.gnb_list > li{padding:0 20px; border-bottom:1px solid rgba(255,255,255,0.2);}
.gnb_list > li > a{display:block; font-size:20px; color:#fffefe; font-weight:700; line-height:79px; text-transform:uppercase; position:relative;}
.gnb_list > li > a:after{content:""; display:block; width:19px; height:10px; background-image:url("../images/header/gnb_arrow_down.png");
  position:absolute; right:0; top:35px;

  transition:all .4s;
}

.gnb_sub_list{display:none; padding:15px 46px 40px 46px; margin:0 -20px; background-color:#0d327b;}
.gnb_sub_list li{}
.gnb_sub_list li a{display:block; font-size:20px; color:rgba(255,255,255,0.6); line-height:50px;}
.gnb_sub_list li a:hover, .sub_menu_list li a:focus{color:#fff;}

.gnb_list > .on > a:after{transform:rotate(180deg); transition:all .4s;}
.gnb_list > .on .gnb_sub_list{display:block;}

.gnb_list > .no_2depth:nth-child(odd){background-color:#0d327b;}
.gnb_list > .no_2depth a:after, .gnb_list > li .no_2depth:after{display:none;}


.btn_gnb.active-1 + .gnb_area{display:block;}


.wrap.sub .header .cont_center{width:auto;}
.wrap.sub .btn_gnb{left:50px;}
.wrap.sub .gnb_area{left:0;}


/* container */
.container{padding-top:60px; padding-bottom:130px;}


/* footer */
.footer{height:auto !important; padding-top:18px; padding-bottom:40px; border-top:1px solid #f4f4f4;}

.f_logo{float:left; margin-right:33px;}

.address_copy_area{font-size:12px; color:#666; font-weight:500; position:relative;}

.address_info{margin-bottom:10px;}
.address_info li{display:inline-block; padding-left:16px; margin-left:12px; position:relative;}
.address_info li:first-child{padding-left:0; margin-left:0;}
.address_info li:before{content:""; width:1px; height:8px; margin-top:-4px; background-color:#c7c7c7; 
  position:absolute; left:0; top:50%;
}
.address_info li:first-child:before{display:none;}
.address_info li a{color:#666;}

.f_text_served{display:inline-block; margin-left:10px; font-size:11px; color:#404040; font-weight:500;}
.f_text_served a{color:#404040;}
.f_logo_galilee{display:inline-block; width:61px; height:19px; background-image:url("../images/footer/f_logo_galilee.png");
  text-indent:-9999px;
}

.terms_link_list{margin-bottom:10px;}
.terms_link_list li{display:inline-block; padding-left:13px; margin-left:15px; position:relative;}
.terms_link_list li:before{content:""; width:1px; height:10px; margin-top:-5px; background-color:#e1e1e1; position:absolute; left:0; top:50%;}
.terms_link_list li:first-child{padding-left:0; margin-left:0;}
.terms_link_list li:first-child:before{display:none;}
.terms_link_list li a{font-size:12px; color:#666; font-weight:500;}

.select_language_area{float:right; position:relative; display:none; /* 200602:영문사이트 완료전까지 display:none처리*/}
.select_language_area button{width:89px; height:35px; background-color:#fff; border:1px solid #f7f7f7;
  font-size:12px; color:#777;
}

.layer_select_language{width:281px; height:228px; background-color:#fff; box-shadow:4px 4px 13px rgba(0,0,0,0.1); 
  position:absolute; right:0; bottom:53px; z-index:10; display:none;
}
.layer_select_language strong{display:block; margin:0 20px 0 15px; border-bottom:1px solid #e4e4e4;
  font-size:20px; color:#2c2c2c; line-height:57px;
}

.select_language_list{margin:20px 8px 0 7px; overflow-y:auto;}
.select_language_list li{}
.select_language_list li a{display:block; padding-left:11px; font-size:14px; color:#141414; line-height:33px;}
.select_language_list .select a, .select_language_list li a:hover{background:#f4f4f4 url("../images/footer/arrow_select_language.png") no-repeat 228px center;}

.select_language_area button.open + .layer_select_language{display:block;}

/* 210927 보미쌤 랜딩페이지에서 가져옴 */
.company_name_list{padding-bottom:9px;}
.company_name_list li{display:inline-block; padding-right:15px; margin-right:12px; 
  font-weight:700; color:#bdbdbd; position:relative;
}
.company_name_list li:after{content:""; width:1px; height:12px; margin-top:-6px; background-color:#6a6a6a; 
  position:absolute; right:0; top:50%;
}
.company_name_list li:last-child{padding-right:0; margin-right:0;}
.company_name_list li:last-child:after{display:none;}

.company_info_list{margin-top:8px;}
.company_info_list li{display:inline-block; padding-right:12px; margin-right:10px; font-size:14px; color:#bdbdbd; position:relative;}
.company_info_list li:after{content:""; width:1px; height:12px; margin-top:-6px; background-color:#6a6a6a; 
  position:absolute; right:0; top:50%;
}
.company_info_list li:last-child{padding-right:0; margin-right:0;}
.company_info_list li:last-child:after{display:none;}

.copyright{margin-top:20px; font-size:14px; color:#00c65e;}

.customer_center_call{font-size:30px; color:#bdbdbd; position:absolute; right:0; top:25px;}
.customer_center_call:after{content:""; width:32px; height:32px; background-image:url("../images/footer/icon_call.svg");
  position:absolute; right:-3px; top:-53px;
}
.customer_center_call strong{display:inline-block; padding-left:19px; margin-left:10px; font-weight:800; position:relative;}
.customer_center_call strong:before{content:""; width:1px; height:24px; margin-top:-12px; background-color:#6a6a6a; 
  position:absolute; left:0; top:50%;
}


/* 의뢰하기 레이어 */
.layer_request_area{height:585px; background-color:#f1f1f1; position:fixed; left:0; bottom:-200%; right:0; z-index:9;
   transition:all 0.5s;
}
.layer_request_area.open{bottom:0;}

.close_layer_advice{width:30px; height:30px; text-indent:-9999px; position:absolute; right:30px; top:-50px;}
.close_layer_advice:after, .close_layer_advice:before{content:""; width:2px; height:35px; background-color:#8f8f8f; position:absolute; top:-2px;}
.close_layer_advice:before{left:14px;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}
.close_layer_advice:after{left:14px;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.request_input_area{float:left; width:46.23%; height:585px; padding:28px 27px 0; background-color:#e2e2e2; border-radius:5px;}

.request_input_list{}
.request_input_list li{margin-top:20px;}
.request_input_list li:first-child{margin-top:0;}

.input_request{width:100%; height:50px; padding-left:22px; background-color:#fff; border-radius:5px; 
  font-size:16px; line-height:50px; font-weight:700;
}
.input_request::-webkit-input-placeholder{color:#d2d2d2;}
.input_request::-moz-placeholder{color:#d2d2d2;}
.input_request:-ms-input-placeholder{color:#d2d2d2;}
.input_request:-moz-placeholder{color:#d2d2d2;}

textarea.input_request{height:164px; padding:18px 22px; line-height:1.5;}

.btn_request{margin-top:36px;}
.btn_request a{display:block; height:50px; background-color:#144ea0; border-radius:5px;
  font-size:16px; color:#fff; text-align:center; line-height:50px; letter-spacing:0.25em; font-weight:700;
}


.request_info_area{float:right; width:48.78%; padding-top:40px;}

.text_request_info{font-size:16px; color:#707070; line-height:24px;}

.text_request_list{margin-top:60px; margin-bottom:19px;}
.text_request_list li{float:left; width:31.66%; height:201px; margin-left:2.5%; padding:20px 0 0 17px; border:1px solid #ddd; 
  font-size:14px; color:#141414; line-height:20px;
}
.text_request_list li:first-child{margin-left:0;}
.text_request_list strong{display:block; margin-bottom:17px; font-size:14px; color:#333; font-weight:700;}


.d_check{display:inline-block; position:relative;}
.d_check input[type="checkbox"]{opacity:0; position:absolute; left:0; top:0;}
.d_check label{display:inline-block; padding-left:40px; 
  font-size:14px; color:#141414; cursor:pointer; position:relative;
}
.d_check label:before{content:""; width:26px; height:26px; margin-top:-13px;
  background-color:#fff; border:1px solid #c6d2e5; border-radius:5px;
  position:absolute; left:0; top:50%;
}

.d_check input[type="checkbox"]:checked + label:before{background:#144ea0 url("../images/icon/check_on.png") no-repeat center center; border-color:#144ea0;}

.btn_top{position:fixed; right:30px; bottom:90px; z-index:5;}




/* ~ 1024px ----------- */
@media only screen 
and (max-width : 1024px)
{

	.btn_gnb{left:30px;}

	.gnb_area{overflow-y:auto; position:fixed; left:0; bottom:0;}

	.layer_request_area .cont_center{padding:0 30px 0 0;}

	.wrap.sub .btn_gnb{left:30px;}

	.logo{text-align:right;}

	.footer{height:155px; position:relative;}

	.select_language_area{position:absolute; left:87px; bottom:30px;}
	
	.customer_center_call{margin-top:20px; position:static;}
	
}



/* ~ 767px ----------- */
@media only screen 
and (max-width : 767px)
{
	

	/* header */
	.header{height:45px; border-bottom:1px solid #fdfdfd;}

	.logo{padding-top:11.5px; text-align:right;}
	.logo img{width:85px;}


	.btn_gnb{width:13px; height:12px; top:16px; left:15px;}
	.btn_gnb span{width:13px; height:2px; top:5px;}
	.btn_gnb:before, .btn_gnb:after{height:2px;}
	.btn_gnb:after{width:8px;}

	.btn_gnb.active-1:before{
	  -webkit-transform:translateY(5px) rotate(-45deg);
	  transform:translateY(5px) rotate(-45deg);
	}
	.btn_gnb.active-1:after{width:100%;
	  -webkit-transform:translateY(-5px) rotate(45deg);
	  transform:translateY(-5px) rotate(45deg);
	}

	.gnb_area{display:none; width:243px; left:0; top:45px;}

	.gnb_list > li{padding:0 15px;}
	.gnb_list > li > a{font-size:13px; line-height:51px;}
	.gnb_list > li > a:after{width:13px; height:7px; background-size:100%; top:23.5px;}

	.gnb_sub_list{padding:13px 16px 30px 16px; margin:0 -15px;}
	.gnb_sub_list li a{font-size:14px; line-height:32px;}


	.wrap.sub .btn_gnb{left:15px;}


	/* container */
	.container{padding-top:45px; padding-bottom:90px;}


	/* footer */
	.footer{height:auto; padding-top:14px;}

	.f_logo{margin-right:28px;}
	.f_logo img{width:22px;}

	.address_copy_area{line-height:22px;}

	.address_info li{display:block; margin-right:0; line-height:19px;}
	.address_info li:nth-child(3), .address_info li:nth-child(4){display:inline-block;}
	.address_info li:nth-child(4){margin-left:15px;}

	.copyright{font-size:10px; line-height:16px;}
	.f_text_served{font-size:10px;}
	.f_logo_galilee{width:49px; height:15px; background-size:100%; vertical-align:middle;}
	
	.select_language_area{left:65px;}
	.select_language_area button{width:81px;}

	.layer_select_language{bottom:50px; left:0; right:auto;}
	
	.customer_center_call{font-size:16px;}
	.customer_center_call strong:before{height:12px; margin-top:-6px;}



	/* 의뢰하기 레이어 */
	.layer_request_area{height:auto;}
	.layer_request_area .cont_center{height:450px; padding:0; overflow-y:auto;}

	.close_layer_advice{width:30px; height:30px; right:15px; top:-50px;}
	.close_layer_advice:after, .close_layer_advice:before{content:""; width:2px; height:35px; top:-2px;}
	.close_layer_advice:before{left:14px;
	  -webkit-transform:rotate(45deg);
	  transform:rotate(45deg);
	}
	.close_layer_advice:after{left:14px;
	  -webkit-transform:rotate(-45deg);
	  transform:rotate(-45deg);
	}

	.request_input_area{float:none; width:100%; height:auto; padding:14px;}

	.request_input_list li{margin-top:10px;}

	.input_request{width:100%; height:25px; padding-left:11px; font-size:13px; line-height:25px;}

	textarea.input_request{height:70px; padding:11px;}

	.btn_request{margin-top:20px;}
	.btn_request a{display:block; height:50px; background-color:#144ea0; border-radius:5px;
	  font-size:16px; color:#fff; text-align:center; line-height:50px; letter-spacing:0.25em; font-weight:700;
	}

	.request_info_area{float:none; width:100%; padding:20px 15px 20px;}

	.text_request_info{font-size:13px; line-height:22px;}

	.text_request_list{margin-top:30px; margin-bottom:10px;}
	.text_request_list li{height:170px; padding:10px 0 0 10px; 
	  font-size:12px; line-height:18px;
	}
	.text_request_list strong{margin-bottom:10px; font-size:12px;}


	.d_check label{padding-left:20px; font-size:12px;}
	.d_check label:before{width:13px; height:13px; margin-top:-7.5px;}

	.d_check input[type="checkbox"]:checked + label:before{background-size:9.5px;}


	.btn_top{right:15px; bottom:80px;}
}



/* 가로모드 ----------- */
@media only screen 
and (orientation : landscape)
{
	.layer_request_area .cont_center{height:200px;}
}