@charset "utf-8";
/* CSS Document */
.box0 { padding:0 5vw } 
.box1 { width:1360px; margin:0 auto; max-width:92% } 
.box2 { width:1380px; margin:0 auto; max-width:92% } 
.box3 { width:1280px; margin:0 auto; max-width:92% } 

.fullMH{ padding-top: var(--headH);}

.PC { display:block } 
.PHONE { display:none; } 

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

.full-height { position: relative; box-sizing: border-box; display: flex; align-items: center; width: 100%; height: 100%; min-height: 100vh; padding-top: 100px; } 

#header { position:fixed; left:0; top:0; width:100%; z-index:1000; background:#fff; transition: transform .4s; border-bottom: 1px solid #ddd;} 
.fp-viewing-Main #header { border-bottom: 1px solid #111 !important; } 
.main #header { /*margin-top: 1.5em; transition: .65s; */ } 
.scroll #header { margin-top: 0em; } 
#header .top_wrap .wrapH,
#header .top_wrap .gnb_wrap .dp1 { height: var(--headH); } 
#header .top_wrap {} 
#header .top_wrap .wrapIn {  } 
.headerT { padding-top: var(--headH) } 
#header .top_wrap .wrapIn { display:flex; align-items:center; justify-content: center; gap:0 1vw } 
#header .top_wrap .logo > a { display:block } 
#header .top_wrap .logo > a img { height: 4em;} 
#header .top_wrap .gnb_wrap .gnb { justify-content:center } 
#header .top_wrap .gnb_wrap .gnb > li { position:relative } 
#header .top_wrap .gnb_wrap .gnb > li .dp1 { padding:0 2vw; box-sizing:border-box; min-width:9em; position:relative; z-index:1 } 
#header .top_wrap .gnb_wrap .gnb > li .dp1:after { content:""; position:absolute; left:50%; bottom:1em; transform:translateX(-50%); width:0; height:1px; background:var(--siteC); transition:.3s } 
.white #header .top_wrap .gnb_wrap .gnb > li .dp1:after { background: #fff; } 
#header .top_wrap .gnb_wrap .gnb > li:hover .dp1:after,
#header .top_wrap .gnb_wrap .gnb > li.on .dp1:after { width:2em } 
#header .top_wrap .gnb_wrap .gnb > li .dp1 .va { position:relative } 
#header .top_wrap .gnb_wrap .gnb > li .dp1 .tt { font-weight:600; font-size:1.15em; white-space:nowrap; color: var(--crBlack);} 
#header .top_wrap .gnb_wrap .gnb > li .dp2 { position:absolute; left:50%; transform:translateX(-50%); width:13em; padding: 1em; border-radius: .5em; box-sizing:border-box; background:var(--siteC); color:#fff; display:block; top:85%; opacity:0; visibility:hidden } 
#header .top_wrap .gnb_wrap .gnb > li.more:hover .dp1 { } 
#header .top_wrap .gnb_wrap .gnb > li.more:hover .dp1:after { } 
#header .top_wrap .gnb_wrap .gnb > li:hover .dp2 { opacity:1; visibility: visible; transition:.5s } 
#header .top_wrap .gnb_wrap .gnb > li:hover .dp2 > li { margin-bottom: .3em; } 
#header .top_wrap .gnb_wrap .gnb > li:hover .dp2 > li:last-of-type { margin-bottom: 0em; } 
#header .top_wrap .gnb_wrap .gnb > li:hover .dp2 > li > a { padding:.25em; font-size: .9em; opacity:.8; } 
#header .top_wrap .gnb_wrap .gnb > li:hover .dp2 > li > a:hover { background:rgba(255,255,255,.3); opacity:1 } 
#header .top_wrap .gnb_wrap .gnb > li.m_introduction .dp2{ display: none;}
#header .top_wrap .gnb_wrap .gnb > li.m_inquiry .dp1 .tt{ color:var(--siteC2);}
#header .top_wrap .gnb_wrap .gnb > li .dp1.layer{ display: none;}
.white:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.m_inquiry .dp1 .tt{ color:#fff;}
#header .top_wrap .gnb_wrap .gnb > li .dp3{ display: none;}
#header .top_wrap .etc_wrap { display:flex; align-items:center; gap:0 1em } 
#header .top_wrap .etc_wrap .langWrap { position:relative } 
#header .top_wrap .etc_wrap .langWrap .ico { font-size:1em } 
#header .top_wrap .etc_wrap .langWrap .ico:before { content:"\e9d1" } 
#header .top_wrap .etc_wrap .langList { display:flex; align-items:center; gap:0 2em } 
#header .top_wrap .etc_wrap .langList > li { opacity:.5 } 
#header .top_wrap .etc_wrap .langList > li > a { display:flex; align-items:center; gap:0 .25em; position:relative } 
#header .top_wrap .etc_wrap .langList > li > a .ico { font-size:1em; display:none } 
#header .top_wrap .etc_wrap .langList > li > a .t1 { font-weight:900; position:relative; padding:.25em 0 } 
#header .top_wrap .etc_wrap .langList > li.on { order:-1; opacity:1 } 
#header .top_wrap .etc_wrap .langList > li.on > a .ico { display:block } 
#header .top_wrap .etc_wrap .langList > li.on > a .t1:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#111 } 

.white:not(.allOn) #header { background: #fff;} 

html:not(.white) #header .top_wrap .logo > a img { filter: none; } 
html:not(.white) #header { border-bottom: 1px solid #ddd; } 

#header .top_wrap .all_wrap a .xi { font-size:2em; color: var(--crBlack);} 
#header .all_wrap { margin-left:2em; } 
#header .all_wrap .all { position:fixed; right:0; top:0; width:100%; height:100vh; opacity:0; visibility:hidden; z-index:1; color:#333; flex-direction:column; background:rgba(0,0,0,.7); } 
#header .all_wrap .all .wrap_bg { position:relative; opacity:0 } 
#header .all_wrap .all .wrap_bg .btn { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:3em; line-height:3em; background:#fff; border-radius:50%; color:#1a4e87; text-align:center } 
#header .all_wrap .all .wrap_con { height:calc(100% - 5em); max-width:94%; min-width:90%; padding:2em 0 0 0; box-sizing:border-box; margin:0 auto; background:#fff; border-radius:2em 2em 0 0; transform:translateY(5em) } 
#header .all_wrap .all .wrap_con .wrap_in { height:100%; box-sizing:border-box; padding:0 2em } 
#header .all_wrap .all .top { padding:1em 0 } 
#header .all_wrap .all .top .logo { gap:0 1.5em; } 
#header .all_wrap .all .top .logo img { height:2em; } 
#header .all_wrap .all .top .logo .tt { font-size:1.375em; color:#000; font-weight:700; } 
#header .all_wrap .all .top .lang { gap:0 2em } 
#header .all_wrap .all .top .lang > li > a { font-weight:700; font-size:1.125em; color:#999; padding:.25em } 
#header .all_wrap .all .top .lang > li > a.on { color:#000; position:relative } 
#header .all_wrap .all .top .lang > li > a.on:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:.25em; background:#000; opacity:.2; z-index:-1 } 
#header .all_wrap .all .top .lang:hover { opacity:1 } 
#header .all_wrap .all .bottom { padding:1.5em 0; box-sizing:border-box } 
#header .all_wrap .all .bottom .link { gap:0 2em } 
#header .all_wrap .all .bottom .link > li > a { font-size:.938em; color:#666 } 
#header .all_wrap .all .bottom .link > li > a.point { font-weight:500; color:#0060ae } 
#header .all_wrap .all .bottom .link > li > a .xi { font-size:1em; vertical-align:middle } 
#header .all_wrap .all .bottom .link > li > a .t1 { font-weight:500 } 
#header .all_wrap .all .bottom .link > li > a:hover,
#header .all_wrap .all .bottom .link > li > a:focus { text-decoration:underline } 
#header .all_wrap .all .bottom .etc { margin-top:2em } 
#header .all_wrap .all .bottom .etc > li > a { font-size:.938em; color:#777 } 
#header .all_wrap .all .menu { position:relative } 
#header .all_wrap .all .menu:before { content:""; position:absolute; left:0; top:0; width:calc(100% - 1px); height:100%; z-index:-1; box-sizing:border-box; border:1px solid #eee; border-bottom-color:#ddd } 
#header .all_wrap .all .gnb { height:100%; position:relative } 
#header .all_wrap .all .gnb ul { display:block } 
#header .all_wrap .all .gnb a { text-align:left; position:relative; line-height:1.2 } 
#header .all_wrap .all .gnb li { position:relative; flex:1 1 33% } 
#header .all_wrap .all .gnb a .arrow { position:absolute; right:.5em; opacity:.5; transition:.3s; font-size:1em } 
#header .all_wrap .all .gnb a .arrow:before { content:"\e907"; font-size:.75em } 
#header .all_wrap .all .gnb li.more > a .arrow:before { content:"\e943"; font-size:1em } 
#header .all_wrap .all .gnb > li:not(.m_hide) { display:flex; flex-direction:column } 
#header .all_wrap .all .gnb > li .dp1 { padding:0 1em; height:4em; background:#000; box-sizing:border-box; border-right:1px solid rgba(255,255,255,.2); color:#fff } 
#header .all_wrap .all .gnb > li .dp1 .va { font-size:1.25em; font-weight:700 } 
#header .all_wrap .all .gnb > li .dp1 .arrow { top:50%; transform:translateY(-50%) } 
#header .all_wrap .all .gnb > li .dp2 { flex:1 1 0%; min-height:0; border-left:1px solid transparent; border-right:1px solid #eee; border-bottom:1px solid #eee; padding:1em 0 } 
#header .all_wrap .all .gnb > li .dp2 > li > a { padding:.5em 1em; padding-right:2em; font-weight:500; transition:.3s } 
#header .all_wrap .all .gnb > li .dp2 > li > a .arrow { right:.75em; top:.5em } 
#header .all_wrap .all .gnb > li .dp2 > li.more > a .arrow:before { content:"\e942" } 
#header .all_wrap .all .gnb > li .dp2 > li:hover > a .arrow { opacity:1 } 
#header .all_wrap .all .gnb > li .dp2 > li:hover > a .va .tt { text-decoration:underline } 
#header .all_wrap .all .gnb > li .dp3 { background:#f5f5f5; margin:0 .5em; border-radius:.5em; padding:.5em; margin-bottom:.5em } 
#header .all_wrap .all .gnb > li .dp3 > li > a { padding:.188em .5em; padding-left:.75em; color:#666; display:flex } 
#header .all_wrap .all .gnb > li .dp3 > li > a:before { content:"-"; position:absolute; left:0; top:.125em; width:auto; height:auto } 
#header .all_wrap .all .gnb > li .dp3 > li > a .arrow { display:none } 
#header .all_wrap .all .gnb > li .dp3 > li > a .va { font-size:.938em } 
#header .all_wrap .all .gnb > li .dp3 > li:hover > a { color:#0060ae; font-weight:500 } 
#header .all_wrap .all .gnb > li:hover .dp1 { background:#002144 } 

#header .all_wrap .allBtn { } 
#header .all_wrap .allBtn .quad_btn { position: relative; width: 30px; height: 30px; display: flex; flex-wrap: wrap; box-sizing: border-box; } 
#header .all_wrap .allBtn .quad_btn > li { position: absolute; display: inline-block; background: #fff; width: .7rem; height: .7rem; transition: all 0.4s; } 
#header .all_wrap .allBtn .quad_btn > li:nth-child(1) { background: #E60012; top: 0; left: 0; } 
#header .all_wrap .allBtn .quad_btn > li:nth-child(2) { right: 0; top: 0; } 
#header .all_wrap .allBtn .quad_btn > li:nth-child(3) { left: 0; bottom: 0; } 
#header .all_wrap .allBtn .quad_btn > li:nth-child(4) { background: #0235bb; right: 0; bottom: 0; } 

.scroll:not(.up):not(.allGnbOn) #header{ transform: translateY(-10.1em);}
.scroll #header .all_wrap .allBtn .quad_btn > li:nth-child(2),
.scroll #header .all_wrap .allBtn .quad_btn > li::nth-child(3) { background: #ddd; } 

html:not(.white) #header .all_wrap .allBtn .quad_btn > li:nth-child(2),
html:not(.white) #header .all_wrap .allBtn .quad_btn > li:nth-child(3) { background: #ddd; } 

/* .allGnbOn { overflow-y: hidden } 
.allGnbOn body { overflow-y: scroll } 
.allGnbOn #header .top_wrap { z-index:11 } 
.allGnbOn #header .all_wrap .all { opacity:1; visibility:visible } 
.allGnbOn #header .all_wrap .all .wrap_bg { opacity:1; transition:.3s; transition-delay:.2s } 
.allGnbOn #header .all_wrap .all .wrap_con { transform:translateY(0); transition:.3s }  */  /* allmenu back241122 */

#header .all_wrap .all_layer{ position:fixed; top:0; left:0; z-index: 10; width:100%; height:100vh; background:linear-gradient(90deg, #0f3b77, var(--siteC), var(--siteC2)); color:#fff; transform:translateY(-80%); opacity:0; visibility:hidden; transition:.3s;}
#header .all_wrap .all_layer .all_header{ padding:2em 0 0;}
#header .all_wrap .all_layer .all_header .all_logo{ max-width:15em;}
#header .all_wrap .all_layer .all_header .all_logo .in{ height: 5em;}
#header .all_wrap .all_layer .all_header .all_logo .in img{ width: 100%; height: 100%; object-fit: contain;}
#header .all_wrap .all_layer .all_header .close_btn{ width:5em; height:5em; background:var(--siteC); border-radius:50%;}
#header .all_wrap .all_layer .all_header .close_btn .xi{ font-size:1.875em; transition:.3s;}
#header .all_wrap .all_layer .all_header .close_btn:hover .xi{ transform:rotate(180deg);}

#header .all_wrap .all_layer .all_inner{ flex:1; opacity:0; transition:.3s;}
#header .all_wrap .all_layer .all_inner > .wrap_in{ gap:2em; padding:3em 0 0 0;}
#header .all_wrap .all_layer .wrap_top .all_mem{ gap:.5em;}
#header .all_wrap .all_layer .wrap_top .all_mem > li .in{ height:2.75em; padding:0 2em; border:1px solid rgba(255,255,255,.3); border-radius:6em; transition:.2s;}
#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);}

#header .all_wrap .all_layer .wrap_middle .gnb{ flex-wrap:wrap; gap: 1.5em 0;}
#header .all_wrap .all_layer .wrap_middle .gnb > li{ flex: 0 0 calc(100% / 4); padding:1.5em 2.5em 0 2.5em; box-sizing: border-box; border-left:1px solid rgba(255,255,255,.1);}
#header .all_wrap .all_layer .wrap_middle .gnb > li ul{ display:block; padding:1.25em 0 2em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li a{ justify-content:flex-start; text-align:left !important; padding:.5em .375em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .in{ display:flex; align-items:flex-end; gap:.75em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt{ font-size:2.250em; font-weight:700; background:linear-gradient(to right, #b4cdfb, #d5ebff 50%, #fff 50%); background-size:200% 100%; background-position:100%; transition: background-position 0.2s linear; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:transparent;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .arrow{ display:inline-block; margin-left:.375em; width:.25em; height:.25em; background:var(--siteC3); border-radius:50%;}
#header .all_wrap .all_layer .wrap_middle .gnb > li:hover{ background:rgba(0,0,0,.2);}
#header .all_wrap .all_layer .wrap_middle .gnb > li:hover .dp1 .tt{ background-position: 0 100%;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .in{ display:inline-block; position:relative;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .in:after{ content:""; position:absolute; left:0; bottom:-.25em; width:100%; height:2px; background:#fff; transform:scaleX(0); transform-origin:left bottom; transition:.2s;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt{ font-size:1.188em; font-weight:500;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li:hover > a .in:after{ transform:scaleX(1)}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li > a{ gap:0 .75em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li > a:before{ content:""; width:4px; height:2px; background:rgba(255,255,255,.4);}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li > a .tt{ opacity:.7;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li:hover > a .tt{ text-decoration:underline; opacity:1;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_introduction .dp2,
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3,
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp4{ display:none;}

#header .all_wrap .all_layer .wrap_bottom{ display:none;}

/* #header .all_wrap .all_layer .wrap_middle .gnb > li.m_introduction .dp2 > li > a .tt{ font-size: 1rem; opacity: .7;} */


/* #header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li.more a.link{ display: none;} */
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li.more a.layer{ display: flex!important;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li.more > a.layer .xi{ content: '\e942';}
/* #header .all_wrap .all_layer .wrap_middle .gnb > li .dp3{ display: none;} */
/* #header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li.on .dp3{ display: block;} */


/* all_layer v2 - s*/
#header .all_wrap .all_layer2 { position:fixed; top:0; left:0; width:100%; height:100vh; opacity:0; visibility:hidden; } 
#header .all_wrap .all_layer2 .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_layer2 .all_inner { position:absolute; top:0; right:0; width:32em; max-width:100%; height:100%; background:#fff; box-shadow:-1em 0 1em rgba(0,0,0,.1); transform:translateX(100%); } 
#header .all_wrap .all_layer2 .all_inner > .wrap_in { gap:2em; padding:3em 3em; } 
#header .all_wrap .all_layer2 .all_inner > .mark { position: absolute; bottom: 0; right: 0; width: 16em; opacity: .15; } 
#header .all_wrap .all_layer2 .all_inner > .mark > img { width: 26.5em; } 
#header .all_wrap .all_layer2 .wrap_top .btn{ cursor: pointer; transition: all .3s;}
#header .all_wrap .all_layer2 .wrap_top .btn .xi{font-size: 2em; color: var(--crBlack)}
#header .all_wrap .all_layer2 .wrap_top .btn:hover{ transform: rotate(180deg);} 
#header .all_wrap .all_layer2 .wrap_top a { transition:.2s; } 
#header .all_wrap .all_layer2 .wrap_top .all_logo { } 
#header .all_wrap .all_layer2 .wrap_top .all_logo .in { display:block; width:12.5em; } 
#header .all_wrap .all_layer2 .wrap_top .all_logo .in img { width:100%; } 
#header .all_wrap .all_layer2 .wrap_top .all_mem { gap:.25em; padding:2em 0 1em; } 
#header .all_wrap .all_layer2 .wrap_top .all_mem > li > a{ width: 100%; background: var(--siteC); text-align: center; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: .5em;}
#header .all_wrap .all_layer2 .wrap_top .all_mem > li { flex: 1; } 
#header .all_wrap .all_layer2 .wrap_top .all_mem > li .in .icon { position: absolute; left: .5em; } 
#header .all_wrap .all_layer2 .wrap_top .all_mem > li .in { position:relative; height:2.25em; padding:0 1em; border:1px solid var(--siteC2); background:var(--siteC2); color: #fff; border-radius:.25em; line-height:normal; align-items: center; justify-content: center; } 
#header .all_wrap .all_layer2 .wrap_top .all_mem > li .in .tt { font-size:.938em; font-weight:500; } 
#header .all_wrap .all_layer2 .wrap_top .all_mem > li .in:hover { } 
#header .all_wrap .all_layer2 .wrap_top .all_mem > li .in:hover .icon { color: #fff; } 

#header .all_wrap .all_layer2 .wrap_middle { } 
#header .all_wrap .all_layer2 .wrap_middle .gnb { flex-wrap:wrap; } 
#header .all_wrap .all_layer2 .wrap_middle .gnb > li { flex:1 1 100%; } 
/* #header .all_wrap .all_layer2 .wrap_middle .gnb > li.m_mypage { display:block; }  */ /* allmenu - 마이페이지 */
#header .all_wrap .all_layer2 .wrap_middle .gnb ul.flex { display:block; } 
#header .all_wrap .all_layer2 .wrap_middle .gnb a { position:relative; justify-content:flex-start; text-align:left !important; font-weight:500; transition:.2s; } 
#header .all_wrap .all_layer2 .wrap_middle .gnb li > a.layer { display: none; } 
#header .all_wrap .all_layer2 .wrap_middle .gnb li.more > a.layer { display: block; } 
#header .all_wrap .all_layer2 .wrap_middle .gnb li.more { } 
#header .all_wrap .all_layer2 .wrap_middle .gnb li.more > a.link { display:none; } 
#header .all_wrap .all_layer2 .wrap_middle .gnb li.more > a.layer { display:flex !important; padding-right:2.5em; display: block; } 
#header .all_wrap .all_layer2 .wrap_middle .gnb li.more > a .arrow { position:absolute; right:1em; top:50%; transform:translateY(-50%); font-size:1em; } 
#header .all_wrap .all_layer2 .wrap_middle .gnb li.more > a .arrow:before { content:"\e943"; font-size:1.250em; font-weight: 600; display:block; transition:.2s; } 
#header .all_wrap .all_layer2 .wrap_middle .gnb li.more > ul {display:none;background: #f8f8f8;} 
#header .all_wrap .all_layer2 .wrap_middle .gnb li.more.on > a .arrow:before { transform:rotate(-180deg); } 
#header .all_wrap .all_layer2 .wrap_middle .gnb li.more.on > ul { display:block; } 
#header .all_wrap .all_layer2 .wrap_middle .gnb ul { padding:1em 1em; } 
#header .all_wrap .all_layer2 .wrap_middle .gnb ul li > a { padding:.875em .5em; color: var(--crBlack);} 
#header .all_wrap .all_layer2 .wrap_middle .gnb ul li.more .arrow { right:.5em; } 
#header .all_wrap .all_layer2 .wrap_middle .gnb > li { margin: .25em 0;} 
#header .all_wrap .all_layer2 .wrap_middle .gnb > li + li{} 
#header .all_wrap .all_layer2 .wrap_middle .gnb > li .dp1 { height:4.5em; padding:0 1.5em; color: var(--crBlack); margin-bottom:-1px; background:#f6f6f6; border-radius:.5em; transition: border-radius .3s;} 
#header .all_wrap .all_layer2 .wrap_middle .gnb > li .dp1 .tt { font-size:1.188em; font-weight: 600;} 
#header .all_wrap .all_layer2 .wrap_middle .gnb > li.act .dp1,
#header .all_wrap .all_layer2 .wrap_middle .gnb > li.on .dp1 {background-color: var(--siteC);color:#fff;border-radius: .5em .5em 0 0;} 
#header .all_wrap .all_layer2 .wrap_middle .gnb .dp2 > li{ margin: 5px 0; }
#header .all_wrap .all_layer2 .wrap_middle .gnb .dp2 > li > a {padding-left:1em;background: #fff;} 
/*#header .all_wrap .all_layer2 .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_layer2 .wrap_middle .gnb .dp2 > li > a .tt { font-size:1.063em;  transition: .2s;} 
#header .all_wrap .all_layer2 .wrap_middle .gnb .dp2 > li > a:hover {/* background: #f1f1f1; */  transition: .1s;} 
#header .all_wrap .all_layer2 .wrap_middle .gnb .dp2 > li > a:hover .tt{ color:var(--siteC); text-decoration: underline;}
#header .all_wrap .all_layer2 .wrap_middle .gnb .dp2 > li.act > a { background:var(--crGray) } 
#header .all_wrap .all_layer2 .wrap_middle .gnb .dp2 > li.on > a { color:var(--siteC); font-weight:600; } 
#header .all_wrap .all_layer2 .wrap_middle .gnb .dp3 { background:var(--crGray2); } 
#header .all_wrap .all_layer2 .wrap_middle .gnb .dp3 > li > a { color:#444; } 
#header .all_wrap .all_layer2 .wrap_middle .gnb .dp3 > li + li > a { border-top:1px dashed #ddd; } 
#header .all_wrap .all_layer2 .wrap_middle .gnb .dp3 > li.act > a .tt,
#header .all_wrap .all_layer2 .wrap_middle .gnb .dp3 > li.on > a .tt { text-decoration:underline; } 

#header .all_wrap .all_layer2 .wrap_middle .gnb li.more.m_introduction > a .arrow:before{ display: none;}
#header .all_wrap .all_layer2 .wrap_middle .gnb li.more.m_introduction > a.link { display:block; } 
#header .all_wrap .all_layer2 .wrap_middle .gnb li.more.m_introduction > a.layer { display:none!important; } 
#header .all_wrap .all_layer2 .wrap_middle .gnb li.more.m_introduction > ul{ display: none;}

#header .all_wrap .all_layer2 .wrap_middle .gnb .dp2 li.more.m2_seminar > a.link{ display: block;}
#header .all_wrap .all_layer2 .wrap_middle .gnb .dp2 li.more.m2_seminar > a.link .arrow{ display: none;}
#header .all_wrap .all_layer2 .wrap_middle .gnb .dp2 li.more.m2_seminar > a.layer{ display: none;}
#header .all_wrap .all_layer2 .wrap_middle .gnb .dp2 li.more.m2_seminar .dp3{ display: none;}

#header .all_wrap .all_layer2 .wrap_middle .gnb .dp2 li.more.m2_faq > a.link{ display: block;}
#header .all_wrap .all_layer2 .wrap_middle .gnb .dp2 li.more.m2_faq > a.link .arrow{ display: none;}

#header .lang_wrap .lang { position: relative; } 
#header .lang_wrap .lang .lang_btn { display: flex; align-items: center; color: var(--crBlack); } 
#header .lang_wrap .lang .lang_btn .tt { font-size: 1em; } 
#header .lang_wrap .lang .lang_btn .xi { font-size: 1.415em; margin-right: 5px; } 
#header .lang_wrap .lang .drop { position: absolute; top: calc(100% + 0.5em); left: 0; width: 100%; height: 0; transition: 0.3s; overflow: hidden; background: rgba(255, 255, 255, 1); border-radius: 5px; box-shadow: 3px 0 6px rgba(0,0,0, .1); } 
#header .lang_wrap.on .lang .drop { height: fit-content; } 
#header .lang_wrap .lang .drop > li { } 
#header .lang_wrap .lang .drop > li > a { padding: 0.5em; display: inline-block; width: 100%; box-sizing: border-box; border-bottom: 1px solid var(--siteC3); transition: .2s; } 
#header .lang_wrap .lang .drop > li > a:hover { background: var(--siteC3); color: var(--siteC); } 
#header .lang_wrap .lang .drop > li > a .tt { font-size: 0.875rem; } 

.allGnbOn #header .all_wrap .all_layer2 { z-index:99; opacity:1; visibility:visible; } 
.allGnbOn #header .all_wrap .all_layer2 .all_close { opacity:1; transition:.4s; } 
.allGnbOn #header .all_wrap .all_layer2 .all_inner { transform:translateX(0); transition:.4s; } 

/* all_layer v2 - e */
.allGnbOn{ overflow-y:hidden}
.allGnbOn #header .all_wrap .all_layer{ transform:translateY(0); opacity:1; visibility:visible;}
.allGnbOn #header .all_wrap .all_layer .all_inner{ opacity:1; transition-delay:.4s;}

#footer { z-index:1; color:#111; background:#f1f1f1; padding: 2em 0 3em 0; } 
.sub #footer { border-top: 1px solid #ddd; } 
#footer .goTop { position:fixed; right:0; bottom:0; width:3.5em; line-height:3.5em; text-align:center; background:#1f5aa7; 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) } 
.main #footer .goTop { display: none; } 
.scroll #footer .goTop { opacity:1; transform:translateY(0) } 
#footer .logo img { height:4em; margin-bottom: 1.5em; } 
#footer .info_wrap { margin-top:3em; margin-top: 1.5em; gap: 4em; } 
#footer .info { overflow:hidden } 
#footer .info > li { float:left; margin-right:2em; margin-bottom:.5em; opacity:.8; position:relative } 
#footer .info > li:before { content:""; position:absolute; left:-1em; height:70%; top:50%; transform:translateY(-50%); width:1px; background:#111; opacity:.2 } 
#footer .info > li.point { font-weight:600 } 
#footer .info > li.br { clear:left } 
#footer .info > li.copyright { font-size:.875em; opacity:.5; text-transform:uppercase; margin-top:1em } 
#footer .cs_wrap { display:flex; gap:0 4em } 
#footer .cs_wrap .wrap_in { position:relative } 
#footer .cs_wrap .wrap_in:not(:first-child):after { content:""; position:absolute; left:-2em; top:0; width:1px; height:100%; background:#fff; opacity:.2 } 
#footer .cs_wrap .t1 { opacity:.7; font-weight:500; margin-bottom:.5em } 
#footer .cs_wrap .t2 { font-weight:700; font-size:1.25em } 

html.pop .popWrap.popPrivacy{ max-width: 70vw; color:#333; }

.sns_st { display:flex; align-items:center; gap:.25em } 
.sns_st > li > a { width:2.25em; height:2.25em; background:#f1f1f1; display:flex; align-items:center; justify-content:center; border-radius:50% } 
.sns_st > li > a .xi,
.sns_st > li > a img { opacity:.5 } 
.sns_st > li > a .xi { font-size:1.1em } 
.sns_st > li > a img { height:40% } 
.sns_st > li > a:hover { color:#fff; transition:.3s } 
.sns_st > li > a:hover .xi,
.sns_st > li > a:hover img { opacity:1 } 
.sns_st > li > a:hover img { filter:brightness(0) invert(1) }  
.sns_st > li > a:hover.ka { background:#fbe300 } 
.sns_st > li > a:hover.fb { background:#395398 } 
.sns_st > li > a:hover.in { background:#a9309d } 
.sns_st > li > a:hover.yt { background:#f70000 } 
.sns_st > li > a:hover.tt { background:#111 } 
.sns_st > li > a:hover.nb { background:#29a139 } 

.ch .sns_st > li > a .xi,
.ch .sns_st > li > a img { opacity: 1; filter: brightness(0) invert(1); }  
.ch .sns_st > li > a.ka { background:#fbe300 } 
.ch .sns_st > li > a.ka > .xi{ color: #3b1e1e; filter: none;}
.ch .sns_st > li > a.fb { background:#395398 } 
.ch .sns_st > li > a.in { background:#a9309d } 
.ch .sns_st > li > a.yt { background:#f70000 } 
.ch .sns_st > li > a.tt { background:#111 } 
.ch .sns_st > li > a.nb { background:#29a139 } 

/*contents*/
#contents { } 
#contents .sub_page_top {  position:relative; width:100%;  height: 12.5em; overflow:hidden; margin-top: var(--headHA);} 
#contents .sub_page_top .bg { position:absolute; top:0; right:0; width:calc(100% + 2vw); height:100%; transition:3s;} 
#contents .sub_page_top .bg:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg,rgba(0,0,0,0.2) 40%,rgba(0,0,0,.05) 100%); } 
.load #contents .sub_page_top .bg{ right:-1vw; }

#contents .sub_tit_wrap { position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color:#fff; } 
#contents .sub_tit_wrap .sub_txt {  font-size:2.515em; font-weight:700; margin-bottom: .25em;} 
#contents .sub_tit_wrap .sub_tit .tt { font-size:1.315em; font-weight:500; opacity:.8; } 

#contents .sub_page_menu {} 
#contents .sub_page_menu .gnb { display:block; } 
#contents .sub_page_menu .gnb .dp2 { justify-content:center; text-align:center; flex-wrap: wrap; margin-top: 2.5em;} 
#contents .sub_page_menu .gnb .dp2 > li { transition:.2s; } 
#contents .sub_page_menu .gnb .dp2 > li > a { position:relative; height:3em; padding: 0 1.5em; border-radius: 100px; background:#fff; color:#555; transition:.2s; } 
#contents .sub_page_menu .gnb .dp2 > li > a .tt { font-size:1.188em; font-weight:600; } 
#contents .sub_page_menu .gnb .dp2 > li:hover > a { color: var(--siteC); } 
#contents .sub_page_menu .gnb .dp2 > li.on > a { background: var(--siteC); color:#fff; } 

#contents .con_menu{ padding: 0 15vw;}
#contents .con_menu ul:not(.dp3){ display:block;}
#contents .con_menu .gnb .dp4{ display:none;}
#contents .con_menu .gnb .dp3{ justify-content:center;}
#contents .con_menu .gnb .dp3 > li{ width:20%; background:#f0f4f7;}
#contents .con_menu .gnb .dp3 > li:first-child{ border-radius:6em 0 0 6em;}
#contents .con_menu .gnb .dp3 > li:last-child{ border-radius:0 6em 6em 0;}
#contents .con_menu .gnb .dp3 > li > a{ height:4em; padding:0 1em; border-radius:6em; color:#777; transition:.2s;}
#contents .con_menu .gnb .dp3 > li > a .tt{ font-size:1.188em;}
#contents .con_menu .gnb .dp3 > li.act > a{ color:#000;}
#contents .con_menu .gnb .dp3 > li.on > a{ background:var(--siteC); color:#fff; font-weight:500;}


.gsSplit { opacity:0; transform:translateY(50%); transition:.5s } 
.gsSplit > i { min-width:.375em } 
.scroll .gsSplit { opacity:1; transform:translateY(0) } 
.scroll .gsSplit > i { animation-name: splitAni; animation-duration: 1s } 
@keyframes splitAni { 50% { transform:translateX(1em); opacity:0 } 
100% { transform:translateX(0); opacity:1 } 
 }


#contents .doc { padding:3em 0 8em 0 } 

.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 } 

/**/
.vod_wrap { position:relative; width: 100%; height: 100%; } 
.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% } 

/**/
.visual_Allwrap { display: flex; padding-top: var(--headH);} 
.visual_Allwrap .inner { display: flex; width: 100%; border-bottom: 1px solid #111; /*height: calc(100vh - 8em); overflow: hidden; padding: 0 3.5em;*/ box-sizing: border-box; } 
.visual_Allwrap .visualSlide_wrap { width: 65vw; } 
.visual_Allwrap .visual_schW { position:relative; width: 35vw; border-right: 1px solid #111; } 
.visual_Allwrap .visual_schW .visual_schW { /*position: fixed; top: 0; left: 0; width: 100%; z-index: 99; */} 

.visual_Allwrap .visual_schW .sch_listWrap .listT { text-align: center; padding: 1em 0; font-size: 1.25em; font-weight: 700; color: #fff; background: #151515; } 

.visual_Allwrap .visual_schW .sch_listWrap .flex_table{ height: 100%;}
.visual_Allwrap .visual_schW .sch_listWrap .flex_table .tbody{ flex:1; grid-template-rows:none; }

/**/
.visualSlide_wrap { position: relative; } 
.visualSlide { position: relative; } 
.visualSlide .el { position:relative; overflow:hidden; height:100vh; background:#fff } 
.visualSlide .el:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, rgba(0,0,0,.05) 0%, rgba(0,0,0,.3) 100%); content: ''; z-index: 1; } 
.visualSlide .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.15) } 
.visualSlide .el .mask { -webkit-mask-image: url(../images/main/visual_mask.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; -webkit-mask-position: right bottom; } 
.visualSlide .el .vod { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover } 
.visualSlide .el .vod_wrap:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:1 } 
.visualSlide .el .vod_bg { position:absolute; left:0; top:0; width:100%; height:100% } 
.visualSlide .el.swiper-slide-active .vod_wrap:after,
.visualSlide .el.swiper-slide-duplicate-active .vod_wrap:after { transition:2s; opacity:.1 } 
.visualSlide .el.swiper-slide-active .bg,
.visualSlide .el.swiper-slide-duplicate-active .bg { transition:5s; transform:scale(1) } 

.visualSlideSlogan_wrap { position:absolute; left:0; width:100%; top:35%; box-sizing:border-box; padding:0 10vw; transform:translateY(-50%); z-index:10; color:#fff; text-align:left } 
.visualSlide_wrap .slogan { text-align: left; } 
.visualSlide_wrap .slogan .wrap_in { display:flex; flex-direction:column } 
.visualSlide_wrap .slogan .t1 { font-size:2.75em; text-transform:uppercase; font-weight:700; line-height:1.1; margin-top: .35em; /*letter-spacing: 0.05em;*/ filter: blur(15px); opacity:0; transform: translateX(1.5em);} 
.visualSlide_wrap .slogan .t2 { font-size:1.315em; font-weight: 700; /*letter-spacing: 0.05em;*/  filter: blur(15px); opacity:0; transform: translateX(1em);} 
.visualSlide_wrap .slogan .tLocation{
    font-weight: 700;
    font-size:2.75em;
    filter: blur(15px); 
    opacity:0; 
    transform: translateX(1em);
}
.visualSlide_wrap .el.swiper-slide-thumb-active .slogan .t1 { filter: blur(0); /*letter-spacing: -0.018em;*/ opacity:1; transform: translateX(0); transition:1.5s; transition-delay: 0.9s; } 
.visualSlide_wrap .el.swiper-slide-thumb-active .slogan .t2 { opacity:1; filter: blur(0); /*letter-spacing: -0.018em; */transform: translateX(0); transition:1.5s; transition-delay:1.1s } 
.visualSlide_wrap .el.swiper-slide-thumb-active .slogan .tLocation{ opacity:1; filter: blur(0); transform: translateX(0); transition:1.5s; transition-delay:1.1s}
.visualSlide_wrap .el.swiper-slide-thumb-active .slogan .btn_list > .round-btn { animation: text-active-animation 1.5s 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; } 


.visualSlide_control { position:absolute; left:0; top: -3em; width:100%; z-index:10 } 
.visualSlide_control .ctr { padding: 0 10vw; } 
.visualSlide_control .paging { color:#fff; width:auto; display:flex } 
.visualSlide_control .paging span { position:relative; background:rgba(255,255,255,.5); width: 5em; opacity:1; border-radius:0; position:relative; transition:.3s; height:2px; counter-increment: vIndex; display:block; margin-right: -.25em; } 
.visualSlide_control .paging span:before { /*content:counter(vIndex); position:absolute; right:100%; top:50%; width:1.5em; transform:translateY(-50%)*/ } 
.visualSlide_control .paging span:nth-child(-n+10):before { position: absolute; top: -2em; color: rgba(255,255,255, .5); content:"0" counter(vIndex); font-size:.815em; font-weight: 700; transition: .2s; } 
.visualSlide_control .paging span.swiper-pagination-bullet-active:before { color: rgba(255,255,255, 1); } 
.visualSlide_control .paging > span:after { content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#fff } 
.visualSlide_control .paging > span.swiper-pagination-bullet-active { width:5em } 
.visualSlide_control .paging > span.swiper-pagination-bullet-active:after { width:100%; transition:7s } 
.visualSlide_control .swiperBtn { margin-left:.25em } 

#mainSerchForm { position: relative; } 
#mainSerchForm .searchW { display: flex; border-bottom: 1px solid #111; } 
#mainSerchForm .searchW .search_area { position: relative; width: 100%; } 
#mainSerchForm .searchW .inp { height: 4.15em; box-sizing: border-box; overflow: hidden; width: 100%; border: none; padding: 0 4em 0 2em; color: #111; font-weight: 700; } 
#mainSerchForm .searchW input::placeholder { font-size: 1em; font-weight: 600; } 
#mainSerchForm .searchW .icon { position: absolute; top: 50%; right: 2em; transform: translateY(-50%); } 
#mainSerchForm .searchW .btn { position: relative; height: 4.15em; min-width: 7em; background: var(--siteC); color: #fff; padding: 0 1.5em; border: none; } 
#mainSerchForm .searchW .btn > .tt { font-size: 1em; font-weight: 600; } 

.tableAll { position: relative; height: 71vh; } 
.tableAll.scroll { overflow-y: scroll; } 
.tableAll.scroll::-webkit-scrollbar { width: 6px; /* 스크롤바의 너비 */ } 
.tableAll.scroll::-webkit-scrollbar-thumb { background: #444; border-radius: 10px; } 
.tableAll.scroll::-webkit-scrollbar-track { background: rgba(33, 122, 244, .1); } 

.flex_table .td .sch_table_list { width: 100%; } 
.flex_table .td .sch_table_list > li { position: relative; padding-left: 1em; margin-bottom: .15em; } 
.flex_table .td .sch_table_list > li:last-of-type { margin-bottom: 0em; } 
.flex_table .td .sch_table_list > li:before { position: absolute; top: 7px; left: .25em; width: 4px; height: 4px; border-radius: 50%; background: #111; content: ''; } 
.flex_table .td .sch_table_list > li > .ttl { font-size: .95em; font-weight: 600; color: #333; } 
.flex_table .td .sch_table_list > li > .ttl:hover { text-decoration: underline; color: var(--siteC); } 

.sloganEd .box0 .t1 { font-size:3.5em; font-weight:900; line-height:1.1; margin:.75em 0; opacity:1; } 

.mainScroll { position:absolute; right:2vw; bottom:0; z-index:100; 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:block; transform:rotate(90deg); font-size:.75em; margin:0 0 2.5em 0; white-space:nowrap } 
.mainScroll .tt .xi { font-size:1.5em; margin-right:.25em } 

.main_link { position: absolute; display: flex; left: 0; width: 100%; z-index: 99; } 
.main_link .titbox { display: flex; align-items: center; justify-content: center; padding: 0 3em; background: var(--siteC); color: #fff; font-size: 1.1em; font-weight: 700; } 
.main_link .Mlink_list { display: flex; border-top: 1px solid var(--siteC); width: 100%; flex-wrap: wrap} 
.main_link .Mlink_list > li { flex: 1 1 25%; max-width: 25%; background: var(--siteC);} 
.main_link .Mlink_list > li.red{ background: var(--siteC3);}
.main_link .Mlink_list > li > a { position:relative; display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; padding: 1.4em 0; min-width: 6em; height: 100%; box-sizing: border-box; transition: .3s; } 
.main_link .Mlink_list > li > a:before { position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 70px; background: rgba(255,255,255, .75); content: ''; } 
.main_link .Mlink_list > li:last-of-type > a:before { display: none; } 
.main_link .Mlink_list > li > a > .icon { text-align: center; margin-bottom: .3em; } 
.main_link .Mlink_list > li > a > .icon > img { width: 2.5em; filter: brightness(0) invert(1);} 
.main_link .Mlink_list > li > a > .tt { font-size: 1em; font-weight: 600; color: #fff;} 

.main_link .Mlink_list > li > a:hover { background: #fff; color: var(--siteC); } 
.main_link .Mlink_list > li > a:hover .icon > img{ filter: none;}
.main_link .Mlink_list > li > a:hover > .tt{ color: #111;}

.fp-viewing-Main #nav { opacity: 0; transition: .3s; } 
#nav { position: fixed; right:2em; width:auto; top:50%; z-index:1; transform:translateY(-50%) } 
#nav:before { content:""; position:absolute; top:.5em; left:50%; height:calc(100% - 2em); width:1px; background:#fff; opacity:.3 } 
#nav > li > a { color:#fff; height:2em; position:relative } 
#nav > li > a .dot { width:.5em; height:.5em; border-radius:50%; background:#fff; position:relative } 
#nav > li > a .dot:after { content:""; position:absolute; left:50%; top:50%; width:200%; height:200%; border:1px solid #fff; transform:translate(-50%, -50%); border-radius:50%; opacity:0 } 
#nav > li > a .tt { position:absolute; top:0; right:100%; margin-right:.35em; white-space:nowrap; opacity:0; transition: .2s; } 
#nav > li > a .t1 { font-size:.813em } 
#nav > li:hover > a,
#nav > li.on > a,
#nav > li:hover > a .dot:after,
#nav > li.on > a .dot:after,
#nav > li:hover > a .tt { opacity:1; transition:.3s } 
#nav > li.on > a .tt { opacity: 1; } 
#nav.black { filter:brightness(.5) } 
#nav.black > li > a .dot { background: #111; } 
#nav.black > li > a .tt { color: #111; font-weight: 600; } 

.section { position:relative; overflow:hidden } 
.section .actWrap { height:100%; overflow:hidden } 
.section.main_product { background:#222 } 
.section.main_about { background:#f5f5f5 } 
.sectionW { height:100vh !important; position:relative; box-sizing:border-box } 
.sectionW.cen { display: flex; align-items: center; } 
.h100 { height:100%; box-sizing:border-box } 

.visualSlide_wrap .el .bg { position:absolute; left:0; top:0; width:105vw; height:100%; background-attachment:fixed; transition:.5s; } 

.main_tit { position:relative; margin-bottom:2em; gap:.75em 0; word-break: keep-all; } 
.main_tit.mb0{ margin-bottom: 0em;}
.main_tit.sideDot { position: absolute; right: 1em; top: 0em; width: 1em; height: 1em; border-radius: 50%; background: var(--siteC3); } 
.main_tit .t1 { font-weight:900; font-size:4.515em; letter-spacing:-.025em } 
.main_tit .t1.s1 { font-size:3em } 
.main_tit .t1.s2 { font-size:2.75em } 
.main_tit .t1.s3 { font-size:2.5em } 
.main_tit .t2 { font-weight:700; font-size:2.15em;} 
.main_tit .t3 { font-size: 1.215em; font-weight: 500; } 
.main_tit .t4 { font-size: 1em; margin-top: 1em; color: rgba(255,255,255, .915); line-height: 1.5; } 
.main_tit .tt { font-weight:500; font-size:1.25em; opacity:.8 } 
.main_tit.white { color:#fff } 
.clipTxt { -webkit-background-clip:text; -webkit-text-fill-color:transparent } 

/*flex box*/
.flex_box { } 
.flex_box.s1 { margin: 0 0 -1em -1em; } 
.flex_box.s2 { margin: 0 0 -2em -2em; } 
.flex_box.s3 { margin: 0 0 -3em -3em;} 
.flex_box.s4 { } 
.flex_box.s6 { } 
.flex_box.s7 { margin: 0 0 -3em -7em;} 
.flex_box.s5 { } 

.flex_box .fst2 > li { flex: 1 1 50%; max-width: 50%; } 
.flex_box .fst2 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst3 > li { flex: 1 1 33.33%; max-width: 33.33%; } 
.flex_box .fst3 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst4 > li { flex: 1 1 25%; max-width: 25%; } 
.flex_box .fst4 > li > .in { margin: 0 0 1em 1em; } 

.flex_box li > a { display: block; } 

/*메인 버튼 디자인*/
.btn_list > .round-btn { position: relative; z-index: 1; display: flex; align-items: center; gap: 1.5em; overflow: hidden; padding: 0.75em 1.5em; border-radius: 100px; background-color: rgba(255,255,255, 0.1); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } 
.btn_list > .round-btn.line { border: 1px solid #fff; } 
.btn_list > .round-btn.p1 { padding: .75em; } 
.btn_list > .round-btn > .wide { display: block; opacity: 0; position: absolute; transition: opacity 5ms; z-index: -1; } 
.btn_list > .round-btn > .btn-full { background-color: #fff; border: none; bottom: 0; height: 100%; left: 0; margin: auto; top: 0; transition: width .5s .05s ease; width: 0; } 
.btn_list > .round-btn > .txt { position:relative; font-size: .9em; font-weight: 700; transition: .3s; z-index: 1; } 
.btn_list > .round-btn > .txt.pr1 { padding-right: 1em; } 
.btn_list > .round-btn > .Sarrow { display: flex; align-items: center; justify-content: center; background: #fff; width: 1.5em; height: 1.5em; border-radius: 50%; min-width: 1.5em; min-height: 1.5em; transition: .3s; } 
.btn_list > .round-btn > .Sarrow > .xi { font-size: .9em; color: var(--siteC); transition: .3s; } 
.btn_list > .round-btn > .plus-icon { display: flex; align-items: center; justify-content: center; background: #2c74aa; width: 2.25em; height: 2.25em; border-radius: 50%; } 
.btn_list > .round-btn > .plus-icon > .xi { font-size: .615em; color: #fff; } 

.btn_list > .round-btn:hover { color: #111; } 
.btn_list > .round-btn:hover > .wide { opacity: 1; } 
.btn_list > .round-btn:not(:hover) > .wide { opacity: 0; } 
.btn_list > .round-btn:hover > .btn-full { width: 100%; } 
.btn_list > .round-btn:hover > .Sarrow { background: var(--siteC); } 
.btn_list > .round-btn:hover > .Sarrow > .xi { color: #fff; } 

@keyframes text-active-animation { 
 0% { opacity: 0; filter: blur(20px); } 
100% { opacity: 1.0; filter: blur(0px); } 
 }


/*SUB PAGE*******************/
/*inc*/
.page_sec { margin-top:3em !important; } 
.page_sec0 { margin-top:-1px !important; } 
.page_sec1 { margin-top:.375em !important; } 
.page_sec2 { margin-top:1em !important; } 
.page_sec3 { margin-top:2em !important; } 
.page_sec4 { margin-top:5em !important; } 
.page_sec5 { margin-top:7em !important; } 

.page_tab { } 
.page_tab .tab { padding:0 0 1px 1px; } 
.page_tab .tab > li { position:relative; z-index:1; flex:1; min-width:10%; } 
.page_tab .tab > li .in { margin:0 0 -1px -1px; padding:.25em 1em; height:3em; background:#fff; border:1px solid #ddd; color:#666; transition:.2s; } 
.page_tab .tab > li .in .num { padding-left:.5em; color:#ec1c24; font-weight:700; } 
.page_tab .tab > li.point,
.page_tab .tab > li:hover,
.page_tab .tab > li.on { z-index:2; } 
.page_tab .tab > li.point .in,
.page_tab .tab > li:hover .in { border-color:#ec1c24; color:#ec1c24; } 
.page_tab .tab > li.on .in { background:#ec1c24; border-color:#ec1c24; color:#fff; } 
.page_tab .tab > li:hover .in .num,
.page_tab .tab > li.on .in .num { color:inherit; } 

.page_tab.st2 .tab > li { flex:1; } 

.sub_tt { } 
.scroll .upTxt { transform: translateY(0); transition: 1.2s; opacity:1; } 
.upTxt { transform: translateY(100%); opacity:0; } 

.sub_tt { } 
.sub_tt.t1 { font-size:1.55em; font-weight:700; } 
.sub_tt.t2 { font-size:1em; } 
.sub_tt.t3 { font-size:1.813em; } 
.sub_tt.t4 { font-size:1em; } 
.sub_tt.t5 { font-size:1.1em; } 
.sub_tt.t6 { font-size:2.250em; } 
.sub_tt.t7 { font-size:1.625em; } 
.sub_tt.t8 { font-size: 2.50em; font-weight: 800; } 
.sub_tt.t9 { font-size:1.4em; } 
.sub_tt.t10 { font-size:1.2em; } 
.sub_tt.t11 { font-size:1.35em; font-weight:700; } 
.sub_tt.o1 { opacity:.6; } 

.sub_tt.lh { line-height:1.6; padding-bottom:1em; } 
.sub_tt.lh:last-of-type { padding-bottom:0; } 

.sub_tt.quo { display:inline-block; line-height:1; font-family:'Nanum Myeongjo', 'NanumSquareNeo', serif; } 
.sub_tt.quo.start { margin-bottom:-.313em; } 

.page_bg { padding:3em 0; margin-top: 1em; } 
.page_bg.Bg1 { background:#f9f9f9; } 
.page_bg.Bg2 { background:linear-gradient(180deg, transparent 0%, transparent 5.5em, #f9f9f9 5.5em, #f9f9f9 100%); } 

.page_bg.psTop { padding:1em 0; } 
.page_bg.psTop.ps_sticky { top:5em; z-index:99; } 

.page_layout .sub_tt .xi { } 

.page_txt.st2 { margin:0 0 2em 0; } 
.page_txt.st2 + .page_layout { margin-top:0; } 
.page_txt .tit_line { border-bottom: 1px solid #ccc; padding: 0 0 1.5em 0; margin-bottom: 2.5em; } 
.page_txt .tit_dot { display:flex; box-sizing:border-box; min-width:0; } 
.page_txt .tit_dot:before,
.page_txt .tit_dot > .sub_tt { box-sizing:border-box; min-width:0; } 
.page_txt .tit_dot:before { content:""; margin:.875em .5em 0 0; width:.438em; height:2px; background:#333; } 
.page_txt .tit_dot > .sub_tt { flex:1; color:#333; } 
.page_txt .tit_dot + * { margin-top:1em; padding-left:.938em; } 
.page_txt .line:first-child { margin-top:0; } 
.page_txt > .tt { padding-bottom:.5em; } 
.page_txt > .tt:last-of-type { padding-bottom:0; } 
.page_txt .flex > .xi { font-size: 1.25em; color: #111; margin-right: 0.3em; } 
.page_txt .flex > .inTT { flex:1; } 
.page_txt .flex > .xi + .inTT { padding-left:1em; } 
.page_txt .flex.c_point > .xi { background:#ec1c24; } 

.page_tit{ margin-bottom: 1.5em; word-break: keep-all;}
.page_tit .t1{ font-size: 3.15em; font-weight: 700; line-height: 1.25; color: #222;}
.page_tit .t3{ font-size: 1.1em; font-weight: 900; margin-bottom: .5em; text-transform: uppercase; color: var(--siteC);}
.page_tit .t2{ position: relative; display: inline-block; font-size: 2.45em; font-weight: 700; color: #222;}
.page_tit .t2:before{ position: absolute; right: -12px; bottom: 10px; width: 6px; height: 6px; border-radius: 50%; background: var(--siteC); content: '';}
.page_tit .t2.befN:before{ display: none;}
.page_tit .t4{ font-size: 1.15em; color: #666; font-weight: 500; line-height: 1.6; margin-bottom: 1.75em;}
.page_tit .t4:last-of-type{ margin-bottom: 0em;}
.page_tit > .t5 { font-size:1.8em; letter-spacing:-1px; } 
.page_tit > .t6 { font-size:2.250em; letter-spacing:-1px; } 
.page_tit > .t7 { font-size:2.650em; } 
.page_tit > .t8 { font-size:3.850em; } 
.page_tit > .t9 { font-size:3.250em; } 
.page_tit .tit{ position:relative;}
.page_tit .tit:before{content: ""; position: absolute; left: -.5em; width: .25em; height: .25em; background: var(--siteC); border-radius: 50%;}


.page_layout { position:relative; margin-top: 5em; } 
.page_layout:first-child { margin-top:0; } 
.page_layout.st1 { margin-top:10em; } 
.page_layout.st2 { margin-top:4em; } 
.page_layout.st3 { margin-top:2em; } 
.page_layout .layInner { padding:2em 0 4em 0; } 
.page_layout .flex .layInner { flex:1; } 
.page_layout .layL { width:40%; } 
.page_layout .layCon { flex:1; } 
.page_layout .layCon:first-child { padding:0 6em 0 0; } 
.page_layout .layCon:not(:first-child) { padding:0 0 0 6em; } 
.page_layout .layCon:not(.st1) + .layCon { padding-left:0; } 
.page_layout .layCon.st1 { flex:0 1 50%; padding-right:0; } 
.page_layout .layImg { position: relative; } 
.page_layout .layImg.st1 { width:45%; } 
.page_layout .layImg.st2 { width:49%; } 
.page_layout .layImg.st3 { width:65%; } 
.page_layout .layImg.st4 { width:54%; } 
.page_layout .layImg > .wrap_img { height:100%; } 
.page_layout .flex > .wrap_img { flex:1; } 
.page_layout .layImg > .wrap_img.st1 { height: calc(100% + 15em); transform: translateY(-11em); } 
.page_layout .layImg > .wrap_img.st2 { transform: translateY(-11em); } 
.page_layout .layImg > .wrap_img.st3 { transform: translateY(-23em); } 
.page_layout .layImg > .wrap_img.st4 { height: calc(77% + 15em); transform: translateY(3em); } 
.page_layout .layImg > .resize.st1 { margin-top: -22em; } 

.page_layout .layImg > .img_number { position: absolute; bottom: -0.1em; right: 0.15em; font-size: 28em; font-weight: 900; color: #fff; opacity: 0; transition: .3s; } 
.page_layout .layImg > .img_number2 { position: absolute; top: -0.15em; left: 0.15em; font-size: 28em; font-weight: 900; color: #fff; opacity: 0; transition: .3s; } 

.page_layout:hover .layImg > .img_number,
.page_layout:hover .layImg > .img_number2 { opacity: .5; } 

.page_layout .layImg .bgfix { border-radius: 1em; } 

.page_layout .layImg.type1 { background:#d2c2a1; border:2px solid #fff; box-shadow:0 .75em 1.75em rgba(14,45,74,.26); } 
.page_layout .layImg.type1 > .wrap_img { min-height:40em; } 
.page_layout .layImg.type1 > .typeCon { padding:1.5em 1.25em; } 

.page_layout .layImg > .wrap_map { } 
.page_layout .layImg > .wrap_map iframe { width:100% !important; height:28.5em; } 

.page_img { } 
.page_img:hover { } 
.page_img > .page-logo { width: 30.333%; box-sizing: border-box; background: #fff; margin: 2em 0 0 0.5em; padding: 1em; border-radius:1em; /*box-shadow: 0.3em 0.3em rgba(51,51,51,1); */ border: 1px solid #333; } 
.page_img > .page-logo .logo_img { width: 100%; height: 3em; /* margin: 2em 0; */background: no-repeat; background-size: cover; } 

.page_img > .page-logo.fullI { width: 100%; box-sizing:border-box; /*box-shadow: 0.5em 0.5em rgba(51,51,51,1); */ margin: 1em 0 0; padding:2.5em 1em; } 
.page_img > .page-logo.fullI.map { border: 2px solid #333; } 
.page_img > .page-logo.fullI .logo_img { width: 100%; height: 10em; margin:2em 0; background: no-repeat; background-size: cover } 

.page_img > .page-logo.fullI.sec .logo_img { height: 54em; } 
.page_img > .page-logo.fullI .img-responsive { display: block; max-width: 100%; height: auto; margin: auto; } 

.page_layout .cardImg { width:38%; padding:2em 2em; background:#f3f3f3; } 

.page_layout .page_area.list_con { } 
.page_layout .page_area > .wrap_img { width:55%; margin-right:5em; } 
.page_layout .page_area > .wrap_txt { flex:1; padding:1em 0; } 

.page_layout.board_list .page_icon_list .con.flex .tit { flex:0 1 auto; width:auto; min-width:4.5em; } 
.page_layout.board_list .page_icon_list .con.flex .txt { flex:1 1 50%; padding-left:1em; } 

.dot { position:relative; margin-left:1em; font-weight:500; } 
.dot:before { position:absolute; content:""; width:3px; height:3px; background:#333; border-radius:5px; top:25%; left:-.65em; } 
.dott { position:relative; margin-left:1em; font-weight:500; } 
.dott:before { position:absolute; content:""; width:3px; height:3px; background:#333; border-radius:5px; top:15%; left:-.65em; } 
.underLine { position:relative; } 
.underLine:before { position: absolute; content: ""; width: 110%; height: 0.7em; background: #1f5aa7; border-radius: 1em; top: 0.85em; left: -5%; z-index: -1; opacity: .15; } 

.page_imgBox { text-align:center; } 

.page_icon_list { } 
.page_icon_list .con { margin-top:1em; } 
.page_icon_list .con .tit { position:relative; padding-left:1em; padding-bottom:0; font-weight:600; } 
.page_box_list.st2.ac .page_icon_list .con .tit.sub_tt.t2.lh { position:relative; padding: 1em; /* padding-bottom:0; */font-weight:600; width: 86%; background: #fff; border: #ddd solid 1px; } 
.page_box_list.st2.ac .page_icon_list .con:first-child .tit.sub_tt.t2.lh { border-top: 2px solid #ec1c24; } 
.page_icon_list .con .tit:before { position:absolute; content:""; width:.375em; height:.375em; border-radius:50%; background:#ec1c24; top:.563em; left:0; } 
.page_box_list.st2.ac .page_icon_list .con .tit.sub_tt.t2.lh:before { position:absolute; content:""; width:.375em; height:.375em; border-radius:50%; background:#ec1c24; top:.563em; left:0; display: none; } 
.page_icon_list .con .txt { color:#555; } 
.page_icon_list .con.flex .tit { width:6.25em; } 
.page_icon_list .con.flex .tit.w1 { width:12em; } 
.page_icon_list .con.flex .txt { flex:1; } 
.page_icon_list .con:not(.flex) .tit { } 
.page_icon_list .con:not(.flex) .txt { padding-left:1em; } 
.page_icon_list .con:not(.flex) .tit ~ .txt { padding-top:.625em; } 
.page_icon_list.small .con { font-size:.938em; } 

.page_icon_list.st2 { } 
.page_icon_list.st2 .con { margin-top:.625em; } 
.page_icon_list.st2 .con .tit { font-weight:500; } 
.page_icon_list.st2 .con:not(.flex) .tit ~ .txt { padding-top:.125em; } 

.page_icon_list .con:first-of-type { margin-top:0; } 

.page_icon_list.flex { margin:0 0 -.5em -.5em; } 
.page_icon_list.flex .con { flex:1; margin:0 0; padding:0 0 .5em .5em; } 
.page_icon_list.flex.w2 .con { flex:1 1 50%; } 

.page_img_list { } 
.page_img_list > .list { margin:0 0 -1em -1em; } 
.page_img_list > .list > li { width:25%; } 
.page_img_list > .list > li .wrap_in { margin:0 0 1em 1em; } 
.page_img_list > .list.w2 > li { width:50%; } 

.flex > .page_img_list.st2 { flex:1; } 
.page_img_list.st2.flex > .list { flex:1; } 
.page_img_list.st2 > .list { margin:0 0 -.25em -.25em; } 
.page_img_list.st2 > .list > li .wrap_in { margin:0 0 .25em .25em; } 
.page_img_list.st2 > .list > li:nth-child(1) { width:75%; } 
.page_img_list.st2 > .list > li:nth-child(n + 2) { flex:1; } 
.page_img_list.st2 > .list > li.flex:not(.col) .wrap_in { flex:1; } 
.page_img_list.st2 > .list > li.flex.col .wrap_in { flex:1 0 auto; } 
.page_img_list.st2 > .list > li .wrap_in .img { width:100%; height:100%; } 

.page_box_list { } 
.page_box_list > .list { margin:0 0 -1em -1em; } 
.page_box_list > .list > li { flex:1; } 
.page_box_list > .list > li .wrap_in { flex:1; margin:0 0 1em 1em; padding:1.75em 2em; background:#f9f9f9; border:1px solid #ddd; } 
.page_box_list > .list > li .wrap_in .icon { margin-bottom:1em; } 
.page_box_list > .list > li .wrap_in .icon > .in { width:5.75em; height:5.75em; background:#fff; border:3px solid #ec1c24; border-radius:50%; } 
.page_box_list > .list > li .wrap_in .icon img { width:2.875em; } 
.page_box_list > .list > li .wrap_in.flex.ac { min-height:9em; } 
.page_box_list > .list > li .wrap_in.flex.ac > * { flex:1; } 

.page_box_list.ac > .list > li .wrap_in { padding-left:1em; padding-right:1em; } 
.page_box_list.line > .list > li .wrap_in { border-top:2px solid #ec1c24; } 

.page_box_list.st2 > .list > li .wrap_in { padding:0 1em; border-width:0; background:transparent; } 
.page_box_list.st2 > .list > li .wrap_con .page_txt { min-height:5em; } 
.page_box_list.st2 > .list > li .wrap_con .page_icon_list { margin-top:.75em; } 
.page_bg.Bg1 .page_box_list:not(.st2) > .list > li .wrap_in { background:#fff; } 

.page_trans_list { } 
.page_trans_list > .sec { padding:.375em 0; } 
.page_trans_list > .sec:after { content:"\e907"; font-family:xeicon; color:#ec1c24; padding:0 1em; } 
.page_trans_list > .sec:last-child:after { display:none; } 
.page_trans_list > .sec .tt { font-size:.938em; } 

.page_trans_wrap { } 
.page_trans_wrap > .inner { padding:1em 1em; } 
.page_trans_wrap > .inner:nth-child(2n + 1) { background:#f9f9f9; } 
.page_trans_wrap > .inner .wrap_in { } 
.page_trans_wrap > .inner .wrap_in.start { width:14em; } 
.page_trans_wrap > .inner .wrap_in.con { flex:1; padding:0 1.5em; } 
.page_trans_wrap > .inner .wrap_in.end { width:10em; } 
.page_trans_wrap > .inner .wrap_in:not(.con) { padding:1em 1em; background:#fff; border:1px solid #e5e5e5; border-radius:.75em; line-height:1.4; } 
.page_trans_wrap > .inner .wrap_in.flex > * { flex:1; } 
.page_trans_wrap > .inner .in_section:not(:first-child) { margin-top:1em; padding-top:1em; border-top:1px dashed #ddd; } 
.page_trans_wrap > .inner .in_section > .tit { width:10em; text-align:center; } 
.page_trans_wrap > .inner .in_section > .tit > .tt { display:block; margin-top:.375em; } 
.page_trans_wrap > .inner .in_section > .tit > .tt:first-child { margin-top:0; } 
.page_trans_wrap > .inner .in_section > .tit > .t2 { font-size:.875em; color:#666; } 
.page_trans_wrap > .inner .in_section > .page_trans_list { flex:1; padding-left:1em; } 

/*inc*/
.page_con.bg2 { position:relative; } 
.page_con.bg2:before { content:""; position:absolute; top:0; left:0; bottom:-3em; width:30vw; background:#111; border-radius:0 4em 4em 0; } 
.page_con.bg2 + .page_con { padding-top:8em; } 

.page_pd { padding:0 8vw; } 
.page_line { width:100%; height:0; border-top:1px dashed #ccc; } 

.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 { margin-top:2em; } 
.page_txt > .txt:first-child { margin-top:0; } 
.page_txt .tit.history { margin-top: 1em; margin-bottom: 1em; } 
.page_txt .line { } 
.page_txt .line:before { content:""; display:inline-block; width:3px; height:3px; background:#2149a6; } 
.page_txt .line.h { margin:1.5em .125em; } 
.page_txt .line.h:before { height:1.5em; } 
.page_txt .line:first-child { margin-top:0; } 
.page_txt .line:last-child { margin-bottom:0; } 
.page_txt .line + .tit,
.page_txt .line + .txt { margin-top:0; } 
.page_txt .line.cw:before { background:#fff; } 

.page_col { gap:2em 6em; } 
.page_col.gp0 { gap:0 0; } 
.page_col.gp1 { gap:2em 5em; } 
.page_col > li { } 
.page_col > li.w1 { width:40%; } 
.page_col > li.w2 { width:28%; } 
.page_col > li.w3 { width:37%; } 
.page_col + .page_col { margin-top:8em; } 
.page_col > li .p1 { padding:4em 0 5em 0; } 
.page_col > li .p2 { padding:3em 0 0 0; } 
.page_col > li .p3 { padding:4.5em 6em; } 
.page_col > li .round { border-radius:1em; overflow:hidden; } 
.page_col > li .wrap_img { position:relative; height:100%; } 
.page_tt { font-size:1em; word-break:keep-all; line-height:1.4; } 
.page_tt > .tt + .tt { margin-top:1.5em; } 
.page_tt.o1 { opacity:.5; } 
.page_tt.s1 { font-size:0.938em } 
.page_tt.s2 { font-size:1.063em } 
.page_tt.s3 { font-size:1.125em } 
.page_tt.s4 { font-size:1.250em } 
.page_tt.s5 { font-size:1.313em } 
.page_tt.s6 { font-size:1.500em } 
.page_tt.s7 { font-size:1.625em } 
.page_tt.s8 { font-size:1.875em } 
.page_tt.s9 { font-size:2.500em } 
.page_tt.s10 { font-size:2.750em } 
.page_tt.s11 { font-size:3.250em } 
.page_tt.s12 { font-size:4.500em; } 
.page_txt:not(:last-child) { margin-bottom: 3em; } 

.page_tt.dot1 { padding-left: .8em; position: relative; } 
.page_tt.dot1:before { content: ""; width: 6px; height: 6px; border-radius: 2em; background: var(--siteC); position: absolute; left: 0; top: 9px; } 


.page_con.bg2 .page_col .inImg.w1 { margin-top: 3em; } 
.page_col > li .p1 { padding: 7em 0 5em 0; } 
.ceoSign { position: relative; } 
.ceoSign > img { position: absolute; z-index:-1; top: -1.5em; } 

/*슬라이드 css*/
.page_mq { overflow:hidden; } 
.page_mq .mqTT { display:flex; flex-shrink:0; white-space:nowrap; } 
.page_mq .mqTT > * { margin:0 .215em; } 

.marqueeAni { animation-name: marqueeAni; animation-duration: 60s; animation-timing-function:linear; animation-iteration-count: infinite } 
@keyframes marqueeAni { 
 0% { transform:translateX(0); } 
100% { transform:translateX(-50%); } 
 }

/**/
.downBtn { display: flex; gap: .5em; flex-direction: column; margin-top: 1.5em; } 
.downBtn > li { width: 100%; } 
.downBtn > li > .BtnD { padding: .4em 0; text-align: center; display: flex; align-items: center; justify-content: center; font-size: .75em; background: #1c2c5b; color: #fff; border-radius: .3em; } 
.downBtn > li > .BtnD > .tt { margin-right: .65em; font-weight: 600; } 

.main_control { gap: .5em; } 

.cirBtn { width: 3.5em; height: 3.5em; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; color: #fff; font-size: .8em; transition: background-color .3s; } 
.cirBtn.round { border-radius: 50%; } 
.cirBtn.line1 { border: 1px solid rgba(255,255,255, .85); } 
.cirBtn:hover { background: var(--siteC); color: #fff; border: 1px solid var(--siteC) } 


.category { display: inline-block; font-size: 18px; color: #fff; font-weight: 900; line-height: 1; letter-spacing: -0.03em; margin-bottom: .5em; background: linear-gradient(to right, #2c74aa, #00a651); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.main_prWrap { position: relative;} 
.main_prWrap:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(14,24,34, .45); content: ''; z-index: 1; } 
.main_prWrap .box1{ position: relative; z-index: 2;}

.btn_plus { display: block; position: relative; width: 40px; height: 40px; overflow: hidden; color: transparent; text-indent: -99px; border: 1px solid rgba(255, 255, 255, .2); transition: background-color .3s; } 
.pr_wrap { gap: 1.5em; padding-top: 2em; } 
.pr_wrap .pr_top { margin-bottom: 25px; height: 1.5em; display: flex; align-items: center; } 
.pr_wrap .pr_top > .top_tit { font-size: 1.415em; color: #fff; font-weight: 700; } 
.pr_wrap .pr_top > .main-tab { align-items: center; } 
.pr_wrap .pr_top > .main-tab > li:not(:last-child) { position: relative; padding-right: 22px; margin-right: 20px; } 
.pr_wrap .pr_top > .main-tab > li:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: 0; width: 2px; height: 15px; background-color: rgba(255, 255, 255, .65); transform: translateY(-50%); } 
.pr_wrap .pr_top > .main-tab > li > .tab_btn { position: relative; font-size: 1.25em; font-weight: 600; opacity: .6; transition: opacity .3s; color: #fff; cursor: pointer; } 
.pr_wrap .pr_top > .main-tab > li.on > .tab_btn,
.pr_wrap .pr_top > .main-tab > li:hover > .tab_btn { opacity: 1; } 

.pr_wrap .pr_L { width: 50%; } 
.pr_wrap .pr_R { width: 50%; } 

.pr_wrap .pr_con .main_pr_listW { } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list { border-top: 2px solid #fff; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .bg_linkW { display: flex; gap: 1.5em; padding: 2em 3em; box-sizing: border-box; height: 30em; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .bg_linkW > .linkB { position: relative; width: 50%; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .bg_linkW > .linkB:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .5); content: ''; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .bg_linkW > .linkB > .infoC { position: absolute; top: 3.5em; left: 2.5em; padding-right:3em; color: #fff; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .bg_linkW > .linkB > .link-banner { position: absolute; right: 3em; bottom: 3em; display: inline-flex; flex-shrink: 0; justify-content: center; align-items: center; position: absolute; bottom: 30px; right: 30px; width: 50px; height: 50px; font-size: 26px; color: #fff; line-height: 1; text-indent: 0; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: var(--siteC); transition: visibility .2s, opacity .2s; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .bg_linkW > .linkB:after { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; background-color: rgba(0, 125, 198, .8); transition: width .4s, height .4s; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .bg_linkW > .linkB:hover > .link-banner { opacity: 0; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .bg_linkW > .linkB:hover:after { width: 100%; height: 100%; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .bg_linkW > .linkB > .banner_txt { position: absolute; top: 50%; left: 50%; color: #fff; transform: translate(-50%, -50%); z-index: 2; opacity: 0; text-align: center; transition: .3s; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .bg_linkW > .linkB:hover > .banner_txt { opacity: 1; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .bg_linkW > .linkB > .banner_txt > .tt { font-size: .85em; font-weight: 700; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .bg_linkW > .linkB > .banner_txt > .xi { margin-bottom: .3em; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .bg_linkW > .linkB > .link-banner > .xi { font-size: .9em; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .bg_linkW > .linkB > .infoC > .tit { font-size: 1.35em; font-weight: 800; margin-bottom: 1em; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .bg_linkW > .linkB > .infoC > .txt { font-size: .925em; color: rgba(255,255,255, .65); letter-spacing: -0.03em; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .bg_linkW > .linkB > .img_con { width: 100%; height: 100%; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .bg_linkW > .linkB > .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > li { border-bottom: 1px solid rgba(255,255,255, .1) } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .pr_item { } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .pr_item > .inner { padding: 30px; gap: 1.5em; display: flex; align-items: center; min-height: 70px; box-sizing: border-box; transition: background-color .3s; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .pr_item > .inner:hover { background: rgba(255,255,255, .1); } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .pr_item > .inner > .img_wrap { width: 19em; height: 10em; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .pr_item > .inner > .img_wrap > img { width: 100%; height: 100%; object-fit: cover; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .pr_item > .inner > .infoW { color: #fff; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .pr_item > .inner > .infoW > .tit { font-size: 1.315em; font-weight: 700; height: 3em; margin-top: 1em; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .pr_item > .inner > .infoW > .txt { margin-top: .5em; font-weight: 600; color: rgba(255, 255, 255, .85); } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .pr_item > .inner > .infoW > .date { display: flex; font-weight: 700; align-items: center; gap: .5em; font-size: .85em; color: #fff; opacity: .7; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .pr_item > .inner > .infoW > .date > .xi { } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .pr_item > .inner > .infoW > .date > .time { } 

.pr_wrap .pr_con .main_pr_listW .main_pr_list > .pr_item > .inner > .listT { width: 80%; color: rgba(255,255,255, .85); font-size: 1em; font-weight: 600; transition: .3s; } 
.pr_wrap .pr_con .main_pr_listW .main_pr_list > .pr_item > .inner:hover > .listT { color: rgba(255,255,255, 1); } 

.con_idx { position:relative } 
.con_idx > .idx { position:absolute; left:0; top:0; width:100%; visibility:hidden; filter:alpha(opacity=0); opacity:0; display: none; } 
.con_idx > .idx.on { position:relative; visibility: visible; filter:alpha(opacity=100); opacity:1; display: block; } 


/*박람회*/
.main_fair .fairAllW { display: flex; gap: 4em; } 
.main_fair .fairAllW .fair_schedule { width: 40%; min-width: 600px; } 
.main_fair .fairAllW .fair_schedule > .schedule_box { position: relative; width: 100%; height: 100%; box-sizing: border-box; background: #edf0f3; padding: 85px 50px 50px; } 
.main_fair .fairAllW .fair_schedule > .schedule_box > .coverT { position: absolute; top: -2em; } 
.main_fair .fairAllW .fair_schedule > .schedule_box > .coverT > p { font-size: 3.15em; font-weight: 900; letter-spacing: -0.02em; } 
.main_fair .fairAllW .fair_schedule > .schedule_box > .coverT > p > i { text-transform: uppercase; } 

.main_fair .fairAllW .fair_schedule > .schedule_box > .sch_top { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #d2d7dd; } 
.main_fair .fairAllW .fair_schedule > .schedule_box > .sch_top > .tit { font-size: 1.615em; font-weight: 800; margin-bottom: .5em; } 
.main_fair .fairAllW .fair_schedule > .schedule_box > .sch_top > .txt { color: #5a5959; font-size: .95em; font-weight: 400; } 

.main_fair .fair_guide .page_mq { position: absolute; left: 0; bottom: 0; z-index: 2; } 
.main_fair .fair_guide .page_mq .tit { font-size: 4.5em; font-weight: 900; /*color: #f6f9fb; */ color: rgba(255,255,255, .25); text-transform: uppercase; line-height: .8; letter-spacing: -.05em; } 


.main-tab-sch { margin: 0 0 -.5em -.5em; padding-bottom: 1.5em; } 
.main-tab-sch > li { width: 25%; max-width: 25%; } 
.main-tab-sch > li > .logoB { display: flex; height: 3em; cursor: pointer; border-radius: .35em; align-items: center; justify-content: center; margin: 0 0 .5em .5em; border: 1px solid #ddd; background: #fff; transition: .2s; } 
.main-tab-sch > li > .logoB > img { width: 4.5em; max-width: 4.5em; } 
.main-tab-sch > li.on > .logoB { border: 1px solid var(--siteC2); } 

.schedule_box .sch_listW { } 
.schedule_box .sch_listW .list_date { display: flex; align-items: center; justify-content: center; gap: .5em; width: 100%; padding: .5em 1em; box-sizing: border-box; background: #fff; box-shadow: 0 20px 25px rgb(0 0 0 / 5%), 0 15px 20px rgb(0 0 0 / 5%); } 
.schedule_box .sch_listW .list_date > .tt { font-size: 1em; font-weight: 800; } 
.schedule_box .sch_listW .list_date > .xi { color: var(--siteC2); } 

.schedule_box .sch_listW > .sch_list { } 
.schedule_box .sch_listW > .sch_list > li { margin-bottom: 1em; } 
.schedule_box .sch_listW > .sch_list > li:last-of-type { margin-bottom: 0em; } 
.schedule_box .sch_listW > .sch_list > li > .inner { position: relative; display: flex; justify-content: space-between; line-height: 1; } 
.schedule_box .sch_listW > .sch_list > li > .inner:before { position: absolute; top: 50%; left: .5em; width: 3px; height: 3px; border-radius: 50%; transform: translateY(-50%); background: #111; content: ''; } 
.schedule_box .sch_listW > .sch_list > li > .inner > .title { position: relative; font-size: .95em; font-weight: 600; padding-left: 1.5em; width: 65%; } 
.schedule_box .sch_listW > .sch_list > li > .inner > .date { font-size: .9em; font-weight: 500; color: #444; letter-spacing: -0.03em; } 
.schedule_box .sch_listW > .sch_list > li > .inner .host { display: flex; gap: .35em; } 
.schedule_box .sch_listW > .sch_list > li > .inner .host .hostN { display: block; width: 83px; height: 42px; line-height: 42px; text-align: center; color: #000; position: relative; background: #fff; } 
.schedule_box .sch_listW > .sch_list > li > .inner .host .hostN > .tt { font-size: .9em; font-weight: 700; } 

.schedule_box .sch_listW > .sch_list > li > .inner:hover > .title { text-decoration: underline; } 

.main_fair .fairAllW .fair_guide { width: 60%; } 

.schSlide_Wrap { position: relative; } 
.main_control.Dot { margin-top: 1em; } 
.main_control.Dot > .paging { height: 1.5em; } 
.main_control.Dot > .paging .swiper-pagination-bullet { position: relative; width: .5em; height: .5em; border-radius: 50%; border: 1px solid #111; background: none; opacity: 1; transition: .3s; } 
.main_control.Dot > .paging .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #111; } 

.bannerSlide_wrap { position: relative; margin-top: 1.5em; } 
.bannerSlide_wrap .bannerSlide { position: relative; } 
.bannerSlide_wrap .bannerSlide .el { } 
.bannerSlide_wrap .bannerSlide .el > .banner_img { width: 100%; height: 7em; } 
.bannerSlide_wrap .bannerSlide .el > .banner_img > img { width: 100%; height: 100%; object-fit: cover; } 
.bannerSlide_wrap .main_control { /*position: absolute; left: 0; top: 0; width: 100%; height: 100%; */ } 
.bannerSlide_wrap .swiperBtn.prev { position: absolute; left: 1em; font-size: 1.4em; top: 50%; transform: translateY(-50%); z-index: 2; color: #333; } 
.bannerSlide_wrap .swiperBtn.next { position: absolute; right: 1em; font-size: 1.4em; top: 50%; transform: translateY(-50%); z-index: 2; color: #333; } 
.bannerSlide_wrap .swiperPauseWrap { position: absolute; bottom: -2em; left: 50%; transform: translateX(-50%); z-index: 2; } 
.bannerSlide_wrap .swiperPauseWrap > .swiperBtn { font-size: 1.1em; border-radius: 50%; width: 1.75em; height: 1.75em; background: rgba(0,0,0, .4); color: #fff; } 

.fair_guide .guide_bgC { position: relative; width: 100%; height: 24.5em; border-radius: .5em; overflow: hidden; margin-bottom: 2.5em; } 
.fair_guide .guide_bgC:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .25); content: ''; z-index: 1; } 

.guideSlide .swiper-slide { display: flex; justify-content: center; padding: 5px; box-sizing: border-box; } 

.guideSlide .el > .in { /**/width: 100%; border: 1px solid #e8e8e8; margin: 0 !important; padding: 1.5em; box-sizing: border-box; background: #fff; border-radius: 1em; } 

.guideSlide .swiper-slide { margin-right: 10px; } 
.guideSlide .el > .in > .wrap_in { position: relative; width: 100%; } 
.guideSlide .el > .in > .wrap_in > .link_icon { position: absolute; top: 0; right: 0; opacity: 0; transition: .25s; } 
.guideSlide .el > .in > .wrap_in:hover > .link_icon { opacity: 1; } 
.guideSlide .el > .in > .wrap_in > .link_icon > .xi { font-size: 1.25em; color: var(--siteC); } 
.guideSlide .el > .in > .wrap_in:hover > .con_wrap .title { text-decoration: underline; } 
.fair_guide .guide_list > li > .wrap_in { } 
.fair_guide .guide_list > li > .wrap_in > .con_wrap { } 
.fair_guide .guide_list > li > .wrap_in > .con_wrap > .title { } 
.fair_guide .guide_list > li > .wrap_in > .con_wrap > .ext { font-size: .95em; color: #666; font-weight: 500; } 
.fair_guide .guide_list > li > .wrap_in > .con_wrap > .date { } 

.con_wrap .label-area { display: flex; } 
.con_wrap .type1 { display: inline-flex; align-items: center; justify-content: center; background: #252525; border: 1px solid #252525; padding: 0 5px; height: 1.75em; font-size: .8em; font-weight: 700; line-height: 1; letter-spacing: -0.03em; color: #fff; } 
.con_wrap .type2 { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #252525; padding: 0 5px; height: 1.75em; font-size: .8em; font-weight: 700; line-height: 1; letter-spacing: -0.03em; color: #252525; } 
.con_wrap .title { font-size:1.1em; height: 2.5em; font-weight:800; margin: .65em 0 .5em 0; word-break: keep-all; } 
.con_wrap .date { font-size: .85em; font-weight: 600; color: #999; margin-top: .65em; display: block; } 

.guideSlide_wrap .main_control { margin-bottom: .5em; } 

.fair_linkW{}
.fair_linkW .fair_Linklist{}
.fair_linkW .fair_Linklist > li{}
.fair_linkW .fair_Linklist > li > .in{ display: flex; border-radius: .5em; overflow: hidden; border: 1px solid #e8e8e8;}
.fair_linkW .fair_Linklist > li > .in > .img_con{ position: relative; width: 45%; overflow: hidden;}
.fair_linkW .fair_Linklist > li > .in > .img_con:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.1); content: ''; z-index: 1;}
.fair_linkW .fair_Linklist > li > .in > .img_con > img{ transition: .3s;}
.fair_linkW .fair_Linklist > li > .in > .info_con{ width: 55%; height: 15em; padding: 2em; box-sizing: border-box; background: #f7f7f7;}
.fair_linkW .fair_Linklist > li > .in > .info_con > .title{ font-size: 1.25em; font-weight: 800; margin-top: .5em; word-break: keep-all;}
.fair_linkW .fair_Linklist > li > .in > .info_con > .txt{ font-size: .95em; color: #444; margin-top: 1.25em; word-break: keep-all;}

.fair_linkW .fair_Linklist > li > .in:hover > .img_con > img{ transform: scale(1.05);}

.btn_small{ display: inline-block;}
.btn_small .btnC{ font-size: .8em; display: flex; align-items: center; color: #fff; gap: .5em; padding: .6em .75em; border-radius: .35em; box-sizing: border-box; background: #8a9aaa;}
.btn_small .btnC > .plus{}
.btn_small .btnC > .plus > .xi{ font-size: .9em;}

/* fair2 */
.main_fair.st2{}
.main_fair.st2 .fairAllW{ gap:3em;}
.main_fair.st2 .fairAllW .fair_schedule{ width: 70%;}
.main_fair.st2 .fairAllW .fair_schedule .bannerSlide_wrap{ display: none;}
.main_fair .fairAllW .fair_schedule > .schedule_box{ padding: 85px 2em 50px}
.main_fair.st2 .fairAllW .fair_guide{ width: 30%; }
.main_fair.st2 .fair_linkW{ height: 100%;}
.main_fair.st2 .fair_linkW .wrapIn{ height: 100%;}
.main_fair.st2 .fair_linkW .fair_Linklist{ gap:1em; height: 100%;}
.main_fair.st2 .fair_linkW .fair_Linklist > li{ height: calc((100% - 1em) / 2);}
.main_fair.st2 .fair_linkW .fair_Linklist > li > .in { height: 100%;}
.main_fair.st2 .fair_linkW .fair_Linklist > li > .in > .info_con{ height: 100%;}

/*관람신청*/
.select-wrapper { position:relative; } 
.select-wrapper:before { position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); font-size: 1.5rem; color: #fff; transition: all .4s ease-in-out; font-family: 'xeicon'; z-index: 2; } 
.select-wrapper:not(.selected):before { content: '\e936' } 
.select-wrapper.selected:before { content: '\e930'; } 

#opSelect { position:relative; color: #fff; } 
#opSelect:focus { color: #fff; } 
#opSelect option { color: #111; } 
#opSelect:focus option { color: black; } 

.main_inquiry { position:relative; width: 100%; height: 100%; display: flex; align-items: center;} 
.main_inquiry .main_layout { position: relative; /* align-items: center; */ z-index: 2; } 
.main_inquiry:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .3); content: ''; } 
.main_inquiry .form_wrap { } 
.main_inquiry .form_wrap .form { gap:.5em; font-size:.95em; } 
.main_inquiry .form_wrap .form > li { position: relative; } 
.main_inquiry .form_wrap .form > li:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; content: ''; background: rgba(0, 0, 0, 0.25); backdrop-filter: blur(10px); border-radius: 0.25rem; } 
.main_inquiry .form_wrap .form > li:not(.w100) { width:calc(50% - .25em); } 
.main_inquiry .form_wrap .form > li .inp_wrap { position:relative; } 
.main_inquiry .form_wrap .form > li .inp_wrap .tit {width: 20%; padding-left: 2em; line-height: 3.5em;}
.main_inquiry .form_wrap .form > li .inp_wrap .inp_inner {flex:1; padding: .5em;} 

.main_inquiry .form_wrap .form > li .inp_wrap .tit,
.main_inquiry .form_wrap .form > li .inp_wrap .input_st:not(textarea) { height:3.5em; } 
/* .main_inquiry .form_wrap .form > li .inp_wrap .tit { position:absolute; top:0; left:0; padding-left:1.5em; }  */
.main_inquiry .form_wrap .form > li .inp_wrap .tit .tt { font-size:.95em; font-weight:600; color: #fff; } 
.main_inquiry .form_wrap .form > li .inp_wrap .input_st:not(textarea) { width:100%; } 
.main_inquiry .form_wrap .form > li .inp_wrap .input_st:not(textarea).pl{ padding-left: 2.5em;}
.main_inquiry .form_wrap .form > li .inp_wrap .input_st.fix1{ width:auto; flex:1; text-align: center;}
.main_inquiry .form_wrap .form > li .inp_wrap .phoneNumber.fix1{ flex:1;}
.main_inquiry .form_wrap .form > li .inp_wrap .input_st.fix1.pl2{ padding-left: .75em;}
.main_inquiry .form_wrap .form > li .inp_wrap .input_st + span{ color:#fff;}
.main_inquiry .form_wrap .form > li .inp_wrap .input_st.fix2{ width:auto; flex:0 0 33%;text-align: center;}
.main_inquiry .form_wrap .form > li .inp_wrap .input_st.fix2.pl2{ padding-left: .75em;}
.main_inquiry .form_wrap .form > li .inp_wrap .input_st.fix2 + span{ color:#fff;}
.main_inquiry .form_wrap .form > li .inp_wrap textarea.input_st { padding-top:4em; padding-left:1.5em; height:12em; } 
.main_inquiry .form_wrap .form > li .inp_wrap .input_st { border:none; background: transparent; color: #fff; border-radius: .15em; outline: 1px solid transparent; transition: all .4s ease-in-out; } 
.main_inquiry .form_wrap .form > li .inp_wrap input:focus { outline: 1px solid #fff; } 
.main_inquiry .form_wrap .form > li .inp_wrap .wrapIn{ }
.main_inquiry .form_wrap .form > li .inp_wrap .wrapIn .button{width: 10em;padding: .8em;box-sizing: border-box;border: none;border-radius: .5em;background-color: var(--siteC2);color: #fff;;}
.main_inquiry .form_wrap .form > li .inp_wrap .labelCheck{}
.main_inquiry .form_wrap .form_chk { margin-top:2em; } 
.main_inquiry .form_wrap .form_chk .chk { gap:1em; } 
.main_inquiry .form_wrap .form_chk .btn .input_st { background: transparent; color: #fff; width:12em; border: 4px solid rgba(255, 255, 255, .4); transition: all .4s ease-in-out; } 
.main_inquiry .form_wrap .form_chk .btn .input_st:hover { border: 4px solid #fff; } 
.main_inquiry .label_st input ~ .tt { color: #fff; } 
.main_inquiry .captcha-wrap .captcha-inner{ height: 4em;}
.main_inquiry .input_wrap2 .input_con.fix1{ flex:1;} 

.main_inquiry .form_wrap .form > li .inp_wrap .inp_inner.captcha > .cap{ flex:1;}
.main_inquiry .form_wrap .form > li .inp_wrap .inp_inner.captcha > .captcha-inner{ margin-left: 0.5em;}

.input_wrap,
.input_wrap2 {gap: .5em;}

.main_layout { gap:2em 6em; } 
.main_layout > li { } 
.main_layout > li.w1 { width:35%; } 
.main_layout > li.w2 { width:25%; } 
.main_layout + .main_layout { margin-top:14em; } 
.main_layout > li .p1 { padding:4em 0 5em 0; } 
.main_layout > li .p2 { padding:1.5em 0; } 
.main_layout > li .round { border-radius:1.5em; overflow:hidden; background: #333; border-color: #333; } 
.main_layout > li .wrap_img { position:relative; height:100%; } 
.main_layout > li.stickyT { height:100%; } 
.main_layout > li.inm1 { margin-top:8em; margin-left:10em; } 
.main_layout > li.inm2 { margin-top:-8em; } 

/*관련사*/
.memBannerSlider_wrap { padding: 1.5em 0; } 
.memBannerSlider_wrap .inner { gap:1em 2em; } 
.memBannerSlider_wrap .tit_wrap { gap:0 2em; } 
.memBannerSlider_wrap .tit_wrap .tit { gap:1em; } 
.memBannerSlider_wrap .tit_wrap .tit .tt { font-size:1.25em; font-weight:700; } 
.memBannerSlider_wrap .tit_wrap .tit .xi { font-size:1.500em; color:var(--siteC); transition:.2s; } 
.memBannerSlider { flex:1; padding-right:4px; } 
.memBannerSlider .el .in { display: flex; align-items: center; justify-content: center; height:4.15em; border-radius: .15em; overflow:hidden; border: 1px solid #e8e8e8; } 
.memBannerSlider .el .in > img { width: 6.5em; object-fit: contain; height: 100%; } 

.swiperControl.st1 { gap:1em; } 
.swiperControl.st1 .total { gap:.5em; font-size:.938em; } 
.swiperControl.st1 .total > span.swiper-pagination-current { font-size:1.125em; color:var(--siteC); font-weight:900; } 
.swiperControl.st1 .control { border:1px solid #ddd; border-radius:6em; overflow:hidden; } 
.swiperControl.st1 .control .swiperBtn { width:2em; height:2em; } 
.swiperControl.st1 .control .swiperBtn:hover { background: var(--siteC2); } 

/*인사말*/
.greeting_wrap{}
.greeting_wrap .greeting_topW{}
.greeting_wrap .greeting_topW .page_tit{ margin-bottom: 2.5em;}
.greeting_wrap .greeting_topW .greeting_info{ display: flex; align-items: flex-start; gap: 5em;}
.greeting_wrap .greeting_topW .greeting_info .greeting_txt{ width: 78%;}
.greeting_wrap .greeting_topW .greeting_info .greeting_img{ width: 22%; height: 23em; border-radius: 1em; overflow: hidden;}

.greeting_midimg{ position: relative; width: 100%; height: 25em; margin: 4em 0;}
.greeting_midimg:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .25); content: '';}
.greeting_midimg .g_bgT{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2.65em; font-weight: 800; text-transform: uppercase; letter-spacing: .5em; color: rgba(255,255,255, 1)}

.company_info{}
.company_info .info_list{ gap:2em;}
.company_info .info_list > li{ display: flex; width: calc((100% - 6em) / 4); box-sizing: border-box;}
.company_info .info_list > li > .in{ position:relative; flex: 1; border: 1px solid #ddd; padding: 2em 2em; box-sizing: border-box;}
.company_info .info_list > li > .in > .icon{ position: relative; text-align: right;}
.company_info .info_list > li > .in > .icon > img{ width: 5em;}
.company_info .info_list > li > .in > .txt{ font-size: 1.15em; color: #333; margin-bottom: 2em; font-weight: 500;}
.company_info .info_list > li > .in > .tit{ font-weight: 700; font-size: 1.375em; color: #111; letter-spacing: -1px; word-break: keep-all;}
.company_info .info_list > li > .in > .tit > i{ font-size: 1.215em;}

/*보도자료*/
.news_table{ border-top:1px solid #111}
.news_table > li{ counter-increment: recordIdx}
.news_table > li .wrap_in{ display:flex; gap:2em; padding:2em 0; border-bottom:1px solid #ddd}
.news_table > li .wrap_in .cell{ flex:0 0 auto; display:flex; flex-direction:column; gap:1em 0; box-sizing:border-box}
.news_table > li .wrap_in .cell.c_count{ width:3em; text-align:right}
.news_table > li .wrap_in .cell.c_count:before{content:counter(recordIdx) "."}
.news_table > li .wrap_in .cell.c_img{ width:17em; overflow:hidden}
.news_table > li .wrap_in .cell .hoverBg{ transition: .3s;}
.news_table > li .wrap_in .cell.c_grow{ flex:1 1 0%; min-width:0}
.news_table > li .wrap_in .cell .tit_wrap{ display:flex; flex-direction:column; gap:.25em 0}
.news_table > li .wrap_in .cell .tit1{ font-size:1.25em; font-weight:700}
.news_table > li .wrap_in .cell .tt1{ color:#666}
.news_table > li .wrap_in .cell .board_detail .detail_tt {overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_table > li .wrap_in .cell .board_detail.active .detail_tt {-webkit-line-clamp: 4;}
.news_table > li .wrap_in .cell .board_detail .detail_plus {width: 13%; border: 1px solid var(--siteC); text-align: center; color: var(--siteC); font-size: 0.86em; padding: .3em .5em; border-radius: 2em;}
.news_table > li .wrap_in .cell .board_detail .detail_plus > i {margin-right: .2em; vertical-align: middle;}
.news_table > li .wrap_in .cell .board_detail:hover .detail_plus {font-weight: 600;}
.news_table > li .wrap_in .cell .board_detail .detail_plus.on {display: block;}
.news_table > li .wrap_in .cell .board_detail .detail_plus.off {display: none;}
.news_table > li .wrap_in .cell .board_detail.active .detail_plus.on {display: none;}
.news_table > li .wrap_in .cell .board_detail.active .detail_plus.off {display: block;}


/*** 박람회소개 ***/
.fairsMenu{ display:flex; flex-wrap:wrap; margin-bottom:3em; box-sizing:border-box; position:relative; padding:1px 0 0 1px;}
.fairsMenu:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; top:0; bottom:0; border:1px solid #ddd; box-sizing:border-box; background:#f5f5f5;  z-index:-1}
.fairsMenu > li{ flex: 0 0 calc(100% / 5)}
.fairsMenu > li > a{ display:flex; align-items:center; justify-content:center; text-align:center; box-sizing:border-box; padding:.3em; line-height:1.1; height:3em; position:relative; color:#777; background:#fff}
.fairsMenu > li > a:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; right:0; bottom:0; border:1px solid #ddd; box-sizing:border-box; border-left:none; border-top:none}
.fairsMenu > li > a .tt{ font-weight:500; letter-spacing: -1px; word-break: keep-all; position:relative}
.fairsMenu > li > a .tt .no{ margin-left:.25em; color:#0060ae}
.fairsMenu > li > a:hover,
.fairsMenu > li > a:focus{ background:#f9fbfc; color:#111; z-index:1}
.fairsMenu > li.on > a{ background:#0060ae; color:#fff; border-color:transparent}
.fairsMenu > li.on > a .tt .no{ color:#fff}
.fairsMenu > li.on > a .tt:after{ content:""; position:absolute; right:-.75em; top:0; width:.375em; height:.375em; background:#fff; border-radius:50%}
.fairsMenu.st2 > li{ flex: 0 0 calc(100% / 4)}

.fairsMenuW_mobi{ display: none;}

.fairIntroWrap{ padding: 0 1em}
.fairIntroT{ }
.fairIntroT .mobiTit{
    font-weight: 700;
    font-size: 2em;
    color:#111;
    display: none;
}
.fairIntroT .fairIntro{
    gap: 5.5em;
}
.fairIntroT .fairIntro .img_wrap{
    width: 30%;
}
.fairIntroT .fairIntro .img_wrap .poster_img{
    border:1px solid #eee;
    box-shadow: 3px 3px 10px rgba(0,0,0,.1);
    position: sticky;
    top: calc(var(--headH) + 2em);
}
.fairIntroT .fairIntro .con_wrap{ 
    flex:1;
    padding-top: 2.5em;
}
.fairIntroT .fairIntro .con_wrap > .tit{
    font-weight: 700;
    font-size: 2.5em;
    color:#111;
}
.fairIntroT .fairIntro .con_wrap .wrapIn{
    margin-top: 2.5em;
    gap: 3em;
}
.fairIntroT .fairIntro .con_wrap .infoList{
    flex: 1;
}
.fairIntroT .fairIntro .con_wrap .infoList > dl{ 
    display: flex;
    flex-wrap: wrap;
    gap:.5em 2em;
    box-sizing: border-box;
    font-size: 1.25em;
    color:#555;
    word-break: keep-all;
    position: relative;
}
.fairIntroT .fairIntro .con_wrap .infoList > dl + dl{
    margin-top: 1em;
}
.fairIntroT .fairIntro .con_wrap .infoList > dl dt{
    padding-left: 1rem;
    font-weight: 600;
    position: relative;
}
.fairIntroT .fairIntro .con_wrap .infoList > dl dt::before{
    content: '';
    width: 5px; height: 5px;
    border-radius: 50%;
    background: var(--siteC);
    position: absolute;
    left: 0; top: 8px;
}
.fairIntroT .fairIntro .con_wrap .infoList > dl dd{
    flex:1;
}
.fairIntroT .fairIntro .con_wrap .infoList > dl dd.w100{
    flex:0 0 100%;
}
.fairIntroT .fairIntro .con_wrap .infoList > dl dd .textBox{
    /* height: 6em; */
    padding: 1.25em 1em;
    border:1px solid #eee;
    background: #f6f6f6; 
    border-radius: .5em;
    font-size: 1.125rem;
}
.fairIntroT .fairIntro .btn_wrap{
    width: 13em;
    /* padding: 1em; */
    /* border:1px solid #eee; */
    /* background: #f6f6f6; */
    /* box-sizing: border-box; */
}
.fairIntroT .fairIntro .btn_wrap .btn_list{
    gap:.5em;
}
.fairIntroT .fairIntro .btn_wrap .btn_list > li{}
.fairIntroT .fairIntro .btn_wrap .btn_list > li a{
    display: block;
    padding: 1em 3.5em 1em 1em;
    border-radius: .5em;
    border-width: 2px;
    border-style: solid;
    border-color: var(--siteC2);
    background-color: #fff;
    /* background: linear-gradient(45deg, var(--siteC), var(--siteC3)); */
    position: relative;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
}
.fairIntroT .fairIntro .btn_wrap .btn_list > li:nth-child(1) a{ border-color: var(--siteC3);}
.fairIntroT .fairIntro .btn_wrap .btn_list > li a .tit{
    padding-bottom: 2em;
    color:#333
    /* color:#fff; */
}
.fairIntroT .fairIntro .btn_wrap .btn_list > li a .tit .t1{
    font-weight: 700;
    font-size: 1.2em;
    word-break: keep-all;
}
.fairIntroT .fairIntro .btn_wrap .btn_list > li a .tit .t2{
    font-size: .875em;
    opacity: .75;
}
.fairIntroT .fairIntro .btn_wrap .btn_list > li a .icon{
    width: 2.5em;
    height: 2.5em;
    position: absolute;
    right: .8em;
    bottom: .8em;
    filter: sepia(.1);
    /* filter: invert(1) grayscale(1) brightness(3); */
    opacity: .85;
}
.fairIntroT .fairIntro .btn_wrap .btn_list > li a .down{
    gap:.25em;
    color:#555;
}
.fairIntroT .fairIntro .btn_wrap .btn_list > li a .down .tt{
    
}
.fairIntroT .fairIntro .btn_wrap .btn_list > li a .down .xi{
    font-size: 1rem;
}

.fairIntroB{ }
.fairIntroB .tab-wrap{ 
    position: sticky;
    top:var(--headH);
    z-index: 10;
}
.fairIntroB .contBoxTapList{}
.contBoxTapList > li{ 
    flex:1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4em;
    border:1px solid #eee;
    border-bottom-width: 3px;
    box-sizing: border-box;
    background: #fff;;
    position: relative;
}
.contBoxTapList > li + li{
    border-left: none;
}

.contBoxTapList > li .tab-tt{
    font-weight: 600;
    font-size: 1.25em;
    color:#666;
    position: relative;
}
.contBoxTapList > li .tab-tt::after{
    content: '';
    width: .3em;
    height: .3em;
    border-radius: 50%;
    background: var(--siteC);
    position: absolute;
    right: -.5em; top:-.25em;
    transform: translate(-.5em, .5em);
    opacity: 0;
    transition: all .3s;
}
.contBoxTapList > li.on{
    border-color: var(--siteC2);
    background: var(--siteC2);
    box-shadow: 3px 0 5px rgba(0, 0, 0, .1);
}
.contBoxTapList > li.on .tab-tt{
    color:#fff;
}
.contBoxTapList > li:not(.on):hover .tab-tt::after{
    transform: translate(0, 0);
    opacity: .5;
}
.contBoxTapList > li.on .tab-tt::after{
    background: #fff;
    transform: translate(0, 0);
    opacity: 1;
}

.fairIntroB .contBox{
    padding: 2.5em 2em;
    background: #f6f6f6;
    /* border-bottom:3px solid #ddd; */
    word-break: keep-all;
}
.fairIntroB .contBox .inner{
    padding: 2.5em 2em;
    border-radius: 1em;
    background: #fff;
}
.fairIntroB .contBox .inner p{
    font-size: 16px!important;
    line-height: 1.5!important;
}
.fairIntroB .contBox .inner span{ 
    display: inline; 
    font-size: 16px!important;
}
.fairIntroB .contBox b{ vertical-align: baseline;}
.fairIntroB .contBox img{ border:1px solid #eee;}
.fairIntroB .contBox .table_st.fairInfo{}
.fairIntroB .contBox .table_st.fairInfo tbody td{ padding: .5em 1em}

/* 박람회소개 - 참가신청안내 */
.partiGuide_wrap{}
.partiGuide_wrap .guide_sec:not(:last-child){ margin-bottom:4em;}
.partiGuide_wrap .guide_sec .sec_tit{
    margin-bottom:1em;
    padding-left: .65em;
    position:relative;
}
.partiGuide_wrap .guide_sec .sec_tit::before{
    content: '';
    width:5px;
    height:.8em;
    border-radius:.5em;
    background:var(--siteC2);
    position:absolute; 
    left:0; top:8px;
    opacity:.8;
}
.partiGuide_wrap .guide_sec .sec_tit{
    font-weight:600;
    font-size:1.5em
}
.partiGuide_wrap .guide_sec .sec_cont{ padding:0 1em;}
.partiGuide_wrap .guide_sec .sec_cont .boothInfoWrap{
    gap: 2.5em;
}
.boothInfoR{ width: 45%;}
.boothInfoL{ flex:1; padding-top: 2em;}
.boothInfoL > .t1{
    font-weight: 600;
    font-size: 1.25em;
    color:#009e25;
}
.boothInfoL > .dot_list{}
.boothInfoL > .dot_list .dot{
    padding-left: 0.8em;
    color:#555
}
.boothInfoL > .dot_list .dot::before{
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #777;
    position: absolute;
    left: 0; top: 8px;
}
.boothInfoL > .dot_list .dot + .dot{ margin-top: 0.5em;}

.partiGuide_wrap .guide_sec .table_wrap{}

.stepList_wrap { } 
.stepList { gap: 2em 3em; counter-reset: stepNum; } 
.stepList > li { width: calc((100% - 6em) / 3); padding:1.5em 2.5em; box-sizing: border-box; border:2px solid #ddd; border-radius: 1em; position: relative; counter-increment: stepNum; box-shadow: 0 3px 10px rgba(0,0,0,.05); } 
.stepList > li + li { } 
.stepList > li:after { content: ''; width: 3em; height: 100%; background:url(../images/icon/steps.gif) no-repeat center center; position: absolute; right: calc(-3em - 1px); top: 0; opacity: .5; transform: scale(.8);} 
.stepList > li:nth-child(1){border-color: #84ad25;}
.stepList > li:nth-child(2){border-color: #0e67a7;}
.stepList > li:nth-child(3){border-color: #eb6a0f;}
.stepList > li:last-child::after { display:none; }  
.stepList > li .icon_wrap { margin-bottom: 1em; } 
.stepList > li .icon_wrap .icon { display: block; width: 6em; height: 6em; margin:0 auto; opacity: .85;} 
.stepList > li .txt_wrap { text-align: center; } 
.stepList > li .txt_wrap .num { margin-bottom: 5px; font-weight: 600; font-size: .9375em; color: var(--siteC); opacity: .6; } 
.stepList > li .txt_wrap .num::after { content:'0'counter(stepNum) } 
.stepList > li .txt_wrap .tit { font-weight: 600; font-size: 1.25em; color:#333; word-break: keep-all; } 
.stepList > li .txt_wrap .desc{ margin-top: 0.8em; padding-top: 0.8em; border-top: 1px dashed #ddd; color:#555; line-height: 1.5;}


.fairIntroB .contBox .vod_wrap{}
.vod_wrap .resize{position:relative; padding-bottom:56.25%}
.vod_wrap .resize iframe,
.vod_wrap .resize video{ position:absolute; left:0; top:0; width:100% !important; height:100% !important; object-fit:cover}

/* 박람회 소개 end */

/* 사이버 건축박람회 */
.intro_txt{ margin-bottom: 2em; font-weight: 600; color:#333;}
.input_st.sMem{ height:3em; padding:.5em 1.5em;}
/* .input_st.sMem.search1{ margin-right: 20px;}
.input_st.sMem.search2{}
.input_st.sMem.search3{ margin-right: 10px;} */

.memSearch_wrap{padding: 2.5em 2em;border: 2px solid var(--siteC2);border-radius: 1em;background: #f9f9f9;}
.memSearch_wrap .memSearch_in{ margin-bottom:1em; padding:0 1em 1em; border-bottom:1px solid #ddd}
.memSearch_wrap .memSearch_in:last-child{ margin-bottom: 0; padding-bottom: 0; border:none;}

.memSearch_wrap .memSearch_in .tit{width: 11%;/* text-align: center; */min-height: 3em;/* border-right: 2px solid var(--siteC2); *//* background: var(--siteC3); */color: #333;display: flex;align-items: center;/* justify-content: center; *//* margin-right: .5em; */}
.memSearch_wrap .memSearch_in .tit .page_tt{ padding-left:.5em; position:relative}
.memSearch_wrap .memSearch_in .tit .page_tt::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--siteC2); position:absolute; left:0; top:0; }
.memSearch_wrap .memSearch_in .con{ flex:1; }
.memSearch_in .cateList.loc{ gap: 5px;}
.memSearch_in .cateList.loc > li{width: calc((100% - 40px) / 9); padding: .5em;border: 1px solid #ddd;background: var(--siteC3);text-align: center;border-radius: 5px;color: #555; cursor: pointer;}
.memSearch_in .cateList.loc > li.on{background: var(--siteC2);color: #fff;}
.memSearch_result{ }
.memSearch_wrap .cate_wrap{}
.memSearch_wrap .cate_wrap .wrapIn{ gap:.25em;}
.memSearch_wrap .cate_wrap .wrapIn .label_select{ width: 100%;}
.memSearch_wrap .cate_wrap .wrapIn .btn{ width: 12em;}
.fairsMenuW.memCateList{ border-top:2px solid var(--siteC2)}

.btn_inc.search{ background:#4b85e0;color:#fff; padding:1em; border-radius: 1em; font-size:1.1em;}
.btn_inc.search.st2 {background:#009de2;}
.btn_inc.search.st3 {background:#009a9a;}
.btn_inc.c6{ background: #3399FF; border-color:#3399FF; color:#fff}


.input_st1{ border:1px solid #4b85e0; vertical-align:middle; background:rgba(75,133,224,0.1); font-size:1.2em;}
.input_st1:hover, .input_st1:focus{ background:#ffffff; border:1px solid #ccc; color:#333;}
input.input_st1{ padding:1em; color:#666; border-radius: 1em;}
select.input_st1{padding:7px 5px 8px 10px; color:#666; min-height:34px;}
textarea.input_st1{padding:2%; color:#666;}

/*  */
.table_box{}
.table_box .scr_i{display: none;}
.table_box .scr_i .xi{ transform: rotate(90deg);}
.table_box table{}

/*  */
.table_st.org{ border-top: 2px solid var(--siteC2)}
.table_st.org th{ color:#333;}
.table_st.org tbody td{ text-align: center;}
.table_st.org tbody td .partiLink{ max-width: 18em; margin:0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* pop */
html.pop .popWrap.membership{ width: 50vw;}

/* 사이버 건축박람회 end */

/* 세미나 */
.fairIntroB .contBox.seminar .inner{}
.fairIntroB .contBox.seminar .inner img{ width: 80%; object-fit: contain;}
/* 세미나 end */

/* subpage -무료관람신청 */
.inquiryTop2{
    padding: 3em 35% 3em 3em;
    border:1px solid #eee;
    border-radius: 1em;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
    position: relative;
    overflow: hidden;
}
.inquiryTop2 .txt_wrap{}
.inquiryTop2 .txt_wrap .tit{
    margin-bottom:1em;
    font-weight: 700;
    font-size: 1.875em;
    color:var(--siteC2);
}
.inquiryTop2 .txt_wrap .t1{
    font-size: 1.25em;
    line-height:1.5;
    color:#333;
    word-break:keep-all;
}
.inquiryTop2 .txt_wrap .t1.en{ font-size: 1em;}
.inquiryTop2 .txt_wrap .t1 + .t1{ margin-top:.5em;}
.inquiryTop2 .bg_wrap{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0; top: 0;
    z-index: -1;
}
.inquiryTop{
    padding-bottom: 3em;
    position: relative;
}
.inquiryTop .txt_wrap{
    width: 65%;
    padding:2em;
    background: rgba(255, 255, 255, .4);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
    position:relative;
    backdrop-filter: blur(10px);
}
.inquiryTop .txt_wrap::before{
    content:'';
    width: 2.5em;
    height : 2.5em;
    box-sizing: border-box;
    border-top:2px solid var(--siteC2);
    border-left:2px solid var(--siteC2);
    position: absolute;
    left:0; top:0;
    z-index:1;
}
.inquiryTop .txt_wrap .tit{
    margin-bottom:1em;
    font-weight: 700;
    font-size: 1.875em;
    color:var(--siteC2);
}
.inquiryTop .txt_wrap .t1{
    font-size: 1.25em;
    line-height:1.5;
    color:#333;
    word-break:keep-all;
}
.inquiryTop .txt_wrap .t1 + .t1{ margin-top:.5em;}
.inquiryTop .bg_wrap{
    width: 100%;
    height: calc(100% );
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    backdrop-filter: blur(20px);
}

#captchaImg{ 
    max-width: 12em;
    max-height: 3em;
}
#captchaImg img{ object-fit: contain;}
.captcha_btn{ max-width: 1em;}
/* 무료관람신청 end */


/* 무료관람신청 확인 */
#contents .con_page_top{ padding:12em 0 0 0; text-align:center; overflow:hidden;}
#contents .con_page_top .con_tit > .in{ position:relative; display:inline-block; padding-top:3em;}
#contents .con_page_top .con_tit .icon{ position:absolute; top:0; left:50%; transform:translateX(-50%);}
#contents .con_page_top .con_tit .icon img{ width:3.5em;}
#contents .con_page_top .con_tit .tt{ position:relative; display:inline-block; font-size:2.250em; color:#222; font-weight:600; letter-spacing:-1px; text-indent:-1px;}

.member_wrap{ letter-spacing:-.5px;}
.member_wrap .login_box{ width:580px; max-width:100%; margin:0 auto;}

.member_wrap .member_tit{ padding:0 0 2em 0; text-align:center;}
.member_wrap .member_tit .tit{ font-size:2.8em; color:#3c3c3d;  font-family:'notokrB'; letter-spacing:0; text-transform:uppercase;}
.member_wrap .member_tit .txt{ font-size:1.125em; color:#69696b; padding-top:.8em; line-height:1.4;}

.member_wrap .member_form { padding:2.5em 2em; border:1px solid #ccc; border-top-width:4px; border-top-color:var(--siteC);}
.member_wrap .member_form.intro_st{padding:0; border:1px solid #ccc; border-top-width:4px; border-top-color:var(--siteC);}

.member_wrap .form > li:first-child{ margin-top:0;}
.member_wrap .form .inp_wrap{ position:relative; margin-top:.4em;}
.member_wrap .form .inp_wrap .xi{ position:absolute; top:0; left:0; width:2em; line-height:55px; text-align:center; font-size:1.750em; color:#3c3c3d;}
.member_wrap .form .inp_wrap .tt{ position:absolute; top:0; left:0; width:6em; line-height:55px; text-align:center; border-right:1px solid #ddd; color:#3c3c3d;}
.member_wrap .form .inp_wrap .inp{ box-sizing:border-box; width:100%; height:55px; padding:0 1em 0 4em; background:#fff; border:1px solid #ddd; border-radius:5px;}
.member_wrap .form .inp_wrap .inp .hpNum{ flex:1; max-width: calc((100% - 2em)/ 3); height: 100%; border: none; text-align: center;}
.member_wrap .form .save_wrap{ margin-top:1.2em;}
.member_wrap .form .save_wrap .find{ padding-top:.3em; text-align:right;}
.member_wrap .form .save_wrap .find .link{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:.8em; padding-left:.8em; font-weight:300;}
.member_wrap .form .save_wrap .find .link:before{ content:""; position:absolute; top:10%; left:0; width:1px; height:80%; background:#ccc;}
.member_wrap .form .save_wrap .find .link:first-child{ margin-left:0; padding-left:0;}
.member_wrap .form .save_wrap .find .link:first-child:before{ display:none;}
.member_wrap .form .btn_wrap{ margin-top:.6em;}
.member_wrap .form .btn_wrap .btn{ display:block; box-sizing:border-box; text-align:center; width:100%; margin:.4em 0; padding:1em 1em; border:1px solid transparent; font-size:1.125em;}
.member_wrap .form .btn_wrap .btn.c1{ background:var(--siteC); color:#fff;}
.member_wrap .form .btn_wrap .btn.c2{ background:#ffffff; border-color:var(--siteC); color:var(--siteC);}
.member_wrap .form .btn_wrap .btn.c3{ background:var(--siteC); color:#fff;}
.member_wrap .form .msg_wrap{ margin-top:2em;}
.member_wrap .form .msg_wrap .tt{ margin:.4em 0; font-size:.938em; color:#3c3c3d; font-weight:300;}
.member_wrap .form .msg_wrap .tt.icon{ position:relative; padding-left:1.6em;}
.member_wrap .form .msg_wrap .tt.icon .xi{ position:absolute; top:0; left:0; line-height:1;}
.member_wrap .form .id_wrap{ padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; text-align:center; font-size:1.125em;}
.member_wrap .form .id_wrap strong{ vertical-align:baseline; color:#3f3f9f; letter-spacing:0;}

/* pop */
html.pop .popWrap.popViewchekMsg{ min-width: 35vw;}
html.pop .popWrap.popViewchekMsg .popIn .popCon{ padding-bottom: 2em;}
.viewchekMsg{
    text-align: center;
}
.viewchekMsg .icon{
    display: block;
    width: 3.5em;
    height: 3.5em;
    margin:0 auto;
}
.viewchekMsg .t1{
    margin-bottom: 1em;
    font-weight: 600;
    font-size: 1.75em;
}
.viewchekMsg .t2{
    color:#333;
    font-size: 1.25em;
}

/* 무료관람신청 확인 end*/


/* 박람회장 오시는길 */
.dot_list{}
.dot_list .dot3{}
/* Location */
.map_wrap iframe{ width:100% !important; height:34em !important;}

.map_tit .t1 img {padding:3px; box-sizing:border-box;}
.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em; font-weight:400; box-sizing:border-box; background:#fff; border-radius:1em;}
.map_info1 .t1 .tt_in { color:#666; padding:0 1.875em .625em 0;}
.map_info1 .t1 .tt_in:last-child { padding-right:0;}
.map_info1 .t1 .tt_in.time{ flex:1 1 100%;}
.map_info1 .t1 .tt_in .tt{ flex:1;}
.map_info1 .t1 .tt_in a{ color:inherit;}
.map_info1 .t1 .xi { font-size:1em; color:#fff; margin-right:.625em; border-radius:50%; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; background:#ed1c24}

.map_info3 .info_list{}
.map_info3 .info_list > li{ padding:2em 2em; border-bottom:1px solid #ddd;}
.map_info3 .info_list > li .wrap_tit{ width:15em;}
.map_info3 .info_list > li .wrap_con{ flex:1; padding-left:1.5em;} 
.map_info3 .info_list > li .wrap_tit .tit{ padding:.5em 0; color:#222;}
.map_info3 .info_list > li .wrap_tit .tit .tt{ font-weight:500;}
.map_info3 .info_list > li .wrap_tit .tit .t1{ font-size:1.375em;}
.map_info3 .info_list > li .wrap_tit .tit .t2{}
.map_info3 .info_list > li .wrap_tit .tit .xi{ font-size:1.500em; padding-right:.25em;}
.map_info3 .info_list > li .wrap_con .txt{ padding:.5em 0;}
.map_info3 .info_list > li .wrap_con .list {margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #ddd;}
.map_info3 .info_list > li .wrap_con .list:last-child {margin: 0; padding: 0; border: none;}
.map_info3 .info_list > li .wrap_con .list.borderNone{ margin: 0; padding: 0; border: none;}
.map_info3 .info_list > li .wrap_con .list.busList1{ padding-right: 6em; }
.map_info3 .info_list > li .wrap_con .txt .tt{ color:#333; line-height:1.6; font-size: 1.125em;}
.map_info3 .info_list > li .wrap_con .txt .t2{ font-size:1.25em;}
.map_info3 .info_list > li .wrap_con .txt .round{ margin-right:.75em; padding:.5em 1.5em; background:#3dab1d ; font-size:.875em; color:#fff; font-weight:700; border-radius:6em;}
.map_info3 .info_list > li .wrap_con .txt .round.subwBg1 { background:#003499;}
.map_info3 .info_list > li .wrap_con .txt .round.subwBg2 { background:#37b42d;}
.map_info3 .info_list > li .wrap_con .txt .round.subwBg3 { background:#ec660f;}
.map_info3 .info_list > li .wrap_con .txt .round.subwBg4 { background:#3171d3;}
.map_info3 .info_list > li .wrap_con .txt .round.subwBg5 { background:#893bb6;}
.map_info3 .info_list > li .wrap_con .txt .round.subwBg6 { background:#9a4e0f;}
.map_info3 .info_list > li .wrap_con .txt .round.subwBg7 { background:#606d00;}
.map_info3 .info_list > li .wrap_con .txt .round.subwBg8 { background:#e71e6e;}
.map_info3 .info_list > li .wrap_con .txt .round.subwBg9 { background:#bf9f1e;}
.map_info3 .info_list > li .wrap_con .txt .round.subwBgI1 { background:#2673f2;}
.map_info3 .info_list > li .wrap_con .txt .round.subwBgSb { background:#a9022d;}
.map_info3 .info_list > li .wrap_con .txt .round.busBg1 { background:#4a972e;} /* 지선, 일반, 마을 */
.map_info3 .info_list > li .wrap_con .txt .round.busBg2 { background:#0c43b7;} /* 간선 */
.map_info3 .info_list > li .wrap_con .txt .round.busBg3 { background:#e0121a;} /* 직행 */
.map_info3 .info_list > li .wrap_con .txt .round.busBg4 { background:#68a3cf;} /* 공항 */
.map_info3 .info_list > li .wrap_con .txt .subwC1{ color:#003499;}
.map_info3 .info_list > li .wrap_con .txt .subwC2{ color:#37b42d;}
.map_info3 .info_list > li .wrap_con .txt .subwC3{ color:#ec660f;}
.map_info3 .info_list > li .wrap_con .txt .subwC4{ color:#3171d3;}
.map_info3 .info_list > li .wrap_con .txt .subwC5{ color:#893bb6;}
.map_info3 .info_list > li .wrap_con .txt .subwC6{ color:#9a4e0f;}
.map_info3 .info_list > li .wrap_con .txt .subwC7{ color:#606d00;}
.map_info3 .info_list > li .wrap_con .txt .subwC8{ color:#e71e6e;}
.map_info3 .info_list > li .wrap_con .txt .subwC9{ color:#bf9f1e;}
.map_info3 .info_list > li .wrap_con .txt .subwCI1{ color:#2673f2}
.map_info3 .info_list > li .wrap_con .txt .subwCSb{ color:#a9022d}

.location .tab_menu {margin-top: 0;}
.location .sub-tab-list-style ul .selected {margin-top: 0;}
.location_info {text-align: left; font-size: 1.25em; font-weight: 500; color: #555; margin-top: 2em; background: #fff;}
.location_info .info_box {border: 1px solid #eee; border-radius: 5px; padding: 2em; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.location_info .info_box ul {display: flex; flex-wrap: wrap;}
.location_info .info_box ul > li {flex: 1; display: flex; align-items: center;}
.location_info .info_box ul > li:first-child {flex: 1 1 100%;}
.location_info .info_box ul > li .xi {vertical-align: middle; color: #3399cc; padding: 5px; box-sizing: border-box; margin-right: .5em; text-align: center;}
/* .map_list {w} */
.map_list { position:absolute; left:0; top:0; width:100%; height:0; overflow:hidden; visibility:hidden; opacity:0;}
.map_list.on { position:relative; height:auto; overflow:visible; visibility:visible; opacity:1;}
.map_list.on > iframe {width: 100% !important;}
iframe .gm-style .review-box {display: none !important;}
/* 박람회장 오시는길 end */


/* 연혁  */
.his_bgC { position: relative; background: url(../images/sub/his_bg.jpg) no-repeat; background-size: cover; padding: 7.65rem 0 7.65rem; background-position: 50% 50%; border-radius: 1rem; z-index: 2;} 
.his_bgC:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 1rem; background: rgba(0,0,0, .2); content: ''; } 
.his_bgC .his_tit_con { position:relative; padding: 0 5em; z-index: 2; } 
.his_bgC .his_tit_con .tit { font-size: 2.5rem; letter-spacing: -0.05em; color: #fff; font-weight: 800; line-height: 1.3; } 
.his_bgC .his_tit_con .txt { font-size: 1.1rem; letter-spacing: -0.05em; font-weight: 600; color: rgba(255,255,255, .6); margin-top: 1.8rem; } 
    .his_wrap { position: relative; padding: 0 5em; box-sizing: border-box; top: -4em;} 
.sub_container .contentBox { flex: 1 1 80%; margin-left: 6vw; padding-left: 6vw; border-left: 1px solid #ddd;} 
.sub_container .sub_menu { height: 100%; flex: 1 1 20%; position: sticky; top: 10em; padding-top: 7em;} 
.sub_container .linkScroll_wrap { position: relative; } 
.sub_container .linkScroll_wrap .linkScroll { padding-top: 7em;} 
.sub_container .linkScroll_wrap .linkScroll:last-of-type { margin-bottom: 12em; } 
.sub_title .breadcrumb-box { min-height: 540px; } 
.sub_title .breadcrumb-box .breadcrumb-content p { font-size: 20px; font-weight: 400; line-height: 32px; letter-spacing: -0.2px; } 
.sub_title .breadcrumb-box .breadcrumb-content h3 { margin-top: 13px; font-size: 48px; font-weight: 800; line-height: 72px; letter-spacing: -0.48px; } 
.sub_title .breadcrumb-box .breadcrumb-content span { display: block; margin-top: 10px; font-size: 18px; opacity: 0.5; line-height: 30px; letter-spacing: -0.18px; } 
.sub_title .breadcrumb-box .breadcrumb-content span + p { margin-top: 36px; font-size: 20px; font-weight: 400; line-height: 34px; letter-spacing: -0.2px; } 
.sub_container .sub_menu ul li { margin-bottom: 30px; } 
.sub_container .sub_menu ul li a { color: #e1e1e1; padding: 0; font-size: 2.85em; font-weight: 800; transition: .2s}
.sub_container .sub_menu ul li a > .tt{ letter-spacing: -.03em;}
.sub_container .sub_menu ul li a.on { color: var(--siteC); } 
.sub_container .history_ctt { position: relative; padding: 20px 0 28px; display: flex; opacity: 0.1; transition: 0.3s; flex-direction: column; } 
.sub_container .history_ctt:first-of-type { border-top: none; padding: 0 0 58px; } 
.sub_container .history_ctt.on { opacity: 1; } 
.sub_container .history_ctt h4 { /*width: 320px; */margin-bottom: 1em; color: #171717; font-size: 42px; font-weight: 800; letter-spacing: -0.6px; transition: 0.3s; } 
.sub_container .history_ctt ol { width: calc(100%); } 
.sub_container .history_ctt li + li { margin-top: 17px; } 
.sub_container .history_ctt div { display: flex; align-items: center; } 
.sub_container .history_ctt strong { color: #171717; font-size: 17px; font-weight: 800; line-height: 28px; letter-spacing: -0.16px; margin-right: 20px; } 
.sub_container .history_ctt li img { margin-top: 30px; min-width: 5em; min-height: 15em; max-width: 100%; max-height: 27em; object-fit: cover; } 
.sub_container .history_ctt span { color: #575553; font-size: 17px; line-height: 30px; letter-spacing: -0.18px; } 
/* 연혁 end */

.addinfo_tw{ margin-bottom: .5em; display: flex; flex-direction: column; align-items: end;}
.addinfo_tw > .tt{ font-size: 1.063em; color: #999; font-weight: 500;}