@charset "utf-8";
/* CSS Document */

/******************************************************************************************************* 
Footer
********************************************************************************************************/
#footer {position:relative;display:inline-block;width:100%;padding:0;background:var(--foot-bgcolor);border-top:1px solid var(--foot-border-top-color);}
#footer .footbox {display:inline-block;width:100%;padding:0;}

#footer .container {position:relative;}

#footer .address_infobox {position:relative;display:flex;padding:1em 0;}
#footer .address_infobox div {}
#footer .address_infobox div:nth-child(1) {width:var(--logo-width);}
#footer .address_infobox div:nth-child(2) {flex-grow: 1;padding-left:4em;}

#footer .logo {display:inline-block;height:60px;font-size: 1.5em;letter-spacing: -0.025em;border: 0;text-indent: -5000px;overflow: hidden;background-image:var(--logo-copy);background-repeat:no-repeat;background-position:center;background-size:100% auto;}

#footer .copyright {display:block;color:var(--copy-info-text-color);text-align: left;}
#footer .copyright address {font-size:var(--copy-text-size);line-height:1.5em;font-style:normal;padding:.5rem 0 .5rem;word-break: keep-all;word-wrap: break-word;}
#footer .copyright address ul {display:flex;width:100%;margin-bottom:.25em;}
#footer .copyright address ul li {position:relative;display:inline-block;margin-right:20px;line-height:1.5em;font-size:var(--copyright-text-size);/*white-space:nowrap;*/}
#footer .copyright address ul li:not(:last-child):after {content: ''; position: absolute; right: -12px; top: 4px; width: 1px; height: 12px; background-color:var(--copy-division-line);}
#footer .copyright address p {font-size:var(--copyright-text-size);}

#footer .copyrightbox {display:block;text-align:center;font-size:var(--copyright-text-size);background:var(--copyright-bgcolor);color:var(--copyright-text-color);line-height:1em;}
#footer .copyrightbox ul {display:inline-block;padding:1em 0;}
#footer .copyrightbox ul li {position:relative;display:inline-block;margin-right:20px;line-height:20px;font-size:var(--copyright-text-size);}
#footer .copyrightbox ul li:not(:last-child):after {content: ''; position: absolute; right: -12px; top: 4px; width: 1px; height: 12px; background-color:var(--copyright-division-line);}
#footer .copyrightbox ul li a i {font-size:12px;opacity:0.2;color:var(--copyright-adm-color);}
#footer .copyrightbox ul li a:hover i {opacity:1;}

.last_ul {margin-bottom:1.5em;}

#footer .footermenu_on {}
#footer .footermenu_on .footermenu {display:flex;width:100%;border-bottom:1px solid #999;padding:.25rem 0 10px;margin-bottom:1rem;}
#footer .footermenu_on .footermenu li:not(:last-child) {padding-right:1.5em;}
#footer .footermenu_on .footermenu li a {color:var(--copy-info-text-color);font-size: var(--copy-text-size);white-space:nowrap;}
#footer .footermenu_on address {padding:.25rem 0 .5rem;}

@media (max-width: 1010px){
	#footer .address_infobox {flex-wrap: wrap;flex-direction: column;}
	#footer .address_infobox div:nth-child(2) {padding-left:0;padding-top:.5rem;margin-top:.6rem;border-top:1px solid #999;}
	#footer .footermenu_on .footermenu,
	#footer .copyright address ul {flex-wrap: wrap;}
}
@media (max-width: 840px){
	#footer .container {text-align:center;}
	/* #footer .logo {margin: 0 auto 0.5em;} */
	#footer .copyright {padding-top:1em;}
	.footermenu {padding-bottom:10px;}
	#footer .logo {margin:0 auto;}
	#footer .footermenu_on .footermenu {flex-wrap: wrap;justify-content: center;}
	#footer .footermenu_on .footermenu li {padding:.5em 0;}
	#footer .footermenu_on .footermenu li a {font-size:1em;padding:.5em 0;}
	#footer .copyright address {padding-top:.8rem;}
	#footer .copyright address ul {flex-wrap: wrap;flex-direction: column;}
	#footer .copyright address ul:last-child {padding-top:1em;}
	#footer .copyright address ul li {margin:0;font-size:.9em;text-align:center;}
	#footer .copyright address ul li:after {display:none;}
	#footer .copyright address p {font-size:.95em;margin-top:1em;text-align:center;}
}
@media (max-width:640px) {
	.footermenu li {}
	address span {display:block;}
	.mobil_non {display:none;}
	#footer .copyrightbox p.btnset {display:block;}
}
@media (max-width:320px) {
	address span, .copyrightbox span,
	#footer .copyright p {font-size:0.85em;word-break: keep-all;word-wrap: break-word;}
}
@media (max-width:280px) {
	#footer .footbox {padding:1em 1em 1.5em;}
}

