/*푸터 영역*/
#footer { clear:both; border-top:solid 1px #e6e5df; /*margin-top:40px;*/ font-size:12px; font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic'; }
#footer .quick { background:#ff7d7d; padding:20px 0; }
#footer .quick .inner { max-width:1190px; margin:0 auto; padding:0 10px; position:relative; }
#footer .quick .inner .logo { position:absolute; top:15px; left:10px; margin-top:-15px; }
#footer .quick .inner .util { font-size:0px; display:block; text-align:center; }
#footer .quick .inner .util li { display:inline-block; /* background:url(/newhome/asset/images/commons/bottom_util_line.png) no-repeat right center;*/ padding:0 15px 0 12px; color:#777777; font-size:16px; font-weight:normal; letter-spacing:-0.5px;}
#footer .quick .inner .util li a { color:#777777; font-size:16px; font-weight:normal; }
#footer .quick .inner .util li a:hover { color:#fff;  }
#footer .quick .inner .util li select{ font-size:13px;line-height:-1px;}
#footer .quick .inner .util li.last { background:none; margin-top:10px;}

#footer .quick .inner .util li #links_box {
    position: relative;
    width: 200px;
    height: 40px;
    background: url(/newhome/asset/images/commons/select_arrow.png) 180px center no-repeat; /* 화살표 이미지 */
	/* background-color:#000; */
	border: 4px solid #E9DDDD;
}

#footer .quick .inner .util li #links_box label {
    position: absolute;
    font-size: 15px;
/*    color: #a97228;*/
    color: #fff;
	font-weight:bold;
	top: 9px;
    left: 12px;
    letter-spacing: -0.5px;
}

#footer .quick .inner .util li #links_box select#color {
    width: 100%;
    height: 40px;
    min-height: 40px;
    line-height: 40px;
    padding: 0 10px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE 8 */
}


#footer .info { padding:0 10px;}
#footer .info_pad1 { padding-top:20px;}
#footer .info .inner { max-width:1190px; margin:0 auto; width:100%;}

#footer .info .inner .area1 {float:left;}
#footer .info .inner .area1 > li {float:left; padding:20px 0px 36px; margin-right:35px;}
#footer .info .inner .area1 > li:last-child {margin-right:0;}

#footer .info .inner .area2 {float:right;}
#footer .info .inner .area2 > li {float:left; width:148px; padding:25px 0 40px; margin-right:10px;}
#footer .info .inner .area2 > li:last-child {margin-right:0;}
#footer .info .inner .area2 .but1 {clear:both; padding-left:8px; font-size:13px; line-height:36px; color:#4d4b45; border:solid 1px #bbbbbb; cursor:pointer;}
#footer .info .inner .area2 select {width:100%; height:38px; padding-left:8px; vertical-align:middle; font-size:13px; color:#4d4b45; background-color:#ffffff; border:1px solid #bbbbbb; background-image:url('/newhome/asset/images/commons/dot_arrow1.png'); background-repeat:no-repeat; background-position:right center; cursor:pointer; -webkit-appearance:none;}

#footer .info .inner h6 { display:block; color:#777777; font-size:20px; font-weight:bold; margin-bottom:18px;  padding-left:24px; }
#footer .info .inner .company {}
#footer .info .inner .company li {display:block; color:#777777; font-size:12px; line-height:20px; letter-spacing:-0.5px; }
#footer .info .inner .company li.copyright_area1 {}
#footer .info .inner .company li.copyright_area2 {display:none; }
#footer .info .inner .company li.space { height:8px; }

#footer .info .inner .useinfo { line-height:25px;  padding-left:24px; }
#footer .info .inner .useinfo li { display:block; color:#777777; font-size:14px; }
#footer .info .inner .useinfo li.space { height:8px; }
#footer .info .inner .useinfo li a { font-weight:normal; letter-spacing:-0.5px;}
#footer .info .inner .local { font-weight:normal; letter-spacing:-1px;}
#footer .info .inner .useinfo li a i { color:#888;}

#footer .info .inner .useinfo2 { line-height:25px;  padding-left:24px; }
#footer .info .inner .useinfo2 li { display:block; color:#777777; font-size:12px; letter-spacing:-0.8px;}

#footer .info .inner .media { padding-left:24px; }
#footer .info .inner .media li { position:relative; height:115px; margin-bottom:20px; } 
#footer .info .inner .media li > div { margin-left:190px; }
#footer .info .inner .media li > a { position:absolute; top:0px; left:0px; display:block; }
#footer .info .inner .media li > div h5 { color:#4d4b45; font-size:15px; color:#777777;  font-weight:800; margin:0px 0 15px 0; padding:6px 8px 0 0; height:18px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
#footer .info .inner .media li > div p { font-size:13px; color:#777777;  line-height:22px; padding-right:8px; height:68px;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
#footer .info .inner .media li.last { margin-bottom:15px; }

