html, body, ul, li, p { margin:0; padding:0;}
html { height:100%; background:#fff; }
a { color:#555; text-decoration:none; }
#page {background: #363A47;overflow:hidden;}

/* 로고 영역 CSS */
.header {border-bottom:1px solid #e6e6e6;background:#fff;position: relative; z-index: 10;}
.header.sub {border-bottom: 1px solid #6b72804d;}
.header .top {overflow:hidden;position:relative;}
.header .top .logo {padding: 18px 0;float:left;margin: 0 0 0 22px;color: #4285f4;}
.header .top .logo img {height: 17px;}
.header .top .logo span { color:#333; line-height:20px; position:relative; top:1px; font-size:14px; font-weight:bold; }

/* 사이드 메뉴 호출버튼 CSS */
.header .top  .xdtSideMenu {height:22px;width:44px;position:absolute;top: 15px;right: 0;display:inline-block;/* border-right:1px solid #c0c0c0; */}
.header .top  .xdtSideMenu .xdtBar,
.mm-opened .header .top  .xdtSideMenu .xdtBar {width:20px;height:14px;position:relative;top: 10px;left: 8px;}
.header .top  .xdtSideMenu .xdtBar div {height:0;border-top: 2px solid #202020;position:absolute;transition:all 0.2s;}
.mm-opened .header .top  .xdtSideMenu .xdtBar div { height:0; border-top:2px solid #383431 ; position:absolute; transition:all 0.2s; }
.header .top  .xdtSideMenu .xdtBar div.btn1 { width:20px; top:0; }
.header .top  .xdtSideMenu .xdtBar div.btn2 { width:20px; top:6px; transition:all 0.1s }
.header .top  .xdtSideMenu .xdtBar div.btn3 { width:20px; bottom:0; }
.mm-opened .header .top  .xdtSideMenu .xdtBar div.btn1 { top:6px; width:20px; -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
.mm-opened .header .top  .xdtSideMenu .xdtBar div.btn2 { top:6px; display:none; }
.mm-opened .header .top  .xdtSideMenu .xdtBar div.btn3 { top:6px; width:20px; -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }

/* 검색창 영역 CSS */
.header .top .xdtBtnSearch {width:44px;height: 22px;position: absolute;/* padding:0 1px 0 0; */margin: 0 42px 0 0;font-size: 20px;top: 21px;right: 0;text-align: center;color: #202020;}
.header .xdtSearch { padding:5px 10px; border-top:1px solid #f9f9f9; display:none; position:relative; overflow:hidden; }
.header .xdtSearch .inputSearch { position:relative; border:1px solid #dcdcdc; overflow:hidden; }
.header .xdtSearch .inputSearch input[type="search"] { display:block; border:0; width:100%; box-sizing:border-box; line-height:30px; height:30px; padding:0 30px 0 5px; font-size:12px; outline:0; }
.header .xdtSearch .inputSearch input[type="reset"] { position:absolute; right:0; top:0; width:14px; margin:8px; height:14px; border:0; background:url(../img/btReset.png); color:transparent; font-size:1px; background-size:14px; }
.header .xdtSearch .inputSubmit { float:right; background:#dcdcdc; border:1px solid #dcdcdc; height:30px; }
.header .xdtSearch .inputSubmit input[type="submit"] { border:0; background:transparent; height:30px; padding:1px 10px; margin:0; color:#fff; }
/*
.header .xdtSearch div { margin:0 60px 0 0; border:1px solid #dcdcdc; position:relative; }
.header .xdtSearch div input[type="search"].inputText { border:0; outline:0; width:100%; box-sizing:border-box; margin:0 30px 0 0; padding:5px; }
.header .xdtSearch div input[type="reset"] { position:absolute; right:5px; top:3px; outline:0; display:inline-block; width:17px; height:17px; border:0; background:url(../img/btReset.png); color:transparent; font-size:1px; background-size:17px; }
.header .xdtSearch input[type="submit"] { position:absolute; right:10px; top:5px; width:60px; height:26px; padding:2px 0 0 0; color:#fff; display:inline-block; border:0; outline:0; }

*/


/* 메인 슬라이드 메뉴 CSS */
.header .mainNavi { border-top:1px solid #f9f9f9; list-style:none; overflow:hidden; top:1px; position:relative; }
.header .mainNavi li { text-align:center; float:left; padding:10px 0 7px 0; font-size:1.1em; }
.header .mainNavi li.act { border-bottom:4px solid; }
.header .mainNavi li.act.green { border-color:#1eb501; color:#1eb501 }
.header .mainNavi li.act.xe { border-color:#4F68C0; color:#526bbe; }
.header .mainNavi li.act.gray { border-color:#ccc; color:#ccc; }
.header .mainNavi li.act.blue { border-color:#0088cc; color:#0088cc; }
.header .mainNavi li.act.skyblue { border-color:#84accb; color:#84accb; }
.header .mainNavi li.act.red { border-color:#fe8505; color:#fe8505; }
.header .mainNavi li.act.pink { border-color:#ee80c3; color:#ee80c3; }


/* 사이트맵 메뉴 CSS */
.header .mapNavi { overflow:hidden; list-style:none; padding:0; margin:0; }
.header .mapNavi li { float:left; width:25%; height:53px; }
.header .mapNavi li a { display:block; text-align:center; border-top:1px solid #ddd; border-right:1px solid #ddd; }
.header .mapNavi li:nth-child(1) a,
.header .mapNavi li:nth-child(2) a,
.header .mapNavi li:nth-child(3) a,
.header .mapNavi li:nth-child(4) a { border-top:1px solid #ddd; }
.header .mapNavi li:nth-child(4n) a { border-right:0; }
.header .mapNavi li.active { font-weight:bold; color:#526bbe; }
.header .mapNavi li span { display:block; padding:3px 0 0 0; }
.header .mapNavi li span.img img { height:30px; }
.header .mapNavi li span.img { height:30px; }
.header .mapNavi li span.txt { padding:3px 0 3px 0; }
.header .mapNavi li span.only { height:50px; line-height:50px; }

/* 사이드메뉴 CSS */
/*테스트로 잠시 오픈*/
#menu { background:#fff; display: none; }
#menu.mm-menu { display: none; }
#menu.mm-menu.mm-opened { display:block; }
#menu .xdtMemberL {  }
#menu .xdtMemberL .xdtMemberLinfo { height:37px; background:#333; padding:6px 10px 5px 10px; }
#menu .xdtMemberL .xdtMemberLinfo img { height:26px; margin:2px 0; float:left; background:#fff; border:3px solid #fff; border-radius:20px; }
/* #menu .xdtMemberL .xdtMemberLinfo span { float:left; line-height:36px; color:#fff; padding:0 0 0 10px; font-size:1.2em; } */
#menu .xdtMemberL .xdtMemberLelse { list-style:none; padding:10px 10px 10px 0; margin:0; overflow:hidden; }
#menu .xdtMemberL .xdtMemberLelse li { width:50%; box-sizing:border-box; float:left; padding:0 0 0 10px; }
#menu .xdtMemberL .xdtMemberLelse li a { display:block; text-align:center; padding:5px 0; color:#ddd; border:1px solid #aaa; border-radius:3px; font-size:1em; }

#menu .xdtGnb { list-style:none; padding:0; margin:0; }
/* #menu .xdtGnb>li>a { border-top:1px solid #333; border-bottom:1px solid #333; font-size:0.9em; display:block; padding:4px 10px 2px 10px; color:#bbb; } */
#menu .xdtGnb>li>a.mm-subopen { display:none; }
#menu .xdtGnb>li>ul {  }
#menu .xdtGnb>li>ul li a { padding:10px; color:#f1f1f1; display:block; font-size:1.2em; }
#menu .xdtGnb>li>ul li a span.o { display:inline-block; width:7px; height:7px; background:#999; position:relative; top:-4px; left:0px; margin:0 8px 0 0; }
#menu .xdtGnb>li>ul li a span.i { display:inline-block; width:6px; height:6px; background:#444; position:absolute; top:0; left:1px; }
#menu .xdtGnb>li>ul li.active { background:#333; }

.subBody { overflow:hidden; background:#fff; }

/* update */
#menu .xdtMemberL .xdtMemberLinfo {
    height: 37px;
    background-color: #2979ff;
    color: #fff;
    margin: 20px;
    border-radius: 50px;
    padding: 10px 15px 10px 20px;
}
#menu .xdtMemberL .xdtMemberLinfo .d-flex {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
}
#menu .xdtMemberL .xdtMemberLinfo a {
    color: #fff;
    font-weight: 300;
}
#menu .xdtMemberL .xdtMemberLinfo span {
    font-size: 0.9em;
    font-weight: 300;
}
#menu .xdtMemberL .xdtMemberLinfo span.big-font {
    font-size: 1.2em;
    font-weight: 400;
}
#menu .xdtGnb {
    padding: 0 15px;
}
#menu .xdtGnb > li.top {
    padding: 8px 0 !important;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-weight: 500;
    font-size: 13px;
}
#menu .xdtGnb > li > a.submenu {
    color: #777;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}
#menu .xdtGnb > li > a.submenu:nth-child(n + 2) {
    padding: 5px 0 15px 0;
}
#menu .xdtGnb > li.top.border-0 {
    border: none;
}
#menu .xdtGnb > li.top.border-bottom-0 {
    border-bottom: none;
}
#menu .xdtGnb > li > a {
    color: #000;
}
/* update */

/* 메인 슬라이드 본문 CSS */
.bodyMain .swipe { overflow: hidden; visibility: hidden; position: relative; background:#f4f4f4; }
.bodyMain .swipe-wrap { overflow: hidden; position: relative; margin:0 !important; padding:0 !important; display:block; list-style:none; }
.bodyMain .swipe-wrap > div { float:left; width:100%; position: relative; margin:0; padding:5px !important; box-sizing:border-box; }


.body { background:#fff; }

/* 푸터 CSS */
.footer {padding: 40px 20px 30px;font-size:14px;text-align: center;background: #363A47;}
.footer .tool_menu {overflow:hidden;list-style:none;padding:0;margin:0;text-align: center;}
.footer .tool_menu li {/* float:left; */width: max-content;background: #363A47;text-align:center;display: inline-block;padding: 0 4vw;}
.footer .tool_menu li a {color: #fff;display:block;line-height: 10px;/* border-right: 1px solid #26292e; */white-space:nowrap;}
.footer .tool_menu li:last-child {  border-right:0; }

.footer .footer_menu { text-align:center; padding:0; margin:10px 0 5px 0; list-style:none; }
.footer .footer_menu li { display:inline-block; border-left:1px solid #45484d; margin:5px 0; }
.footer .footer_menu li:first-child { border-left:0; }
.footer .footer_menu li a { display:block; color:#9e9e9e; padding:0 7px; }

.footer .copy { color:#9e9e9e; text-align:center; line-height:20px; } 
.footer .tool_menu li:not(:last-child) { border-right: 1px solid #fff; }
p.companyInfo {
    color: #ccc;
    padding: 10px 20px;
    line-height: 140%;
    font-size: 12px;
}

a#term {
    color: #fff;
    margin-left: 20px;
    font-weight: 300;
}
a#privacy {
    color: #fff;
    margin-left: 23px;
    font-weight: 700;
}

div.link {
    padding: 10px 20px 0px 20px;
}
div.link a {
    display: inline-block;
    width: 30px;    
}
div.link img {
    width: 100%;
}

p.copyright {
    margin-top: 10px;
    color: #b5b5b5;
}

/* sweetMobileBoard */
.sweetMobileBoard {word-wrap: break-word;font-size: 14px;margin-top: 0px;}
.sweetMobileBoard ul, li, p { margin:0; /*padding:0;*/ }
.sweetMobileBoard a { color:#555; text-decoration:none; }
.ck-content{font-size:16px;}
.smbHeader { background:#fff; position:relative; border-bottom:1px solid #bbb; }
.smbHeader .smbTitle { font-size:1.5em; text-align:center; margin:0; padding:0; line-height:2.2em; color:#333; }
.smbHeader ul.smbTools { position:absolute; top:0; list-style:none; overflow:hidden; border-radius:2px; margin:5px 10px; }
.smbHeader ul.smbTools.right { right:0; }
.smbHeader ul.smbTools li { float:left; font-size:1.5em; border:1px solid #ccc; border-right:0; }
.smbHeader ul.smbTools li:last-child { border-right:1px solid #ccc; }
.smbHeader ul.smbTools li a { height:18px; padding:5px; display:block; color:#c5c5c5; }
.smbHeader ul.smbTools li a span { display:none; }
.smbHeader ul.smbTools li.active { background:#3c9be9; /*********************/ border:1px solid #308ad3; border-right:0; }
.smbHeader ul.smbTools li.active + li { border-left:1px solid #308ad3; }
.smbHeader ul.smbTools li.active:last-child { border-right:1px solid #308ad3; }
.smbHeader ul.smbTools li.active a { color:#fff; }

.smbHeader ul.smbCategory { display:none; border-top:1px solid #bbb; list-style:none; padding:0; margin:0; overflow:hidden; }
.smbHeader ul.smbCategory li { float:left; }
.smbHeader ul.smbCategory li a { display:block; border-top:1px solid #e9eaec; border-right:1px solid #e9eaec; text-decoration:none; text-align:center; line-height:34px; height:34px; }
.smbHeader ul.smbCategory li.on a { background:#08c; /*********************/ border-color:transparent; color:#fff; }

@media screen and (max-width:639px){
	.smbHeader ul.smbCategory li { width:50%; }
	.smbHeader ul.smbCategory li:nth-child(1) a,
	.smbHeader ul.smbCategory li:nth-child(2) a { border-top:0; }
	.smbHeader ul.smbCategory li:nth-child(2n) a { border-right:0; }
	.smbHeader ul.smbCategory li.fourdump { display:none; }
}
@media screen and (min-width: 640px){
	.smbHeader ul.smbCategory li { width:25%; }
	.smbHeader ul.smbCategory li:nth-child(1) a,
	.smbHeader ul.smbCategory li:nth-child(2) a,
	.smbHeader ul.smbCategory li:nth-child(3) a,
	.smbHeader ul.smbCategory li:nth-child(4) a { border-top:0; }
	.smbHeader ul.smbCategory li:nth-child(4n) a { border-right:0; }
}

.smbWriteHeader {
	position:relative;
	margin-left: 1rem;
	margin-right: 1rem;
	margin-bottom: 20px;
}
.smbWriteHeader h3 { font-weight: 500;	font-size: 20px; }
.smbWriteHeader p { color:#666 }
.smbWriteHeader a.smbListBtn {position:absolute;display:block;height:26px;line-height:26px;top:5px;right: 8px;padding:0 10px;background:#fff;border:1px solid #ddd;border-radius:3px;}

.smbForm { display:block; padding:10px; }
.smbForm > ul { margin:0; padding:0; list-style:none; }
.smbForm > ul > li {padding:4px 0;margin-bottom: 24px;}
.smbForm > ul > li select {width:100%;/* height:30px; */line-height:30px;padding: .5rem .75rem;box-sizing:border-box;background:#fff;border:1px solid #d6d6d6;/* border-bottom-color:#b9b9b9; */border-radius: 0.375rem;font-size: 16px;margin-top: 4px;

  /* Arrow */
  appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7rem top 50%;
  background-size: 0.65rem auto;
}
.smbForm > ul > li input[type="text"],
.smbForm > ul > li input[type="email"],
.smbForm > ul > li input[type="url"],
.smbForm > ul > li input[type="password"] {width:100%;box-sizing:border-box;line-height:30px;width: 100%;/* height: 30px; */line-height: 30px;padding: 0.5rem 0.75rem;box-sizing: border-box;background: #fff;border: 1px solid #d6d6d6;/* border-bottom-color: #b9b9b9; */border-radius: 0.375rem;font-size: 16px;margin-top: 4px;}
.smbForm > ul > li textarea {width:100%;box-sizing:border-box;/* padding:5px; */padding: 0.5rem 0.75rem;box-sizing: border-box;background: #fff;border: 1px solid #d6d6d6;/* border-bottom-color: #b9b9b9; */border-radius: 0.375rem;font-size: 16px;margin-top: 4px;}
.smbForm > ul > li.exvar {  }
.smbForm > ul > li.exvar label { display:block; margin-bottom:5px; }
.smbForm > ul > li.exvar label span { color:red; }
.smbForm > ul > li.exvar div p { padding:5px 0; margin:0; color:#aaa; }
.smbForm > ul > li.smbAllow { overflow:hidden; display: none; }
.smbForm > ul > li.smbAllow span { float:left; line-height:26px; height:26px; margin-right:10px; width:70px; }
.smbForm > ul > li.smbAllow input[type="checkbox"],
.smbForm > ul > li.smbAllow input[type="radio"] { display:none; }
.smbForm > ul > li.smbAllow ul.smbCheck { float:left; list-style:none; padding:0; margin:0; }
.smbForm > ul > li.smbAllow ul.smbCheck li { float:left; line-height:24px; height:24px; padding:0 10px; border:1px solid #ccc; border-right:0; }
.smbForm > ul > li.smbAllow ul.smbCheck li:last-child { border-right:1px solid #ccc; }
.smbForm > ul > li.smbAllow input[type="checkbox"]:not(:checked) + label ul.smbCheck li:nth-child(1) { color:#888; background-color:#f1f1f1; }
.smbForm > ul > li.smbAllow input[type="checkbox"]:not(:checked) + label ul.smbCheck li:nth-child(2) { color:#333; background-color:#fff; border-color:#888; }
.smbForm > ul > li.smbAllow input[type="checkbox"]:checked + label ul.smbCheck li:first-child { color:#333; background-color:#fff; border-color:#888; }
.smbForm > ul > li.smbAllow input[type="checkbox"]:checked + label ul.smbCheck li:nth-child(2) { color:#888; background-color:#f1f1f1; border-left-color:#888; }
.smbForm > ul > li.smbAllow ul.smbRadio { float:left; list-style:none; padding:0; margin:0; }
.smbForm > ul > li.smbAllow ul.smbRadio li { float:left; }
.smbForm > ul > li.smbAllow ul.smbRadio li label { color:#888; background-color:#f1f1f1; display:block; line-height:24px; height:24px; padding:0 10px; border:1px solid #ccc; border-right:0; }
.smbForm > ul > li.smbAllow ul.smbRadio li:last-child label { border-right:1px solid #ccc; }
.smbForm > ul > li.smbAllow ul.smbRadio input[type="radio"]:checked + li > label { color:#000; background:#fff; border-color:#888; }
.smbForm > ul > li.smbAllow ul.smbRadio input[type="radio"]:checked + li + input + li label { border-left-color:#888; }

.smbForm .submitBox { margin-top:20px; }
.smbForm .submitBox button.smbSubmit {width:100%;font-size:1.2em;border:0;padding:10px 0;background: #2979ff;border-radius: 0.325rem;color: #fff;}
.smbForm .submitBox button.smbSubmit i { margin-right:5px; }

.smbPag {padding:5px 10px;height:30px;text-align:center;/* background:#f4f4f4; *//* border-top:1px solid #cfd1d4; */margin: 1rem 0;}
.smbPag .num { line-height:30px; font-size:1.2em; color:#989ea0; }
.smbPag .num span { color:#555; }
.smbPag .prev,
.smbPag .next {color:#555;font-size:1.5em;/* border:1px solid #c6c8cb; */background-color: #f0f0f0;border-radius: 50%;display:block;padding: 8px 12px;}
.smbPag .prev span,
.smbPag .next span { display:none; }
.smbPag .prev { float:left; }
.smbPag .next { float:right; }
.smbPag .prev i { position:relative; top:1px; left:-1px; }
.smbPag .next i { position:relative; top:1px; left:1px; }
.smbPag div.prev,
.smbPag div.next {color: #666;background: #f2f2f2;}

.smbSearch {/* border-top: 1px solid #ddd; *//* border-bottom: 1px solid #ddd; */margin: 1rem;/* padding:5px 10px; */display:none;}
.smbSearch div.subm { float:right; }
.smbSearch div.subm button { width:32px; height:32px; color:#555; font-size:1.2em; border:1px solid #c6c8cb; background:#f0f0f0; border-radius:3px; display:block; padding:0; }
.smbSearch div.subm button i { position:relative; top:1px; }
.smbSearch div.xdt { border:1px solid #ccc; background:#fff; margin:0 38px 0 0; padding:5px; height:20px; position:relative; }
.smbSearch div.xdt select { position:absolute; top:5px; left:5px; border:0; background:transparent; height:20px; width:90px; display:block; }
.smbSearch div.xdt input[type="search"] { width:100%; line-height:20px; height:20px; box-sizing:border-box; padding:3px 5px 3px 95px; border:0; outline:0; }

.smbLabel{
	background-size: cover;
    margin: 1rem;
    padding: 10px 20px;
    box-sizing: border-box;
    border: 1px solid #dbe8ff;
    color: #202020;
}
.smbLabel>h2{margin: 0;font-size: 16px;}
.smbLabel>span{font-size: 12px;}

.cTab li {
    display: inline-block;
    padding: 10px;
}

.cTab li.on {
    background: #eee;
    border-radius: 0.375rem;
}

ul.cTab {
    margin: 1rem;
}

.cTab .on a {
    color: #202020;
    font-weight: 500;
}
a.btnWrite{background: #2979ff;
	color: #fff;
	padding: 8px 12px;
	display: inline-block;
	border-radius: 0.375rem;
	margin-left: 1rem;}

.btnSearch {
    color: #222;
    padding: 7px 10px;
    display: inline-block;
    border-radius: 0.375rem;
    border: 1px solid #ccc;
}
.fbItem> div > div {
    font-size: 14px;
}
.foots.like {
    float: right;
    border: 1px solid #ececec;
    border-radius: 50px;
    padding: 3px 10px;
    font-size: 12px;
}
.foots.like.isVoted {
    background-color: #0090fb;
    color: #fff;
    border: none;
}
.xet_btn.rcd, .xet_btn.rpt {
    display: inline-block;
    zoom: 1;
    outline: none;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    text-decoration: none !important;
    margin: 0;
    border: 1px solid #e0e4e9;
    border-radius: 20px;
    color: #0090fb;
    background: #fff;
    line-height: 30px !important;
    font-size: 12px !important;
    padding: 0 14px !important;
}
.xet_btn.rcd.isVoted {
    background-color: #0090fb;
    color: #fff;
    border-color: #0090fb;
}
.xet_btn.rcd ~ .xet_btn.rpt {
    margin-left: 5px;
}
.xet_btn.rpt {
    color: #f56364;
}
.notification {
    width: 40px;
    height: inherit;
    color: #404040;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 22px;
    cursor: pointer;
}
      
.notification::after {
    min-width: 16px;
    height: 17px;
    content: attr(data-count);
    background-color: #03DAC5;
    /* font-family: monospace; */
    font-weight: bold;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8.5px;
    position: absolute;
    top: -5px;
    left: 20px;
    transition: .3s;
    opacity: 0;
    transform: scale(.5);
    will-change: opacity, transform;
    color: #fff;
    padding: 1.5px 5px;
    box-sizing: border-box;
}

.notification.show-count::after {
  opacity: 1;
  transform: scale(1);
}

.notification::before {
  content: "\E0CE";
  font-family: "Phosphor";
  display: block;
}

.notification.notify::before {
  animation: bell 1s ease-out;
  transform-origin: center top;
}

@keyframes bell {
  0% {transform: rotate(35deg);}
  12.5% {transform: rotate(-30deg);}
  25% {transform: rotate(25deg);}
  37.5% {transform: rotate(-20deg);}
  50% {transform: rotate(15deg);}
  62.5% {transform: rotate(-10deg)}
  75% {transform: rotate(5deg)}
  100% {transform: rotate(0);}  
}    
#button2 {
    width: 44px;
    height: 22px;
    position: absolute;
    /* padding: 0 1px 0 0; */
    margin: 0 42px 0 0;
    font-size: 20px;
    top: 21px;
    right: 34px;
    text-align: center;

}
.quick-menu {
    position: fixed;
    bottom: 15px;
    right: 10px;
    z-index: 999;
}
.quick-menu-btn {
    background-image: url(../img/quick_logo.png);
    width: 60px;
    height: 55px;
    background-size: 100%;
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}
.quick-menu .quick-menu-list {
    background-color: #333;
    color: #fff;
    border-radius: 10px;
    padding: 10px 0;
    z-index: 1;
    margin-bottom: 0;
    position: absolute;
    bottom: calc(100% - 25px);
    width: 140px;
    right: calc(100% - 50px);
    z-index: -1;
    transform: scale(0);
    transform-origin: 90% 100% 0;
    
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.quick-menu .quick-menu-list li {
    padding: 10px 15px;
    display: block;
    line-height: 1.2;
    position: relative;
}
.quick-menu .quick-menu-list li.new::before {
    content: '';
    width: 7px;
    height: 7px;
    background-color: #00F5DD;
    border-radius: 50%;
    position: absolute;
    left: 23px;
    top: 10px;
}
.quick-menu .quick-menu-list li i {
    font-size: 1.2em;
    vertical-align: middle;
    margin-right: 5px;
}
.quick-menu .quick-menu-list li a {
    color: #fff;
    font-size: 1em;
    vertical-align: middle;
}
.quick-menu.open {

}
.quick-menu-btn.open {
    background-image: url(../img/quick_close.png);
}
.quick-menu-btn.open ~ .quick-menu-list {
    transform: scale(1);
}
figure{
    margin:0;
}
.topgnb{
    font-family: 'Pretendard';
    display: flex;
    justify-content: space-around;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.02em;
    font-weight: 700;
    color: #222;
    height: 50px;
    box-sizing: border-box;
    padding: 16px 0px;
}
.topgnb_on{
    color:#2979ff;
}
.topgnb > a {
    position: relative;
}
.topgnb > a > span.beta {
    font-size: 12px;
    background: #FFCF26;
    border-radius: 50px;
    padding: 0px 6px;
    position: absolute;
    bottom: 18px;
    right: -25px;
    font-weight: 700;
    text-align: center;
    line-height: 1.4;
    color: #222;
}
.lnb {
    height: 50px;
    font-size: 16px;
    font-family: 'Pretendard';
    letter-spacing: -0.32px;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.lnb::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
a.lnb_item {
    padding: 15.5px 10px;
    box-sizing: border-box;
    display:inline-block;
}
a.lnb_item:not(:last-child) {
    margin-right: 20px;
}
.lnb_wrap {
    display: block;
    width: max-content;
    padding: 0 20px;
}

a.lnb_item.active {
    /* border-bottom: 5px solid #2979ff; */
    box-shadow: inset 0 -4px 0 #2979ff;
    font-weight: 700;
}