/****************************************/
/*	Name:  Press Arbitration Commission
/*	PART: custom STYLE
/*	Version: 5
/*	Author: [내가그린기린그림 퍼블리싱팀] 이어령
/****************************************/

/* 공용 footer css */
.new-inner {max-width: 1200px; margin:0 auto; position: relative !important;}
.row:before, .row:after {display: block; content: ''; clear: both;}

.custom-select {position: relative;}
.custom-select > a {height: 60px; line-height: 60px; display: block; cursor:pointer; border-left:1px solid #373737; color:#a4a4a4; font-size: 15px; font-weight: bold; background: url(../images/renew/up.png) no-repeat 95% 50%; padding-left: 5%; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; padding-right: 20px;}
.custom-select ul {display: none; bottom: 60px; left:0;right: 0; background: #202020; padding: 20px;position: absolute; z-index: 60;border:1px solid #373737; max-height: 240px; overflow-y: auto}
.custom-select ul li {}
.custom-select ul li a {display: block; padding:5px 0; color:#818181;}
.custom-select ul li a:hover {color:#ffae13; text-decoration: underline;}
.custom-select ul li:last-child {padding-bottom: 20px}
.custom-select a.on {background-image: url(../images/renew/down.png)}

.new-foot-link {background: #3e3e3e;}
.u4 {width: 33.33%; float: left}
.u4:last-child {width: 33.34%}

#new-foot {background: #2f2f2f;}
#new-foot:before, #new-foot:after {display: block; content: ''; clear: both;}
#new-foot .point-yel{color:#ffae13 !important;}
.new-address {display: block; width: 680px}
.new-address, .new-address a {color:#818181;}

.logo_f {padding:65px 40px; float: left;display: block;}
.finfo {color:#4b4b4b;padding:40px 10px; float: left}
.finfo .fnb ul {overflow:hidden; padding-bottom: 20px}
.finfo .fnb ul li {display: inline;}
.finfo .fnb ul li:before {display: inline-block; width: 4px; height: 4px; content: '';background: #818181; margin:auto 20px; vertical-align: 3px;border-radius: 50%}
.finfo .fnb ul li:first-child:before {display: none}
.finfo .fnb ul li a {color:#818181; font-weight: 600;}
.finfo .fnb ul li a:hover {color: #fff; text-decoration: underline;}
.new-address {font-size: 0}
.new-address span {display: inline-block; position: relative; margin-right: 26px; font-size: 1rem; margin-bottom: 10px}
.new-address span:before {content: ''; position: absolute; top:2px; bottom: 2px; right:-13px; width: 1px; background: #4b4b4b;display: block;}
.new-address span:lest-child {margin-right:0}
.new-address span:last-child:before {display: none;}

.new-sns {position: absolute; right: 0; top:70px;}
.new-sns ul {overflow:hidden;}
.new-sns ul li {float:left;margin-left:10px;}
.new-sns ul li a {display: block; width: 55px; height:55px; background:url(../images/renew/blog.png) no-repeat 50% 50%; opacity: 0.7; border-radius: 50%; cursor: pointer; text-indent: -9999px; text-align: left; overflow:hidden; transition: 0.3s;}
/* .new-sns ul li a:hover {opacity: 1} */
.new-sns ul li.nsns02 a {background-image: url(../images/renew/facebook.png)}
.new-sns ul li.nsns03 a {background-image: url(../images/renew/youtube.png)}
.new-sns ul li.nsns04 a {background-image: url(../images/renew/kakao.png)}

.new-sns ul li.jst_1.nsns05 a{background-image: url(../images/renew/online_edu.png)}
.new-sns ul li.jst_1.nsns05 a:hover {opacity: 1; background-image: url(../images/renew/online_edu_h.png)}

.new-sns ul li.nsns06 a {background-image: url(../images/renew/youtube2.png)}

.new-sns ul li.nsns07 a {background-image: url(../images/renew/youtube_default.png)}
.new-sns ul li.nsns08 a {background-image: url(../images/renew/kakao_default.png)}
.new-sns ul li.nsns09 a {background-image: url(../images/renew/blog_default.png)}
.new-sns ul li.nsns07 a:hover {background-image: url(../images/renew/youtube_hover.png)}
.new-sns ul li.nsns08 a:hover {background-image: url(../images/renew/kakao_hover.png)}
.new-sns ul li.nsns09 a:hover {background-image: url(../images/renew/blog_hover.png)}
/* 서브 */
.new-sns ul li.jst_1.nsns05.sub a{
	background-image: url(../images/renew/online_edu_s.png);
}
.new-sns ul li.jst_1.nsns05.sub a:hover {
	opacity: 1;
	background-image: url(../images/renew/online_edu_s_h.png);
}

@media screen and (max-width: 1219px){
	.new-inner {max-width: 955px}
	.finfo {float: none} 
	.new-sns {top: 30px;} 
}

@media screen and (max-width: 979px){
	.new-inner {max-width: 590px}
	.logo_f {float: none; padding:40px 20px; text-align: left;}
	.logo_f img {width:80px;}
	.new-sns {top:40px;}
	.finfo {padding-top: 0}
	.new-address{width:100%;}
}

@media screen and (max-width: 659px){
	.finfo .fnb ul li {padding-bottom: 7px; display: inline-block; margin:0;}
	.finfo .fnb ul li::before {margin:0 5px;}
	.new-address {width: 100%}
	.new-address span {display: inline-block; position: relative; margin-right: 12px; font-size: 1rem; margin-bottom: 10px}
	.new-address span:before {display: none}
	.new-sns {right: 20px; top:20px;}
	.new-sns ul li a {width: 40px; height: 40px; background-size: 40px;}
	#new-foot .new-inner {max-width:100%}
	.finfo {padding:0 20px 30px;}
	.logo_f {padding:20px;}
}