/* BASIC css start */
/* BASIC css start */
#footer{width: 100%; background-color: #2f2f2f;padding: 45px 0; }

#footer>div{}
#footer>div h4{color: #eeeeee; font-family: "돋움","Dotum"; font-size: 12px; font-weight: 600; margin-bottom: 25px;}
#footer>div li{color: #888888;font-size: 12px;font-family: "돋움","Dotum";  font-weight: 400; }

#footer>div li a{color: #888888;}
#footer>div .foot_inner{width: 1200px; margin: 0 auto;}

#footer .f1{}
#footer .f1 .foot_inner{display: flex; flex-direction: row; justify-content: space-between; padding-bottom: 35px;}
#footer .f1 .foot_inner>div{}
#footer .f1 .foot_inner .f1_left{display: flex; gap: 110px;}
#footer .f1 .foot_inner .f1_left>div{}
#footer .f1 .foot_inner .f1_left>div h4{}
#footer .f1 .foot_inner .f1_left>div ul{display: flex; flex-direction:column; gap: 13px;}
#footer .f1 .foot_inner .f1_left>div ul li{}
#footer .f1 .foot_inner .f1_left>div ul li a{display: block; padding-left: 5px;position: relative;}

#footer .f1 .foot_inner .f1_left>div ul li a::after{content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background-color: #ddd; width: 1px;height: 1px; border-radius: 50%;}
#footer .f1 .foot_inner .f1_right{}
#footer .f1 .foot_inner .f1_right h4{margin-bottom: 10px;}
#footer .f1 .foot_inner .f1_right h5{font-family: 'Noto Sans KR', sans-serif; color:#ffd736; font-size: 40px; font-weight: 200; margin-bottom: 10px;}
#footer .f1 .foot_inner .f1_right ul{}
#footer .f1 .foot_inner .f1_right ul li{font-size: 11px;margin: 7px 0;}
#footer .f1 .foot_inner .f1_right ul li:last-child{margin-top: 20px;}
#footer .f2{border-top: 1px solid #454545; border-bottom: 1px solid #454545;}
#footer .f2 .foot_inner{}
#footer .f2 .foot_inner ul{display: flex; justify-content: space-between; }
#footer .f2 .foot_inner ul li{}

#footer .f2 .foot_inner ul li:first-child,
#footer .f2 .foot_inner ul li:last-child{width: auto;}
#footer .f2 .foot_inner ul li > a{display: block; padding: 12px 75px; text-align: center;position: relative; color: #eeeeee; font-size: 13px;}
#footer .f2 .foot_inner ul li > a::after{content: ""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 15px; background-color: #454545;}
#footer .f2 .foot_inner ul li:last-child a::after{display: none;}
#footer .f2 .foot_inner ul li:first-child a{text-align: left;padding-left :0px;}
#footer .f2 .foot_inner ul li:last-child a{text-align: right;padding-right: 0px;}
#footer .f3{}
#footer .f3 .foot_inner{display: flex; justify-content: space-between; align-items: center;}
#footer .f3 .foot_inner ul{padding: 45px 0;}
#footer .f3 .foot_inner ul li{display: inline-block;margin:2px 0px; margin-right: 3px;position: relative; padding-right: 11px;}
#footer .f3 .foot_inner ul li:last-child{margin-top: 13px; color: #666666;}
#footer .f3 .foot_inner ul li:not(.border-none)::after{content: "/"; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#footer .f3 .foot_inner .f_logo{}
#footer .f3 .foot_inner .f_logo a{display: block;}
#footer .f3 .foot_inner .f_logo a img{width: 200px;}




/* 레이어 팝업 */
.pop-layer .pop-container { padding: 0px 0px; } 
.pop-layer p.ctxt { color: #666; line-height: 24px; } 
.pop-layer p.ctxt img {/* width:100%; */} 
.pop-layer .btn-r { width: 100%; margin: 0px 0 10px; padding-top: 6px; border-top: 1px solid #DDD; text-align: right; } 
.pop-layer { display: none; width: 1020px; height: auto; background-color: #fff; border: 1px solid #000; z-index: 10; box-sizing: border-box; } 
a.btn-layerClose { display: inline-block; height: 24px; padding: 0 14px 0; border: 1px solid #000; background-color: #000; font-size: 13px; color: #fff !important; line-height: 22px; } 
a.btn-layerClose:hover { border: 1px solid #f05454; background-color: #f05454; color: #fff; } 
#size_layer{position: absolute;top: 100%; left: 50%; transform: translateX(-50%);}
#store_layer{position:fixed;top:50%;left:50%;transform: translate(-50%, -50%);width: 595px !important;}

/* BASIC css end */