/* BASIC css start */
/* ¿ìÃø Äü¹è³Ê */
#right_quick {position:fixed; bottom:50px; right:20px; z-index:1000;}
#right_quick a {display:block; margin-top:7px; box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.12); width: 60px; height: 60px; border-radius: 50%;}
#right_quick a:hover {opacity:0.5;}

/* ÁÂÃø Äü¹è³Ê */
#left_quick {position:fixed; bottom:80px; left:30px; z-index:1000;}
#left_quick a {display:block; margin-top:7px; box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.12); width: 100px; height: 100px; border-radius: 50%;}
#left_quick .SharingIcon img { width: 100%; }
#left_quick .SharingIcon a { box-shadow : 0 0 0 0px !important; border-radius: 0 !important; }
#left_quick .SharingIcon .nemodream { width: 90%; margin: 0 0 10px 7px;}

/* ÇÏ´Ü */
#footer {width:100%; margin:100px auto 100px; text-align:left; border-top:1px solid #ede6de;}
.footer_inner {max-width:1720px;margin:0 auto;padding:0px 5%;}
.footer_left {float:left;padding-top:60px;}
.footer_left .footer_info {margin-top:40px; color:#a69b95; font-size:16px; font-weight:300; line-height:29px;}
.footer_left .footer_info a {color:#a69b95; font-size:16px; font-weight:300; position:relative; top:-2px;}
.footer_left .footer_info a:hover {color:#4c4845;}
.footer_left .footer_info span {padding:0px 10px; font-weight:200; color:#a69b95;}
.footer_left .footer_info p {font-weight:400; color:#a69b95; display:inline; padding-right: 5px;}

.footer_left .ft_menu li {display:inline-block; text-align: left;}
.footer_left .ft_menu li a {display:block; font-size:16px; font-weight:300; color:#a69b95;  line-height:1; background:url(../img/ft_menu_bg.gif) no-repeat 0px 3px; padding:0px 12px;}
.footer_left .ft_menu li a:hover {color:#4c4845;}
.footer_left .ft_menu li a.privacy {color:#4c4845;}
.footer_left .ft_menu li:first-child a {padding-left:0px; background:none;}
.footer_left .ft_menu li.last a {padding-right:0px;}

.footer_left .brandmsg {margin: 10px 0; font-size:20px; line-height:1.6; font-weight:400;}
.footer_left .brandmsg p {margin: 10px 0;}

.footer_right {float:right; padding-top:60px;}
.footer_right .ft_comm_area {float:right;}
.footer_right .ft_comm_area .ft_comm {float:left;}
.footer_right .ft_comm_area .ft_comm li {text-align:right;}
.footer_right .ft_comm_area .ft_comm li a {display:block; font-size:16px; font-weight:300; color:#a69b95;  line-height:29px;}
.footer_right .ft_comm_area .ft_comm li a:hover {color:#4c4845;}
.footer_right .ft_comm_area .ft_comm.first {margin-right:50px;}

.ft_btwrap{width: 100%; margin-top: 40px; display: inline-block; padding-bottom: 60px;}
.ft_btwrap .footer_copy {color:#a69b95; font-size:16px; font-weight:300;float: left; line-height: 30px;}

.ft_btwrap .ft_sns{float: right;}
.ft_btwrap .ft_sns li{display: inline-block; text-align: right; padding-left: 30px;}
.ft_btwrap .ft_sns li a{opacity: 0.5; transition: all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.ft_btwrap .ft_sns li a:hover{opacity: 1;}



/* °íÁ¤ÆË¾÷ */
.notice-box { width: 90%; background-color: #9ed5f9; 
  position: fixed; bottom: 0; left: 0; display: block; z-index: 99; padding: 2% 5%;
  text-align: center;
}

.open-btn { display: none; position: fixed; z-index: 99;
  bottom: 0; left: 50%; transform: translateX(-50%);
  padding: 1% 2%;
  background-color: #9ed5f9; color: #000; font-size: 1em; font-weight: 600;
  border: none; border-radius: 5px 5px 0 0;
}
.close-btn { position: fixed; z-index: 99;
  bottom: 18%; left: 50%; transform: translateX(-50%);
  padding: 1% 2%;
  background-color: #9ed5f9; color: #000; font-size: 1em; font-weight: 600;
  border: none; border-radius: 5px 5px 0 0;
}

.notice-container { background: #dff3ff; border-radius: 99px; padding: 1% 0; }
.notice-tit { font-size: 1.25em; color: #000; }
.notice-countdown, .notice-memo {
  font-size: 1.25em; line-height: 1.5em;
  color: #000;
  font-weight: 600;
  margin: 0;
}
.notice-landing { font-size: 1.15em; font-weight: 500; color: #126da7; margin-top: 1%; animation: shine 1s infinite; display: inline-block; }
/* ¹ÝÂ¦ÀÌ´Â È¿°ú */
@keyframes shine {
    0% {
        filter: brightness(1); /* ±âº» »óÅÂ */
    }
    50% {
        filter: brightness(1.5); /* ¹à±â Áõ°¡ */
    }
    100% {
        filter: brightness(1); /* ¿ø·¡ ¹à±â·Î º¹±Í */
    }
}
/* BASIC css end */

