@charset "utf-8"; /* CSS Document */ .box0 { padding:0 5vw } .box1 { width:1280px; 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) } #header { position:fixed; left:0; top:0; width:100%; z-index:1000; color: #fff;} .scroll #header { margin-top: 0em; } #header .banner_wrap { background: #170f45;} #header .banner_wrap .menu_wrap {} #header .banner_wrap .menu_wrap .menu {} #header .banner_wrap .menu_wrap .menu > li {width: 7.5em; text-align: center;} #header .banner_wrap .menu_wrap .menu > li > a {display: block; font-size: 0.8em; padding: .8em 0; font-weight: 500; color: #fff;} #header .banner_wrap .menu_wrap .menu > li:hover > a {font-weight: 700;} #header .top_wrap .wrapH, #header .top_wrap .gnb_wrap .dp1 { height:5.5em } #header .top_wrap { padding: 0 7.5em; } #header .top_wrap .wrapIn { padding: 0 2.5em; box-sizing: border-box; } .headerT { padding-top: var(--headH) } #header .top_wrap .wrapIn { display:flex; align-items:center; justify-content:space-between; gap:0 1vw } #header .top_wrap .logo > a { display:block; width: 19.5em;} #header .top_wrap .logo > a img { filter: brightness(0) invert(1); } #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 .va { position:relative } #header .top_wrap .gnb_wrap .gnb > li .dp1 .tt { font-weight:700; font-size:1.15em; white-space:nowrap } #header .top_wrap .gnb_wrap .gnb > li .dp2 { position:absolute; left:50%; transform:translateX(-50%); width:12.5em; padding: 1em .5em; box-sizing:border-box; background:#fff; color:#000; display:block; top:100%; 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: 1.05em; opacity:.8; font-weight: 500;} #header .top_wrap .gnb_wrap .gnb > li:hover .dp2 > li > a:hover { background:rgba(0,0,0,.1); 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:none; color:#fff; } .scroll #header, .white:not(.allOn).scroll #header {background: #fff; color: #000; box-shadow: 0 0 1em rgba(0, 0, 0, .1);} .scroll #header .top_wrap .logo > a img {filter: unset;} #header .top_wrap .all_wrap a .xi { font-size:2em;} #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; } #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: #171717;} #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); color: #fff;} #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: #171717;} #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: #171717; 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;} .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 */ #footer { z-index: 1; background: #e7e7e7; } #footer .goTop { position:fixed; right:0; bottom:0; width:3.5em; line-height:3.5em; text-align:center; background:var(--siteC); color:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); opacity:0; transform:translateY(100%); transition:.5s } #footer .goTop .xi { font-size:1.5em; transition:.3s } #footer .goTop:hover .xi { transform:translateY(-.25em) } .scroll #footer .goTop { opacity:1; transform:translateY(0) } #footer .logo img { } #footer .info_wrap { gap: 6em; padding: 4em 0;} #footer .info_wrap .logo1 > a {width: 10em;} #footer .info_wrap .logo2 > a {width: 19.5em;} #footer .info { overflow:hidden } #footer .info > li { margin-bottom:.5em; position:relative; font-weight: 600; font-size: 1.05em;} #footer .copyright {text-transform:uppercase; } /*contents*/ #contents { } #contents .sub_page_top { position:relative; width:100%; height: 16em; overflow:hidden; padding-top: var(--headH);} #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.25) 40%,rgba(0,0,0,.05) 100%); } .load #contents .sub_page_top .bg{ right:-1vw; } #contents .sub_tit_wrap { position:absolute; bottom: 15%; left: 50%; transform: translate(-50%, -50%); color:#fff; } #contents .sub_tit_wrap .sub_txt { font-size:1.125em; font-weight:500; opacity:.6; margin-bottom:.65em; } #contents .sub_tit_wrap .sub_tit .tt { font-size:2.8em; font-weight:700; } #contents .sub_page_menu {background: #0a0a0a;} #contents .sub_page_menu .gnb { display:block; } #contents .sub_page_menu .gnb .dp2 { justify-content:center; text-align:center; flex-wrap: wrap;} #contents .sub_page_menu .gnb .dp2 > li { width:20%; transition:.2s; } #contents .sub_page_menu .gnb .dp2 > li > a { position:relative; height:3em; padding:.5em .5em; color:#fff; opacity: .7; transition:.2s; } /* #contents .sub_page_menu .gnb .dp2 > li + li > a { border-left:1px solid #eee; } */ #contents .sub_page_menu .gnb .dp2 > li > a .tt { font-size:1.05em; font-weight:600; } #contents .sub_page_menu .gnb .dp2 > li:hover > a, #contents .sub_page_menu .gnb .dp2 > li.on > a {opacity: 1;} #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;} #contents .sub_tit_wrap2 { padding: 3em 0 0; border-bottom: 1px solid #ddd; padding-bottom: 1em; } #contents .sub_page_tit { text-align: center; } #contents .sub_page_tit .mark {width: 2.3em; margin-right: .5em;} #contents .sub_page_tit .tit { font-size: 2.2em; font-weight: 700; color: #111; } #contents .sub_nav { } #contents .sub_nav > li { font-size: 1em; } #contents .sub_nav > li.home .xi { font-size: 1em} #contents .sub_nav > li.home > a { width: 2em; height: 2em; border-radius: 50%; text-align: center; background: var(--siteC); display: block; } #contents .sub_nav > li.home > a .xi { width: 2em; line-height: 2em; color: #fff; font-size: 1em; border-radius: 50%} #contents .sub_nav > li:before { content: "\e940"; font-family: xeicon; display: inline-block; vertical-align: middle; padding: 0 .5em} #contents .sub_nav > li:first-child:before { display: none} #contents .sub_nav > li:last-child .tt { color: var(--siteC); font-weight: 600; } .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 } /**/ .visualSlide_wrap { position: relative; } .visualSlide { position: relative; } .visualSlide .el { position:relative; overflow:hidden; height:100vh; background:#fff } .visualSlide .el .bg { position:absolute; left:0; top:0; width:100%; height:100%;} .visualSlide .el .bg > img{ width: 100%;} .main_box {padding: 6em 0; position: relative;} .main_box2 {padding: 3em 0; position: relative;} .main_box.bg1 { background: #f0f4f7; } .roundG { position: absolute; left: 12%; top: 0; width: 40%; padding-bottom: 40%; border-radius: 50%; background: linear-gradient(0deg, #fff 0%, #170f45 33.33%, #fff 100%); opacity: .2; filter: blur(10px); animation-name: mainServiceAni2; animation-duration: 13s; animation-iteration-count: infinite; animation-direction: alternate; z-index: -1; } .roundR { position: absolute; right: 12%; top: 35%; width: 40%; padding-bottom: 40%; border-radius: 50%; background: linear-gradient(0deg, #fff 0%, #ffbb00 33.33%, #fff 100%); animation-name: mainServiceAni3; animation-duration: 13s; animation-iteration-count: infinite; animation-direction: alternate; filter: blur(10px); opacity: .2; z-index: -2; } @keyframes mainServiceAni { 0% { transform: rotate(0) translate(0, 0) scale(1)} 100% { transform: rotate(360deg) translate(20%, 5%) scale(1.2, 1); } } @keyframes mainServiceAni2 { 0% { transform: rotate(0) translate(0, 0) scale(1)} 100% { transform: rotate(360deg) translate(10%, 5%) scale(1.2, 1); } } @keyframes mainServiceAni3 { 0% { transform: rotate(0) translate(0, 0) scale(1)} 100% { transform: rotate(-360deg) translate(10%, 5%) scale(1.2, 1); } } .main_tit {text-align: center; font-size: 2em; font-weight: 800;} .speaker_wrap {background: rgba(255,255,255,.6); padding: 3em; border-radius: 1em; overflow: hidden;} .peopleSlide_wrap {position: relative;} .peopleSlide {margin: 0 auto;} .peopleSlide ul {padding: 2em 0 0;} .peopleSlide li {} .peopleSlide li .in {display: block;} .peopleSlide li .in .img_wrap {overflow: hidden; border-radius: 50%; width: 10em; height: 10em; margin: 0 auto; box-shadow: 0 0 1em rgba(0,0,0,.1); position: relative; background: #fff;} .peopleSlide li .in .con_wrap {text-align: center; margin-top: 1.5em;} .peopleSlide li .in .con_wrap .name {font-size: 1.4em; font-weight: 700; margin-bottom: 0.3em;} .peopleSlide li .in .con_wrap .ex {font-size: 0.9em; } .peopleSlide li .in .con_wrap .type {font-size: .9em; color: var(--siteC); margin-bottom: 0.3em;} .peopleSlide_control .btn {position: absolute; top: 50%; transform: translateY(-50%); z-index: 100; display: flex; align-items: center; justify-content: center; opacity: .5;} .peopleSlide_control .btn:before {color: rgba(0,0,0,.2); font-size: 2.2em;} .peopleSlide_control .btn.prev {left: -4%;} .peopleSlide_control .btn.next {right: -4%;} .peopleSlide_control .btn:hover {background: unset;} .peopleSlide_control .btn:hover:before {color: rgba(0,0,0,.8);} .poster_wrap {gap: 1em;} .poster_wrap .left_poster {width: 30%; position: relative; cursor: pointer;} .poster_wrap .right_poster {width: 70%;} .sub_con {border: 1px solid #ddd; padding: 4em; border-radius: 1em;} .scrolltable{ overflow-x: scroll;} .speak_Wrap > .title { font-size: 2.15em; font-weight: 700; text-align: center; margin-bottom: 2em; } .speak_Wrap .infoA { position:relative; display: flex; gap: 3em; justify-content: space-between; padding: 1em 5em; box-sizing: border-box; border-top-left-radius: 6em; border-bottom-right-radius: 6em; overflow: hidden; } .speak_Wrap .infoA.Ac { align-items: center; } .speak_Wrap .infoA.st { align-items: start; } /* .speak_Wrap .infoA:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .45); backdrop-filter: contrast(0.7); content: ''; z-index: 1; } */ .speak_Wrap .infoA > .info_area { position:relative; z-index: 2; flex: 1; } .speak_Wrap .infoA > .info_area > .tt { font-size: 1.215em; line-height: 1.6; margin-bottom: 1.5em; color: #000; } .speak_Wrap .infoA > .info_area > .tt:last-of-type { margin-bottom: 0em; } .speak_Wrap .infoA > .info_area > .t2{font-size: 1.88em; font-weight: 700; color: #000; margin-bottom: 1em;} .speak_Wrap .infoA > .info_area > .ceo {text-align: right; color: #000; font-size: 1.125em;} .speak_Wrap .infoA > .info_area > .ceo .name{font-size: 1.43em; font-weight: 700; margin-left: .5em;} .speak_Wrap .infoA > .pic_area { position:relative; z-index: 2; width: 14em; height: 17em; } .speak_Wrap .infoA > .pic_area > img { width: 100%; height: 100%; border-radius: 1em; object-fit: cover; } .speak_Wrap .pic_area > .tt { text-align: center; margin-top: .5em; font-size: 1em; color: #000; } .speak_Wrap .pic_area > .tt > span { font-size: 1.415em; font-weight: 700; } .academy_wrap {/* padding: 2em 28% 10em 4em; margin: 2em 0; */ padding-bottom: 2em; border-bottom: 1px solid #ddd; position: relative; } /* .academy_wrap::before { content:''; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, .7)); position: absolute; left: 0; top: 0; } */ .academy_wrap .txt_wrap { position: relative; z-index: 1; } .academy_wrap .tit { margin-bottom: 4em; } .academy_wrap .tit .t1 { font-weight: 700; font-size:2.5em; color: #000; } .academy_wrap .tit .t2 { font-weight: 600; font-size:1.5em; color: #000; margin-top: 0.3em;} .academy_wrap .txt { } .academy_wrap .txt .t2 { font-weight: 400; font-size: 1.25em; color:#000; word-break:keep-all; } .academy_wrap .txt .t2 + .t2 { margin-top:1em; } .overview_wrap {gap: 3em;} .overview_wrap .left_poster {width: 45%;} .overview_wrap .right_info {flex: 1;} .overview_wrap .right_info .top_img {} .overview_wrap .right_info .info_list {} .overview_wrap .right_info .info_list li {border-bottom: 1px solid #ddd; padding: 1.5em 0; gap: 2em;} .overview_wrap .right_info .info_list li .tit {width: 18%; text-align: center; font-size: 1.125em; font-weight: 700;} .overview_wrap .right_info .info_list li .tbox {flex: 1;} .overview_wrap .right_info .info_list li .tbox .tt {font-size: 1.05em; font-weight: 500;} .overview_wrap .right_info .info_list li .tbox .tt2 {margin-top: .5em; font-size: .96em;} .overview_wrap .right_info .info_list li .tbox .logo {} .place_wrap {} .place_wrap .map_wrap {} .place_wrap .map_wrap .cont {display: none;} .place_wrap .info {} .box_st{ box-shadow:0 0 1em rgba(0,0,0,.2); padding:2em} .sub_location_info{ margin:-.5em 0 0 -5em} .sub_location_info > li{ margin:.5em 0 0 5em} .sub_location_info .tit{ font-weight:500; margin-right:1em} .sub_location_info .tit .xi{ width:2em; line-height:2em; text-align:center; border-radius:50%; box-shadow:0 0 .5em rgba(0,0,0,.1); color:var(--siteC); margin-right:.5em; font-size:1em; text-align:center} .sub_location_info .tt{ color:#666} .mem_form_wrap{ padding:2.5em 3em; border:1px solid #ddd; padding:.75em 1.5em; border:1px solid #eee; background:#f9f9f9;} .mem_form_wrap.st2{ border-top-width:3px; border-top-color:var(--siteC); border-top-width:1px; border-top-color:#ddd;} .mem_form_wrap.st3{ padding:0; border-top-color:#333;} .mem_form_wrap.pd1{ padding:.75em 1.5em;} .mem_form_wrap.passSt{border-top-width:3px; border-top-color:var(--siteC); background:#f9f9f9; padding:1.5em;} .mem_form_inp{} .mem_form_inp > li{ margin-top:1.5em;} .mem_form_inp > li .tit{ font-size:1.063em; font-weight:600; font-size:1em !important;} .mem_form_inp > li:not(.inp_wrap) .tit{ margin-bottom:.75em; margin-top: 1em !important; } .mem_form_inp > li .in_txt{ padding:.5em 0 1em 0; border-bottom:1px solid #e1e2e6; font-size:1.063em; color:#333;} .mem_form_inp > li .in_inp.flex .in_txt{ flex:1; margin-right:.5em;} .mem_form_inp > li .in_icon{ margin-bottom:2em;} .mem_form_inp > li .in_icon:last-child{ border-bottom:0;} .mem_form_inp > li .in_icon > .icon{ width:6em; height:6em; background:#f3f6f8; border-radius:50%;} .mem_form_inp > li .in_icon > .icon img{ width:3em;} .mem_form_inp > li .check{ padding-top:1em; border-top:1px dashed #ddd;} .mem_form_inp > li.inp_wrap{ margin-top:.5em;} .mem_form_inp > li.inp_wrap.mg0{margin-top:0;} .mem_form_inp > li.inp_wrap .tit{ width:6.5em; width:5em;} .mem_form_inp > li.inp_wrap .inp{} .mem_form_inp > li.inp_wrap > .wrap_in.flex{ min-height:3em;} .mem_form_inp > li.cer_wrap{ text-align:center;} .mem_form_inp > li:first-child{ margin-top:0;} .pagePass_resultw{margin-top:1em;} .pagePass_resultw .in{background:var(--siteC); padding:2em 1em; box-shadow:6px 6px 0 rgb(15 40 113 / 20%)} .pagePass_resultw .in .tw{text-align:center;} .pagePass_resultw .in .tw > *{color:#fff;} .pagePass_resultw .in .tw .t1{font-size:.813em; color:#111; border-radius:3em; background:#fff; display:inline-block; margin-bottom:10px; font-weight:500; padding:.313em 1.25em;} .pagePass_resultw .in .tw .t2{font-size:1.313em;} .pagePass_resultw .in .tx{background:#fff; padding:1.5em; margin:1.5em 2em} .pagePass_resultw .in .tx .t1{text-align:center; padding-bottom:.5em; font-size:1.25em; color:var(--siteC); font-weight:600;} .pagePass_resultw .in .tx .t2{text-align:center; line-height:1.5; font-size:1.125em; color:#555;} .pagePass_resultw .in .tx .t2 > *{vertical-align:baseline} .pagePass_resultw .in .tx .t2 > i{font-size:1.063em;} .pagePass_resultw .in .tx .t2 > i.col1{font-weight:600; color:#222;} .pagePass_resultw .in .tx .t2 > i.col2{font-weight:600; color:#222; display:block} .pagePass_resultw .in .bw{ text-align:center} .pagePass_resultw .in .bw .logo{} .pagePass_resultw .in .bw .logo > img{width:15em; filter: grayscale(1) invert(1) brightness(10);} .speaker_wrap2 {gap: 2em;} .speaker_wrap2 .con { width: calc((100% - 2em) / 2)} .speaker_title {text-align: center; font-size: 1.6em; font-weight: 800; margin-bottom: 1.5em;} .speakerTit_flex .speaker_title { width: 50%;} .prof_list {gap: 2em;} .prof_list > li { width: calc((100% - 2em) / 2);} .prof_list.w2 > li { width: calc((100% - 4em) / 3);} .prof_list.w3 > li { width: calc((100% - 6em) / 4);} .prof_list.w4 > li { width: 100%;} .p_wrap2 {overflow: hidden; zoom:1; vertical-align: top; } .p_wrap2 > dt {font-size: 1.313em; color: #444; padding: 0 0 0 32px; margin: 35px 0 0 0;} .p_wrap2 .p_pic { height: 10em; width: 10em; border: 1px solid #cbd4dd; margin: 0 auto 1em; border-radius: 50%; overflow: hidden;} .p_wrap2 .p_pic > img { width: 100%; height: 100%;} .p_wrap2 .p_box {overflow: hidden; position: relative; padding: 1em; border: 1px solid #ddd;} .p_wrap2 .p_box > dl {text-align: center;} .p_wrap2 .p_box > dl > dt {font-size: 1.125em; color: #000; margin: 0 0 10px 0; font-weight: 600;} .p_wrap2 .p_box > dl > dd { font-size: 0.96em; line-height: 20px; margin-bottom: .3em;} .p_wrap2 .p_box > dl > dd .xi {background: #747e88; color: #fff; font-size: 1.1em; width: 1.5em; height: 1.5em; text-align: center; line-height: 1.5em; border-radius: 50%; margin-right: .3em;} .p_wrap2 .p_box > dl .plus {height: 35px; line-height: 35px; text-align: center; cursor: pointer; font-size: 1em; background: var(--siteC); margin-bottom: unset; margin-top: 1em; color: #fff;} .p_wrap2 .p_box > dl.on .plus {border: 1px solid #8fadcb; border-bottom: none;} .p_wrap2 .p_box > dl .plus .plus_xi {display: block;} .p_wrap2 .p_box > dl .plus .minus_xi {display: none;} .p_wrap2 .p_box > dl.on .plus .minus_xi {display: block;} .p_wrap2 .p_box > dl.on .plus .plus_xi {display: none;} .p_wrap2 .p_box .p_ex {margin: 10px 0 0 0; width: 100%;} .p_wrap2 .p_box .p_ex > dl {overflow: hidden; border-bottom: 1px solid #cbd4dd; width: 94.5%; background: #f4f4f4; padding: 1em;} .p_wrap2 .p_box .p_ex > dl.duty_wrap {} .p_wrap2 .p_box .p_ex > dl:last-child {border-bottom: none;} .p_wrap2 .p_box .p_ex > dl > dt {} .p_wrap2 .p_box .p_ex > dl > dt .p_tit {padding: 0 0 0 10px; color: #222; font-weight: 600;} .p_wrap2 .p_box .p_ex > dl > dd {font-size: 0.9em; color: #747e88; line-height: 20px;} .p_wrap2 .p_box .p_ex > dl > dd .b_list {overflow: hidden;} .p_wrap2 .p_box .p_ex > dl > dd .b_list > li {padding: 0 0 0 7px; font-size: 1em; color: #333; line-height: 20px; margin-bottom: .3em;} .p_wrap2 .p_box .p_ex > dl > dd .b_list > li:last-child {margin-bottom: unset;} .p_wrap2 .p_box .p_ex > dl > dd .b_list > li > span, .p_wrap2 .p_box .p_ex > dl > dd .b_list > li > a {padding: 0 0 0 5px;} .p_wrap2 .p_box .p_ex > dl > dd .b_list > li > a {color: #7098c2; text-decoration: underline;} .p_wrap2 .p_box .p_ex > dl > dd .b_list > li .xi {background: #747e88; color: #fff; font-size: 1.1em; width: 1.5em; height: 1.5em; text-align: center; line-height: 1.5em; border-radius: 50%; margin-right: .3em;}