/* 오른쪽 픽스 퀵메뉴 */
.right_fix { width:170px; height:100%;position:fixed; top:0px; right:-169px; text-align:center; z-index:10000;background:#fff;
 border-left:1px solid #ddd; z-index:10000;
-webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.07);  /* Safari and Chrome */
-moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.07);  /* Firefox */
box-shadow: -1px 0px 10px 0px rgba(0,0,0,0.07);  /* CSS3 */

}
.right_fix_warp { width:100%; height:100%; margin-top:70%; text-align:center;}

.right_fix ul.right_panel {list-style: none; width:130px;position:absolute; /*top:53.7%;*/ top:30%; left:-130px; }

.right_fix ul.right_panel li.fix_button  {cursor:pointer;width:100%;  height:42px;margin:0 auto;padding:0 0 0px 0;cursor:pointer;text-align:center;border:1px solid #454545;background:#454545;}
.right_fix ul.right_panel li.fix_off     {cursor:pointer;width:100%;  height:42px;margin:0 auto;padding:0 0 0px 0;cursor:pointer;text-align:center;border:1px solid #454545;background:#454545;}
.right_fix ul.right_panel li.fix_on      {cursor:pointer;width:100%;  height:42px;margin:0 auto;padding:0 0 0px 0;cursor:pointer;text-align:center;border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ffffff;border-left:1px solid #ddd;background:#f1f1f1; }
.right_fix ul.right_panel li .fix { width:100%; height:100%;cursor:pointer; line-height:40px; color:#000000; z-index:-1}

.right_fix ul.right_panel li.button { width:100%; height:40px; line-height:30px;text-decoration: none; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#f1f1f1;}
.right_fix ul.right_panel li.button a{ text-decoration: none; }

.right_fix ul.right_panel li.button:hover i { color:#e75c5c; }
.right_fix ul.right_panel li.button i.on { color:#e75c5c; }


.right_fix ul.right_panel li {position:relative; }
.right_fix ul.right_panel li .cap{position:absolute;z-index:5;top:6px;right:-50px; margin-right:50px;height:25px;line-height:25px;padding:0 10px;border:1px solid #ddd;background:#fff;color:#333;text-align:center;font-size:12px;opacity:0;transition:opacity .2s,right .2s .4s ease;-webkit-transition:opacity .2s,right .2s .4s ease;}
.right_fix ul.right_panel li:hover .cap{display:block;right:50px;opacity:1;transition:opacity .2s ease;-webkit-transition:opacity .2s ease;}



.right_fix  .oper_time { width:100%;margin:0 auto;  overflow:hidden; text-align:left; padding:8px 0 10px 5px;background:#ffffff; border:1px solid #ddd; }
.right_fix  .oper_time .phone {margin:0 auto; padding:0px 0 5px 0; line-height:18px;font-size:16px;font-weight:500;letter-spacing:-0.02em;}
.right_fix  .oper_time .hp {margin:0 auto;padding:0px 0 5px 0; line-height:18px;font-size:15px;font-weight:500;letter-spacing:-0.02em;}
.right_fix  .oper_time .hp2 {margin:0 auto;padding:0px 0 8px 15px; line-height:18px;font-size:15px;font-weight:500;letter-spacing:-0.05em;}
.right_fix  .oper_time .phone img {width:10%}
.right_fix  .oper_time strong {padding-right:0px;color:#333;font-size:11px;}
.right_fix  .oper_time i {padding-right:2px;color:#7c7c7c;}
.right_fix  .naver-talk { width:100%; margin:0; padding:0; }
.right_fix  .naver-talk img { width:100%;  }


.right_fix_warp  h4 {display:block;line-height:28px;margin:0 0 10px;border-bottom:1px dotted #888;border-top:1px dotted #888;font-size:16px;
font-weight:normal;text-align:center; letter-spacing:-0.05em; background:#f5f5f5}
.right_fix_warp  .oper_time{ width:100%;margin:0 auto;  font-size:11px;line-height:17px; text-align:left; padding:5px 0 0 10px; }
.right_fix_warp  .oper_time .phone {margin:0 auto; padding:0px 0 5px 0; line-height:18px;font-size:17px;font-weight:500;letter-spacing:-0.02em;}
.right_fix_warp  .oper_time .hp {margin:0 auto;padding:0px 0 10px 0; line-height:18px;font-size:17px;font-weight:500;letter-spacing:-0.02em;}
.right_fix_warp  .oper_time .phone img {width:10%}
.right_fix_warp  .oper_time strong {padding-right:10px;color:#333;}
.right_fix_warp  .oper_time i {padding-right:5px;color:#7c7c7c;}

    
.quickIco {display:block;}   
.quickIco {width:100%;margin:10px 0 10px 0;}
.quickIco:after{content:"";display:block;*zoom:1;clear:both;}
.quickIco ul{letter-spacing:-4px;}
.quickIco li {display:inline-block;width:90%;letter-spacing:0;margin:2px 0 2px 0px;}
.quickIco li a {font-size:13px;font-weight:400;  color:#333;margin:0px 0px 5px 0;}
.quickIco li a {display:block;border:1px solid #dfdfdf;color:#333;padding:0 0 0 10px;text-align:left;line-height:30px;}
.quickIco li a:hover {background:#f4f4f4;text-decoration:none;}
.quickIco li a i {margin:0px 5px 0 5px;font-size:18px;color:#777;}  


.right_fix_warp .naver-talk { margin:0px 0 10px 0; }




.right_quick.right .bank_info{font-size:11px;}
.right_fix_warp  .bank_info {width:87%;margin:0 auto;text-align:center;font-size:11px;line-height:17px;}
.right_fix_warp  .bank_info ul {width:100%;margin:0 auto;text-align:center;}
.right_fix_warp  .bank_info li{min-height:0;letter-spacing:0.1em;}
.right_fix_warp  .bank_info strong{display:block;float:left;width:32%;min-height:0;line-height:20px;font-weight:bold;}
.right_fix_warp  .bank_info span{width:80%;min-height:0;line-height:20px;}
.right_fix_warp  .bank_info .bank_list{display:none;width:110px;margin:10px 0 0;}
.right_fix_warp  .bank_info .bank_name {line-height:21px;font-size:15px;font-weight:700;letter-spacing:-0.05em;margin-bottom:7px;}
.right_fix_warp  .bank_info .bank_number {line-height:21px;font-size:14px;font-weight:700;letter-spacing:-0.05em;margin-bottom:7px;}



/* 퀵메뉴 페이지 창 */
/* Chrome, Safari용 스크롤 바 */
.scroll::-webkit-scrollbar {    width: 12px;}
.scroll::-webkit-scrollbar-track {    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);    border-radius: 10px;}
.scroll::-webkit-scrollbar-thumb {    border-radius: 10px;    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }

.scroll:hover::-webkit-scrollbar {    width: 12px;}
.scroll:hover::-webkit-scrollbar-track {    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);    border-radius: 10px;}
.scroll:hover::-webkit-scrollbar-thumb {    border-radius: 10px;    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }

.scroll {  width:100%;  height: 305px; margin:0 auto;text-align:center; overflow-x:hidden;}
.scroll:hover {  width:100%; height: 305px; margin:0 auto;text-align:center;   overflow-x:hidden; overflow-y:outo;}

.scroll {
    
scrollbar-highlight-color:#FFFFFF; 
scrollbar-3dlight-color:#FFFFFF; 
scrollbar-face-color:#FFFFFF; 
scrollbar-shadow-color:#FFFFFF; 
scrollbar-darkshadow-color:white; 
scrollbar-track-color:#FFFFFF; 
scrollbar-arrow-color:#FFFFFF; 
   
}

.scroll:hover {
scrollbar-highlight-color:#FFFFFF; 
scrollbar-3dlight-color:#ffffff; 
scrollbar-face-color:#F2ECE6; 
scrollbar-shadow-color:#ffffff; 
scrollbar-darkshadow-color:white; 
scrollbar-track-color:#FFFFFF; 
scrollbar-arrow-color:#ffffff;
   
}

#quick_warp {position:relative; width: 480px; overflow:hidden; }
#quick_right_warp { margin:0px auto; padding:15px 0 10px 0; width: 450px; }
#quick_con {position:relative; width: 430px; height: 305px; margin:0 auto;text-align:center;}

.con_a1, .con_a2, .con_a3, .con_a4, .con_a5, .con_a6, .con_a7, .con_a8, .con_a9  { width:100%;height:100%; margin:0 auto; padding:0;  background:#ffffff;}
.close_button {position:absolute; z-index:2000; margin:10px 25px 0 0; height:40px; right:0; cursor:pointer;line-height:40px;}
.close_button i { font-size:25px; line-height:40px; }    
#caption1.on, #caption2.on, #caption3.on, #caption4.on, #caption5.on, #caption6.on, #caption7.on, #caption8.on, #caption9.on {display:none;} 
#botton1.on, #botton2.on,  #botton3.on,  #botton4.on ,  #botton5.on,  #botton6.on, #botton7.on, #botton8.on, #botton9.on   {border-left:1px solid #ffffff;background:#ffffff;}  


/* 오른쪽 퀵 메뉴 팝업창 제목 */ 
.quick_titleArea  { width:100%; margin:0 auto;text-align:left;}
.quick_titleArea .titlebox {width:90%; height:40px; border-bottom:1px solid #ddd; padding:10px 0 0 55px; text-align:left;color:#333333;font-size:18px;  font-weight:100;  line-height:40px; margin:0 auto;zoom:1;}
.quick_titleArea span {position:absolute;color:#555;font-size:21px;text-align:center;margin:20px 0 0px 30px;}
.quick_titleArea .titlebox > em {display:inline-block;background:#333;width:4px;height:18px;position:relative;top:3px;margin-right:7px;}
/* 오른쪽 퀵 메뉴 팝업창 상세보기 버튼 */ 
.button_warp {width:100%; height:50px; background-color: #f8f8f8; border: none; color:#fff;  text-valign: middle;  text-decoration: none; }
.button_warp button {float:right;margin:10px 30px 0 0; width:100px; height:30px; background-color: #f8585b; border: none; color:#fff;  text-align: center;  text-decoration: none;  font-size: 13px;cursor: pointer;}
.button_warp button:hover {background-color: #f13b3e;}









@media all and (max-width: 768px) {


/* What-we-do 영역 */
#what-we-do .what-we-do-box {width:50%; padding:20px 0px 10px 0px}
#what-we-do .what-we-do-img {padding:20px 0px;} 
#what-we-do .what-we-do-box h4 {font-size:22px; color:#ffffff; line-height:10px; padding-bottom:10px;font-weight:700 }
#what-we-do .what-we-do-box p {padding-bottom:20px; font-size:15px;line-height:20px;color:#ffffff; font-weight:100}
#what-we-do h2 {color:#1E1E1E; font-size:35px; line-height:54px; font-weight:700; }
#what-we-do p {padding-bottom:20px; font-size:15px;line-height:20px;}

#what-we-do .what-we-do-pd {padding:0px 10px 10px 10px;}

#what-we-do .mobile_hidden { display:none;}


/* 소개 영역 */
#introduce {background-size:100%; padding:30px 20px; background-attachment:scroll; background-position:center bottom;}

/* 서비스 영역 */

#our-service .service-box-01 {width:100%; display:block;}
#our-service .service-box-02 {width:100%; display:block;}
#our-service .service-box-03 {width:100%; display:block;}
#our-service .service-box-btn {width:120px; color:#FFF; border:1px solid #FFF; font-size:11px; font-weight:600 !important; font-family:'Montserrat', sans-serif; padding:6px 12px; margin:0 auto;}
.business_youtube_t3 {color:#1E1E1E; font-size:13px;  line-height:15px; font-weight:bolder; margin: 0 auto;}



/* 고객센터 영역 */
#customer {background-attachment:scroll;}
#customer .cs-notice {width:100%;}
#customer .cs-center {width:100%; padding-left:0; padding-top:30px; padding-left:0;}
#customer .cs-center ul {padding:15px;}
#customer .cs-center li.tel_num {text-align:left;}
#customer .cs-icon {width:100%; padding-left:0;}
#customer .cs-icon ul li img {width:auto;}

/* 하단 풋터 영역 */
#footer .copyright {width:100%;}
#footer .copyright_logo img {width:270px;}
#footer .copyright_sns {width:100%;}
#footer .copyright_sns ul {float:left; padding-top:20px;}
#footer .copyright_sns ul li a {width:40px; height:40px; font-size:16px;}
#footer .footer_copyright li {width:100%;}



/* TOP버튼 */
#go-top {position: fixed; right:20px; bottom:10px;}

#go-top a.top { width:45px; height:45px; display: block; cursor:pointer; text-align: center; font-size:10px; font-weight:600; padding-top:22px; color: #FFF; background-color:rgba(0,0,0,0.6); background-image: url('../../img/_designcoco/images/top-bg.png'); background-repeat:no-repeat; background-position: center 10px; border-radius:3px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}
#go-top a:hover { color: #FFF;}


/* 오른쪽 픽스 퀵메뉴 영역 */
#go-top ul { display:none;}





}


@media all and (max-width: 768px) {


.right_fix { display:none;}

}


@media all and (max-width: 480px) {

.right_fix { display:none;}

}