#footer .info .inner > li.first { background:none; }
#footer .info .inner > li.first h6 { padding-left:0px; letter-spacing:-2px;}
#footer .info .inner > li.first .company { line-height:21px;  padding-left:0px; }
#footer .copyright {padding:0 10px; }
#footer .copyright .inner { max-width:1190px; margin:0 auto; padding:0 10px; color:#777777; font-size:12px; line-height:20px; letter-spacing:-0.5px;}


#footer .info1 {padding:0 30px; overflow:hidden;}
#footer .info1 .inner {max-width:1190px; margin:0 auto; width:100%; padding:0 0 70px;}
#footer .info1 .inner .area1 {float:left; width:40%;}
#footer .info1 .inner .area1 .logo {padding:60px 0 20px;}
#footer .info1 .inner .area1 .logo .img1 {display:inline;}
#footer .info1 .inner .area1 .logo .img1o {display:none;}
#footer .info1 .inner .area1 .copyright {float:left; margin-bottom:70px;}
#footer .info1 .inner .area1 .copyright li {display:block; margin-bottom:8px; font-family:'notokr-regular'; font-size:16px; line-height:100%; letter-spacing:-0.35px;}
#footer .info1 .inner .area1 .copyright li:last-child {margin-bottom:0px;}
#footer .info1 .inner .area2 {float:right; width:60%; padding:50px 0 0;}
#footer .info1 .inner .area2 dd {overflow:hidden; text-align:right;}
#footer .info1 .inner .area2 .menu {float:right; padding:4px 0 0;}
#footer .info1 .inner .area2 .menu li {float:left; margin-right:2px;}
#footer .info1 .inner .area2 .menu li:last-child {margin-right:0px;}
#footer .info1 .inner .area2 .menu li label a {display:inline-block; font-size:20px; line-height:100%; font-family:'notokr-regular'; color:#303030; display:block; padding:10px 15px; letter-spacing:-0.5px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
#footer .info1 .inner .area2 .menu li label a:hover { font-family:'notokr-medium'; color:#fff100; background-color:#f4f4f6;}
#footer .info1 .inner .area2 .but_area {float:right; padding:25px 0 0;}
#footer .info1 .inner .area2 .but_area li {float:left; margin-right:12px;}
#footer .info1 .inner .area2 .but_area li:last-child {margin-right:0px;}
#footer .info1 .inner .area2 .but_area li a {display:inline-block; overflow:hidden; font-size:17px; line-height:100%; font-family:'notokr-regular'; color:#ffffff; padding:12px 25px; letter-spacing:-0.5px; border:1px solid #ffffff; -webkit-border-radius:500px; -moz-border-radius:500px; border-radius:500px;}
#footer .info1 .inner .area2 .but_area li a:hover {background-color:#4d4d4d;}
#footer .info1 .inner .area2 .sns {float:right; padding:22px 0 0;}
#footer .info1 .inner .area2 .select {float:right; padding:25px 0 70px;}
#footer .info1 .inner .area2 .select li {float:left; margin-right:20px;}
#footer .info1 .inner .area2 .select li:last-child {margin-right:0px;}
#footer .info1 .inner .area2 .select li select {width:200px; height:60px; padding-left:25px; vertical-align:middle; font-size:17px; background-color:#ffffff; border:1px solid #505050; background-image:url('/newhome/asset/images/commons/select_arrow1.png'); background-repeat:no-repeat; background-position:right center; cursor:pointer; -webkit-border-radius:500px; -moz-border-radius:500px; border-radius:500px; -webkit-appearance:none;}
#footer .info1 .inner .area2 .select li select:hover {color:#ffffff; background-color:#5C5C5C; border:1px solid #5C5C5C; background-image:url('/newhome/asset/images/commons/select_arrow1o.png');}

/* 푸터 영역 - 매인페이지 일때 */
#footer.index_type { background:#000000; border-top:solid 0px #e6e5df}
#footer.index_type .info1 .inner .area1 .logo .img1 {display:none;}
#footer.index_type .info1 .inner .area1 .logo .img1o {display:inline;}
#footer.index_type .info1 .inner .area1 .copyright li {color:#888888;}
#footer.index_type .info1 .inner .area2 .menu li label a {color:#ffffff;}
#footer.index_type .info1 .inner .area2 .menu li label a:hover {color:#fff100; background-color:#333333;}
#footer.index_type .info1 .inner .area2 .select li select {color:#ffffff; background-color:#000000; border:1px solid #ffffff; background-image:url('/newhome/asset/images/commons/select_arrow1o.png');}
#footer.index_type .info1 .inner .area2 .select li select:hover {color:#ffffff; background-color:#4d4d4d; border:1px solid #4d4d4d; background-image:url('/newhome/asset/images/commons/select_arrow1o.png');}


/* sns - 푸터 */
#footer .sns_area {overflow:hidden; clear:both;}
#footer .sns_area li {float:left; width:43px; height:43px; margin-right:12px; border:1px solid #ffffff; background-color:#000000; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-border-radius:500px; -moz-border-radius:500px; border-radius:500px; cursor:pointer;}
#footer .sns_area li a {display:inline-block; width:45px; height:45px}
#footer .sns_area li:last-child {margin-right:0;}

.footer_blank1 { clear:both; height:80px;}