/******************************************************************************************************* 
따라다니는 메뉴
********************************************************************************************************/
.following_menu .wrap_btn .start_list > li > button,
.following_menu .wrap_btn .start_list:hover > li > button,
.following_menu .wrap_btn .start_list > li > button > span,
.following_menu .wrap .list > li > a,
.following_menu .wrap .list > li > a > .hidden_text,
.following_menu .wrap .list > li > a:hover > .hidden_text,
.following_menu .wrap .list,
.following_menu .wrap .list.off {
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}

.following_menu {position:fixed;width:100%;bottom:0px;left:0px;z-index:10;}
.following_menu .wrap {position:absolute;bottom:160px;right:36px;}
.following_menu .wrap .list {display:flex;flex-direction: column;}
.following_menu .wrap .list > li {display:flex;justify-content: flex-end;}
.following_menu .wrap .list > li:not(:last-child) {margin-bottom:.5rem;}
.following_menu .wrap .list > li > a {position:relative;justify-content: flex-start;flex-direction: row-reverse;padding:0;overflow:hidden;}
.following_menu .wrap .list > li > a:hover,
.following_menu .wrap .list > li > a:focus {width:160px;}
.following_menu .wrap .list > li > a > .hidden_text {position:absolute;left:-20px;display:flex;align-items: center;width:auto;font-size:.75rem;opacity:0;white-space:nowrap;letter-spacing:-0.05em;z-index:1;}
.following_menu .wrap .list > li > a:hover > .hidden_text,
.following_menu .wrap .list > li > a:focus > .hidden_text {left:20px;width:auto;opacity:1;}
.following_menu .wrap .list > li > a > span {position:relative;display:flex;justify-content: center;align-items: center;width:50px;height:50px;z-index:2;}
.following_menu .wrap .list {position:relative;right:0px;top:0px;}
.following_menu .wrap .list.off {position:relative;right:-100px;}

.following_menu .wrap_btn {position:absolute;bottom:96px;right:36px;}
.following_menu .wrap_btn .start_list {display:flex;flex-direction: column;}
.following_menu .wrap_btn .start_list > li {display:flex;justify-content: flex-start;flex-direction: row-reverse;margin-bottom:0px;}
.following_menu .wrap_btn .start_list > li.sb_off {}
.following_menu .wrap_btn .start_list > li.sb_on {}
.following_menu .wrap_btn .start_list > li > button {position:relative;display:flex;flex-direction: row-reverse;justify-content: space-between;padding:0;}
.following_menu .wrap_btn .start_list:hover > li > button,
.following_menu .wrap_btn .start_list > li > button:focus {flex-direction: row-reverse;justify-content: space-between;width:110px;}
.following_menu .wrap_btn .start_list > li > button > span {display:flex;justify-content: center;align-items: center;width:50px;height:50px;}
.following_menu .wrap_btn .start_list > li > button > span.hidden_text {position:absolute;left:20px;display:flex;opacity:0;font-size:.75rem;}
.following_menu .wrap_btn .start_list:hover > li > button > span.hidden_text,
.following_menu .wrap_btn .start_list > li > button:focus > span.hidden_text {display:flex;align-items: center;width:auto;opacity:1;}
.following_menu .wrap_btn .start_list > li.sb_on > button > span > i {
	-moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform: rotate(180deg);
}
.following_menu .wrap_btn .start_list > li > a,
.following_menu .wrap_btn .start_list > li > a:hover {width:50px !important;}
/*.following_menu .wrap_btn .start_list > li > button > .hidden_text,*/
.following_menu .wrap_btn .start_list > li > a > .hidden_text,
.following_menu .wrap_btn .start_list > li > a:hover > .hidden_text {display:none !important;}

.following_menu .btn_recent {display:flex;justify-content: center;align-items: center;width:50px;height:50px;background-color:#fff;box-shadow:0 5px 10px 0 rgba(53, 53, 55, .2);border-radius:50px;overflow:hidden;border:none;}
.following_menu button.btn_recent {color:#fff;}
.following_menu .btn00 {background-color:#000;}
.following_menu .btn01 {background-color:#fff;}
.following_menu .btn02 {background-color:#fff;}
.following_menu .btn03 {background-color:#fff;}
.following_menu .btn04 {background-color:#fff;}
.following_menu .btn05 {background-color:#fff;}
.following_menu .btn06 {background-color:#fff;}
.following_menu .btn07 {background-color:#fff;}
.following_menu .btn08 {background-color:#fff;}
.following_menu .btn09 {background-color:#fff;}
.following_menu .wrap .list .make_call {display:none;}

.following_menu {animation: followingovject 1s 0.2s both;animation-delay:1s;}



@keyframes followingovject {
	0% { opacity: 0; transform: translateX(40px);}
	100% { opacity: 1; transform: translateX(0px);}
}

@media (max-width:840px) {
	.following_menu {display:none;}
	.following_menu .wrap {bottom:150px;right:29px;}
	.following_menu .wrap_btn {bottom:90px;right:29px;}
	.following_menu .wrap > .list > li > a > .imgoutbox {width:auto;}
	.following_menu .wrap .list > li > a:hover {width:135px;}
}
@media (max-width:540px) {
	.following_menu .wrap .list .make_call {display:flex;justify-content: flex-end;}
}