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


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

Site Name : 반응형 디자인 A5
Part : 
Last edit : 2021.01.01
Author : Gautech

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

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


footer {background-color:#202020;}
.footer_wrap { width: 100%; max-width: 1500px;margin:0 auto;position:relative; background-color:#202020; min-height:320px; padding:50px 3%; color:rgba(255,255,255,0.8); letter-spacing:-0.02em;}
.footer_wrap .left { float:left; margin: 0 50px 0 0; }
.footer_wrap .right { float:left; }
.footer_menu { margin-bottom:40px; font-size:16px; font-weight:400; letter-spacing:0.04em;}
.footer_menu img { margin: 0 30px 0 0;}
.footer_menu img:last-child { margin: 0 0 0 0;}
.footer_menu>a { color: #a7a7a7; font-size: 14px; display:inline-block; padding:0 8px 0 30px; }
.footer_menu>a:last-child { color: #a7a7a7; font-size: 14px; display:inline-block; padding:0 8px 0 8px; background-image:url(../images/icon/menu_bar3.png); background-repeat:no-repeat; background-position:0% 50%;}
/*.footer_menu>a:last-child { background-image:none;}*/
.footer_menu>a:nth-last-child(5), .footer_menu>a:nth-last-child(6) { color:#92e9ff;}
.footer_menu>a:nth-child(1) { padding-left:0;}
.footer_tel { margin-bottom:40px; color:#fff;  font-weight:500; font-size:18px; letter-spacing:0.01em;}
.footer_add {font-weight:400; margin-bottom:10px; color:#a7a7a7; font-size:14px;}
.footer_add2 { margin-bottom:50px;}
.footer_copy { font-weight:300; letter-spacing:0.01em; color:#a7a7a7; font-size:13px;}
.footer_copy strong { font-weight:700; margin: 0 3px 0 0;}
.footer_copy span:nth-child(1) { padding: 0 8px 0 0; background-image:none;}
.footer_copy span { padding: 0 8px 0 8px; background-image:url(../images/icon/menu_bar3.png); background-repeat:no-repeat; background-position:0% 100%;}
.footer_add span { padding: 0 8px 0 8px; background-image:url(../images/icon/menu_bar3.png); background-repeat:no-repeat; background-position:0% 100%;}
.footer_add span:nth-child(1) { padding: 0 8px 0 0; background-image:none;}
.footer_right { position:absolute; top:50px; right:0; width:200px; text-align:right;padding-right:3%;}
.footer_right_menu { margin-bottom:0px;}
.footer_right_menu>a { color:#ffd9d9; display:inline-block; padding:0 11px 0 10px; background-image:url(../images/icon/menu_bar3.png); background-repeat:no-repeat; background-position:99% 50%;}
.footer_right_menu>a:last-child { background-image:none; padding-right:0;}
.footer_right_tel { height:122px;margin-bottom:20px; color:#92e9ff; font-family: 'Noto Sans KR', sans-serif; font-size:18px;}
.footer_right_tel_num {}
.footer_right_tel_num>span { display:block;}
.footer_right_tel_num .footer_blog { padding:0 25px 0 0; }
.footer_right_tel_num .footer_facebook { padding:0 7px 0 0; }
.footer_copy br { display:none;}
.footer_add br { display:none;}
.footer_menu br { display:none;}



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

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

.footer_right { position:absolute; top:120px; right:42px; text-align:right;}
.footer_right_tel img{ width:70px; height:70px;}

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

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

.footer_right { position:absolute; top:150px; right:42px; text-align:right;}
.footer_right_tel img{ width:70px; height:70px;}

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

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

.footer_right { display:none;}

}

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

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

footer {}
.footer_wrap { width: 100%; position:relative; background-color:#202020; min-height:270px; padding:50px 40px 50px 40px; color:rgba(255,255,255,0.8); letter-spacing:-0.02em;}
.footer_wrap .left { float:left; margin: 0 50px 20px 0; }
.footer_menu { margin-bottom:30px;}
.footer_menu>a { color:#a7a7a7; display:inline-block; padding:0 8px 0 0; line-height:24px;}
.footer_menu>a:last-child { background-image:url(../images/icon/menu_bar3.png); background-repeat:no-repeat; background-position:0% 50%; padding: 0 0 0 8px;}
.footer_menu>a:nth-last-child(5), .footer_menu>a:nth-last-child(6) { color:#92e9ff;}
.footer_menu>a:nth-child(1) { padding-left:0;}
.footer_tel { margin-bottom:30px; color:#dd2e3d; font-family: 'Noto Sans KR', sans-serif; font-size:18px;}
.footer_tel>span { padding-right:20px;}
.footer_add {}
.footer_add span:nth-child(1) { padding: 0 8px 0 0; background-image: none; }
.footer_add span { padding-left:8px; background-image:url(../images/icon/menu_bar3.png); background-repeat:no-repeat; background-position:0% 100%;}
.footer_add span:last-child { background-image:url(../images/icon/menu_bar3.png); background-repeat:no-repeat; background-position:0% 100%; }
.footer_add2 { margin-bottom:30px;}
.footer_add2>span { padding-right:8px;}
.footer_copy {}

.footer_right { position:absolute; top:170px; right:42px; text-align:right;}
.footer_right_menu {}
.footer_right_tel img{ width:70px; height:70px;}
.footer_right_tel_num {}
.footer_right_tel_num>span { display:block;}
.footer_copy br { display:none;}
.footer_add br { display:none;}
.footer_menu br { display:none;}

}



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

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

footer {}
.footer_wrap { position:relative; text-align: center;line-height: 1.4; background-color:#202020; min-height:320px; padding:30px 20px 30px 20px; color:rgba(255,255,255,0.8); letter-spacing:-0.02em;}
.footer_wrap .left { float:none; margin: 0 0 20px 0; }
.footer_menu { margin-bottom:20px;}

.footer_menu>a:last-child { background-image:none;}
.footer_menu>a:nth-last-child(5), .footer_menu>a:nth-last-child(6) { color:#92e9ff;}
.footer_menu>a:nth-child(1) { padding-left:0;}
.footer_tel { margin-bottom:20px; color:#dd2e3d; font-family: 'Noto Sans KR', sans-serif; font-size:16px;}
.footer_tel>span { padding-right:20px;}
.footer_add {}
.footer_add>span:nth-child(1) { padding-right:15px;letter-spacing: -0.05em;}
.footer_add2 { margin-bottom:20px;}
.footer_add2>span { padding-right:15px;}
.footer_copy {}

.footer_copy br { display:block;}
.footer_add br { display:block;}
.footer_menu br { display:none;}

.footer_right { display:none;}

.footer_copy span:nth-child(2) { padding: 0; background-image:none; }
.footer_add span:nth-child(1) { padding: 0; background-image:none; }

.footer_copy span { padding: 0 8px 0 0; background-image:none; }
.footer_copy span:nth-child(2) { padding: 0 0 0 8px;background-image: url(../images/icon/menu_bar3.png);background-repeat: no-repeat; background-position: 0% 100%; }

.footer_add span { padding: 0 8px 0 0; background-image:none; }
.footer_add span:last-child { padding: 0 0 0 8px;background-image: url(../images/icon/menu_bar3.png);background-repeat: no-repeat;background-position: 0% 90%; }

.footer_menu>a:nth-child(1) { color: #a7a7a7;display: inline-block;padding: 8px 8px 0 0;background-image: none;line-height: 24px; }
.footer_menu>a:last-child { padding: 0 0 0 8px;background-image: url(../images/icon/menu_bar3.png);background-repeat: no-repeat; background-position: 0% 50%; }


.footer_menu>a { width:auto;}

}



/* 450까지 모바일 설정 */

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

	.footer_menu img:nth-child(2), .footer_menu img:nth-child(5) {
		margin: 0 0 0 0;
	}
	.footer_menu br { display:block;}

}