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

.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}
#header .top_wrap{ position:relative}
#header .top_wrap .wrapH{ transition:.3s}
#header .top_wrap .wrapH,
#header .top_wrap .gnb_wrap .dp1{ height:var(--headerH)}
#header .top_wrap .gnb_wrap .dp1.layer {display: none;}
.headerT{ padding-top:var(--headerT)}
#header .top_wrap .wrapIn{ display:flex; align-items:center; justify-content:space-between; gap:0 4vw}
#header .top_wrap .wrapIn > *{ position:relative; z-index:2}
#header .top_wrap .logo > a{ display:block; height:3em; overflow:hidden}
#header .top_wrap .logo > a .in{ display:block; height:100%; transform:translateY(-100%); transition:.5s}
#header .top_wrap .logo > a img{ height:100%; display:block}
#header .top_wrap .gnb_wrap{ flex:1 1 0%; min-width:0; max-width:60%}
#header .top_wrap .gnb_wrap .gnb{ justify-content:space-around}
#header .top_wrap .gnb_wrap .gnb > li{ position:relative}
#header .top_wrap .gnb_wrap .gnb > li .dp1 .va{ position:relative}
#header .top_wrap .gnb_wrap .gnb > li .dp1 .va .tt{ position:relative; font-weight:700; font-size:1.313em}
#header .top_wrap .gnb_wrap .gnb > li .dp1 .va:after{ content:""; position:absolute; left:100%; bottom:100%; width:1em; height:1em; transform:translate(-60%,60%); border-radius:50%; background:#fff; opacity:0; transition:.3s}
#header .top_wrap .gnb_wrap .gnb > li:hover .dp1 .va:after,
#header .top_wrap .gnb_wrap .gnb > li.on .dp1 .va:after{ opacity:.5}
#header .gnb_wrap .gnb > li .dp2 { display:block; padding-top: 1em; position:absolute; top: 70%; left:50%; width:12em; padding:0 .7em; background:#fff; box-shadow:0 2px 20px rgba(0,0,0,.1); color:#111; opacity:0; border-radius: 10px; visibility:hidden; transform:translateX(-50%); transition:padding .2s; } 
#header .gnb_wrap .gnb > li .dp2 > li > a.layer {display: none;}
#header .gnb_wrap .gnb > li .dp2 > li > a { padding:.5em 1em; transition:.2s; border-radius: 10px; transition: .2s; } 
#header .gnb_wrap .gnb > li .dp2 > li > a:hover { background: var(--siteC); color: #fff; transition: .2s; } 
#header .gnb_wrap .gnb > li .dp2 > li > a .tt { font-size:.95em; font-weight: 600; } 
#header .gnb_wrap .gnb > li.act { overflow:visible; } 
#header .gnb_wrap .gnb > li.act .dp2 { margin-top: 1em; padding-top:1.5em; padding-bottom:1.5em; opacity:1; visibility:visible; } 
#header .gnb_wrap .gnb > li .dp2 > li.act > a { background:rgba(0,0,0,.05); } 
#header .gnb_wrap .gnb > li .dp2:before { content: ""; display: block; position: absolute; top: 0; left: 50%; border-style: solid; border-color: transparent transparent #fff; border-width: 0 7px 7px; transform: translate(-50%, -100%); } 
#header .gnb_wrap .gnb > li .dp3 {display: none;}

#header .top_wrap .etc_wrap{ display:flex; align-items:center; gap:0 4vw}
#header .top_wrap .etc_wrap .etcBtn{ display:flex; align-items:center; justify-content:center; width:2em; height:2em}
#header .top_wrap .etc_wrap .etcBtn .ico{ font-size:2.25em}
#header .top_wrap .etc_wrap .link{ display:flex; align-items:center; gap:0 2em}
#header .top_wrap .etc_wrap .link > li > a{ display:flex; align-items:center; gap:0 .5em; opacity:.7}
#header .top_wrap .etc_wrap .link > li > a .ico{ font-size:1.25em}
#header .top_wrap .etc_wrap .link > li > a .tt{ font-weight:500; text-transform:uppercase}

.scroll #header{ background:#fff; color:#111; box-shadow:0 0 1em rgba(0,0,0,.1)}
.scroll #header .top_wrap .logo .in{ transform:translateY(0)}
.scroll #header .top_wrap .wrapH,
.scroll #header .top_wrap .gnb_wrap .dp1{ height:var(--headerH2)}
.scroll #header .top_wrap .gnb_wrap .gnb > li:hover .dp1,
.scroll #header .top_wrap .gnb_wrap .gnb > li.on .dp1{ color:var(--siteC)}
.scroll #header .top_wrap .gnb_wrap .gnb > li:hover .dp1 .va:after,
.scroll #header .top_wrap .gnb_wrap .gnb > li.on .dp1 .va:after{ background:var(--siteC2)}
.scroll .headerT{ padding-top:var(--headerH2)}
.scroll #header .all_wrap .allbtn .ham,
.scroll #header .all_wrap .allbtn .ham:before,
.scroll #header .all_wrap .allbtn .ham:after {background: #000;}

#header.gnbOpen { box-shadow: 2px 0 .75em rgba(0, 0, 0, .1); } 
#header.gnbOpen .gnb_wrap { height: auto; } 
#header.gnbOpen .gnb_wrap .gnb > li { height: auto; } 
#header.gnbOpen .gnb_wrap .gnb > li .dp2 { display: block; padding: 0em 0 1.5em 0; color: #333; } 
#header.gnbOpen .gnb > li .dp1 { color: #111; } 
#header.gnbOpen .gnb > li .dp1 .tt:after { background: var(--siteC); } 
#header.gnbOpen .logo > .in img { filter: none; } 
#header.gnbOpen .side_wrap { height: var(--headH); } 
#header.gnbOpen .all_wrap .all_btn .ham,
#header.gnbOpen .all_wrap .all_btn .ham:before,
#header.gnbOpen .all_wrap .all_btn .ham:after { background: #000 !important; } 

