@charset "utf-8";
/*2020.04.06 OSY (484번째줄 - left:15px; 추가)*/
/*2020.04.09 OSY (496번째줄 - left:4px; 추가)*/
/*2020.06.23 SSJ (486번째줄 수정)*/


/* sub quickmenu basic setting */
.subQuickMenu {position:absolute;/* background: #6aeaea80; */width:100%;height:100vh;top:0;left:0;visibility:hidden;padding-top:75px;/* overflow-x:hidden; */}
.subQuickMenu .position {/* background: #ea5eed80; */margin:0 auto;position:relative;text-align:right;}
.subQuickMenu .floating {position:relative;width:150px;box-sizing:border-box;display:inline-block;/* float:right; *//* background: #eaef3a80; */}
.subQuickMenu .floating .quick {padding:10px; width:150px;box-sizing:border-box; background: #f5f5f5; border:1px solid rgba(0,0,0,0.1); visibility:visible; position:relative;}
.subQuickMenu .floating .toggle {visibility:visible;}

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

  @media (min-width:1660px){
    .subQuickMenu .position {max-width:1300px;}
    .subQuickMenu .floating {margin-right:-170px;}
    .wrap_left_template .subQuickMenu .quick {right:0 !important; position:fixed !important; top:0 !important;}
  }
  @media (min-width:991px) and (max-width:1659px){
    .subQuickMenu .floating {margin-right:10px;}
  }
  @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;}

/* #sideQuickMngrView .subQuickMenu.flip_box .floating .quick {position:fixed !important;} */


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

