/* EW상세내역 레이버팝업띄울시 */ .pop_ew #header, .pop_ew #footer, .pop_ew .bg_article_my2, .pop_ew .contentLeft .loc_tit, .pop_ew .contentLeft, .pop_ew #topBanner, .pop_ew .floating, .pop_ew .quick_btn, .pop_ew .sub_tit, .pop_ew .btn_wrap, .pop_ew .subContent_wrap:before {display:none !important;} .pop_ew .column, .pop_ew .contentRight {width:100%; padding:0; } .pop_ew .container {padding:1rem 0 0; width:100%;} .pop_ew .calendar {width:100%;} .sub_visual { position: relative; display: flex; align-items: center; width: 100%; max-width: 100%; height: 24rem; padding:0 !important;background-size:cover; background-position:center center; z-index:10;} .sub_visual.bg1 { background-image: url("/images/sub/sub_visual_01.jpg");} .sub_visual.bg2 { background-image: url("/images/sub/sub_visual_02.jpg");} .sub_visual.bg3 { background-image: url("/images/sub/sub_visual_03.jpg");} .sub_visual.bg4 { background-image: url("/images/sub/sub_visual_04.jpg");} .sub_visual.bg5 { background-image: url("/images/sub/sub_visual_05.jpg");} .sub_visual.bg6 { background-image: url("/images/sub/sub_visual_06.jpg");} .sub_visual.bg7 { background-image: url("/images/sub/sub_visual_07.jpg");} .bg_article_intro1 .sub_visual { background-image: url("/images/sub/sub_visual_01.jpg");} .bg_article_intro2 .sub_visual { background-image: url("/images/sub/sub_visual_01.jpg");} .bg_article_intro3 .sub_visual { background-image: url("/images/sub/sub_visual_01.jpg");} .bg_article_intro4 .sub_visual { background-image: url("/images/sub/sub_visual_01.jpg");} .bg_article_intro5 .sub_visual { background-image: url("/images/sub/sub_visual_01.jpg");} .bg_article_intro6 .sub_visual { background-image: url("/images/sub/sub_visual_01.jpg");} .bg_article_bs1 .sub_visual { background-image: url("/images/sub/sub_visual_02.jpg");} .bg_article_bs2 .sub_visual { background-image: url("/images/sub/sub_visual_02.jpg");} .bg_article_bs3 .sub_visual { background-image: url("/images/sub/sub_visual_02.jpg");} .bg_article_bs4 .sub_visual { background-image: url("/images/sub/sub_visual_02.jpg");} .bg_article_bs5 .sub_visual { background-image: url("/images/sub/sub_visual_02.jpg");} .bg_article_union1 .sub_visual { background-image: url("/images/sub/sub_visual_03.jpg");} .bg_article_union2 .sub_visual { background-image: url("/images/sub/sub_visual_03.jpg");} .bg_article_union3 .sub_visual { background-image: url("/images/sub/sub_visual_03.jpg");} .bg_article_union4 .sub_visual { background-image: url("/images/sub/sub_visual_03.jpg");} .bg_article_cs1 .sub_visual { background-image: url("/images/sub/sub_visual_04.jpg");} .bg_article_cs2 .sub_visual { background-image: url("/images/sub/sub_visual_04.jpg");} .bg_article_cs3 .sub_visual { background-image: url("/images/sub/sub_visual_04.jpg");} .bg_article_cs4 .sub_visual { background-image: url("/images/sub/sub_visual_04.jpg");} .bg_article_my1 .sub_visual { background-image: url("/images/sub/sub_visual_07.jpg");} .bg_article_my2 .sub_visual { background-image: url("/images/sub/sub_visual_07.jpg");} .bg_article_my3 .sub_visual { background-image: url("/images/sub/sub_visual_07.jpg");} .bg_article_my4 .sub_visual { background-image: url("/images/sub/sub_visual_07.jpg");} .bg_article_my5 .sub_visual { background-image: url("/images/sub/sub_visual_07.jpg");} .bg_article_my6 .sub_visual { background-image: url("/images/sub/sub_visual_07.jpg");} .bg_article_my7 .sub_visual { background-image: url("/images/sub/sub_visual_07.jpg");} @media screen and (max-width: 800px) { /* .sub_visual.bg1 {background-image: url("/images/sub/sub_visual_01_m.jpg"); } .sub_visual.bg2 { background-image: url("/images/sub/sub_visual_02_m.jpg"); } .sub_visual.bg3 { background-image: url("/images/sub/sub_visual_03_m.jpg"); } .sub_visual.bg4 { background-image: url("/images/sub/sub_visual_04_m.jpg"); } .sub_visual.bg5 { background-image: url("/images/sub/sub_visual_05_m.jpg"); } .sub_visual.bg6 { background-image: url("/images/sub/sub_visual_06_m.jpg"); } .sub_visual.bg7 { background-image: url("/images/sub/sub_visual_07_m.jpg"); } */ } .sub_visual .txt_box { position: relative; display: flex; align-items: flex-end; justify-content: center; height: 24rem; animation: fadeInUp .8s; border:0px solid #f00} .sub_visual .sub_visual_tit { font-size: 2.65rem;margin-bottom: 7.5rem; /*margin-bottom: calc(var(--vh, 0) * 12); */color: var(--color-white); line-height: 1.26; letter-spacing: -.04em; overflow: hidden;} .sub_visual .sub_visual_tit>[data-aos=fade-up] {display: block;} @media screen and (max-width: 1380px) { .sub_visual .sub_visual_tit { font-size: 2.55rem;letter-spacing: -0.85px; } } @media screen and (max-width: 800px) { .sub_visual, .sub_visual .txt_box {height:18rem} .sub_visual .sub_visual_tit { font-size: 1.65rem; padding-top:0;margin-bottom:8rem } } .bg_box { background-color:var(--bg-light-grey)} /* Location Menu */ .loc_wrap { position: absolute;bottom:2.5rem; left:0; width: 100%; height: var(--loc-hei); font-size: 1rem; color: var(--color-white); animation: fadeInUp 1s;} /*.loc_wrap.scroll {position: fixed; bottom: auto; top: 0;}*/ .loc_wrap .loc_lists { display: flex;align-items: stretch; justify-content: center; } .loc_wrap .loc_lists.mo { display: none;} .loc_wrap .loc_item { display: flex;align-items: center; /*max-width: 13em; width: 25%;*/ text-align:center; position: relative;} .loc_wrap .loc_item.home { padding-left: 0;width: auto;} .loc_wrap .loc_item.loc_dep1 {max-width: 9em; } .loc_wrap .loc_item.loc_dep2 {max-width: auto; width:auto !important; } .loc_wrap .loc_item::after { content: ""; display: block; height: 1rem; width:1rem; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;stroke:%23fff;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cline class='st0' x1='72.46' y1='49.29' x2='33.52' y2='10.36'/%3E%3Cline class='st0' x1='72.52' y1='49.39' x2='33.58' y2='88.32'/%3E%3C/svg%3E%0A") no-repeat center ; background-size:auto 100%; } .loc_wrap .loc_item:last-child::after { display: none;} .loc_wrap .loc_tit {display: flex;align-items: center; justify-content: center;width: 100%; height: var(--loc-hei);position: relative; padding-left: 1rem;padding-right: 1.9375em; cursor: pointer;} .loc_wrap .loc_tit:not(.home_dep)::after {content: "";display: block; position: absolute;top: 50%;right: 1.5rem;width: 1.5rem; height: 1.5rem; margin-top: -0.75em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 1.41 1.41 0l6 6-6 6L0 10.59 4.58 6z' transform='rotate(90 5 13)' style='fill:%23fff'/%3E%3C/svg%3E%0A"); display:none; } .loc_wrap .loc_tit2>a::after { content: ""; display: none; position: absolute; top: 50%; right: 1.5rem; width: 1.5rem; height: 1.5rem; margin-top: -0.75em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23121212' d='M6,11h12v2H6V11z'/%3E%3Cpath fill='%23121212' d='M13,6v12h-2V6H13z'/%3E%3C/svg%3E%0A"); background-size: 100% auto; background-repeat: no-repeat; background-position: center; transition: background 0.35s; } .loc_wrap .loc_tit2>a.on::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23121212' d='M6,11h12v2H6V11z'/%3E%3Cpath fill='%23121212' d='M13,11v2h-2v-2H13z'/%3E%3C/svg%3E%0A"); } .loc_wrap .loc_tit.home_dep { padding-left: 0; padding-right: 1rem;} .loc_wrap .loc_tit.on::after { transform: scaleY(-1);} .loc_wrap .loc_tit.on+.loc_dep {visibility: visible;pointer-events: auto;} .loc_wrap .loc_dep { display: none; position: absolute; top: 4.95rem; left: 0rem; text-align:left; transform: translateY(-1.25rem); width: calc(100% - 1rem); min-width:11rem; z-index: 10; background-color: var(--color-white); border:1px solid var(--color-grey-light); border-top:0; padding: 1.25rem; word-break: keep-all; overflow: hidden; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.05); letter-spacing: -.05em; } .loc_wrap .loc_tit2 {color: var(--color-grey5); } .loc_wrap .loc_tit2+.loc_tit2 {margin-top: 1rem;} .loc_wrap .loc_tit2>a {display: flex;align-items: center;font-weight:500;} .loc_wrap .loc_tit2>.loc_dep3 {display:none;} .loc_share {line-height: var(--loc-hei); padding-left:1rem; display:inline-flex; gap:.3rem; justify-content: center;align-items: center; } .loc_share a {display:inline-block; width:2.3rem; height:2.3rem; border-radius:50%; border:1px solid rgba(255,255,255,0.15); display:inline-flex; justify-content: center;align-items: center;} .loc_share a.print:before {content:""; display:block; width:2.3rem;height:2.3rem; font-size:1rem; font-weight:400; background-repeat:no-repeat; background-position:center center; background-size:auto 50%; background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cg id='XMLID_14_'%3E%3Crect id='XMLID_15_' x='181.24' y='151.25' class='st0' width='137.32' height='14.07'/%3E%3Crect id='XMLID_36_' x='181.24' y='186.61' class='st0' width='137.32' height='14.07'/%3E%3Cpath id='XMLID_39_' class='st0' d='M422.71,193.63h-32.29c0.23-0.39,0.51-0.75,0.51-1.24v-40.89c0-1.43-1.15-2.58-2.58-2.58 h-31.91v-43.18c0-3.89-3.15-7.04-7.04-7.04h-199c-3.89,0-7.04,3.15-7.04,7.04v43.18h-31.91c-1.43,0-2.58,1.15-2.58,2.58v40.89 c0,0.48,0.28,0.85,0.51,1.24H77.11c-17.3,0-31.38,14.07-31.38,31.38v110.63c0,17.3,14.07,31.38,31.38,31.38h345.6 c17.3,0,31.38-14.07,31.38-31.38V225.01C454.08,207.71,440.01,193.63,422.71,193.63z M342.36,215.8H157.44V112.78h184.93V215.8z M408.7,246.63c-6.86,0-12.43-5.55-12.43-12.41c0-6.87,5.57-12.42,12.43-12.42c6.86,0,12.42,5.55,12.42,12.42 C421.12,241.07,415.56,246.63,408.7,246.63z'/%3E%3Cpath id='XMLID_41_' class='st0' d='M388.35,379.32h-276.9c-1.43,0-2.58,1.15-2.58,2.58v23.24c0,1.43,1.15,2.58,2.58,2.58h276.9 c1.43,0,2.58-1.15,2.58-2.58V381.9C390.93,380.47,389.78,379.32,388.35,379.32z'/%3E%3C/g%3E%3C/svg%3E%0A"); } @media screen and (max-width: 1380px) { .loc_wrap { bottom: 0; border-top:1px solid rgba(255,255,255,0.1); transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1); backdrop-filter: blur(.85rem); -webkit-backdrop-filter: blur(.85rem); animation: none;} .loc_wrap .loc_lists { justify-content: flex-start; width:100%; } .loc_wrap .loc_item { display: flex;align-items: center; max-width: 18.375em; width: 35%; position: relative;} .loc_wrap .loc_item.loc_dep1 {max-width: 15.375em; } .loc_wrap .loc_item.loc_dep2 {max-width: 18em; } .loc_wrap .loc_item.home { padding-left: 0; width: auto;} .loc_wrap .loc_item::after {content: ""; display: block; height: 1rem; border-right: 1px solid rgba(255, 255, 255, 0.2); position: absolute; top: 50%; right: 0; transform: translateY(-50%); display:none; } .loc_wrap .loc_item:last-child::after { display: none;} .loc_wrap .loc_tit {display: flex; align-items: center; justify-content: flex-start; width: 100%; height: var(--loc-hei);position: relative; padding-left: 1rem;padding-right: 2.9375em; cursor: pointer;} .loc_wrap .loc_tit:not(.home_dep)::after {content: "";display: block; position: absolute;top: 50%;right: 1.5rem;width: 1.5rem; height: 1.5rem; margin-top: -0.75em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 1.41 1.41 0l6 6-6 6L0 10.59 4.58 6z' transform='rotate(90 5 13)' style='fill:%23fff'/%3E%3C/svg%3E%0A"); } .loc_wrap .loc_tit2>a::after { content: ""; display: none; position: absolute; top: 50%; right: 1.5rem; width: 1.5rem; height: 1.5rem; margin-top: -0.75em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23121212' d='M6,11h12v2H6V11z'/%3E%3Cpath fill='%23121212' d='M13,6v12h-2V6H13z'/%3E%3C/svg%3E%0A"); background-size: 100% auto; background-repeat: no-repeat; background-position: center; transition: background 0.35s; } .loc_wrap .loc_tit2>a.on::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23121212' d='M6,11h12v2H6V11z'/%3E%3Cpath fill='%23121212' d='M13,11v2h-2v-2H13z'/%3E%3C/svg%3E%0A"); } .loc_wrap .loc_tit.home_dep { padding-left: 0; padding-right: 1rem;} .loc_wrap .loc_tit.on::after { transform: scaleY(-1);} .loc_wrap .loc_tit.on+.loc_dep {visibility: visible;pointer-events: auto;} .loc_wrap .loc_dep { display: none; position: absolute; top: 4.95rem; left: 1rem; transform: translateY(-1.25rem); width: calc(100% - 1rem - 1.5rem); z-index: 10; background-color: var(--color-white); border:1px solid var(--color-grey-light); border-top:0; padding: 1.25rem; word-break: keep-all; overflow: hidden; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.05); letter-spacing: -0.05em; } .loc_share {position:absolute; right:.5rem; top:.65rem;} .loc_share a {border:0} .loc_share .print:before {font-size:1.3rem; font-weight:400;} } @media screen and (min-width: 1025px), print { .loc_wrap .loc_tit2>a:hover {color: var(--brand-color-main); font-weight: 700;} } @media screen and (max-width: 800px) { .loc_wrap {font-size:.95rem;} .loc_wrap .loc_lists.pc {display: none;} .loc_wrap .loc_lists.mo {display: flex;width: auto;flex: 1 1 100%;background-color: var(--color-white); margin-left: calc(var(--spacing) * -1); margin-right: calc(var(--spacing) * -1); border-bottom:1px solid #dedede} .loc_wrap .loc_item {width: 100%;max-width: 100%;color: #222;} .loc_wrap .loc_tit, .loc_wrap .loc_tit2>a {height: var(--loc-hei); display: flex;align-items: center;padding-left: 1rem;padding-right: 1rem; font-weight:500; background-color:var(--color-white); border-bottom: 1px solid var(--color-grey-light); } .loc_wrap .loc_tit:not(.home_dep)::after {right: 1rem;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 1.41 1.41 0l6 6-6 6L0 10.59 4.58 6z' transform='rotate(90 5 13)' style='fill:%23121212'/%3E%3C/svg%3E%0A"); } .loc_wrap .loc_tit2>a.child {position: relative; } .loc_wrap .loc_tit2>a.child::after {display: block;right: 1rem;} .loc_wrap .loc_tit2+.loc_tit2 {margin-top: 0;} .loc_wrap .loc_tit2:last-child>a {border:0;} .loc_wrap .loc_dep {left: 0; top:3.385rem; transform: none;width: 100%;padding:.25rem 0; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05); background-color:#f9f9f9;} .loc_wrap .loc_dep3 {border: 0;position: static;background-color: var(--color-white2); text-align:left; padding: 0 1rem;} .loc_wrap .loc_dep3 li a {line-height:3rem;} .loc_share {display:none;} } /*/////////////////////////////////////////////////////////////////////////////////////////*/ /* sub contents ///////////////////////////////////////////////////////////////////////////////////////////*/ .text_note {font-size:.85rem; line-height:1.3em; padding:.8rem 0} .text_note.center {text-align:center;} .sub_tit {font-size: 2.125rem;line-height: 1.5; color:var(--color-grey1);font-weight: 700;margin-bottom: 2.5rem;letter-spacing: -.04em;} .sub_tit.flex {display:flex; justify-content: space-between; } .sub_tit.flex .note {font-size:.95rem; color:var(--color-grey6); font-weight:400;display:flex; align-items: center;} .sub_tit.flex .note i {margin-right:.2rem;} .sub_tit .subs { display: block;font-size: 1.085rem; font-weight:400; letter-spacing:-.04em;color:var(--color-grey7); margin-top:.8rem;margin-bottom: 0.4em;} .article_tit {font-size:1.65rem; line-height:1.5; color:var(--color-grey2);font-weight: 700; margin-bottom:1.5rem; margin-top:8rem;} .article_tit:nth-of-type(1) { margin-top:3rem !important; } .article_tit:before {content:'';display:block; width:3rem; height:1px; background-color:var(--color-grey3); margin-bottom:.5rem;} .article_stit {font-size:1.25rem; line-height:1.4em; color:var(--color-darkblue);font-weight: 700; margin-top:3.85rem;margin-bottom:1.2rem; } .article_stit.note:before {content:"!"; display:inline-flex;justify-content: center; align-items: center;width:1.6rem; height:1.6rem;margin-right:.3rem; border-radius:50%; border:1px dashed var(--color-darkblue); color:var(--color-darkblue);} @media screen and (max-width: 1024px) { .sub_tit {font-size: 1.35rem; margin-bottom:1.5rem; margin-top:3rem;} .sub_tit:nth-of-type(1) {margin-top:0} .sub_tit .subs {font-size: .985rem;margin-top:.65rem; } .article_stit {font-size:1.125rem; margin-top:2.3rem;margin-bottom:1.1rem; } } @media screen and (max-width: 767px) { .sub_tit.flex {flex-direction: column; gap:1rem; } } .subContent_wrap{position:relative; display:flex; justify-content: space-between;align-items: flex-start;align-items: stretch; } .subContent_wrap:before {content:''; position:absolute; left:13.78rem; top:-4.5rem; width:1px; height:calc(100% + 30rem); background-color:#eee; } /* left */ .contentLeft {width:14rem; } .contentLeft .loc_tit {font-size:1.65rem; height:3.5rem;line-height:1.3; font-weight:bold; color:var(--color-grey2)} /* .contentLeft .loc_dep {display:flex;flex-direction: column; font-size:1.085rem; font-weight:500; color:var(--color-grey5); padding:.2rem 0rem; } .contentLeft .loc_dep>li {position:relative; display:flex; width:100%; flex-direction: column; border-bottom:1px solid var(--color-grey-light)} .contentLeft .loc_dep>li a.active:after {content:""; position:absolute; right:-.15rem; top:.45rem; width:.2rem; height:2.6rem; background-color:var(--brand-color-main); z-index:1 } .contentLeft .loc_dep>li a {display:flex; align-items: center;width:100%;height:3.5rem; line-height:100%; padding:0 .25rem; letter-spacing:-.07em; } .contentLeft .loc_dep>li a:hover {color:var(--brand-color-main)} .contentLeft .loc_dep>li a.active {font-weight:800; color:var(--brand-color-main);} .contentLeft .loc_dep>li>.loc_dep3 {display:flex; flex-direction: column; background-color:#f9f9f9; padding:1rem .65rem 1rem 1.1rem; font-size:.95rem;} .contentLeft .loc_dep>li>.loc_dep3>li {border:0;height:2rem;} .contentLeft .loc_dep>li>.loc_dep3>li a {height:2rem;line-height:2rem; } .contentLeft .loc_dep>li>.loc_dep3>li a.active {color:var(--brand-color-main); font-weight:500; text-decoration:underline;} .contentLeft .loc_dep>li>.loc_dep3>li a.active:after {display:none;} */ /*사이드 네비게이션*/ .sub_nav_list {position:relative; width:100%; } .sub_nav_list ul {padding:0; margin-top:0px;} .sub_nav_list ul li {display:block; position:relative; border-bottom:1px solid #f0f0f0; list-style:none; cursor:pointer;} .sub_nav_list ul li a {font-size:1.085rem; color:#555; font-weight:500; padding:1rem 0 1rem .85rem; display:block; width:100%;letter-spacing:-.04em;} .sub_nav_list ul li:first-child {border-top:0;} .sub_nav_list ul li.view-page { } .sub_nav_list ul li.view-page + li {/*border-top:0;*/} .sub_nav_list ul .dropdown-menu ul li.view-page a {color:var(--brand-color-main); font-weight:500; } .sub_nav_list ul .dropdown-menu ul li.view-page a:before {background-color:var(--brand-color-main)} .sub_nav_list ul .dropdown-menu ul li a {display:flex; align-items: center; position:relative; padding-left:.6rem; font-size:.985rem; font-weight:500; color:#888; letter-spacing:-.04em; border:0px solid #f00}/* 2차메뉴색 */ .sub_nav_list ul .dropdown-menu ul li a:before {content:''; position:absolute; left:0; top:50%; margin-top:-1.5px;width:3px; height:3px; background-color:#999; border-radius:50%;} .sub_nav_list ul .dropdown-menu ul li a:hover {color:var(--brand-color-main);} .sub_nav_list ul .dropdown-menu ul li a:hover:before {background-color:var(--brand-color-main)} .sub_nav_list ul ul {display:block;border:0; background-color:#fff;padding:.65rem .2rem .65rem 1rem;} .sub_nav_list ul ul li {border:0; height:2.5rem; display:flex; align-items: center; } .sub_nav_list ul ul li.dep2 { position:relative;border-top:0; padding:0px 0 10px 20px;line-height:18px; background:none; } .sub_nav_list ul ul li.dep2:before {content:"" ; position:absolute; width:4px;height:4px; border-radius:5px; background:#666; top:8px; left:26px; } .sub_nav_list ul ul li.dep2 a { font-size:14.5px; } .sub_nav_list ul ul li a {color:#666; font-size:16px; padding:0;} /*.sub_nav_list > ul > li.view-page, .sub_nav_list > ul > li.current-menu-item {background:var(--brand-color-main) url(../images/sub/navigation_minus_w.png) no-repeat 92% 20px ;}*/ .sub_nav_list > ul > li.view-page > a {color:#fff; } .sub_nav_list > ul > li.dropdown {position:relative;} .sub_nav_list > ul > li.dropdown:after { content: ""; position: absolute; top: 1rem; right: 1rem; width: 1.5rem; height: 1.5rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23aaaaaa' d='M6,11h12v2H6V11z'/%3E%3Cpath fill='%23aaaaaa' d='M13,6v12h-2V6H13z'/%3E%3C/svg%3E%0A"); background-size: 100% auto; background-repeat: no-repeat; background-position: center; transition: background 0.35s; } .sub_nav_list > ul > li.view-page-parent { position:relative; background-color:#f4f6fd} .sub_nav_list > ul > li.view-page-parent:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231b4ded' d='M6,11h12v2H6V11z'/%3E%3Cpath fill='%231b4ded' d='M13,11v2h-2v-2H13z'/%3E%3C/svg%3E%0A");} /* .sub_nav_list > ul > li.view-page-parent:before {content:""; position:absolute; right:-1px; top:.45rem; width:.215rem; height:2.6rem; background-color:var(--brand-color-main); z-index:1} */ .sub_nav_list > ul > li.view-page-parent a {font-weight:800; color:var(--brand-color-main); } .sub_nav_list > ul > li .dropdown-menu {height:0;overflow:hidden; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .sub_nav_list > ul > li .dropdown-menu .inner {opacity:0; filter:alpha(opacity=0); transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease;} .sub_nav_list > ul > li.view-page-parent .dropdown-menu {height:auto;} .sub_nav_list > ul > li.view-page-parent .dropdown-menu .inner {opacity:1; filter:alpha(opacity=100);} /* right */ .contentRight {width:calc(100% - 12.5rem); padding-left:5rem; padding-top:.35rem;letter-spacing:-.04em } .cont_row {display:flex;justify-content: space-between;align-items: flex-start; } .cont_row .row_tit {width:12rem;font-size:1.65rem; line-height:1.4; color:var(--color-grey3);font-weight: 700; margin-top:3rem; margin-bottom:1.5rem;} .cont_row .row_con {width:calc(100% - 12rem)} .context {font-size:1.08rem; line-height:1.7em; font-weight:400; color:var(--color-grey5); margin-bottom:1.2rem;} .context p {margin-top:1.5rem; } .context p:first-child {margin:0; } .context .img {margin:1.5rem 0} .context .img img {width:100%; border-radius:1rem;} @media screen and (max-width: 1380px) { .contentLeft {display:none;} .contentRight {width:100%; padding-left:0; padding-top:0 } .subContent_wrap:before {display:none; } } /* 출자신청 공통화면 노출여부 */ .view_item {display:none !important;} .view_check {display:none !important;} .my_apply .view_item {display:block !important; } .apply .view_check {display:block !important; } /* -----------회사소개 -------------------/* /* 인사말 */ .ceo_msg .top_copy {font-size:2.5rem; line-height:1.4; color:var(--color-grey2); font-weight:800; font-family: "Pretendard";} .ceo_msg .subs {font-size: 1.5rem; line-height:1.6em;font-weight:bold; margin-top:2rem;color:var(--color-grey3); } .ceo_msg p {font-size:1.125rem; font-weight:500; line-height:1.7em; color:var(--color-grey6); margin-top:1.8rem; } .ceo_msg > .img {margin:3rem 0; background-color:#f4f4f4; min-height:250px;} .ceo_msg > .img img {width:100%; } .ceo_msg .sign {text-align:right; color:var(--color-grey3); font-weight:500; } .ceo_msg .sign b {display:block; margin-left:.5rem; font-size:150%;font-weight:800; color:var(--color-grey1);} /* 로고타입 */ .logotype {display:flex; gap:1.2rem; justify-content: space-between; } .logotype .box {width:50%; display:flex; justify-content: center; align-items: center;flex-direction: column; gap:1rem; } .logotype figure { width:100%; border:1px solid #eaeaea; display:flex; justify-content: center; align-items: center; padding:5rem 1rem;} .logotype figure.grid {background:url('/images/sub/pattern_grid2.png') repeat -11.5px -20.5px; } .logotype p {text-align:center; color:var(--color-grey3); font-size:1.2rem; font-weight:600;} @media screen and (max-width: 1024px) { .logotype {gap:1rem;} .logotype figure { padding:3rem 2rem;} } .color_system {display:flex; justify-content: space-between; align-items: flex-start;gap:1.2rem; } .color_system .box { width:calc(33.3% - 1rem); display:flex; flex-direction: column;} .color_system .box figure { display:flex; align-items: center; width:100%; height:5rem; color:var(--color-white); font-size:1.2rem; font-weight:700; padding:0 2rem; letter-spacing:0} .color_system .box figure.color1 { background-color:#003a95} .color_system .box figure.color2 { background-color:#216eb2} .color_system .box figure.color3 { background-color:#c21827} .color_system .box p {margin-top:1rem; font-size:1.1rem; font-weight:400; color:var(--color-grey5); line-height:1.8em; } @media screen and (max-width: 1024px) { .color_system {flex-direction: column;} .color_system .box { width:100%; } .color_system .box figure { height:3.75rem; font-size:1.1rem; padding:0 1.2rem; } .color_system .box p {padding-left:1.2rem;} } /* 주요상품 */ .main_prod {display:flex; justify-content: space-evenly;padding-bottom:2rem;} .main_prod figure {width:20rem; height:20rem; border-radius:50%; display:flex; justify-content: center; align-items: center; flex-direction: column; text-align:center; border:1px solid #eaeaea; box-shadow:5px 5px 20px rgba(0,0,0,0.05)} .main_prod figure.color1 {background-color:#1A4CCB; border:0;} .main_prod figure.color3 {background-color:#787C8D;border:0; } .main_prod figure.color1 h2, .main_prod figure.color1 p, .main_prod figure.color3 h2, .main_prod figure.color3 p{color:var(--color-white)} .main_prod figure h2 {font-size: 1.45rem; line-height:1.4; font-weight:700; color:var(--color-grey3); position:relative; } .main_prod figure p {margin-top:1.1rem; font-size:1.1rem; line-height:1.5em; font-weight:400; color:var(--color-grey5) ;} .main_prod .ready {position:absolute; right:0; top:-1.9rem; height:1.5rem; line-height:1.5rem; padding:0 1rem; border-radius:3rem; background-color:rgba(0,0,0,.3); color:#fff; font-size:.85rem; } @media screen and (max-width: 1024px) { .main_prod { gap:1rem;} .main_prod figure {border-radius:1rem; width:33.3%; height:auto; padding:4rem 0 3rem; justify-content: flex-start; } .main_prod figure h2 {font-size: 1.25rem; } .main_prod figure p {margin-top:.85rem; font-size:.985rem;} .main_prod figure p br {display:none;} } @media screen and (max-width: 640px) { .main_prod { flex-direction: column; } .main_prod figure {width:100%;padding:3rem 1rem;} } .item_boxType {display:flex; gap:1.2rem; margin:1.5rem 0; } .item_boxType figure { width:calc(50% - .6rem);background-color:#f4f6fa; padding:3rem 2rem; display:flex; flex-direction: column; border-radius:.65rem; } .item_boxType figure h2 {font-size:1.25rem; font-weight:bold; color:var(--color-grey2); margin-bottom:1.35rem } .item_boxType strong {display:block; color:var(--color-grey1); margin-bottom:.25rem;} .item_boxType b {color:var(--color-grey2);)} .item_boxType.r1 {display:flex; flex-direction: column; gap:0; margin:1.5rem 0; } .item_boxType.r1 p {font-size:1rem;} .item_boxType.r1 figure { width:100% ; padding:2rem 2rem; display:flex; flex-direction: column; border-radius:.65rem; font-size:1rem; line-height:1.7em;color:var(--color-grey5)} @media screen and (max-width: 640px) { .item_boxType { flex-direction: column;} .item_boxType figure {width:100%;padding:2rem; } } .item_boxType.r2 { border:7px solid #f4f4f4; padding:3rem 4rem; margin-top:3rem; gap:1.5rem 0rem; display:flex; flex-wrap: wrap; } .item_boxType.r2 a {text-decoration:underline; width:50%; font-size:1.1rem; font-weight:400; color:var(--color-grey1)} .item_boxType.line {margin-top:5rem; display:flex;flex-wrap: wrap;gap:1.2rem; } .item_boxType.line figure {border:1px solid #eaeaea; padding:1.8rem; width:calc(50% - 1rem); border-radius:0; background-color:var(--color-white)} .item_boxType.line h2 {position:relative;display:block; font-size:1.165rem; line-height:1.4em; padding-left:2.5rem; margin-bottom:1.8rem; font-weight:bold; color:var(--color-grey3); } .item_boxType.line h2 span {position:absolute; left:0; top:-.1rem; width:2rem; height:2rem; line-height:2rem; text-align:center; color:#fff; font-size:1rem; font-weight:600; background-color:var(--color-grey6); border-radius:50%;} .item_boxType.line p {display:block; font-size:1rem; margin:.5rem 0} .item_boxType.line .or_list {margin-left:.5rem;} .item_boxType.line .or_list li {margin-top:.5rem;} .item_boxType.line .or_list li:first-child {margin-top:0} .item_boxType.line.col3 figure { width:calc(33.3% - 1rem);} .item_boxType.full {flex-direction: column;} .item_boxType.full figure { width:100%; border:1px solid #eaeaea; background-color:#fff; padding:2.5rem 3rem;flex-direction: row; gap:2rem; justify-content: space-between; } .item_boxType.full h3 {display:block; font-size:1.5rem; font-weight:bold; width:200px;} .item_boxType.full .exp {font-size:1.125rem; line-height:1.5em; margin-bottom:1rem; font-weight:500; color:var(--color-grey3)} .item_boxType.full .cont {width:calc(100% - 200px)} .item_boxType.full .or_list li {margin-top:.0rem;} @media screen and (max-width: 1024px) { .item_boxType.line figure { width:100%; } .item_boxType.full figure { padding:1.5rem 1.65rem; gap:1rem; } .item_boxType.full h3 { font-size:1.3rem;width:120px;} .item_boxType.full .cont {width:calc(100% - 120px)} .item_boxType.r2 { padding:1.5rem 1.65rem; margin-top:1.5rem; gap:1rem; } .item_boxType.r2 a {width:100%;} } @media screen and (max-width: 640px) { .item_boxType.full figure { flex-direction: column;} .item_boxType.full h3, .item_boxType.full .cont {width:100%;} .item_boxType.full .exp {font-size:1rem; line-height:1.3em; margin-bottom:.5rem;} } .item_boxType.cs {display:flex; gap:1.2rem; margin:1.5rem 0;flex-wrap: nowrap; } .item_boxType.cs figure { display:flex; justify-content: center; text-align:center; width:100%; background-color:#fff; border:1px solid #ddd; border-radius:0rem; gap:1.5rem} .item_boxType.cs b {font-size:1.5rem; font-weight:700; color:var(--color-grey3); padding-bottom:1rem; border-bottom:1px dashed #ddd; } .item_boxType.cs strong {font-size:1.85rem; font-weight:700; color:var(--color-grey3); } .item_boxType.cs p {font-size:.95rem; font-weight:500; color:var(--color-grey8); margin-top:.65rem;} @media screen and (max-width: 1024px) { .item_boxType.cs figure {gap:1rem} .item_boxType.cs b {font-size:1.2rem; } .item_boxType.cs strong {font-size:1.5rem; } .item_boxType.cs p {font-size:.9rem; margin-top:.5rem;} } /* 연혁 */ .history {position:relative; margin-top:1rem; } .history .row {position:relative;} .history:after {content:''; position:absolute; left:50%; top:3rem; width:1px; height:100%; background-color:#dedede; z-index:-1} .history .year {display:flex; justify-content: center; background-color:var(--color-white); margin-top:5rem; padding:1.5rem 0; font-size:2.5rem; line-height:2rem; color:var(--color-grey2); font-weight:800; } .history .year:first-child {margin-top:0; padding-top:0; } .history em {position:absolute; left:50%;top:.8rem; transform: translate(-50%,-50%); border-radius:50%; } .history em.dot { width:11px; height:11px; background-color:var(--brand-color-main); z-index:5} .history em.dot2 { width:25px; height:25px; background-color:#e1ecfe; z-index:1} .history .history_box {display:flex; gap:6rem; position:relative; margin-top:3rem; flex-wrap: nowrap; border:0px solid #000} .history .history_box .year_box {display:flex; width:calc(50% - 3rem); align-items: flex-start;flex-direction: row; } .history .history_box .year_box ul {display:flex; width:50%; flex-direction: column; } .history .history_box .year_box li {display:flex; text-align:left; flex-direction: column; font-size:1.125rem; font-weight:500; color:var(--color-grey7)} .history .history_box .year_box li .month {width:auto; font-size:1.35rem; color:var(--color-grey3) } .history .history_box .year_box li span {width:100%; margin-top:1rem; line-height:1.6 } .history .history_box .year_box li b {font-weight:bold; font-size:105%; color:var(--color-grey3)} .history .history_box .year_box li p {font-size:1.02rem} .history .history_box .img_box {width:calc(50% - 3rem); text-align:left; border:0px solid #f00 } .history .history_box .img_box img {width:90%;} .history .history_box .img { display:flex; width:50%; justify-content: flex-start; margin-top:-.5rem; } .history .history_box .img img {width:100%;} .history .history_box.right {flex-direction: row-reverse; } .history .history_box.right .img_box { text-align:left;} .history .history_box.left .year_box {flex-direction: row-reverse;} .history .history_box.left .year_box li { text-align:right;flex-direction: column; justify-content: flex-end; } @media screen and (max-width: 1024px) { .history .year { justify-content: flex-start; } .history:after {content:''; left:1.5rem; top:0rem; } .history em { left:1.5rem; } .history .history_box .year_box {width:100%; flex-direction: column; padding-left:5rem; } .history .history_box .img {width:100%;padding:0; margin-top:1rem; } .history .history_box .img img {width:90%;} .history .history_box .img_box {display:none;} .history .history_box.left .year_box {flex-direction: default;flex-direction: column; } .history .history_box .year_box ul {width:100%;} .history .history_box.left .year_box li { text-align:left; justify-content:flex-start; } .history .history_box .year_box li span {margin-top:.8rem; line-height:1.4;} } /* 조직도 */ .org-chart { text-align:center; } /* 관련업체 */ .corp_banner {display:flex; gap:1.2rem; } .corp_banner a {height:5.3rem; width:50%; border:1px solid #eaeaea; background-repeat:no-repeat; background-size:auto 65%; background-position:center center; background-color:#f9f9f9;transition: all 0.2s ease-in; } .corp_banner a:hover {border-color:var(--color-grey3); background-color:var(--color-white)} .corp_banner a.n01{ background-image:url('/images/sub/corp_01.png')} .corp_banner a.n02 {background-image:url('/images/sub/corp_02.png')} .corp_table {display:flex; flex-direction: column;border-top:2px solid var(--color-grey3); } .corp_table section {width:100%; display:flex;align-items: flex-start; padding:2.5rem 0; font-size:1.085rem; color:var(--color-grey5); border-bottom:1px solid #dedede; } .corp_table section .title {font-size:1.65rem; width:10rem; font-weight:bold; color:var(--color-grey3); padding-left:1rem;} .corp_table section .row {width: calc(100% - 10rem); display:flex;flex-direction: column;} .corp_table section .info {width:100%; display:flex;margin-top:1rem; padding-top:1rem; border-top:1px dotted #dedede;} .corp_table section .info:nth-of-type(1) {margin-top:0; padding-top:0; border-top:0} .corp_table section .cp_name {width: 18rem; font-weight:500;} .corp_table section .info ul {width: calc(100% - 18rem); display:flex; gap:0rem;} .corp_table section .info li {width:50%; line-height:1.5em; display:flex; } .corp_table section .info li.n01 {width:40%;} .corp_table section .info li.n02 {width:25%;} .corp_table section .info li.n03 {width:35%;} .corp_table section .info li:before {content:''; width:1.6rem; height:1.6rem; display:inline-flex; background-repeat:no-repeat; background-size: auto 1rem; background-position:center center ;} .corp_table section .info li span {width:calc(100% - 2rem); } .corp_table section .info li.n01:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M-223.48 374.656a6.722 6.722 0 0 0-6.722 6.722 6.748 6.748 0 0 0 .075 1 6.685 6.685 0 0 0 1.054 2.725 6.742 6.742 0 0 0 .783.965l1.283 1.581 3.812 4.7 3.392-4.7 1.17-1.621a6.72 6.72 0 0 0 1.1-1.526 6.675 6.675 0 0 0 .743-2.5c.019-.207.03-.415.03-.627a6.722 6.722 0 0 0-6.72-6.719zm0 8.58a2.167 2.167 0 0 1-2.167-2.167 2.166 2.166 0 0 1 2.167-2.167 2.166 2.166 0 0 1 2.167 2.167 2.167 2.167 0 0 1-2.167 2.167z' transform='translate(233.395 -373.796)' style='fill:%23121212'/%3E%3C/svg%3E%0A"); } .corp_table section .info li.n02:before{background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23232323;%7D%0A%3C/style%3E%3Cpath class='st0' d='M451.27,441.19l-16.95,14.64l-4.09,2.81c-8.52,5.86-17.98,10.44-28.08,13.66c-9.35,2.94-18.57,4.65-28.12,5.19 c-0.71,0.03-3.4,0.11-7.78-0.17c-25.65-1.62-117.3-16.03-220.66-133.31C58.4,245.04,28.42,174.57,42.06,100.72 c1.62-8.99,4.44-17.87,8.67-27.14c4.51-9.74,10.27-18.57,17.15-26.28l1.75-2.55L87.77,28.7c6.32-5.6,14.93-8.47,23.63-7.92 c8.27,0.52,15.61,3.97,20.66,9.72l65.06,73.81c11.15,12.71,9.48,32.54-3.76,44.22l-39.95,35.21l4.93,10.21 c11,23.18,26,54.87,56.37,89.28c30.23,34.37,59.7,53.25,81.24,67.03l9.79,6.26l39.88-35.17c6.3-5.55,14.91-8.4,23.64-7.84 c8.25,0.52,15.61,3.93,20.68,9.7l65.02,73.86C466.12,409.75,464.46,429.56,451.27,441.19'/%3E%3C/svg%3E%0A"); } .corp_table section .info li.n03:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M8.4 16.6v-4.8h3.2v4.8h4v-6.4H18L10 3l-8 7.2h2.4v6.4z' transform='translate(2 2)' style='fill:%23121212'/%3E%3C/svg%3E%0A"); } @media screen and (max-width: 580px) { .corp_banner { gap:.5rem; } .corp_banner a {width:100%; height:3.75rem;} } /* 찾아오시는 길 */ .map_wrap {width:100%; height:550px; border-bottom:1px solid #dedede; } .location_info {margin:2rem 0 0; font-size:0; } .location_info li {position:relative; display:block; width:100%; font-size:1.1rem;line-height:1.8rem; border-bottom:1px dotted #dedede; font-weight:400; color:var(--color-grey3) ; padding:0 0 1rem 3.5rem; margin-bottom:1rem;} .location_info li.icon { margin-bottom:.5rem; padding:1rem 0 1.45rem 3.5rem;} .location_info li.icon:before {content:'';position:absolute; left:0; top:.5rem; width:2.8rem; height:2.8rem; border-radius:50%; background-color:var(--color-white2); background-repeat:no-repeat; background-position:center center;} .location_info li.add:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M-223.48 374.656a6.722 6.722 0 0 0-6.722 6.722 6.748 6.748 0 0 0 .075 1 6.685 6.685 0 0 0 1.054 2.725 6.742 6.742 0 0 0 .783.965l1.283 1.581 3.812 4.7 3.392-4.7 1.17-1.621a6.72 6.72 0 0 0 1.1-1.526 6.675 6.675 0 0 0 .743-2.5c.019-.207.03-.415.03-.627a6.722 6.722 0 0 0-6.72-6.719zm0 8.58a2.167 2.167 0 0 1-2.167-2.167 2.166 2.166 0 0 1 2.167-2.167 2.166 2.166 0 0 1 2.167 2.167 2.167 2.167 0 0 1-2.167 2.167z' transform='translate(233.395 -373.796)' style='fill:%23121212'/%3E%3C/svg%3E%0A"); } .location_info li.tube:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M107.533 625.426A2.8 2.8 0 0 0 108.94 623v-9.011a2.8 2.8 0 0 0-2.794-2.794H99a2.8 2.8 0 0 0-2.794 2.794V623a2.8 2.8 0 0 0 1.406 2.422l-3.11 3.11a.714.714 0 0 0 1.01 1.01l.944-.944h12.234l.944.944a.714.714 0 0 0 1.01-1.01zm-9.016-6.663v-3.729a1.526 1.526 0 0 1 1.524-1.524h5.059a1.526 1.526 0 0 1 1.524 1.524v3.729zm8.737 4.2a1.125 1.125 0 1 1-1.125-1.124 1.125 1.125 0 0 1 1.126 1.129zm-7.114 0a1.125 1.125 0 1 1-1.124-1.124 1.125 1.125 0 0 1 1.124 1.129zm-2.52 4.47 1.64-1.64h6.626l1.64 1.64z' transform='translate(-92.183 -610.26)' style='fill:%23121212'/%3E%3C/svg%3E%0A"); } .location_info li.bus:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M-335.609 761.9a.574.574 0 0 0 .574.574h.647a.574.574 0 0 0 .574-.574v-1.822h-1.8z' transform='translate(340.019 -743.569)' style='fill:%23121212'/%3E%3Cpath d='M-295.217 761.9a.574.574 0 0 0 .574.574h.643a.574.574 0 0 0 .574-.574v-1.822h-1.8z' transform='translate(308.158 -743.569)' style='fill:%23121212'/%3E%3Cpath d='M-336.651 693.163a.93.93 0 0 0-.93.93v1.8a.926.926 0 0 0 .006.1l-.776.776v-5.329a1.078 1.078 0 0 0-1.077-1.078h-10.544a1.078 1.078 0 0 0-1.078 1.078v5.329l-.776-.776a1 1 0 0 0 .006-.1v-1.8a.93.93 0 0 0-.93-.93.93.93 0 0 0-.93.93v1.8a.93.93 0 0 0 .93.93.924.924 0 0 0 .423-.1l1.277 1.277v4.952a1.078 1.078 0 0 0 1.078 1.078h10.544a1.078 1.078 0 0 0 1.077-1.078V698l1.277-1.277a.924.924 0 0 0 .424.1.93.93 0 0 0 .93-.93v-1.8a.93.93 0 0 0-.931-.93zm-2.7 6.55a.839.839 0 0 1-.839.839.84.84 0 0 1-.84-.839.84.84 0 0 1 .84-.839.839.839 0 0 1 .84.839zm-4.974-6.952h4.589v3.939h-4.589zm-5.342 0h4.59v3.939h-4.59zm.454 6.113a.839.839 0 0 1 .839.839.839.839 0 0 1-.839.839.839.839 0 0 1-.839-.839.839.839 0 0 1 .84-.839z' transform='translate(354.274 -688.573)' style='fill:%23121212'/%3E%3C/svg%3E%0A"); } .location_info li ul {padding:1.5rem; background-color:#f6f6f6; display:flex; } .location_info li ul li {width:33.3%;} .location_info li span {display:inline-block; vertical-align:middle; letter-spacing:0} .location_info li span:first-child { color:var(--color-grey9); font-weight:bold; width:4.5rem; } .location_info .contact {display:flex; margin:1rem 0 0; flex-wrap: nowrap; } .location_info .contact p {width:50%; } @media screen and (max-width: 1024px) { .map_wrap { height:350px; } .location_info li {display:block; width:100%;border-bottom:1px dotted #dedede; padding-bottom:.85rem; margin-bottom:1.1rem;} .location_info li.add { margin-bottom:.85rem} } /* 공제계약절차 */ .item_process {font-size:0; text-align:center; overflow:hidden; } .item_process li {display:inline-block;position:relative; vertical-align:top; width:calc(25% - .75); margin:0 1.5rem 2rem; } /*.item_process li:after {content:"\e93e";font-family:'xeicon'; font-size:1.5rem; color:#aaa;position:absolute; width:3rem; height:3rem; line-height:3rem; text-align:center; right:-3rem; top:50%; margin-top:-1.5rem; }*/ .item_process li figure {width:13.5rem; height:13.5rem; border-radius:50%; border:1px solid #3e82e8; display:flex;padding:.65rem; align-items: center;flex-direction: column; justify-content: center; box-shadow:.3rem .3rem 1rem rgba(10,70,190,0.1) } .item_process li h2 {font-size:1.15rem; font-weight:700; color:var(--brand-color-main); text-transform:uppercase; } .item_process li h3 {font-size:.985rem; line-height:1.3em; font-weight:500; color:var(--color-grey4); letter-spacing:-.06em;} .item_process li p {font-size:1.05rem; line-height:1.25em; color:var(--color-grey5);font-weight:600; margin-top:.65rem; } .item_process li span {display:block; color:var(--color-grey8); font-size:.8rem; line-height:1.3em;margin-top:.1rem; } .item_process.col6 li {width:calc(16.6% - .5); margin:0 1rem 2rem; } .item_process.col6 li figure {width:9rem; height:9rem; } .item_process.col6 li:after { font-size:1.1rem; width:2rem; height:2rem; line-height:2rem; right:-2rem; margin-top:-1rem; } .item_process.square ul {display:flex;justify-content: space-between; flex-wrap: wrap; } .item_process.square li {position:relative;width:14.8%; margin:0 0 1rem; display:flex; } .item_process.square li:before{content: ''; width:1.4rem;height:1.4rem; position: absolute;background:url('/images/sub/arrow_cd.png') no-repeat center ;top: 50%;margin-top:-.75rem; background-size:70%; left: -1.4rem; border:0px solid #f00} .item_process.square li:first-child:before{display: none;} .item_process.square li figure {width:100%; height:auto; padding:1.2rem 1rem; border-radius:.5rem; background-color:#fff; box-shadow:none; } .item_process.square.type2 ul {display:flex; justify-content: space-evenly; flex-wrap: wrap; align-items: stretch;} .item_process.square.type2 li {position:relative;width:29.5%; margin:0 0 1rem; display:flex;min-height:8.5rem; } .item_process.square.type2 li:before { left: -1.65rem;} .item_process.square.type2 li figure {width:100%; height:auto; padding:1.2rem 1rem; border-radius:.5rem; background-color:#fff; box-shadow:none; } @media screen and (max-width: 1100px) { .item_process li figure {width:10.5rem; height:10.5rem; padding:.1rem; } .item_process li h2 {font-size:1.125rem; } .item_process li p {font-size:.985rem; margin-top:.5rem; } .item_process li span { font-size:.75rem; } .item_process br {display:none;} } @media screen and (max-width: 670px) { .item_process li {display:block; width:100%; margin:0; margin-bottom:2rem;} /*.item_process li:after { font-size:1.2rem; width:2rem; height:2rem; line-height:2rem; right:-2rem; right:auto; bottom:-2rem; top:auto; left:50%; margin-left:-1rem; margin-top:-1rem; transform: rotate( 90deg ); }*/ .item_process li figure {width:100%; height:auto;padding:1.5rem 1rem; border-radius:.85rem; } .item_process.col6 li {display:block; width:100%; margin:0 0 2rem; } .item_process.col6 li figure {width:100%; height:auto;padding:1.5rem 1rem; border-radius:.85rem; } .item_process.square li {display:block; width:100%; margin:0 0 2rem; ;} .item_process.square li:before { top:auto; right: auto; left:50%; margin-left:-1rem; top:-1rem; transform: rotate( 90deg ); } .item_process.square.type2 li:before { top:auto; right: auto; left:50%; margin-left:-1rem; top:-1rem; transform: rotate( 90deg ); } .item_process.square li figure {width:100%; height:auto;padding:1.5rem 1rem; } .item_process.square.type2 li {min-height:auto; width:100%; margin:0 0 2rem; } } /* 출자조회 */ .top_count {display:flex; justify-content: center; align-items: center; padding:2.3rem 1rem; background-color:var(--bg-light-blue);border:0px dashed #dcdde0; gap:2rem; font-size:1.25rem; font-weight:600; border-radius:0rem; margin:2rem 0 2rem;} .top_count .count_box {display:flex; justify-content: center; align-items: center; gap:2rem; padding:1rem 3rem; background-color:var(--color-white); border-radius:.85rem; border:1px dashed #dcdde0} .top_count .calendar_box {display:flex; justify-content: center; align-items: center; gap:.25rem; font-size:1rem; font-weight:500;} .top_count .calendar_box input { background-color:var(--color-white); border:1px solid var(--color-grey5); border-radius:var(--radius-basic)} .top_count .calendar_box button { padding:0 1.8rem; background-color:var(--color-grey3)} .top_count strong {color:var(--color-red); margin:0 .2rem;} @media screen and (max-width: 1024px) { .top_count { font-size:1.05rem; padding:1.65rem 1.2rem; } .top_count .count_box {padding:0; width:100%;border:0; background-color:transparent; gap:1.35rem;} .top_count .calendar_box {gap:0;} .top_count .calendar_box input {padding-left:.2rem; font-size:.95rem;} .top_count .calendar_box button {font-size:0; background-image:none; background-size:auto 50%; background-repeat:no-repeat; background-position:center center; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M28.2,25.7l-5.3-5.3c1.3-1.8,2.1-4,2.1-6.4c0-6.1-4.9-11-11-11S3,7.9,3,14s4.9,11,11,11c2.6,0,5-0.9,6.9-2.4 l5.3,5.3c0.6,0.6,1.5,0.6,2.1,0C28.8,27.3,28.8,26.3,28.2,25.7z M14,22c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8S18.4,22,14,22z'/%3E%3C/svg%3E%0A");} } @media screen and (max-width: 768px) { .top_count { padding:1.25rem .5rem; } .top_count .count_box {flex-direction: column; gap:.5rem} .top_count .calendar_box {display:block; text-align:center; font-size:0; padding:0 } .top_count .calendar_box span {display:block; padding-bottom:.35rem; width:100%; font-size:1rem;} .top_count .calendar_box .calendar {width:120px; display:inline-block; vertical-align:middle;} } @media screen and (max-width: 350px) { .top_count {padding:1rem .5rem;} .top_count .calendar_box .calendar {width:105px; } .top_count .calendar_box button {width:2rem !important;} } /* ew 조회 */ .top_search {display:flex;align-items: flex-end;padding:1.8rem 2.5rem; background-color:var(--bg-light-blue);border:0px dashed #dcdde0; gap:.35rem; font-size:1rem; font-weight:500; border-radius:0rem; margin:2rem 0 2rem;} .top_search .row_wrap {display:flex;flex-direction: column;width:100%; gap:.35rem; } .top_search .btn_area {width:90px; } .top_search .btn_area button {width:100%;background-color:var(--color-grey3)} .top_search .row {width:100%; display:flex; gap:.4rem;} .top_search .row .btn {width:80px;} .top_search .calendar_box {display:flex; align-items: center; gap:.2rem;width:calc(60% - 180px); } .top_search .calendar_box .calendar {width:calc(50% - 60px);margin:0; } .top_search .calendar_box select {width:120px;} .top_search input { background-color:var(--color-white); border:1px solid var(--color-grey8); border-radius:var(--radius-basic)} .top_search select { border-radius:var(--radius-basic); font-size:.9rem;border:1px solid var(--color-grey8);} .top_search span {font-size:.895rem; width:80px !important; text-align:right; padding-right:.2rem; } .top_search .brand {display:flex; align-items: center; gap:.25rem;width:100% } .top_search .brand span {width:56px !important;} .top_search .brand .select1 {width:calc(30% - 56px);} .top_search .brand .select2 {width:32%; } .top_search .brand .select3 {width:38%; } .top_search .keyword {display:flex; align-items: center; width:40%; gap:.25rem;} .top_search .keyword select { width:calc(40% - 40px);} .top_search .keyword input {width:calc(60% - 40px);} .top_search .state { display:flex; align-items: center; width:180px} .top_search .state span {width:60px !important; } .top_search .state select {width:calc(100% - 60px);} .top_search.reward .row {flex-wrap: wrap; font-size:0; } .top_search.reward select {margin:0 !important} .top_search.reward span {width:70px !important; padding-right:8px;border:0px solid #f00} .top_search.reward .state {width:250px;} .top_search.reward .calendar_box {width:calc(100% - 563px);} .top_search.reward .calendar_box .calendar {width:100%;} .top_search.reward .keyword {width:250px; gap:0; margin-left:1rem} .top_search.reward .keyword select {width:100%; } .top_search.reward .brand {width:calc(100% - 235px); border:0px solid #f00; gap:0} .top_search.reward .brand .select1 {width:180px;} .top_search.reward .brand input {width:calc(100% - 250px); margin-left:6px;} .top_search.reward .btn_w {display:flex; gap:.35rem;} .top_search.reward .btn_w .btn {width:50%; padding:0 2.6rem;} .top_search.reward .btn.reset {background-color:#f4f4f4; color:#333; padding:0 1.15rem;border:1px solid #666;} @media screen and (max-width:1001px) { .top_search { padding:1rem 1.5rem; gap:.25rem} .top_search .btn_area {width:60px; } .top_search .calendar_box, .top_search .keyword {width:100%;} .top_search .row {flex-direction: column; gap:0.25rem;} } @media screen and (max-width:1000px) { .top_search { padding:.8rem 1.1rem 1.25rem; display:block; margin-left:-1rem; margin-right:-1rem; } .top_search span, .top_search .row_wrap, .top_search .row_wrap select, .top_search .btn_area, .top_search .calendar_box, .top_search .keyword, .top_search .brand {display:block; width:100%; margin-bottom:.2rem; } .top_search span { text-align:left; font-size:.95rem;padding-top:.8rem; } .top_search .calendar_box .calendar {width:calc(50% - 5px);margin:0; } .top_search .keyword { } .top_search .keyword select { display:inline-block; vertical-align:top; width:49%;} .top_search .keyword input { display:inline-block; vertical-align:top; width:50%;} .top_search .brand .select1, .top_search .brand .select2, .top_search .brand .select3 {width:100%; margin-bottom:.2rem; } .top_search .row .btn {width:100% !important;} .top_search .state span {padding:0} /* 보상정보 */ .top_search.reward {display:flex;} .top_search.reward .state {width:25%;} .top_search.reward .calendar_box {width:40%;} .top_search.reward .keyword{width:30%;display:flex;align-items: center; } .top_search.reward span {padding:0; } .top_search.reward .row {display:flex;flex-direction: row; } .top_search.reward .calendar_box {display:flex;} .top_search.reward .brand {display:flex; align-items: center; width:100%; } .top_search.reward .btn_w {width:100%;} } @media screen and (max-width:1000px) { /* 보상정보 */ .top_search.reward {display:block;} .top_search.reward .state {width:35%;} .top_search.reward .calendar_box {width:63.5%; margin:0;} .top_search.reward .keyword{display:block; width:100%; padding:0; margin:0; } .top_search.reward span {padding:0; display:none; } .top_search.reward .row {display:flex;flex-direction: row; } .top_search.reward .calendar_box {display:flex;} .top_search.reward .brand {display:flex; align-items: center; width:100%;padding-top:5px; } .top_search.reward .brand input {width:100%;} } .invest_item_wrap {display:flex; flex-direction: column; gap:1.5rem; font-weight:400; letter-spacing:-.04em; border-top:0px solid var(--color-grey3); font-size:1.1rem; line-height:1.5 } .invest_item_wrap .item_box {position:relative; width:100%; display:flex; background-color:var(--color-white); border:1px solid #dfe1e5; } .invest_item_wrap .item_box .item_info {line-height:inherit; width:35%; display:flex; flex-direction: column; position:relative; gap:1rem; padding:2.5rem 2.5rem; } .invest_item_wrap .item_box .item_info .info_top {display:flex; flex-direction: column; } .invest_item_wrap .item_box .item_info .info_bottom {display:flex; } .invest_item_wrap .item_box .item_info .label_area {display:block; margin-bottom:.65rem;} .invest_item_wrap .btn{ display:flex; gap:.15rem; padding:0 .5rem 0 .5rem;height:2rem; font-size:.9rem; font-weight:600; letter-spacing:-.08em;border-radius:.35rem; background-color:var(--color-white); color:var(--color-grey3); border:1px solid var(--color-grey9)} .invest_item_wrap .btn.refund {border-color:var(--color-red); color:var(--color-red)} .invest_item_wrap .btn.open { color:var(--brand-color-main);border-color:var(--brand-color-main);padding:0 1rem; } .invest_item_wrap .print {padding-left:.65rem;} .invest_item_wrap .print:after {content:''; display:block; width:1.5rem; height:1.5rem; background-repeat:no-repeat; background-position:center center; background-size:auto 1.2rem; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23231F20;%7D%0A%3C/style%3E%3Cg id='XMLID_14_'%3E%3Crect id='XMLID_15_' x='181.24' y='151.25' class='st0' width='137.32' height='14.07'/%3E%3Crect id='XMLID_36_' x='181.24' y='186.61' class='st0' width='137.32' height='14.07'/%3E%3Cpath id='XMLID_39_' class='st0' d='M422.71,193.63h-32.29c0.23-0.39,0.51-0.75,0.51-1.24v-40.89c0-1.43-1.15-2.58-2.58-2.58 h-31.91v-43.18c0-3.89-3.15-7.04-7.04-7.04h-199c-3.89,0-7.04,3.15-7.04,7.04v43.18h-31.91c-1.43,0-2.58,1.15-2.58,2.58v40.89 c0,0.48,0.28,0.85,0.51,1.24H77.11c-17.3,0-31.38,14.07-31.38,31.38v110.63c0,17.3,14.07,31.38,31.38,31.38h345.6 c17.3,0,31.38-14.07,31.38-31.38V225.01C454.08,207.71,440.01,193.63,422.71,193.63z M342.36,215.8H157.44V112.78h184.93V215.8z M408.7,246.63c-6.86,0-12.43-5.55-12.43-12.41c0-6.87,5.57-12.42,12.43-12.42c6.86,0,12.42,5.55,12.42,12.42 C421.12,241.07,415.56,246.63,408.7,246.63z'/%3E%3Cpath id='XMLID_41_' class='st0' d='M388.35,379.32h-276.9c-1.43,0-2.58,1.15-2.58,2.58v23.24c0,1.43,1.15,2.58,2.58,2.58h276.9 c1.43,0,2.58-1.15,2.58-2.58V381.9C390.93,380.47,389.78,379.32,388.35,379.32z'/%3E%3C/g%3E%3C/svg%3E%0A");} .invest_item_wrap .print:disabled { color:var(--color-grey9); border-color:#dedede; background-color:#f5f5f5; } .invest_item_wrap .print:disabled:hover {box-shadow:none;} .invest_item_wrap .print:disabled:after {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23aaa;%7D%0A%3C/style%3E%3Cg id='XMLID_14_'%3E%3Crect id='XMLID_15_' x='181.24' y='151.25' class='st0' width='137.32' height='14.07'/%3E%3Crect id='XMLID_36_' x='181.24' y='186.61' class='st0' width='137.32' height='14.07'/%3E%3Cpath id='XMLID_39_' class='st0' d='M422.71,193.63h-32.29c0.23-0.39,0.51-0.75,0.51-1.24v-40.89c0-1.43-1.15-2.58-2.58-2.58 h-31.91v-43.18c0-3.89-3.15-7.04-7.04-7.04h-199c-3.89,0-7.04,3.15-7.04,7.04v43.18h-31.91c-1.43,0-2.58,1.15-2.58,2.58v40.89 c0,0.48,0.28,0.85,0.51,1.24H77.11c-17.3,0-31.38,14.07-31.38,31.38v110.63c0,17.3,14.07,31.38,31.38,31.38h345.6 c17.3,0,31.38-14.07,31.38-31.38V225.01C454.08,207.71,440.01,193.63,422.71,193.63z M342.36,215.8H157.44V112.78h184.93V215.8z M408.7,246.63c-6.86,0-12.43-5.55-12.43-12.41c0-6.87,5.57-12.42,12.43-12.42c6.86,0,12.42,5.55,12.42,12.42 C421.12,241.07,415.56,246.63,408.7,246.63z'/%3E%3Cpath id='XMLID_41_' class='st0' d='M388.35,379.32h-276.9c-1.43,0-2.58,1.15-2.58,2.58v23.24c0,1.43,1.15,2.58,2.58,2.58h276.9 c1.43,0,2.58-1.15,2.58-2.58V381.9C390.93,380.47,389.78,379.32,388.35,379.32z'/%3E%3C/g%3E%3C/svg%3E%0A");} .invest_item_wrap .item_box .item_info .number {font-size:1.7rem; font-weight:800; color:var(--color-grey1); } .invest_item_wrap .item_box .item_info .count { font-weight:700; color:var(--color-grey5);margin-top:.65rem; } .invest_item_wrap .item_box .item_info .date { display:block; font-size:93%; font-weight:500; color:var(--color-grey8); min-height:1.5rem;margin-top:.35rem; } .invest_item_wrap .item_box .item_result { width:calc(65% - 180px);display:flex; flex-direction: column; gap:.65rem;padding:2.5rem 2.5rem;} .invest_item_wrap .item_box .item_result li {position:relative; padding-left:.9rem; margin-top:.2rem; font-weight:500; color:var(--color-grey6);flex-direction: column; } .invest_item_wrap .item_box .item_result li p { display:flex;align-items: center; justify-content: space-between; gap:.65rem;} .invest_item_wrap .item_box .item_result li p.detail { margin-top:.5rem;display:flex; justify-content: flex-start; background-color:#f9f9f9; border-radius:.5rem; padding:.75rem 1rem; font-size:.95rem; } .invest_item_wrap .item_box .item_result li:before {content:''; position:absolute; left:0; top:.75rem; width:6px; height:2px; background-color:var(--color-grey5) } .invest_item_wrap .item_box .item_result li:first-child {margin-top:0} .invest_item_wrap .item_box .item_result strong {color:var(--color-grey1)} .invest_item_wrap .item_box .item_result .refund {text-decoration:line-through; color:var(--color-grey8)} .invest_item_wrap .item_box .item_result li p span em {display:inline-block;min-width:100px; } .invest_item_wrap .item_box .btn_area {width:180px; padding:2.5rem 2.5rem 0 0; display:flex; justify-content: flex-end; } .invest_item_wrap .btn_view_detail { font-size:1rem; font-weight:500; height:auto;background-color:transparent; text-decoration:underline; color:var(--color-grey3); border:0; letter-spacing:-.04em;} .invest_item_wrap.result_nodata .item_box {display:none; } .invest_item_wrap.result_nodata:after {content:'출자신청건수가 없습니다.'} /* ew신청내역 */ .invest_item_wrap.ew {flex-direction: column; flex-wrap: wrap; gap:1.5rem; } .invest_item_wrap.ew .item_box {width:100%; flex-direction: row; gap:1rem; padding:2rem; } .invest_item_wrap.ew .item_box .item_info {width:35%; padding:0;} .invest_item_wrap.ew .item_box .item_result { width:calc(65% - 140px); font-size:1rem; gap:.5rem; padding:0;} .invest_item_wrap.ew .item_box .item_result li:before {display:none; } .invest_item_wrap.ew .item_box .item_result li {display:flex;align-items: flex-start; flex-direction: row; padding:0; margin:0 } .invest_item_wrap.ew .item_box .item_result li span:first-child { width:5.5rem; color:var(--color-grey3)} .invest_item_wrap.ew .item_box .item_result li span:first-child + span {width:calc(100% - 5.5rem);color:var(--color-grey8)} .invest_item_wrap.ew .item_box .item_result li strong { color:var(--color-grey3)} .invest_item_wrap.ew .btn_area {display:flex;width:140px; flex-direction: column;justify-content: flex-start; padding:0} .invest_item_wrap.ew .btn_area p {display:flex; justify-content: flex-end; flex-direction: column;} .invest_item_wrap.ew .btn_area p:first-child {justify-content: flex-start; gap:.5rem; } .invest_item_wrap.ew .btn_area p.right {align-items: flex-end;margin-top:1rem;} .invest_item_wrap.ew .item_box .item_info .label_area {top:auto; right:auto; position:relative; display:block; margin-left:-.15rem; margin-bottom:.5rem} .invest_item_wrap.ew .item_box .date {font-size:1rem; font-weight:500; color:var(--color-grey8)} /* 보상정보조회 */ .invest_item_wrap.reward {flex-direction: column; flex-wrap: wrap; } .invest_item_wrap.reward .item_box {display:flex; width:100%; flex-direction:row; align-items: stretch; gap:0rem; padding:0; } .invest_item_wrap.reward .item_box .item_info {width:calc(100% - 300px); gap:0 !important; padding:0;padding-left:1.8rem; padding-right:1.8rem; display:flex; flex-direction: column; justify-content: space-between; } .invest_item_wrap.reward .item_box .info_top {display:flex; flex-direction:row; justify-content: space-between; padding:1rem 0 ;border-bottom:1px dashed #eee; } .invest_item_wrap.reward .item_box .item_info .number {font-size:1.35rem; } .invest_item_wrap.reward .item_box .item_info .number em { font-size:.95rem; color:#999; margin-right:.5rem; font-weight:500} .invest_item_wrap.reward .item_box .rw_info { width:100%; font-size:1rem; gap:2rem; flex-direction: row; justify-content: space-between; padding:0; } .invest_item_wrap.reward .item_box .rw_info ul {display:block; width:100%; padding:.65rem 0 1rem;} .invest_item_wrap.reward .item_box .rw_info ul li {position:relative;display:inline-flex; width:32%; align-items: flex-start; flex-direction: row; margin:.25rem 0; padding:0} .invest_item_wrap.reward .item_box .rw_info ul li span { font-size:.9rem; font-weight:500} .invest_item_wrap.reward .item_box .rw_info ul li span:first-child { width:6.1rem;color:#aaa; border-color:#aaa; font-weight:500; } .invest_item_wrap.reward .item_box .rw_info ul li span:first-child + span {width:calc(100% - 6.1rem); color:#111; font-weight:500; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; } .invest_item_wrap.reward .item_box .reward_cost {width:300px; display:flex; flex-direction: column; align-items: stretch; border-left:1px dashed #eee; padding:1rem; } .invest_item_wrap.reward .item_box .reward_cost ul {display:flex; width:100%; flex-direction: column; gap:.85rem; padding:1.1rem; background-color:#f5f7fa; border-radius:.5rem;} .invest_item_wrap.reward .item_box .reward_cost li {display:flex; width:100%;flex-direction: row; padding:0; justify-content: space-between;} .invest_item_wrap.reward .item_box .reward_cost li span { font-size:.95rem; font-weight:500; color:#999} .invest_item_wrap.reward .item_box .reward_cost li span + span {color:#333;} .invest_item_wrap.reward .item_box .reward_cost .total {padding:.95rem .8rem 0; display:flex; justify-content: space-between; align-items: center;font-size:.95rem; font-weight:500;} .invest_item_wrap.reward .item_box .reward_cost .price {color:var(--color-red); font-size:1.25rem; font-weight:600} .invest_item_wrap.reward .item_box .btn_area {width:auto; padding:0; gap:.5rem;} .invest_item_wrap.reward .btn_area {display:flex;width:140px; } @media screen and (max-width: 1024px) { .invest_item_wrap .item_box {flex-direction: column; } .invest_item_wrap .item_box .item_info, .invest_item_wrap .item_box .item_result {width:100%;} .invest_item_wrap .item_box .item_info .label_area {right:2rem;} .invest_item_wrap .item_box .item_result {background-color:#f8f8f8} .invest_item_wrap.ew .item_box .item_result {background:none;} .invest_item_wrap .item_box .btn_area {width:100%; padding:1rem; } .invest_item_wrap.ew .item_box .btn_area {width:auto;} /* 보상정보조회 */ .invest_item_wrap.reward .item_box { flex-direction:column; } .invest_item_wrap.reward .item_box .rw_info ul li {width:49%;} .invest_item_wrap.reward .item_box .item_info, .invest_item_wrap.reward .item_box .reward_cost {width:100%;} .invest_item_wrap.reward .item_box .item_info {padding-left:1rem; padding-right:1rem;} .invest_item_wrap.reward .item_box .reward_cost {padding-top:0;} .invest_item_wrap.reward .item_box .rw_info ul li span:first-child { width:5.5rem; } .invest_item_wrap.reward .item_box .rw_info ul li span:first-child + span {width:calc(100% - 5.5rem); } } @media screen and (max-width: 790px) { .invest_item_wrap {font-size:1rem; gap:1rem;} .invest_item_wrap .item_box {border-radius:.5rem;} .invest_item_wrap .item_box .item_info { padding:1.5rem; } .invest_item_wrap .item_box .item_info .number {font-size:1.35rem; } .invest_item_wrap .item_box .item_result {gap:.5rem; padding:1.5rem; } .invest_item_wrap .item_box .item_result li p { align-items: flex-start; } .invest_item_wrap .item_box .item_result li p span + span {padding-top:0rem; } .invest_item_wrap .item_box .item_result li p.detail {padding:.5rem; background-color:#fff; flex-direction: column; } .invest_item_wrap .btn_view_detail {font-size:.85rem; background-color:#d6e4fe; border-radius:2rem; height:1.8rem; padding:0 .65rem;text-decoration:none; } .invest_item_wrap .item_box .item_info .print {display:none;} /* ew */ .invest_item_wrap.ew {flex-direction: column; gap:1rem; } .invest_item_wrap.ew .item_box {width:100%; padding:1.2rem;flex-direction:column;} .invest_item_wrap.ew .item_box .item_info, .invest_item_wrap.ew .item_box .item_result, .invest_item_wrap.ew .btn_area {width:100%; padding:0;} .invest_item_wrap.ew .btn_area p {flex-direction:row;} .invest_item_wrap.ew .btn_view_detail {margin-top:.5rem;} } @media screen and (max-width: 580px) { .invest_item_wrap.ew .btn_area p {flex-direction:column;} /* 보상정보조회 */ .invest_item_wrap.reward .item_box .item_info .number {font-size:1.15rem;} .invest_item_wrap.reward .item_box .info_top { flex-direction:column;} .invest_item_wrap.reward .item_box .rw_info ul li {width:100%; margin:.15rem 0;} .invest_item_wrap.reward .item_box .btn_area {padding-top:.5rem;} .invest_item_wrap.reward .item_box .reward_cost ul {gap:.5rem; padding:.65rem 1rem;} .invest_item_wrap.reward .item_box .reward_cost .total {padding:.5rem .5rem 0;} } /* EW계약정보선택 */ .ew_contract {display:flex; gap:1.5rem; } .ew_contract input[type=radio] + label {position:relative;width:50%; margin:0;padding:1.5rem 1.65rem; background-color:#fff; border:2px solid #ddd; border-radius:.65rem; } .ew_contract input[type=radio] + label:after {display:none !important;} .ew_contract input[type=radio] + label:before {content:"\e929"; font-family:'xeicon';background-color:#f1f1f1; color:#fff; font-size:1.95rem;position:absolute; top:1rem; right:1.5rem; width:2.3rem; height:2.3rem; border-radius:50%; display:flex; justify-content: center; align-items: center; } .ew_contract input[type=radio]:checked + label {background-color:#f0f7fe; border-color:var(--brand-color-main); box-shadow:3px 3px 12px rgba(12,86,221,0.1)} .ew_contract h2 {display:block; font-size:1.35rem; line-height:1.3em; color:#777; padding:0 .2rem; font-weight:600; border-bottom:1px solid #eee; margin-bottom:1rem; padding-bottom:0.8rem; } .ew_contract p {display:flex; margin:.65rem; font-size:1rem; font-weight:500; } .ew_contract p span {color:#000; line-height:1.3em;} .ew_contract p span:first-child {width:7.5rem; color:#777;} .ew_contract p span:first-child + span {width:calc(100% - 7.5rem)} .ew_contract p:last-child {margin-bottom:0} .ew_contract p b {font-weight:bold; color:var(--color-red); font-size:110%; letter-spacing:0} .ew_contract input[type=radio]:checked + label h2 {color:#000; border-color:#cfdbe5} .ew_contract input[type=radio]:checked + label:before { background-color:var(--brand-color-main)} .ew_contract.result {flex-direction: column; margin-top:2.5rem;} .ew_contract .figure_wrap {width:100%; display:flex; gap:1.8rem; } .ew_contract .figure_wrap .box {position:relative; width:50%; } .ew_contract figure {position:relative; width:100%; margin:0;padding:1.5rem 1.65rem; background-color:#fff; border:1px solid #ddd; border-radius:.65rem; } .ew_contract figure h2 {text-align:center; font-size:1.35rem; color:#333;} .ew_contract .figure_wrap h3 {font-size:1.1rem; font-weight:bold; margin:1.5rem 0 .65rem; } .txt_result_box { display:flex; flex-direction: column; width:100%; text-align:center;justify-content: center; align-items: center;margin-bottom:.5rem; padding:1.5rem; font-size:1.125rem; font-weight:500; line-height:1.3em; background-color:#f9f9f9; border-radius:1.1rem 0 1.1rem 1.5rem} .txt_result_box .txt {font-size:.9rem; color:var(--brand-color-main); } .ew_contract.noresult { min-height:12rem; padding:5rem 0;background-color:#edeeee; border-radius:.5rem; display:flex;justify-content: center; align-items: center; flex-direction: column; gap:0} .ew_contract.noresult h2 { position:relative; padding:8rem 0 0;font-size:1.25rem;border:0; margin:0rem; color:#333; display:flex; justify-content: center; flex-direction: column;align-items: center; } .ew_contract.noresult h2:before {content:'!'; position:absolute; left:50%; margin-left:-3rem; top:0rem; width:6rem; height:6rem; margin-bottom:1rem; background-color:#fff; font-weight:bold; color:#b2b7c8; font-size:2.85rem; border-radius:50%; display:flex;justify-content: center; align-items: center; } .ew_contract.noresult h2:after {content:''; position:absolute; left:50%;top:-1rem;margin-left:-4rem; width:8rem; height:8rem; border-radius:50%; border:1px dashed #b1b7cb;} .ew_contract.noresult p {font-size:1rem; color:#999; line-height:1.4em; text-align:center;} /* 가입불가차량안내 */ .ew_guide_wrap {display:block;} .ew_guide {display:flex; flex-direction: column; background-color:#f6f8fa; border-radius:.5rem; padding:2rem; } .ew_guide .guide_t {font-size:1.05rem; font-weight:bold; color:#333;margin-top:2rem; margin-bottom:.5rem;} .ew_guide .guide_t:nth-child(1) {margin-top:0} .ew_guide .or_list li {margin-top:.1rem;} .ew_guide .or_list li p {line-height:1.3rem;font-size:.9rem;} .ew_guide .or_list.half {font-size:0} .ew_guide .or_list.half li {width:50%; display:inline-block; vertical-align:top;} @media screen and (max-width: 790px) { .ew_contract { gap:1rem; } .ew_contract input[type=radio] + label { padding:1.1rem 1.35rem } .ew_contract p span:first-child {width:6.5rem; } .ew_contract p span:first-child + span {width:calc(100% - 6.5rem)} .ew_contract .figure_wrap { gap:1rem; } .ew_contract .figure_wrap { flex-direction: column; gap:2.5rem;} .ew_contract .figure_wrap .box {width:100%; } .ew_guide .or_list.half li {width:100%; } } @media screen and (max-width: 590px) { .ew_contract {flex-direction: column; } .ew_contract input[type=radio] + label {width:100%; padding:1rem; } .ew_contract input[type=radio] + label:before { font-size:1.65rem; top:.65rem; right:1rem; width:1.9rem; height:1.9rem;} .ew_contract h2 { font-size:1.25rem; padding-bottom:0.5rem;} } /* 조합원/출자신청완료 */ .invest_complete .top_item {padding-left:8rem; min-height:15rem; background-image:url('/images/sub/img_complete.png'); background-repeat:no-repeat; background-position:78% bottom; display:flex; justify-content: center; flex-direction: column;} .invest_complete .top_item h2 {font-size:1.7rem; font-weight:500; color:var(--color-grey4); line-height:1.5em;} .invest_complete .top_item p{margin-top:1.2rem; font-size:1.15rem; line-height:1.5em; font-weight:600; color:var(--brand-color-main); text-decoration:underline;} .invest_complete .cont_item {background-color:var(--bg-light-blue); border-top:1px solid #333; padding:4rem 6rem; } .invest_complete .cont_item ol li {position:relative; padding-left:.6rem; font-size:1.125rem; font-weight:500; color:var(--color-grey3); margin-top:1rem; } .invest_complete .cont_item ol li:before {content:''; position:absolute; left:0; top:.5rem; width:4px; height:4px; border-radius:50%; background-color:var(--color-grey6); } .invest_complete .cont_item ol li:first-child {margin:0} .invest_complete .cont_item ol li span {display:inline-block; vertical-align:top; } .invest_complete .cont_item ol li span:first-child {width:14rem;} .invest_complete .cont_item ol li span:first-child + span {width:calc(100% - 14rem); color:var(--brand-color-main); font-weight:600} .invest_complete .cont_item .txt {margin-top:1.5rem; font-size:1.1rem; font-weight:500; color:var(--color-grey4)} .invest_complete .cont_item dl {margin-top:1.5rem; display:flex; align-items:flex-start; gap:1.5rem;} .invest_complete .cont_item dl dt {background-color:var(--color-white); padding:1.1rem 2.5rem; font-size:1.1rem; font-weight:500; border:1px solid #d0daef} .invest_complete .cont_item dl dd {font-size:1.05rem; font-weight:500; line-height:1.6em; color:var(--color-grey6)} @media screen and (max-width:1100px) { .invest_complete .top_item {padding-left:5%; min-height:12rem; background-position:90% bottom; background-size:auto 90%} .invest_complete .top_item h2 {font-size:1.35rem; line-height:1.3em; } .invest_complete .top_item p {margin-top:1rem; font-size:1rem; } } @media screen and (max-width:670px) { .invest_complete .top_item {padding-left:.35rem; min-height:9rem; background-position:101% bottom;background-size:auto 80%; } .invest_complete .top_item h2 {font-size:1rem; } .invest_complete .top_item p{margin-top:.65rem; font-size:.9rem; } } /* 출자증권 출력 */ .popup.cert {width:1250px; padding-top:3rem; border:0px solid #f00; cursor:default; position:relative; } .popup .row_cont {display:block; position:relative; border:0px solid #f00;width:1250px; border:0px solid #f00;height:850px; padding-top:5rem; background:url('/images/sub/bg_invest_cert.jpg?ver=1') no-repeat center 0; background-size:100%;cursor:default; } .popup .row_cont .cont {border:0px solid #aaa;width:65%; margin:0 auto; } .popup .row_cont .top_item {display:flex;justify-content: center; gap:.5rem;flex-direction: column; position:relative;} .popup .row_cont .top_item .title {position:relative;display:inline-flex; justify-content: center;margin-bottom:1rem; font-size:2.5rem; font-weight:700; color:var(--color-black); padding-bottom:1.5rem; border-bottom:2px solid #000;} .popup .row_cont .top_item .title:after {content:''; position:absolute; left:0; bottom:5px; height:1px; width:100%; z-index:1; border-bottom:1px dashed #333; } .popup .row_cont .top_item p {text-align:center; font-size:1.35rem; line-height:1.3em; font-weight:500; color:var(--color-grey3) } .popup .row_cont .top_item p strong {font-weight:700; margin:0 3px; color:var(--color-grey3) } .popup .row_cont .top_item i {font-weight:700; color:var(--color-red)} .popup .row_cont .footer_item {position:relative; display:flex;justify-content: center; gap:.85rem;flex-direction: column; padding-top:1.5rem; } .popup .row_cont .footer_item p {display:inline-flex; justify-content: center; font-size:1rem; font-family: 'Arita-buri' !important; color:var(--color-grey3)} .popup .row_cont .footer_item p.ceo { text-align:center; padding-top:.5rem;} .popup .row_cont .footer_item p.ceo strong {position:relative; display:inline-block; font-size:1.6rem; font-weight:bold; font-family: 'Arita-buri' !important; color:var(--color-black) } .popup .row_cont .footer_item p.ceo .seal {position:absolute; right:-2.65rem; top:-1rem; width:4.5rem;height:4.5rem; background:url('/images/img_seal.png') no-repeat center ; background-size:cover; z-index:5} .popup .row_cont .stitle {position:relative;padding-left:.7rem; font-size:1rem; line-height:1.3em; font-weight:bold; color:#000; margin-top:1rem; padding-bottom:.25rem; } .popup .row_cont .stitle:before {content:''; position:absolute; left:2px; top:7px; width:4px; height:4px; background-color:var(--color-black)} .popup .row_cont ol.list {margin:1rem 0;} .popup .row_cont ol.list li {position:relative; font-size:.9rem; line-height:1.3em; padding-left:.85rem; margin-bottom:.3rem; } .popup .row_cont ol.list li:before {content:'※'; position:absolute; left:1px; top:-1px; line-height:1.4em; } .popup .cert_table {width:100%; margin-top:1.2rem; border-top:1px solid #555;} .popup .cert_table th, .popup .cert_table td {border-bottom:1px dotted #ddd; font-weight:bold; text-align:left; font-size:1.165rem; padding:.53rem .5rem .53rem .85rem; line-height:1.5em; } .popup .cert_table.type2 { margin-top:0rem; border-top:1px solid #555;} .popup .cert_table.type2 th, .popup .cert_table.type2 td {border:1px solid #555;font-weight:500 !important; text-align:left; color:#000; font-size:.90rem; padding:.35rem .2rem; line-height:1.2em; letter-spacing:-.06em; } .popup .cert_table.type2 th {background-color:#b6d8ff;padding:.5rem .4rem; } .popup .cert_table.type2.center th, .popup .cert_table.type2.center td {text-align:center; vertical-align:middle; } .popup .print_date {position:absolute; right:.5rem; bottom:.05rem; font-size:.8rem; color:#333;} .popup .qr_code {position:absolute; right:4.7rem; bottom:11.8rem; width:5rem; height:5rem; border:2px solid #333; background:url('/images/qr_code.jpg') no-repeat center ; background-size:cover; z-index:33} .popup .qr_code:before {content:'QR'; height:100%;display:flex; justify-content: center; align-items: center; } /* 대표증권 및 서식 */ .popup.paper {width:900px; padding-top:3rem; cursor:default;} .popup.paper .row_cont {display:block; position:relative; border:0px solid #f00;width:900px; border:0px solid #f00;height:1280px; padding-top:3rem;background:url('/images/sub/bg_cert_vertical.jpg?ver=0509') no-repeat center 0; background-size:100%;cursor:default;} .popup.paper .row_cont .top_item {position:relative; justify-content: space-between;flex-direction: row; align-items: center; height:6rem; border-bottom:1px solid #000;} .popup.paper .row_cont .top_item:after {content:''; width:5rem; height:5rem; position:absolute; right:0; top:0; background:url('/images/sub/logo_file.png?ver=1') no-repeat center 1rem ; background-size:contain; } .popup.paper .row_cont .top_item:before {content:''; position:absolute; left:0; bottom:5px; height:1px; width:100%; z-index:1; border-bottom:1px dashed #000; } .popup.paper .row_cont .cont {width:800px; margin:0 auto; padding: 0rem 1.5rem 0} .popup.paper .row_cont .top_item .title {display:flex; height:5rem; align-items: center; font-size:1.9rem; background:none; margin:0; padding:0; border:0 } .popup.paper .row_cont .top_item .title span { font-size:80%} .popup.paper .row_cont .top_item .title:after {display:none;} .popup.paper .footer_item {border:0px solid #ddd; position:absolute; left:0; bottom:6rem; width:100%; } .popup.paper .footer_item p {display:block; justify-content: center; text-align:center; font-size:.985rem; font-family: "Pretendard" !important; } .popup.paper .row_cont .footer_item p.ceo em {font-size:120%;font-family: 'Arita-buri' !important; } .popup.paper .contact {position:relative; margin:0;padding:1rem 2rem 1rem 5rem; background-color:#f8f8f8; font-size:.9rem; } .popup.paper .contact strong {font-size:1.1rem;display:block; padding-bottom:.2rem;} .popup.paper .contact:before {content:''; position:absolute; left:2rem; top:50%;margin-top:-1.15rem; border-radius:50%; border:1px dashed #aaa; width:2.3rem; height:2.3rem; background-size:60%;background-repeat:no-repeat; background-size:auto cover; background-position:center center; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23232323;%7D%0A%3C/style%3E%3Cpath class='st0' d='M451.27,441.19l-16.95,14.64l-4.09,2.81c-8.52,5.86-17.98,10.44-28.08,13.66c-9.35,2.94-18.57,4.65-28.12,5.19 c-0.71,0.03-3.4,0.11-7.78-0.17c-25.65-1.62-117.3-16.03-220.66-133.31C58.4,245.04,28.42,174.57,42.06,100.72 c1.62-8.99,4.44-17.87,8.67-27.14c4.51-9.74,10.27-18.57,17.15-26.28l1.75-2.55L87.77,28.7c6.32-5.6,14.93-8.47,23.63-7.92 c8.27,0.52,15.61,3.97,20.66,9.72l65.06,73.81c11.15,12.71,9.48,32.54-3.76,44.22l-39.95,35.21l4.93,10.21 c11,23.18,26,54.87,56.37,89.28c30.23,34.37,59.7,53.25,81.24,67.03l9.79,6.26l39.88-35.17c6.3-5.55,14.91-8.4,23.64-7.84 c8.25,0.52,15.61,3.93,20.68,9.7l65.02,73.86C466.12,409.75,464.46,429.56,451.27,441.19'/%3E%3C/svg%3E%0A"); } .popup.paper .print_date {bottom:.5rem;} /* 사고/수리접수 안내 */ .repair_guide_top { background-color:var(--bg-light-blue); display:flex; justify-content: center;align-items: center; padding:3.5rem 2rem; margin-bottom:2.5rem;} .repair_guide_top .row {padding:0; margin:0; display:flex; gap:3rem; } .repair_guide_top figure {width:9rem; height:9rem; background:var(--color-white) url('/images/sub/ico_cscenter.png') no-repeat center ; background-size:auto 50%; border-radius:50%;} .repair_guide_top .txt_box {display:flex;flex-direction: column; } .repair_guide_top .txt_box h2 {font-size:2.25rem; line-height:1.3; color:var(--brand-color-main); font-weight:700; } .repair_guide_top .txt_box p {font-size:1.125rem; font-weight:600; line-height:1.5; color:var(--color-grey3); margin-top:1rem;} .repair_guide_top .txt_box p em {display:block; font-size:1rem; color:var(--color-grey7); font-weight:400; } .repair_guide_process {position:relative; display:flex; justify-content: flex-start; align-items: flex-start; padding-top:2rem;} .repair_guide_process li {position:relative; width:20%; text-align:center; } .repair_guide_process li span {position:relative; display:block; padding-bottom:15px; font-size:1.1rem; font-weight:600; color:var(--brand-color-main); } .repair_guide_process li span em {display:block;font-size:1.1rem; font-weight:700; color:var(--brand-color-main); } .repair_guide_process li span:before {content:''; position:absolute; left:50%; margin-left:-4.5px; bottom:-5px; width:9px; height:9px; border-radius:50%; background-color:var(--brand-color-main); } .repair_guide_process li span:after {content:''; position:absolute; left:0px; bottom:-1px; width:100%; height:1px; background-color:#ddd; z-index:-1} .repair_guide_process li h3 {margin-top:2rem; font-size:1.1rem; font-weight:700; color:var(--color-grey3); letter-spacing:-.06em;} .repair_guide_process li i {display:block;margin:1.5rem auto 0; width:5.625rem; height:5.625rem; border-radius:50%; background-color:var(--bg-light-blue); background-size:auto 4rem; background-position:center center; background-repeat:no-repeat; } .repair_guide_process li.n01 i {background-image:url('/images/sub/repair_process1.png')} .repair_guide_process li.n02 i {background-image:url('/images/sub/repair_process2.png')} .repair_guide_process li.n03 i {background-image:url('/images/sub/repair_process3.png')} .repair_guide_process li.n04 i {background-image:url('/images/sub/repair_process4.png')} .repair_guide_process li.n05 i {background-image:url('/images/sub/repair_process5.png')} @media screen and (max-width: 601px) { .repair_guide_top { padding:2.5rem 1rem;} .repair_guide_top .row {gap:1rem;} .repair_guide_top figure {width:5rem; height:5rem;} .repair_guide_top .txt_box {width:calc(100% - 6rem)} .repair_guide_top .txt_box h2 {font-size:1.5rem; } .repair_guide_top .txt_box p {font-size:1.05rem; line-height:1.3; margin-top:.8rem;} .repair_guide_top .txt_box p em { font-size:.9rem; } .repair_guide_process {display:flex;flex-direction: column;align-items: stretch; padding:0} .repair_guide_process:after {content:'';position:absolute; left:24px; top:10px; width:1px; height:100%; background-color:#ddd; z-index:-1} .repair_guide_process li {position:relative;width:100%;display:block; text-align:left; padding-left:3.063rem;padding-bottom:5rem; box-sizing:border-box;} .repair_guide_process li h3 {margin:1rem 0; font-size:1.5rem; } .repair_guide_process li span {padding:0 } .repair_guide_process li span em {font-size:1.3rem; padding-top:.25rem;} .repair_guide_process li span:before {left:-29px; margin:0; bottom:auto; top:10px;} .repair_guide_process li span:after {display:none; } .repair_guide_process li i {margin:1.5rem 0 0} .repair_guide_process li:last-child {padding-bottom:0;} } @media screen and (max-width:380px) { .repair_guide_process:after { left:19px; } .repair_guide_top figure {display:none;} .repair_guide_top .txt_box {text-align:center; width:100%;} } /* 조합원 정보 조회 */ .union_search { padding:5rem 1rem 4.5rem 5rem; display:flex; align-items: center; margin-bottom:3rem; background:#ecf3fd url('/images/sub/img_search.png') no-repeat right ; background-position:calc(100% - 3rem) bottom; background-size:auto 70%; border-radius:1rem;} .union_search.ew {background-size:auto 60%;background-position:calc(100% - 3rem) 80%;padding:4rem 1rem 3.5rem 5rem; } .union_search .row{display:flex; justify-content: center; flex-direction: column; gap:1.5rem; } .union_search .box {padding:.65rem .7rem .65rem 2.5rem;gap:.5rem; background-color:var(--color-white); font-size:1.1rem; font-weight:500; border-radius:10rem; border:1px solid #e2e7ef; box-shadow:5px 5px 20px rgba(0,0,0,0.05); display:flex; align-items: center;justify-content: space-between; flex-wrap: nowrap; } .union_search .box em {display: block; flex: 0 0 auto; width: 1.75rem; height: 1.75rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23333' d='M28.2,25.7l-5.3-5.3c1.3-1.8,2.1-4,2.1-6.4c0-6.1-4.9-11-11-11S3,7.9,3,14s4.9,11,11,11c2.6,0,5-0.9,6.9-2.4 l5.3,5.3c0.6,0.6,1.5,0.6,2.1,0C28.8,27.3,28.8,26.3,28.2,25.7z M14,22c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8S18.4,22,14,22z'/%3E%3C/svg%3E%0A") no-repeat center/100% auto; } .union_search .box select {width:9rem;padding-left:.25rem;} .union_search .box input {width:45%; } .union_search .box select, .union_search .box input {border:0; outline:0; height:3.5rem; padding-left:0; background-color:transparent; } .union_search .box select:focus, .union_search .box input:focus { border:0; outline:0; } .union_search .box button {height:3.5rem; padding:0 2.3rem; font-weight:500; background-color:var(--brand-color-sub2); color:var(--color-white); border-radius:10rem;} .union_search .txt {font-size:.985rem; line-height:1.5em;font-weight:500; color:var(--color-greyblue); padding-left:1rem; } .union_search .txt p {margin-bottom:.25rem;} .union_search.ew .box input {width:20rem; font-size:1.2rem; font-weight:700;} .union_search input::-webkit-input-placeholder { font-size:1.1rem; font-weight:400; } @media screen and (max-width:1024px) { .union_search {padding:2.35rem 1rem 2rem; margin-bottom:0; background-size:auto 80%;background-position:right bottom; } .union_search.ew {padding:2.35rem 1rem 2rem;background-size:auto 80%;background-position:right bottom;} .union_search .row{ gap:1.1rem; } .union_search .box {padding:.5rem .5rem .5rem 1.2rem; font-size:1rem; } .union_search .txt {font-size:.85rem; line-height: 1.3;} .union_search .box {gap:0;} .union_search .box em {width: 1.25rem; height: 1.25rem;} .union_search .box select {width:10rem;padding-left:.5rem; } .union_search .box input {width:50%; padding:0 .2rem 0 0 } .union_search .box select, .union_search .box input, .union_search .box button {height:2.8rem; font-size:.95rem;} .union_search .box button {padding:0 1.5rem;} } @media screen and (max-width:640px) { .union_search {padding:2rem 1rem 3rem;background-size:auto 30%;} .union_search .box {padding:.35rem .4rem .35rem .65rem; width:100%;} .union_search .box em {display:none;} .union_search .txt {width:100%; padding-left:.3rem;} .union_search.ew {padding:2rem 1rem 2rem;background-size:auto 30%; background-position: 90% 50%} .union_search.ew .row {width:100%;} .union_search.ew .box input {width:70%; padding-left:.9rem;font-size:1.2rem; font-weight:700;} .union_search.ew .txt {width:80%; padding-left:.3rem;} } /* 조회결과 */ .union_result {display:flex; flex-wrap: wrap;gap:1.2rem;} .union_result li {width:calc(33.3% - .8rem); border:1px solid #e8eaec; padding:2rem 2rem 2.5rem; } .union_result li h2 {font-size:1.5rem; font-weight:bold; color:var(--color-black); margin-bottom:1.65rem; } .union_result li p {position:relative; padding-left:.2rem; font-size:1rem; line-height:1.5; font-weight:500; display:flex; color:var(--color-grey7); align-items: flex-start; align-items: flex-start; margin-bottom:.95rem; } .union_result li p span:first-child {width:6.5rem; color:var(--color-grey3); } .union_result li p span:first-child + span{width:calc(100% - 6.5rem); } .union_result li p:last-child {margin:0} @media screen and (max-width:1024px) { .union_result li {width:calc(50% - .8rem); } } @media screen and (max-width:800px) { .union_result { gap:1rem; } .union_result li {width:100%;padding:1.95rem } .union_result li h2 {font-size:1.325rem; margin-bottom:1.25rem; } .union_result li p { font-size:.95rem; margin-bottom:.7rem; } } /* ew가입확인(소비자용)*/ .ew_cs_result {display:flex; align-items: center; flex-direction: column; } .ew_cs_result figure {height:200px; width:100%; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; } .ew_cs_result figure.subs {background-image:url('/images/sub/img_result_ew.png');} .ew_cs_result figure.un_subs {background-image:url('/images/sub/img_result_ew2.png');} .ew_cs_result .h2 {font-size:1.125rem; line-height:1.5em; font-weight:500; color:#77787d; margin-top:2rem; text-align:center;} .ew_cs_result .h2 strong {font-weight:700; color:var(--brand-color-main)} .ew_cs_result p {font-size:1rem; margin-top:1rem; line-height:1.5em;color:#77787d; text-align:center; } .ew_cs_result .send_box {width:32rem;display:flex; margin:2rem auto; } .ew_cs_result .send_box select {width:8rem;height:3.25rem; display:flex; align-items: center; padding:0 1rem; font-size:1.1rem; font-weight:700; color:var(--color-grey3); border-radius:.35rem 0 0 .35rem; border:1px solid #dbe0e8; border-right:0;} .ew_cs_result .send_box input {width:calc(100% - 19rem); height:3.25rem; display:flex; align-items: center; padding:0 1rem; font-size:1.1rem; font-weight:700; color:var(--color-grey3) ; border:1px solid #dbe0e8; border-right:0} .ew_cs_result .send_box button {width:11rem; height:3.25rem;display:flex; justify-content: center;align-items: center; background-color:var(--brand-color-main); color:#fff; font-size:.95rem; font-weight:600; border-radius:.0 .35rem .35rem 0; letter-spacing:-.06em;} @media screen and (max-width:1024px) { .ew_cs_result figure {height:120px; } .ew_cs_result .h2 {font-size:1rem; line-height:1.4em; margin-top:1rem;} .ew_cs_result p {font-size:.9rem; line-height:1.4em; } .ew_cs_result .send_box {width:100%; display:flex; margin:1rem auto; } .ew_cs_result br {display:none;} .ew_cs_result .send_box select {width:5rem;height:3.25rem; padding:0 .5rem; font-size:.95rem;} .ew_cs_result .send_box input {width:calc(100% - 14rem); height:3.25rem; padding:0 .5rem; font-size:.95rem; } .ew_cs_result .send_box button {width:9rem; height:3.25rem; font-size:.85rem; } } /* 신청서 */ .content_wrapper .title_wrap {margin:0; padding:0; text-align:center; padding-bottom:1rem; display:flex;justify-content: space-between; align-items: center; } .content_wrapper .item_list {padding-top:1rem; text-align:center;} .content_wrapper .item_list li {font-size:.95rem; line-height:1.3em; font-weight:600; color:var(--color-grey3);margin-top:1rem;} .content_wrapper .item_list em {font-size:.8rem; color:#999; display:inline-block; vertical-align:top; } .content_wrapper .item_list strong {margin-right:1rem;display:inline-block; vertical-align:top; } .content_wrapper .item_list.center {text-align:center; } .content_wrapper .item_list.right {text-align:right; } .content_wrapper .item_list.right li {margin-top:.3rem; display:flex; align-items: center;justify-content: flex-end;} .content_wrapper .item_list.right.stamp {display:flex; flex-direction: row; justify-content: flex-end; gap:1.5rem; } .content_wrapper .item_list input[type=text] {margin:0 3px;} .content_wrapper .item_list.big li {font-size:1.1rem;} .content_wrapper .item_list.big li:nth-child(2) {padding-top:.5rem;} .content_wrapper .item_list.big li strong {font-size:1.3rem; margin:0} .content_wrapper .item_list.big li em {font-size:1.1rem;} .content_wrapper input[type=checkbox] + label {padding-right:0} .txt_note {position:relative; margin:1rem 0; font-size:.915rem; line-height:1.35rem; font-weight:500; color:#555;padding-left:1.5rem; } .txt_note:before {content:''; position:absolute; left:0; top:2px; width:1.2rem; height:1.2rem; margin-right:5px; background:url('/images/ico_note.png'); background-size:auto 100%;} a.btn_print { font-size:.9rem; font-weight:500; width:auto; line-height:1.85rem; padding:0.5rem 1.5rem; background-color:#f9f9f9; border:1px solid #dedede;} a.btn_print:before {content:''; display:inline-block; vertical-align:middle; width:1.85rem; height:1.85rem; margin-right:.3rem;background:url('/images/ico_print_off.png') no-repeat center ; background-size:auto 70%;} /* 신청완료 */ .apply_complete {display:block; text-align:center; padding:5rem 0 0; } .apply_complete p { text-align:center; font-size:1.05rem; line-height:1.5; color:var(--color-grey6); margin-bottom:.85rem; } /*/////////////////////////////////////////////////////////////////////////////////////////*/ /* 로그인-회원가입 ///////////////////////////////////////////////////////////////////////////////////////////*/ .loginWrap {width:400px; position:relative;margin:0 auto; } .loginWrap .column {width:100%; padding:0; margin:0;} .loginWrap .note {position:relative;display:block; margin-top:2rem;text-align:center; } .loginWrap .note span {display:inline-block; font-size:.9rem; color:var(--txt-dark-grey); line-height:1.3em;} .loginWrap .note span:after {content:'';display:block; height:1px; width:100%;background-color:rgba(0,0,0,0.5) } .loginWrap .note.find {margin-bottom:1.5rem} .login li {display:block; margin-top:1rem; position:relative;} .login li.save {margin:1rem 0;display:flex; justify-content: space-between; align-items: center; } .login li.search {margin:.5rem 0;} .login input[type="text"], .login input[type="password"] {position:relative; height:3.5rem; line-height:3.5rem; border-radius:.35rem; font-size:1.05rem; overflow:hidden; padding:0 0.5rem 0 1rem; color:var(--color-grey3); background-color:transparent !important; z-index:2; } .login .input_item {background:#fff; position:relative; font-size:0; } .login .input_item select { outline:0; width:120px; padding-left:1rem; font-size:1.05rem; height:3.5rem; line-height:3.5rem; border-radius:.35rem; } .login .input_item input[type=text] + label, .login .input_item input[type=password] + label {z-index:5 !important; } .login .input_item label.filled, .login .input_item input:focus + label {top:-15px !important;left:0;background:transparent;} .login .remain { position:absolute; width:40px;right:100px;top:15px; text-align:right; font-size:.95rem; color:#02b1e7; z-index:5} .login .link { color:#555; } .login .link a {position:relative; font-weight:500; padding-left:.65rem; margin-left:.6rem; line-height:.85em; font-size:.9rem;} .login .link a:before {content:''; position:absolute; left:-1; top:50%; margin-top:-6.5px; width:1px; height:15px; background-color:#dedede;} .login .link a:nth-child(1) {margin:0; padding:0; border:0;} .login .link a:nth-child(1):before {display:none;} .login .alert {font-size:.85rem; color:var(--color-red); margin-top:.5rem} .findLink {display:block; padding-top:2rem; text-align:center; } .findLink a { font-size:0.95rem;font-weight:400; color:#666; margin-left:1rem; line-height:1rem; } .findLink a.join {font-weight:600; color:var(--brand-color-main2)} .findLink a:first-child {margin-left:0; } .findLink a:before {content:''; display:inline-block; vertical-align:middle; width:1px; height:14px; background-color:#ddd; margin-right:1rem; } .findLink a:first-child:before {display:none; } .input_item {position:relative;margin-bottom:0rem; } .input_item input, .input_item select {border:1px solid #dedede;} .input_item.id:after, .input_item.pw:after, .input_item.title:after{position:absolute;top:50%; margin-top:-10px; right:17px;clear:both;display:inline-block;content:"";width:20px;height:20px;z-index:9;} .input_item.id:after{content:"@" ; font-size:20px; color:#aaa;} .input_item.pw:after{ content:"\e966";font-size:20px; color:#aaa; font-family:'xeicon';} .input_item input[type=text] + label, .input_item input[type=password] + label {position:absolute;top:50%;left:12px;padding:0 9px;margin-top:-8px;font-size:15px;color:#999; z-index:-1; -webkit-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;} .input_item label.filled, .input_item input:focus + label {top:5px !important; margin-left:0px; margin-top:6px !important; background:#f4f4f4 !important; color:var(--brand-color-main);font-size:12px !important; font-weight:600;z-index:5 !important; border-radius:20px; } .input_item input:-webkit-autofill {-webkit-text-fill-color:#000;} .input_item input:-webkit-autofill, .input_item input:-webkit-autofill:hover, .input_item input:-webkit-autofill:focus, .input_item input:-webkit-autofill:active {transition:background-color 5000s ease-in-out 0s;} .input_item input:-webkit-autofill + label {top:5px !important; background:#fff; font-size:12px !important; z-index:1 !important;} .input_item .form_phone { gap:5px;} .input_item .form_phone button {width:110px;font-weight:600;height:3.5rem; line-height:3.5rem; border-radius:.35rem;background-color:#e4effe !important; color:var(--color-default); border:1px solid #cadaf0;} .input_item .form_phone.type2 input{width:calc(100% - 210px); } .input_item .form_phone.type2 select {width:110px;} .input_item .form_phone.type3 {padding-top:7px;align-items: flex-start;} .input_item .form_phone.type3 span{position:relative; width:calc(100% - 93px); padding:0; margin:0; line-height:36px;} .input_item .form_phone.type3 input + .remain {position:absolute;right:0px; top:0px; text-align:center; width:50px; display:flex; align-items: center;height:3.5rem; font-weight:bold;color:var(--color-red);z-index:10; border:0px solid #f00} .input_item .form_phone.type3 input + .remain span {color:var(--color-red);} .input_item .form_phone.type3 button{width:113px; } .idpw_result{ display:block; text-align:center; padding:0rem 0; } .idpw_result figure {display:inline-block; width:100px; height:100px; background:url('/images/ico_note.png') no-repeat center ; } .idpw_result h2 {padding-top:0rem; font-weight:500; color:var(--color-grey3); font-size:1.25rem; line-height:2rem; margin-bottom:1rem;} .idpw_result h2 span {font-size:1.1rem;} .idpw_result h3 {padding-top:1.2rem; font-weight:500; color:var(--color-grey3); font-size:1.5rem; line-height:2rem; } .idpw_result p{padding:0.5rem 0; font-size:1.025rem; font-weight:400; color:#888; line-height:1.2rem; margin:0; } .idpw_result p strong {color:#333; font-weight:bold;} .idpw_result .box {background-color:#f4f4f4; padding:1.5rem 0; margin:1rem 0; border-radius:.35rem;} @media screen and (max-width:1000px){ .loginWrap {width:100%;} } /* 회원가입 */ .join_wrap {width:500px; margin:0 auto; padding-top:1rem; background-color:transparent !important; } .join_wrap .column {width:100%; padding:0; margin:0; background-color:#fff; padding:3.5rem; border-radius:0; box-shadow:8px 8px 30px rgba(0,0,0,0.02) } .join_note li{position:relative; padding-left:.8rem; font-size:.8rem; line-height:1.5rem; font-weight:500; color:#777; list-style:none; margin-top:.75rem; } .join_note li:before {content:''; position:absolute; left:3px;top:10px; width:3px; height:3px; background-color:#555; border-radius:5px; } .join_wrap.step_narrow{width:400px; background:transparent;} .join_wrap.step_narrow .column {background-color:transparent; padding:0; box-shadow:none; } .join_wrap.step_narrow.complete .column {background-color:#fff; padding:3rem; border-radius:1.2rem;box-shadow:15px 15px 40px rgba(0,0,0,0.02) } .join_wrap .table_type_write.left th {padding:.85rem .35rem;} .join_wrap .table_type_write.left td {padding:.3rem .3rem;} .join_wrap .btn_wrap {margin:1.5rem 0; } .agree-check {display:block; margin-top:10px;background:#fafafa;border:1px solid #e1e1e2; overflow:hidden;} .agree-check dt {padding:0 .5rem;border-bottom:1px solid #e1e1e2;background:#fff;} .agree-check dd {padding:1.3rem 1.2rem;} .agree-check .ag-tit { display:block; width:100%; text-align:left !important; padding:15px 10px; } .agree-check .ag-tit label {font-size:16px; color:#111; font-weight:400 !important; padding-left:25px; } .agree-check dd label {display:inline-block;width:65%;padding:.5rem 0 .5rem 1.5rem;font-size:13px;line-height:1;} .agree-check .basic_txt{color:#f30000; font-size:12px; vertical-align: middle; margin-left:5px;} .agree-check .basic_txt.black {color:var(--color-grey3);} .agree-check .btn_link{float:right;margin-top:.5rem;margin-right:.5rem;color:var(--color-grey3);font-size:.8rem; border-bottom:1px solid #333;font-weight:bold; } @media screen and (max-width:500px){ .join_wrap {width:100%; } .join_wrap.step_narrow{width:100%;} .join_wrap .table_type_write.left td {padding: .3rem .3rem .5rem;} } .join_select {padding:.65rem 0 1.2rem;display:flex } .join_select input[type=radio] + label { display:flex; justify-content: center; align-items: center; width:50%; margin:0;padding:0 ; line-height:45px; color:var(--color-grey6); background-color:#f4f6fa; border:1px solid #f4f6fa; font-size:1rem; font-weight:500; } .join_select input[type=radio] + label:after {display:none;} .join_select input[type=radio]:checked + label {background-color:var(--color-white); border-color:var(--brand-color-main); color:var(--brand-color-main); font-weight:600; box-shadow:5px 5px 15px rgba(25,70,230,0.2)} .join_select input[type=radio]:checked + label:before {content:"\e929";font-family:'xeicon'; color:var(--brand-color-main); font-size:1.85rem;margin-left:-.5rem; font-weight:normal; display:inline-block; vertical-align:middle; margin-right:5px; } .join_select input[type=radio]:checked + label:after {display:none;} .btn_member {position:relative; text-align:center; margin-top:1.2rem; display:flex; width:100%;flex-wrap: nowrap; justify-content: center; gap:0.5rem} .btn_member.clm {flex-direction: column; gap:1rem;} .btn_member a {width:100%; height:55px; line-height:55px; border-radius:7px; background-color:var(--brand-color-main); color:#fff; font-size:1.125rem; } .btn_member a:hover {box-shadow:5px 5px 20px rgba(0,0,0,0.1)} .btn_member a.btn_ok {width:100%;} .btn_member a.confirm {width:70%; } .btn_member a.cancel {width:30%; background-color:#fff; border:1px solid #ddd; color:#999; } .btn_member a.cancel:hover { border-color:#333; color:#fff; background-color:#333;} .btn_member a.line {background-color:#fff; font-weight:500; border:1px solid var(--brand-color-main); color:var(--brand-color-main)} /* 약관 */ .agree-detail { margin-top:20px;} .agree-detail h2 {margin-bottom: 0px;margin-top:5rem; font-size: 23px; color: #333;} .agree-detail h3 {margin-bottom:1.3rem;margin-top:2.5rem; font-size: 18px; font-weight:600; color:var(--brand-color-main);} .agree-detail h2:first-child, .agree-detail h3:first-child{margin-top:0} .agree-detail h6 { font-size: 1.05rem;line-height:1.5em; color: #333; margin-top:1.5rem; font-weight: 500; } .agree-detail h6:first-child {padding-top: 5px;} .agree-detail p {padding:1rem 0; color:#888; font-size:.985rem;line-height:1.5rem;} .agree-detail strong {font-weight: bold;} .agree-detail ol { padding: 5px 5px 5px 5px;list-style:none; } .agree-detail ul { padding: 5px 5px 5px 5px; } .agree-detail span {display:inline-block; vertical-align:top;margin-top:-1px; margin-right:3px; font-weight:500;} .agree-detail li { padding: 1px 0 1px 0;font-size:15px;line-height:1.5rem;} .agree-detail li.tit {font-size: 14px; color: #111; padding: 20px 5px 10px 0; font-weight: bold;} .agree-detail li.tit:first-of-type {padding-top: 0;} .agree-detail ol li ol {list-style-type:decimal; list-style-position:outside; margin-left:12px; margin:20px 0} .agree-detail ol li ol li {font-size:14px;} .agree-detail b {color:#333; line-height:1.8em;} /* modal pop */ .agree-detail.pop h2 {margin-bottom: 20px; font-size: 18px; color: #333;} .agree-detail.pop h3 {margin-top:30px; margin-bottom: 10px; font-size: 16px; font-weight:600; color:var(--brand-color-main);} .agree-detail.pop h2:nth-child(1), .agree-detail.pop h3:nth-child(1) {margin-top:0;} .agree-detail.pop h6 { font-size: 14px; color: #111; padding: 20px 5px 7px 0; font-weight: bold; } .agree-detail.pop h6:first-child {padding-top: 5px;} .agree-detail.pop p {padding: 5px 0 5px 0; color:#888; font-size:13px;line-height:1.4rem;} .agree-detail.pop strong {font-weight: bold;} .agree-detail.pop ol { padding: 5px 5px 5px 10px;list-style:none; } .agree-detail.pop ul { padding: 5px 5px 5px 10px; } .agree-detail.pop li { padding: 1px 0 1px 0;font-size:13px;line-height:1.4rem;} .agree-detail.pop li.tit {font-size: 14px; color: #111; padding: 20px 5px 10px 0; font-weight: bold;} .agree-detail.pop li.tit:first-of-type {padding-top: 0;} .agree-detail.pop ol li ol {list-style-type:decimal; list-style-position:outside; margin-left:15px; } .btn_view {display:inline-block; border:0 !important; outline:0; height:1.5rem !important; line-height:1.5rem !important;} .btn_view:before {content:"\e97a";font-family:'xeicon'; display:inline-block; font-size:1.5rem; color:var(--color-grey3);} .table_pay_wrap {border:1px solid #000;margin-bottom:1rem} .table_pay { font-weight:400; width:100%; width: 100%; padding:0 ; empty-cells: show; border-collapse:collapse;border-top:1px solid #bbb; } .table_pay th, .table_pay td {display:table-cell; font-weight:500;font-family:'SpoqaHanSans'; word-break:break-all; border:1px solid #111; text-align:center;padding:.6rem .5rem; } .table_pay th { background-color:#f5f6f7; color:#000 !important; border-bottom:1px solid #dedede; padding:.65rem .5rem .65rem; letter-spacing:-.06em;} .table_pay td {color:var(--color-grey3); height:100px;} .table_pay_wrap {display:none; } .inp-file { display: inline-block; vertical-align:middle; padding:0;} .inp-file label {display: block; position:relative; text-align: center; box-sizing: border-box; height:36px; width:100px; padding: 0 5px;border: 1px solid #ccc;border-radius:60px; background-color: #fff; cursor: pointer;transition: all 0.2s ease-in;} .inp-file label:before {content:"\eb7b";font-family:'xeicon'; display:inline-block; vertical-align:top; margin-right:5px; font-size:18px;line-height:35px; } .inp-file label span {display: inline-block;vertical-align: top;height:36px !important; line-height:34px !important; font-size: 14px;color: #666;} .inp-file input[type="file"] { display:none;} .inp-file .disabled label { cursor: default; background-color: #f1f1f1 !important; } .inp-file .disabled label span { color: #999; } .addfile_list{ font-size:0.85rem;padding-bottom:0rem; line-height:34px; display:inline-flex; gap:0.2rem; flex-start; margin-left:.35rem; align-items: center;} .addfile_list button { position:relative;margin-bottom:0;display:inline-block; vertical-align:middle; height:30px; line-height:28px; border:1px solid #dedede; text-align:left; padding:0 10px; width:auto; overflow:hidden; border-radius:60px; font-size:13px;overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;} .addfile_list button:after {content:'';font-family:'xeicon'; display:inline-block; vertical-align:middle; margin-left:5px; line-height:20px;font-size:0.65rem; border:1px solid transparent; border-radius:6rem; text-align:center; } .addfile_list button.file {padding:0px; border:0; margin-top:3px; margin-right:1rem; } .addfile_list button.file:after {content:'\e921'; color:#fff; background-color:#999; width:20px; height:20px; line-height:18px;} .addfile_list button.file em {display:inline-block; vertical-align:middle; margin:0 3px;} .addfile_list button.file em:after {content:"\eb7c"; font-family:'xeicon'; border:1px solid #ddd; color:var(--color-grey3); background-color:#fff; font-size:1.1rem; border:0; } .addfile_list button.fileDown:after {content:"\eb7c"; border:1px solid #ddd; color:var(--color-grey3); background-color:#fff; font-size:1.1rem; border:0; } /*popup */ .popup {background-color:#fff;} .popup .writeWrap {border:1px solid #000;} .popup .content_wrapper {padding:1.5rem;} .popup .table_type_write th, .popup .table_type_write td {border:1px solid #aaa;} .popup .table_type_write th {color:#000} .popup .table_type_write th:first-child {border-left:0;} .popup .table_type_write td:last-child {border-right:0;} .popup .table_type_write.pay {margin-bottom:1rem; width:100%; } .popup .table_type_write.pay th:first-child, .popup .table_type_write.pay td:last-child {border:1px solid #aaa;} .popup .table_type_write.pay td {height:60px;} .popup .cont_box:first-child {margin:0} .popup .cont_box {margin-top:2rem;} .popup .content_wrapper .title_wrap {border:0; display:block; text-align:center; position:relative; padding-bottom:1.5rem;} .popup .content_wrapper .title_wrap h2 {color:#000} .popup a.btn_print {position:absolute; top:-.25rem; right:0;} .popup .content_wrapper .item_list.big li {font-size:.9rem; margin:0; margin-bottom:.8rem; padding:0} .popup .content_wrapper .item_list.big li strong {font-size:1rem;} .popup .content_wrapper .item_list.big li em {font-size:95%; font-weight:normal;} .popup .content_wrapper .item_list.right {padding:.3rem 1rem 1rem;} .popup .content_wrapper .item_list.right strong {margin:0 .65rem; } .popup .content_wrapper .item_list.right li {line-height:1.4rem;} .popup .content_wrapper .note {font-size:.8rem;} .popup .content_wrapper .note:before {width:1rem; height:1rem;} /*회원가입 */ .join_wrap .txt1{ margin-top:1rem; font-size:1rem; color:var(--color-grey3);font-weight:600;} .table_type_write .note {font-size:0.815rem; color:#777; padding-top:0.25rem; } .step_complete {display:block; text-align:center; padding-bottom:1rem; } .step_complete figure {height:120px; background-image:url('/images/sub/img_order_complete.png'); background-repeat:no-repeat; background-position:center center; background-size:auto 110px; } .step_complete figure.fail {background-image:url('/images/sub/img_order_fail.png'); } .step_complete figure.complete {background-image:url('/images/ico_complete.png'); } .step_complete h2 {padding-top:1.25rem; font-size:1.563rem; line-height:1.563rem; font-weight:500; color:var(--color-grey3);} .step_complete .txt {padding-top:0.85rem; font-size:1.05rem; font-weight:400; color:#666; line-height:1.6rem; } .step_complete .txt strong {font-weight:500; color:var(--txt-red);} .step_complete .txt2 { font-size:1.1rem; font-weight:500; color:#888; line-height:1.5rem; } .step_complete .txt2 strong {font-weight:500; color:var(--brand-color-main2);} .step_complete .title_wrap .subtitle {margin-top:0; margin-bottom:1rem; padding:0} .cont_result { margin-top:2rem;text-align:left; border-top:1px solid #555} .cont_result li {display:flex; width:100%;justify-content: space-between; align-items: flex-start;padding:1.2rem 0.5rem; border-bottom:1px solid #eee;} .cont_result li span {font-size:0.985rem; line-height:1.3rem; } .cont_result li span:first-child {width:120px; color:#888; } .cont_result li span:first-child + span {color:var(--color-grey3); font-weight:bold; color:var(--brand-color-main) } .cont_result.left li {justify-content: flex-start; align-items: flex-start; padding:.85rem 0.5rem; } .cont_result.left li span {font-size:0.85rem;} .modal-popup .cont_result {margin-top:0} #check-group { animation: 0.32s ease-in-out 1.03s check-group; transform-origin: center;} #check-group #check { animation: 0.34s cubic-bezier(0.65, 0, 1, 1) 0.6s forwards check; stroke-dasharray: 0, 75px; stroke-linecap: square; stroke-linejoin: square;} #check-group #outline { animation: 0.38s ease-in outline; transform: rotate(0deg); transform-origin: center;} #check-group #white-circle { animation: 0.35s ease-in 0.35s forwards circle; transform: none; transform-origin: center;} @keyframes outline { from { stroke-dasharray: 0, 345.576px; } to { stroke-dasharray: 345.576px, 345.576px; } } @keyframes circle { from { transform: scale(1); } to { transform: scale(0); } } @keyframes check { from { stroke-dasharray: 0, 75px; } to { stroke-dasharray: 75px, 75px; } } @keyframes check-group { from { transform: scale(1); } 50% { transform: scale(1.09); } to { transform: scale(1); } } .checkmark__circle{stroke-dasharray: 166;stroke-dashoffset: 166;stroke-width:4;stroke-miterlimit: 10;stroke: var(--brand-color-main);fill: none;animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards} .checkmark{width: 56px;height: 56px;border-radius: 50%;display: block;stroke-width: 3;stroke: #fff;stroke-miterlimit: 10; margin: 1rem auto 2rem; box-shadow: inset 0px 0px 0px var(--brand-color-main);animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both} .checkmark__check{transform-origin: 50% 50%;stroke-dasharray: 48;stroke-dashoffset: 48;animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards} @keyframes stroke{ 100%{stroke-dashoffset: 0} } @keyframes scale{ 0%, 100%{transform: none} 50%{transform: scale3d(1.1, 1.1, 1)} } @keyframes fill{ 100%{box-shadow: inset 0px 0px 0px 30px var(--brand-color-main)} } /*/////////////////////////////////////////////////////////////////////////////////////////*/ /* 공지사항 ///////////////////////////////////////////////////////////////////////////////////////////*/ .board_list_info, .board_list { font-size: 1.165rem; } @media screen and (max-width: 800px) { .board_list_info, .board_list { font-size: 1.125rem;} } .board_list_info {display: flex; align-items: flex-end;justify-content: space-between; margin-bottom: 1.2rem;} .board_list_info .info { color: var(--color-black);} .board_list_info .info .point { color: var(--brand-color-main);} .board_list_info .search_form {font-size: 0.9em; max-width: 25rem;width: 100%; overflow: hidden; border-bottom:1px solid var(--color-black)} .board_list_info.type2 { flex-wrap: nowrap;align-items: flex-start !important;align-items: center;} .board_list_info.type2 .info {display:flex; align-items: center;height:2.5rem; } .board_list_info.type2 .info select {border-radius:.3rem; } .board_list_info.type2 .info b{margin-left:.3rem;} .board_list_info.type2 .info em {margin-left:1rem;} .board_list_info.type2 .info, .board_list_info.type2 .cont_right {width:auto;display:flex; } .board_list_info.type2 .cont_right {gap:.35rem;} .board_list_info .search_form.faq {display:flex;max-width: 48rem; justify-content: space-between; align-items: center; padding-bottom:.5rem;} .board_list_info .search_form.faq .sort {width:60%; display:flex; justify-content: center;} .board_list_info .search_form.faq .sort input[type=radio] + label{font-size:1rem;} .board_list_info.corp select{width:150px;} @media screen and (max-width: 1380px) { .board_list_info .search_form {font-size: 1rem;} } @media screen and (max-width: 1024px) { .board_list_info .search_form.faq { justify-content: center; align-items: center; max-width:100%; padding:.65rem;} .board_list_info .search_form.faq .sort {width:auto;} } @media screen and (max-width: 769px) { .board_list_info .search_form.faq { flex-direction: column; } .board_list_info .search_form.faq .sort, .board_list_info .search_form.faq .search_box {width:100% !important;} .board_list_info .search_form.faq .search_box {background-color:var(--color-white); margin-top:.3rem;} .board_list_info .search_form.faq .sort input[type=radio] + label {font-size:.8rem !important; padding-right:.5rem;} } .board_list_info .search_form .search_box {display: flex;align-items: center; position: relative; gap: .5rem; padding-right: .85rem; padding-bottom: 1px;} .board_list_info .search_form .inp {font-size: 1rem;border:0; background-color: rgba(255, 255, 255, 0); box-shadow: none !important; height: 3rem; padding-left: .5rem; padding-right: 0;} .board_list_info .search_form .inp::placeholder { font-weight: 300; color: var(--color-grey2);} .board_list_info .search_form .inp:focus~.line::before { transform: none;} .board_list_info .search_form .search_btn {display: block; flex: 0 0 auto; width: 1.75rem; height: 1.75rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23121212' d='M28.2,25.7l-5.3-5.3c1.3-1.8,2.1-4,2.1-6.4c0-6.1-4.9-11-11-11S3,7.9,3,14s4.9,11,11,11c2.6,0,5-0.9,6.9-2.4 l5.3,5.3c0.6,0.6,1.5,0.6,2.1,0C28.8,27.3,28.8,26.3,28.2,25.7z M14,22c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8S18.4,22,14,22z'/%3E%3C/svg%3E%0A") no-repeat center/100% auto;} .board_list_info .search_form.faq .search_box{ width:40%;} @media screen and (max-width: 1380px) { .board_list_info .info {font-size:1.1rem;} .board_list_info .search_form .search_box {padding:0 .65rem;} .board_list_info .search_form .search_btn {width: 1.25rem;height: 1.25rem;} } @media screen and (max-width: 1024px) { .board_list_info { flex-wrap: wrap; margin-bottom: 1.25rem; } .board_list_info .info {display: block;width: 100%;order: 2; margin-top: 2.5rem; } .board_list_info .search_form {order: 1; max-width: 100%;font-size: 1rem; border:0; background-color:#f6f6f6; } .board_list_info.type2 .info {display:flex; width:auto; margin:0; order:0} .board_list_info.corp select{width:100%;} } @media screen and (max-width: 1380px) { .board_list .wid_200 {width: 8.125rem;} } .board_list ul:nth-child(1) {border-top: 2px solid var(--color-black);} .board_list ul {display: table;table-layout: fixed;width: 100%;} .board_list ul li {display: table-row-group;} .board_list ul li.t_head { color: var(--color-black);font-weight: bold;} .board_list.result_nodata ul {position:relative;width:100% !important; border:0; border-radius:1rem !important; font-size:1.1rem; color:#777; background:#f9f9f9; height:400px !important; display:flex; justify-content: center; align-items: center;flex-direction: column; } .board_list.result_nodata ul:before {content:''; position:absolute; top:50%; left:50%; transform: translate(-50%,-100%); width:50px; height:50px; background:url('/images/ico_note.png') no-repeat center; background-size:cover; } .board_list.result_nodata ul:after{content:'게시물이 없습니다.'; display:block; margin-top:2rem;} .board_list.result_nodata ul li {display:none; } .board_list.result_nodata:before {display:none;} .board_list.result_nodata:after {display:none;} @media screen and (min-width: 1025px),print { .board_list ul li:not(.t_head):hover { background-color: var(--color-grey-light); } .board_list ul li:not(.t_head):hover .board_tit_box {font-weight: 400;} } .board_list ul .tr {display: table-row;color: var(--color-grey2);font-weight: 300; transition: all 0.1s ease-in;} .board_list ul .tr:hover {background-color:var(--color-grey-light);} .board_list ul .th, .board_list ul .td { display: table-cell;vertical-align: middle;border-bottom: 1px solid var(--color-grey-light); text-align: center; line-height:2.25rem; padding-top: 1.15rem; padding-bottom: 1.15rem;} .board_list ul .th.t_left, .board_list ul .td.t_left { text-align: left;} .board_list ul .th.t_center, .board_list ul .td.t_center { text-align: center;} .board_list ul .th.imp, .board_list ul .td.imp {font-weight: bold;color: var(--brand-color-main);} .board_list ul .th.board_tit, .board_list ul .td.board_tit {display: flex;align-items: center;gap: 1rem;font-weight: 400;color: var(--color-black);} .board_list ul .th.board_tit.file::after, .board_list ul .td.board_tit.file::after {content: ""; display: block; flex: 0 0 auto; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #f6f6f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M4.8 0a4.7 4.7 0 0 0-3.394 1.363A4.479 4.479 0 0 0 0 4.71v9.376a3.219 3.219 0 0 0 .992 2.377 3.273 3.273 0 0 0 2.388.981 3.263 3.263 0 0 0 2.4-.981 3.263 3.263 0 0 0 .981-2.4v-8.59a1.933 1.933 0 0 0-.567-1.406 1.879 1.879 0 0 0-1.4-.578 1.815 1.815 0 0 0-1.4.621 2.111 2.111 0 0 0-.567 1.472v8.548h.872V5.517a1.154 1.154 0 0 1 .324-.817 1.019 1.019 0 0 1 .777-.339 1.035 1.035 0 0 1 .774.327 1.089 1.089 0 0 1 .316.785v8.613a2.383 2.383 0 0 1-.73 1.766 2.438 2.438 0 0 1-1.777.719 2.438 2.438 0 0 1-1.777-.72 2.383 2.383 0 0 1-.731-1.766V4.666a3.577 3.577 0 0 1 1.153-2.693A3.873 3.873 0 0 1 4.8.872a3.842 3.842 0 0 1 2.78 1.112A3.653 3.653 0 0 1 8.722 4.71v9.42h.872v-9.4a4.514 4.514 0 0 0-1.406-3.356A4.677 4.677 0 0 0 4.8 0z' transform='rotate(45 1.57 25.985)' style='fill:%23121212;stroke:%23121212;stroke-width:.5px'/%3E%3C/svg%3E%0A") no-repeat center/100% auto; } .board_list ul .tr:hover .th.board_tit.file::after, .board_list ul .tr:hover .td.board_tit.file::after {background-color:var(--color-white)} .board_list ul .small { font-size: 1rem; font-weight:500; color:var(--color-grey8)} .board_list ul .key:before {content:"\e964"; display:inline-block; font-size:1.1rem; color:var(--color-black); font-family:'xeicon';} @media screen and (max-width: 1024px) { .board_list ul { display: block; width: 100%;overflow: hidden;} .board_list ul li {display: block;} .board_list ul li.t_head {display: none;} .board_list ul li .board_tit.file::after {width: 2rem;height: 2rem;margin-left: auto;} .board_list ul .tr { display: flex;flex-wrap: wrap; position: relative; height: auto; gap: .25rem .85rem; border-bottom: 1px solid var(--color-grey-light); padding-top: .9rem; padding-bottom: .9rem; padding-left: 0.5rem; padding-right: 0.5rem; } .board_list ul .th, .board_list ul .td { display: flex;border-bottom: none;padding: 0; height: auto ; line-height:1.8rem;} .board_list ul .th.board_no, .board_list ul .td.board_no {display: none; } .board_list ul .th.board_tit, .board_list ul .td.board_tit {gap: 0.5rem;} .board_list ul .board_tit {width: 100%; } } .board_view_wrap { font-size: 1.125rem; border-top: 0px solid var(--color-black);} @media screen and (max-width: 1380px) { .board_view_wrap {font-size: 1.2rem; } } @media screen and (max-width: 800px) { .board_view_wrap {font-size: 1rem; } } .board_view_wrap .down_files {display: flex;align-items: normal;gap: 1.25rem;padding: 1.5rem 2.18rem;border-bottom: 1px solid var(--color-grey-light);background-color: var(--color-white2); } .board_view_wrap .down_files::before { content: ""; flex-shrink: 0; display: block; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: var(--color-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M4.8 0a4.7 4.7 0 0 0-3.394 1.363A4.479 4.479 0 0 0 0 4.71v9.376a3.219 3.219 0 0 0 .992 2.377 3.273 3.273 0 0 0 2.388.981 3.263 3.263 0 0 0 2.4-.981 3.263 3.263 0 0 0 .981-2.4v-8.59a1.933 1.933 0 0 0-.567-1.406 1.879 1.879 0 0 0-1.4-.578 1.815 1.815 0 0 0-1.4.621 2.111 2.111 0 0 0-.567 1.472v8.548h.872V5.517a1.154 1.154 0 0 1 .324-.817 1.019 1.019 0 0 1 .777-.339 1.035 1.035 0 0 1 .774.327 1.089 1.089 0 0 1 .316.785v8.613a2.383 2.383 0 0 1-.73 1.766 2.438 2.438 0 0 1-1.777.719 2.438 2.438 0 0 1-1.777-.72 2.383 2.383 0 0 1-.731-1.766V4.666a3.577 3.577 0 0 1 1.153-2.693A3.873 3.873 0 0 1 4.8.872a3.842 3.842 0 0 1 2.78 1.112A3.653 3.653 0 0 1 8.722 4.71v9.42h.872v-9.4a4.514 4.514 0 0 0-1.406-3.356A4.677 4.677 0 0 0 4.8 0z' transform='rotate(45 1.57 25.985)' style='fill:%23121212;stroke:%23121212;stroke-width:.5px'/%3E%3C/svg%3E%0A") no-repeat center/100% auto; flex-shrink: 0; } .board_view_wrap .down_files .downloads { display: flex; align-items: stretch; flex-wrap: wrap; gap: 1.25rem;} .board_view_wrap .down_files .downloads>li { display: flex; align-items: center; gap: 1.25rem;} .board_view_wrap .down_files .downloads>li:not(:first-child)::before {content: ""; display: block; border-left: 1px solid var(--color-grey-light); height: .67rem;} .board_view_wrap .down_files .down { display: block; line-height: 1.35; --hov-color: var(--color-black); color: var(--hov-color); text-underline-position: under; text-decoration: underline;} .board_view_wrap .down_files .down:hover { --hov-color: var(--brand-color-main);} @media screen and (max-width: 1380px) { .board_view_wrap .down_files {padding: 1rem; } .board_view_wrap .down_files::before { flex: 0 0 auto; width: 2rem; height: 2rem;} } @media screen and (max-width: 800px) { .board_view_wrap .down_files .downloads {flex-direction: column;flex-wrap: nowrap;gap: 1rem;} .board_view_wrap .down_files .downloads>li {width: 100%; } .board_view_wrap .down_files .downloads>li:not(:first-child)::before {display: none;} } .board_read_head {display: block;font-size: 1rem;padding:0 1rem 2rem;border-bottom: 1px solid var(--color-grey3);} .board_read_head .board_tit {font-size: 1.75rem;font-weight: bold;line-height: 1.35;} .board_read_head .board_read_info {display: flex;align-items: center;flex-wrap: wrap;margin-top: 1.5rem; gap: 0.88rem;color: var(--color-grey2); font-weight: 300;} .board_read_head .board_info {display: flex;align-items: center;gap: 0.88rem;} .board_read_head .board_info .name {margin-left:1rem; font-weight: 500; color: var(--color-black);} .board_read_head .board_info .name:first-child {margin-left:0 !important} @media screen and (max-width: 1380px) { .board_read_head {padding: 0rem 0 2rem;} .board_read_head .board_tit { font-size: 1.5rem; } .board_read_head .board_read_info {gap: 1rem; margin-top: 1rem; } .board_read_head .board_info {gap: .8rem;} } @media screen and (max-width: 1024px) { .board_read_head .board_info .name {margin-left:.5rem;} } .board_view_body {padding: 3.125rem 1.5rem; line-height: 2; font-weight: 400;} .board_view_body.qna {padding:0; } .board_view_body.qna .item {padding:2.5rem;position:relative; } .board_view_body.qna .item:before {content:''; font-family: "Pretendard" !important; display:flex; font-size:1.25rem; margin-bottom:.85rem;font-weight:700; color:var(--color-grey5)} .board_view_body.qna .item.question:before {content:"문의내용"; color:var(--color-grey1)} .board_view_body.qna .item.answer { background-color:var(--bg-light-grey); border-top:1px dotted #ddd;} .board_view_body.qna .item.answer:before {content:"답변"; color:var(--brand-color-main)} .password_item {margin:0; display:flex; flex-direction: column; width:90%;} .password_item:before {content:"\e966"; font-family:'xeicon';display:flex; justify-content: center;width:100%; color:#dee3ec; font-size:3rem; margin-top:-.85rem; margin-bottom:1.5rem;} .password_item div { display:flex; justify-content: space-between;} .password_item input {display: inline-flex; margin-bottom:0;width:calc(100% - 80px); height:3.75rem;padding-left:1rem; font-size:1.1rem; background-color:#fff;border-color:var(--color-black);border:1px solid #ddd; border-right:0; border-radius:7px 0 0 7px; } .password_item button {display: inline-flex;justify-content: center; align-items: center; margin-bottom:0; width:80px; padding:0; border-radius:0 7px 7px 0; height:3.75rem; background-color:var(--brand-color-main); color:var(--color-white)} .password_item .error { color:var(--color-red); font-size:.9rem; margin-top:.85rem;justify-content: center; align-items: center;} @media screen and (max-width: 1380px) { .board_view_body { font-size: 1.125em; padding: 2.18rem 0.44rem; } .board_view_body.qna .item {padding:1.5rem; line-height:1.5; font-size:1rem;} .board_view_body.qna .item:before { font-size:1.125rem;} } .prev_next_page_box {border-top: 1px solid #dddddd;font-size: 1.125rem;} .prev_next_page_box li { border-bottom: 1px solid #dddddd;} .prev_next_page_box li a { display: flex; width: 100%; color: #666666;} .prev_next_page_box li a .item {display: flex;align-items: center;height: 4.5rem;vertical-align: middle;font-weight: 300;} .prev_next_page_box li a .item.direct {flex: 0 0 auto;display: flex;align-items: center; gap: .5rem; padding-left: 2rem; padding-right: 1.4rem; color: #222; text-align: left; line-height: 1.5;} .prev_next_page_box li a .item.direct::before { content: ""; display: block; width: 0.6rem; height: 0.35rem; transform: translateY(-25%); background-repeat: no-repeat; background-size: 100% auto; background-position: center;} .prev_next_page_box li a .item.tit { flex: 1 auto; overflow: hidden;} .prev_next_page_box li a .item:last-child { flex: 0 auto; padding-right: 1.3rem;letter-spacing: 0; color: #666;} .prev_next_page_box li a:hover { background: var(--color-white2);color: var(--brand-color-main);} .prev_next_page_box li.prev_box .direct::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6.323' viewBox='0 0 11 6.323'%3E%3Cpath transform='rotate(45 2.859 6.902)' style='fill:%23121212' d='M0 0h7.471v1.244H0z'/%3E%3Cpath transform='rotate(135 3.122 1.809)' style='fill:%23121212' d='M0 0h7.471v1.244H0z'/%3E%3C/svg%3E%0A");} .prev_next_page_box li.next_box .direct::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6.323' viewBox='0 0 11 6.323'%3E%3Cpath transform='rotate(-45 8.99 -3.118)' style='fill:%23121212' d='M0 0h7.471v1.244H0z'/%3E%3Cpath transform='rotate(-135 4.174 1.975)' style='fill:%23121212' d='M0 0h7.47v1.244H0z'/%3E%3C/svg%3E%0A");} .prev_next_page_box li .ellip_1 { display: block;} .prev_next_page_box li .ellip_1 * {color: inherit !important;font-size: inherit !important; font-weight: inherit !important;} @media screen and (max-width: 1380px) { .prev_next_page_box {font-size: 1.2rem;} .prev_next_page_box li a .item:first-child { padding-left: .5rem; padding-right: .5rem;font-weight: 400;} .prev_next_page_box li a .item.tit {padding-left: 0;} .prev_next_page_box li a .item:last-child {display: none; } .prev_next_page_box li i[class^=iconFt] { margin-top: 0; margin-right: .5rem; } } @media screen and (max-width: 800px) { .prev_next_page_box {font-size: 1rem; } .prev_next_page_box li i[class*=iconFt_] { font-size: 1.5rem; margin-right: 0.3em; margin-top: 0; } .prev_next_page_box li a .item { padding-left: .8rem; padding-right: .8rem; height: 3.6rem;} .prev_next_page_box li a .item:first-child { padding-left: .8rem; padding-right: .8rem; } .prev_next_page_box li a .item:first-child:after { margin-left: .8rem; } .prev_next_page_box li a .item:last-child { display: none; } } .board_list .w60 {width: 3.75rem;} .board_list .w80 {width: 5rem;} .board_list .w90 {width: 5.625rem;} .board_list .w100 {width: 6.25rem;} .board_list .w110 {width: 6.875rem;} .board_list .w120 {width: 7.5rem;} .board_list .w130 {width: 8.125rem;} .board_list .w150 {width: 9.3rem;} .board_list .w180 {width: 11.25rem;} .board_list .w200 {width: 12.5rem;} @media screen and (max-width: 1380px) { .board_list .w60 {width: 2.85rem;} .board_list .w80 {width: 3.25rem;} .board_list .w90 {width: 3.85rem;} .board_list .w100 {width: 4.0rem;} .board_list .w110 {width: 4.5rem;} .board_list .w120 {width: 5rem;} .board_list .w130 {width: 5.5rem;} .board_list .w150 {width: 6.25rem;} .board_list .w180 {width: 7.25rem;} .board_list .w200 {width: 8.125rem; } } /* 약관동의 */ .privacy_box {font-size: 1rem;margin-top: 2rem;} @media screen and (max-width: 1380px) { .privacy_box { font-size: 1.2rem; margin-top: 1.5rem; } } @media screen and (max-width: 800px) { .privacy_box { font-size: 1rem; } } .privacy_tit { display: flex; align-items: center; justify-content: space-between; gap: .5rem; min-height: 4rem; border: 1px solid var(--color-grey3); padding-left: 1.3333333333em; padding-right: 1.3333333333em; transition: background 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);} .privacy_tit .fw_600 { display: inline-block; font-weight: bold; letter-spacing: 0;} .privacy_tit .txt { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 .5rem;} .privacy_tit .txt .txt_conts { display: flex; align-items: baseline; gap: 0.2rem;} .privacy_tit .txt .subs { font-size: 0.85rem;} .privacy_tit .toggle_btn { flex: 0 0 auto; display: none;} .privacy_tit.on { background-color: var(--color-grey3);} .privacy_tit.on + .privacy_cont { visibility: visible; height: var(--cont-height); overflow-y: auto;} .privacy_tit input[type=checkbox]:disabled ~ ._icon, .privacy_tit input[type=checkbox].disabled ~ ._icon { background-color: #cccccc;} .privacy_tit input[type=checkbox]:disabled ~ .txt, .privacy_tit input[type=checkbox].disabled ~ .txt { transition: color 0.3s; color: var(--color-grey2);} @media screen and (max-width: 1380px) { .privacy_tit { min-height: 5rem; padding-left: 1rem; padding-right: 1rem; } } .privacy_cont {--cont-height: 16.9444444444em; visibility: hidden; height: 0; overflow: hidden; font-size: 1em; line-height: 1.888; letter-spacing: -0.45px; border-left: 1px solid var(--border-color); border-right: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); max-height: var(--cont-height); transition: padding 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), height 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); } .privacy_cont > * { padding: 2.5rem;} @media screen and (max-width: 1380px) { .privacy_cont { --cont-height: 28rem; } .privacy_cont > * { padding: 1.5rem; } } /* faq */ .faq_list {border-top:2px solid var(--color-grey3); letter-spacing:-.06em; font-size:1.125rem;} .faq_list .item_wrap {display:flex; flex-direction: column; width:100%; border-bottom:1px solid #eee; } .faq_list .item_wrap .ico:before{content:'';font-family:'Roboto';display:inline-block;font-size:1.5rem; width:50px; height:50px; line-height:50px; font-weight:500; text-align:center; } .faq_list .item_wrap .faq_qt {position:relative; display:flex; flex-start; align-items: center; flex-direction: row; flex-wrap: nowrap; padding:1.5rem 1rem;cursor:pointer } .faq_list .item_wrap .faq_qt .ico:before {content:'Q'; color:var(--color-grey2)} .faq_list .item_wrap .faq_qt .title {width:calc(100% - 50px); padding-left:1rem; font-weight:500; color:var(--color-grey3)} .faq_list .item_wrap .faq_qt.on .title {font-weight:bold; color:var(--brand-color-main)} .faq_list .item_wrap .faq_qt .sth {color:var(--color-grey8); padding-right:.5rem;} .faq_list .item_wrap .faq_answer { background-color:var(--bg-light-blue); padding:2.5rem; display:flex; flex-start; align-items: flex-start; flex-direction: row; } .faq_list .item_wrap .faq_answer .ico:before{content:'A'; color:var(--brand-color-main)} .faq_list .item_wrap .faq_answer .cont {width:calc(100% - 50px); padding:0.65rem 2.5rem 1rem 1rem; font-size:1.05rem; font-weight:500; line-height:1.7rem; color:var(--color-gray5)} .faq_list .item_wrap .faq_qt:after {content: "";display: block; position: absolute;top: 50%;right: 1.5rem;width: 1.5rem; height: 1.5rem; margin-top: -0.75em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 1.41 1.41 0l6 6-6 6L0 10.59 4.58 6z' transform='rotate(90 5 13)' style='fill:%333'/%3E%3C/svg%3E%0A"); } .faq_list .item_wrap .faq_qt.on:after { transform: rotate(180deg) } @media screen and (max-width: 1024px) { .faq_list { font-size:1.05rem;} .faq_list .item_wrap .faq_qt { padding:1.25rem 0; } .faq_list .item_wrap .ico:before{ width:30px; height:30px; line-height:30px; } .faq_list .item_wrap .faq_qt .title {width:calc(100% - 30px);padding-left:.3rem;padding-right:2rem; } .faq_list .item_wrap .faq_qt:after {right:.5rem} .faq_list .item_wrap .faq_answer { padding:1rem; } } /*/////////////////////////////////////////////////////////////////////////////////////////*/ /* pagination_wrap ///////////////////////////////////////////////////////////////////////////////////////////*/ .pagination_wrap{ display:flex; justify-content: center; align-items: center; padding-top:3rem; width:100%; gap:.5rem;} .pagination_wrap a { display:inline-flex; justify-content: center; align-items: center; font-size:1rem; border:1px solid #dcdde0; text-align:center; width:3rem; height:3rem; line-height:100%;border-radius:50%; color:var(--color-grey5);background:var(--color-white); transition:300ms ease-out 0ms;} .pagination_wrap a:before {content:''; display:inline-block; font-family:"Material Design Icons","xeicon"; font-size:1.2rem;} .pagination_wrap .first:before {content:"\F13D"; } .pagination_wrap .prev:before {content: "\F141"; } .pagination_wrap .next:before {content:"\F142" } .pagination_wrap .last:before {content:"\F13E" } .pagination_wrap .prev {margin-right:7px; font-size:0; } .pagination_wrap .next {margin-left:7px;font-size:0; } .pagination_wrap .last {font-size:0;} .pagination_wrap a.on { background:var(--brand-color-main); border-color:var(--brand-color-main); color:#fff; } .pagination_wrap a.off { color:#bfc2ca; border-color:#f1f1f1; cursor:default; } .pagination_wrap a.first{ margin-left:0; font-size:0; } .pagination_wrap .first.on, .pagination_wrap .prev.on, .pagination_wrap .next.on, .pagination_wrap .last.on { background-color:#fff; color:#111; border-color:#aaa} @media screen and (max-width: 1024px) { .pagination_wrap {gap:.25rem} .pagination_wrap a {font-size:.9rem; width:2rem; height:2rem; } .pagination_wrap .prev {margin-right:.3rem; } .pagination_wrap .next {margin-left:.3rem; } .pagination_wrap a.off {display:none;} } /* 정비협력업체 */ .svg_map {position:relative; width:100%; margin:-130px auto 0; } .svg_map g {margin:0 !important;} .land{ position:relative; fill: #dedede; fill-opacity: 1; stroke:#fff; stroke-opacity: 2; stroke-width:1; } .land:hover{ fill: #1b4ded; } .land.active{ fill: #1b4ded; } .land.on{ fill: #1b4ded; } .land_count {position:absolute; width:1.3rem; height:1.3rem; z-index:10; } .land_count i {font-weight:bold; display:flex; justify-content: center;align-items: center; width:100%; height:100%;font-size:.9rem; border-radius:50%; background-color:#f4f6fd; color:var(--brand-color-main);} .land_count.seoul {left:145px; top:150px;} .land_count.incheon {left:100px; top:160px;} .land_count.gyeonggi {left:160px; top:190px;} .land_count.sejong {left:165px; top:270px;} .land_count.daejeon {left:180px; top:300px;} .land_count.chungbuk {left:210px; top:240px;} .land_count.chungnam {left:125px; top:270px;} .land_count.jeonbuk {left:160px; top:365px;} .land_count.jeonnam {left:140px; top:465px;} .land_count.gangwon {left:265px; top:140px;} .land_count.gyeongbuk {left:300px; top:290px;} .land_count.gyeongnam {left:250px; top:410px;} .land_count.daegu {left:290px; top:350px;} .land_count.ulsan {left:350px; top:385px;} .land_count.busan {left:340px; top:430px;} .land_count.jeju {left:100px; bottom:50px;} .land_count.gwangju {left:130px; top:430px;} .mapBox {position:relative; display:flex;/*border:1px solid #ddd;background:#f9f9f9;*/font-size:0;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .mapBox .mapwrap {position:relative; width:40%; padding-left:1rem;background:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden; display:flex; justify-content: center;} .mapBox .map_inr {position:relative;margin:0 auto; width:600px; height:700px; zoom:.72; display:flex; padding:0} .mapsearch { width:60%;padding:2rem 0rem;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;display:flex; flex-direction: column; } .mapsearch .keyword {padding-top:.5rem;} .mapsearch .keyword span {display:inline-block;padding:.8rem 2rem;margin:0 .3rem .3rem 0;border:1px solid #eee;border-radius:5rem;background:#fff;font-size:1.1rem;cursor:pointer;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;} .mapsearch .keyword span.on {border-color:#094eeb;background:#fff;color:#094eeb;font-weight:bold;} .mapsearch .keyword span.active {border-color:#094eeb;background:#094eeb;color:#fff;} .mapsearch > p {padding:.3rem 0 1.5rem; font-size:.925rem;} .mapsearch > h5 {font-weight:bold;font-size:1.3rem; line-height:1.4em;} @media screen and ( max-width:900px ) { .mapBox {padding:0; flex-direction: column;} .mapBox .mapwrap {position:relative;width:auto;} .mapsearch {padding:2rem 1.2rem; width:100%; } .mapsearch > h5 {font-size:1rem;} .mapsearch .keyword span {padding:.6rem 1.1rem;margin:0 .1rem .1rem 0;font-size:.9rem;} .mapBox .koreaMap {zoom:.8;} } @media screen and ( max-width:640px ) { .mapsearch {padding:0} .mapsearch .keyword {display:none;} } .mapBox .koreaMap a { display:block; position:absolute; } .mapBox .koreaMap a.map01 { width:19px; height:15px; left:79px; top:57px; z-index:1; } .mapBox .koreaMap a.map01.active { background:url(/images/sub/map_01.png)no-repeat 0 0; } .mapBox .koreaMap a.map02 { width:23px; height:27px; left:59px; top:50px;} .mapBox .koreaMap a.map02.active { background:url(/images/sub/map_02.png)no-repeat 0 0; } .mapBox .koreaMap a.map03 { width:54px; height:73px; left:68px; top:27px;} .mapBox .koreaMap a.map03.active { background:url(/images/sub/map_03.png)no-repeat 0 0; } .mapBox .koreaMap a.map04 { width:60px; height:58px; left:49px; top:93px;} .mapBox .koreaMap a.map04.active { background:url(/images/sub/map_04.png)no-repeat 0 0; } .mapBox .koreaMap a.map05 { width:13px; height:15px; left:93px; top:125px; z-index:1; } .mapBox .koreaMap a.map05.active { background:url(/images/sub/map_05.png)no-repeat 0 0; } .mapBox .koreaMap a.map06 { width:64px; height:68px; left:96px; top:82px;} .mapBox .koreaMap a.map06.active { background:url(/images/sub/map_06.png)no-repeat 0 0; } .mapBox .koreaMap a.map07 { width:71px; height:43px; left:54px; top:145px;} .mapBox .koreaMap a.map07.active { background:url(/images/sub/map_07.png)no-repeat 0 0; } .mapBox .koreaMap a.map08 { width:17px; height:13px; left:61px; top:192px; z-index:1;} .mapBox .koreaMap a.map08.active { background:url(/images/sub/map_08.png)no-repeat 0 0; } .mapBox .koreaMap a.map09 { width:68px; height:57px; left:43px; top:180px;} .mapBox .koreaMap a.map09.active { background:url(/images/sub/map_09.png)no-repeat 0 0; } .mapBox .koreaMap a.map10 { width:96px; height:85px; left:95px; top:9px;} .mapBox .koreaMap a.map10.active { background:url(/images/sub/map_10.png)no-repeat 0 0; } .mapBox .koreaMap a.map11 { width:78px; height:86px; left:120px; top:86px;} .mapBox .koreaMap a.map11.active { background:url(/images/sub/map_11.png)no-repeat 0 0; } .mapBox .koreaMap a.map12 { width:18px; height:19px; left:143px; top:150px; z-index:1;} .mapBox .koreaMap a.map12.active { background:url(/images/sub/map_12.png)no-repeat 0 0; } .mapBox .koreaMap a.map13 { width:75px; height:59px; left:103px; top:155px;} .mapBox .koreaMap a.map13.active { background:url(/images/sub/map_13.png)no-repeat 0 0; } .mapBox .koreaMap a.map14 { width:18px; height:17px; left:173px; top:170px;} .mapBox .koreaMap a.map14.active { background:url(/images/sub/map_14.png)no-repeat 0 0; } .mapBox .koreaMap a.map15 { width:22px; height:22px; left:160px; top:185px;} .mapBox .koreaMap a.map15.active { background:url(/images/sub/map_15.png)no-repeat 0 0; } .mapBox .koreaMap a.map16 { width:37px; height:20px; left:76px; top:242px;} .mapBox .koreaMap a.map16.active { background:url(/images/sub/map_16.png)no-repeat 0 0; } .mapBox .koreaMap a.map17 { width:37px; height:20px; left:76px; top:242px;} .mapBox .koreaMap a.map17.active { background:url(/images/sub/map_16.png)no-repeat 0 0; } /* 업체 리스트 */ .corp_list {border-top:2px solid #1041cc; margin-top:1rem;} .corp_list li {position:relative;border-bottom:1px solid #ebebeb;display:flex;text-align:center;align-items:center;} .corp_list li.b_header {display:flex;background:#f4f6fd;} .corp_list li.b_header span {font-size:1rem;line-height:3.5rem;color:#333;text-align:center;font-weight:bold;} .corp_list li.b_header span.table_title {justify-content: center;} .corp_list li.b_header span.table_title:hover { text-decoration:none;} .corp_list .corp_area {width:7rem;} .corp_list .corp_subject {width:23rem;} .corp_list .corp_sort {width:10rem;} .corp_list .corp_info {width:18rem;flex:auto;} .corp_list .corp_info > p {padding-left:1.2rem; line-height:1rem; font-size:1rem; margin-top:.58rem; position:relative;} .corp_list .corp_info > p:first-child {margin:0} .corp_list .corp_info > p:before {content:''; position:absolute; left:0; top:0; width:1rem; height:1rem; background-repeat:no-repeat; background-size:cover;background-position:center center; } .corp_list .corp_info .add:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M-223.48 374.656a6.722 6.722 0 0 0-6.722 6.722 6.748 6.748 0 0 0 .075 1 6.685 6.685 0 0 0 1.054 2.725 6.742 6.742 0 0 0 .783.965l1.283 1.581 3.812 4.7 3.392-4.7 1.17-1.621a6.72 6.72 0 0 0 1.1-1.526 6.675 6.675 0 0 0 .743-2.5c.019-.207.03-.415.03-.627a6.722 6.722 0 0 0-6.72-6.719zm0 8.58a2.167 2.167 0 0 1-2.167-2.167 2.166 2.166 0 0 1 2.167-2.167 2.166 2.166 0 0 1 2.167 2.167 2.167 2.167 0 0 1-2.167 2.167z' transform='translate(233.395 -373.796)' style='fill:%23121212'/%3E%3C/svg%3E%0A"); } .corp_list .corp_info .tel:before {background-size:90%; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23232323;%7D%0A%3C/style%3E%3Cpath class='st0' d='M451.27,441.19l-16.95,14.64l-4.09,2.81c-8.52,5.86-17.98,10.44-28.08,13.66c-9.35,2.94-18.57,4.65-28.12,5.19 c-0.71,0.03-3.4,0.11-7.78-0.17c-25.65-1.62-117.3-16.03-220.66-133.31C58.4,245.04,28.42,174.57,42.06,100.72 c1.62-8.99,4.44-17.87,8.67-27.14c4.51-9.74,10.27-18.57,17.15-26.28l1.75-2.55L87.77,28.7c6.32-5.6,14.93-8.47,23.63-7.92 c8.27,0.52,15.61,3.97,20.66,9.72l65.06,73.81c11.15,12.71,9.48,32.54-3.76,44.22l-39.95,35.21l4.93,10.21 c11,23.18,26,54.87,56.37,89.28c30.23,34.37,59.7,53.25,81.24,67.03l9.79,6.26l39.88-35.17c6.3-5.55,14.91-8.4,23.64-7.84 c8.25,0.52,15.61,3.93,20.68,9.7l65.02,73.86C466.12,409.75,464.46,429.56,451.27,441.19'/%3E%3C/svg%3E%0A");} .corp_list .corp_site {width:6rem;} .corp_list .b_body {padding:1.1rem 0;} .corp_list .b_body span {padding:0 1rem;font-size:1.1rem;} .corp_list .b_body .corp_subject {font-weight:bold;font-size:1.1rem; text-align:left;} .corp_list .b_body .corp_info {text-align:left;font-size:.95rem;line-height:1.5;} /* .corp_list .b_body .corp_site a {width:3.5rem;height:3.5rem;padding:0;border:1px solid #ddd;background:url('/images/sub/icon_site.png') no-repeat center;background-size:auto 2.3rem;font-size:0;} .corp_list .b_body .corp_site a:hover {border-color:#333;} */ @media screen and ( max-width:900px ) { .corp_list li.b_header {display:none !important;} .corp_list li.b_body {display:block;border-color:#555;text-align:left;} .corp_list .b_body > span {display:block;width:auto;} .corp_list .b_body .corp_area {display:inline-block; font-size:.9rem;font-weight:bold;color:#999; padding:0 1rem; } .corp_list .b_body .corp_subject {font-size:1.2rem; margin:1rem 0;} .corp_list .b_body .corp_sort {display:inline-block;margin:0;border:1px solid #dedede; border-radius:3rem;text-align:center; font-size:.9rem; padding:.25rem .85rem; font-weight:500;} .corp_list .b_body .corp_sort img {height:4rem;} /* .corp_list .b_body .corp_site a {position:absolute;display:flex;right:0;top:0;width:auto;height:3rem;padding:0 0 0 2.2rem;border:0;background-position:.5rem center;background-size:auto 1.5rem;font-size:.8rem;align-items:center;}*/ }