﻿@charset "utf-8";
/* CSS Document */


/* CSS Information ----------------------------------------

Site Name : 최고급형 E
Part : 
Last edit : 2022
Author : Gautech

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100,300,400,500,700,900)
font-family: 'OmniGothic', sans-serif; (400)
font-family: 'Roboto', sans-serif; (100,300,400,500,700,900)
font-family: 'Noto Serif KR', serif; (100,300,400,500,700,900)

--------------------------------------------------------- */





footer>h2 { display:none;}
.footer_logo { display:inline-block; float:left;color:#7f7f7f; background-color:#ffffff; padding-right:80px;}
.footer_wrap { display:inline-block; float:left;width:calc(100% - 304px); height:100%; color:#7f7f7f; background-color:#ffffff; padding:0 0 80px 0;}

.footer_menu { position:relative; width:100%; text-align: left; padding:40px 0px 0px 0px; }
.footer_menu_box { display:flex; vertical-align:top; width:100%; height:auto; padding:0;}
.footer_menu_title { font-size:20px; font-weight:500; margin-bottom:10px; width:100%; text-align:left;}
.footer_menu_title2 { font-size:60px; font-weight:700; letter-spacing:-0.04em; width:100%; text-align:left;}
.footer_menu_txt { font-size:20px; color:rgba(0,0,0,0.5); width:100%; margin-bottom:20px; text-align:left;}

.footer_box { display: flex; align-items: baseline; width:25%; height:auto; padding:0; text-align:left; }
.footer_box:nth-child(1) { flex:1.6 }
.footer_box:nth-child(2) { flex:1.5 }
.footer_box:nth-child(3) { flex:1.4 }
.footer_box:nth-child(4) { flex:0.9 }
.footer_box .txt-img { display:inline-block; padding:0; color:rgba(0,0,0,0.8);float:left;padding-right: 10px;}
.footer_box .txt-txt { display:inline-block; padding:0; text-align:left; color:#122246;font-weight:600;font-size: 16px; margin-top: -6px;
float:left;}
.footer_box .txt-img span {
    display: inline-block;
    height: 100%;
    width: 100%;
    padding: 0px 2px;
	margin-bottom: 10px;
    position: relative;
    font-size: 14px;
    color: #fff;
    background-color: #122246;
}

.footer_select select:focus {outline:none;}
.footer_select select {width:100%;}

.footer_quick { position:relative; width:100%; text-align: left; padding:0 120px 20px 0px; border-bottom: solid 1px #e5e5e5; }
.footer_quick_box { display:flex;align-items: flex-end; vertical-align:top; width:100%; height:auto; padding:0;}
.quick_box { display:inline-block; width:25%; height:auto; padding:0; text-align:left; }
.quick_box:nth-child(1) { flex:4 }
.footer_select { flex:1; margin-left: 20px; }
.quick_box .quick-txt { display:inline-block; padding:0; text-align:left; color:#555555;font-weight:400;font-size: 16px; margin-top: -6px;float:left; padding-right: 20px;}
.quick_box .quick-txt .blue { color:#106cad;}



.footer_box>span { font-size:14px; line-height:47px;}
.footer_box>span>a { display:inline; font-size:14px; text-decoration:underline; margin-left:5px; color:#7f7f7f;}
.footer_input_line { display:inline-block; vertical-align:top; font-size:14px; padding:10px;}
.footer_input_line_left { width:30%; line-height:30px;}
.footer_input_line_right { width:70%;}
.footer_box2 { display:inline-block; vertical-align:top; width:82%; height:auto; padding:0; margin:1%; text-align:left; border-bottom:1px solid rgba(255,255,255,0.1); }
.footer_input_line2 { display:inline-block; vertical-align:top; font-size:14px; padding:10px;}
.footer_input_line_left2 { width:100%;}
.footer_input_line_right2 { width:100%;}
.footer_input_line_inputbox { border:none; width:100%; height:30px; font-size:14px; background-color:rgba(255,255,255,0.05);}
.footer_input_line_area { border:none; width:100%; height:100px; font-size:14px; background-color:rgba(255,255,255,0.05);}
.footer_input_line_checkbox { display:inline; width:18px; height:18px;}
.footer_box_btn { display:block; width:100%; padding:10px 0; text-align:center; font-size:18px; background-color:#1270a6; color:#fff;}

.footer_menu_box>.footer_box:nth-child(6), .footer_menu_box>.footer_box:nth-child(7) { border:none; padding:10px;}

.footer_bottom { width:100%; text-align:left; padding:0  120px 0 0px;}
.footer_txt {     
	display: flex;
    width: 100%;
    padding: 0 0 10px 0;
    line-height: 10px;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 50px;
    flex-wrap: wrap;
}
.footer_txt>span { margin-right:20px; line-height: 1.5;}
.footer_copy { width:100%; padding:0; line-height:20px;}




/* 1024 ~ 768까지 태블릿 설정 */

@media screen and (max-width:1024px){


footer>h2 { display:none;}

.footer_wrap { width:100%; height:100%; color: #7f7f7f; background-color:#fff; padding:60px 0px 60px 0;}

.footer_menu { position:relative; width:100%; text-align: left; padding:40px 0 0 0; font-size:0;}
.footer_menu_box { display:inline-block; vertical-align:top; width:100%; height:auto; padding:20px 0 0 0; text-align:left;}
.footer_menu_title { font-size:16px; font-weight:500; margin-bottom:10px; width:100%; text-align:left;}
.footer_menu_title2 { font-size:45px; font-weight:700; letter-spacing:-0.04em; width:100%; text-align:left;}
.footer_menu_txt { font-size:16px; color:rgba(255,255,255,0.5); width:100%; margin-bottom:40px; text-align:left;}

.footer_box { display:inline-block; vertical-align:top; width:48%; height:auto; padding:0; text-align:left; border-bottom:1px solid rgba(255,255,255,0.1); font-size:0;}
.footer_box>span { font-size:14px; line-height:47px;}
.footer_box>span>a { display:inline; font-size:14px; text-decoration:underline; margin-left:5px; color:#ffad85;}
.footer_input_line { display:inline-block; vertical-align:top; font-size:14px; padding:10px;}
.footer_input_line_left { width:30%; line-height:30px;}
.footer_input_line_right { width:70%;}
.footer_box2 { display:inline-block; vertical-align:top; width:98%; height:auto; padding:0; margin:1%; text-align:left; border-bottom:1px solid rgba(255,255,255,0.1); font-size:0;}
.footer_input_line2 { display:inline-block; vertical-align:top; font-size:14px; padding:10px;}
.footer_input_line_left2 { width:100%;}
.footer_input_line_right2 { width:100%;}
.footer_input_line_inputbox { border:none; width:100%; height:30px; font-size:14px; background-color:rgba(255,255,255,0.05);}
.footer_input_line_area { border:none; width:100%; height:100px; font-size:14px; background-color:rgba(255,255,255,0.05);}
.footer_input_line_checkbox { display:inline; width:18px; height:18px;}
.footer_box_btn { display:block; width:100%; padding:10px 0; text-align:center; font-size:16px; background-color:#1270a6; color:#fff;}

.footer_menu_box>.footer_box:nth-child(6), .footer_menu_box>.footer_box:nth-child(7) { border:none; padding:10px;}

.footer_bottom { width:100%; text-align:left; padding:0; margin-top:0px;}
.footer_txt { width:100%; padding:0 0 20px 0; line-height:20px; border-top:1px solid rgba(255,255,255,0.1); padding-top:50px;}
.footer_txt>span { margin-right:20px;}
.footer_copy { width:100%; padding:0; line-height:20px;}
.footer_quick {
    position: relative;
    width: 100%;
    text-align: left;
    padding: 0 0 20px 0;
    border-bottom: solid 1px #e5e5e5;
}
.quick_box {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 0;
    text-align: left;
}
.footer_quick_box {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto;
    padding: 0;
}
.quick_box .quick-txt {
    width:33.33333%;
	font-size:16px;	
	padding: 0 0 10px 0;
}
.footer_select{
	display:inline-block;
	float:left;
    width:50%;
	margin-left: 0px;
}
.footer_select.r-20 {
	padding-right: 10px;
}
.footer_select select {
    width: 100%;
}
.footer_box .txt-txt {
    display: inline-block;
    padding: 0;
    text-align: left;
    color: #122246;
    font-weight: 500;
    font-size: 16px;
    margin-top: -6px;
    float: left;
}
.footer_box .txt-img span {
    display: inline-block;
    height: 100%;
    width: 100px;
	text-align:center;
    padding: 0px 2px;
    margin-bottom: 10px;
	margin-top: -3px;
    position: relative;
    font-size: 14px;
    color: #fff;
    background-color: #122246;
}
}




/* 1280 ~ 1024까지 태블릿 설정 */

@media screen and (max-width:1400px) {

	.footer_quick_box {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		height: auto;
		padding: 0;
	}
	.quick_box {
		display: flex;
		width: 100%;
		height: auto;
		padding: 0;
		text-align: left;
	}
	.footer_select select {
		width: 100%;
	}
	.footer_select {
		display: inline-block;
		float: left;
		width: 50%;
		margin-left: 0px;
		padding-top: 10px;
	}
	.footer_select.r-20 {
		padding-right: 10px;
	}
	.footer_box {
		align-items: baseline;
		width: 50%;
		height: auto;
		padding: 0;
		float:left;
		text-align: left;
	}
	.footer_menu_box {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		height: auto;
		padding: 0;
	}
	.footer_menu_box div:nth-child(1), .footer_menu_box div:nth-child(2) {
		padding-bottom: 10px;
	}
	.footer_menu_box {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		height: auto;
		padding: 0;
	}
}


/* 767 ~ 320까지 모바일 설정 */

@media screen and (max-width:767px){


footer>h2 { display:none;}
.footer_logo { display:inline-block; float:left;color:#7f7f7f; background-color:#ffffff; padding-left:20px; }
.footer_wrap { width:100%; height:auto; color:#7f7f7f; background-color:#ffffff; padding:50px 20px;}

.footer_menu { position:relative; width:100%; text-align: left; padding:20px 0 0 0; font-size:0;}
.footer_menu_box { display:inline-block; vertical-align:top; width:100%; height:auto; padding:0; text-align:left;}
.footer_menu_title { font-size:13px; font-weight:500; margin-bottom:10px; width:100%; text-align:left;}
.footer_menu_title2 { font-size:34px; font-weight:700; letter-spacing:-0.04em; width:100%; text-align:left;}
.footer_menu_txt { font-size:13px; color:rgba(255,255,255,0.5); width:100%; margin-bottom:20px; text-align:left;}

.footer_box { display:inline-block; vertical-align:top; width:100%; height:auto; padding:0; text-align:left; border-bottom:1px solid rgba(255,255,255,0.1); font-size:0;}
.footer_box>span { font-size:14px; line-height:47px;}
.footer_box>span>a { display:inline; font-size:13px; text-decoration:underline; margin-left:5px; color:#ffad85;}
.footer_input_line { display:inline-block; vertical-align:top; font-size:13px; padding:5px 0;}
.footer_input_line_left { width:100%; line-height:1.2; padding:0;}
.footer_input_line_right { width:100%;}
.footer_box2 { display:inline-block; vertical-align:top; width:98%; height:auto; padding:0; margin:1%; text-align:left; border-bottom:1px solid rgba(255,255,255,0.1); font-size:0;}
.footer_input_line2 { display:inline-block; vertical-align:top; font-size:13px; padding:5px 0;}
.footer_input_line_left2 { width:100%; line-height:1.2; padding:0;}
.footer_input_line_right2 { width:100%;}
.footer_input_line_inputbox { border:none; width:100%; height:30px; font-size:13px; background-color:rgba(255,255,255,0.05);}
.footer_input_line_area { border:none; width:100%; height:100px; font-size:13px; background-color:rgba(255,255,255,0.05);}
.footer_input_line_checkbox { display:inline; width:18px; height:18px;}
.footer_box_btn { display:block; width:100%; padding:10px 0; text-align:center; font-size:13px; background-color:#1270a6; color:#fff; margin:1% 0 4% 0;}

.footer_menu_box>.footer_box:nth-child(6), .footer_menu_box>.footer_box:nth-child(7) { border:none; padding:0; margin:0; width:100%;}

.footer_bottom { width:100%; text-align:left; padding:0; margin-top:20px;}
.footer_txt { display: flex;width:100%; padding:0 0 20px 0; line-height:20px; border-top:1px solid rgba(255,255,255,0.1); padding-top:0px;flex-wrap: wrap;}
.footer_txt>span { margin-right:10px;}
.footer_copy { width:100%; padding:0; line-height:20px;}

.footer_quick {
    position: relative;
    width: 100%;
    text-align: left;
    padding: 0 0 20px 0;
    border-bottom: solid 1px #e5e5e5;
}
.quick_box {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 0;
    text-align: left;
}
.footer_quick_box {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto;
    padding: 0;
}
.quick_box .quick-txt {
    width:50%;
	font-size:16px;
	padding: 0 0 10px 0;
}
.footer_select{
	display:inline-block;
	float:left;
    width:50%;
	margin-left: 0px;
}
.footer_select.r-20 {
	padding-right: 10px;
}
.footer_select select {
    width: 100%;
}
.footer_box .txt-txt {
    display: inline-block;
    padding: 0;
    text-align: left;
    color: #122246;
    font-weight: 500;
    font-size: 16px;
    margin-top: -6px;
    float: left;
}

.footer_box .txt-img span {
    display: inline-block;
    height: 100%;
    width: 100px;
	text-align:center;
    padding: 0px 2px;
    margin-bottom: 10px;
	margin-top: -3px;
    position: relative;
    font-size: 14px;
    color: #fff;
    background-color: #122246;
}
}