@charset "utf-8";
/* CSS Document */
.box0{ padding:0 4vw}
.box1{ width:1400px; margin:0 auto; max-width:94%}
.box2{ padding:0 8vw}

.gnb li.m_hide{ display:none}
body:not(.pop){ display:flex; flex-direction:column; min-height:100vh; min-height:calc(var(--vh, 1vh) * 100)}

#header{ position: relative; left:0; top:0; width:100%; z-index:1000; transition: transform 1s}
#header .top_wrap{ position:relative; padding:2em 0 4em 0}
#header .top_wrap .wrapIn{ display:flex; justify-content:space-between; gap:0 5vw; align-items:flex-start}
#header .top_wrap .wrapIn > *{ position:relative; z-index:2}
#header .top_wrap .logo{ height:8em}
#header .top_wrap .logo > a{ display:flex; align-items:center; box-sizing:border-box; height:100%; overflow:hidden}
#header .top_wrap .logo > a .in{ display:block; height:100%; transform:translateY(0)}
#header .top_wrap .logo > a img{ height:100%; display:block;}
#header .top_wrap .gnb_wrap,
#header .top_wrap .etc_wrap{ padding-top:1em}
#header .top_wrap .gnb_wrap{ margin-left:auto}
#header .top_wrap .gnb_wrap .gnb{ gap:6vw}
#header .top_wrap .gnb_wrap .gnb > li{ position:relative; min-width:8em}
#header .top_wrap .gnb_wrap .gnb > li a{ text-align:left; display:flex}
#header .top_wrap .gnb_wrap .gnb > li .dp1{ color:#111; height:2em; align-items:center; margin-bottom:1em}
#header .top_wrap .gnb_wrap .gnb > li .dp1 .va{ position:relative}
#header .top_wrap .gnb_wrap .gnb > li .dp1 .va .tt{ position:relative; font-weight:700; font-size:1.125em}
#header .top_wrap .gnb_wrap .gnb > li.s1 .dp1 .va .tt{font-size:1.375em}
#header .top_wrap .gnb_wrap .gnb > li:hover .dp1,
#header .top_wrap .gnb_wrap .gnb > li.on .dp1{ color:var(--siteC)}
#header .top_wrap .gnb_wrap .gnb > li .dp2{ flex-direction:column}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a{ color:#999; padding:.5em 0}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .va .tt{ font-weight:500}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li:hover > a{ color:#111}
#header .transW{ display:flex; align-items:center; width:10em; flex-wrap:wrap; gap:0 .5em; margin-bottom:.75em; margin-left:auto}
#header .transW #google_translate_element{ flex:1 1 0%; min-width:0}
#header .transW #google_translate_element select{ height:2em; padding:.25em 1em; box-sizing:border-box; width:100%; border-radius:.5em; margin:0}
#header .transW .transRedoBtn{ background:none; border:none}
#header .transW .by{ width:100%; box-sizing:border-box; padding:.25em}
#header .transW .by img{ height:.75em}
#header .top_wrap .etc_wrap{ display:flex; align-items:center; gap:0 3vw}
#header .top_wrap .etc_wrap .etcBtn{ display:flex; align-items:center; justify-content:center; width:2em; height:2em}
#header .top_wrap .etc_wrap .etcBtn .ico{ font-size:2.5em}
#header .top_wrap .etc_wrap .link{ display:flex; align-items:center; gap:0 2em}
#header .top_wrap .etc_wrap .link > li > a{ display:flex; align-items:center; gap:0 .5em; opacity:.7}
#header .top_wrap .etc_wrap .link > li > a .ico{ font-size:1.25em}
#header .top_wrap .etc_wrap .link > li > a .tt{ font-weight:500; text-transform:uppercase}

