@charset "UTF-8";

#aside {position:fixed;right:60px;top:50%;z-index:1001;transform:translateY(-50%)}
#aside .aside_inner {text-align:center}
#aside .aside_btn {width:60px;height:60px;margin:0 auto 15px auto;border-radius:100%;box-shadow:0 3px 7px rgba(0,0,0,0.15);overflow:hidden}
#aside .aside_btn:last-child {margin-bottom:0}
#aside .aside_btn .btn {display:flex;align-items:center;justify-content:center;height:100%;background-color:var(--colorWhite);background-position:center top 30px;background-repeat:no-repeat;transition:0.2s}
#aside .aside_btn .text {font-size:15px;font-weight:600;line-height:1.3;transition:0.2s}
#aside .aside_btn.btn01 {width:90px;height:auto;border-radius:90px}
#aside .aside_btn.btn01 .btn {padding:78px 0 23px 0;background-color:#feecae;background-image:url(/images/home/kor/user/footer/aside_quick_icon01.png)}
#aside .aside_btn.btn01 .text {}
#aside .aside_btn.btn02 {}
#aside .aside_btn.btn02 .btn {border-radius:100%;border:1px solid var(--colorLightGray)}
#aside .aside_btn.btn02 .text {}
#aside .aside_btn.top {}
#aside .aside_btn.top .btn {color:var(--colorWhite);background-color:#424242}
#aside .aside_btn.top .text {}

#aside .aside_btn:hover, 
#aside .aside_btn:focus {outline:2px dotted var(--colorBlack2);outline-offset:2px}
#aside .aside_btn.btn01:hover, 
#aside .aside_btn.btn01:focus {outline-color:var(--colorOrange)}
#aside .aside_btn.btn02:hover, 
#aside .aside_btn.btn02:focus {}
#aside .aside_btn.btn02:hover .text, 
#aside .aside_btn.btn02:focus .text {color:var(--colorBlue)}
#aside .aside_btn.top:hover .btn, 
#aside .aside_btn.top:focus .btn {background-color:var(--colorBlack)}
#aside .aside_btn.top:hover .text, 
#aside .aside_btn.top:focus .text {color:var(--colorYellow)}


.footer {padding:55px 0;font-size:1.125rem;color:var(--colorWhite);background-color: var(--colorBlack2);position:relative;z-index:1000}
.footer .f_logo {width:195px;height:48px;font-size:0;background-image:url(/images/home/kor/user/footer/f_logo.png);background-position:left top;background-repeat:no-repeat;background-size:cover}

.footer .site_box {display: inline-block;vertical-align: middle;position:absolute;right:0;top:0;z-index:1}
.footer .site_box .baro_box {position: relative; display: inline-block;}
.footer .site_box .baro_box .site_btn {overflow: hidden; position: relative; width: 280px; height: 60px; padding: 0 32px 0 20px;font-weight:500; background-color: #fbffff; line-height: 50px; color:var(--colorBlack2); text-align: left; outline: none;border:1px solid var(--colorWhite);border-radius:10px}
.footer .site_box .baro_box .site_btn:focus {border: 2px solid var(--colorWhite);}
.footer .site_box .baro_box .site_btn.on {color:var(--colorWhite);border-color:var(--colorYellow);background-color:rgba(0,0,0,0.3)}
.footer .site_box .baro_box .site_btn .arr_btn {position: absolute; right: 23px; top: 50%; width: 8px; height: 6px; background-image: url('/images/home/kor/user/footer/site_arrow.png'); background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; transform: translateY(-50%) rotate(0); transition: 0.32s ease;}
.footer .site_box .baro_box .site_btn.on .arr_btn {transform: translateY(-50%) rotate(180deg);}
.footer .site_box .baro_box .site_link {display: none; position: absolute ; left: 0; bottom: 65px; width: 100%; max-height: 215px; background-color: var(--colorLightBrown);border-radius:8px; overflow-y: auto;}
.footer .site_box .baro_box .site_link > li {border-bottom: 1px solid rgba(255,255,255,0.5)}
.footer .site_box .baro_box .site_link > li:last-child {border-bottom: 0;}
.footer .site_box .baro_box .site_link > li > a {display: block; padding:13px 20px;font-size:1rem;color:rgba(255,255,255,0.8);word-break: keep-all;}
.footer .site_box .baro_box .site_link > li:hover > a, 
.footer .site_box .baro_box .site_link > li:focus > a {color:var(--colorWhite);background-color:rgba(0,0,0,0.3)}

.footer .ft_left_box {display:flex;justify-content:space-between;margin-top:40px}
.footer .ft_left_box .txt_list_box {}
.footer .ft_left_box .txt_list_box .list {}
.footer .ft_left_box .txt_list_box .list li {display:inline-block;margin-bottom:3px;color:rgba(255,255,255,0.6);font-weight:200}
.footer .ft_left_box .txt_list_box .list li::after {display:inline-block;width:2px;height:16px;margin:0 5px 0 11px;content:"";background-color:rgba(255,255,255,0.35);vertical-align:middle;transform:translateY(-1px)}
.footer .ft_left_box .txt_list_box .list li:first-child {display:block}
.footer .ft_left_box .txt_list_box .list li:last-child {margin:0;padding-right:0}
.footer .ft_left_box .txt_list_box .list li:first-child::after, 
.footer .ft_left_box .txt_list_box .list li:last-child::after {display:none}
.footer .ft_left_box .txt_list_box .list li .ft_b {font-weight: 500;}
.footer .sns_list_box {}
.footer .sns_list_box .tit {display:inline-block;width:216px;height:50px;font-size:0;background-image:url(/images/home/kor/user/footer/f_slogan.png);background-position:left top;background-repeat:no-repeat;background-size:cover;vertical-align:top}
.footer .sns_list_box .inner {display:inline-flex;column-gap:10px}
.footer .sns_list_box .sns_btn {display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:100%;background-color:var(--colorWhite)}
.footer .sns_list_box .sns_btn .sns {display:block;width:100%;height:100%;background-position:center;background-repeat:no-repeat;transition:0.2s}
.footer .sns_list_box .sns_btn .sns.ytb {background-image:url(/images/home/kor/user/common/icon_youtube.png)}
.footer .sns_list_box .sns_btn .sns.kch {background-image:url(/images/home/kor/user/common/icon_kakaoch.png)}
.footer .sns_list_box .sns_btn .sns.insta {background-image:url(/images/home/kor/user/common/icon_insta.png)}
.footer .sns_list_box .sns_btn .sns.blog {background-image:url(/images/home/kor/user/common/icon_blog.png)}



.footer .foot_btm {display:flex;align-items:center;justify-content:space-between;padding-top:27px}
.footer .ft_link {}
.footer .ft_link .list {}
.footer .ft_link .list li {display:inline-block}
.footer .ft_link .list li::after {display:inline-block;width:1px;height:17px;margin:0 13px 0 20px;content:"";background-color:rgba(255,255,255,0.35);vertical-align:middle;transform:translateY(-1px)}
.footer .ft_link .list li:last-child::after {display:none}
.footer .ft_link .list li a {display: inline-block;color: var(--colorWhite);font-weight:200}
.footer .ft_link .list li:first-child a {font-weight:500}
.footer .copy {color:var(--colorWhite);font-weight:200}