.subQuickMenu.basic .menuContents {width:100% !important;float:left;padding-bottom:10px;background: #fff;/* border:1px solid rgba(0,0,0,0.1); */box-sizing:border-box;}
.subQuickMenu.basic .menuContents ul {width:100%;height:auto;float:left;background: #fafafa;border:1px solid rgba(0,0,0,0.1);box-sizing:border-box;}
.subQuickMenu.basic .menuContents ul li {width:100%; clear:both; float:left; border-top:1px dotted rgba(0,0,0,0.1);}
.subQuickMenu.basic .menuContents ul li.division {border-top:2px solid rgba(0,0,0,0.1); padding:20px 0 10px; margin-top:10px; font-weight:600; text-align:center;}
.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:15px 5px; text-align:center; width:100%; min-height:47px; float:left;  box-sizing:border-box; word-break:keep-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:14px; line-height:20px;}

.subQuickMenu.basic .moveTop {float:left;/* margin-top:10px; */width:100%;/* height:40px; */line-height:40px;text-align:center;background:#747474;background:rgba(0,0,0,0.5);}
.subQuickMenu.basic .moveTop>a {font-weight:600;width:100%;height:100%;display:block;background:rgba(255,255,255,0.5);letter-spacing:3px;color:#fff;}
.subQuickMenu.basic .moveTop>a:before {content: "\25B2"; display:inline-block; font-size:10px; margin-right:3px;}
  
.subQuickMenu.basic .close .moveTop:before {content:""; width:100%; height:10px; float:left; background:#fff;}

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

  @media (min-width:1300px){
    .subQuickMenu.basic .floating {}
  }
  @media (min-width:1661px){
    .subQuickMenu.basic .floating {/* width: 1300px; *//* margin: 0 auto; */}
    .subQuickMenu.basic .quick {margin-top:10px;margin-right:10px; right:auto; /*right:0;*/}
  }
  @media (max-width:1660px){
    .subQuickMenu.basic .floating {width:auto; margin-right:0;}
    .subQuickMenu.basic .quick {margin-top:10px; margin-right:10px;}
    .subQuickMenu.basic .quick.close {width:70px; right:0; margin-right:10px;}
    .subQuickMenu.basic .close .toggleBtn {width:70px;height:auto;/* border-radius:10px; */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 {font-size:0;display: none;}

  }




/* 기본테마 basicbox */
.subQuickMenu.basicbox .quick {padding:0;/* background:transparent; */border:none;height:auto;float:left; margin-bottom:90px;}

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

.subQuickMenu.basicbox .menuContents {width: 100% !important;float:left;background: #fff;border:1px solid rgba(0,0,0,0.1);box-sizing:border-box;/* padding:10px 0 10px; */}
.subQuickMenu.basicbox .menuContents ul {width:100%;/* margin:0 1px; */float:left;/* background: #fff; *//* border:1px solid rgba(0,0,0,0.1); */box-sizing:border-box;}
.subQuickMenu.basicbox .menuContents ul li {width:100%; float:left; clear:both; border-top:1px solid rgba(0,0,0,0.1);}
.subQuickMenu.basicbox .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:14px; text-align:left; box-sizing:border-box;}
.subQuickMenu.basicbox .menuContents ul li.division:empty {padding:10px 0 0;}
.subQuickMenu.basicbox .menuContents ul li.division + li {border-top:none;}
.subQuickMenu.basicbox .menuContents ul li.division + li.division {display:none;}
.subQuickMenu.basicbox .menuContents ul li a {padding:11px 15px; min-height:39px; text-align:left; width:100%; float:left; background:#fff; box-sizing:border-box;word-break:keep-all;}
.subQuickMenu.basicbox .menuContents ul li a:hover,
.subQuickMenu.basicbox .menuContents ul li a:focus {font-weight:600;/* background:transparent !important; *//* color: #fff !important; */}
.subQuickMenu.basicbox .menuContents ul li:first-child {border-top:none;}
.subQuickMenu.basicbox .menuContents ul li:first-child.division {margin-top:0;}
.subQuickMenu.basicbox .menuContents ul li img {/*display:none;*/ width:15px; height:15px; vertical-align:middle; margin-right:5px; display:inline-block;}
.subQuickMenu.basicbox .menuContents ul li img + span {display:inline-block; text-indent:0; width:calc(100% - 20px); vertical-align:middle;}
.subQuickMenu.basicbox .menuContents ul li span {font-size:14px; line-height:20px;}

.subQuickMenu.basicbox .moveTop {/* float:left; *//* margin-top: -70px; */width: 70px;height: 70px;/* padding-top:10px; */line-height:40px;text-align:center;/* background: #fff; */background: inherit;/* display: inline-block; *//* position:absolute; *//* bottom:0; */overflow:hidden;position: absolute;left: 50%;transform: translateX(-50%);bottom: -80px;border-radius: 100%;overflow: hidden;}
.subQuickMenu.basicbox .moveTop>a {display:inline-block; position:relative; width:70px; height:70px; line-height:70px;
                                  padding-top:5px; padding-left:5px; letter-spacing:3px; /* background:rgba(0,0,0,0.8); */ background:inherit; border:1px solid rgba(0,0,0,0.1);
                                  /*color:#fff;*/ text-align:center; border-radius:100%; box-sizing:border-box; overflow: hidden;}
.subQuickMenu.basicbox .moveTop>a:before {content:"\276D"; display:inline-block; transform:rotate(-90deg); font-size:13px; position:absolute; top:-11px; left:49%; letter-spacing:0;}


.subQuickMenu.basicbox .close .moveTop:before {/* content:""; */width:100%;height:10px;float:left;background:#fff;}


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

  @media (min-width:1661px){
    .subQuickMenu.basicbox .quick {margin-top:10px; margin-right:10px; right:auto; /*right:10px;*/ /*right:0;*/}
  }
  @media (max-width:1660px){\
    .subQuickMenu.basicbox .floating {width:auto; margin-right:0;}
    .subQuickMenu.basicbox .menuContents {width:100% !important;}
    .subQuickMenu.basicbox .quick {margin-right:10px;right: 0; margin-top:10px;}
    .subQuickMenu.basicbox .toggleBtn {padding-top:10px;}
    .subQuickMenu.basicbox .quick.close {width:70px; right:0; margin-right:10px; float:right;}
    .subQuickMenu.basicbox .close .toggleBtn {width:70px; padding-top:0; /* height: 70px; */overflow:hidden; margin:0 auto; border:1px solid rgba(0,0,0,0.1);box-sizing:border-box;}
    .subQuickMenu.basicbox .close .toggleBtn .quick-title {width:100%; line-height:18px; font-size:14px; padding:10px; height:auto; text-align:center;}
    .subQuickMenu.basicbox .close .toggleBtn .toggleView {height:auto;}
    .subQuickMenu.basicbox .close .toggleBtn .toggleView button {padding-left:0; height:55px;}
    .subQuickMenu.basicbox .close .toggleBtn .toggleView button:before {font-size:0;display: none;}
    .subQuickMenu.basicbox .toggleBtn .toggleHide {height:65px;}

    .subQuickMenu.basicbox .close .moveTop {padding-top:0;position: absolute;bottom: -80px;background: inherit;border-radius: 100%;height: 70px;}
    .subQuickMenu.basicbox .close .moveTop:before {display:none;}
  }





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

.subQuickMenu.inbox .toggleBtn {width:100%;/* height:45px; */position:relative;/* background: #fff; */border:1px solid rgba(0,0,0,0.1);border-bottom:none;box-sizing:border-box;text-align:center;}
.subQuickMenu.inbox .toggleBtn .quick-title {width:90px;/* height:55px; */line-height:20px;font-size:15px;font-weight:600;letter-spacing:1px;text-align:left;padding:15px 0;display:inline-block;box-sizing:border-box;text-align:center;}
.subQuickMenu.inbox .toggleBtn .toggleView {width:100%;height:45px;position:absolute;top:0;}
.subQuickMenu.inbox .toggleBtn .toggleView button {font-size:0;line-height:0;width:100%;height:100%;padding-left:83%;}
.subQuickMenu.inbox .toggleBtn .toggleView button:before {content:"\276E"; font-size:13px; display:inline-block; transform:rotate(-90deg);}
.subQuickMenu.inbox .toggleBtn .toggleHide {position:absolute; width:100%; height:45px; top:0;}
.subQuickMenu.inbox .toggleBtn .toggleHide button {font-size:0; line-height:0; width:100%; height:100%; padding-left:80%;}
.subQuickMenu.inbox .toggleBtn .toggleHide button:before {content:"\276F";font-size:13px; display:inline-block; transform:rotate(-90deg);}

.subQuickMenu.inbox .menuContents {width:100% !important; float:left; padding:5px 10px 10px; border:1px solid rgba(0,0,0,0.1); border-width:0 1px;box-sizing:border-box;/* margin-top:10px; */}
.subQuickMenu.inbox .menuContents ul {width:100%; float:left; padding-bottom:15px; box-sizing:border-box;/* background: #fff; */border-bottom:1px solid rgba(0,0,0,0.2);}
.subQuickMenu.inbox .menuContents ul li {width:100%; float:left;}
.subQuickMenu.inbox .menuContents ul li.division {border-top:1px solid rgba(0,0,0,0.1); padding:20px 15px 10px; margin-top:15px; font-weight:600; font-size:13px; text-align:center; box-sizing:border-box;}
.subQuickMenu.inbox .menuContents ul li.division:empty {padding:10px 0 0;}
.subQuickMenu.inbox .menuContents ul li.division + li {border-top:none;}
.subQuickMenu.inbox .menuContents ul li.division + li.division {display:none;}
.subQuickMenu.inbox .menuContents ul li:first-child.division {margin-top:0;}
.subQuickMenu.inbox .menuContents ul li a {padding:7px 0;text-align:center;width:100%;float:left; box-sizing:border-box;word-break:keep-all;font-family: NanumSquareR;}
.subQuickMenu.inbox .menuContents ul li a:hover,
.subQuickMenu.inbox .menuContents ul li a:focus {font-weight:600;background:rgba(0,0,0,0.7) !important;color: #fff !important;}
.subQuickMenu.inbox .menuContents ul li:last-child a {border-bottom:none;}
.subQuickMenu.inbox .menuContents ul li img {/*display:none;*/ max-width:15px; max-height:15px; vertical-align:middle; margin-right:5px;}
.subQuickMenu.inbox .menuContents ul li img + span {clear:both; display:inline-block; vertical-align:middle; max-width:calc(100% - 20px);}
.subQuickMenu.inbox .menuContents ul li span {font-size:14px; line-height:20px;}

.subQuickMenu.inbox .moveTop {float:left;/* margin-top:10px; */width:100%;/* height:40px; */padding-bottom:5px;line-height:40px;text-align:center;/* background:#747474; */border:1px solid rgba(0,0,0,0.1);border-top:none;box-sizing:border-box;}
.subQuickMenu.inbox .moveTop>a {font-weight:600;letter-spacing:3px;/* color:#fff; */}
.subQuickMenu.inbox .moveTop>a:before {content: "\25B2"; display:inline-block; font-size:10px; margin-right:3px;}


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

  .subQuickMenu.inbox .quick.bg-red-strong .moveTop>a,
  .subQuickMenu.inbox .quick.bg-pink-strong .moveTop>a,
  .subQuickMenu.inbox .quick.bg-orange-strong .moveTop>a,
  .subQuickMenu.inbox .quick.bg-yellow-strong .moveTop>a,
  .subQuickMenu.inbox .quick.bg-green-strong .moveTop>a,
  .subQuickMenu.inbox .quick.bg-blue-strong .moveTop>a,
  .subQuickMenu.inbox .quick.bg-navy .moveTop>a,
  .subQuickMenu.inbox .quick.bg-brown-strong .moveTop>a,
  .subQuickMenu.inbox .quick.bg-violet-strong .moveTop>a,
  .subQuickMenu.inbox .quick.bg-purple-strong .moveTop>a,
  .subQuickMenu.inbox .quick.bg-grey-strong .moveTop>a,
  .subQuickMenu.inbox .quick.bg-black .moveTop>a {color:#fff;}

  .subQuickMenu.inbox .quick.bg-red-strong .menuContents ul li.division,
  .subQuickMenu.inbox .quick.bg-pink-strong .menuContents ul li.division,
  .subQuickMenu.inbox .quick.bg-orange-strong .menuContents ul li.division,
  .subQuickMenu.inbox .quick.bg-yellow-strong .menuContents ul li.division,
  .subQuickMenu.inbox .quick.bg-green-strong .menuContents ul li.division,
  .subQuickMenu.inbox .quick.bg-blue-strong .menuContents ul li.division,
  .subQuickMenu.inbox .quick.bg-navy .menuContents ul li.division,
  .subQuickMenu.inbox .quick.bg-brown-strong .menuContents ul li.division,
  .subQuickMenu.inbox .quick.bg-violet-strong .menuContents ul li.division,
  .subQuickMenu.inbox .quick.bg-purple-strong .menuContents ul li.division,
  .subQuickMenu.inbox .quick.bg-grey-strong .menuContents ul li.division,
  .subQuickMenu.inbox .quick.bg-black .menuContents ul li.division {border-top:1px solid rgba(255,255,255,0.4);}
  .subQuickMenu.inbox .quick.bg-black .menuContents ul {border-bottom:1px solid rgba(255,255,255,0.8);}

  @media (min-width:1661px){
    .subQuickMenu.inbox .toggleBtn .toggleHide {display:none !important;}
  }
  @media (max-width:1660px){
    .subQuickMenu.inbox .quick {margin-top:10px;}
    .subQuickMenu.inbox .toggleBtn .toggleView,
    .subQuickMenu.inbox .toggleBtn .toggleHide {height:70px;}
  }





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

.subQuickMenu.smallicon_box .toggleBtn {width:100%;/* height:45px; */ position:relative; background: #fff; padding:10px 0 15px;}
.subQuickMenu.smallicon_box .toggleBtn .quick-title {width:90px; height:45px; line-height:22px; font-size:17px; font-weight:600; letter-spacing:1px;
                                                  text-align:left;padding-left:15px;box-sizing:border-box;}
.subQuickMenu.smallicon_box .toggleBtn .toggleView {width:100%; height:45px; position:absolute; top:0;}
.subQuickMenu.smallicon_box .toggleBtn .toggleView button {font-size:0; line-height:0; 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);}
.subQuickMenu.smallicon_box .toggleBtn .toggleHide {position:absolute; width:100%; height:45px; top:0;}
.subQuickMenu.smallicon_box .toggleBtn .toggleHide button {font-size:0; line-height:0; 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);}

.subQuickMenu.smallicon_box .menuContents {width:100% !important; float:left; border:1px solid #e1e1e1;box-sizing:border-box;/* padding-top:15px; *//* background: #fff; */}
.subQuickMenu.smallicon_box .menuContents ul {}
.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:13px; 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:13px 0; text-align:left; width:100%; min-height:45px; float:left; border-top:1px dotted #e1e1e1;
                                                   background: #fff; box-sizing:border-box; word-break:keep-all; position:relative;}
.subQuickMenu.smallicon_box .menuContents ul li a:hover,
.subQuickMenu.smallicon_box .menuContents ul li a:focus {font-weight:600;background:transparent;}
.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;}
.subQuickMenu.smallicon_box .menuContents ul li img + span {padding:0 15px 0 42px;}
.subQuickMenu.smallicon_box .menuContents ul li span {font-size:14px; line-height:18px; padding:0 15px; float:left; box-sizing:border-box;}
.subQuickMenu.smallicon_box .menuContents ul li span:only-child {width:100%;}

.subQuickMenu.smallicon_box .moveTop {float:left;margin-top:10px;width:100%;height:40px;line-height:40px;text-align:center;/* background: #fff; *//* background:#747474; *//* border:1px solid rgba(0,0,0,0.5); *//* box-sizing:border-box; */position:absolute;bottom:0;}
.subQuickMenu.smallicon_box .moveTop:before {content:"";width:100%;float:left;height:10px;background:white;margin-top: -10px;}
.subQuickMenu.smallicon_box .moveTop>a {font-weight:600;letter-spacing:3px;/* color:#fff; */width:100%;height:40px;display:block;border:1px solid #e1e1e1;box-sizing:border-box;}
.subQuickMenu.smallicon_box .moveTop>a:after {content:"\279D";display:inline-block;transform:rotate(-90deg);font-size:13px; opacity:0.8;}

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

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

  @media (min-width:1661px){
    .subQuickMenu.smallicon_box .toggleBtn .toggleHide {display:none !important;}
    
  }
  @media (max-width:1660px){
    .subQuickMenu.smallicon_box .quick {margin-top:10px;}
    .subQuickMenu.smallicon_box .toggleBtn .toggleView,
    .subQuickMenu.smallicon_box .toggleBtn .toggleHide {height:70px;}
    .subQuickMenu.smallicon_box .quick.close {width:70px; right:0; margin-right:10px; 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:18px;}
    .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;/* padding-top: 90px; */margin-top: 90px;}

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

.subQuickMenu.iconbox .menuContents {width:100% !important; float:left; background:#fff; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box; margin-top: -3px;}
.subQuickMenu.iconbox .menuContents ul {width:100%; float:left; height:auto;}
.subQuickMenu.iconbox .menuContents ul li {width:100%; float:left; clear:both; border-top:1px solid rgba(0,0,0,0.1);}
.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:13px; 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 {padding:13px 5px;text-align:center; width:100%; float:left; box-sizing:border-box; word-break:keep-all;}
.subQuickMenu.iconbox .menuContents ul li a:hover,
.subQuickMenu.iconbox .menuContents ul li a:focus {font-weight:600;}
.subQuickMenu.iconbox .menuContents ul li:first-child {border-top:none;}
.subQuickMenu.iconbox .menuContents ul li img {display:inline-block;max-height:35px;max-width:40px;}
.subQuickMenu.iconbox .menuContents ul li img + span {margin-top:5px;}
.subQuickMenu.iconbox .menuContents ul li span {font-size:13px; color: #444; width:100%;clear:both;display:block; line-height:18px;}

.subQuickMenu.iconbox .moveTop {float:left;padding-top:10px;width:100%;height:40px;line-height:40px;text-align:center;background: #fff;}
.subQuickMenu.iconbox .moveTop>a {font-weight:600;letter-spacing:3px;/* width:100%; */display:inline-block;position:relative;padding-top:5px;height:40px;box-sizing:border-box;text-align:center;margin-left:5px;}
.subQuickMenu.iconbox .moveTop>a:before {content: "\276F";display:inline-block;transform:rotate(-90deg);font-size:13px;position:absolute;top: -11px;left:39%;letter-spacing:0;}

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

  @media (max-width:1660px){
    .subQuickMenu.iconbox .quick { margin-top:100px;}
    .subQuickMenu.iconbox .quick.close {width:70px; right:0; margin-right:10px; float:right;}
    .subQuickMenu.iconbox .close .toggleBtn .quick-title {line-height:80px;}
    .subQuickMenu.iconbox .toggleBtn .toggleView button:before {display:none;}
  }




/* 기본테마 flip_box */
.subQuickMenu.flip_box {padding-top:60px;}
.subQuickMenu.flip_box .position {max-width:none;}
.subQuickMenu.flip_box .floating {width:auto;margin-right:0;}
.subQuickMenu.flip_box .quick {padding:0;background:transparent;border:none;height:auto;float:left;/* padding-bottom:50px; */
                               width:auto;right:0;/* background: #fff; */margin-top:15px; margin-bottom:10px;}

.subQuickMenu.flip_box .toggleBtn {width:auto;height:45px;/* padding-right:20px; */float:left;position:relative;background:inherit;/* padding:10px 0 15px; *//* border-radius:10px 10px 0px 0px; */border:1px solid rgba(0,0,0,0.1);/* overflow:hidden; */position:absolute;left: -59px;top:60px;margin-left: -47px;transform:rotate(-90deg);}
.subQuickMenu.flip_box .toggleBtn .quick-title {font-family:NanumSquareR; width:165px;height:45px;line-height:49px;font-size:17px;font-weight:600;letter-spacing:1px;text-align:left;padding:0 0px 0 15px;box-sizing:border-box;}
.subQuickMenu.flip_box .toggleBtn .toggleView {width:100%;height:100%;position:absolute;top:0;text-align:right;}
.subQuickMenu.flip_box .toggleBtn .toggleView button {font-size:0;line-height:0;width:100%;height:100%; color:inherit; padding-right:20px;padding-top:20px;text-align:right;}
.subQuickMenu.flip_box .toggleBtn .toggleView button:before {content:"\276E";font-size:13px;display:inline-block;position:absolute;top:22px;right:50%;margin-right: -3px;/* line-height:38px; */}
.subQuickMenu.flip_box .toggleBtn .toggleHide {position:absolute;width:100%;height:45px;top:0;}
.subQuickMenu.flip_box .toggleBtn .toggleHide button {font-size:0;line-height:0;width:100%;height:100%; color:inherit; padding-right:20px;text-align:right;}
.subQuickMenu.flip_box .toggleBtn .toggleHide button:before {content:"\276F";font-size:13px;display:inline-block;transform:rotate(90deg);line-height:45px;}

.subQuickMenu.flip_box .menuContents {width:170px;float:left;/* border:1px solid #e1e1e1; */box-sizing:border-box;/* padding-top:15px; */background: #fff;/* padding-bottom:15px; */}
.subQuickMenu.flip_box .menuContents ul {float:left; width:100%; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box;}
.subQuickMenu.flip_box .menuContents ul li {width:100%; float:left; border-top:1px dotted rgba(0,0,0,0.2);}
.subQuickMenu.flip_box .menuContents ul li:first-child.division {border-top:none; margin-top:0;}
.subQuickMenu.flip_box .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:13px; text-align:left; box-sizing:border-box;}
.subQuickMenu.flip_box .menuContents ul li.division:empty {padding:10px 0 0;}
.subQuickMenu.flip_box .menuContents ul li.division + li {border-top:none;}
.subQuickMenu.flip_box .menuContents ul li.division + li.division {display:none;}
.subQuickMenu.flip_box .menuContents ul li a {padding:14px 0; text-align:left; width:100%; float:left; min-height:45px;
                                              background: #fff; box-sizing:border-box; word-break:keep-all; position:relative;}
.subQuickMenu.flip_box .menuContents ul li a:hover,
.subQuickMenu.flip_box .menuContents ul li a:focus {font-weight:600; background:transparent;}
.subQuickMenu.flip_box .menuContents ul li:first-child {border-top:none;}
.subQuickMenu.flip_box .menuContents ul li img {/* display:none; */max-width:20px;max-height:15px;vertical-align:middle;position:absolute;left:15px;}
.subQuickMenu.flip_box .menuContents ul li img + span {padding:0 15px 0 42px; width:100%; float:left; box-sizing:border-box;}
.subQuickMenu.flip_box .menuContents ul li span {font-size:14px; line-height:18px; padding:0 15px;}
.subQuickMenu.flip_box .menuContents ul li span:only-child {width:100%; float:left; box-sizing:border-box;}

.subQuickMenu.flip_box .moveTop {/*clear:both;padding-top:10px;width:40px;height:40px;margin:0 auto;line-height:40px;*/text-align:center;
                                 bottom:0; /*position:absolute; margin-bottom:-50px; left:50%; transform:translateX(-50%);*/ margin:0 10px 10px 0;
                                 position:fixed; right:0; background:inherit; width:70px; height:70px; border-radius:100%; line-height:70px;
                                 }
.subQuickMenu.flip_box .moveTop>a {font-weight:600;letter-spacing:3px;/* width:100%; */display:inline-block; height:100%; color:inherit; position:relative;padding-top:5px;height:40px;box-sizing:border-box;text-align:center;margin-left:5px;}
.subQuickMenu.flip_box .moveTop>a:before {content: "\276F";display:inline-block;transform:rotate(-90deg);font-size:13px;position:absolute;top: -11px;left:39%;letter-spacing:0;}

.subQuickMenu.flip_box .quick.close {height: 167px;border-radius: 10px 0 0 0;/* overflow: hidden; *//* margin-right: -45px; */}
.subQuickMenu.flip_box .close .toggleBtn {height:auto;/* left:-60px; */transform:none;top:0;left:0;width:45px;height:165px;border-radius:0;border:none;position:relative;margin-left:0;}
.subQuickMenu.flip_box .close .toggleBtn .quick-title {transform:rotate(-90deg); position:absolute; right:0; top:0; margin-right:-60px; margin-top:60px;
                                                       /* border:1px solid rgba(0,0,0,0.1); */ border-radius:10px 10px 0 0;}
.subQuickMenu.flip_box .close .moveTop {/*width:43px;height:43px;margin-left: -3px;border-radius:100%;box-sizing:border-box;padding-top:4px;float:right;margin: 10px 2px -50px 0;*/}

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





/* sub TOP button setting */
.topBtnOnly {padding-top:0;}
.topBtnOnly .position {}
.topBtnOnly .position .floating {}
.topBtnOnly .position .floating .quick {margin:10px; padding:0; width:60px; height:60px; -webkit-transition:transform 1s; transition:transform 1s;
                                        -webkit-animation: opacityfx 1s 1 ease;
                                        -o-animation: opacityfx 1s 1 ease;
                                        animation: opacityfx 1s 1 ease; z-index:9999}
.topBtnOnly .position .floating .quick .moveTop {display:block; width:100%; height:100%;}
.topBtnOnly .position .floating .quick .moveTop a {width:100%; display:block; text-align:center; letter-spacing:2px; font-weight:600; padding:37px 0 6px;}
.topBtnOnly .position .floating .quick .moveTop a:before {content:""; background:url(/images/wzwg/cmm/icon_set.png);
                                                          width:30px; height:20px; position:absolute; top:9px; left:50%; transform:translateX(-50%); background-position:-47px 2px;}

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

  @media (max-width:800px){
    .topBtnOnly {display:block;}
    .topBtnOnly .position .floating .quick {width:40px; height:40px;}
    .topBtnOnly .position .floating .quick .moveTop a {padding:21px 0 3px; font-size:12px;}
    .topBtnOnly .position .floating .quick .moveTop a:before {background-size:400px;background-position:-23px 1px;top:5px;/* left:4px; */height:12px;}
  }