@charset "utf-8";

/* header */
header { 
    display:flex; position:fixed; z-index:20; width:100%; height:70px; background-color:#FFFFFF; border-bottom:1px solid var(--gray700); 
    margin:0 auto; padding:0px 20px 0px 20px; justify-content:space-between; box-sizing:border-box; align-items:center; 
}

/* left menu */
header .left_area { display:flex; justify-items:left; }
header .left_area .menu_box{ display:flex; justify-content:space-between; align-items:center; }

/* logo */
header .left_area .menu_box .logobox a { margin-left:10px; cursor:pointer; font-family:"Fredericka the Great", serif; font-weight:400; background:#FFF; border:0px; margin:0px; padding:10px 0px; color:var(--black_19); font-size:28px; letter-spacing:-1px; }

/* right menu */
header .right_area { margin-left:auto; display:flex; justify-content:space-between; gap:12px; }

header .right_area .btn_company { display:inline-block; width:36px; height:36px; background:url(/images/comm/header_icon_group.svg) -144px 0; }

header .right_area .btn_alarm{ display:inline-block; width:36px; height:36px; background:url(/images/comm/header_icon_group.svg) -36px 0; }
header .right_area .btn_alarm.-new{ background-position-x:-72px; }

header .right_area .btn_member{ display:inline-block; width:36px; height:36px; background:url(/images/comm/header_icon_group.svg) -108px 0; }
header .right_area .btn_member_layer { z-index:40; position:absolute; top:60px; right:10px; width:200px; border:1px solid var(--gray700); border-radius:8px; padding:12px 0; display:flex; gap:1px; flex-direction:column; background:#fff; }
header .right_area .btn_member_layer > a { padding:12px 16px; color:var(--gray200); font-size:16px; }
header .right_area .btn_member_layer > a:hover { color:var(--black_19); background-color:var(--gray750); }
header .right_area .btn_member_layer .blanks_box { padding-top:10px; margin-bottom:10px; border-bottom:1px solid var(--gray700); }

@media (max-width:799px) {
    header{ padding:0px 15px 0px 15px; }
    header .right_area { gap:8px; }
    
    header .left_area .menu_box .logobox a { text-shadow: 0px 0px 0.5px #191919; }
}


/* footer */
footer { width:100%; padding:50px 0px 50px 0px; text-align:center; }

/* footer menu */
footer ul { display:flex; align-items:center; justify-content:center; gap:7px; }
footer ul li.all_view { display:inline-block; }
footer ul li.pc_view { display:inline-block; }

footer ul li a { color:var(--black_19); font-size:15px;}
footer ul li a:hover { text-decoration:underline; text-underline-offset:-5px; text-decoration-color:var(--over_blue); text-decoration-thickness:10px; }

footer ul li span{ color:var(--gray300); font-size:12px; }

/* footer text */
footer .top_txt { margin-top:20px; font-size:13px; color:var(--gray500); line-height:150%; }
footer .btm_txt { margin-top:20px; }
footer .btm_txt p span { font-size:12px; color:var(--gray300); line-height:150%; }
footer .copyright { margin-top:20px; color:var(--gray300); font-size:13px; }

/* footer mobile text */
footer .mo_text_box{display: none;}
footer .mo_text_box{display: none;}

@media (max-width: 799px) {
	footer ul li.pc_view { display:none; }  

    footer .top_txt { display:none; }
    footer .btm_txt { display:none; }

    footer .mo_text_box{ display:block; max-width:500px; padding:0 16px; margin:20px auto; text-align:left; }

    footer .mo_text_box .acc_btn { position:relative; padding:9.5px 16px; cursor: pointer; border:1px solid var(--gray750); border-radius:3px; }
    footer .mo_text_box .acc_btn span { color:var(--gray300); font-size:14px; }
    footer .mo_text_box .acc_btn .arrow-wrap { position:absolute; top:50%; right:16px; transform:translate(0, -50%); width:16px; height:16px; background: url(/images/comm/arr_down_gray_small.svg) no-repeat center center; }
    
    footer .mo_text_box .top_txt { display:none; margin-top: 0;background-color: var(--gray800); padding:16px; }
    footer .mo_text_box .top_txt p { color:var(--gray300); font-size: 12px; line-height:150%; padding:3px 0; word-wrap:break-word; }
    
    footer .mo_text_box .top_txt table{ margin:0 auto; border-collapse:collapse; border:0px; }
    footer .mo_text_box .top_txt table td{ color:var(--gray300); font-size:12px; line-height:150%; padding:5px 0; vertical-align:middle; border-bottom:1px dotted var(--gray700); word-wrap: break-word; }
    footer .mo_text_box .top_txt table .last{ border-bottom:0px; }
}

@media (max-width: 359px) {
}