/* ================== reset css ================== */
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, input, textarea, button, section {
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family:"Noto Sans KR","Nanum Gothic",sans-serif;
}
body, input, textarea, select, table, button {
	font-weight:normal;
}
textarea, select {font-family:"Noto Sans KR","Nanum Gothic",sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#666;text-decoration:none}
a:hover, a:focus {text-decoration:none;}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../../../public/front/img/select_arr.png) no-repeat 95% 50%;}
select::-ms-expand {display:none;}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus, input[type=date]:focus, input[type=date]:focus-visible {
/*-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
border:none !important;*/
outline:none !important;
box-shadow:none !important;
-webkit-box-shadow:0 0 0 0 white inset;
}
a, a:hover, a:focus {text-decoration:none;cursor:pointer}
:hover {-webkit-transition:all 0.14s ease-in-out;-moz-transition:all 0.14s ease-in-out;-o-transition:all 0.14s ease-in-out;transition:all 0.14s ease-in-out;}
/* 드래그 스타일 */
::-moz-selection {color:#2e2b2b;background:#ffd401;}
::selection {color:#2e2b2b;background:#ffd401;}
/*  스크롤 스타일 */
::-webkit-scrollbar {width:6px;height:8px}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-thumb {width:6px;height:8px;-webkit-border-radius:3px;border-radius:3px;background:#676767;}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb:window-inactive {background:rgba(0,0,0,0.4);}

body{padding:0;/*background-image:url('https://source.unsplash.com/featured/?dog,cat')*/background-color:#fff;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;min-height:100vh}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active 
{transition:background-color 5000s ease-in-out 0s;-webkit-transition:background-color 9999s ease-out;-webkit-box-shadow:0 0 0px 1000px white inset !important;}
section {width:100%}

.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.scroll_hidden {overflow:hidden;width:100%;height:100vh;touch-action:none;}

footer {display:flex;width:100%;height:100%;min-height:230px;/*max-height:240px;*/padding:60px 90px;word-break:break-all;flex-direction:row;justify-content:space-between;align-items:stretch;overflow:hidden}
footer > div {display:flex;flex-direction:column;justify-content:space-between;height:initial;}
footer > div:first-child{max-width:910px/*1015px*/}
footer > div:last-child {align-items: flex-end;}
footer ol, footer ul {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;padding:0;margin:0;}
footer ol li {list-style:none;word-break:keep-all;display:flex;flex-direction:row;align-items:center;margin:0 50px 0 0}
footer ol li a {font-size:17px;line-height:23px;color:#000;font-weight:300;}
footer ol li a:hover {font-weight:400;}
footer ul {margin-top:10px}
footer ul li {font-size:14px;line-height:22px;color:#717171;font-weight:300;list-style:none;text-align:center;word-break:keep-all;display:flex;flex-direction:row;align-items:center;margin:0 15px 0 0}
footer ul li span {color:#4e4e4b;padding:0 3px;font-weight:400;}
footer ul li a {color:#5e5e5e;text-decoration:underline;text-decoration-color:#cececb;}
footer ul li a:hover, footer ul li a:focus {color:#3c3c3c;text-decoration:underline;text-decoration-color:#ffd401;}
footer .family_site {position:relative;width:180px;height:50px;padding:0 22px;border:1px solid #e7e7e7;border-radius:7px;}
footer .family_site .btn.arr.selec.up:after  {background:url(../img/arr_sellet02.png);}
footer .family_site div:first-child span {width:100%;font-size:14px;color:#1c1c1c;line-height:50px;font-weight:300;letter-spacing:0.5px;cursor:pointer}
footer .family_site .site_list {position:absolute;top:42px;right:-1px;width:calc(100% + 2px);padding:0 22px;background:#fff;border-radius:0 0 7px 7px;border:1px solid #e7e7e7;border-top:0;display:none}
footer .family_site .site_list dd{padding:2px 0}
footer .family_site .site_list dd:first-child{padding-top:7px}
footer .family_site .site_list dd:last-child {padding-bottom:7px}
footer .family_site .site_list a {display:block;width:100%;font-size:14px;color:#000;font-weight:200;letter-spacing:0.5px;line-height:25px;}

@keyframes down {0%{transform:translateY(-50px)}100%{transform: translateY(0px)}}

@media (max-width:1290px){
footer {padding:35px 60px;min-height:0;}
footer ul {margin:20px 0 0}
footer .family_site {width:160px;height:45px}
footer .family_site div:first-child span {font-size:13px;line-height:45px;}
}
@media (max-width:860px){
footer{max-height:100vh}
footer > div:last-child > div:first-child {display:none;}
}
@media (max-width:790px){
footer{flex-direction:column;justify-content:center;align-items:center;padding:40px 0 35px;}
footer > div {width:100%}
footer ol, footer ul {justify-content:center;align-items:center;}
footer ul {margin:20px 0;padding:0 20px}
footer ol li {margin:0 15px}
footer > div:last-child {align-items:center}
}
@media (max-width:500px){
footer ol {margin:-10px 0;padding:0 20px}
footer ol li {margin:10px 10px}
}