@charset "utf-8";
/* sidequick CSS */
/*2022.04.08 YHY*/
/*2022.04.11 YHY*/
/*2022.04.13 YHY*/



/*color setting*/
.subQuickMenu .toggleBtn.bg-red-strong,
.subQuickMenu .toggleBtn.bg-pink-strong,
.subQuickMenu .toggleBtn.bg-orange-strong,
.subQuickMenu .toggleBtn.bg-yellow-strong,
.subQuickMenu .toggleBtn.bg-green-strong,
.subQuickMenu .toggleBtn.bg-blue-strong,
.subQuickMenu .toggleBtn.bg-navy,
.subQuickMenu .toggleBtn.bg-brown-strong,
.subQuickMenu .toggleBtn.bg-violet-strong,
.subQuickMenu .toggleBtn.bg-purple-strong,
.subQuickMenu .toggleBtn.bg-grey-strong,
.subQuickMenu .toggleBtn.bg-black {color:#fff;}

.mobileQuick .toggleBtn.bg-red-strong .toggleHide button:before,
.mobileQuick .toggleBtn.bg-pink-strong .toggleHide button:before,
.mobileQuick .toggleBtn.bg-orange-strong .toggleHide button:before,
.mobileQuick .toggleBtn.bg-yellow-strong .toggleHide button:before,
.mobileQuick .toggleBtn.bg-green-strong .toggleHide button:before,
.mobileQuick .toggleBtn.bg-blue-strong .toggleHide button:before,
.mobileQuick .toggleBtn.bg-navy .toggleHide button:before,
.mobileQuick .toggleBtn.bg-brown-strong .toggleHide button:before,
.mobileQuick .toggleBtn.bg-violet-strong .toggleHide button:before,
.mobileQuick .toggleBtn.bg-purple-strong .toggleHide button:before,
.mobileQuick .toggleBtn.bg-grey-strong .toggleHide button:before,
.mobileQuick .toggleBtn.bg-black .toggleHide button:before {color:#fff;}




/* sub quickmenu basic setting */
.subQuickWrap {/* position: fixed; */left:0;width: 100%;/* height: 0; *//* min-height: 0 !important; */}
.wrap_left_template_wide .subQuickWrap .subQuickMenu{width: 100% !important;}

.sub_div_wrap {position:relative;}
.sub_div_wrap .subQuickMenu {position:absolute;width:100%;height:100%;top:0;visibility:hidden;box-sizing:border-box;}

.subQuickMenu .position {width: 100%;margin:0 auto;position:relative;text-align:right;}
.subQuickMenu .qscroll {position: relative; visibility:visible; float:left; width:100%; text-align:center; box-sizing:border-box;right: 0;}
.subQuickMenu .floating {position: relative;width:150px;box-sizing:border-box;display:inline-block;z-index: 1;position: absolute;right: 0;}
.subQuickMenu .floating .quick {padding:10px;width:150px;box-sizing:border-box;background: #f5f5f5;border:1px solid rgba(0,0,0,0.1);visibility:visible;}

.subQuickMenu.iconbox .qscroll {right:3px;}
.subQuickMenu.iconbox .qscroll>a, .mobileQuick .qscroll>a, .subQuickMenu.smallicon_box .qscroll>a {font-weight:600;letter-spacing:3px; display:inline-block;position:relative;width: 45px;height: 45px;line-height: 45px;box-sizing:border-box;text-align:center;margin-left:5px;background: #fff;border-radius: 100%;font-size: 13px;text-indent: -9999px;box-shadow: 0px 2px 10px rgb(0 0 0 / 15%);overflow: hidden;}
.subQuickMenu.iconbox .qscroll>a:before, .mobileQuick .qscroll>a:before {display:inline-block;font-family: 'fontAwesome'; font-size: 20px;position:absolute;left: 50%;transform: translate(-50%, 0%);/* margin-left: -6px; */letter-spacing:0;text-indent: 0;color: #555;}

.subQuickMenu.iconbox .moveTop>a:before, .mobileQuick .moveTop>a:before {content: "\f106"; top: 0;}
.subQuickMenu.iconbox .moveBottom>a:before, .mobileQuick .moveBottom>a:before {content: "\f107";}


div#topBtn {}
.subQuickMenu .floating .quick .movBtn {margin-top: 10px; text-align:center;}
.subQuickMenu .floating .quick .moveBottom {margin-top: 10px;}
.subQuickMenu .floating .toggle {visibility:visible;}

.subQuickWrap.fixed .subQuickMenu {position: fixed;right: 0;max-width: 100% !important;}

.subCon ~ .subQuickMenu .testbtn {display:none;}
.subCon ~ .subQuickMenu + .quickTest {display:none;}

  @media (min-width:1660px){
    .subQuickWrap .subQuickMenu:not(.flip_box) {width: 1300px;margin:0 auto;position: relative;}
    .sub_div_wrap .subQuickMenu {max-width:1300px; left:50%; transform:translateX(-50%);}
    .subQuickMenu .floating {margin-right:-170px;}
    .wrap_left_template .subQuickWrap.fixed .subQuickMenu:not(.flip_box) {width:1520px;}
    .wrap_left_template .subQuickMenu.flip_box .position {max-width:100%;}
    .wrap_left_template .subQuickMenu .floating {position:absolute; right:0; margin-right:0;}
  }
  @media (max-width:1659px){
    .subQuickWrap .subQuickMenu:not(.flip_box) {width:100%;}
    .wrap_left_template .subQuickWrap.fixed .subQuickMenu:not(.flip_box) {right:auto; left:50%; transform:translateX(-50%);}
  }
  @media (min-width:1520px) and (max-width:1659px){
    .wrap_left_template .subQuickWrap.fixed .subQuickMenu:not(.flip_box) {max-width:1520px !important;}
    .wrap_left_template_wide .sub_div_wrap .subQuickMenu {max-width:100%;left:0;transform:none;padding-right: 10px;}
    .wrap_left_template_wide .subQuickWrap.fixed .subQuickMenu:not(.flip_box) {max-width:100% !important; left:0; transform:translateX(0);}
  }

  @media (min-width:1660px) and (max-width:1880px){
    .wrap_left_template .subQuickMenu .floating {margin-right:0;}
    .wrap_left_template_wide .sub_div_wrap .subQuickMenu {max-width:100%;left:0;transform:none;padding-right: 10px;}
  }
  @media (min-width:1470px) and (max-width:1659px){
    .wrap_left_template .subQuickMenu .floating {margin-right:0 !important;}
    .wrap_left_template .subQuickWrap.fixed .subQuickMenu .floating {position: relative;}
  }
  /* @media (max-width:800px){
    .subQuickMenu {display:none;}
  } */


/* 관리자 위치 설정 */
#sideQuickMngrView .subQuickMenu {position:relative; margin:0; padding:0;}
#sideQuickMngrView .subQuickMenu .position {margin:0; padding:0; text-align:center;}
#sideQuickMngrView .subQuickMenu .floating {margin:0 auto; padding:0;}



/* 공통 */
.subQuickMenu .menuContents ul li img {image-rendering: -webkit-optimize-contrast;transform: translateZ(0);backface-visibility: hidden;}



/* 기본테마 basic */
.sub_div_wrap .subQuickMenu.basic {/* padding-top:20px; */}
.subQuickMenu.basic .quick {padding:0;background:transparent;border:none;height:auto;float:left;/* right:0; */}
.subQuickMenu.basic .toggleBtn {width:100%;height: 50px;position:relative;color: #333;transition: width 1s;}
.subQuickMenu.basic .toggleBtn .quick-title {width:100%;height: 50px;line-height: 50px;font-size:15px;font-weight:600;letter-spacing:1px;text-align:center;padding-right:15px;box-sizing:border-box;border-width: 1px 1px 0 1px;border-style: solid;border-color: rgba(0,0,0,0.1);}
.subQuickMenu.basic .toggleBtn .toggleView {width:100%;height: 50px;position:absolute;top:0;}
.subQuickMenu.basic .toggleBtn .toggleView button {font-size:1px;line-height:1px;text-indent:-999px;overflow:hidden;width:100%;height:100%;padding-left:77%;color: inherit;}
.subQuickMenu.basic .toggleBtn .toggleView button:before {content:"\276E";font-size:13px;transform: rotate(-90deg);display:inline-block;text-indent: 0;position: absolute;right: 13px;}
.subQuickMenu.basic .toggleBtn .toggleHide {position:absolute;width:100%;height: 50px;top:0;}
.subQuickMenu.basic .toggleBtn .toggleHide button {font-size:1px; line-height:1px; text-indent:-999px; overflow:hidden;  width:100%;height:100%; padding-left:77%; color:inherit;}
.subQuickMenu.basic .toggleBtn .toggleHide button:before {content:"\276F";font-size:13px;transform: rotate(-90deg);display:inline-block;position: absolute;right: 13px;text-indent: 0;}

.subQuickMenu.basic .menuContents {width:100% !important;float:left;padding-bottom:10px;/* background: #fff; */ box-sizing:border-box;}
.subQuickMenu.basic .menuContents ul {width:100%;height:auto;float:left;background: #fff;border:1px solid rgba(0,0,0,0.1);box-sizing:border-box;font-size: 18px;}
.subQuickMenu.basic .menuContents ul li {width:100%; clear:both; float:left; border-top:1px dotted rgba(0,0,0,0.1);box-sizing: border-box;}
.subQuickMenu.basic .menuContents ul li.division {border-top:1px solid rgba(0,0,0,0.1); padding:20px 0 10px; font-weight:600; text-align:center; font-size: 0.9em;}
.subQuickMenu.basic .menuContents ul li.division:empty {padding:10px 0 0;}
.subQuickMenu.basic .menuContents ul li.division + li {border-top:none;}
.subQuickMenu.basic .menuContents ul li.division + li.division {display:none;}
.subQuickMenu.basic .menuContents ul li a {padding: 14px 5px; text-align:center; width:100%; min-height: 50px; float:left;  box-sizing:border-box; word-break: break-all;}
.subQuickMenu.basic .menuContents ul li a:hover,
.subQuickMenu.basic .menuContents ul li a:focus {font-weight:600;}
.subQuickMenu.basic .menuContents ul li:first-child {border-top:none;}
.subQuickMenu.basic .menuContents ul li img {/*display:none;*/ width:15px; height:15px; vertical-align:middle; margin-right:5px; display:inline-block;}
.subQuickMenu.basic .menuContents ul li img + span {display:inline-block; text-indent:0; max-width:calc(100% - 20px); vertical-align:middle;}
.subQuickMenu.basic .menuContents ul li span {font-size: 0.85em;line-height: 130%;}

.subQuickMenu.basic .qscroll {text-align:center; border: 1px solid rgba(0,0,0,0.1);}
.subQuickMenu.basic .qscroll>a {height: 45px;line-height: 45px;display:block;background: #fff;letter-spacing: 1px;color: #555;}
.subQuickMenu.basic .qscroll>a:before {content: "\279D"; display: inline-block; transform: rotate(-90deg); font-size: 13px; opacity: 0.8;}
.subQuickMenu.basic .qscroll.moveBottom>a:before {transform: rotate(90deg);}
.subQuickMenu.basic .close .qscroll:before {content:""; width:100%; float:left;}


  /*color setting*/
  .subQuickMenu.basic .toggleBtn.bg-red-strong,
  .subQuickMenu.basic .toggleBtn.bg-pink-strong,
  .subQuickMenu.basic .toggleBtn.bg-orange-strong,
  .subQuickMenu.basic .toggleBtn.bg-yellow-strong,
  .subQuickMenu.basic .toggleBtn.bg-green-strong,
  .subQuickMenu.basic .toggleBtn.bg-blue-strong,
  .subQuickMenu.basic .toggleBtn.bg-navy,
  .subQuickMenu.basic .toggleBtn.bg-brown-strong,
  .subQuickMenu.basic .toggleBtn.bg-violet-strong,
  .subQuickMenu.basic .toggleBtn.bg-purple-strong,
  .subQuickMenu.basic .toggleBtn.bg-grey-strong,
  .subQuickMenu.basic .toggleBtn.bg-black {color:#fff;}

  @media (min-width:1661px){
    .subQuickMenu.basic .quick {margin-right:10px;right:auto;}
  }
  @media (max-width:1660px){
    .subQuickMenu.basic .quick {margin-top:10px;}
    .subQuickMenu.basic .quick.close {width:70px;float: right;}
    .subQuickMenu.basic .close .toggleBtn {width:70px;height:auto;overflow:hidden;margin:0 auto;}
    .subQuickMenu.basic .close .toggleBtn .quick-title {line-height:18px; font-size:14px; padding:10px; height:auto;}
    .subQuickMenu.basic .close .toggleBtn .toggleView {height:auto;}
    .subQuickMenu.basic .close .toggleBtn .toggleView button {padding-left:0; height:55px;}
    .subQuickMenu.basic .close .toggleBtn .toggleView button:before {display:none;}
    .subQuickMenu.basic .qscroll>a:before {display: none;}
    .subQuickMenu.basic .qscroll>a {font-size: 13px; font-weight: 600;}

  }




/* 기본테마 smallicon_box */
.subQuickMenu.smallicon_box .quick {padding: 1px 0 0;background:transparent;border:none;height:auto;float:left;}

.subQuickMenu.smallicon_box .toggleBtn {width:100%; position:relative; background: #fff; padding:10px 0 15px;}
.subQuickMenu.smallicon_box .toggleBtn .quick-title {width: 120px; height:45px; line-height:22px; font-size:17px; font-weight:600; letter-spacing:1px;
                                                  text-align:left;padding-left:15px;box-sizing:border-box;overflow: hidden;}
.subQuickMenu.smallicon_box .toggleBtn .toggleView {width:100%; height: 100%; position:absolute; top:0;}
.subQuickMenu.smallicon_box .toggleBtn .toggleView button {font-size:1px; line-height:1px; text-indent:-999px; overflow:hidden; width:100%; height:100%; padding-left:83%;}
.subQuickMenu.smallicon_box .toggleBtn .toggleView button:before {content:"\276E";font-size:13px;display:inline-block;transform: rotate(90deg);position: absolute;text-indent: 0;right: 13px;top: 20px;}
.subQuickMenu.smallicon_box .toggleBtn .toggleHide {position:absolute; width:100%; height: 100%; top:0;}
.subQuickMenu.smallicon_box .toggleBtn .toggleHide button {font-size:1px; line-height:1px; text-indent:-999px; overflow:hidden; width:100%; height:100%; padding-left:80%;}
.subQuickMenu.smallicon_box .toggleBtn .toggleHide button:before {content:"\276F";font-size:13px;display:inline-block;transform: rotate(90deg);position: absolute;text-indent: 0;right: 13px;top: 20px;}

.subQuickMenu.smallicon_box .menuContents {float:left; width:100% !important; margin-bottom: 10px; box-sizing:border-box;}
.subQuickMenu.smallicon_box .menuContents ul {font-size:18px;}
.subQuickMenu.smallicon_box .menuContents ul li {width:100%; float:left;}
.subQuickMenu.smallicon_box .menuContents ul li.division {border-top:2px solid rgba(0,0,0,0.1);background:#fff;padding:20px 15px 10px;font-weight:600;font-size: 0.9em;text-align:left;box-sizing:border-box;}
.subQuickMenu.smallicon_box .menuContents ul li.division:empty {padding:10px 0 0;}
.subQuickMenu.smallicon_box .menuContents ul li.division + li a {border-top:none;}
.subQuickMenu.smallicon_box .menuContents ul li.division + li.division {display:none;}
.subQuickMenu.smallicon_box .menuContents ul li:first-child.division {border-top:none; margin-top:0;}
.subQuickMenu.smallicon_box .menuContents ul li a {padding: 10px 0;text-align:left; width:100%; min-height:45px; float:left; border-top:1px dotted #e1e1e1; background: #fbfbfb; box-sizing:border-box; position:relative;}
.subQuickMenu.smallicon_box .menuContents ul li a:hover,
.subQuickMenu.smallicon_box .menuContents ul li a:focus {font-weight:600;}
.subQuickMenu.smallicon_box .menuContents ul li:first-child a {border-top:none;}
.subQuickMenu.smallicon_box .menuContents ul li img {/* display:none; */max-width:20px;max-height:15px;vertical-align:middle;position:absolute;left:15px;top: 12px;}
.subQuickMenu.smallicon_box .menuContents ul li img + span {padding: 0 5px 0 42px;width: 100%;word-break: break-all;}
.subQuickMenu.smallicon_box .menuContents ul li span {font-size: 0.9em;line-height: 150%;padding:0 15px;float:left;box-sizing:border-box;}
.subQuickMenu.smallicon_box .menuContents ul li span:only-child {width:100%;}


.subQuickMenu.smallicon_box .qscroll {  box-sizing: border-box; /* background: #fff; */border-radius: 100%;top: 10px;right: 3px;}
.subQuickMenu.smallicon_box .qscroll>a {position: relative;overflow: hidden;}
.subQuickMenu.smallicon_box .qscroll>a:after {content: ''; position: absolute; background: url(/images/wzwg/module/sidequick/icon_arrow_dot.png) no-repeat; width: 11px; height: 22px; top: 0; left: 50%; transform: translate(-50%, 50%);}
.subQuickMenu.smallicon_box .qscroll.moveBottom>a:after {transform: rotate(-180deg) translate(50%, -50%);}


  /*color setting*/
  .subQuickMenu.smallicon_box .toggleBtn.bg-red-strong .quick-title>a,
  .subQuickMenu.smallicon_box .toggleBtn.bg-pink-strong .quick-title>a,
  .subQuickMenu.smallicon_box .toggleBtn.bg-orange-strong .quick-title>a,
  .subQuickMenu.smallicon_box .toggleBtn.bg-yellow-strong .quick-title>a,
  .subQuickMenu.smallicon_box .toggleBtn.bg-green-strong .quick-title>a,
  .subQuickMenu.smallicon_box .toggleBtn.bg-blue-strong .quick-title>a,
  .subQuickMenu.smallicon_box .toggleBtn.bg-navy .quick-title>a,
  .subQuickMenu.smallicon_box .toggleBtn.bg-brown-strong .quick-title>a,
  .subQuickMenu.smallicon_box .toggleBtn.bg-violet-strong .quick-title>a,
  .subQuickMenu.smallicon_box .toggleBtn.bg-purple-strong .quick-title>a,
  .subQuickMenu.smallicon_box .toggleBtn.bg-grey-strong .quick-title>a,
  .subQuickMenu.smallicon_box .toggleBtn.bg-black .quick-title>a {color:#fff;}

  .subQuickMenu.smallicon_box .toggleBtn.bg-red-strong .menuContents ul li a:hover span,
  .subQuickMenu.smallicon_box .toggleBtn.bg-pink-strong .menuContents ul li a:hover span,
  .subQuickMenu.smallicon_box .toggleBtn.bg-orange-strong .menuContents ul li a:hover span,
  .subQuickMenu.smallicon_box .toggleBtn.bg-yellow-strong .menuContents ul li a:hover span,
  .subQuickMenu.smallicon_box .toggleBtn.bg-green-strong .menuContents ul li a:hover span,
  .subQuickMenu.smallicon_box .toggleBtn.bg-blue-strong .menuContents ul li a:hover span,
  .subQuickMenu.smallicon_box .toggleBtn.bg-navy .menuContents ul li a:hover span,
  .subQuickMenu.smallicon_box .toggleBtn.bg-brown-strong .menuContents ul li a:hover span,
  .subQuickMenu.smallicon_box .toggleBtn.bg-violet-strong .menuContents ul li a:hover span,
  .subQuickMenu.smallicon_box .toggleBtn.bg-purple-strong .menuContents ul li a:hover span,
  .subQuickMenu.smallicon_box .toggleBtn.bg-grey-strong .menuContents ul li a:hover span,
  .subQuickMenu.smallicon_box .toggleBtn.bg-black .menuContents ul li a:hover span {color:#fff;}

  .subQuickMenu.smallicon_box .toggleBtn.bg-red-strong .toggleHide button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-pink-strong .toggleHide button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-orange-strong .toggleHide button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-yellow-strong .toggleHide button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-green-strong .toggleHide button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-blue-strong .toggleHide button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-navy .toggleHide button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-brown-strong .toggleHide button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-violet-strong .toggleHide button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-purple-strong .toggleHide button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-grey-strong .toggleHide button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-black .toggleHide button:before {color:#fff;}

  .subQuickMenu.smallicon_box .toggleBtn.bg-red-strong .toggleView button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-pink-strong .toggleView button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-orange-strong .toggleView button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-yellow-strong .toggleView button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-green-strong .toggleView button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-blue-strong .toggleView button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-navy .toggleView button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-brown-strong .toggleView button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-violet-strong .toggleView button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-purple-strong .toggleView button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-grey-strong .toggleView button:before,
  .subQuickMenu.smallicon_box .toggleBtn.bg-black .toggleView button:before {color:#fff;}


  @media (max-width:1660px){
    .subQuickMenu.smallicon_box .toggleBtn .toggleView,
    .subQuickMenu.smallicon_box .toggleBtn .toggleHide {height: 55px;}
    .subQuickMenu.smallicon_box .quick.close {width:70px;right:0; float:right;}

    .subQuickMenu.smallicon_box .close .toggleBtn {width:70px; height: 56px; line-height:56px; padding:0; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box;}
    .subQuickMenu.smallicon_box .close .toggleBtn .quick-title {width:100%; height:auto; display:inline-block; vertical-align:middle; padding-left:0; text-align:center; font-size:14px; line-height: 20px;height: 40px;}
    .subQuickMenu.smallicon_box .close .toggleBtn .toggleView button:before {display:none;}
  }




/* 기본테마 iconbox */
.subQuickMenu.iconbox .quick {padding:0;background:transparent;border:none;height:auto;float:left;text-align:center;margin-top: 3px;}

.subQuickMenu.iconbox .toggleBtn {/* position:relative; */ /* background:inherit; *//* color: #333; */
                                width: 90px;height: 90px;text-align:center; display:inline-block; overflow:hidden; border:1px solid rgba(0,0,0,0.1);
                                position: relative; /* top: -100px; *//* left: 50%; *//* transform: translateX(-50%); */ border-radius:100%; box-sizing:border-box;}
.subQuickMenu.iconbox .toggleBtn .quick-title {overflow:hidden; display:inline-block; width: 90px; height: 90px; margin-top:40px; padding:0 10px; box-sizing: border-box; word-break: break-all; font-size:15px; font-weight:600; letter-spacing:2px; text-align:center;}
.subQuickMenu.iconbox .toggleBtn .toggleView {width:100%;height: 90px;position:absolute;top: 0px;color: inherit;}
.subQuickMenu.iconbox .toggleBtn .toggleView button {font-size:1px; line-height:1px; text-indent:-999px; overflow:hidden;  width:100%;height:100%;color: inherit;}
.subQuickMenu.iconbox .toggleBtn .toggleView button:before {content:"\276E";font-size:13px;line-height:28px;position:absolute;top:12px;margin-left: -3px;display: inline-block;transform: rotate(-90deg);text-indent: 0;right: 45%;}
.subQuickMenu.iconbox .toggleBtn .toggleHide {position:absolute;width:100%;height: 90px;top:0;color: inherit;}
.subQuickMenu.iconbox .toggleBtn .toggleHide button {margin: 1px;font-size:1px; line-height:1px; text-indent:-999px; overflow:hidden;  width:100%;height:100%; color: inherit;}
.subQuickMenu.iconbox .toggleBtn .toggleHide button:focus {border:1px solid #666; border-radius: 100%; box-sizing: border-box;}
.subQuickMenu.iconbox .toggleBtn .toggleHide button:before {content:"\276F";font-size:13px;line-height:28px;position:absolute;top:12px;margin-left: -3px;display: inline-block;transform: rotate(-90deg);text-indent: 0;right: 45%;}

.subQuickMenu.iconbox .menuContents {width:100% !important; float:left; box-sizing:border-box; margin-top: -3px;}
.subQuickMenu.iconbox .menuContents ul {width:100%;display: inline-block;height:auto;font-size: 18px;text-align: center;margin: 0 auto;}
.subQuickMenu.iconbox .menuContents ul li {display: block;width:100%; clear:both; background: #f5f5f5;width: 90px;height: 90px;margin: 15px auto; border-radius: 50%;}
.subQuickMenu.iconbox .menuContents ul li:first-child.division {border-top:none; margin-top:0;}
.subQuickMenu.iconbox .menuContents ul li.division {border-top:2px solid rgba(0,0,0,0.1);padding:20px 15px 10px;margin-top:10px;font-weight:600;font-size: 0.95em;text-align:center;box-sizing:border-box;}
.subQuickMenu.iconbox .menuContents ul li.division:empty {padding:10px 0 0;}
.subQuickMenu.iconbox .menuContents ul li.division + li {border-top:none;}
.subQuickMenu.iconbox .menuContents ul li.division + li.division {display:none;}
.subQuickMenu.iconbox .menuContents ul li a {display: block;position: relative; padding:13px 5px;text-align:center; width:100%; height: 100%; border-radius: 50%;box-sizing:border-box;z-index: 1;border: 1px solid #f9f9f9;}
.subQuickMenu.iconbox .menuContents ul li a:before {content:''; position: absolute; left:50%; top:50%;  width: 0;height: 0; border-radius: 50%; transform: translate(-50%,-50%); transition: all .5s;background: #dbe3f5;opacity: 0.3;z-index: -1;}
.subQuickMenu.iconbox .menuContents ul li a:hover,
.subQuickMenu.iconbox .menuContents ul li a:focus {font-weight: 600;}
.subQuickMenu.iconbox .menuContents ul li a:hover:before,
.subQuickMenu.iconbox .menuContents ul li a:focus:before {width: 123px; height: 123px;}
.subQuickMenu.iconbox .menuContents ul li img {display:inline-block;max-height:30px;max-width:35px;}
.subQuickMenu.iconbox .menuContents ul li img + span {margin-top: 5px;}
.subQuickMenu.iconbox .menuContents ul li span {overflow: hidden; white-space:nowrap; font-size: 15px;color: #444;width:100%;clear:both;display:block; font-weight: 600;letter-spacing: -1px; word-break: break-all;}


  /*color setting*/
  .subQuickMenu.iconbox .toggleBtn.bg-red-strong,
  .subQuickMenu.iconbox .toggleBtn.bg-pink-strong,
  .subQuickMenu.iconbox .toggleBtn.bg-orange-strong,
  .subQuickMenu.iconbox .toggleBtn.bg-yellow-strong,
  .subQuickMenu.iconbox .toggleBtn.bg-green-strong,
  .subQuickMenu.iconbox .toggleBtn.bg-blue-strong,
  .subQuickMenu.iconbox .toggleBtn.bg-navy,
  .subQuickMenu.iconbox .toggleBtn.bg-brown-strong,
  .subQuickMenu.iconbox .toggleBtn.bg-violet-strong,
  .subQuickMenu.iconbox .toggleBtn.bg-purple-strong,
  .subQuickMenu.iconbox .toggleBtn.bg-grey-strong,
  .subQuickMenu.iconbox .toggleBtn.bg-black {color:#fff;}

  @media (max-width:1660px){
    .subQuickMenu.iconbox .quick.close {width:70px; right:0; margin-right:10px; float:right;}
    .subQuickMenu.iconbox .close .toggleBtn {right: 10px;left: auto;transform: none;}
  }

  /* @media (max-width:800px){
    .subQuickMenu.iconbox .menuContents ul li img + span {display: none;}
    .subQuickMenu.iconbox .menuContents ul li {width: 66px; height: 66px;}
    .subQuickMenu.iconbox .toggleBtn {width: 66px; height:66px; top:-66px;}
    .subQuickMenu.iconbox .toggleBtn .quick-title {display: none;}
  } */

.wrap_left_template:not(.wrap_left_template_wide) .subQuickWrap:not(.fixed) .subQuickMenu.flip_box {position: fixed;}




/* 서브퀵 미사용인경우 - 상/하단이동버튼만 보임. */
.topBtnOnly {padding-top:0;}
.topBtnOnly .position .floating .quick {width:50px; height:110px; margin:10px; padding:0; z-index:9999; display:block !important; bottom:0;  position:fixed !important;
                                        -webkit-transition:transform 1s; transition:transform 1s; -webkit-animation: opacityfx 1s 1 ease;-o-animation: opacityfx 1s 1 ease; animation: opacityfx 1s 1 ease; border: none; background: none;}
.topBtnOnly .position .floating .quick .moveTop {display:block;width: 50px;height: 50px;margin-bottom: 10px;box-sizing: border-box;}
.topBtnOnly .position .floating .quick .moveTop:first-child {/* margin-top: -60px; */}
.topBtnOnly .position .floating .quick .moveTop a {width:100%;height: 100%;display:block;text-align:center;letter-spacing:2px;font-weight:600;/* padding:37px 0 6px; */text-indent: -999px;overflow: hidden;box-shadow: 0px 2px 10px rgb(0 0 0 / 15%);border: 1px solid rgba(0,0,0,0.1);border-radius: 100%; background:#fff;box-sizing: border-box;}
.topBtnOnly .position .floating .quick .moveTop a:before {content:""; width: 23px; height: 15px; position:absolute; top: 19px; left:50%; transform:translateX(-50%);
                                                          background:url(/images/wzwg/cmm/icon_set.png); background-position: -49px 2px; background-position: -36px; background-size: 500px;}
.topBtnOnly .position .floating .quick .moveTop a:after {content:"";width:20px;height: 3px;background: #acacac;display:inline-block;position: absolute;top: 17px;left: 50%;transform: translateX(-50%);}
.topBtnOnly .position .floating .quick .moveTop a:focus {border:1px solid #333; border-radius:100%;}

.topBtnOnly .position .floating .quick .moveTop#bottomBtn a:before {transform: rotate(-180deg); top: 76px; margin-left: -11px;}
.topBtnOnly .position .floating .quick .moveTop#bottomBtn a:after {top: 90px;}

@keyframes opacityfx {
    0% {opacity:0;}
    100% {opacity:1;}
}

  @media (max-width:800px){
    .topBtnOnly .position .floating .quick .moveTop {width:35px; height:35px;}
    .topBtnOnly .position .floating .quick .moveTop a {position: relative;}
    .topBtnOnly .position .floating .quick .moveTop a:before {top:14px;}
    .topBtnOnly .position .floating .quick .moveTop a:after {top:12px;}
    .topBtnOnly .position .floating .quick .moveTop#bottomBtn a:before {top:7px;}
    .topBtnOnly .position .floating .quick .moveTop#bottomBtn a:after {top:21px;}
    }


/* 구분선 무력화 */
.subQuickMenu.iconbox .menuContents ul li.division, .mobileQuick .menuContents ul li.division {display: none;}


/* 모바일 공통 */
.mobileQuick .menuContents {margin-right: 0;position: absolute;bottom: 180px;right: 13px;}
.mobileQuick .menuContents ul {display: inline-block;}
.mobileQuick .menuContents ul li {/* display: block; */ margin-top: 10px; }
.mobileQuick .menuContents ul li a {display: block; text-align: center;border-radius: 100%;width: 50px;height: 50px;line-height: 50px;background: #f3f3f3;margin: 0 auto; box-shadow:0px 2px 10px rgb(0 0 0 / 15%);}
.mobileQuick .menuContents ul li a span {position: absolute; text-indent:-9999px;}
.mobileQuick .menuContents ul li img {display: inline-block; max-height: 25px; max-width: 30px;vertical-align: middle;}

.mobileQuick .toggleBtn {position: relative; background: inherit; color: #333; width: 60px; height: 60px; text-align: center; display: inline-block; overflow: hidden; border: 1px solid rgba(0,0,0,0.1); /* position: absolute; */ /* top: -50px; */ right: 0;  border-radius: 100%; box-sizing: border-box;}
.mobileQuick .toggleBtn .toggleView {width: 100%; height: 60px; position: absolute; top: 0px; color: inherit;}
.mobileQuick .toggleBtn .toggleView button {font-size: 1px; line-height: 1px; text-indent: -999px; overflow: hidden; width: 100%; height: 100%; color: inherit;}
.mobileQuick .toggleBtn .toggleView button:before {width: 100%; height: 100%; content: "\f107"; font-family: "fontAwesome"; font-size: 15px; position: absolute; top: 10px; display: inline-block; /*transform: rotate(-90deg);*/ text-indent: 0; left: 50%;margin: 0 auto;text-align: center;transform: translate(-50%, 0);}
.mobileQuick .toggleBtn .toggleHide button:before {width: 100%; height: 100%; content: "\f106"; font-family: "fontAwesome"; font-size: 15px; position: absolute; top: 2px; display: inline-block; /*transform: rotate(-90deg);*/ text-indent: 0; left: 50%;margin: 0 auto;text-align: center;transform: translate(-50%, 0);}
.mobileQuick .toggleBtn .quick-title {width: 60px; height: 60px; overflow: hidden; display: inline-block; line-height: 60px; font-size: 15px; font-weight: 600; letter-spacing: 2px; text-align: center;font-size: 13px;}

.mobileQuick .floating .quick {background:transparent; border:0;position: fixed;bottom: 10px;}

.mobileQuick .qscroll {height:35px; line-height: 35px; text-align: right; right: 13px;}
.mobileQuick .qscroll>a {width:35px; height:35px;}
.mobileQuick .qscroll>a:before {/* height:35px; */ top: -12%!important;}