/* BASIC css start */
/* 오른쪽퀵버튼 */
#fix_pagescroll {position:fixed;right: -50px;bottom:80px;z-index:99999;  -webkit-transition:all 1s;moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
#fix_pagescroll.active {right:20px;bottom:80px;}
.updown > div {margin-top:5px;opacity:1;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.updown > div:hover {opacity:1;}
.updown div.r_icon { cursor:pointer; position:relative; width:38px;height:38px; line-height:38px; background-color:#fff; border:1px solid #ddd; border-radius:50%;-webkit-border-radius:50%; -moz-border-radius:50%; text-align:center; box-sizing:border-box;}
.updown div.r_icon i {font-size:14px;color:#999;}
.updown img { width:38px;height:38px; }

#sideFixBtn a { cursor:pointer; position: absolute; right: -112px; transition: 0.3s; padding: 0px; width: 150px; height: 40px; text-decoration: none; font-size: 12px; font-weight: bold; border-radius: 50px; color:rgba(255,255,255,0); }
#sideFixBtn a:hover { right: 0; opacity:1; }
#sideFixBtn img { height: 40px; width: auto; vertical-align: middle; border-radius: 50px; }

#sideFixBtn a.sideFixJkids { bottom: 176px; background-color: rgba(255,255,255,0); border:1px solid rgba(255,255,255,0); padding:-1px } 
#sideFixBtn a.sideFixJkids:hover {background: rgba(255,255,255,1); border:1px solid #222; color:#222; }
#sideFixBtn a.sideFixJkids img { padding:5px; height:40px; border:1px solid #222; } 
#sideFixBtn a.sideFixJkids:hover img {border:0px solid #222;}

#sideFixBtn a.sideFixNaver { bottom: 131px; }
#sideFixBtn a.sideFixNaver:hover { background-color: #00c63b; color:#fff; }

#sideFixBtn a.sideFixKakao { bottom: 86px; }
#sideFixBtn a.sideFixKakao:hover { background-color: #ffe712; color: #222; }


#footer{background-color: #f8f8f8; width: 100%; margin-top: 90px;} 
#footer .foot_inner{width: 1500px; margin: 0 auto;}
#footer .foot_inner>div{}
#footer .foot_inner .foot_top{display: flex; justify-content: space-between; padding: 70px 0 95px;}
#footer .foot_inner .foot_top>div{}
#footer .foot_inner .foot_top>div h4{color: #272727; font-size: 15px;font-family: 'Noto Sans KR', sans-serif; font-weight: 600 ; margin-bottom: 20px;}
#footer .foot_inner .foot_top>div li,/*{font-family: 'Noto Sans KR', sans-serif; margin-bottom: 10px;}*/
#footer .foot_inner .foot_top>div li a{font-family: 'Noto Sans KR', sans-serif;color: #707070; font-size: 13px; font-weight: 400; margin-bottom:10px;}
#footer .foot_inner .foot_top .f1{width: 25%;}
#footer .foot_inner .foot_top .f1 .f_logo{}
#footer .foot_inner .foot_top .f1 .f_logo a{}
#footer .foot_inner .foot_top .f1 .f_logo a img{width: 100%; max-width: 250px;}
#footer .foot_inner .foot_top .f1 p{font-family: 'Montserrat', sans-serif; color: #000 ;font-size: 15px; font-weight: 500; line-height: 1.6; margin: 15px 0 30px;}
#footer .foot_inner .foot_top .f1 a.join_now{font-family: 'Montserrat', sans-serif; display: inline-block; background-color: #222; color: #fff; font-size: 14px; font-weight: 500; padding: 15px 25px;}
#footer .foot_inner .foot_top .f2{width: 10%;}
#footer .foot_inner .foot_top .f2 h5{font-family: 'Montserrat', sans-serif; color: #222222; font-size: 26px; font-weight: 800; margin-bottom: 6px;}
#footer .foot_inner .foot_top .f2 ul{display: flex; gap: 0 7px;}
/*#footer .foot_inner .foot_top .f2 ul li:first-child::after{ content: ""; display: block; width: 1px; height: 10px; background-color: #d2d2d2; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}*/
#footer .foot_inner .foot_top .f2 ul li{font-family: 'Montserrat', sans-serif; position: relative; padding-right: 8px; color: #707070; font-size: 13px;line-height: 20px; font-weight: 500;}
#footer .foot_inner .foot_top .f2 h6{font-family: 'Montserrat', sans-serif;color: #222222; font-size: 22px; font-weight: 500; }
#footer .foot_inner .foot_top .f3{}
#footer .foot_inner .foot_top .f3 h4{}
#footer .foot_inner .foot_top .f3 h6{font-family: 'Montserrat', sans-serif;color: #222222; font-size: 22px; font-weight: 500; }
#footer .foot_inner .foot_top .f3 ul{}
#footer .foot_inner .foot_top .f3 ul li{}
#footer .foot_inner .foot_top .f3 ul li a{}
#footer .foot_inner .foot_top .f4{}
#footer .foot_inner .foot_top .f4 h5{font-family: 'Montserrat', sans-serif; color: #222222; font-size: 26px; font-weight: 800; margin-bottom: 6px;}
#footer .foot_inner .foot_top .f4 h4{}
#footer .foot_inner .foot_top .f4 ul{}
#footer .foot_inner .foot_top .f4 ul li{}
#footer .foot_inner .foot_top .f4 ul li a{}
#footer .foot_inner .foot_top .f5{}
#footer .foot_inner .foot_top .f5 h4{}
#footer .foot_inner .foot_top .f5 ul{}
#footer .foot_inner .foot_top .f5 ul li{}
#footer .foot_inner .foot_top .f5 ul li a{}
#footer .foot_inner .foot_top .f6{}
#footer .foot_inner .foot_top .f6 h4{}
#footer .foot_inner .foot_top .f6 ul{}
#footer .foot_inner .foot_top .f6 ul li{}
#footer .foot_inner .foot_top .f6 ul li a{}
#footer .foot_inner .foot_bottom{ border-top: 1px solid #dcdcdc; padding: 40px 0 80px;}
#footer .foot_inner .foot_bottom ul.f_menu{display: flex; margin-bottom: 15px; gap: 14px;}
#footer .foot_inner .foot_bottom ul.f_menu li{position: relative; padding-right: 15px;}
#footer .foot_inner .foot_bottom ul.f_menu li:last-child::after{display: none;}
#footer .foot_inner .foot_bottom ul.f_menu li::after{content: ""; display: block; width: 1px; height: 10px; background-color: #d2d2d2; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#footer .foot_inner .foot_bottom ul.f_menu li a{color: #8a8a8a; font-size: 13px;display: block; font-weight: 500;font-family: 'Noto Sans KR', sans-serif;}
#footer .foot_inner .foot_bottom ul.f_info{display: flex; width: 60%; flex-wrap: wrap; gap: 5px 14px;}
#footer .foot_inner .foot_bottom ul.f_info :is(li,a){color: #8a8a8a; font-size: 13px; font-weight: 500;font-family: 'Noto Sans KR', sans-serif;}

/* BASIC css end */

