@charset "utf-8"; 
/* ui-quickmenu */
.ui-quickmenu *{margin:0; padding:0; box-sizing:border-box}
.ui-quickmenu{position:fixed; right:0; top:0; width:80px; height:100%; z-index:1000; display:block; margin:0; padding:0; box-sizing:border-box;}
.ui-quickmenu .hide{position:absolute; width:0; height:0; z-index:-1; color:transparent; overflow:hidden; font-size:xx-small; line-height:0; }
    .ie8 .ui-quickmenu .hide{text-indent:-9999px;}
.ui-quickmenu h1{width:50px; height:35px; line-height:35px; font-size:12px; font-weight:600; color:#000; background:#fff; border-bottom:1px solid #EAEBED; text-align:center; z-index:2; margin:0 auto; display:block;}
.ui-quickmenu button,
.ui-quickmenu a{border:0; cursor:pointer; background-color:transparent; box-sizing:border-box; color:#444; }
.ui-quickmenu a:active,
.ui-quickmenu a:focus {outline: solid 1px #000;}
.ui-quickmenu-nav{display:block; border-left:1px solid #EAEBED; position:absolute; right:0; top:0; width:80px; height:100%; background:#fff; z-index:2;}
.ui-quickmenu-nav ul{border-bottom:1px solid #EAEBED; height:100%;}
.ui-quickmenu-nav li{list-style:none; text-align:center;}
.ui-quickmenu-nav li:first-child{border-top:0; }
.ui-quickmenu-item {display:block; position:relative; width:80px;}
.ui-quickmenu-item:before {display:block; content:''; clear:both; margin:10px auto 0; width:40px; height:40px; background-image:url(/resources/images/common/ico_side.png); background-repeat:no-repeat;}
button.ui-quickmenu-item span{margin-top:-6px; }
.ui-quickmenu-item.n1:before{background-position:0 0; } /* 가입후기 */
.ui-quickmenu-item.n1:hover:before{background-position:-40px 0; } /* 가입후기 */
.ui-quickmenu-item.n2:before{background-position:-80px 0; } /* 자주하는 질문 */
.ui-quickmenu-item.n2:hover:before{background-position:-120px 0; } /* 자주하는 질문 */
.ui-quickmenu-item.n3:before{background-position:-160px 0px; } /* 무이자할부 */
.ui-quickmenu-item.n3:hover:before{background-position:-200px 0; } /* 무이자할부 */
.ui-quickmenu-item.n4:before{background-position:-240px 0; } /* 전화가입상담 */
.ui-quickmenu-item.n4:hover:before{background-position:-280px 0; } /* 전화가입상담 */
.ui-quickmenu-item.n5:before{background-position:0 -40px; } /* 홈페이지 이용*/
.ui-quickmenu-item.n5:hover:before{background-position:-40px -40px; } /* 홈페이지 이용*/
.ui-quickmenu-item.n6:before{background-position:-80px -40px; } /* 보안프로그램설치 */
.ui-quickmenu-item.n6:hover:before{background-position:-120px -40px; } /* 보안프로그램설치 */
.ui-quickmenu-item.n7:before{background-position:-160px -40px; } /* 원격지원 */
.ui-quickmenu-item.n7:hover:before{background-position:-200px -40px; } /* 원격지원 */
.ui-quickmenu-item.n8:before{background-position:-240px -40px; } /* 연말 정산 */
.ui-quickmenu-item.n8:hover:before{background-position:-280px -40px; } /* 연말 정산 */
.ui-quickmenu-item.n9:before{background-position:0px -80px; } /* 할인특약 안내 */
.ui-quickmenu-item.n9:hover:before{background-position:-40px -80px; } /* 할인특약 안내 */
.ui-quickmenu-item.n10{background-position:-400px -100px; }
.ui-quickmenu-item.n11:before{background-position:-80px -80px; } /* 포인트결제 */
.ui-quickmenu-item.n11:hover:before{background-position:-120px -80px; } /* 포인트결제 */
.ui-quickmenu-item.n0{display:none}
.ui-quickmenu-item .tit{display:inline-block; padding:0 1px 10px 0; font-size:12px; color:#000; font-weight:400; line-height:1; letter-spacing: -0.07em; }
.ui-quickmenu-item:hover .tit{font-weight:500; }
.ui-quickmenu .btn-toggle{position:absolute; overflow:hidden; right:79px; top:36px; width:21px; height:86px; z-index:3;}

.ui-quickmenu-cont{display:none; position:fixed; right:-1100px; top:0; z-index:1; background:#fff; width:972px; height:100%; padding:0; border:none; background:#fff}
.ui-quickmenu-btn[aria-selected="true"]{background:red}
.ui-quickmenu-cont .btn-close{position:absolute; left:-50px; top:10px}
.ui-quickmenu-cont iframe{overflow-x:hidden; border:0; }
.ui-quickmenu-ifm{opacity:0}
.ui-quickmenu .iframe-backdrop{display:none; opacity:0; position:fixed; top:0; left:0; z-index:0; width:100%; height:200%; background-color:#000}
.ie8 .ui-quickmenu .iframe-backdrop{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.ie8 .ui-quickmenu .iframe-backdrop.on{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.7)"; }
.ui-quickmenu .btn-close{position:absolute; width:24px; height:24px; border:1px solid transparent; overflow:hidden; color:transparent; font-size:xx-small; box-sizing:content-box; }
    .ie8 .ui-quickmenu .btn-close{text-indent:-9999px;}
.ui-quickmenu .btn-close:after{content:""; position:absolute; top:0; left:0; display:block; ; }
.ui-quickmenu .btn-close:after{width:24px; height:24px; background:url(/resources/images/common/ico_btn.png) -120px -90px no-repeat}
.ui-quickmenu .btn-close em{overflow:hidden; width:100%; height:100%; }

.ui-loading{position:fixed; z-index:40; width:100%; height:100%;}
.ui-loading-wrap{position:absolute; width:80px; height:115px; top:50%; left:50%; margin:-40px 0 0 -40px; display:table-cell; vertical-align: middle; cursor:default}
.ui-loading-bar{display:block; position:absolute; top:0; background:#a1adb7; width:12px; height:55px; margin:0; border-radius:2px;}
.ui-loading-bar.n2{left:16px}
.ui-loading-bar.n3{left:32px}
.ui-loading-bar.n4{left:48px}
.ui-loading-bar.n5{left:64px}
.ui-loading-txt{font-size:14px; width:100%; position:absolute; top:50%; margin-top:55px; left:0; text-align:center}
.ui-loading-txt span{display:inline-block; padding:1px 4px; background:#fff}
.ui-loading-part{position:absolute; top:50%; left:50%; margin:-40px 0 0 -100px; text-align:center; width:200px; height:80px; overflow:hidden; z-index:1000}
.ui-loading-part p{position:absolute; bottom:0; width:100%; margin:2px 0 0; text-align:center}
.ui-modal .btn-close{position:relative; width:24px; height:24px; border:1px solid transparent; overflow:hidden; color:transparent; background:transparent; font-size:xx-small; box-sizing:content-box;}
    .ie8 .ui-modal .btn-close{text-indent:-9999px;}
.ui-modal .btn-del:after,
.ui-modal .btn-close:after{content:""; position:absolute; top:0; left:0; display:block; ;}
.ui-modal .btn-del:after{width:17px; height:17px; background:url(/resources/images/common/ico_btn.png) -60px -90px no-repeat;}
.ui-modal .btn-close:after{width:24px; height:24px; background:url(/resources/images/common/ico_btn.png) -120px -90px no-repeat}
.ui-modal .btn-close em{overflow:hidden; width:100%; height:100%;}
.modal-full.ui-modal{width:100% !important; height:100% !important; overflow:scroll; background:#fff; top:0 !important; left:0 !important; margin:0 !important;}
.modal-full.ui-modal .ui-modal-cont.mCustomScrollbar{height:auto !important}
.modal-full.ui-modal .ui-modal-wrap{margin:0 auto; overflow:visible !important}
.modal-full.ui-modal .ui-modal-footer{box-shadow:none}
.modal-full.ui-modal .ui-modal-wrap .btn-close{position:fixed;right:16px; top:-1px;width:36px;height:36px;}
.modal-full.ui-modal .ui-modal-wrap .btn-close:after{width:36px;height:36px;background-position:-120px -210px;}
.ui-modal.hide-scroll > .ui-modal-wrap > .ui-modal-cont > .mCustomScrollBox > .mCSB_scrollTools{display:none !important}
.ui-modal.hide-scroll2> .ui-modal-wrap > .ui-modal-cont > .mCustomScrollBox > .mCSB_scrollTools{opacity:0 !important}
iframe{border:0;}
.ui-modal{display:none; opacity:0; position:fixed; z-index:1; width:auto; padding:0; height:auto; font-size:14px;  box-shadow:0 0 10px rgba(0,0,0,0.3); background-color:#fff;}
.ui-modal table{font-size:15px}
.ie8 .ui-modal{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
.modal-open{overflow:hidden; border-right:0}
.ui-modal-wrap{width:100%; height:100%; background:#fff;}
.ui-modal-wrap.type-s{width:410px;padding:35px 0; text-align:center;}
.ui-modal-wrap.type-s .ui-modal-cont{height:100% !important;}
.ui-modal-wrap.type-m{width:600px; padding:0 0;}
.ui-modal-wrap.type-scrt{width:700px;height:483px; padding:0 0;}
.ui-modal-wrap.type-l{width:830px; padding:0 0;}
.ui-modal-wrap.type-sample{width:850px; padding:0 0;}
.ui-modal-wrap.type-xl{width:965px; padding:0 0;}
.ui-modal-wrap.type-xl2{width:900px; padding:0 0;}
.ui-modal-wrap.type-s .ui-modal-tit{width:100%; padding:35px 15px 0;}
.ui-modal-tit{width:100%; padding:35px 35px 0; outline:0; min-height:77px}
.ie8 .ui-modal-tit{min-height:42px}
.ui-modal-tit .tit-anycar{margin-bottom:0; font-size:25px; padding-left:35px}
.ui-modal-tit .tit-h1{margin-bottom:0; font-size:25px; outline:none}
.ui-modal-cont .tit-con{font-size:19px}
.ui-modal-wrap.type-s .ui-modal-cont{padding:0 15px}
.ui-modal-cont{position:relative; overflow-y:auto; overflow-x:hidden; width:100%; padding:0 35px 35px; }
.ui-modal-cont.mCustomScrollbar{padding:0 !important; }
.ui-modal-wrap.type-s .ui-modal-cont > .mCustomScrollBox > .mCSB_container{padding:0 15px}
.ui-modal-cont > .mCustomScrollBox > .mCSB_container{padding:0 35px 35px}
.modal-scrt .ui-modal-cont > .mCustomScrollBox > .mCSB_container{padding-bottom:30px;}
.ui-modal-cont .tit-desc{margin-bottom:25px; font-size:20px; font-weight:400;}
.ui-modal-footer{padding:40px 0; border-top:1px solid #ccc; background:#fff; /* box-shadow:2px 0 2px rgba(0,0,0,0.2)*/}
.ui-modal-footer .btn-wrap{margin:0 !important}
.modal-scrt .ui-modal-footer{padding:15px 20px;}
.modal-scrt .ui-modal-footer .lb-check{font-size:15px;}
.ui-modal-wrap .btn-close{position:absolute; top:0; right:-35px; z-index:3;}
.modal-backdrop{display:none; opacity:0; position:fixed; top:0; left:0; z-index:1060; width:100%; height:200%; background-color:#000}
/* .ie8 .modal-backdrop{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.ie8 .modal-backdrop.on{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.7)";} */
.ui-modal-cont > .mCustomScrollBox > .mCSB_scrollTools{right:0}
.ui-modal-cont > .mCustomScrollBox > .mCSB_container{margin-right:0 !important}
.ui-modal .type-iframe iframe{border:0; overflow:hidden}
.modalalert-tit{display:inline-block; width:100%; font-size:1.4rem}
.ui-modal-wrap.type-terms{width:740px; height:545px; padding:0 0 25px;}
.ui-modal-wrap.type-terms .ui-modal-cont{padding-bottom:25px !important}
.ui-modal-wrap.type-terms .ui-modal-tit {padding-top:25px;}
/* .ui-modal-wrap.type-terms .ui-modal-tit .tit-h1 {font-size:20px;} */
.ui-modal-wrap.type-terms .ui-modal-cont .terms-wrap {padding:15px 10px 15px 0; text-align:justify}
.ui-modal-tit.type-back {position:relative; }
.ui-modal-tit.type-back .btn-back{position:absolute; top:0; left:5px; width:13px; height:24px; color:transparent; font-size:xx-small; overflow:hidden;}
    .ie8 .ui-modal-tit.type-back .btn-back{text-indent:-9999px;}
.ui-modal-tit.type-back .btn-back:before{content:''; display:inline-block; width:13px; height:24px; background: url('/resources/images/common/ico_btn.png') no-repeat -180px -60px; }
.ui-modal-tit.type-back .ui-pagestep-tit .btn-normal{display:block; position:absolute; top:-2px; right:0;}
.ui-modal-tit.type-back .btn-normal{display:block; position:absolute; top:33px; right:35px;}
.ui-modal .btn-wrap{margin-top:35px;}
.ui-modal .ui-drop-pnl{position:fixed;}


.frame-modal-view .ui-quickmenu-nav:after{content:""; display:block; width:100%; height:100%; position: absolute; background:#000; opacity:0.7; top:0}
.frame-modal-view .btn-close{opacity:0.3}

.sidebar-panel-open .ui-quickmenu {z-index: 1050}
.sidebar-panel-open #wrapper,
.modal-ria #wrapper{position:relative; z-index: 0}
.modal-ria .ui-quickmenu {z-index: 0}
.modal-ria.sidebar-panel-open #wrapper{z-index: -1}

.ui-modal-wrap .tit-iframe {height:0; text-indent:-9999px; margin:0;}


.base-content .visual-area {display:none;}


/* ui-modal */
.ui-modal {
    border-radius: 12px;
    overflow: hidden;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 26px;
}
.ui-modal-wrap {
width: 100%;
background-color: transparent;
box-sizing: border-box;
}

.ui-modal-wrap .btn-close {
top: 40px;
right: 40px;
width: 36px;
height: 36px;
}
.ui-modal-wrap .btn-close:after {
width: 36px;
height: 36px;
background: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h36v36H0z'/%3E%3Cg stroke='%23111' stroke-linecap='round' stroke-width='2'%3E%3Cpath d='m28.125 7.875-20.25 20.25M7.875 7.875l20.25 20.25'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 50%;
}

.ui-modal-wrap .btn-close-modal {position: absolute;z-index: 3;border: 1px solid transparent;overflow: hidden; color: transparent;font-size: xx-small;    box-sizing: content-box;top: 40px;right: 40px;width: 36px;height: 36px;}
.ui-modal-wrap .btn-close-modal:after {content: "";position: absolute;top: 0px;right: 0px;display: block;width: 36px;height: 36px;background: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h36v36H0z'/%3E%3Cg stroke='%23111' stroke-linecap='round' stroke-width='2'%3E%3Cpath d='m28.125 7.875-20.25 20.25M7.875 7.875l20.25 20.25'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 50%;}



/*
SAMSUNG FIRE&MARINE INSURANCE CO.,LTD.
Modified: 2025-11-10 12:22:30, Deploy: 2025-11-11 16:23:34
Hash: d05102444fbb13176b1672077bb81c415dcea6d9
*/