#header .all_wrap { color:#000; } 
#header .all_wrap .all { width:4em; } 
#header .all_wrap .all_btn { position:relative; display:block; width:2em; height:1.2em; margin-left:auto; } 
#header .all_wrap .all_btn .ham,
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { display:block; width:100%; height:1.5px; background:#000; transition:.2s, background 0s; } 
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { content:""; position:absolute; right:0; } 
#header .all_wrap .all_btn .ham:before { top:calc(50% - 1px); width:100%; } 
#header .all_wrap .all_btn .ham:after { top:calc(100% - 1px); width:100%; } 
#header .all_wrap .all_btn:hover .ham:before { width:100%; } 
#header .all_wrap .all_btn:hover .ham:after { width:100%; } 

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

#header .all_wrap { color:#000; } 
#header .all_wrap .all { width:4.5em; } 
#header .all_wrap .allbtn { position:relative; display:block; width:2.5em; height:1.125em; margin-left:auto; } 
#header .all_wrap .allbtn .ham,
#header .all_wrap .allbtn .ham:before,
#header .all_wrap .allbtn .ham:after { display:block; width:100%; height:2px; background:#fff; transition:.2s, background 0s; content: ''; } 
#header .all_wrap .allbtn .ham:before,
#header .all_wrap .allbtn .ham:after { content:""; position:absolute; left:0; } 
#header .all_wrap .allbtn .ham:before { top:calc(20% - 1px); width:100%; } 
#header .all_wrap .allbtn .ham:after { top:calc(85% - 2px); width:100%; } 
#header .all_wrap .allbtn:hover .ham:before { width:100%; } 
#header .all_wrap .allbtn:hover .ham:after { width:100%; } 

#header .all_wrap .all_layer { position:fixed; top:0; left:0; width:100%; height:100vh; opacity:0; visibility:hidden; } 
#header .all_wrap .all_layer .all_close { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); opacity:0; backdrop-filter:blur(.75em); } 
#header .all_wrap .all_layer .all_inner { position:absolute; top:0; right:0; width: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_layer .all_inner > .wrap_in { gap:2em; padding:3em 3em; } 
#header .all_wrap .all_layer .all_inner > .mark { position: absolute; bottom: 0; right: 0; width: 16em; opacity: .15; } 
#header .all_wrap .all_layer .all_inner > .mark > img { width: 26.5em; } 

#header .all_wrap .all_layer .wrap_top a { transition:.2s; } 
#header .all_wrap .all_layer .wrap_top .all_logo { } 
#header .all_wrap .all_layer .wrap_top .all_logo .in { display:block; width:12.5em; } 
#header .all_wrap .all_layer .wrap_top .all_logo .in img { width:100%; } 
#header .all_wrap .all_layer .wrap_top .all_mem { gap:.25em; padding:2em 0 1em; } 
#header .all_wrap .all_layer .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; font-size: 1.125em;} 
#header .all_wrap .all_layer .wrap_top .all_mem > li { flex: 1; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in .icon { position: absolute; left: .5em; } 
#header .all_wrap .all_layer .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_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 { } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in:hover .icon { color: #fff; } 

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

#header .all_wrap .all_layer .wrap_bottom {}
#header .all_wrap .all_layer .wrap_bottom .tt {font-weight: 600;}
#header .all_wrap .all_layer .wrap_bottom .tt i {width: 1.5em; height: 1.5em; background: var(--siteC); color: #fff; font-size: 0.96em; line-height: 1.5em; text-align: center; border-radius: 50%; margin-right: .3em;}

.allGnbOn #header,
#header:hover { background: var(--crWhite); } 
.allGnbOn #header .logo > .in img,
#header:hover .logo > .in img { filter: none; } 
.allGnbOn #header .gnb_wrap .gnb > li .dp1,
#header:hover .gnb_wrap .gnb > li .dp1 { color: #111; } 
.allGnbOn #header .gnb_wrap .gnb { display: none; } 

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

#footer{ z-index:1; position:relative; background: #333333;}
#footer .goTop{ z-index:1; position:fixed; right:1em; bottom:1em; width:3.5em; line-height:3.5em; border-radius:50%; text-align:center; background:var(--siteC); color:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); opacity:0; transform:translateY(100%); transition:.5s}
#footer .goTop .xi{ font-size:1.5em; transition:.3s}
#footer .goTop:hover .xi{ transform:translateY(-.25em)}
.scroll #footer .goTop{ opacity:1; transform:translateY(0)}
#footer .logo_wrap {}
#footer .logo_wrap .wrapH{ height:8em; }
#footer .logo_wrap .logo img{ display:block; height:3.5em}
#footer .info_wrap{ padding:1.5em 0 5.5em 0}
#footer .info_wrap .info > li{ float:left; margin-right:2em; margin-bottom:.6em; font-size: 1em; font-weight: 500; color: #e5e5e5;}
#footer .info_wrap .info > li.br{ clear:left}
#footer .info_wrap .info > li.copyright{ font-size:.75em; opacity:.8; letter-spacing:0; margin-top:1.5em; color: #e5e5e5;}
#footer .info_wrap .info:after{ content:""; display:block; clear:both}
#footer .sns_wrap ul {gap: 1.5em;}
#footer .sns_wrap ul .xi {font-size: 1.35em; color: #e5e5e5; width: 1.5em; height: 1.5em; border-radius: 50%; text-align: center;line-height: 1.5em;}
#footer .sns_wrap ul li > a:hover .xi {background: #fff; color: #333;}
#footer .logo_wrap .top_btn {  }
#footer .logo_wrap .top_btn .xi { font-size: 2em; height:1em; color: #e5e5e5;}
#footer .logo_wrap .top_btn p { font-size: .8em; }
#footer .info_wrap .name {margin-bottom:2em;}
#footer .info_wrap .info {flex-wrap:wrap; width:60%;}
#footer .cs_wrap {width:40%;}
#footer .cs_wrap .menu {gap: 2em;}
#footer .cs_wrap .menu a {font-weight: 600;}
#footer .cs_wrap .menu a:hover {color: var(--siteC);}
#footer .info_wrap .copyright{ font-size:.86em; opacity:.7; letter-spacing:0; margin-top:1.5em; text-transform: uppercase; color: #fff;}


/**/
.vod_wrap{ position:relative}
.vod_wrap .vod{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover}
.vod_wrap .layer{ position:absolute; left:0; top:0; width:100%; height:100%}
.visualSlide .el{ position: relative; overflow:hidden; height:100vh; background:#fff}
.visualSlide .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.2)}
.visualSlide .el .vod_wrap{ position:relative; height:100%}
.visualSlide .el .vod_wrap:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000}
.visualSlide .el.swiper-slide-active .vod_wrap:after,
.visualSlide .el.swiper-slide-duplicate-active .vod_wrap:after{ transition:2s; opacity:.2}
.visualSlide .el.swiper-slide-active .bg,
.visualSlide .el.swiper-slide-duplicate-active .bg{ transition:7s; transform:scale(1) rotate(.001deg)}
/*
.visualSlide .el:nth-child(3n - 2) .bg{ height:110%; transform:scale(1)}
.visualSlide .el.swiper-slide-active:nth-child(3n - 2) .bg,
.visualSlide .el.swiper-slide-duplicate-active:nth-child(3n - 2) .bg{ transform:translateY(-9.0909%) rotate(.001deg)}
.visualSlide .el:nth-child(3n) .bg{ width:110%; transform:scale(1); left:auto; right:0}
.visualSlide .el.swiper-slide-active:nth-child(3n) .bg,
.visualSlide .el.swiper-slide-duplicate-active:nth-child(3n) .bg{ transform:translateX(9.0909%) rotate(.001deg)}
*/
.visualSlideSlogan_wrap{ position:absolute; left:0; width:100%; height:100%; bottom:0; box-sizing:border-box; z-index:10; color:#fff}
.visualSlideSlogan_wrap .wrapIn{ display:flex; flex-direction:column; height:100%}
.visualSlideSlogan_wrap .wrapIn .visual_con{ flex:1 1 0%; min-height:0; display:flex; flex-direction:column; justify-content:center; gap:3em; margin-top:10vh}

.visualSlide_wrap .slogan{ box-sizing:border-box; padding:0 5vw; text-align:center}
.visualSlide_wrap .slogan .t1{ font-size:1.5em; font-weight:500; opacity:.7}
.visualSlide_wrap .slogan .t2{ font-size:3.5em; font-weight:700; margin-top:.5em}
.visualSlide_control{ margin-top:2em; display:flex; align-items:flex-end; width:100%}
.visualSlide_control .control{ margin:0 0 1em auto; gap:1em}
.visualSlide_control .paging{ width:5em; text-align:center;}
.visualSlide_control .paging .swiper-pagination-current{ font-weight:700}

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

.page_ttbg_bg { background: url(../images/main/con1_bg.jpg); padding: 6em 0; margin-bottom: 5em;}
.page_ttbg_bg2 { background: url(../images/main/con5_bg2.jpg); padding: 4em 0; background-attachment: fixed;} 

.main_con {margin: 5em 0 0;}

.main_tit {margin-bottom: 2em; text-align: center;}
.main_tit .t1 {font-size: 2.6em; font-weight: 700;}

.main_compantA .tx_box {padding-left: 13em; color: #333333;}
.main_compantA .tx_box .t1 {font-size: 2.26em; font-weight: 800; margin-bottom: 0.5em;}
.main_compantA .tx_box .t2 {font-size: 1.5em; font-weight: 600; line-height: 1.5; margin-bottom: 2em;}
.main_compantA .tx_box .input_st {font-size: 1.125em; border-radius: 10em; padding: 0 1.5em;}

.main_intro .intro_list {gap: 2.219em;}
.main_intro .intro_list li {flex: 1 1 33.3%; border-radius: 1em; overflow: hidden;}
.main_intro .intro_list li .in {position: relative; padding: 4em 3em; z-index: 10;}
.main_intro .intro_list li .in::before {position: absolute; top: 0; left: 0; content: ''; background: rgba(0,0,0,.3); width: 100%; height: 100%; z-index: -1;}
.main_intro .intro_list li .in .t1 {font-size: 1.8em; font-weight: 700; color: #fff;}
.main_intro .intro_list li .in .t2 {font-size: 1.125em; font-weight: 500; color: #fff; line-height: 1.5;}
.main_intro .intro_list li .in .bar {width: 2.5em; height: 2px; background: #fff; margin: 10.224em 0 2em;}

.main_notice {padding: 3em 0; background: #f5f5f5;}
.main_notice .notice_list {gap: 2.5em;}
.main_notice .inn {flex: 1 1 50%; box-shadow: 0 0 1em rgba(0, 0, 0, .1);}
.main_notice .inn .top_tit {padding: 1.5em 2em; background: #f5f4f9; border-top: 2px solid var(--siteC);}
.main_notice .inn.st2 .top_tit {background: #f3fbfd; border-color: var(--siteC2);}
.main_notice .inn .top_tit .ti {font-size: 1.6em; font-weight: 700;}
.main_notice .inn .top_tit .btn {background: var(--siteC); color: #fff; width: 1.5em; height: 1.5em; text-align: center; line-height: 1.5em; border-radius: 50%; font-size: 1.1em;}
.main_notice .inn.st2 .top_tit .btn {background: var(--siteC2);}
.main_notice .inn .top_tit .btn:hover {background: #333;}
.main_notice .inn .bottom_con {background: #fff; padding: 2em; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em;}
.main_notice .inn .bottom_con li {padding: .4em 0;}
.main_notice .inn .bottom_con li:hover {background: #f4f4f4;}
.main_notice .inn .bottom_con li .tit {font-size: 1.125em; font-weight: 500; position: relative; padding-left: 1.5em;}
.main_notice .inn .bottom_con li .tit::before {width: 6px; height: 6px; border-radius: 50%; background: var(--siteC); position: absolute; top: 50%; left: 5%; content: ''; transform: translate(-50%, -50%);}
.main_notice .inn.st2 .bottom_con li .tit::before {background: var(--siteC2);}
.main_notice .inn .bottom_con li .data {font-size: 0.96em; color: #777777; font-weight: 500;}

.main_photo {}
.main_photo .photo_list {gap: 1.5em;}
.main_photo .photo_list li {flex: 1 1 33.3%;}
.main_photo .photo_list li .in {display: block; background: #fff; border-radius: 1em; overflow: hidden; box-shadow: 0 0 1em rgba(0, 0, 0, .1);}
.main_photo .photo_list li .in:hover {background: #f4f4f4;}
.main_photo .photo_list li .in .img {height: 15em; overflow: hidden;}
.main_photo .photo_list li .in .tx_box {padding: 2em;}
.main_photo .photo_list li .in .tx_box .cate {font-size: 1.05em; font-weight: 700; color: var(--siteC); margin-bottom: 0.5em;}
.main_photo .photo_list li .in .tx_box .tit {font-size: 1.125em; font-weight: 700;}

.main_bottom {position: relative;}
.main_bottom::before{position: absolute; background: linear-gradient(to bottom, rgba(0, 0, 0, .2), rgba(3, 3, 3, 0.6), #333333); top: 0; left: 0; width: 100%; height: 100%; content: '';}
.main_bottom .inn {padding: 0 3em; z-index: 10; position: relative;}
.main_bottom .inn .left {position: relative; padding-left: 5em;}
.main_bottom .inn .left::before {content: url(../images/main/con5_dot.png); top: -38%; left: 2%; position: absolute;}
.main_bottom .inn .left .t1 {color: #fff; font-size: 1.4em; font-weight: 600; margin-bottom: 1.5em;}
.main_bottom .inn .left .t2 {color: #cbcdcd; font-size: 0.96em;}
.main_bottom .inn .right {gap: 1em; width: 39%;}
.main_bottom .inn .right .in {display: block; background: var(--siteC); color: #fff; text-align: center; padding: 2em; flex: 1 1 50%; border-radius: 1em; max-height: 7em;}
.main_bottom .inn .right .in.st2 {background: var(--siteC2);}
.main_bottom .inn .right .in:hover {background: #333;}
.main_bottom .inn .right .in .icon {font-size: 1.6em; margin-bottom: 1em;}
.main_bottom .inn .right .in .tit {font-size: 1.25em; font-weight: 600;}


/* sub */

.main #contents{ padding-top:0}
#contents .sub_visual_wrap{ position:relative}
#contents .sub_visual_wrap .sub_page_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
#contents .sub_visual_wrap .sub_page_bg .bg {z-index: -1; position: absolute; top: 0; right: 0; width: calc(100% + 0vw); height: 100%; transition: 3s;}
.load #contents .sub_visual_wrap .sub_page_bg .bg { width: calc(100% + 3vw);} 
#contents .sub_visual_wrap .wrap_in{ position:relative; height:29em}
#contents .sub_visual_wrap .wrap_in .twrap{ height:100%; color:#fff}
#contents .sub_visual_wrap .wrap_in .twrap .t1{ letter-spacing:.75em; text-transform:uppercase; margin-bottom: 1em}
#contents .sub_visual_wrap .wrap_in .twrap .t2{ font-size:3em; font-weight:700; padding-top: 4em;}

#contents .sub_tab{background: rgba(255, 255, 255, .1); backdrop-filter: blur(10px);}
#contents .sub_tab > .gnb{width:1200px; margin:0 auto;}
#contents .sub_tab .gnb > li{ width:100%}
#contents .sub_tab .gnb > li .dp2{ justify-content:center; padding-left:1px}
#contents .sub_tab .gnb > li .dp2 > li{ flex:1 1 100%; max-width:25%; position:relative}
#contents .sub_tab .gnb > li .dp2 > li > a{ display:block; color:#e5e5e5; padding: 1.4em 0;}
#contents .sub_tab .gnb > li .dp2 > li > a.layer {display: none;}
#contents .sub_tab .gnb > li .dp2 > li > a .va{ font-size:1.188em; font-weight:500;}
#contents .sub_tab .gnb > li .dp2 > li:hover > a{ color:#fff}
#contents .sub_tab .gnb > li .dp2 > li.on{ z-index:1; }
#contents .sub_tab .gnb > li .dp2 > li.on:before {content:''; width:100%; position:absolute; height:4px; background:#fff; top:-2px;}
#contents .sub_tab .gnb > li .dp2 > li.on > a{ color:#fff; border-color:transparent; position:relative;}
#contents .sub_tab .gnb > li .dp2 > li > a:before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:1em; background:#fff; opacity:.7;}
#contents .sub_tab .gnb > li .dp2 > li:first-child > a:before{ display:none;}

#contents .sub_tit_wrap{ padding:5em 0 0 0}
#contents .sub_tit_wrap .tit{ font-weight:300; font-size:2.75em; letter-spacing:-.063em; word-spacing:.063em; margin-bottom:1em; font-family:'gs',sans-serif; font-weight:700;}
#contents .sub_tit_wrap .nav{}
#contents .sub_tit_wrap .nav > li{ font-size:1em; font-weight: 600;}
#contents .sub_tit_wrap .nav > li:before{ content:"\e940"; font-family:xeicon; padding:0 .5em; vertical-align:middle}
#contents .sub_tit_wrap .nav > li:first-child:before{ display:none}
#contents .sub_tit_wrap .nav > li:last-child .tt{ text-decoration:}

.dp2_app_attend .sub_tit_wrap,
.dp2_app_attend_fin .sub_tit_wrap {display: none;}

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

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

/* sub */

.page_con { padding:5em 0; }
.page_con.p1 { padding:0em 0 5em; }
.page_con.bg1{ background:var(--crGray);}
.page_con.bg2{ background:var(--crGray2);}
.page_con.bg3{ background:#f9f5eb;}
.page_con.bg4{ background:#fff;}

.page_tit.icon:after { content:""; display:inline-block; width:1px; height:3em; margin:1.5em .375em; background:#333; } 
.page_tit.icon.iw:after { background: #fff; } 

.sub_tt.tit { text-align: center; font-size: 1.5em; /*letter-spacing: .375em !important; */ line-height: 1.6; margin-bottom: 1em; text-transform: uppercase; font-weight: 700; } 
.sub_tt.tit2 { text-align: center; font-size: 2em; font-weight: 700; line-height: 1.8em; } 
.sub_tt.t1 { line-height: 1.6; padding-bottom: 1em; font-size: 1.1em; } 
.sub_tt.t1:last-of-type { padding-bottom: 0; } 
.sub_tt.dot { position: relative; padding-left: 1em; margin: .3em 0;} 
.sub_tt.dot:before { position: absolute; content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--siteC); top: 6.5px; left: 0; } 

.cbun { filter: brightness(0) invert(1); } 

.movBg_wrap{}
.movBg{ position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden;}
.movBg > .vod{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%);}
.movBg.movT > .vod{ top:0; transform:translate(-50%, 0);}
.movBg.movB > .vod{ top:auto; bottom:0; transform:translate(-50%, 0);}

.youtube_wrap {gap: 2em;}
.youtube_wrap .in {position: relative;}
.youtube_wrap .in .tt {margin-top: 1em; font-size: 1.125em; font-weight: 600;}

/* 콘서트소개 */

.page_twrap_img{ position:relative; padding-bottom:7em}
.page_twrap_img .wrap_con{ width:70%; background:#fff; position:relative;  z-index:1; box-sizing:border-box; padding:3em; padding-bottom:4em}
.page_twrap_img .wrap_con:before{ content:""; position:absolute; left:0; top:0; width:2em; height:2em; border:.25em solid var(--siteC); border-right:none; border-bottom:none}
.page_twrap_img .wrap_img{ position:absolute; left:0; bottom:0; width:100%; height:70%}
.page_twrap_img .wrap_img .img{ height:100%}
.page_twrap_img.st1{ padding-bottom:5em}
.page_twrap_img.st1 .wrap_con{ width:80%; margin:0 auto; text-align:center; padding:3em; border-top:1px solid #111}
.page_twrap_img.st1 .wrap_con:before{ display:none}
.page_twrap_img.st1 .wrap_con .page_tit {font-size: 1.25em; font-weight: 700;}
.page_twrap_img.st1 .wrap_img{ height:80%}


.history_wrap{ display:flex; align-items:flex-start; position:relative; padding:4em 0 1em 0}
.history_wrap:before{ content:""; position:absolute; top:0; width:1px; height:calc(100% - 3em); background:#ddd}
.history_wrap:before,
.history_wrap .tabLink{ left:27em}
.history_wrap .wrap_tab{ width:27em; padding:1em 0; padding:0 6em 0 3em; box-sizing:border-box}
.history_wrap .wrap_tab > li > a{ margin:2em 0; color:#111; position:relative; filter:grayscale(1); transition:.3s}
/* .history_wrap .wrap_tab > li > a:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,.5)} */
.history_wrap .wrap_tab > li > a .t1{ font-weight:700; font-size:1.75em}
.history_wrap .wrap_tab > li.on > a,
.history_wrap .wrap_tab > li > a:hover,
.history_wrap .wrap_tab > li > a:focus{ filter:grayscale(0); color:#fff}
/* .history_wrap .wrap_tab > li.on > a:before,
.history_wrap .wrap_tab > li > a:hover:before,
.history_wrap .wrap_tab > li > a:focus:before{ width:100%; height:100%; background:rgba(0,0,0,.2)} */
.history_wrap .wrap_tab > li > a{ border-color:#111; box-shadow:0 0 .5em rgba(0,0,0,.1); background: var(--siteC);}
.history_wrap .wrap_tab > li:nth-child(even) > a{background: var(--siteC2);}
.history_wrap .wrap_tab > li.on > a:after{ content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; border:.25em solid var(--siteC)}
.history_wrap .wrap_con{ flex:1 1 0%; min-width:0; box-sizing:border-box; padding:2em 0; padding-right:6em}
.history_wrap .tabLink{ width:5em; height:3em; position:absolute; bottom:0; transform:translatex(-50%)}
.fadeAni{ animation-name: fadeAni; animation-duration: 2s; animation-iteration-count: infinite}
.history_wrap .tabLink .xi{ font-size:3em; position:absolute; left:0; top:0; width:100%; text-align:center;color:#ddd; margin-left:1px; animation-duration: 3s; animation-iteration-count: infinite}
.history_wrap .tabLink .xi:before{content:"\e943"}
.history_wrap .tabLink.tab1 .xi:before{content:"\e946"}
.history_wrap .tabLink .xi:nth-child(1){ transform:translateY(-.188em) scale(.6); animation-name: angleAni1}
.history_wrap .tabLink .xi:nth-child(2){ transform:scale(.8); animation-name: angleAni2}
.history_wrap .tabLink .xi:nth-child(3){ transform:translateY(.188em); animation-name: angleAni3}
.history_wrap .tabLink.tab1 .xi:nth-child(1) { transform:translateY(-.188em) scale(1); animation-name: angleAni3}
.history_wrap .tabLink.tab1 .xi:nth-child(3) { transform:translateY(.188em) scale(.6); animation-name: angleAni1}
.history_wrap .tabLink:hover .xi,
.history_wrap .tabLink:focus .xi{animation-name: none; color:var(--siteC)}
@keyframes angleAni1{
	0% {color: #ddd}
	10% {color: var(--siteC2)}
	20% {color: #ddd}
}
@keyframes angleAni2{
	10% {color: #ddd}
	20% {color: var(--siteC2)}
	30% {color: #ddd}
}
@keyframes angleAni3{
	20% {color: #ddd}
	30% {color: var(--siteC2)}
	40% {color: #ddd}
}
.history > li{ padding:0 0 4em 4em; position:relative}
.history > li:before{ content:""; position:absolute; left:0; top:1.25em; width:3em; height:1px; background:#ddd}
.history > li .dot{ position:absolute; left:0; top:1.25em; transform:translate(-50%,-50%); width:1.5em; height:1.5em}
.history > li .dot:before,
.history > li .dot:after{ content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; border-radius:50%}
.history > li .dot:before{ background:none; }
.history > li .dot:after{ background:#ccc; width:40%; height:40%}
.history > li .year .t1{ font-weight:700; font-size:1.75em; letter-spacing:-.063em}
.history > li .list{ padding:1em 0}
.history > li .list > li{ display:flex; padding:.5em .125em}
.history > li .list > li .inner {gap: 2em;}
.history > li .list > li .month{margin-bottom: .5em;}
.history > li .list > li .con{ flex:1 1 0%; min-width:0; padding:.125em 0; color:#666}
.history > li .list > li .con .t1{ font-size:1.063em}
.history > li .list > li .con .t1 span {min-width: 3.7em;}
.history > li .month .t1{ font-weight:500; font-size:1.125em;}
.history > li.on .year,
.history > li.on .list > li .month{ color:var(--siteC)}
.history > li.on .list > li .con{ color:#111; font-weight:500}
.history > li.on .dot:before{ background:var(--siteC); opacity:.4;  animation-name: scaleAni; animation-duration: 2s; animation-iteration-count: infinite}
.history > li.on .dot:after{ background:var(--siteC)}
@keyframes scaleAni{
	100% { opacity:0; width:150%; height:150%}
}


/*오시는길*/
.map_Wrap { } 
.map_Wrap .map_con { overflow: hidden; border-radius: 1em; } 
.map_Wrap .map_infoCon { padding-top: 2.5em; } 
.map_Wrap .map_infoCon .contact_list { margin-top: 1em; gap: 4em; } 
.map_Wrap .map_infoCon .contact_list > li { position:relative; } 
.map_Wrap .map_infoCon .contact_list > li:before { position: absolute; top: 50%; right: -2rem; transform: translateY(-50%); width: 1px; height: 1.6rem; background-color: #888; content: ""; } 
.map_Wrap .map_infoCon .contact_list > li:last-of-type:before { content: none; } 
.map_Wrap .map_infoCon .contact_list > li > p { font-size: 1.525em; } 
.map_Wrap .map_infoCon .contact_list > li > p > span { color: #666; font-weight: 400; } 
.map_Wrap .map_infoCon .map_box { padding-bottom: 3.5em; margin-bottom: 3.5em; border-bottom: 1px solid #ddd; } 
.map_Wrap .map_infoCon .map_box:last-of-type { margin-bottom: 0em; padding-bottom: 0em; border: none; } 

/* greeting */

.page_tit1{ margin-bottom:30px;}
.page_tit1 .subtit{ margin-bottom:10px; font-weight:600; font-size:16px; color:var(--siteC2);}
.page_tit1 .tit-g{font-weight:600; font-size:40px; line-height:48px;}
.page_tit1 .tit-g strong{ vertical-align:baseline; color: var(--siteC); font-weight: 700;}
.sub_section .box1{display:flex;}
.sub_section .page_txt{
	width:50%; margin-right: 40px; 
	font-weight:400; font-size:18px; padding:30px 0 0; line-height:32px;
}
.sub_section .page_txt *{ vertical-align:baseline;}
.sub_section .page_txt p{ margin-bottom:20px;}
.sub_section .page_txt em{ font-weight:600; color:var(--siteC);}
.sub_section .page_txt .ceo_sig{ font-size: 20px; text-align: right;}
.sub_section .page_bg{ 
	width: calc( 45% - 30px); height: 580px;
	background-image:url(../images/sub/forum/greet_ceo.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

.greetSlide .el{ position: relative; overflow:hidden; height:35vh;}
.greetSlide .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.2)}
.greetSlide .el.swiper-slide-active .vod_wrap:after,
.greetSlide .el.swiper-slide-duplicate-active .vod_wrap:after{ transition:2s; opacity:.2}
.greetSlide .el.swiper-slide-active .bg,
.greetSlide .el.swiper-slide-duplicate-active .bg{ transition:7s; transform:scale(1) rotate(.001deg)}

.visualSlideSlogan_wrap{ position:absolute; left:0; width:100%; height:100%; bottom:0; box-sizing:border-box; z-index:10; color:#fff}
.visualSlideSlogan_wrap .wrapIn{ display:flex; flex-direction:column; height:100%}
.visualSlideSlogan_wrap .wrapIn .greet_con{ flex:1 1 0%; min-height:0; display:flex; flex-direction:column; justify-content:center; gap:3em; margin-top:10vh}

.greetSlide .slogan{ box-sizing:border-box; padding:4em 5vw; text-align:center}
.greetSlide .slogan .t1{ font-size:1.25em; font-weight:500; opacity:.9; color: #fff; margin-top: 1em;}
.greetSlide .slogan .t2{ font-size:2em; font-weight:700; margin-top:.5em; position: relative; color: #fff;}
.greetSlide_control{ margin-top:2em; display:flex; align-items:flex-end; width:100%}
.greetSlide_control .control{ margin:0 0 1em auto; gap:1em}
.greetSlide_control .paging{ width:5em; text-align:center;}
.greetSlide_control .paging .swiper-pagination-current{ font-weight:700}

.purchase_wrap{gap: 1em;}
.purchase_wrap .wideB{ position:relative; margin-bottom: 2.5em;}
.purchase_wrap .wideB:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .25); content: ''; border-bottom-left-radius: 50px;}
.purchase_wrap .wideB > .img_con{ width: 100%; height: 27em; border-bottom-left-radius: 50px; overflow: hidden;}
.purchase_wrap .wideB > .img_con > img{ width: 100%; height: 100%; object-fit: cover;} 
.purchase_wrap .wideB > .tbox{ position: absolute; bottom: 15%;  left: 0; box-sizing: border-box; padding: 0 30px; width: 100%; color: #fff;}
.purchase_wrap .wideB > .tbox > .num{ font-size: 1.25em; font-weight: 800; margin-bottom: 1.25em;}
.purchase_wrap .wideB > .tbox > .tit{ font-size: 1.8em; font-weight: 800; margin-bottom: 1em;}
.purchase_wrap .wideB > .tbox > .txt_list{}
.purchase_wrap .wideB > .tbox > .txt_list > li{ margin-bottom: .25em; font-size: 1.15em; font-weight: 600;}
.purchase_wrap .wideB > .tbox > .txt_list > li:last-of-type{ margin-bottom: 0em;}

.intro_list2 { gap: 1em; border: 1px solid #ddd; border-radius: 1em; padding: 5em 0; margin-top: 2em;}
.intro_list2 li {width: 30%; text-align: center;}
.intro_list2 li:nth-child(1),
.intro_list2 li:nth-child(5) {width: 15%; text-align: center;}
.intro_list2 li.arrow {width: 5%;}
.intro_list2 .in1_cir {width: 8em; height: 8em; background: var(--siteC2); line-height: 8em; margin: 0 auto 1em; border-radius: 50%; color: #fff; font-size: 1.125em; font-weight: 700;}
.intro_list2 .bott_t {font-size: 1.05em; font-weight: 500;}
.intro_list2 .in2 {width: 9em; margin: 0 auto; height: 9em; line-height: 9em; background-color: #f1f1f1; border: 1px solid var(--siteC2); font-size: 1.25em; color: var(--siteC); font-weight: 700; border-radius: 50%; position: relative; padding: 2em; z-index: 2;}
.circle { position: absolute;top: 0; left: 0; background-color: inherit; border:1px solid var(--siteC2); height: 100%; width: 100%; border-radius: 100%; opacity: 0.5; animation: pulse 3s ease-out infinite; z-index: -1;}
.circle:nth-of-type(1) {animation-delay: -0.5s;}
.circle:nth-of-type(2) { animation-delay: -1s;}
.circle:nth-of-type(3) {animation-delay: -1.5s;}

@keyframes pulse {
      100% {
        transform: scale(1.5);
        opacity: 0;
      }
}
.intro_list2 .in3_cir {width: 8em; height: 8em; background: var(--siteC); line-height: 8em; margin: 0 auto 1em; border-radius: 50%; color: #fff; font-size: 1.125em; font-weight: 700;}

/* 미래용어사전 */

.di_wrap {font-size: 0}
.di_wrap>li {display: inline-block; zoom: 1; vertical-align: top; font-size: 16px; font-size: 1rem;}
.di_wrap>li>a,
.di_wrap>li>.in { display: block}
.board_cate.st2 { width: 100%;}
.board_cate.st2 li { width: 6.66%;}
.board_cate.st3 { width: 100%;}
.board_cate.st3 li { width: 7.69%;}

.board_search_detail{ position:relative}
.board_search_detail .wrap_tit{ position:absolute; left:2em; top:0; padding:0 .75em; background:#fff; transform:translateY(-50%)}
.board_search_detail .wrap_tit .t1{ font-weight:700; font-size:1.313em; color:var(--siteC)}
.board_search_detail .wrap_con{ border:1px solid var(--siteC); padding:1.25em 2em; border-radius:.5em}
.board_search_detail .wrap_con .list{ display:flex; flex-wrap:wrap; gap:0 4em}
.board_search_detail .wrap_con .list > li{ width:100%}
.board_search_detail .wrap_con .list > li .in{ display:flex; padding:.75em 0; min-height:2em}
.board_search_detail .wrap_con .list > li .in.vc{ align-items:center}
.board_search_detail .wrap_con .list > li:not(:first-child){ border-top:1px solid #ddd}
.board_search_detail .wrap_con .list > li.st1{ border-top:none}
.board_search_detail .wrap_con .list > li .in .tit{ width:9em; position:relative; display:flex; align-items:center; box-sizing:border-box}
.board_search_detail .wrap_con .list > li .in .tit.p1{ padding-left:1em}
.board_search_detail .wrap_con .list > li .in .tit .t1{ font-weight:500; font-size:1.125em}
.board_search_detail .wrap_con .list > li .in .tit .t2{ font-weight:500}
.board_search_detail .wrap_con .list > li .in .tit .ico{ font-size:1em; width:1.5em; text-align:center}
.board_search_detail .wrap_con .list > li .in .con{ flex:1 1 0%; min-width:0; padding:.125em 0}
.board_search_detail .wrap_con .list > li .in .con .t1{ font-size:1.063em}
.board_search_detail .wrap_con .list > li.w1{ width:calc(50% - 2em)}
.board_search_detail.st1 .wrap_con .list > li{ border-bottom:none}
.board_search_detail.st1 .wrap_con .list > li .in{ padding:.375em 0}

.flex_table2
.flex_table2 .thead{ margin-bottom:1em}
.flex_table2 .tbody{ display:flex; flex-direction:column; height:100%}
.flex_table2 .tr{ flex:1 1 0%; min-height:0; display:flex; border:1px solid #ddd; box-sizing:border-box; overflow:hidden}
.flex_table2 .tr:not(:last-child){border-bottom:none}
.flex_table2 .tr:first-child{ border-top-left-radius:.5em; border-top-right-radius:.5em}
.flex_table2 .tr:last-child{ border-bottom-left-radius:.5em; border-bottom-right-radius:.5em}
.flex_table2 .td{ display:flex; flex-direction:column; align-items:center; min-height:2.5em; justify-content:center; text-align:center; flex:1 1 0%; min-width:0; box-sizing:border-box; padding:1em; border-right:1px solid #ddd}
.flex_table2 .td.al{ align-items:flex-start}
.flex_table2 .td:last-child{ border-right:none}
.flex_table2 .td.bg1{ background:#f5f5f5}
.flex_table2 .td.w1{ flex:0 0 10em}
.flex_table2 .td.w2{ flex:0 0 8em}
.flex_table2 .td.w3{ flex:0 0 12em}
.flex_table2 .td.wName{ flex:0 0 7em}
.flex_table2 .td.wPo{ flex:0 0 4em}
.flex_table2 .td.wMail{ flex:0 0 12em}
.flex_table2 .td.wTel{ flex:0 0 9em}
.flex_table2 .thead .tr{ box-shadow:0 .25em .5em rgba(0,0,0,.1); background:#fff; color:var(--siteC)}
.flex_table2 .thead .tr:first-child{ border-top-left-radius:0; border-top-right-radius:0; border-top:1px solid var(--siteC)}
.flex_table2 .flex_table{ flex: 1 1 0; min-width:0}
.flex_table2 .flex_table .thead{ margin-bottom:0}
.flex_table2 .flex_table .tr{ border:none; border-bottom:1px solid #ddd}
.flex_table2 .flex_table .tr:last-child{ border-bottom:none}

/* 미래경영칼리지 */

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

.wrap_idx { } 
.wrap_idx .sub-tab { display: flex; height: 4.15em; border-radius: 100px; background-color: #ededed; width: 1280px; margin: 0 auto 4.5em;} 
.wrap_idx .sub-tab > li { position: relative; cursor: pointer; height: 100%; display: flex; align-items: center; justify-content: center; flex: 1; font-size: 1.15em; font-weight: 700; border: 2px solid transparent; border-radius: 100px; color: #afafaf; transition: .3s; } 
.wrap_idx .sub-tab > li.on { background-color: var(--siteC); color: #fff; } 

.intro_wrap {} 
.intro_wrap .intro_bg { position:relative; height: 55vh; } 
.intro_wrap .intro_bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .65); content: ''; } 
.intro_wrap .intro_bg .intro_tbox { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; width: 100%;} 
.intro_wrap .intro_bg .intro_tbox .dot { position:relative; width: .85em; } 
.intro_wrap .intro_bg .intro_tbox .dot.turn { position: relative; top: -35px; transform: rotate(180deg); } 

.intro_wrap2 {gap: 1em;}
.intro_wrap2 li {flex: 1 49%;}
.intro_wrap2.w1 li {flex: 1 32%;}
.intro_wrap2 li .in {}
.intro_wrap2 li .in .tx_box {padding: 1.5em; background: var(--crGray3); margin-top: 0.5em;}
.intro_wrap2 li .in .tx_box .t1 {font-size: 1.6em; font-weight: 700;}
.intro_wrap2 li .in .tx_box .t2 {font-size: 0.9em;}
.intro_wrap2 li .in .tx_box .t3 {font-size: 1.125em; font-weight: 500; margin: .7em 0;}
.intro_wrap2 li .in .tx_box .t4 {line-height: 1.4; color: #333;}
.intro_wrap2 li .in .tx_box .t4.h2 {min-height: 8.5em;}

.intro_wrap3 {}
.intro_wrap3 li {margin: 1em 0;}
.intro_wrap3 li .in {gap: 1em;}
.intro_wrap3 li .in .img_box {width: 33%; box-shadow: 0 3px 1em rgba(0, 0, 0, .09);}
.intro_wrap3 li .in .tx_box {padding: 1.5em; width: 65%; min-height: 10.6em; border: 1px dashed var(--siteC); box-shadow: 0 3px 1em rgba(0, 0, 0, .09);}
.intro_wrap3 li .in .tx_box .t1 {font-size: 1.4em; font-weight: 700;}
.intro_wrap3 li .in .tx_box .t2 {font-size: 0.9em;}
.intro_wrap3 li .in .tx_box .t3 {font-size: 1.125em; font-weight: 500; margin: .7em 0;}
.intro_wrap3 li .in .tx_box .t4 {line-height: 1.4; color: #333; font-size: 1.05em;}
.intro_wrap3 li .in .tx_box .t4.h2 {min-height: 8.5em;}

.list_wrap{}
.list_wrap .list_wrap{}
.list_wrap .list{ gap:2em; counter-reset:listIdx;}
.list_wrap .list > li{ display:flex; width:calc(33.33% - 2.6666em); counter-increment:listIdx;}
.list_wrap .list.w2 > li { display:flex; width:calc(50% - 1em); } 
.list_wrap .list > li .in{ flex:1; background:#fff; overflow:hidden; box-shadow:0 3px 1em rgba(0,0,0,.09);}
.list_wrap .list > li .in .img{ padding-bottom:38%;}
.list_wrap .list > li .in .img:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.15;}
.list_wrap .list > li .in .con{ gap:.625em; padding:2em 1em; text-align:center; position:relative;}
.list_wrap .list > li .in .numPos{ position:absolute; top:0; left:1.5em; width:auto; text-align:left; transform:translateY(-50%);}
.list_wrap .list > li .in .num{ font-size:4.000em; font-weight:800;}
.list_wrap .list > li .in .num:before{ content:counter(listIdx, decimal-leading-zero); background:linear-gradient(180deg, var(--crWhite), var(--crWhite) 50%, var(--siteC) 50%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:transparent;}
.list_wrap .list > li .in .tit{ font-size:1.25em; font-weight:600;}
.list_wrap .list > li .in .txt{ color:#555;}

.oper_cont { margin-bottom:2em; } 
.oper_cont .oper_bg { background-size:cover; background-position:center; background-repeat:no-repeat; height:280px; } 
.oper_cont .oper_tit { background:#fff; padding:2.5em 4em; max-width:94%; width:1100px; box-sizing:border-box; margin:-5em auto 0; text-align:center; } 
.oper_cont .oper_tit .tt { font-size:2em; margin-bottom:25px; font-weight: 700; position: relative; display: inline-block;} 
.oper_cont .oper_tit .tt::before {content: ""; position: absolute; left: 0%; bottom: 100%; width: 1em; height: 1em; transform: translate(-60%, 60%); border-radius: 50%; background: var(--siteC2); opacity: .3; }
.oper_cont .oper_tit .t1 { font-size:1.25em; line-height:1.5; margin-bottom:15px; } 
.oper_cont .oper_tit .t1:last-child { margin-bottom:0; } 
.oper_cont .oper_tit .t1.st { font-size:1.5em; } 
.oper_cont .oper_tit .t1.st .in { font-size:1.5em; font-weight:600; } 
.oper_cont .oper_tit .t1 .c_point { font-weight:500; } 

.companyD_tit {position: relative;}
.companyD_tit::before {content: ""; position: absolute; left: 0%; bottom: 100%; width: 1em; height: 1em; transform: translate(-60%, 60%); border-radius: 50%; background: var(--siteC2); opacity: .3; z-index: -1;}



/* A */
.compantA_Wrap { } 
.compantA_Wrap .compantA_con { gap: 4em; align-items: center; } 
.compantA_Wrap .compantA_con .G_left { flex: 1 1 35%; } 
.compantA_Wrap .compantA_con .G_left .img_con { width: 100%; height: 47.5em; } 
.compantA_Wrap .compantA_con .G_left .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.compantA_Wrap .compantA_con .G-right { flex: 1 1 60%; } 
.compantA_Wrap .compantA_con .G-right > .top_logo { width: 14.5em; margin-bottom: 1.25em; } 
.compantA_Wrap .compantA_con .Top_ttl { position:relative; } 
.compantA_Wrap .compantA_con .Top_ttl .gary_t { position: absolute; bottom: 4.5em; left: 25%; } 
.compantA_Wrap .compantA_con .Top_ttl .gary_t > p { font-weight: 900; color: #e9e9e9; font-size: 4.45em; font-style: italic; opacity: .65; } 
.compantA_Wrap .compantA_con .Top_ttl > p { font-size: 2.3em; font-weight: 500; } 
.compantA_Wrap .compantA_con .Top_ttl > p > span { } 
.compantA_Wrap .compantA_con .G_line { position:relative; border: 1px dashed #e9e9e9; width: 100%; margin: 2.25em 0; } 
.compantA_Wrap .compantA_con .G_line:before { position: absolute; left: 0; width: 70px; height: 1px; background: var(--siteC); content: ''; } 
.compantA_Wrap .compantA_con .G_btm { } 
.compantA_Wrap .compantA_con .G_btm .page_tt { } 
.compantA_Wrap .compantA_con .G_btm .page_tt > .tt { font-size: 1.25em; margin-top: 1em; line-height: 1.5; color: #444; } 
.compantA_Wrap .compantA_con .G_btm .page_tt > .tt:first-of-type { margin-top: 0em; } 
.compantA_Wrap .compantA_con .G_btm .ceo { margin-top: 1.5em; align-items: center; gap:1em;} 
.compantA_Wrap .compantA_con .G_btm .ceo .sign{ width: 16em;}
.compantA_Wrap .compantA_con .G_btm .ceo .ceo_t {} 
.compantA_Wrap .compantA_con .G_btm .ceo .ceo_t > p { font-size: 1.45em; font-weight: 600; } 
.compantA_Wrap .compantA_con .G_btm .ceo .ceo_t > p > span { font-size: 1.5em; } 

.compantA_con2 .con2_list {gap: 2em;}
.compantA_con2 .con2_list li {width: 25%; text-align: center; background: #fff; padding: 2em 0; border-radius: 1em;}
.compantA_con2 .con2_list li .icon {width: 20%; margin: 0 auto; margin-bottom: 1em;}
.compantA_con2 .con2_list li .tt {font-size: 1.05em; font-weight: 500;}

/* 참석신청 */

.page_tab2_wrap { margin-bottom:1em; border:1px solid #ddd; padding:.5em .8em 1em .8em; border-radius:.3em } 
.page_tab2 { margin:0 0 0 -.5em } 
.page_tab2 > li { width:10em } 
.page_tab2.st2 > li { width:33.3%;} 
.page_tab2.st3 > li { width:10%;} 
.page_tab2 > li > a { display:block; border:1px solid #ddd; padding:.6em; margin:.5em 0 0 .5em; background:#fff; position:relative; transition:.3s; text-align:center; border-radius:.3em } 
.page_tab2 > li > a .tt { font-size:.875em } 
.page_tab2 > li > a .icon { position:absolute; right:.5em; top:50%; margin-top:-.5em; font-size:1em; opacity:0 } 
.page_tab2 > li > a .icon:before { content:"\e942" } 
.page_tab2 > li:hover > a,
.page_tab2 > li.on > a { background:var(--siteC); border-color:var(--siteC); color:#fff; border-radius:.3em } 
.page_tab2 > li.on > a .icon { opacity:1 } 

.sub2_ul { overflow:hidden; margin:0 0 -20px -20px; } 
.sub2_ul li { float:left; width:33.33%; } 
.sub2_ul li .border_dv { margin:0 0 20px 20px; border:1px solid #ddd; padding:2em; position:relative; background:#fefefe url(../images/sub/mark.png) no-repeat 95% 90%; border-radius:.3em; } 
.sub2_ul li.recently .border_dv { opacity:1; } 
.sub2_ul li .border_dv .p1 { color:#111; font-size:1.250em; margin-bottom:0.5em; padding-bottom:0.5em; font-weight: 600; } 
.sub2_ul li .border_dv .p2 { color:#555; font-size:.938em; margin-bottom:1.5em; padding-bottom:1.5em; border-bottom:1px dashed #ddd; line-height:1.7 } 
.sub2_ul li .border_dv .p1 .new_icon { font-size:1.35em; color:var(--siteC1); animation-duration: 1s; animation-iteration-count: infinite; } 
.new_icon { animation-name:new_icon } 
.sub2_ul li .border_dv .date { color:#666; font-size:.938em; margin-bottom:6px; position:relative; padding-left:20px; } 
.sub2_ul li .border_dv .date .xi { position:absolute; left:0; top:0; } 
.sub2_ul li .border_dv .date span { margin-left:3px; display:inline-block; *display:inline; zoom:1; vertical-align:middle; line-height:1.6; } 
.sub2_ul li .border_dv .more_btn { padding:.8em 1.5em; background:var(--siteC); color:#fff; font-size:0.875em; margin-top:20px; border-radius:.3em; } 
.sub2_ul li .border_dv .more_btn:hover {background: #333;}
.sub2_ul li .border_dv .more_btn2 { background:#2aa1d8; } 
.sub2_ul li .border_dv .more_btn2:hover { background:#1b749e; } 

.sub2_tit_dv { text-align:center; display:none } 
.sub2_tit_dv p { position:relative; display:inline-block; } 
.sub2_tit_dv p span { position:relative; font-size:2em; font-weight:600; margin-bottom:.8em; display:inline-block; } 

.board_table.edu { border-top:4px solid var(--siteC); } 
.board_table.edu th { background:#f4f4f4 } 
.board_table.edu th,
.board_table.edu td { padding:.6em 1em; } 

.myinfo_wrap { position: relative; } 
.myinfo_wrap .myinfo_modal { position: absolute; background: #fff; border: 1px solid #ddd; padding: 0.7em; display: none; } 
.myinfo_wrap .myinfo_modal.m1 { left: 9em; top: 11em; } 
.myinfo_wrap .myinfo_modal.m2 { left: 9em; top: 15em; } 
.myinfo_wrap .myinfo_modal.m3 { left: 9em; top: 19em; } 
.myinfo_wrap .myinfo_tit { border-bottom: 1px solid #666; padding: 1em .5em; } 
.myinfo_wrap .myinfo_tit .btn { font-size: .938em; } 
.myinfo_wrap .myinfo_con { border: 1px solid #ddd; border-radius: .5em; margin: 0 0.2em 0.5em; } 
.myinfo_wrap .myinfo_con .tit { width: 13em; background: rgb(248, 248, 248); padding: 1em 0; border-radius: 0.5em 0 0 0.5em; font-weight: 600; } 
.myinfo_wrap .myinfo_con .tit > .circle > .xi { font-size: .95em; padding-left: .3em; color: #ff473e; } 
.myinfo_wrap .myinfo_con .txt { flex: 1; padding: 1em 0 1em 1em; } 
.myinfo_wrap .myinfo_con .txt.situation { flex: 1 1 12.16%; max-width: 12.16%; } 
.myinfo_wrap .myinfo_con .txt.situation > a > .t14 { display: inline; } 
.myinfo_con.st2 { border:1px solid #ddd; } 

.myinfo_wrap .pay_info { border-top: 1px dashed var(--siteC2); padding-top: 1em; margin-top: 1em; } 

.member_wrap .finish_wrap { text-align:center; } 
.member_wrap .join_finish { text-align: center; margin-bottom: 1em; } 
.member_wrap .join_finish .tit { font-size:1.500em; color: var(--siteC); letter-spacing:-1px; font-weight: 600; } 
.member_wrap .join_finish .txt { padding:.4em 0; } 
.member_wrap .finish_wrap .join_fin { font-size:.938em; color:#3c3c3d; } 
.member_wrap .finish_wrap .join_fin .th,
.member_wrap .finish_wrap .join_fin .td { padding:.8em 1.5em; border:1px solid #ddd; text-align:left; } 
.member_wrap .finish_wrap .join_fin .th { width:10em; background:#f5f5f5; } 
.member_wrap .finish_wrap .join_fin .td { width:auto; letter-spacing:0; } 

.table_form_wrap { } 
.table_form_wrap .form_tit { padding:1em 0 } 
.table_form_wrap .form_tit .t1 { font-weight:700; font-size:1.375em } 
.table_form_wrap .form_tit .t2 { font-weight:700; font-size:1.625em } 
.table_form_wrap .form_tit .t3 { font-weight:500; font-size:1.125em } 
.table_form > li { border-bottom:1px solid #ddd; padding:.75em 0 } 
.table_form > li:first-child { border-top:1px solid #111 } 
.table_form > li.bd0 { border-bottom:none !important } 
.table_form > li.bd1 { border-top:none !important } 
.table_form > li.p1 { padding:1.5em 0; } 
.table_form .wrap_in { display:flex; align-items:center } 
.table_form .wrap_in .ti_wrap,
.table_form .wrap_in .con_wrap { min-height:3em; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; } 
.table_form .wrap_in .tit_wrap { width:12em; gap:.5em 0; padding:0 1.25em; } 
.table_form .wrap_in .ti_wrap { width:12em; gap:.5em 0; padding:0 1.25em; } 
.table_form .wrap_in .tit1 { font-size:1em; font-weight:600; } 
.table_form .wrap_in .tit2 { font-size:1.063em; font-weight:600; } 
.table_form .wrap_in .tit3 { font-size:1.000em; font-weight:500; line-height:1.2; } 
.table_form .wrap_in .con_wrap { flex:1 1 0%; min-width:0; gap:.25em; font-size:.95em; } 
.table_form .wrap_in .con_wrap > * { flex:1 1 0%; min-width:0 } 
.table_form .wrap_in .con_wrap .inp_tt { flex:0 0 auto; font-size:.938em; color:#666; } 
.table_form .wrap_in .con_wrap .input_st { width:100%;} 
.table_form .wrap_in .con_wrap .filebox > .input_st{ background: #fff;}
.table_form .wrap_in .con_wrap .line { padding-top:.75em; margin-top:.75em; border-top:1px solid #ddd } 
.table_form .wrap_in.col { flex-direction:column } 
.table_form .wrap_in.col > * { flex:0 0 auto; width:100% } 
.table_form .wrap_in.col .tit_wrap { padding:0 0; } 

.cost_box {background: var(--crGray); padding: 1em 1.5em;}

/*  */

.event_img {border-radius: 1em; overflow: hidden;}

.page_txt_wrap{}
.page_txt_wrap > .innerSec:first-child{padding-top:0 !important;}
.page_txt_wrap > .innerSec:last-child{padding-bottom:0 !important;}
.page_txt_wrap > .innerSec.flex > .wrap_tit{ flex:1;}
.page_txt_wrap > .innerSec.flex > .wrap_con{ flex:1;}
.page_txt_wrap > .innerSec.flex > .wrap_img{ flex:1;}
.page_txt_wrap > .innerSec.flex > .wrap_img > .in_img{ height:100%;}
.page_txt_wrap.line > .innerSec{ border-bottom:1px dashed #d9d9d9;}
.page_txt_wrap.line > .innerSec:last-child{border-bottom-width:0;}

.page_txt_wrap.st1 > .innerSec{ padding:3.75em 0;}
.page_txt_wrap.st1 > .innerSec.flex > .wrap_tit{ max-width:22.5em;}
.page_txt_wrap.st1 > .innerSec.flex > .wrap_con{ padding-left:3.75em;}

.page_txt_wrap.st3{ border-top:1px solid #000;}
.page_txt_wrap.st3 > .innerSec{ padding:0 0; background:#fff; border-bottom:1px solid #e5e5e5;}
.page_txt_wrap.st3 > .innerSec > .wrap_tit,
.page_txt_wrap.st3 > .innerSec > .wrap_con{ padding:2.5em 1.5em;}
.page_txt_wrap.st3 > .innerSec.flex > .wrap_tit{ max-width:16em; position:relative;}
.page_txt_wrap.st3 > .innerSec.flex > .wrap_tit:before{ content:""; position:absolute; top:-1px; left:0; width:100%; height:1px; background:var(--siteC);}
.page_txt_wrap.even.st3 > .innerSec:nth-child(even){ background:#f7f7f7;}

.page_txt_wrap.st4 > .innerSec{ padding:.875em .25em;}
.page_txt_wrap.st4 > .innerSec:last-child{ border-bottom-width:0;}
.page_txt_wrap.st4 > .innerSec.flex > .wrap_tit{ max-width:10em;}
.page_txt_wrap.st4 > .innerSec.flex > .wrap_con{ padding-left:1.5em;}

.page_tit.icon2{ position:relative;}
.page_tit.icon2:before{ content:""; display:block;}
.page_tit.icon2 > .tt{ position:relative;}
.page_tit.icon2{ margin-bottom:2em;}
.page_tit.icon2:before{ position:absolute; left:0; top:0; width:2.5em; height:2.5em; background:#56338d; border-radius:50%; opacity:.2; transform:translate(-.75em, -.25em);}

.page_ex_list > li{padding:.313em 0;}
.page_ex_list > li > .in{ position:relative;}
.page_ex_list > li > .in:before{ content:""; position:absolute; left:0;}
.page_ex_list > li > .in > .tt{ font-size:1.063em; color:#111; line-height:1.5;}
.page_ex_list.tbl_tt > li > .in > .tt{ font-size:1em; color:#444; line-height:1.5;}
.page_ex_list > li > .in > .tt.bold{ font-weight: 600; }
.page_ex_list > li > .in > .tt.t1{ margin-top:.25em; font-size:1em; color:#555;}
.page_ex_list > li > .in > .tt.t1.bl{color:#111;}
.page_ex_list.dot > li > .in{ padding-left:1em;}
.page_ex_list.dot > li > .in:before{ top:.5em; width:.313em; height:.313em; background:var(--siteC); border-radius:50%;}
.page_ex_list > li:first-child{ padding-top:0;}
.page_ex_list > li:last-child{ padding-bottom:0;}

.wonwoo_list {gap: 1em;}
.wonwoo_list li {width: 18%; border: 1px solid #ddd; text-align: center;}
.wonwoo_list li .img img { margin: 1em 0;}
.wonwoo_list li .img img { border-radius: .8em; overflow: hidden;}
.wonwoo_list li .t1 { margin-bottom: .5em;}
.wonwoo_list li .t2 {font-size: 1.125em; font-weight: 700; margin-bottom: 1em;}

/* 원우회 회칙 */
.pg_menu_list { justify-content:flex-start; align-items:flex-start; align-items:stretch; background: #fff; padding:0 1px 1px 0; border-radius: 1em; overflow: hidden; border: 1px solid var(--siteC); box-shadow: 0 0 1em rgba(0, 0, 0, .1); } 
.pg_menu_list > li { width: 20%; } 
.pg_menu_list > li .in { position:relative; z-index:1; flex:1; margin:0 -1px -1px 0; padding:.5em .5em; min-height:2.5em; text-align:center; color:var(--siteC); border: 1px dashed #ddd; font-weight: 600; } 
.pg_menu_list > li:hover .in { z-index:2; background:var(--siteC); color:#fff; transition:.2s; } 
.scroll .pg_menu_list { position: fixed; bottom: -5%; left: 50%; transform: translate(-50%, -50%); } 

.sub1_3Wrap { margin-top:2em; box-shadow: 0 0 1em rgba(0, 0, 0, .1); } 
.sub1_3Wrap .con { padding:1.25em 1.5em; background:#fff; box-sizing:border-box; } 
.sub1_3Wrap .con .list1 { line-height:1.3; } 
.sub1_3Wrap .con .list1 > dt { margin:1em 0 .3em 0; font-size:1.063em; color:#222; } 
.sub1_3Wrap .con .list1 > dt:first-child { margin-top:0; } 
.sub1_3Wrap .con .list1 > dd { font-size:.875em; color:#333; line-height:1.7; } 
.sub1_3Wrap .con .list1 > dd > strong { color:#111; vertical-align:baseline; } 
.sub1_3Wrap .tit { text-align:center; } 
.sub1_3Wrap .tit > .tt { color:#444; padding:.7em 0; font-size:1.3em; font-weight: 600; border-top: 3px solid var(--siteC); display:block; background: #e6e5ef; }