@charset "UTF-8";



/****************************** responsive ******************************/
/******************** mobile ********************/
@media screen and (max-width:1023px) {
	/* 공통 > hide */
	.m-hide { display:none !important; }
}

/******************** pc ********************/
@media screen and (min-width:1024px) {
    /********** layout & 공통 **********/
	/* ::-webkit-scrollbar { display:block; width:14px; border-radius:5px; background-color:#eee; }
	::-webkit-scrollbar-thumb { border-radius:5px; background-color:#ccc; }
	::-webkit-scrollbar-button { display:block; height:8px; background:transparent; } */

    :root { --wrapWidth:600px; }
    body { background:#fff; }
	#wrap { margin:0 auto; width:var(--wrapWidth); }
    #wrap:before { left:50%; right:auto; width:var(--wrapWidth); transform:translateX(-50%); }
    body[class*="-main"] #wrap { background:var(--brand-bg); }
	.sc-down .header:before, .pop-wrap.sc-down .header:before { top:calc((var(--safe-top) + var(--headHgt)) * -1); }
	body.tyw:before, body.tyw .header:before, .pop-wrap.tyw .header:before { background:var(--colorW); }
    [class*="pop"] article, .fm-sel-cont { margin:0 auto; width:var(--wrapWidth); }
	.pop-wrap article { background:var(--brand-color11) no-repeat center 0, var(--el-tab-bg); background-size:100% 30rem, 100%; }
	.pop-wrap article:before { display:none; }
	.pop-wrap.dim2 .header:before { display:none; }
	.sidebar, .pop-toast { left:50%; right:auto; width:calc(var(--wrapWidth) - 4.8rem); transform:translateX(-50%); }
	body.bg-trans { background:var(--el-tab-bg) !important; }
	body.bg-trans:before { display:none; }
	.lvt-foot-fix { left:50%; width:var(--wrapWidth); transform:translateX(-50%); }

	/* 공통 > hide */
	.pc-hide { display:none !important; }

    /********** contents **********/
	/* 공통 > 본인인증 */
	.pc-align-reset .tab-item.last + .tab-item { order:-1; }

	/* 공통 > 결제 */
	.list-slide2 { --itemW:calc(var(--wrapWidth) - 6.4rem); }
	.fm-sel-pop .fm-sel-option::-webkit-scrollbar { display:block; width:12px; border-radius:5px; background-color:#eee; }
	.fm-sel-pop .fm-sel-option::-webkit-scrollbar-thumb { border-radius:5px; background-color:#ccc; }
	.fm-sel-pop .fm-chk3-g.col2 { justify-content:flex-start; padding:0; }
	.fm-sel-pop .fm-chk3-g.col2 .fm-chk3 { --fm-chk3-size:calc((var(--wrapWidth) / 4) - 27px); margin:5px; }
	.list-sortable1 { --itemW:calc(var(--wrapWidth) - 6.4rem); }
	.card-scan .card-info { width:calc(var(--wrapWidth) - 4.8rem); }

    /* 공통 > 키패드 (COM-210) */
    .dv_transkey_div { left:50% !important; max-width:600px; transform:translateX(-50%); }
    .dv_transkey_div2 { width:calc(25% - 12px) !important; }
    .dv_transkey_div3 { width:calc(25% - 12px) !important; }
    .dv_transkey_div_b { width:calc(50% - 12px) !important; }

	/* 공통 > 팝업 */
	.pop-modal article .pop-container { overflow-y:auto; }

	/* 보험가입 */
	.ins-progress { --itemW:calc(var(--wrapWidth) - 4.8rem); }

	/* 자동차보험 > 보험가입 */
	#wrap .quick-plan { right:50%; margin-right:calc(((var(--wrapWidth) / 2) * -1) + 2.4rem); }
	#wrap .card-item, #wrap .item-new-add { --itemW:calc(var(--wrapWidth) - 6.4rem); }
    .pop-wrap .bottom-step:not([class*="ty-"]) { left:50%; width:var(--wrapWidth); transform:translateX(-50%); }
	body[data-box-sticky="true"] #wrap .plan-tab-box { left:50%; width:calc(var(--wrapWidth) - 4.8rem); transform:translateX(-50%); }
	.list-attach-wrap { --itemW:calc((var(--wrapWidth) - 7.2rem) / 4); }
	.list-attach .item { width:var(--itemW); }
	.doc-scan-img { width:calc(var(--wrapWidth) - 4.8rem); }

    /* 자동차보험 > 서류첨부 (촬영버튼 hide) */
    .attach-file-img .btn-wrap .btn-attach-camera { display:none; }

    /* 자동차보험 > 보험계약관리 (slide overflow) */
    .wrap-slider-data-item { --margin:2.4rem; margin-left:calc(var(--margin) * -1); margin-right:calc(var(--margin) * -1); padding:0 2.4rem; overflow:hidden !important; }

	/* 공통 > 검색 > 자동완성 */
	.ui-autocomplete { max-width:calc(var(--wrapWidth) - 4.8rem); }

	/* 공통 > 로그인 */
	.certify-intro .certify-mes3 { left:50%; margin-left:calc(var(--wrapWidth) / 2 * -1); max-width:var(--wrapWidth); }

	/* ALICE > 메인 */
	#wrap > .container[data-type="main"] { padding-bottom:0; }
	.main-corp .corp-colins { margin-left:-3.2rem; margin-right:0; }
	.sidebar { display:flex; justify-content:space-between; }
	.sidebar > a:not(:first-child), .sidebar > label:not(:first-child) { margin:0; }
	.side-top { left:50%; margin-left:calc(var(--wrapWidth) / 2 * -1); max-width:var(--wrapWidth); }
	.btm-banner { left:50%; max-width:calc(var(--wrapWidth) - 4.8rem); transform:translateX(-50%); }
	.tab2.ty-category .tab-item a { padding:0 1.2rem !important; }
	.main-corp .corp-sname > .sname { margin:0; }
	.main-corp .corp-sname button[data-toggle="btn"] { display:none; }
	.btn-item-scroll { position:absolute; bottom:calc(7rem - 2.4rem); margin:0 2.4rem; --size:4.8rem; width:var(--size); height:var(--size); color:transparent; font-size:0; border-radius:50%; background:rgba(0,0,0,0.5) url("../../img/b/main/icon-top.svg") no-repeat center; background-size:100%; overflow:hidden; }
	.btn-item-scroll:disabled { opacity:0.25; }
	.btn-item-scroll[data-move="prev"] { left:0; transform:rotate(-90deg); }
	.btn-item-scroll[data-move="next"] { right:0; transform:rotate(90deg); }
	.main-list > .li-wrap, .main-list > a { width:calc(var(--wrapWidth) - 4rem); }

	/* ALICE > 보험가입 */
	.category-all-cont.bg-type2::before { background-size:cover; }

	/* ALICE > 보험가입 > 상품 */
	.ins-main.add-ci .ins-main-graph ul li .graph-bar { --itemW:calc((var(--wrapWidth) - 12.4rem) / 4); }
	.insv-summary > dl { height:calc((var(--wrapWidth) / 2) - 3rem); }
	.ins-401 .ins-main-bg2 { height:auto; }
	.ins-401 .section2-1 { height:var(--wrapWidth); }
	.pop-fixed { width:calc(var(--wrapWidth) - 4.8rem); }

	/* ALICE > 보험금신청 */
	.list-data11 { --itemW:calc((var(--wrapWidth) - 6rem) / 2); }
	.list-data17 { --itemW:calc(var(--wrapWidth) - 4.8rem); }

	/* ALICE > 라운지 */
	.outer { width:var(--wrapWidth); }
	.event-result { --itemW:calc(var(--wrapWidth) - 8.8rem); }
	.event-result .deco:empty::before { font-size:11rem; }

	/* ALICE > 마이페이지 */
	.list-data7, .list-data9, .list-data12, .list-data13 { --itemW:calc(var(--wrapWidth) - 4.8rem); }

	/* ALICE > 실험실 */
	.vote { --itemW:calc((var(--wrapWidth) - (4.8rem + 2.4rem)) / 3); }
	.wrap-slider-list8 { padding-top:0; }
	.list-slide8 .img img { vertical-align:top; }
	.lvt-my-prod, .lvt-my-prod2 { --itemW:calc(var(--wrapWidth) - 4.8rem); }
	.wrap-slider-list7 { --itemW:calc(var(--wrapWidth) - 4.8rem); }
	.list-slide4 .item { width:calc(var(--wrapWidth) - 17.777777vw); }

	/* ALICE > 보험상품추천 */
	.ins-list ul::-webkit-scrollbar { display:none; }
	.ins-list .btn-item-scroll { bottom:calc(11.2rem - 2.4rem); margin:0 3.6rem; }

	/* ALICE > 마이페이지 */
	.list-data12 { position:relative; }
	.list-data12 .btn-item-scroll { bottom:calc(12.6rem - 2.4rem); margin:0 3.6rem; }

	/* ALICE > 증명서발급 */
	.tab-scroll[data-scroll-tab] .btn-item-scroll { bottom:calc(2.4rem - 0.8rem); margin:0 1.6rem; width:2rem; height:2rem; background-color:transparent; }
	.tab-scroll[data-scroll-tab] { padding:0 5.6rem; }
	.tab-scroll[data-scroll-tab] > ul { padding:0; }
	.btn-tab-scroll { display:flex; justify-content:center; align-items:center; position:absolute; bottom:50%; --size:2rem; margin:0 2.4rem; width:var(--size); height:var(--size); color:transparent; font-size:0; overflow:hidden; transform:translateY(50%); }
	.btn-tab-scroll:disabled { opacity:0.25; }
	.btn-tab-scroll[data-move="prev"] { left:0; }
	.btn-tab-scroll[data-move="next"] { right:0; transform:translateY(50%) rotate(180deg); }
	.btn-tab-scroll:before { content:""; display:block; width:0.6rem; height:0.6rem; border-top:1px solid #fff; border-left:1px solid #fff; transform:rotate(315deg); }
}