/*footer*/
#wrap_footer {clear:both; width:100%; padding:50px 0; overflow:hidden; background: #222222;}
.wrap_footer_sub {border-top:1px solid #ddd;}
.footer {width:100%; max-width: 1400px; margin: 0 auto;}
.footer_box { width:100%; margin:0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 50px;}

.f_left {width: 64%;}
.f_left h3 {margin-bottom:30px;}
.f_left p span {display:block; margin-top:10px;}
.f_left p span strong {font-weight:500;}

.f_select {position:relative; margin-top:10px; width: 36%; text-align: right; ;}
.f_select::after {position:absolute; top:16px; right:10px; content:''; width:10px; height:10px; background: url(/hwagae/main/images/contents/footer_arrow.png)no-repeat;}
.f_select select {width:170px; height:40px; color: #888; border-radius: 0px; border:1px solid #888888; padding-left:10px; box-sizing:Border-box;background: #222222;
 -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.f_select select option { background:#333; color: #999; padding: 10px 0;}

.f_select select::-ms-expand { display:none; }
.footer_menu > ul { display: flex; }
.footer_menu > ul > li { width:20%; }
.footer_menu > ul > li > a { color:#aaaaaa; font-size: 17px;}
.footer_menu > ul > li > .f_sub { padding-top: 20px;  }
.footer_menu > ul > li > .f_sub > .f_sub_menu > li > a { color:#666666; }
.f_sub_menu > li { padding:5px 0; }


.footer_bt { border-top:1px solid #444;}
.footer_bt .footer_box { padding:50px 0 0 0; }
.footer_info > a { color:#aaa; font-size: 17px;}
.footer_sns > a { display: block; width:100%; text-align: right; padding-bottom: 20px;}
.footer_info > a:nth-child(2) { padding-left:30px; }
.footer_info .footer_con *{ color:#888; }
.footer_con { padding-top: 20px; }
.footer_con p span { display: inline-block; padding-top: 10px; font-size: 14px;} 
.footer_sns { display: flex; flex-wrap: wrap; width: 20%; justify-content: flex-end; }

.sns_box a:not(:first-child) { padding-left: 25px; }
.footer_sns a span { color: #aaaaaa; padding-left: 10px; font-size: 17px; font-weight: 600;}


.footer_sns > p { width:100%; }
.footer_sns > p > a {display: flex; justify-content: flex-end; align-items: center; }

.footer_info .footer_con i {font-style:normal;}


.wrap_pop {position:fixed; padding:30px; box-sizing:border-box; top:50%; left:50%; transform:translate(-50%,-50%); max-width:500px; width:95%; background:#fff; border-top:2px solid #5d3cb4; box-shadow:1px 0 10px rgba(0,0,0,0.2);    z-index: 999999; display:none;}
.wrap_pop > div {width:100%; height:494px; overflow-y:auto; }
.wrap_pop > div strong {font-weight:600;}
.wrap_pop > div > h2 {font-size:20px; font-weight:600; color:#5d3cb4; margin-bottom:10px;}
.wrap_pop > span.close {position:absolute; right:-8px; top:-8px; text-align:center; line-height:25px; width:25px; background:#5d3cb4; color:#fff; border-radius:100%; cursor:pointer;}

#dim {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index: 99999; display:none;}




@media screen and (max-width:1660px){
    
.footer {width:100%;  box-sizing:Border-box; position:relative;}
.footer::after {display:block; content:''; clear:both;}
}

@media screen  and (max-width:1450px){
.footer { padding:0 30px; }
}

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

}


/* 태블릿사이즈 */
@media screen  and (max-width:991px){
.f_left { width: 80%; }    
.f_select {position:absolute; top:0; right:30px; margin-top:0; width: 20%;}
.footer_box { width: 100%; }
.footer_sns { width:35%; }
.f_select::after { top:40%; }
}


/* 모바일 */
@media screen and (max-width:767px){
#wrap_footer {padding:10vw 0;}
.f_left h3 {margin-bottom:6vw;}
.f_left h3 img {width:19vw;}
.f_select {right:6vw;  position: relative;  left: 0; text-align: left; width: 100%;}
.f_select select {width:100%; height:10vw; padding-left:4vw; font-size: 3.6vw;}
.f_select::after { top:40%; right:3vw; width:3vw; height:3vw;}

.footer {padding:0 6vw;}
.footer_menu > ul { flex-wrap: wrap; }
.footer_menu > ul > li { width: 33%; padding-bottom: 5vw; }
.footer_menu > ul > li > a { font-size: 3.8vw; }
.footer_menu > ul > li > .f_sub > .f_sub_menu > li > a { font-size: 3.6vw; }
.footer_info > a { font-size: 3.6vw; }
.footer_info .footer_con * { font-size: 3.4vw; }
.f_left p span {margin-top:2vw;}
.f_left { width: 100%; }

.footer_box { padding-bottom: 10vw; }
.footer_bt .footer_box { padding:10vw 0 0 0; }
.footer_sns > a:nth-child(1) { width:40%; text-align: left;}
.footer_sns { width:55%; padding-top: 4vw; justify-content:space-between; text-align: center;}
.footer_sns > a { padding-bottom:0 }
.footer_sns img { vertical-align: middle; }
.footer_sns a span { font-size:3.6vw; }
.f_sub_menu > li { padding:1vw 0; }
.footer_menu > ul > li > .f_sub { padding-top: 0; }

.footer_sns {display:flex;}
.footer_sns > p {text-align:left; margin-bottom:3vw;}

.footer_info .footer_con i {display:block; width:100%; height:0; font-size:0; line-height:0; text-indent:-9999999999px;}

.wrap_pop {padding:6vw; width:80%;}
.wrap_pop > div {height:100vw;}
.wrap_pop > div > h2 {font-size:4vw;}
.wrap_pop > span.close {width:8vw; height:8vw; right:-3vw; top:-3vw;  line-height:8vw;}
}

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

.footer_sns > a:nth-child(1) { width:50%; }
.sns_box { display: flex; width: 100%;}
.sns_box a { display: block; }
.sns_box a img { height:6vw; }
.sns_box a:not(:first-child) { padding-left: 4vw; }

}