#header .top_wrap .gnb_wrap .gnb .layer{display: none;}
#header .all_wrap { color:#000; } 
#header .all_wrap .all { width:4.5em; } 
#header .all_wrap .all_btn { position:relative; display:block; width:1.675em; height:1.275em; margin-left:auto; } 
#header:not(.active) .all_wrap .all_btn { /*filter:var(--crWhitefil); */ } 
#header .all_wrap .all_btn .ham,
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { display:block; width:100%; height:2px; background:#222; transition:.2s, background 0s; } 
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { content:""; position:absolute; left:0; } 
#header .all_wrap .all_btn .ham:before { top:calc(50% - 1px); width:100%; } 
#header .all_wrap .all_btn .ham:after { top:calc(100% - 2px); width:100%; } 
#header .all_wrap .all_btn:hover .ham:before { width:100%; } 
#header .all_wrap .all_btn:hover .ham:after { width:100%; } 

#header .all_wrap .all_layer { position:fixed; top:0; left:0; width:100%; height:100vh; opacity:0; visibility:hidden; } 
#header .all_wrap .all_layer .all_close { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); opacity:0; backdrop-filter:blur(.75em); } 
#header .all_wrap .all_layer .all_inner { position:absolute; top:0; right:0; width:30em; max-width:100%; height:100%; background:#fff; box-shadow:-1em 0 1em rgba(0,0,0,.1); transform:translateX(100%); } 
#header .all_wrap .all_layer .all_inner > .wrap_in { gap:2em; padding:3em 3em; } 

#header .all_wrap .all_layer .wrap_top a { transition:.2s; } 
#header .all_wrap .all_layer .wrap_top .all_logo { } 
#header .all_wrap .all_layer .wrap_top .all_logo .in { gap:0 1em; width:15em; } 
#header .all_wrap .all_layer .wrap_top .all_logo .in img { width:3.5em; } 
#header .all_wrap .all_layer .wrap_top .all_logo .in .logo_tt { font-size: 1.500em; font-weight: 600; } 
#header .all_wrap .all_layer .wrap_top .all_mem { gap:.25em; padding:1em 0; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in { height:2.25em; padding:0 1em; border:1px solid #ddd; border-radius:.25em; line-height:normal; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in .tt { font-size:.938em; font-weight:500; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in:hover { background:var(--siteC); border-color:var(--siteC); color:#fff; } 

#header .all_wrap .all_layer .wrap_middle { } 
#header .all_wrap .all_layer .wrap_middle .gnb { flex-wrap:wrap; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li { flex:1 1 100%; } 
#header .all_wrap .all_layer .wrap_middle .gnb ul.flex { display:block; } 
#header .all_wrap .all_layer .wrap_middle .gnb a { position:relative; justify-content:flex-start; text-align:left !important; font-weight:500; transition:.2s; } 
#header .all_wrap .all_layer .wrap_middle .gnb li > a.link { display:flex ; } 
#header .all_wrap .all_layer .wrap_middle .gnb li > a.layer { display:none !important; padding-right:2.5em; a} 
#header .all_wrap .all_layer .wrap_middle .gnb li.more { } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a.link { display:none; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a.layer { display:flex !important; padding-right:2.5em; align-items: center; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a .arrow { position:absolute; right:1em; top:50%; transform:translateY(-50%); font-size:1em; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a .arrow:before { content:"\e943"; font-size:1.250em; display:block; transition:.2s; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more > ul { display:none; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more.on > a .arrow:before { transform:rotate(-180deg); } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more.on > ul { display:block; } 
#header .all_wrap .all_layer .wrap_middle .gnb ul { padding:1em 1em; } 
#header .all_wrap .all_layer .wrap_middle .gnb ul li > a { padding:.875em .5em; } 
#header .all_wrap .all_layer .wrap_middle .gnb ul li.more .arrow { right:.5em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li { } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 { height:4em; padding:0 1.5em; border:solid var(--crGray); border-width:1px 0; margin-bottom:-1px; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt { font-size:1.188em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li.act .dp1,
#header .all_wrap .all_layer .wrap_middle .gnb > li.on .dp1 { background-image:var(--crGrad1); color:var(--siteC); } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li > a { padding-left:1.5em; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li > a:before { content:""; position:absolute; left:.75em; top:50%; width:.313em; height:.313em; background:var(--siteC2); border-radius:50%; transform:translateY(-50%); } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li > a .tt { font-size:1.063em; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li.act > a { background:var(--crGray) } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li.on > a { color:var(--siteC); font-weight:600; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 { background:var(--crGray2); } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li > a { color:#444; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li + li > a { border-top:1px dashed #ddd; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li.act > a .tt,
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li.on > a .tt { text-decoration:underline; } 

.allGnbOn { overflow-y:hidden } 
.allGnbOn body { overflow-y:scroll } 
.allGnbOn #header .all_wrap .all_btn { z-index:999; position:fixed; top:1em; right:1vw; width:3em; height:3em; filter:var(--crBlackfil) !important; } 
.allGnbOn #header .all_wrap .all_btn .ham { background:transparent !important; transition:0s; } 
.allGnbOn #header .all_wrap .all_btn .ham:before,
.allGnbOn #header .all_wrap .all_btn .ham:after { width:100% !important; top:50% !important; height:2px; } 
.allGnbOn #header .all_wrap .all_btn .ham:before { transform:rotate(45deg); } 
.allGnbOn #header .all_wrap .all_btn .ham:after { transform:rotate(-45deg); } 
.allGnbOn #header .all_wrap .all_layer { z-index:99; opacity:1; visibility:visible; } 
.allGnbOn #header .all_wrap .all_layer .all_close { opacity:1; transition:.4s; } 
.allGnbOn #header .all_wrap .all_layer .all_inner { transform:translateX(0); transition:.4s; } 


#footer{ z-index:1; background:var(--siteCgray); padding:4em 0 5em 0}
#footer .goTop{ position:fixed; right:0; bottom:0; width:3.5em; line-height:3.5em; text-align:center; background:var(--siteC); color:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); opacity:0; transform:translateY(100%); transition:.5s}
#footer .goTop .xi{ font-size:1.5em; transition:.3s}
#footer .goTop:hover .xi{ transform:translateY(-.25em)}
.scroll #footer .goTop{ opacity:1; transform:translateY(0)}
#footer .logo_wrap{ display:flex; align-items:center; justify-content:space-between; gap:3em}
#footer .logo img{ height:4em}
#footer .menu_wrap{ margin-right:auto; display:flex; gap:2em}
#footer .menu_wrap > li > a{ color:#666; font-weight:500}
#footer .menu_wrap > li.point > a{ color:#111; font-weight:700}
#footer .info_wrap{ display:flex; justify-content:space-between; align-items:flex-start; margin-top:3em}
#footer .info{ overflow:hidden; flex:1 1 0%; min-width:0}
#footer .info > li{ float:left; margin-right:2em; margin-bottom:.5em; color:#666; position:relative}
#footer .info > li:before{ content:""; position:absolute; left:-1em; height:70%; top:50%; transform:translateY(-50%); width:1px; background:#fff; opacity:.2}
#footer .info > li.point{ font-weight:700; color:#111}
#footer .info > li.br{ clear:left}
#footer .info > li.copyright{ color:#999; margin-top:.5em}
#footer .site_wrap{ margin-left:auto; background:#333; width:14em; font-size:.875em; position:relative}
#footer .site_wrap .siteBtn{ display:flex; align-items:center; padding:1em; font-weight:500; transition:.3s}
#footer .site_wrap .siteBtn .arrow{ margin-left:auto; transition:.3s}
#footer .site_wrap .list{ position:absolute; left:0; bottom:100%; width:100%; background:inherit; visibility:hidden; opacity:0; transform:translateY(1em); transition:.3s}
#footer .site_wrap .list > li > a{ display:block; padding:1em; padding-right:3em; border-bottom:1px solid rgba(255,255,255,.1); position:relative; transition:.3s}
#footer .site_wrap .list > li > a:after{ content:"\e980"; font-family:xeicon; position:absolute; right:1em; top:50%; transform:translateY(-50%); opacity:0; transition:.3s}
#footer .site_wrap .list > li > a:hover{ background:rgba(255,255,255,.1)}
#footer .site_wrap .list > li > a:hover:after{ opacity:1}
#footer .site_wrap .siteBtn:hover,
#footer .site_wrap.on .siteBtn{ background:rgba(0,0,0,.2)}
#footer .site_wrap.on .siteBtn .arrow{ transform:rotate(180deg)}
#footer .site_wrap.on .list{ visibility:visible; opacity:1; transform:translateY(0)}

.sns_st{ display:flex; gap:1em}
.sns_st > li > a{ display:flex; align-items:center; justify-content:center; width:2.5em; height:2.5em; border-radius:50%; transition:.3s}
.sns_st > li > a:hover{ background:#fff; color:#111}


/*contents*/
#contents .sub_page_top { } 
#contents .sub_page_tit { padding: 0 0 3.5em;} 
#contents .sub_page_tit .wrap_tit { } 
#contents .sub_page_tit .wrap_tit .sub_tit { 
    font-size: 4.65em; 
    font-weight: 800; 
    color: #111; 
    letter-spacing:-5px;
} 
#contents .sub_page_tit .wrap_tit .sub_txt { font-size: 3em; font-weight: 700; } 
#contents .sub_page_tit .nav { padding-bottom: 1em; padding-right: 1em; } 
#contents .sub_page_tit .nav > li { } 
#contents .sub_page_tit .nav > li .xi { width: 1.75em; height: 1.75em; background: #000; border-radius: 50%; font-size: 1em; color: #fff; } 
#contents .sub_page_tit .nav > li .tt { vertical-align: middle; font-size: .938em; } 
/* #contents .sub_page_tit .nav > li + li:before { content: "\e940"; font-family: xeicon; padding: 0 .5em; vertical-align: middle; opacity: .8; }  */
#contents .sub_page_tit .nav > li + li{ padding-left: 2em; position: relative;}
#contents .sub_page_tit .nav > li + li:before { content: ""; width: 1em; height: 1px; background: #ccc; position: absolute; left: 0.5em; top: 50%; transform: translateY(-50%);} 
#contents .sub_page_tit .nav > li:last-child .tt { text-decoration: underline; } 

#contents .sub_page_menu { padding-bottom: 2em; } 
#contents .sub_page_menu .gnb { display: block; transform: translateX(-2em); } 
#contents .sub_page_menu .gnb .layer{ display: none;}
#contents .sub_page_menu .gnb .dp2 { } 
#contents .sub_page_menu .gnb .dp2 > li { } 
#contents .sub_page_menu .gnb .dp2 > li > a { padding: 1em 2em; color: #888; } 
#contents .sub_page_menu .gnb .dp2 > li > a .tt { font-size: 1.250em; font-weight: 500; } 
#contents .sub_page_menu .gnb .dp2 > li > a .in { position: relative; padding: 0 .5em; } 
#contents .sub_page_menu .gnb .dp2 > li > a .in:after { content: ""; position: absolute; left: 0; bottom: -.875em; width: 100%; height: 3px; background: #042d5c; transform: scaleX(0); transition: transform .3s; } 
#contents .sub_page_menu .gnb .dp2 > li.act > a .in,
#contents .sub_page_menu .gnb .dp2 > li.on > a .in { color: #042d5c; } 
#contents .sub_page_menu .gnb .dp2 > li.act > a .in:after,
#contents .sub_page_menu .gnb .dp2 > li.on > a .in:after { transform: scaleX(1); } 

#contents .sub_page_bg { /*position:relative; padding:8em 0 0; */}
#contents .sub_page_bg:before { /*content:""; position:absolute; left:0; right:8vw; top:0; bottom:0; background:#042d5c; */}
#contents .sub_page_bg .wrap_in { position: relative; height: 27em; overflow: hidden; } 
#contents .sub_page_bg .bg { position: absolute; top: 0; left: 0; width: calc(100% + 2vw); height: 100%; transition: 3s; } 
#contents .sub_page_bg .bg .source { position: absolute; color: #fff; font-size: .9em; right: 10%; bottom: 3em; opacity: .75; } 
.load #contents .sub_page_bg .bg { /*right:-2vw; */}
#contents .sub_page_bg .gsBlank { /*position:absolute; top:50%; left:0; height:105%; width:35vw; background:#042d5c; transform:translateY(-50%); */}

.dp1on .gnb .dp2{ display:none!important}
.dp2on .gnb > li,
.dp2on .gnb > li .dp1,
.dp2on .gnb > li .dp3{ display:none!important}
.dp2on .gnb > li.on{ display:block!important}
.dp3on .gnb > li,
.dp3on .gnb > li .dp1,
.dp3on .gnb > li .dp2 > li,
.dp3on .gnb > li .dp2 > li > a{ display:none!important}
.dp3on .gnb > li.on,
.dp3on .gnb > li .dp2 > li.on{ display:block!important}


#contents .doc { padding: 0 0 10em; } 

.memo_box{ 
    padding: 1.5em;
    box-sizing: border-box;
    border: 1px solid var(--siteC);
    border-radius: .5em;
    background: #f9f9f9;
}

/*** SUB PGE - S ********************/
/* inc */
.page_con{ padding:5em 0;}
.page_con.conP1{ padding:3em 0;}
.page_con.conP2{ padding:3em 0 5em;}
.page_con.bg1{ background:var(--crGray);}
.page_con.bg2{ background:var(--crGray2);}
.page_con.bg3{ background:var(--siteBg1);}
.page_con.bg4{ background:var(--crGrad1);}
.page_con.line{ border-top:5px solid #eee;}
.doc.pd0 .page_con:last-child,
.doc.pb0 .page_con:last-child{ padding-bottom:10em;}

.page_txt:not(:last-child){ margin-bottom:3.5em;}
.page_txt.m0{ margin-bottom:.75em;}
.page_txt.m1{ margin-bottom:1.25em;}
.page_txt.m2{ margin-bottom:5em;}
.page_txt .tit.icon .page_tt{ position:relative;}
.page_txt .tit.icon .page_tt:before,
.page_txt .tit.icon .page_tt:after{ content:"";}
.page_txt .tit.icon.st1 .page_tt{ display:inline-block; padding-left:1em; line-height:1.4;}
.page_txt .tit.icon.st1 .page_tt:before,
.page_txt .tit.icon.st1 .page_tt:after{ position:absolute; left:0; top:.375em; width:.625em; height:.625em; border-radius:50%; box-sizing:border-box;}
.page_txt .tit.icon.st1 .page_tt:before{ border:1px solid rgba(0,0,0,.15);}
.page_txt .tit.icon.st1 .page_tt:after{ background:var(--siteC); transform:scale(.5);}

.page_txt .tit + .tit{ margin-top:1em;}
.page_txt .tit + .txt{ margin-top:2em;}
.page_txt .txt + .tit{ margin-top:2.5em;}
.page_txt > .txt:not(:first-child){ margin-top:2em;}

.page_tt.dot1{ padding-left: 1em; color:#333; position: relative;}
.page_tt.dot1::before{ content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--siteC); opacity: .65; position: absolute; left: 0; top: .4em;}

.page_col{ gap:2em 6em;}
.page_col.gp1{}
.page_col > li{}
.page_col > li.w1{ width:45%;}
.page_col > li.w2{ width: 25%;}
.page_col + .page_col{ margin-top:8em;}
.page_col > li .p1{ padding:4em 0 5em 0;}
.page_col > li .p2{ padding:3em 0 2em 0;}
.page_col > li .round{ border-radius:1.25em; overflow:hidden;}
.page_col > li.inImg:not(.flex) .wrap_img:not(.resize){ position:relative; height:100%;}
.page_col > li.inImg.flex .wrap_img{ flex:1;}
.page_col > li .stkH1{ height:var(--maxHeight);}
.page_col > li .stkH1 .wrap_img{ flex:1;}

.page_col .gsimgFix{}
.page_col .gsimgFix .posImg{ position:relative; height:100%; min-height:90vh;}
.page_col .gsimgFix .posImg img{ position:absolute; bottom:0; width:100%; height:130%;}
.page_col .gsimgFix.st2 .posImg{ height:30em; min-height:auto;}
.page_col .gsimgFix.st2 .posImg img{ height:150%;}

.stickyT { position:sticky !important; top:var(--headHS); } 

/* 소개 */
.introTop{ padding: 8em 0; position: relative;}
.introTop::after{ content: ''; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .5)); position: absolute; left: 0; top: 0;}
.introTop > .box1{ position: relative; z-index: 1;}
.intro_top_tit{}
.intro_top_tit .tit_top{ margin-bottom: .5em;} 
.intro_top_tit .desc{ margin-top: 3em;}
.introWrap{ position: relative;}
.intro_top_tit .ffSerif{ opacity: .8;}
.introWrap::before{ content: ''; width: 100%; padding-bottom: 100%; background: url(../images/sub/intro_bg_v2.png) no-repeat ; position: absolute; left: 0; top: 10%; z-index: -1;}
.introWrap .intro{ display: flex;}
.introWrap .intro + .intro{ margin-top: 8em;}
/* .introWrap .intro .num{ width: 30%;}
.introWrap .intro .num > span{ font-family: var(--fontPoint); font-weight: 800; font-size: 5em; color:var(--siteC)} */
.introWrap .intro > .tit{ width: 45%; padding-right: 3em; box-sizing: border-box;}
.introWrap .intro .tit .icon{ width: 5em; height: 5em; margin-bottom: 1.5em; background: url(../images/inc/logo.svg) no-repeat 0 0 / contain;}
.introWrap .intro .tit .num{ font-family: var(--fontPoint); font-weight: 800; font-size: 5em; color:var(--siteC); opacity: .8;}
.introWrap .intro .tit .t1{ font-family: var(--fontPoint); font-weight: 800; font-size: 3em; color:#111;}
.introWrap .intro .tit .t2{ margin-top: 1em; font-family: var(--fontSerif); font-size: 1.5em; color:#666}
.introWrap .intro .cont{ flex:1; padding-top: 2em;}
.introWrap .intro .cont .txt{ font-size: 1.25em; line-height: 1.4; word-break: keep-all;}
.introWrap .intro .cont .txt.t1{ margin-top: 0.5em; color:#555 }
.introWrap .intro .cont .txt.t2{ font-weight: 600; color:#333;}
.introWrap .intro .cont .txt b{ font-weight: 700;}
.introWrap .intro .cont .img{ width: 100%; height: 22em; margin-top: 2em; box-shadow: 0 0 30px rgba(0,0,0,.2);}

.introWrap .intro .tit.w2{ width: 35%; padding-right: 3em; box-sizing: border-box;}
.introWrap .intro .tit.stickyT{ height: calc(100vh - var(--headHS) - 3em);}
.introWrap .intro .cont_list{ flex:1;}
.introWrap .intro .cont_list .cont + .cont{ margin-top: 6em;}
.introWrap .intro .cont_list .cont .tit{ margin-bottom: 1.5em; padding-top: .5em; font-weight: 700; font-size: 1.5em; color:#333; position: relative;}
.introWrap .intro .cont_list .cont .tit .tt{ font-size: 2rem;}
.introWrap .intro .cont_list .cont .tit::after{ content: ''; width: 1.5em; height: 1.5em; border-radius: .25em; background: var(--siteC); position: absolute; left: -1em; top:0; z-index: -1; opacity: .3; transform: rotate(45deg);}


/* sub_brand */
.intro_txt .img_st{ gap:1em 3em;}
.intro_txt .img_st .img{ height:8em; border-radius:1em;}

.page_list.imgLink{}
.page_list.imgLink > li{ flex:1; display:flex;}
.page_list.imgLink > li .in{ flex:1; position:relative; padding:8em 4.5vw; text-align:center; color:#fff;}
.page_list.imgLink > li .in:after{ content:""; position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; background:var(--siteC); opacity:0; visibility:hidden; transition:.3s;}
.page_list.imgLink > li .in .bg{ position:absolute; top:0; left:0; width:100%; height:100%;}
.page_list.imgLink > li .in .bg:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.6;}
.page_list.imgLink > li .in .con_wrap{ position:relative; z-index:5; gap:1.625em 1em; mix-blend-mode:screen;}
.page_list.imgLink > li .in .con_wrap .mark:after{ content:""; display:block; width:1px; height:2em; margin:1.25em auto 0 auto; background:#fff;}
.page_list.imgLink > li .in .con_wrap .mark_in{ display:inline-block; width:42%; height:3.5em; filter:var(--crGrayfilRE);}
.page_list.imgLink > li:hover .in:after{ opacity:1; visibility:visible; transform:scale(1.1);}

.rndListWrap{ counter-reset: number 0;}
.rndList > li{ display: flex; flex-wrap: wrap; align-items: center; gap: 3em;}
.rndList > li + li{ margin-top: 5em}
.rndList > li .img_wrap{ width: 45%; position: relative; overflow: hidden;}
.rndList > li .img_wrap .img{ border-radius: 1em;}
.rndList > li .img_wrap::after{ counter-increment: number 1; content:'0'counter(number); font-weight: 800; font-size: 7em; position: absolute; left: 0; bottom: -30px; color:#fff; opacity: .5;}
.rndList > li .cont_wrap{ flex:1;}
.rndList > li .cont_wrap .tit{ display: flex; align-items: center; gap: .5em;}
.rndList > li .cont_wrap .tit .frn{}
.rndList > li .cont_wrap .tit .kor{ padding-left: .5em; color:#666; position: relative;}
.rndList > li .cont_wrap .tit .kor::before{ content: ''; width: 3px; height: 0.8em; background-color: var(--siteC); position: absolute; left: 0; top: 50%; transform: translateY(-50%); opacity: .7;}
.rndList > li:nth-child(odd) .cont_wrap{padding-left: 1em;}
.rndList > li:nth-child(even) .cont_wrap{ padding-right: 1em;}
.rndList > li:nth-child(odd) .cont_wrap{ order:-1;}

.page_list.icoInfo{ gap:1.25em; padding:1.25em;}
.page_list.icoInfo > li{ flex:1; display:flex;}
.page_list.icoInfo > li .in{ flex:1; gap:1.25em; position:relative; background:var(--crGray); border-radius:1.25em; padding:2em 1.25em; text-align:center;}
.page_list.icoInfo > li .in:before{ content:""; position:absolute; width:calc(100% + 1.25em); left:50%; top:50%; bottom:50%; height:calc(50% + .625em); box-sizing:border-box; border-style:dashed; border-color:var(--siteC2); border-width:1px; transform:translateX(-50%);}
.page_list.icoInfo > li .in:after{ content:""; position:absolute; left:-.563em; right:-.563em; top:50%; width:.625em; height:.625em; background:var(--siteC2); border-radius:50%; display:none;}
.page_list.icoInfo > li .in .ico_wrap .ico{ position:relative; width:4em; height:4em;}
.page_list.icoInfo > li .in .ico_wrap .ico:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--siteC); border-radius:1.25em; transform:rotate(-45deg);}
.page_list.icoInfo > li .in .ico_wrap .ico img{ width:55%; filter:var(--crWhitefil);}
.page_list.icoInfo > li .in .con_wrap{ gap:.625em;}
.page_list.icoInfo > li:nth-child(2n+1) .in:before{ top:auto; border-bottom-width:0; border-radius:1.75em 1.75em 0 0;}
.page_list.icoInfo > li:nth-child(2n) .in:before{ bottom:auto; border-top-width:0; border-radius:0 0 1.75em 1.75em; width:calc(100% + 1.25em + 2px);}
.page_list.icoInfo > li:nth-child(2n) .in .ico_wrap .ico:before{ background:var(--siteC2);}
.page_list.icoInfo > li:first-child .in:after{ display:block; right:auto; transform:translate(-50%,-50%);}
.page_list.icoInfo > li:last-child .in:after{ display:block; left:auto; transform:translate(50%,-50%);}

.smain_section {height: 20em; position: relative;}
.smain_section.bgT{ background-position: center 30%;}
.smain_section > .box1{ position: relative; z-index: 1;}
.smain_section .txt_wrap{}
.smain_section::after{ content:''; width:100%; height:100%; background:rgba(0, 0, 0, .45); position:absolute; left:0; top:0; }
.smain_section .txt_wrap .tt{}
.smain_section .txt_wrap.cw .tt{ color:#fff;}
.smain_section .txt_wrap .t1{ font-weight: 700; font-size: 2.5em;}
.smain_section .txt_wrap .t2{ margin-top: 1.5em; font-size: 1.5em; opacity: .85;}





/* 온라인문의 */
.inquiry-con {}
.inquiry-con .form_wrap {}
.inquiry-con .form_wrap .form {
    gap: 1em;
    font-size: 1.063em;
}
.inquiry-con .form_wrap .form > li {}
.inquiry-con .form_wrap .form > li:not(.w100) {
    width: calc(50% - .5em);
}
.inquiry-con .form_wrap .form > li .inp_wrap {
    position: relative;
}
.inquiry-con .form_wrap .form > li .inp_wrap .tit,
.inquiry-con .form_wrap .form > li .inp_wrap .input_st:not(textarea) {
    height: 4em;
}
.inquiry-con .form_wrap .form > li .inp_wrap .tit {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 0.625rem;
}
.inquiry-con .form_wrap .form > li .inp_wrap .tit .tt {
    font-size: 1.063em;
    font-weight: 600;
}
.inquiry-con .form_wrap .form > li .inp_wrap .input_st:focus {
    border-bottom: 1px solid var(--siteC2);
}
.inquiry-con .form_wrap .form > li .inp_wrap .input_st:not(textarea) {
    width: 100%;
    padding-left: 5em;
}
.inquiry-con .form_wrap .form > li .inp_wrap textarea.input_st {
    padding-top: 4em;
    padding-left: 0.625rem;
    height: 12em;
    resize: none;
}
.inquiry-con .form_wrap .form > li .inp_wrap .input_st {
    border: none;
    /* box-shadow: 0 2px 1em rgba(0, 0, 0, .05); */
    border-bottom: 1px solid #111;
}
.inquiry-con .form_wrap .form_chk {
    margin-top: 2em;
}
.inquiry-con .form_wrap .form_chk .chk {
    gap: 1em;
}
.inquiry-con .form_wrap .form_chk .btn .input_st {
    width: 10em;
}
.form_chk .label_st input[type=checkbox],
.form_chk .label_st input[type=radio] {
    width: auto;
    height: auto;
    overflow: visible;
    margin-bottom: auto;
    position: unset;
}
.inquiry-con .inquiry-bg-wrap {
    position: relative;
    height: 100%;
}
.inquiry-con .inquiry-bg-wrap .img-area {
    position: absolute;
    width: 50vw;
    height: inherit;
    overflow: hidden;
    border-radius: 1em 0 0 1em;
}
.inquiry-con .form_wrap .form .input_st{ border-radius: 0!important;}
.form_chk .label_st input[type=checkbox],
.form_chk .label_st input[type=radio] {
    width: auto;
    height: auto;
    overflow: visible;
    margin-bottom: auto;
}
.inquiry-con .inquiry-bg-wrap {
    position: relative;
    height: 100%;
}
.inquiry-con .inquiry-bg-wrap .img-area {
    position: absolute;
    width: 50vw;
    height: inherit;
    overflow: hidden;
    border-radius: 1em 0 0 1em;
}

.captcha-wrap {}
.captcha-wrap .tit {
    position: static !important;
}
.captcha-wrap .captcha-inner {
    flex: 1;
    gap: 1em;
}
.captcha-wrap .captcha-inner #loading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.captcha-wrap .input_st {
    padding-left: 1em !important;
}

.main_inquiry .captcha-wrap .tit {
    padding-left: 0 !important;
}



/*개인정보처리방침*/
html.pop .popWrap.popPrivacy{ width: 70vw;}
.agree_wrap{ padding:.5em; font-size:.938em; line-height:1.5; border-top:2px solid var(--siteC); border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; box-shadow:3px 1px 9px rgba(0,0,0,.2); padding:2em;}
.agree_wrap .agree p{ line-height:1.9; padding:1em 0; color:#222;}
.agree_wrap .agree p strong {font-size:1.3em; }


.member_agree .agree{ padding:3em; border:1px solid #ddd; border-top:2px solid #3c3c3d; font-size:.938em; color:#69696b; font-weight:300; line-height:1.4em;}
.member_agree .agree.H{ padding:1.5em; border-top-width:1px; height:7em; overflow-y:scroll;}
.member_agree .agree p{ padding:.5em 0;}
.member_agree .agree *{ vertical-align:baseline;}
.member_agree .agree strong{ color:#3c3c3d;}
.member_agree .check{ padding:1em 2em; border:1px solid #ddd; border-top:none; border-radius:0 0 5px 5px; text-align:right; background:#f9f9f9}
.member_agree h1{ color:#111; font-weight:600}
.member_agree .check .xi {font-size:1em;}


/*** SUB PAGE - E ********************/


/*** MAIN PAGE - S ********************/
/**/
.vod_wrap{ position:relative}
.vod_wrap .vod{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover}
.vod_wrap .layer{ position:absolute; left:0; top:0; width:100%; height:100%}
.visualSlide .el{ position: relative; overflow:hidden; height:100vh; background:#fff}
.visualSlide .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.2)}
.visualSlide .el .vod_wrap{ position:relative; height:100%}
.visualSlide .el .vod_wrap:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000}
.visualSlide .el.swiper-slide-active .vod_wrap:after,
.visualSlide .el.swiper-slide-duplicate-active .vod_wrap:after{ transition:2s; opacity:.2}
.visualSlide .el.swiper-slide-active .bg,
.visualSlide .el.swiper-slide-duplicate-active .bg{ transition:7s; transform:scale(1) rotate(.001deg)}
.visualSlide .el:nth-child(3n - 2) .bg{ height:110%; transform:scale(1)}
.visualSlide .el.swiper-slide-active:nth-child(3n - 2) .bg,
.visualSlide .el.swiper-slide-duplicate-active:nth-child(3n - 2) .bg{ transform:translateY(-9.0909%) rotate(.001deg)}
.visualSlide .el:nth-child(3n - 1) .bg{ width:110%; transform:scale(1); left:auto; right:0}
.visualSlide .el.swiper-slide-active:nth-child(3n - 1) .bg,
.visualSlide .el.swiper-slide-duplicate-active:nth-child(3n - 1) .bg{ transform:translateX(9.0909%) rotate(.001deg)}
.visualSlide_wrap{ position:relative}
.visualSlideSlogan_wrap{ position:absolute; left:0; width:100%; height:100%; bottom:0; box-sizing:border-box; z-index:10; color:#fff}
.visualSlideSlogan_wrap .wrapIn{ display:flex; flex-direction:column; height:100%}
.visualSlideSlogan_wrap .wrapIn .visual_con{ flex:1 1 0%; min-height:0; display:flex; flex-direction:column; justify-content:center; gap:3em; margin-top:10vh}
.visualSlide_wrap .slogan{ box-sizing:border-box; padding:0 5vw; text-align:center}
.visualSlide_wrap .slogan .t1{ font-size:4em; font-weight:800}
.visualSlide_wrap .slogan .tLogo{ height:6em; margin:1.5em 0 2.5em 0}
.visualSlide_wrap .slogan .tLogo path{ fill:#fff}
.visualSlide_wrap .slogan .ani{ overflow:hidden}
.visualSlide_wrap .slogan .ani > i{ transform:translateY(200%);}
.load .visualSlide_wrap .slogan .ani > i{ transform:translateY(0); transition:1s}
.load .visualSlide_wrap .slogan .ani.d1 > i{transition-delay:.5s}
.load .visualSlide_wrap .slogan .ani.d2 > i{transition-delay:1s}
.load .visualSlide_wrap .slogan .ani.d3 > i{transition-delay:1.5s}
.visualSlide_control{ display:flex; align-items:flex-end; width:100%}
.visualSlide_control .swiperControlWrap{ margin:0 0 1em auto; gap:1em}
.visualSlide_control .paging .swiper-pagination-current{ font-weight:700}

.mainScroll{ color:#fff}
.mainScroll .line{ position:relative; display:block; height:3em; overflow:hidden}
.mainScroll .line:before{ content:""; position:absolute; left:50%; top:0; height:100%; width:1px; background:#fff;}
.mainScroll .dot{ position:absolute; left:50%; transform:translateX(-50%); top:0; width:.5em; height:.5em; background:#fff; border-radius:50%}
.mainScroll .tt{ display:flex; align-items:center; transform:rotate(90deg); font-size:.75em; margin:0 0 2.5em 0}
.mainScroll .tt .xi{ font-size:1.5em; margin-right:.25em}

.main_box{ padding:4em 0 6em 0; overflow:hidden; position:relative}
.main_box > div{ position:relative}
.main_box:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%}
.main_box.bg1:before{ background:var(--siteC); opacity:.05}

.textAniW .t1{font-size:15vw; font-weight:900; line-height:1; letter-spacing:-.063em; padding:0 .2em}
.textAniW .t1:first-child{ padding-left:0}
.textAniW .t1:last-child{ padding-right:0}

.main_tit{ margin-bottom:2em; display:flex; flex-direction:column; align-items:flex-start; gap:.5em}
.main_tit.hc{ align-items:center; text-align:center}
.main_tit.hr{ align-items:flex-end}
.main_tit.m1{ margin-bottom:3em}
.main_tit .tit0{ font-size:1.375em; font-weight:500}
.main_tit .tit0.s1{ font-size:2em}
.main_tit .tit1{ font-size:3em; font-weight:900; letter-spacing:-.025em; word-spacing:.125em}
.main_tit .tit1.s1{ font-size:4em}
.main_tit .tit2{ font-size:2em; font-weight:700}
.main_tit .tt1{ font-size:1.25em; line-height:1.6; opacity:.7}
.main_tit.white{ color:#fff}

.main_more{ display:flex; align-items:center; gap:1em; border:1px solid #111; overflow:hidden; padding:.5em 1.5em; position:relative; transition:.3s; border-radius:.25em}
.main_more .tt{ font-weight:500}
.main_more .arrow{ position:absolute; left:100%; top:50%; transform:translateY(-50%); opacity:0; transition:.3s; font-size:1em}
.main_more .arrow:before{ content:"\e907"}
.main_more:hover{ padding-right:3em}
.main_more:hover .arrow{ left:calc(100% - 2em); opacity:1}
.main_more.white{ border-color:rgba(255,255,255,.5); color:#fff}

.mainProd{ display:flex; gap:1em}
.mainProd .el{ width:calc(20% - .8em)}
.mainProd .el .img_wrap{ border-radius:1em; overflow:hidden}
.mainProd .el .img_wrap .resize{ padding-bottom:100%}
.mainProd .el .con_wrap{ padding:1.5em 0; text-align:center; background:#fff; display:flex; flex-direction:column; gap:.75em; align-items:center}
.mainProd .el .con_wrap .t1{ font-weight:500; font-size:1.125em}
.mainProd .el .con_wrap .t2{ font-size:1.063em; color:#777}
.mainProd.st1 .el{ position:relative; flex:1 1 auto; transition:.8s}
.mainProd.st1 .el .img_wrap{ position:relative; overflow:hidden}
.mainProd.st1 .el .img_wrap .resize{ padding-bottom:0; height:17vw }
.mainProd.st1 .el .img_wrap:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; transition:.3s}
.mainProd.st1 .el .con_wrap{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-direction:column; background:none; color:#fff; box-sizing:border-box; padding:2em 1.5em; align-items:flex-start; text-align:left}
.mainProd.st1 .el .con_wrap .t1{ margin:auto 0 0 auto; font-size:1.063em; text-align:right}
.mainProd.st1 .el .con_wrap .t1 i{ font-weight:300}
.mainProd.st1 .el .con_wrap .t2{ color:#fff}
.mainProd.st1 .el .con_wrap .t2 i{ display:block; opacity:.8; line-height:1.2}
.mainProd.st1 .el .con_wrap .t2 i.point{ font-size:1.375em; opacity:1; margin-bottom:.25em}
.mainProd.st1 .el:hover .img_wrap:after{ opacity:.3}


.mainProd.st1 .el:hover{ width:25%}

.main_brand{ background-attachment:fixed}
.main_brand .wrapIn{ display:flex; align-items:center; justify-content:center; color:#fff; box-sizing:border-box; height:50vh;}
.main_brand .wrapIn .t1{ font-size:3em; word-spacing:.25em }
.main_brand .wrapIn .t1 > i{ font-style:italic}

.main_shop .wrapCon .inp_wrap{ background:var(--siteCgray); border-radius:1em; padding:4em; display:flex; gap:.5em;}
.main_shop .wrapCon .inp_wrap > *{ flex:1 1 0%; min-width:0}
.main_shop .wrapCon .m1{ margin-left:2em}

.main_quality{ overflow: unset;}
.main_quality .wrapIn{
    display: flex;
    gap: 6em;
    align-items: flex-start;
    position: relative;
    box-sizing: border-box;
}
.main_quality .main_tit{
    width: 15em;
    word-break: keep-all;
    position:sticky;
    top:2em;
}
.main_quality .wrapCon{
    flex:1;
}
.qualityList{ 
    counter-reset: number;
}
.qualityList > li{ 
    border-top:1px solid #ddd;
    transition: all .3s;
    position:relative;
}
.qualityList > li::after{
    content:'';
    width:100%;
    height:100%;
    border:3px solid var(--siteC);
    box-sizing: border-box;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    opacity:0;
    transition: all .3s;
}
.qualityList > li:last-child{ border-bottom: 1px solid #ddd;}
.qualityList > li .in{
    gap:1.5em;
    padding: 2em 10em 2em 3em;
    align-items: center;
    position: relative;
}
.qualityList > li .in::before{
    counter-increment: number 1;
    content: '0' counter(number);
    font-weight: 700;
    font-size: 4em;
    color:#eee;
    position: absolute;
    left: 1rem;
    top: .5rem;
    z-index:-1;
}
.qualityList > li .in .tit{
    width: 35%;
}
.qualityList > li .in .tit > span{ 
    display: block;
    word-break: keep-all;
}
.qualityList > li .in .tit .t1{ 
    margin-top: 1em;
    font-weight: 600;
    font-size: 1.125em;
    color:#555
}
.qualityList > li .in .tit .t2{ 
    font-size: 1.875em;
    color:var(--siteC2);
    line-height: 1;
}
.qualityList > li .in .desc{
    flex:1;
    font-size: 1.125em;
    color:#555;
    line-height: 1.4;
    word-break: keep-all;
}
.qualityList > li .in .desc strong{
    font-weight: 600;
    color:#333;
}
.qualityList > li .in .icon{
    width: 5em;
    height: 5em;
    position: absolute;
    right:2em;
    top: 50%;
    transform: translateY(-50%);
    filter: opacity(.5) sepia(1);
    transition: all .3s;
}
.qualityList > li:hover::after{
    opacity:1;
}
.qualityList > li:hover .in .icon{ filter:opacity(1) sepia(1);}

.main_inquiry{ position:relative}
.main_inquiry .wrapIn{ display:flex; gap:6em; align-items:flex-start; position:relative; box-sizing:border-box}
.main_inquiry .wrapTit{ width:45%; position:sticky; left:0; top:0; box-sizing:border-box}
.main_inquiry .wrapCon{ flex:1 1 0%; min-width:0}
.main_inquiry > div{ position:relative; z-index:1}
.main_inquiry .formSt{ display:flex; flex-wrap:wrap; gap:1em; filter:brightness(0) invert(1); position:relative}
.main_inquiry .formSt > li{ width:100%}
.main_inquiry .formSt > li.w1{ width:calc(50% - .5em)}
.main_inquiry .formSt .wrap_in{ display:flex; align-items:center; gap:1em}
.main_inquiry .formSt .wrap_in:not(.btnW) > *{ flex:1 1 0%; min-width:0}
.main_inquiry .formSt .wrap_in .privacy{ flex:1 1 0%; min-width:0; display:flex; align-items:center; gap:1em}
.main_inquiry .formSt .input_st{ border-color:rgba(0,0,0,.3); background-color:unset; color:#aaa}
.main_inquiry .formSt textarea{ height:8em; padding:1.5em}
.main_inquiry .formSt .label_wrap{ border:1px solid rgba(0,0,0,.3); padding:1em; border-radius:.5em}
.main_inquiry .formSt .label_st2{ font-weight:700; font-size:1.063em}
.main_inquiry .formSt .btnW > *{flex:0 0 auto}
.main_inquiry .formSt .btnW .link{ padding:.25em 1.25em; border-radius:2em; border:1px solid rgba(0,0,0,.3); font-size:.875em; font-weight:500; display:flex; align-items:center}
.main_inquiry .formSt .btnW .btn{ margin-left:auto; border-width:3px; padding:1em 2em; display:flex; align-items:center; gap:.5em}

html.pop .popWrap.price{ width: 65vw;}
/* html.pop .popWrap.price .popTit{ padding: 0;}  */
.carName{ margin-left: 0.25em; padding-left: .5em; position: relative;}
.carName .tt{ position: relative;}
.carName::before{ content: ''; width: 1em; height: 1em; border-radius:5px; background: var(--siteC);opacity: .5;position: absolute; left: 0; top: 2px; transform:rotate(45deg);}
.priceTableWrap{ gap:1em}
.priceTable{ flex:1;}
.priceTable .tit{ padding: .8em 1em; border-radius: .25em .25em 0 0; background: #333; text-align: center;}
.priceTable .tit > .tt{ font-weight: 600; font-size: 1.25em; color:#fff; }
.priceTable .tit_bg{ border-radius: .5em .5em 0 0; overflow: hidden; }
.priceTable .tit_bg .tt{ 
    display: block;
    padding: 1em 1em 2em;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.85), transparent);
    font-weight: 700;
    font-size: 1.5em;
    color: #fff;
}
.priceTable .table_st{ margin-top: 0.25em;}
.priceTable .table_st tr{ position: relative; }
.priceTable .table_st tr::after{ content: ''; width: 100%; height: 100%; box-sizing: border-box; border:2px solid var(--siteC); position: absolute; left: 0; top: 0; box-shadow: 0 2px 5px rgba(0,0,0,.1); opacity: 0; transition: .3s;}
.priceTable .table_st th{ text-align: left;}
.priceTable .table_st .wTit{ width: 45%;}
.priceTable .table_st .wPrice{ width: auto;}
.priceTable .table_st .price_tt{ display: flex; justify-content: space-between; align-items: center; padding-left: 1em;}
.priceTable .table_st .price_tt .xi{ font-size: .9375em; color:#666}
.priceTable .table_st .price_tt > span{ font-size: 1.125em; color:#333;}
.priceTable .table_st tr:hover::after{ opacity: 1;}

.main_mapW{ display:flex; overflow:hidden; border-radius:1em}
.main_mapW .main_map{ flex:1 1 0%; min-width:0; box-shadow:0 0 1em rgba(0,0,0,.1); filter:grayscale(1)}
.main_mapW .main_map .resize{ padding-bottom:0; height:32vh}
.main_mapW .main_map .resize iframe{ position:absolute; left:0; top:0; width:100%; height:100%}
.main_mapW .main_map_info{ background:#333; box-sizing:border-box; padding:2em; padding-right:3em; color:#fff}
.main_mapW .main_map_info .info{ display:flex; flex-direction:column; gap:1em; font-size:.938em}
.main_mapW .main_map_info .info > li{ display:flex; flex-direction:column; gap:.5em}
.main_mapW .main_map_info .info > li .tit{ color:var(--siteC); font-weight:700}
.main_mapW .main_map_info .info > li .t1{ opacity:.8}
/* main_mapW -pop -S */
html.pop .popWrap.store{ top:2.5em;}
.store_titWrap{margin-bottom:.5em;}
.store_titWrap .t1{ font-weight: 600; font-size:1.688em; color:#333; padding-bottom:.25em; }
.store_titWrap .t2{color:#333; }
.store_titWrap .t3{color:#777; }

.store_mapWrap{ display: flex; flex-wrap: wrap; gap:1em; width: 65vw; margin-top: 2em;}
.store_mapWrap .mapList{ width: 38%;}
.mapList .top_search{ padding: 1.5em 1em; border-radius: .5em .5em 0 0; background: var(--siteBg1);}
.mapList .top_search .page_search{}
.mapList .top_search .page_search .t1{ margin-bottom: 0.5em; font-weight: 600; font-size: 1.25em; color:#fff;}
.mapList .top_search .page_search .label_select{ flex:1;}
.mapList .top_search .page_search .wrap_con .inner{ gap:.25em;}

.mapList .list_wrap{ height: 25em; padding: 1em 0 1em .8em; box-sizing: border-box; border: 1px solid #ddd; border-bottom: none; overflow-y: scroll;}
.mapList .list_wrap .store_list{}
.mapList .list_wrap .store_list > li{ padding: 1em 1.5em; border-bottom: 1px dotted #ccc; transition: all .3s;}
/* .mapList .list_wrap .store_list > li + li{ border-top:1px dotted #ddd;} */
.mapList .store_list > li .in{ /* padding-right: 3em; */ position: relative;}
.mapList .store_list > li .in .txt_wrap{ gap:1em;}
.mapList .store_list > li .in .txt_wrap .ico{ width:2em; height:2em; background:#66809d; border-radius:50%; font-size:1em; color:#fff;}
.mapList .store_list > li .in .txt_wrap .ico:before{ content:"\eb59";}
.mapList .store_list > li .in .txt_wrap .txt{ flex:1; gap:.25em 0;}
.mapList .store_list > li .in .txt_wrap .txt .tt{}
.mapList .store_list > li .in .txt_wrap .txt .t1{ font-size:1.125em; line-height:1.4;}
.mapList .store_list > li .in .txt_wrap .txt .t2{ color:#444;}
.mapList .store_list > li .in .btn{ position:absolute; top:50%; right:0; width:2em; height:2em; background:#fff; border:1px solid #2149a6; border-radius:50%; color:#2149a6; transform:translateY(-50%); transition:.2s;}
.mapList .store_list > li .in .btn .tt{ font-size:.875em;}
.mapList .store_list > li .in .btn .ico{ font-size:.813em;}
.mapList .store_list > li .in .btn .ico:before{ content:"\e907";}
.mapList .store_list > li.noData{ width: 100%; height: 25em;}
.mapList .store_list > li.noData .nocon{ border:none;}
.mapList .store_list > li.noData .nocon .xi { font-size: 2em;}
.mapList .list_wrap .store_list > li:hover{ background: #f6f6f6;}

.mapList .paging{ border:1px solid #ddd; border-top:none; border-radius: 0 0 .5em .5em;}
.mapList .paging .board_pg{ margin-top: 0; padding: 1.5em 0; }

.store_mapWrap .mapWrap{ flex:1; border-radius: .5em; overflow: hidden; box-shadow: 3px 0 9px rgba(0, 0, 0, .15);}
.root_daum_roughmap .wrap_controllers { display: none; } 
.mapWrap .root_daum_roughmap_landing{ width: 100%!important; height: 100%;}
.mapWrap .root_daum_roughmap .wrap_map{ height: 100%!important;}
/* main_mapW -pop - E*/



/*** MAIN - E ********************/