.footer_menu {position:fixed; left:0; bottom:0; z-index:11; clear:both; width:100%; height:54px; border-top:solid 1px #f0f0f0; background-color:#f9f9f9;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);}
.footer_menu .inner { max-width:1190px; margin:0 auto; }
.footer_menu .inner li {float:left; width:25%; vertical-align:top; height:-webkit-calc(54px - 34px); height:-moz-calc(54px - 34px); height:calc(54px - 34px); text-align:center; padding-top:34px; font-size:12px; line-height:100%; font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic'; color:#222222; background-repeat:no-repeat; background-position:center 8px; background-size:22px 22px; cursor:pointer; transition:0.3s;}
.footer_menu .inner li.icon1 {background-image:url('../images/commons/fixed_icon1.png');}
.footer_menu .inner li.icon1:hover {background-image:url('../images/commons/fixed_icon1o.png');}
.footer_menu .inner li.icon2 {background-image:url('../images/commons/fixed_icon2.png');}
.footer_menu .inner li.icon2:hover {background-image:url('../images/commons/fixed_icon2o.png');}
.footer_menu .inner li.icon3 {background-image:url('../images/commons/fixed_icon3.png');}
.footer_menu .inner li.icon3:hover {background-image:url('../images/commons/fixed_icon3o.png');}
.footer_menu .inner li.icon4 {background-image:url('../images/commons/fixed_icon4.png');}
.footer_menu .inner li.icon4:hover {background-image:url('../images/commons/fixed_icon4o.png');}
.footer_menu .inner li.icon5 {background-image:url('../images/commons/fixed_icon5.png');}
.footer_menu .inner li.icon5:hover {background-image:url('../images/commons/fixed_icon5o.png');}
.footer_menu .inner li.icon6 {background-image:url('../images/commons/fixed_icon6.png');}
.footer_menu .inner li.icon6:hover {background-image:url('../images/commons/fixed_icon6o.png');}

.footer_menu_blank1 { clear:both; height:55px;}



/* 미디어쿼리 */

@media all and (max-width: 1190px) {
	
	#footer .info1 {}
	#footer .info1 .inner {}
	#footer .info1 .inner .area1 {width:50%;}
	#footer .info1 .inner .area1 .logo {padding:50px 0 50px;}
	#footer .info1 .inner .area1 .copyright {margin-bottom:50px; padding:0;}
	#footer .info1 .inner .area1 .copyright li {margin-bottom:6px; font-size:14px;}
	#footer .info1 .inner .area2 {width:50%; padding:60px 0 0;}
	#footer .info1 .inner .area2 .menu {padding:4px 0 0;}
	#footer .info1 .inner .area2 .menu li {margin-right:0px;}
	#footer .info1 .inner .area2 .menu li label a {font-size:14px; padding:3px 6px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
	#footer .info1 .inner .area2 .but_area {}
	#footer .info1 .inner .area2 .but_area li a {font-size:14px;}
	#footer .info1 .inner .area2 .sns {padding:22px 0 0;}
	#footer .info1 .inner .area2 .select {padding:25px 0 0;}
	#footer .info1 .inner .area2 .select li {margin-right:20px;}
	#footer .info1 .inner .area2 .select li select {width:150px; height:47px; font-size:14px; background-size:auto 10px;}
}

@media all and (max-width: 730px) {

	#footer_block_container {
	display:-webkit-box;
	display:-moz-box;
	display:box;
	
	-webkit-box-orient:vertical;
	-moz-box-orient:vertical;
	box-orient:vertical;
	}
	#footer_block1 {
	-webkit-box-ordinal-group:2;
	-moz-box-ordinal-group:2;
	box-ordinal-group:2;
	}
	#footer_block2 {
	-webkit-box-ordinal-group:1;
	-moz-box-ordinal-group:1;
	box-ordinal-group:1;}

	#footer .info1 {padding:0 20px;}
	#footer .info1 .inner {padding:0 0 35px;}
	#footer .info1 .inner .area1 {width:100%; float:none;}
	#footer .info1 .inner .area1 .logo {padding:30px 0 20px;}
	#footer .info1 .inner .area1 .copyright {margin-bottom:0; padding:0;}
	#footer .info1 .inner .area1 .copyright li {margin-bottom:6px; font-size:14px;}
	#footer .info1 .inner .area2 {width:100%; float:none; padding:45px 0 0;}
	#footer .info1 .inner .area2 .menu {float:left; padding:3px 0 0;}
	#footer .info1 .inner .area2 .menu li {margin-right:0px;}
	#footer .info1 .inner .area2 .menu li label a {padding:4px 5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
	#footer .info1 .inner .area2 .but_area {float:left;}
	#footer .info1 .inner .area2 .sns {float:left; width:100%; padding:22px 0 0;}
	#footer .info1 .inner .area2 .sns li { margin-right:8px;}
	#footer .info1 .inner .area2 .select {float:left; padding:25px 0 0;}
	#footer .info1 .inner .area2 .select li {margin-right:10px;}
	
	
	.footer_blank1 {height:40px;}
	
}