@charset "utf-8"; /* CSS Document */
body { font-size:16px; } 
.box1 { width:1400px; max-width:92%; margin:0 auto; } 
.box2 { width:62.5em; max-width:92%; margin:0 auto; } 
.box3 { width:65em; /*width:70em; */ max-width:94%; margin:0 auto; } 

.pcHide { display:none !important; } 
.moHide { } 

.dwrap { position:relative; width:2000px; left:50%; top:0; margin-left:-1000px } 
.dwrap img { display:block } 

.gnb > li.m_mypage,
.gnb > li.m_policy,
.gnb > li.m_member { display:none; } 

/*header*/
#header { position:relative; z-index:888; } 
#header .gnbH,
#header .gnb_wrap .gnb > li .dp1 { height:5em; } 
.fullH { height:calc(100vh - 7.813em); box-sizing:border-box; } 
.main .visualSlider_wrap .fullH { height:calc(100vh - 7.813em - 7.5em); } 
.headT { padding-top:7.813em; } 
.headH { height:7.813em; } 

#header .headWrap { position:fixed; top:0; left:0; right:0; } 
#header .top_wrap { background:#04763d; } 
#header .top_wrap .menu { } 
#header .top_wrap .menu > li > .in { position:relative; height:2.813em; padding:0 .875em; color:#fff; } 
#header .top_wrap .menu > li > .in:after { content:""; display:block; position:absolute; width:1px; height:.75em; top:50%; right:0; background:rgba(255,255,255,.15); transform:translateY(-50%); } 
#header .top_wrap .menu > li:last-child > .in { padding-right:0; } 
#header .top_wrap .menu > li:last-child > .in:after { display:none; } 
#header .top_wrap .menu > li > .in > .xi { font-size:.875em; opacity:0; transition:.3s; overflow:hidden } 
#header .top_wrap .menu > li > .in > .tt { font-size:.813em; } 
#header .top_wrap .menu > li > a.in:hover > .tt { text-decoration:underline; } 
#header .top_wrap .menu > li > a.in:hover > .xi { opacity:1; padding-left:.25em; transition:.3s; overflow:visible; } 
#header .top_wrap .menu > li .home { } 
#header .top_wrap .menu > li .home .tt { background:#142339; display:block; padding:.688em 1.250em; } 
#header .top_wrap .menu > li .home:first-child > .in > .tt .xi { opacity:1; overflow:visible; } 
#header .top_wrap .menu > li .home .xi { font-size:1em; } 
#header .top_wrap .menu > li .home:first-child > .in:hover > .xi { padding-left:0; transition:none } 

#header .top_wrap .menu > li > .in.exam { padding: 0 0 0 .875em; } 
#header .top_wrap .menu > li > .in.exam > .tt { background: #b97070; display: block; padding: .688em 1.250em; } 

#header .top_wrap .menu > li.font > .in { padding-left:1.625em; } 
#header .top_wrap .menu > li.font > .in > .tt { font-weight:600; } 
#header .top_wrap .menu > li.font .font_btn { margin-left:1.125em; border:1px solid #111; border-radius:4px; overflow:hidden; } 
#header .top_wrap .menu > li.font .font_btn > li .btn { width:1.375em; height:1.25em; background:linear-gradient(0deg,#ddd 0%,#fff 50%,#fff 100%); border-left:1px solid #ddd; color:#000; } 
#header .top_wrap .menu > li.font .font_btn > li:first-child .btn { border-left-width:0; } 
#header .top_wrap .menu > li.font .font_btn > li .btn .xi { font-size:1.063em; line-height:1; } 
#header .top_wrap .menu > li.font .font_btn > li .btn .dot { width:4px; height:4px; background:#000; border-radius:50%; } 
#header .top_wrap .menu > li.font .font_btn > li .btn:hover { background:#386fc8; border-color:#386fc8; color:#fff; } 
#header .top_wrap .menu > li.font .font_btn > li .btn:hover .dot { background:#fff; } 

#header .menu_wrap { border-bottom:1px solid rgba(255,255,255,.2); background:#fff; } 
#header .menu_wrap > .inner { } 
#header .menu_wrap .logo > a { display:block; height:5em; overflow:hidden; } 
#header .menu_wrap .logo .in { display:block; height:100%; transform:translateY(-100%); transition:.3s } 
#header .menu_wrap .logo .in img { width:13.75em; display:block; height:100% } 

#header .gnb_wrap { } 
#header .gnb_wrap > .gnb > li .dp1 { position:relative; z-index:2; padding:0 1.375em; } 
#header .gnb_wrap > .gnb > li .dp1:after { content:""; display:block; position:absolute; bottom:-1px; left:12.5%; width:75%; height:2px; background:var(--siteC); opacity:0; transform:scaleX(0); transition:transform .2s; } 
#header .gnb_wrap > .gnb > li .dp1 .tt { font-size:1.125em; font-weight:600; } 
#header .gnb_wrap > .gnb > li.inOpen .dp1,
#header .gnb_wrap > .gnb > li.on .dp1 { color:var(--siteC); } 
#header .gnb_wrap > .gnb > li.inOpen .dp1:after,
#header .gnb_wrap > .gnb > li.on .dp1:after { opacity:1; transform:scaleX(1); } 
#header .gnb_wrap > .gnb > li .dp2_wrap { position:absolute; left:50%; width:75em; max-width:100%; transform:translate(-50%, -1px); box-sizing:border-box; display:none; } 
#header .gnb_wrap > .gnb > li .dp2_wrap:before { content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; background:#f3f6f8; border-top:1px solid #d4d5d8; transform:translateX(-50vw); box-sizing:border-box; } 
#header .gnb_wrap > .gnb > li .dp2 .flex { display:block; text-align:left !important; } 
#header .gnb_wrap > .gnb > li .dp2 { flex-wrap:wrap; padding:0 0 3em 15vw; overflow:hidden; } 
#header .gnb_wrap > .gnb > li .dp2:before { content:""; position:absolute; top:0; right:calc(100% - 15vw); width:100vw; height:100%; background:linear-gradient(114deg, #00aeef 0%, #00aeef 70%, #0e3c8d 100%); box-sizing:border-box; } 
#header .gnb_wrap > .gnb > li .dp2:after { content:attr(data-tit); position:absolute; top:0; left:0; padding:1.375em 0 0 2em; box-sizing:border-box; font-size:1.500em; color:#fff; font-weight:700; } 
#header .gnb_wrap > .gnb > li .dp2 > li { flex:1; position:relative; padding:2em 1.75em .5em 1.75em; } 
#header .gnb_wrap > .gnb > li.m_business .dp2 > li,
#header .gnb_wrap > .gnb > li.m_activity .dp2 > li,
#header .gnb_wrap > .gnb > li.m_campaign .dp2 > li { flex: 1 50%; } 
#header .gnb_wrap > .gnb > li.m_books .dp2 > li { flex: 1 33.3%; } 
#header .gnb_wrap > .gnb > li.m_introduce .dp2 > li { flex:1 1 25%; max-width:25%; } 

#header .gnb_wrap > .gnb > li .dp2 > li:after { content:""; position:absolute; top:0; right:0; width:1px; height:100vh; background:#d4d5d8; } 
#header .gnb_wrap > .gnb > li .dp2 > li > a .tt { font-size:1.063em; font-weight:500; } 
#header .gnb_wrap > .gnb > li .dp2 > li:hover > a,
#header .gnb_wrap > .gnb > li .dp2 > li.on > a { color:var(--siteC); } 
#header .gnb_wrap > .gnb > li .dp3 { margin-top:1em; padding-top:1em; border-top:1px solid #d4d5d8; } 
#header .gnb_wrap > .gnb > li .dp3 > li { } 
#header .gnb_wrap > .gnb > li .dp3 > li > a { } 
#header .gnb_wrap > .gnb > li .dp3 > li > a .tt { } 
#header .gnb_wrap > .gnb > li .dp3 > li { padding:.25em 0; } 
#header .gnb_wrap > .gnb > li .dp3 > li > a { position:relative; padding-left:.625em; color:#333; } 
#header .gnb_wrap > .gnb > li .dp3 > li > a:before { content:""; position:absolute; left:0; top:.5em; width:4px; height:2px; background:#999; } 
#header .gnb_wrap > .gnb > li .dp3 > li > a .tt { font-size:.938em; } 
#header .gnb_wrap > .gnb > li .dp3 > li:hover > a,
#header .gnb_wrap > .gnb > li .dp3 > li.on > a { color:#000; } 
#header .gnb_wrap > .gnb > li .dp3 > li:hover > a .tt,
#header .gnb_wrap > .gnb > li .dp3 > li.on > a .tt { text-decoration:underline; } 
#header .gnb_wrap > .gnb > li.inOpen .dp2_wrap { display:block; } 

#header .all_wrap { width:3.875em; } 
#header .all_wrap .btn_all { position:relative; } 
#header .all_wrap .btn_all .btn_in { position:relative; display:block; width:1.625em; height:1.25em; } 
#header .all_wrap .btn_all .ham,
#header .all_wrap .btn_all .ham:before,
#header .all_wrap .btn_all .ham:after { display:block; width:100%; height:2px; transition:.2s; background: #000; } 
#header .all_wrap .btn_all .ham:before,
#header .all_wrap .btn_all .ham:after { content:""; position:absolute; right:0; } 
#header .all_wrap .btn_all .ham:before { top:calc(50% - 1px); } 
#header .all_wrap .btn_all .ham:after { top:calc(100% - 2px); } 
#header .all_wrap .btn_all:hover .ham:before { width:80%; } 
#header .all_wrap .btn_all:hover .ham:after { width:90%; } 

#header.allOpen .all_wrap .btn_all { position:fixed; top:2em; right:3em; z-index:999; background:transparent; border-color:transparent; } 
#header.allOpen .all_wrap .btn_all .btn_in { width:3em; height:3em; } 
#header.allOpen .all_wrap .btn_all .ham { background:transparent !important; transition:0s; } 
#header.allOpen .all_wrap .btn_all .ham:before,
#header.allOpen .all_wrap .btn_all .ham:after { width:100% !important; top:50% !important; } 
#header.allOpen .all_wrap .btn_all .ham:before { transform:rotate(45deg); } 
#header.allOpen .all_wrap .btn_all .ham:after { transform:rotate(-45deg); } 

#header .all_wrap .all { position:fixed; z-index:-1; top:0; left:0; width:100vw; height:100vh; visibility:hidden; opacity:0; transition:all .3s; } 
#header .all_wrap .all .wrap_bg { position:absolute; top:0; left:0; width:inherit; height:inherit; background:#2f415b; transform:translateX(100%); transition:all .3s; } 
#header .all_wrap .all .wrap_in { position:absolute; top:0; left:0; width:inherit; height:inherit; opacity:0; transition:opacity .3s ease 0s; } 
#header .all_wrap .all .wrap_in .all_scroll { height:inherit; } 
#header .all_wrap .all .allconWrap { padding:8vh 0; color:#fff; opacity:0; transform:translateY(8em); transition:all .8s; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb { flex-wrap:wrap; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb .flex { display:block; text-align:left !important; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li { flex:1 1 33.33%; max-width:33.33%; display:block; padding:2em 2.5em; border:solid rgba(255,255,255,.15); border-width:0 1px 0 0; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li a { position:relative; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li ul { padding:1em 0 1.75em; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li ul li a { padding:.5em 0; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1 { margin-bottom:1.5em; font-weight:600; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1:before { content:""; display:block; position:absolute; top:0; left:0; width:1.375em; height:.375em; background:#9494f2; border-radius:6em; transform:rotate(-45deg) translate(-.5em, -1.125em); } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1 .tt { font-size:1.438em; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li > a { font-weight:500; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li > a .tt { font-size:1.063em; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a { padding-left:.875em; opacity:.6; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a:before { content:""; display:block; position:absolute; left:0; top:.875em; width:5px; height:2px; background:#fff; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a .tt { font-size:.938em; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li:hover > a { color:#9494f2; font-weight:700; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li:hover > a .tt { text-decoration:underline; } 

#header.allOpen { z-index:999; } 
#header.allOpen .all_wrap .all { visibility:visible; z-index:99; opacity:1; } 
#header.allOpen .all_wrap .all .wrap_bg { transform:translateX(0); } 
#header.allOpen .all_wrap .all .wrap_in { opacity:1; transition-delay:.5s; } 
#header.allOpen .all_wrap .all .allconWrap { opacity:1; transform:translateY(0); transition-delay:.5s; } 

#header.gnbOpen:before { content:""; position:fixed; top:0; bottom:0; left:0; right:0; background:#000; opacity:.3; } 
#header.gnbOpen .menu_wrap { background:#fff } 
#header.gnbOpen .menu_wrap .logo .in { transform:translateY(0) } 
#header.gnbOpen .gnb_wrap > .gnb > li .dp1 .tt { color:#111; } 
#header.gnbOpen .gnb_wrap > .gnb > li .dp1:hover .tt { color:var(--siteC) } 
#header.gnbOpen .all_wrap .btn_all .ham,
#header.gnbOpen .all_wrap .btn_all .ham:before,
#header.gnbOpen .all_wrap .btn_all .ham:after { background:#111 } 

.scroll #header .headWrap { box-shadow:0 3px .5em rgba(0,0,0,.15); } 
.scroll #header .menu_wrap { background:#fff } 
.scroll #header .menu_wrap .logo .in { transform:translateY(0) } 
.scroll #header .gnb_wrap > .gnb > li .dp1 .tt { color:#111; } 
.scroll #header .all_wrap .btn_all .ham,
.scroll #header .all_wrap .btn_all .ham:before,
.scroll #header .all_wrap .btn_all .ham:after { background:#111 } 

.sub #header .menu_wrap { background:#fff; } 
.sub #header .gnb_wrap > .gnb > li .dp1 .tt { color:#111; } 
.sub #header .menu_wrap .logo .in { transform:translateY(0) } 
.sub #header .gnb_wrap > .gnb > li.inOpen .dp1,
.sub #header .gnb_wrap > .gnb > li.on .dp1 .tt { color:var(--siteC); } 
.sub #header:not(.allOpen) .all_wrap .btn_all .ham,
.sub #header:not(.allOpen) .all_wrap .btn_all .ham:before,
.sub #header:not(.allOpen) .all_wrap .btn_all .ham:after { background:#111 } 

/*footer*/
#footer { color:#fff; } 
#footer .menu_wrap { padding:2.5em 0 1.75em 0; background:#101e34; } 
#footer .menu_wrap .menu { } 
#footer .menu_wrap .menu > li > .in { position:relative; padding:.5em 1.5em; } 
#footer .menu_wrap .menu > li > .in:after { content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:.75em; background:rgba(255,255,255,.2); transform:translateY(-50%); } 
#footer .menu_wrap .menu > li:first-child > .in { padding-left:0; } 
#footer .menu_wrap .menu > li:last-child > .in { padding-right:0; } 
#footer .menu_wrap .menu > li:last-child > .in:after { display:none; } 
#footer .menu_wrap .menu > li > .in .tt { font-size:1.063em; font-weight:500; } 
#footer .menu_wrap .menu > li > .in .xi { font-size:1.063em; padding-left:.375em; } 
#footer .menu_wrap .menu > li > .in[href]:hover .tt { text-decoration:underline; } 

#footer .menu_wrap .family { position:relative; } 
#footer .menu_wrap .family .btn { padding:0 1.5em 0 1.75em; height:3.125em; border:1px solid rgba(255,255,255,.3); } 
#footer .menu_wrap .family .btn .tt { font-size:.938em; font-weight:500; } 
#footer .menu_wrap .family .btn .xi { font-size:.938em; margin-left:5em; } 
#footer .menu_wrap .family .btn .xi:before { display:block; transition:.3s; } 
#footer .menu_wrap .family .family_con { position:absolute; left:0; bottom:100%; width:100%; max-height:20em; padding:1em .5em 1em 1em; background:#111; border:solid rgba(255,255,255,.3); border-width:1px 1px 0 1px; box-sizing:border-box; display:none; z-index: 999; } 
#footer .menu_wrap .family .family_con .list > li .in { display:block; padding:.5em 0; } 
#footer .menu_wrap .family .family_con .list > li .in .tt { font-size:.875em; } 
#footer .menu_wrap .family .family_con .list > li .in:hover .tt { text-decoration:underline; } 

#footer .menu_wrap .family.on .btn { background:#111; } 
#footer .menu_wrap .family.on .btn .xi:before { transform:rotate(180deg); } 
#footer .menu_wrap .family.on .family_con { display:block; } 

#footer .info_wrap { padding:0 0 4em 0; background:#101e34; } 
#footer .info_wrap .logo img { width:12.5em; opacity:.4; } 
#footer .info_wrap .info { flex:1; } 
#footer .info_wrap .info .list { } 
#footer .info_wrap .info .list > li:not(.br) { padding:.375em 2.75em .375em 0; } 
#footer .info_wrap .info .list > li:nth-child(4) { flex:1 1 100%; } 
#footer .info_wrap .info .list > li .tt { font-size:.938em; opacity:.8; } 
#footer .info_wrap .info .copy { margin-top:2.5em; } 
#footer .info_wrap .info .copy .tt { font-size:.813em; text-transform:uppercase; opacity:.4; } 

.sub .family_wrap { border-top:1px solid #d4d5d8 } 
.family_wrap { padding:1.8em 0; border-top:1px solid #d4d5d8; } 
.family_wrap .control { position:relative; width:15em; } 
.family_wrap .family { flex:1; min-width:0; } 
.family_wrap .control .arrow { } 
.family_wrap .control .arrow > li { display:inline-block; cursor:pointer; } 
.family_wrap .control .arrow > li .xi { color:#222; border:1px solid #d4d5d8; width:2em; line-height:2em; text-align:center; } 
.family_wrap .control .arrow > li:hover .xi { background:#101e34; color:#fff; transition:.3s; } 
.family_wrap .control .arrow .slick-hidden { display:inline-block; } 
.family_wrap .family .item > a { display:block; margin:0 .2em; border:1px solid #d4d5d8; padding:0 .813em; } 

/*contents*/
#contents { min-height:100vh; box-sizing:border-box; } 
.dp1_member #contents { padding-top:7.813em; } 
#contents .sub_page_top.bg_introduce { background-image:url(../images/sub/sub_visual_introduce.jpg); } 
#contents .sub_page_top.bg_business { background-image:url(../images/sub/sub_visual_business.jpg); } 
#contents .sub_page_top.bg_activity { background-image:url(../images/sub/sub_visual_activity.jpg); } 
#contents .sub_page_top.bg_people { background-image:url(../images/sub/sub_visual_people.jpg); } 
#contents .sub_page_top.bg_sponsor { background-image:url(../images/sub/sub_visual_sponsor.jpg); } 
#contents .sub_page_top.bg_campaign { background-image:url(../images/sub/sub_visual_campaign.jpg); } 
#contents .sub_page_top.bg_customer { background-image:url(../images/sub/sub_visual_customer.jpg); } 
#contents .sub_page_top.bg_mypage { background-image:url(../images/sub/sub_visual_mypage.jpg); } 
#contents .sub_page_top.bg_policy { background-image:url(../images/sub/sub_visual_policy.jpg); } 
#contents .sub_page_top.bg_pubsign { background-image:url(../images/sub/sub_visual_pubsign.jpg); } 

#contents .sub_page_top .sub_tit_wrap { height:24em; text-align:center; color:#fff; } 
#contents .sub_page_top .sub_tit_wrap .sub_tit { display:block; margin-top:9em; } 
#contents .sub_page_top .sub_tit_wrap .sub_tit .tt { font-size:2.500em; font-weight:700; } 
#contents .sub_page_top .sub_tit_wrap .sub_txt { margin-top:2.125em; } 
#contents .sub_page_top .sub_tit_wrap .sub_txt .tt { font-size:1.125em; font-weight:500; letter-spacing:.094em; opacity:.5; text-transform: uppercase; } 

#contents .sub_page_menu { background:#333; overflow:hidden; } 
#contents .sub_page_menu .gnb > li,
#contents .sub_page_menu .gnb > li .dp1,
#contents .sub_page_menu .gnb > li .dp3 { display:none; } 
#contents .sub_page_menu .gnb,
#contents .sub_page_menu .gnb > li.on { display:block; } 
#contents .sub_page_menu .gnb > li .dp2 { flex-wrap:wrap; padding-right:1px; } 
#contents .sub_page_menu .gnb > li .dp2 > li { flex:1; max-width:50% } 
#contents .sub_page_menu .gnb > li.m_mypage .dp2 > li { flex:1 1 25%; max-width:25%; } 
#contents .sub_page_menu .gnb > li.m_business .dp2 > li { flex:1 1 20%; max-width:20%; } 
#contents .sub_page_menu .gnb > li.m_activity .dp2 > li { flex:1 1 20%; max-width:20%; } 
#contents .sub_page_menu .gnb > li .dp2 > li > a { height:3.5em; padding:0 .25em; border:solid rgba(255,255,255,.2); border-width:0 1px 1px 1px; margin:0 -1px -1px 0; color:#fff; transition:.2s; } 
#contents .sub_page_menu .gnb > li .dp2 > li > a .tt { font-size:1.063em; font-weight:600; } 
#contents .sub_page_menu .gnb > li .dp2 > li:hover > a { background:#333; } 
#contents .sub_page_menu .gnb > li .dp2 > li.on > a { background:#f3f6f8; color:#000; } 

#contents .sub_con_tit { padding:3em 0 2.25em 0; background:#f5f8f3; } 
#contents .sub_con_tit .con_tit { flex:1; position:relative; padding-left:.75em; } 
#contents .sub_con_tit .con_tit:before { content:""; display:block; position:absolute; top:0; left:0; width:1.375em; height:.5em; background:var(--siteC); border-radius:6em; transform:rotate(-45deg) translate(-.375em, -.5em); } 
#contents .sub_con_tit .con_tit .tt { font-size:2.000em; color:#111; font-weight:600; } 
#contents .sub_con_tit .con_nav { padding:0 0 .5em 0; } 
#contents .sub_con_tit .con_nav > li { position:relative; padding:0 .5em 0 1em; color:#333; } 
#contents .sub_con_tit .con_nav > li:before { content:"\e93e"; font-family:xeicon; position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:.750em; color:#aaa; } 
#contents .sub_con_tit .con_nav > li:first-child:before { display:none; } 
#contents .sub_con_tit .con_nav > li:first-child { padding:0 .25em 0 0; } 
#contents .sub_con_tit .con_nav > li:last-child { padding-right:0; } 
#contents .sub_con_tit .con_nav > li:last-child .tt { font-weight:700; } 
#contents .sub_con_tit .con_nav > li > * { display:block; } 
#contents .sub_con_tit .con_nav > li .home { margin-top:-.125em; } 
#contents .sub_con_tit .con_nav > li .home .xi { font-size:1em; color:var(--siteC); } 
#contents .sub_con_tit .con_nav > li .home .xi:before { font-size:.938em; } 
#contents .sub_con_tit .con_nav > li .tt { font-size:.938em; } 

#contents .sub_con_tit.center { padding:2.5em 0 2em 0; } 
#contents .sub_con_tit.center .con_tit { margin-left:-.375em; } 
#contents .sub_con_tit.center > .inner { flex-direction:column; justify-content:center; } 
#contents .sub_con_tit.center .con_tit { flex:0 0 auto; } 
#contents .sub_con_tit.center .con_nav { padding:1em 0 0 0; } 

#contents .sub_con_menu { padding:1.875em 0 3.5em 0; } 
#contents .sub_con_menu .gnb > li,
#contents .sub_con_menu .gnb > li .dp1,
#contents .sub_con_menu .gnb > li .dp2 > li,
#contents .sub_con_menu .gnb > li .dp2 > li > a { display:none; } 
#contents .sub_con_menu .gnb,
#contents .sub_con_menu .gnb > li .dp2,
#contents .sub_con_menu .gnb > li.on,
#contents .sub_con_menu .gnb > li .dp2 > li.on { display:block; } 
#contents .sub_con_menu .gnb > li .dp3 { flex-wrap:wrap; margin:0 0 -.625em -.625em; } 
#contents .sub_con_menu .gnb > li .dp3 > li { flex:1 1 25%; max-width:25%; } 
#contents .sub_con_menu .gnb > li .dp3 > li > a { height:3.5em; margin:0 0 .625em .625em; padding:.5em .5em; background:#fff; border:1px solid #d4d5d8; border-radius:6px; color:#111; font-weight:600; transition:.2s; } 
#contents .sub_con_menu .gnb > li .dp3 > li:hover > a,
#contents .sub_con_menu .gnb > li .dp3 > li.on > a { border-color:var(--siteC); box-shadow:0 3px .375em rgba(0,0,0,.1); color:var(--siteC); } 
#contents .sub_con_menu .gnb > li .dp3 > li.on > a { font-weight:700; } 
#contents .sub_con_menu .gnb > li.m_mypage .dp2 > li.sm_print .dp3 > li,
#contents .sub_con_menu .gnb > li.m_mypage .dp2 > li.sm_eduList .dp3 > li { flex:1 1 33.33%; max-width:33.33%; } 
#contents .sub_con_menu .gnb > li.m_mypage .dp2 > li.sm_eduTime .dp3 > li > a { padding:.5em 1em; } 

#contents .sub_in_tit { } 

#contents .doc { padding:3.5em 0 11em 0; } 
#contents .sub_in_tit + .doc { padding-top:2.5em; } 
#contents .doc.pb0 .page_con:last-child { padding-bottom:8em; } 

/*SUB PAGE*******************/
/*inc*/
.page_sec { margin-top:3.5em !important; } 
.page_sec0 { margin-top:-1px !important; } 
.page_sec1 { margin-top:.375em !important; } 
.page_sec2 { margin-top:1em !important; } 
.page_sec3 { margin-top:2.5em !important; } 
.page_sec4 { margin-top:6em !important; } 
.page_sec5 { margin-top:3em !important; } 
.page_sec6 { margin-bottom:3em !important; } 

.page_txt_wrap { padding-bottom:1.5em; } 
.page_txt_wrap .tt.bgst { background:#f4f5f9; border:1px solid #eee; border-radius:.4em; padding:.75em; } 
.page_txt_wrap .tt .xi { font-size:1.063em; vertical-align:baseline; padding-right:2px; color:var(--siteC) } 
.page_txt_wrap .tt .t1 { font-size:.938em; font-weight:500; color:var(--siteC) } 

/*MEMBER******************/
.mem_step_wrap { padding:1.5em 2% 0 2%; text-align:center; } 
.mem_step_wrap .mem_step > li .icon_wrap { position:relative; padding:0 2em; } 
.mem_step_wrap .mem_step > li .icon_wrap:after { content:""; display:block; position:absolute; top:50%; right:0; width:4em; height:1px; background:#d4dade; transform:translateX(50%); } 
.mem_step_wrap .mem_step > li:last-child .icon_wrap:after { display:none; } 
.mem_step_wrap .mem_step > li .icon_wrap .icon { width:5.75em; height:5.75em; background:#f5f5f5; border:.25em solid #d4dade; border-radius:100%; } 
.mem_step_wrap .mem_step > li .icon_wrap .icon img { width:2.75em; } 
.mem_step_wrap .mem_step > li .con_wrap { padding-top:.75em; } 
.mem_step_wrap .mem_step > li .con_wrap .tt { color:#ccc; font-weight:500; } 
.mem_step_wrap .mem_step > li .con_wrap .t1 { font-size:1.500em; } 
.mem_step_wrap .mem_step > li .con_wrap .t2 { font-size:1.063em; } 
.mem_step_wrap .mem_step > li.on .icon_wrap:after { background:var(--siteC); } 
.mem_step_wrap .mem_step > li.on .icon_wrap .icon { background:#fff; border-color:var(--siteC); } 
.mem_step_wrap .mem_step > li.on .con_wrap .t1 { color:var(--siteC); font-weight:700; } 
.mem_step_wrap .mem_step > li.on .con_wrap .t2 { color:#000; } 

.mem_login_box { width:40em; max-width:100%; margin:0 auto; } 
.mem_join_box { width:50em; max-width:100%; margin:0 auto; } 

.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:2.25em; } 
.mem_form_inp > li .tit { font-size:1.063em; font-weight:500; 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 { flex:1; } 
.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; } 

.mem_form_inp.st1 > li { padding-right:.313em; } 
.mem_form_inp.st2 > li { padding-right:.313em; } 

.mem_terms_wrap .all_check { padding:1em 0; border-bottom:1px dashed #bbb; font-size:1.125em; } 
.mem_terms_wrap > li { padding-top:2.5em; } 
.mem_terms_wrap > li:first-child { padding-top:0; } 
.mem_terms_wrap .tit { margin-bottom:.75em; font-size:1.125em; color:#111; } 
.mem_terms_wrap .tit * { vertical-align:baseline; } 

.mem_btn_wrap { margin-left:-.375em; text-align:center; } 
.mem_btn_wrap > li { flex:1; } 
.mem_btn_wrap > li .in { margin-left:.375em; } 

.mem_sns_wrap { margin-top:3.5em; text-align:center; } 
.mem_sns_wrap .mem_sns { } 
.mem_sns_wrap .mem_sns > li { width:20%; } 
.mem_sns_wrap .mem_sns > li .in { display:inline-block; } 
.mem_sns_wrap .mem_sns > li .in .icon { margin-bottom:.75em; width:4em; height:4em; border:1px solid #ddd; border-radius:100%; transition:.2s; } 
.mem_sns_wrap .mem_sns > li .in .icon .xi { font-size:2.250em; } 
.mem_sns_wrap .mem_sns > li .in .tt { font-size:.938em; color:#111; } 
.mem_sns_wrap .mem_sns > li .in.naver { color:#1ec800; } 
.mem_sns_wrap .mem_sns > li .in.kakao { color:#ffb400; } 
.mem_sns_wrap .mem_sns > li .in.google { color:#eb4f42; } 
.mem_sns_wrap .mem_sns > li .in.face { color:#046ee4; } 
.mem_sns_wrap .mem_sns > li .in:hover { color:#fff; } 
.mem_sns_wrap .mem_sns > li .in:hover .icon { background:#2f415b; border-color:#2f415b; } 

.mem_link_wrap { text-align:center; } 
.mem_link_wrap > li .in { position:relative; display:inline-block; padding:.5em 1.25em; } 
.mem_link_wrap > li .in:after { content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:1em; background:#ccc; transform:translateY(-50%); } 
.mem_link_wrap > li:last-child .in:after { display:none; } 
.mem_link_wrap > li .in .tt { font-size:1.125em; } 
.mem_link_wrap > li .in:hover .tt { text-decoration:underline; } 

.mem_agree .agree { padding:2em; border:solid #ddd; border-width:2px 0 1px 0; border-top-color:#333; color:#444; line-height:1.8; } 
.mem_agree .agree.H { padding:.5em .5em; border-top-width:1px; height:12em; overflow-y:scroll; } 
.mem_agree .agree p { padding:.5em 0; } 
.mem_agree .agree * { vertical-align:baseline; } 
.mem_agree .agree strong { } 
.mem_agree .check { padding:1em 0; } 
.dp1_policy .mem_agree .agree strong { color:#fff; background:var(--siteC); padding:.5em 1em; border-radius:.5em; text-align:center; display:block; } 

.swiper_control { z-index: 10 } 
.swiper_control.pb { position:absolute; width:100%; left:0; bottom:.5em } 
.swiper_control.pm { position:absolute; width:100%; left:0; top:50% } 
.swiper_control .btn { display:inline-block; width:3em; line-height:3em; text-align:center; cursor:pointer; opacity:.5 } 
.swiper_control .btn:before { font-family:xeicon; font-size:1.5em } 
.swiper_control .btn.prev:before { content:"\e93d" } 
.swiper_control .btn.next:before { content:"\e940" } 
.swiper_control .btn.pause:before { content:"\ea3b" } 
.swiper_control .btn.play:before { content:"\ea3e" } 
.swiper_control .btn.play { display:none } 
.swiper_control .btn.st1 { border:1px solid #ddd; font-size:.875em } 
.swiper_control .btn.st2 { padding:1em } 
.swiper_control .btn.st2:hover { background:#0e2563; color:#fff } 
.swiper_control.white .btn.st1 { border-color:#fff } 
.swiper_control.pause .btn.play { display:block; opacity:1 } 
.swiper_control.pause .btn.pause { display:none } 
.swiper_control .btn:hover { opacity:1 } 
.swiper_control .total { font-size:.938em; padding:0 .5em } 
.swiper_control .total .this { font-weight:500 } 
.swiper_control .total .all { opacity:.5 } 
.swiper_control .total .all:before { content:"/"; margin:0 .25em } 
.swiper_control .paging { position:relative; margin:0 2em; bottom:0 } 
.swiper_control .paging:first-child { margin-left:0 } 
.swiper_control .paging.swiper-pagination-progressbar { height:.125em; } 
.swiper_control .paging.swiper-pagination-progressbar > span { height:150%; top:auto; bottom:0 } 
.swiper_control .paging.st1 { display:flex; align-items:flex-end } 
.swiper_control .paging.st1 > span { position:relative; background:#aaa; opacity:1; height:2px; width:2em; margin:0; margin-top:2em; border-radius:0; position:relative; counter-increment: mainVIndex; transition:.3s } 
.swiper_control .paging.st1 > span:after { content:""; position:absolute; left:0; bottom:0; width:0; height:100%; background:#fff } 
.swiper_control .paging.st1 > span:before { content:"0" counter(mainVIndex) "."; position:absolute; left:0; top:-2em; font-weight:700; opacity:.7 } 
.swiper_control .paging.st1 > span.swiper-pagination-bullet-active { width:10em } 
.swiper_control .paging.st1 > span.swiper-pagination-bullet-active:before { opacity:1 } 
.swiper_control .paging.st1 > span.swiper-pagination-bullet-active:after { width:100%; transition:4s; transition-delay:.5s; transition-timing-function:ease-out } 
.swiper_control.white { color:#fff } 
.swiper_control.white .paging > span { background:none } 

.visualSlider .el { position:relative; overflow:hidden; height:calc(100vh - 125px - 120px); background:#fff; height:83vh; } 
.visualSlider .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.3); transition:1s; } 
.visualSlider_wrap { position:relative } 
.visualSlider { position: relative; } 
.visualSlider .el .bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.35); content: ''; z-index: 2; } 
.visualSlider .el.swiper-slide-active .bg,
.visualSlider .el.swiper-slide-duplicate-active .bg { transform:scale(1); opacity:1; transition:3s; } 
.visualSlider_wrap .swiper_control { bottom:3em; left:13.5%; width:auto } 

.slogan_wrap { position:absolute; left:50%; top:22%; transform:translateX(-50%); z-index:2; padding-top:10vh; width:100%; } 
.slogan_wrap .inner { } 
.slogan_wrap .inner .tw { text-align:center; color:#fff; } 
.slogan_wrap .inner .tw .t1 { font-weight:500; font-size:0.625em; letter-spacing: .5em; margin-bottom: 1.25em; } 
.slogan_wrap .inner .tw .line { width:40px; height:2px; background:#fff; margin:1.375em auto; } 
.slogan_wrap .inner .tw .t2 { font-weight:700; font-size:3em } 
.slogan_wrap .inner .tw .t3 { font-size:1.315em; line-height: 1.3; margin-top: .5em; } 
.slogan_wrap .inner .tw .t4 { font-size:1.8125em; font-weight:600; } 

.visualSlider_wrap.st1 .visualSlider .el { height:50vh } 
.visualSlider_wrap.st1 .visualSlider .el .bg:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.2 } 
.visualSlider_wrap.st1 .slogan_wrap { top:50%; transform:translate(-50%, -50%) } 
.visualSlider_wrap.st1 .slogan_wrap .inner .tw .t2 { font-size:2.75em } 
.visualSlider_wrap.st1 .slogan_wrap .inner .tw .t3 { font-size:1.375em; line-height:1.5 } 
.visualSlider_wrap.st1 .slogan_wrap .inner .tw .t4 { font-size:1.75em } 
.visualSlider_wrap.st1 .swiper_control { bottom:1em } 
.visualSlider_wrap.st1 .mainScroll { bottom:0 } 

.mainquickMenu_wrap { margin-top:60px; } 
.mainquickMenu_wrap .list { margin:0 0 0 -10px; } 
.mainquickMenu_wrap .list > li { flex:1 1 20%; max-width:20%; } 
.mainquickMenu_wrap .list > li .in { margin:0 0 0 10px; background:#fff; padding:1.5em 3em 1.5em 1.5em; border-radius:.5em; display:block; position:relative; min-height:9.5em; } 
.mainquickMenu_wrap .list > li .in .icon { position:absolute; right:1em; top:1em; content:""; } 
.mainquickMenu_wrap .list > li .in .icon .xi { font-size:1.5em; } 
.mainquickMenu_wrap .list > li .in .t1 { font-weight:700; font-size:1.188em; min-height:2.5em; } 
.mainquickMenu_wrap .list > li .in .t2 { color:#666; font-weight:400; font-size:.875em; padding-top:1.25em; } 
.mainquickMenu_wrap .list > li .in .icon2 { position:absolute; content:""; right:1em; bottom:1em; } 
.mainquickMenu_wrap .list > li .in .icon2 > img { width:3.125em } 
.mainquickMenu_wrap .list > li:hover .in .t1 { color:var(--siteC); transition:.3s; } 
.mainquickMenu_wrap .list > li:hover .in .icon2 > img { transform:rotateY(180deg); transition:.3s; } 

.mainScroll { position:absolute; left:50%; bottom:1em; z-index:100; animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite; color:#fff; transform:translateX(-50%) } 
.mainScroll .xi { font-size:3.5em } 
.mainScroll .box0 { position:relative } 

@keyframes downAni { 70% { margin-bottom:0 } 
90% { margin-bottom:-.5em } 
100% { margin-bottom:0 } 
 }

/* main contents */
.main_con_wrap { padding-top: 3.4375em; } 
.main_tt { } 
.main_tt.on { font-weight: 700 !important; color: var(--siteC) !important; } 
.main_tt.circle { position: relative; } 
.main_tt.circle:after { position: absolute; content: ""; background: #caceda; width: 5px; height: 5px; border-radius: 50%; top: 6px; right: -17px; } 
.main_tt.blue { color: #2b2e87; } 
.main_tt .blue2 { color: var(--siteC); } 
.main_tt.blue3 { color: var(--siteC); } 
.main_tt.blue4 { color: #143063; } 
.main_tt.gray { color: #666; } 
.main_tt.gray2 { color: #999; } 
.main_tt.gray3 { color: #242424; } 
.main_tt.white { color: #fff; } 
.main_tt.op { opacity: .5; } 
.main_tt.we1 { font-weight: 600; } 
.main_tt.we2 { font-weight: 500; } 
.main_tt.le { letter-spacing: .5px; } 
.main_tt.he { line-height: 1.6; } 
.main_tt.he2 { line-height: 1.8; } 
.main_tt.t1 { font-size: 0.8125em; } 
.main_tt.t2 { font-size: 1.9375em; font-weight: 700; } 
.main_tt.t3 { font-size: 1.0625em; } 
.main_tt.t4 { font-size: 0.875em; } 
.main_tt.t5 { font-size: 0.9375em; } 
.main_tt.t6 { font-size: 2.1875em; font-weight: 700; } 
.main_tt.t7 { font-size: 1.5em; } 
.main_tt.t8 { font-size: 1.3125em; } 
.main_tt.t9 { font-size: 1.125em; } 
.main_tt.t10 { font-size: 1.75em; font-weight: 700; } 
.main_tt.t11 { font-size: 1.25em; } 

.mb15 { margin-bottom: 15px; } 
.pointer { cursor: pointer; } 
.page_bg { background: #f5f6fa; padding: 2.625em 0; } 
.page_bg2 { background: url(../images/main/business_bg.jpg); background-size: cover; padding: 4.0625em 0; } 
.page_bg3 { background: #fafafa; padding: 3.4375em 0; } 

.resize.s5 { padding-bottom: 103.66%; } 
.resize.s6 { padding-bottom: 100.3%; } 
.resize.s7 { padding-bottom: 160%; } 
.resize.s8 { padding-bottom: 140%; } 

.menu_tit { margin: .3em 0 1.25em 0; } 
.menu_tit > .circle { width: 2.5em; height: 2.5em; border-radius: 50%; box-shadow: rgb(0 0 0 / 20%) 1.95px 1.95px 5.6px; } 
.menu_tit > .circle2 { width: 4.5625em; height: 1.6875em; border-radius: 20px; border: 1px solid #ddd; background: #fff; } 
.menu_tit > .circle2 > .main_tt.t1 .xi { font-size: 0.8125em; } 
.menu_tit2 { margin: 1.1875em 0 3em 0; } 

/*대시보드*/
.main_sec2A { display: flex; gap: 4em; } 
.main_sec2A .news_wrap { width: 40%; } 
.main_sec2A .current_wrap { width: 60%; padding: 0 0 3.4375em 0; } 

.current_wrap .currentB { border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; padding: 1.5em; box-sizing: border-box; border-left: 3px solid; border-right: 3px solid; border-bottom: 3px solid; border-color: #33d29c; /*border-radius: 1em; */ } 

.current_wrap .current_top { border-top-left-radius: 1em; border-top-right-radius: 1em; display: flex; gap: 2em; align-items: center; padding: 1.5em; box-sizing: border-box; background: #33d29c; } 
.current_wrap .current_top .iconB { padding-right: 1.5em; border-right: 1px solid rgba(255,255,255, .6); } 
.current_wrap .current_top .iconB > img { width: 5em; filter: brightness(0) invert(1); } 
.current_wrap .current_top > .infoW { } 
.current_wrap .current_top > .infoW > .subT { font-size: 1.063em; color: rgba(255,255,255, 1); font-weight: 500; margin-bottom: .5em; } 
.current_wrap .current_top > .infoW > .numC { font-size: 1.615em; font-weight: 600; display: flex; align-items: center; color: #fff; } 
.current_wrap .current_top > .infoW > .numC > .Anum { font-weight: 800; font-size: 1.315em; } 

.current_wrap .current_con { display: flex; gap: 2em; margin-bottom: 2em; } 
.current_wrap .current_con:last-of-type { margin-bottom: 0em; } 
.current_wrap .current_con > .current_numC { width: 50%; max-width: 50%; display: flex; gap: 1em; align-items: center; } 
.current_wrap .current_con > .current_numC > .iconB { width: 4.5em; height: 4.5em; display: flex; align-items: center; justify-content: center; } 
.current_wrap .current_con > .current_numC > .iconB > img { width: 3.5em; } 
.current_wrap .current_con > .current_numC > .iconB > img.w2 { width: 3em; } 
.current_wrap .current_con > .current_numC > .info_wrap { } 
.current_wrap .current_con > .current_numC > .info_wrap > .subT { font-size: .9em; font-weight: 500; margin-bottom: .5em; } 
.current_wrap .current_con > .current_numC > .info_wrap > .numC { display: flex; align-items: center; font-size: 1.415em; font-weight: 600; } 
.current_wrap .current_con > .current_numC > .info_wrap > .numC > .Anum { color: var(--siteC); font-weight: 800; } 
.current_wrap .current_con > .current_numC > .info_wrap > .txt { font-size: .8em; margin-top: .3em; color: #666; } 

/**/
.news_wrap { padding: 0 0 3.4375em 0; } 
.news_wrap .new_tab { background: #fff; border: 1px solid var(--siteC); border-radius: 3em; overflow: hidden; width: 60%; margin-top: 1.5em; } 
.news_wrap .new_tab .main_tt { width: 33.3%; text-align: center; padding: 0.8em 1em; } 
.news_wrap .new_tab .main_tt.on,
.news_wrap .new_tab .main_tt:hover { background: var(--siteC); color: #fff !important; } 
.news_wrap .circle_more { border: 1px solid #ddd; width: 3em; height: 3em; text-align: center; line-height: 3em; border-radius: 50%; } 
.news_wrap .news_con { } 
.news_wrap .news_con .square { flex: 1; max-width: 50%; height: 17.5em; border: 1px solid #f5f5f5; border-radius: 10px; margin-right: 1em; box-shadow: rgb(0 0 0 / 10%) 1.95px 1.95px 11.6px; padding: 1.5em; box-sizing: border-box; } 
.news_wrap .news_con .square:hover { border: 1px solid var(--siteC); } 
.news_wrap .news_con .square:last-of-type { margin-right: 0; } 
.news_wrap .news_con .square .circle { width: 5em; height: 1.875em; border-radius: 20px; background: #f4f5f9; } 
.news_wrap .news_con .square .news_title { margin: 1.25em 0 .5em 0; height: auto; text-overflow: ellipsis; overflow: hidden; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.news_wrap .news_con .square .news_content { height: 6.7em; text-overflow: ellipsis; overflow: hidden; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 

.news_title:hover { text-decoration:underline } 
.news_wrap .news_con .square .news_vod { padding-bottom:56.25%; position:relative; margin:-1em 0 0 0 } 
.news_wrap .news_con .square .news_vod video { position:absolute; left:0; top:0; width:100% !important; height:100% !important } 

.half_wrap { } 
.half_wrap .half_con { flex: 1; margin-right: 2.5em; } 
.half_wrap .half_con:last-of-type { margin-right: 0; } 

.local_wrap { } 
.local_wrap .local_con { flex: 1; margin-right: 1.25em; max-width: 50%; } 
.local_wrap .local_con:last-of-type { margin-right: 0; } 
.local_wrap .local_con .local_img { border-radius: 10px; margin-bottom: 1.0625em; overflow: hidden; } 
.local_wrap .local_con .local_tt { margin-top: 0.9375em; height: 3em; text-overflow: ellipsis; overflow: hidden; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 

.main_last { padding: 3em 0; } 
.main_last .last_con { gap: 2em; } 
.main_last .last_con .con_left { width: 31%; } 
.main_last .last_con .con_left li { border-radius: 1em; overflow: hidden; margin-bottom: .5em; } 
.main_last .last_con .con_left li:last-child { margin-bottom: unset; } 
.main_last .last_con .con_left li .in { position:relative; display: block; /*background: var(--siteC); */ padding: 3.9em 2em; color: #fff; font-size: 1.125em; font-weight: 600; } 
.main_last .last_con .con_left li .in:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); content: ''; transition: .2s; } 
.main_last .last_con .con_left li .in > i { position: relative; z-index: 2; } 
.main_last .last_con .con_left li .in .xi { color: var(--siteC); background: #fff; width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 50%; margin-right: 0.5em; } 

.main_last .last_con .con_left li .in:hover:before { background: var(--siteC); opacity: .85; } 

.main_last .last_con .con_mid { background: #2661af; color: #fff; width: 31%; padding: 2.25em 2em; border-radius: 1em; height: 24em; } 
.main_last .last_con .con_mid .tit { font-size: 1.25em; font-weight: 600; margin-bottom: 1.5em; } 
.main_last .last_con .con_mid .call_info { margin-bottom: 1.5em; } 
.main_last .last_con .con_mid .call_info .icon { margin-right: 1em; background: #fff; color: #2661af; width: 3em; height: 3em; border-radius: 50%; text-align: center; line-height: 3em; } 
.main_last .last_con .con_mid .call_info .call_t { font-size: 1.6em; font-weight: 600; } 
.main_last .last_con .con_mid .call_info .call_t span { font-size: 0.8em; font-weight: 400; } 
.main_last .last_con .con_mid .call_info2 { margin-bottom: 1.5em; } 
.main_last .last_con .con_mid .call_info2 .call_t { font-size: .8em; font-weight: 400; opacity: .9; line-height: 1.8; } 
.main_last .last_con .con_mid .info_btn { background: #fff; display: block; color: #2661af; padding: .7em 1.5em; border-radius: 5em; border: 1px solid #fff; } 
.main_last .last_con .con_mid .info_btn:hover { background: #deebf3; transition: .3s; } 
.main_last .last_con .con_mid .info_btn.re { background: #2661af; color: #fff; border: 1px solid #fff; } 
.main_last .last_con .con_mid .info_btn.re:hover { background: #deebf3; color: #2661af; transition: .3s; } 
.main_last .last_con .con_mid .info_btn .tt { font-size: 0.86em; font-weight: 600; } 
.main_last .last_con .con_mid .info_btn .icon { font-size: .7em; } 

.main_last .last_con .con_right { width: 31%; background: var(--siteC3); padding: 2em 2em; border-radius: 1em; } 

.popup_wrap { } 
.popup_wrap .popup_con { max-width: 99%; margin: 0 auto; border-radius: 1em; overflow: hidden; } 
.popup_wrap .popup_con:last-of-type { margin-right: 0; } 
.popup_wrap .popup_con .popup_img { border-radius: 10px; overflow: hidden; } 
.mainPipeline_area .mV_pagination { width:70px; height:24px; color:#888; font-size: 1em; display:flex; justify-content:center; align-items:flex-end; box-sizing:border-box; } 
.mainPipeline_area .mV_pagination .swiper-pagination-current { margin-right:.25em; font-weight:bold; font-size: 1.125em; color:var(--siteC); } 
.mainPipeline_area .mV_pagination .swiper-pagination-total { margin-left:.25em; } 

.main_business { padding: 3em 0; } 
.business_list { gap: 2em; } 
.business_list li { flex: 1 31.3%; } 
.business_list li .in { background: #333; display: block; border-radius: 1em; height: 15em; overflow: hidden; position: relative; background: #333; } 
.business_list li .in .img_wrap { width: 100%; height: 100%; } 
.business_list li .in .img_wrap > img { width: 100%; height: 100%; object-fit: cover; transition: .3s; } 
.business_list li .in .con_wrap { position: absolute; left: 6%; bottom: 10%; color: #fff; } 
.business_list li .in .con_wrap .tit { font-size: 1.3em; font-weight: 600; margin-bottom: 1em; } 
.business_list li .in .con_wrap .tx { } 

.business_list li .in:hover .img_wrap > img { transform: scale(1.05); } 

.account_wrap { margin-bottom: 4.625em; } 
.account_wrap .account_con { width: 26.25em; height: 12.5em; background:url(../images/main/sponsor_bg.jpg) no-repeat center center; background-size: contain; border-radius: 10px; padding: 1.5625em 1.4375em; box-sizing: border-box; margin-right: 2.1875em; } 
.account_wrap .account_con .account_tit { margin-bottom: 1.5625em; } 
.account_wrap .account_icon { width: 46.5625em; } 
.account_wrap .account_icon .account_area { flex: 1 1 32.4%; max-width: 32.4%; height: 12.5em; margin-right: 0.625em; padding: 1.5625em; box-sizing: border-box; border-radius: 10px; } 
.account_wrap .account_icon .account_area:last-of-type { margin-right: 0; } 
.account_wrap .account_icon .account_area.bg1 { background: #0065ab; } 
.account_wrap .account_icon .account_area.bg2 { background: #3aa3c0; } 
.account_wrap .account_icon .account_area.bg3 { background: #7a95d9; } 
.account_wrap .account_icon .account_area > .circle { width: 5.5em; height: 5.5em; border-radius: 50%; background: #fff; margin-bottom: 1.25em; } 
.account_wrap .account_icon .account_area .account_tt { height: 2.6994em; text-overflow: ellipsis; overflow: hidden; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 

.movie_wrap { } 
.movie_wrap .movie_con { /* margin-right: 1.875em; */ } 
.movie_wrap .movie_con:last-of-type { margin-right: 0; } 
.movie_wrap .movie_con .pd_in { } 
.movie_wrap .movie_con .movie_area { width: 35.625em; height: 22.5em; box-shadow: rgb(0 0 0 / 10%) 1.95px 1.95px 11.6px; border-radius: 10px; overflow: hidden; } 
.movie_wrap .movie_con .movie_area .movie_img { width: 45%; } 
.movie_wrap .movie_con .movie_area .movie_text { width: 55%; padding: 2.0625em 1.375em; box-sizing: border-box; } 
.movie_wrap .movie_con .movie_area .movie_text .movie_tit > .t10 { height: 3.5em; text-overflow: ellipsis; overflow: hidden; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 
.movie_wrap .movie_con .movie_area .movie_text .movie_tit > .movie_tt { margin: 1.325em 0 1.2em 0; height: 3em; text-overflow: ellipsis; overflow: hidden; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.movie_wrap .movie_con .movie_area .movie_name { border-top: 1px dashed #ddd; padding-top: 1.45em; height: 3em; text-overflow: ellipsis; overflow: hidden; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 

.movie_wrap .movie_con .movie_area2 { width: 17.8em; height: 22.5em; box-shadow: rgb(0 0 0 / 10%) 1.95px 1.95px 11.6px; border-radius: 10px; overflow: hidden; width:19.375em; } 
.movie_wrap .movie_con .movie_area2 .film { /*position: relative; width: 100%; padding-bottom: 85%; padding-bottom:65%; */ position:relative; height:0; padding-bottom:69%; box-sizing:border-box; max-width:100% !important; } 
/*.movie_wrap .movie_con .movie_area2 .film iframe { position: absolute; width: 100%; height: 100%; } */
.movie_wrap .movie_con .movie_area2 .film #viewIframe { position:absolute; top:0; left:0; width:100%; height:100%; } 

.movie_wrap .movie_con .movie_area2 .film_wrap { padding: 1.4375em 1.25em; box-sizing: border-box; } 
.movie_wrap .movie_con .movie_area2 .film_wrap .film_tt > p { margin: 0.525em 0 0.8875em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 
.movie_wrap .movie_con .movie_area2 .film_wrap .t1 > .xi { font-size: 0.8125em; } 

.movie_wrap .movie_con .movie_area3 { width: 17.8em; height: 22.5em; background: #335a9f; border-radius: 10px; overflow: hidden; padding: 2.1875em 1.25em; box-sizing: border-box; width:16.250em; } 
.movie_wrap .movie_con .movie_area3 .customer_tit { margin-bottom: 1.0625em; } 
.movie_wrap .movie_con .movie_area3 .customer_radius { border-radius: 10px; width: 100%; padding: 0.7375em 0.625em; box-sizing: border-box; margin-bottom: 0.625em; } 
.movie_wrap .movie_con .movie_area3 .customer_radius:last-of-type { margin-bottom: 0; } 
.movie_wrap .movie_con .movie_area3 .customer_radius.bg1 { background: #fff; } 
.movie_wrap .movie_con .movie_area3 .customer_radius.bg2 { background: #333; } 
.movie_wrap .movie_con .movie_area3 .customer_radius.bg3 { border: 1px solid #fff; margin-top: 1.5625em; } 

.sub_page_tab_wrap { margin-bottom:2em; } 
.sub_page_tab_wrap .list { margin:0 0 0 -.625em; } 
.sub_page_tab_wrap .list > li { flex:1; max-width:25%; } 
.sub_page_tab_wrap .list > li .in { height:3.5em; margin:0 0 0 .625em; padding:.5em .5em; background:#fff; border:1px solid #d4d5d8; border-radius:6px; color:#111; font-weight:600; transition:.2s; } 
.sub_page_tab_wrap .list > li .in .tt { } 
.sub_page_tab_wrap .list > li.on .in,
.sub_page_tab_wrap .list > li:hover .in { border-color:var(--siteC); box-shadow:0 3px .375em rgba(0,0,0,.1); color:var(--siteC); } 
.sub_page_tab_wrap .list > li.on .in .tt,
.sub_page_tab_wrap .list > li:hover .in .tt { font-weight:700; } 
.sub_page_tab_wrap .list > li .in .ico { font-size:1em; margin:0 .25em } 
.sub_page_tab_wrap .list > li .in .ico.open:before { content:"\e980" } 


.page_con { padding:3.75em 0 4em 0; box-sizing:border-box; } 
.page_con.bg1 { background:#f2f2f2; } 

.page_line { display:block; margin:3.75em 0; height:0; border-width:1px 0 0 0; border-style:solid; border-color:#d9d9d9; } 
.page_line.dot { border-style:dashed; } 
.page_line.dot.line { margin:0; padding: 3.75em 0 0 0; } 
.page_line.mg1 { margin:1em 0; } 
.page_line.mg2 { margin:2em 0; } 
.page_line.mg3 { margin:.75em 0; } 

.page_tit { margin-bottom: 2em; } 
.page_tit.line { margin-bottom:1em; padding-bottom:1em; border-bottom:1px dashed #d4d5d8; } 
.page_tit > .blue { color: var(--siteC); } 
.page_tit > .tt { color:#111; } 
.page_tit > .t0 { font-weight:600; } 
.page_tit > .t1 { font-size:2.15em; font-weight: 700; } 
.page_tit > .t2 { font-size:1.375em; } 
.page_tit > .t3 { font-size:1.875em; } 
.page_tit > .t4 { font-size:1.188em; } 
.page_tit > .t5 { font-size:1.125em; } 
.page_tit > .t6 { font-size:1.063em; } 
.page_tit > .t6:last-of-type { margin-bottom: 0; } 
.page_tit > .t7 { font-size:1.5em; } 
.page_tit > .t8 { font-size:1em; } 

.page_txt { } 
.page_txt > .tt { margin-top:1.375em; color:#111; font-weight:500; } 
.page_txt > .tt:first-child { margin-top:0; } 
.page_txt > .tt.flex > .sec { padding-right:1.75em; } 
.page_txt > .tt.flex > .sec:last-child { padding-right:0; } 
.page_txt > .t1 { font-size:1.063em; line-height:1.9; } 
.page_txt > .t2 { font-size:1.250em; } 
.page_txt > .t3 { font-size:.938em; line-height:1.5; } 
.page_txt > .t4 { font-size:1.125em; line-height:1.5; } 
.page_txt > .t5 { font-size:.875em; line-height:1.5; } 

.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:#386fc8; border-radius:50%; } 
.page_ex_list > li:first-child { padding-top:0; } 
.page_ex_list > li:last-child { padding-bottom:0; } 

.page_ex_list.small { font-size:.938em; } 
.page_ex_list.small > li { padding:.25em 0; } 

.page_ex_list.line > li > .in { padding-left:1em; } 
.page_ex_list.line > li > .in:before { top:.563em; width:.313em; height:2px; background:#888; } 

.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_tit { margin-bottom:1.5em; } 
.page_tit.icon.st2 { padding-left:2em; } 
.page_tit.icon.st2:before { content:"\e92b"; font-family:xeicon; font-size:1.500em; color:inherit; position:absolute; top:0; left:0; margin-top:-.188rem; } 
.page_tit.icon.st2 > .t2 { top:-.063rem; } 

.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:#386fc8; } 
.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.icon { position:relative; } 
.page_tit.icon:before { content:""; display:block; } 
.page_tit.icon > .tt { position:relative; } 
.page_tit.icon.st1 { margin-bottom:2em; } 
.page_tit.icon.st1:before { position:absolute; left:0; top:0; width:2.5em; height:2.5em; background:#38c8c3; border-radius:50%; opacity:.2; transform:translate(-.75em, -.25em); } 

.page_more .input_st { transition:.2s; } 
.page_more .input_st.s1 { padding-left:2em; padding-right:2em; } 
.page_more .input_st:hover,
.page_more .input_st.re:hover { background:#000 !important; border-color:#000 !important; color:#fff !important; } 

.page_img_box1 { position:relative; overflow:hidden; } 
.page_img_box1.round { border-radius:1em; } 

.page_box_list { } 
.page_box_list > .list { margin:0 0 -1.25em -1.25em; } 
.page_box_list > .list > li { flex:1; } 
.page_box_list > .list:not(.max) > li { max-width:none !important; } 
.page_box_list > .list > li > .innerList { flex:1; margin:0 0 1.25em 1.25em; } 
.page_box_list > .list > li > .innerList > .wrap_tit1 { margin-bottom:1em; padding:1em 1em; background:#f3f6f8; border:1px solid #d4d5d8; border-radius:.25em; box-shadow:2px 2px .375em rgba(0,0,0,.1); } 
.page_box_list > .list > li > .innerList > .wrap_tit1:last-child { margin-bottom:0; } 
.page_box_list > .list > li > .innerList > .wrap_tit1 + .wrap_con { padding:1em 1em; background:#fff; border:1px solid #e9e9e9; border-radius:.5em; } 
.page_box_list > .list > li > .innerList.flex.col > .wrap_tit1 + .wrap_con { flex:1 1 auto; } 

.page_txt_wrap > .innerSec.head { margin-bottom:1em; padding:0; border-bottom-width:0; text-align:center; } 
.page_txt_wrap > .innerSec.head > .wrap_head { padding:.75em .75em !important; background:#fff; border:1px solid #d4d5d8; border-radius:.25em; box-shadow:2px 2px .25em rgba(0,0,0,.07); } 
.page_txt_wrap.st1 > .innerSec.head > .wrap_con.wrap_head { margin-left:3.5em; } 
.page_txt_wrap.st4 > .innerSec.head > .wrap_con.wrap_head { margin-left:1.25em; } 

.board_st.list td.w_company { width: 11em; } 
.board_st.list td.w_company { text-align:left; } 

.board_view_tit { border-top:3px solid var(--siteC); } 

.input_st.w7 { width: 5.54em; } 
.input_st.w8 { width: 6.54em; } 

.field { margin-top: .3em; } 
.field.col_w2 { margin-left: .3em; } 

.board_st2.write th { text-align: center !important; background: #fafafa; } 

/* 카카오맵 */
.root_daum_roughmap .cont .section.lst{display: none;}

/* 인사말 */
.greetings_wrap { } 
.greetings_wrap .ceo_text { width: 78%; } 
.greetings_wrap .ceo_img { width: 20%; height:300px; background:url(../images/sub/sm_ceo.jpg) no-repeat center center; background-size: cover; } 

/*연혁*/
.history_wrap .history_list { position:relative; overflow:hidden; padding:3em 0 5em 0; } 
.history_wrap .history_list:before,
.history_wrap .history_list .lineAni { content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); width:2px; height:100%; background:#ddd } 
.history_wrap .history_list .lineAni { height:0; background:var(--siteC); transition:.3s } 
.history_wrap .history_list .lineAni:before,
.history_wrap .history_list:after { content:""; position:absolute; width:1.25em; height:1.25em; background:#fff; border:.25em solid var(--siteC); border-radius:50%; box-sizing:border-box; margin-left:1px; transform:translateX(-55%); } 
.history_wrap .history_list:after { top:auto; bottom:0; left:50%; transform:translateX(-55%); } 
.history_wrap .history_list .history > li { margin-top:5em } 
.history_wrap .history_list .history > li:first-child { margin-top:0 } 
.history_wrap .history_list .history > li .year { width:11em; text-align:right; margin-left:50%; transform:translateX(-110%); } 
.history_wrap .history_list .history > li:nth-of-type(2n) .year { margin-left:0; text-align:left; margin-left:52.5%; transform:translateX(10%); } 
.history_wrap .history_list .history > li .year .tt { position:relative; font-size:2.500em; color:#888; font-weight:700; transition:.3s; vertical-align:baseline } 
.history_wrap .history_list .history > li .year .tt:before { position:absolute; left:0; top:0; width:1.3em; height:1.3em; background:#38c8c3; border-radius:50%; opacity:.2; transform:translate(-.75em, -.25em); content: ""; } 
.history_wrap .history_list .history > li .year .tt > * { position:relative; } 
.history_wrap .history_list .history > li .year.on .tt { color:#111; } 
.history_wrap .history_list .history > li .year.on .tt:before { opacity:.2; } 
.history_wrap .history_list .history > li .year .tx { display:inline-block; vertical-align:baseline; padding-left:.5em; color:#888; } 
.history_wrap .history_list .history > li .year .tx > i { font-size:.938em; } 
.history_wrap .history_list .history > li .year.on .tx { color:#111; } 

.history_wrap .history_list .history > li .list { margin:1em 0 2em 12em; margin-left:50%; } 
.history_wrap .history_list .history > li:nth-of-type(2n) .list { text-align:right; margin-left:0; margin-right:50%; } 
.history_wrap .history_list .history > li .list > li { margin-top:1.5em } 
.history_wrap .history_list .history > li .list > li:not(.noMonth):first-child { margin-top:40px; margin-bottom:-50px; text-align:right; margin-left:-100%; width:100%; } 
.history_wrap .history_list .history > li:nth-of-type(2n) .list > li:not(.noMonth):first-child { text-align:left; margin-left:100%; } 
.history_wrap .history_list .history > li .list .ti { padding:0 1em; color:#111; font-weight:700; font-size:1.25em; } 
.history_wrap .history_list .history > li .list .tt { position:relative; padding:0 2em; margin-top:.125em; font-size:1.15em; color:#333; line-height:1.5; } 
.history_wrap .history_list .history > li .list .tt .dot { position:absolute; left:0; top:-.125em; width:1.875em; height:1.875em; background:transparent; border-radius:50%; box-sizing:border-box; margin-left:1px; transform:translateX(-50%); } 
.history_wrap .history_list .history > li:nth-of-type(2n) .list .tt .dot { left:auto; right:-1.875em; } 
.history_wrap .history_list .history > li .list .tt .dot:before { content:""; position:absolute; top:.625em; bottom:.625em; left:.625em; right:.625em; background:#ddd; border-radius:50%; } 
/*.history_wrap .history_list .history > li:nth-of-type(2n) .list .tt .dot:before { margin-left:100%; } */
.history_wrap .history_list .history > li .list .tt .dot.on { background:#fff; } 
.history_wrap .history_list .history > li .list .tt .dot.on:before { background:var(--siteC); } 

/*찾아오시는 길*/
.root_daum_roughmap.root_daum_roughmap_landing { width:100% !important; } 
.wrap_controllers { display: none; border-bottom: 1px solid #e6e6e6; } 
.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em; font-weight:400; box-sizing:border-box; } 
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:30px; margin-bottom:10px; line-height:1.5; } 
.map_info1 .t1 span:last-child { margin-right:0; } 
.map_info1 .t1 .xi { font-size:1em; color:#fff; margin-right:10px; border-radius:50%; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; background:var(--siteC) } 

.map_info2 { margin-top:30px; font-weight:400 } 
.map_info2 .info_list > li { overflow:hidden; padding:2em 1em; border-bottom:1px solid #ddd } 
.map_info2 .info_list > li h3 { float:left; color:#222222; font-size:1.375em; font-weight:500; } 
.map_info2 .info_list > li h3 .xi { font-size:1.5rem; vertical-align:top; } 
.map_info2 .info_list > li .info { margin:0 0 0 240px; } 
.map_info2 .info_list > li .info strong { display:block; } 
.map_info2 .info_list > li .info p { color:#333; line-height:26px; } 
.map_info2 .info_list > li.subway .info span { display:block; margin:2px 0 6px; color:#333; } 
.map_info2 .info_list > li.subway .bs1 { display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 15px; font-size:0.875em; font-weight:700; color:#fff; line-height:25px; border-radius:30px; background:#249f0b; margin:0 10px 5px 0 } 
.map_info2 .info_list > li.subway .bs1.sub_col1 { background:#3155b5 } 
.map_info2 .info_list > li.subway .info { margin-top:-1px; } 
.map_info2 .info_list > li.subway .info span { display:block; margin:2px 0 6px; } 
.map_info2 .info_list > li.subway .info p { display:inline-block; margin-right:34px; } 
.map_info2 .info_list > li.subway .info em { display:inline-block; font-weight:500; } 

/* 수화 도서 */
.book_wrap { } 
.book_wrap .book_con { flex: 1 1 50%; max-width: 50%; padding: 0 1em; box-sizing: border-box; border-right: 1px dashed #d9d9d9; margin-bottom: 1em; } 
.book_wrap .book_con:nth-of-type(2n) { border-right: none; } 
.book_wrap .book_con .book_img { width: 30%; } 
.book_wrap .book_con .book_text { width: 70%; padding-left: 1.5em; box-sizing: border-box; } 
.book_wrap .book_con .book_text .page_txt_wrap { padding-bottom: 0; } 

.book_con.bookSt { } 
.book_con.bookSt .img_wrap { box-shadow:0 0 1em rgba(0,0,0,.1); overflow:hidden; border-radius:.5em; width: 30%; } 
.book_con.bookSt .img_wrap .resize { padding-bottom:142%; } 

.books_con .page_ex_list.dot > li > .in { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 
.page_ex_list.dot.movie_pp > li > .in { line-height: 1.9; } 
.page_ex_list.dot.movie_pp > li > .in:before { top:.7em; width:.313em; height:.313em; background:#386fc8; border-radius:50%; } 

.book_text .page_txt_wrap.st4 > .innerSec.flex > .books_tit { width:20% !important; } 
.book_text .page_txt_wrap.st4 > .innerSec.flex > .books_con { width:80% !important; } 

/* 시도협회안내 */
.table_st { } 
.table_st .w_tit > div > span.table_b,
.table_st .w_date2 > div > span.table_b { color: #111; font-weight: 600; } 

.page_msg > .inner { padding:1.75em 2em; background:#fff; border-radius:.375em; box-shadow:2px 2px .5em rgba(0,0,0,.15); } 

.page_memo > li { margin-top:.5em; position:relative } 
.page_memo > li:first-child { margin-top:0 } 
.page_memo > li .tt { margin:.25em 0 0 .5em } 
.page_memo > li.flex .tt { flex:1 1 0%; min-width:0; } 
.page_memo .t1 { font-size:.938em; color:#555; } 
.page_memo .t1 .ti { font-weight:500; font-size:1.125em; color:#000; } 
.page_memo .icon.info:before { content:"\e9a7"; color:var(--siteC); font-size:.938em; } 

/* ci */
.patternGrid { background-image: repeating-linear-gradient(#ddd, #ddd 1px, transparent 0, transparent 10px), repeating-linear-gradient(90deg, #ddd, #ddd 1px, transparent 0, transparent 10px); } 
.patternGrid .wrap_img { padding: 3em; width: 70%; margin: 0 auto; } 
.patternGrid .wrap_img > .resize.s1 { padding-bottom: 23.1% !important; } 
.patternGrid .wrap_img > .bgfix { background-size: contain; } 

.page_txt_wrap.sponsor_wrap { padding-bottom: 0; } 

/* 수화컨텐츠 */
.contents_bg { background: #e6e6e8; width: 100%; height: 900px; } 







.prod_detail_wrap { margin-bottom:3em; } 
.prod_detail_wrap.flex_detail { display: flex; flex-direction: column; justify-content: center; align-items: center; } 
.prod_detail_wrap .inner { *zoom:1; } 
.prod_detail_wrap .inner:after { content:""; display:block; clear:both; } 
.prod_detail_wrap .inner .slide_wrap { float:left; width:30%; position:relative; margin-bottom: 2em; } 
.prod_detail_wrap .inner .slide_wrap .vm_tt { max-width:100%; } 
.prod_detail_wrap .inner .slide_wrap img { display:inline-block; *display:inline; zoom:1; } 
.prod_detail_wrap .inner .info_wrap { float:right; width:70%; } 
.prod_detail_wrap .info_wrap .in { padding:0px 0 0 50px; } 
.prod_detail_wrap .info_wrap .prod_tit { margin-bottom:10px; padding-bottom:20px; border-bottom:1px dashed #ccc; } 
.prod_detail_wrap .info_wrap .prod_tit .t1 { display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#1a58a3; font-weight:700; font-size:.938em; } 
.prod_detail_wrap .info_wrap .prod_tit .t1 .xi { vertical-align:middle; color:#1b5b8f; padding-right:1px; } 
.prod_detail_wrap .info_wrap .prod_tit .t2 { display:block; font-size:2em; font-weight:700; } 



.prod_detail_wrap .info_wrap .prod_info { padding-bottom: .87em; } 
.prod_detail_wrap .info_wrap .prod_info .info { font-weight:400; margin-bottom: .87em; } 
.prod_detail_wrap .info_wrap .prod_info .info .tit { position: relative; top:10px; left:0; color:#666; } 
.prod_detail_wrap .info_wrap .prod_info .info .tit { padding:.5em 0; } 
.prod_detail_wrap .info_wrap .prod_info .info .tit .lt_tt { width:5em; color:var(--siteC); font-weight:600; font-size:1em; position:relative; padding-left:.5em; } 
.prod_detail_wrap .info_wrap .prod_info .info .tit .lt_tt:before { content:''; position:absolute; top:8px; left:0; width:3px; height:3px; background:var(--siteC); border-radius:100%; } 
.prod_detail_wrap .info_wrap .prod_info .info .tit .rg_tt { flex:1; color:#222; font-weight:500; font-size:1em; } 

.prod_detail_wrap .info_wrap .prod_info .info .tit.mt30 { margin-top:15px!important; } 
.prod_detail_wrap .info_wrap .prod_info .info .tit.mt10 { margin-top:2px!important; } 
.prod_detail_wrap .info_wrap .prod_info .info .tit:before { content:""; position:absolute; left:0; top:50%; margin-top:-1px; width:4px; height:2px; background:#023e88; display:none; } 

.prod_detail_wrap .info_wrap .prod_btn { border-top:1px dashed #ccc; margin-top:5px; padding-top:20px; } 
.prod_detail_wrap .info_wrap .prod_btn > li { display:inline-block; *display:inline; zoom:1; vertical-align:top; width:33.33%; border-radius:20px; overflow:hidden; border:1px solid #023e88; box-shadow:1px 3px 5px 1px rgba(0,0,0,.5); } 
.prod_detail_wrap .info_wrap .prod_btn > li:last-of-type { margin-left:1em; } 
.prod_detail_wrap .info_wrap .prod_btn .btn { width:100%; height:30px; border:none; overflow:hidden; } 
.prod_detail_wrap .info_wrap .prod_btn .btn.c1 { background:#023e88; color:#fff; } 
.prod_detail_wrap .info_wrap .prod_btn .btn.c2 { background:#ffffff; color:#666; } 
.prod_detail_wrap .info_wrap .prod_btn .btn.c2:hover { background:linear-gradient( to bottom, rgb(16 156 255), rgb(24 6 43) ); color:#fff; } 
.prod_detail_wrap .info_wrap .prod_btn .btn i { vertical-align:middle; } 
.prod_detail_wrap .info_wrap .prod_btn .btn .xi { padding-right:1px; } 


.prod_detail_wrap .inner .slide_wrap .item.img { background:#fff; border:1px solid #ddd; } 
.prod_detail_wrap .inner .slide_wrap .item .img { background:#fff; border:1px solid #ddd; } 
.prod_detail_wrap .inner .slide_wrap .prod_slide .item .img { padding:30px; } 
.prod_detail_wrap .inner .slide_wrap .prod_slide .item .flex_center { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 1em 0; } 
.prod_detail_wrap .inner .slide_wrap .prod_thumb { margin:0 -2px; margin-top:5px; } 
.prod_detail_wrap .inner .slide_wrap .prod_thumb .item .img { margin:0 4px; padding:10px; cursor:pointer; } 
.prod_detail_wrap .inner .slide_wrap .prod_thumb .slick-current .img { border-color:#3578a8; } 
.prod_detail_wrap .inner .slide_wrap .control_box { position:absolute; top:50%; left:0; right:0; } 
.prod_detail_wrap .inner .slide_wrap .control_arrow > li { position:absolute; top:0; margin-top:-60px; } 
.prod_detail_wrap .inner .slide_wrap .control_arrow > li .xi { width:40px; height:40px; line-height:40px; text-align:center; background:#fff; border:1px solid #ccc; border-radius:100%; color:#777; cursor:pointer; } 
.prod_detail_wrap .inner .slide_wrap .control_arrow .prev { left:-50px; } 
.prod_detail_wrap .inner .slide_wrap .control_arrow .next { right:-50px; } 
.prod_detail_wrap .inner .slide_wrap .control_arrow > li:hover .xi { background:#3578a8; border-color:#3578a8; color:#fff; transition:.3s; } 

/* tab */
.pro_detail_con { margin:3em 0; } 
.pro_detail_con .pro_view_tab_st { padding-right:1px; } 
.pro_detail_con .pro_view_tab_st > li { } 
.pro_detail_con .pro_view_tab_st > li > a { vertical-align:middle; background:#f8f8f8; height:3.5em; color:#2c476b; border:1px solid #ccc; margin-right:-1px; position:relative; padding:0 5em; font-size:.938em; font-weight:400; margin-bottom:-1px; border-bottom:none; } 
.pro_detail_con .pro_view_tab_st > li > a:after { content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff; display:none; z-index:1 } 
.pro_detail_con .pro_view_tab_st > li.on > a { background:#fff; border:2px solid #1a58a3; color:#111; z-index:1; border-bottom:none; } 
.pro_detail_con .pro_view_tab_st > li.on > a:after { display:block } 
.pro_detail_con .prod_view_edit { padding:50px 30px; font-size:1em; color:#222; border:1px solid #ccc; font-family:'ns','ng',sans-serif !important; line-height:1.5; } 


.visualSlider { height: 100%; } 
.visualSlider_wrap.vh70 { height: 70vh; } 
.visualSlider_wrap.vh60 { height: 60vh; } 
.visualSlider_wrap.vh50 { height: 50vh; } 

.visualSlider_wrap.vh50 .slogan_wrap { padding-top: 6vh; } 

.main_tab { background: var(--siteC); width: 1400px; margin: -5em auto 0; padding: 2em; border-radius: 1em; position: relative; z-index: 100; } 
.main_tab .tit_wrap { width: 20%; } 
.main_tab .tit_wrap .tit1 { font-size: 1.6em; color: #fff; font-weight: 800; } 
.main_tab .tit_wrap .tit2 { font-size: 1.125em; color: #fff; margin-top: .5em; } 
.main_tab .con_wrap { width: 80%; } 
.main_tab .con_wrap li { width: 16.6%; text-align: center; } 
.main_tab .con_wrap li .in { display: block; } 
.main_tab .con_wrap li .in .icon { background: #fff; width: 5em; height: 5em; line-height: 5em; margin: 0 auto; border-radius: 50%; } 
.main_tab .con_wrap li .in .icon img { width: 3em; } 
.main_tab .con_wrap li .in .ti { color: #fff; font-weight: 500; margin-top: 1em; font-size: 1.125em; } 


/**/
.main_boxN { padding:2.5em 0; } 
.main_businessN { background:#2f415b } 
.main_businessN .mainBusiSlide { margin:-1em 0 1em 0 } 
.main_businessN .list > li .wrap_in { position:relative; border:1px solid rgba(255,255,255,.1); overflow:hidden; border-radius:.5em; cursor:pointer } 
.main_businessN .list > li .wrap_in .img_wrap { position:relative; overflow:hidden } 
.main_businessN .list > li .wrap_in .img_wrap:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.4; transition:.3s } 
.main_businessN .list > li .wrap_in .img_wrap .resize { padding-bottom:66.66%; transition:.3s } 
.main_businessN .list > li .wrap_in .con_wrap { position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-direction:column; gap:.5em; justify-content:center; align-items:center; color:#fff; padding:.5em; box-sizing:border-box } 
.main_businessN .list > li .wrap_in .con_wrap .t1 { font-weight:700; font-size:1.25em } 
.main_businessN .list > li .wrap_in .con_wrap .more { font-size:1.5em } 
.main_businessN .list > li .wrap_in .con_wrap .more:before { content:"\e916" } 
.main_businessN .list > li .wrap_in:hover .img_wrap:after { opacity:.7 } 
.main_businessN .list > li .wrap_in:hover .img_wrap .resize { transform:scale(1.1) } 

.mainBTWrap .account_wrap { margin-bottom:2.5em } 
.mainBTWrap .account_wrap .account_con { position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:1000; width:18em; height:auto; padding:1em; margin:0; background-size:auto 60%; background-color:#386fc9; background-position:right bottom; border-radius:1em 0 0 1em; box-shadow:-.5em -.5em 1em rgba(0,0,0,.1) } 
.mainBTWrap .account_wrap .account_con .account_tit { font-size:.875em; margin-bottom:1em } 
.mainBTWrap .account_wrap .account_con .account_tit img { height:2em } 
.mainBTWrap .account_wrap .account_icon { width:100% } 
.mainBTWrap .account_wrap .account_icon .account_area { display:flex; gap:1em; height:auto; align-items:center; padding:1em; color:#fff } 
.mainBTWrap .account_wrap .account_icon .account_area > .circle { margin-bottom:0; font-size:.5em } 
.mainBTWrap .account_wrap .account_icon .account_area > .circle img { height:60% } 
.mainBTWrap .account_wrap .account_icon .account_area .account_tt { height:auto; flex:1 1 0%; min-width:0 } 
.mainBTWrap .account_wrap .account_icon .account_area .arrow:before { content:"\e93f" } 
.mainBTWrap .movie_wrap { display:flex; flex-wrap:wrap; gap:5em } 
.mainBTWrap .movie_wrap .movie_con { width:calc(50% - 2.5em) } 
.mainBTWrap .movie_wrap .movie_con .movie_area { height:auto; width:auto; display:flex; gap:1em; box-shadow:none; border-radius:0 } 
.mainBTWrap .movie_wrap .movie_con .movie_area .wrapIn { width:calc(33.33% - .6666em) } 
.mainBTWrap .movie_wrap .movie_con .movie_area .movie_img { width:auto } 
.mainBTWrap .movie_wrap .movie_con .movie_area .movie_text { width:auto; padding:.5em 0 } 
.movie_wrap .movie_con .movie_area .movie_text .movie_tit > .t10 { font-size:1em; font-weight:600 } 
.mainBTWrap .movie_wrap .menu_tit { margin-bottom:.75em } 
.mainBTWrap .movie_wrap .main_tt.t2 { font-size:1.625em } 


/* sub */

.page_tt { font-size:1em; word-break:keep-all; line-height:1.4; } 
.page_tt > .tt + .tt { margin-top:1.25em; } 
.page_tt.o1 { opacity:.7; } 
.page_tt.o2 { opacity:.1; } 
.page_tt.s1 { font-size:0.938em } 
.page_tt.s2 { font-size:1.063em } 
.page_tt.s3 { font-size:1.125em } 
.page_tt.s4 { font-size:1.250em } 
.page_tt.s5 { font-size:1.313em } 
.page_tt.s6 { font-size:1.500em } 
.page_tt.s7 { font-size:1.625em } 
.page_tt.s8 { font-size:1.875em } 
.page_tt.s9 { font-size:2.375em } 
.page_tt.s10 { font-size:2.750em } 
.page_tt.s11 { font-size:3.250em } 
.page_tt.s12 { font-size:4.000em; } 
.page_tt.s13 { font-size:4.500em; } 
.page_tt.s14 { font-size:5.250em; } 

.fw800 { font-weight:800 } 
.fw700 { font-weight:700 } 
.fw600 { font-weight:600 } 
.fw500 { font-weight:500 } 
.fw400 { font-weight:400 } 
.fw300 { font-weight:300 } 

/* introduce */

.introduce_topbg { border-radius: 1em; overflow: hidden; } 
.intro_list { gap: 1em; } 
.intro_list li { border: 1px solid #ddd; padding: 2em; flex: 1; border-radius: 1em; } 

/*sub 타이틀 점*/
.dot-tit { position:relative; padding-left: 1em; font-size: 1.85em; font-weight: 800; color: #111; margin-bottom: 1.15em; } 
.dot-tit:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 7px; height: 7px; border-radius: 50%; border: 4px solid var(--siteC); } 

/*구분 de*/
.sub_diviC { gap: 6em; } 
.sub_diviC .dvT { flex: 1 1 20%; } 
.sub_diviC .dvT .tit { } 
.sub_diviC .dvIF { flex: 1 1 80%; } 
.sub_diviC .dvIF .tt { font-size: 1.1em; line-height: 1.6; color: #444; } 

/*당부의 말*/
.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: 8em 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, .35); 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: #fff; } 
.speak_Wrap .infoA > .info_area > .tt:last-of-type { margin-bottom: 0em; } 
.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: 1.215em; color: #fff; } 
.speak_Wrap .pic_area > .tt > span { font-size: 1.215em; font-weight: 700; } 

/*조직도*/
.organ_wrap { padding: 2.5em; box-sizing: border-box; border: 1px solid #ddd; border-radius: 1em; text-align: center; } 

/*오시는길*/
.root_daum_roughmap .wrap_controllers { display: none; } 
.location_wrap .map_wrap { } 
.location_wrap .map_wrap .map_info { padding: 1em 0 2em 0; margin-bottom: 2em; border-bottom: 1px solid #111; } 
.location_wrap .map_wrap .map_info .addT { align-items: center; } 
.location_wrap .map_wrap .map_info .addT > .tt { font-size: 1.85em; font-weight: 700; } 
.location_wrap .map_wrap .map_info .icon { display: flex; align-items: center; font-size: 2.15em; color: var(--siteC); margin-right: .15em; } 
.location_wrap .map_wrap .map { border-radius: 1em; overflow: hidden; } 
.location_wrap .contact_list { margin-top: 1em; gap: 4em; } 
.location_wrap .contact_list > li { position:relative; } 
.location_wrap .contact_list > li:before { position: absolute; top: 50%; right: -2rem; transform: translateY(-50%); width: 1px; height: 1.6rem; background-color: #888; content: ""; } 
.location_wrap .contact_list > li:last-of-type:before { content: none; } 
.location_wrap .contact_list > li > p { font-size: 1.415em; } 
.location_wrap .contact_list > li > p > span { color: #666; font-weight: 400; } 

/*탄소중립실천 운동 방향*/
.sloganB { position:relative; text-align: center; } 
.sloganB > .title { position:relative; display: inline-block; font-size: 3.15em; font-weight: 700; padding-bottom: 1.5em; } 
.sloganB > .slogan_en { position: absolute; width: 100%; bottom: -.2em; left: 50%; line-height: 1; transform: translateX(-50%); font-size: 4.5em; text-transform: uppercase; font-weight: 900; color: #efefef; } 

.dot02 { position: absolute; left: -1em; top: 0; width: .6em; object-fit: contain; } 
.dot01 { position: absolute; right: -1em; top: 0; width: .6em; object-fit: contain; } 

.sloganBg { position: relative; height: 100vh; width: 100%; } 
.sloganBg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .5); content: ''; z-index: 1; } 
.sloganBg .innerT { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; color: #fff; z-index: 2; } 
.sloganBg .innerT .tt { margin-bottom: 1.215em; font-size: 1.815em; font-weight: normal; font-weight: 500; } 
.sloganBg .innerT .tt:last-of-type { margin-bottom: 0em; } 

/*운동방향*/
.imgBgT { position: relative; width: 100%; padding: 6em 5em; box-sizing: border-box; border-radius: 1em; overflow: hidden; } 
.imgBgT:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .3); content: ''; } 
.imgBgT > .tCon { position: relative; color: #fff; z-index: 2; } 
.imgBgT > .tCon > .en { font-size: 2.85em; font-weight: 700; } 
.imgBgT > .tCon > .tt { font-size: 1.2em; font-weight: 500; margin-top: 1em; line-height: 1.4; } 
.imgBgT > .tCon > .tt2 { font-size: 1.6em; font-weight: 500; margin-top: 1em; line-height: 1.4; } 

.grayB { background: #f7f7f7; border-radius: 1em; padding: 2.5em; } 
.grayB.bgN { background: #fff; } 

/*business02*/
.imgB { position: relative; padding: 3em; box-sizing: border-box; color: #fff; text-align: center; border-radius: 1em; overflow: hidden; } 
.imgB:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .5); content: ''; z-index: 1; } 
.imgB > .inT { position:relative; z-index: 2; } 
.imgB > .inT > .en { font-size: 2.15em; font-weight: 700; line-height: 1.2; margin-bottom: .5em; } 
.imgB > .inT > .tt { font-size: 1.15em; font-weight: 600; line-height: 1.6; } 

.gogreen_wrap { margin-top: 2.5em; } 
.gogreen_wrap > .tit { text-align: center; font-size: 1.85em; font-weight: 700; margin-bottom: 2em; } 
.gogreen_wrap > .tit > .en { } 

.gogreen_list { } 
.gogreen_list > li { border-bottom: 1px solid #ddd; padding: 2.5em 0; } 
.gogreen_list > li:first-of-type { border-top: 1px solid #ddd; } 
.gogreen_list > li > .con { gap: 1.5em; align-items: center; } 
.gogreen_list > li > .con > .boxCon { width: 50%; display: flex; align-items: center; gap: 2em; } 
.gogreen_list > li > .con > .boxCon.jend { justify-content: end; } 
.gogreen_list > li > .con > .boxCon > .img_con { width: 15em; height: 9em; border-radius: .5em; overflow: hidden; } 
.gogreen_list > li > .con > .boxCon > .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.gogreen_list > li > .con > .boxCon > .tit { font-size: 1.515em; font-weight: 600; } 
.gogreen_list > li > .con > .boxCon > .tit > .en { color: var(--siteC); font-weight: 700; margin-left: .3em; } 
.gogreen_list > li > .con > .arrowB { position: absolute; left: 50%; transform: translateX(-50%); width: 3.5em; height: 3.5em; display: flex; align-items: center; justify-content: center; border: 2px solid var(--siteC); background: var(--siteC); color: #fff; } 
.gogreen_list > li > .con > .arrowB > .xi { font-size: 1.8em; } 

/*business03*/
.benefit_wrap { } 
.benefit_wrap .benefit_list { } 
.benefit_wrap .benefit_list > li { display: flex; } 
.benefit_wrap .benefit_list > li > .in { flex: 1; } 
.benefit_wrap .benefit_list > li .conTop { padding: 1em 0; text-align: center; background: var(--siteC); } 
.benefit_wrap .benefit_list > li .conTop > .tit { font-size: 1.215em; font-weight: 600; color: #fff; } 
.benefit_wrap .benefit_list > li .infoB { display: flex; justify-content: center; align-items: center; padding: 2em; height: 9em; box-sizing: border-box; border: 1px solid #ddd; } 
.benefit_wrap .benefit_list > li .infoB > .tt { text-align: center; font-size: 1.1em; font-weight: 500; line-height: 1.6; } 

/*business04*/
.partner_Wrap { } 
.partner_Wrap .partner_con { display: flex; border-bottom: 1px solid #ddd; } 
.partner_Wrap .partner_con:first-of-type { border-top: 1px solid #ddd; } 
.partner_Wrap .partner_con > .titB { display: flex; align-items: center; justify-content: center; width: 15%; box-sizing: border-box; padding: 1em 0; font-size: 1.215em; font-weight: 700; text-align: center; background: var(--siteC); color: #fff; } 
.partner_list { width: 85%; padding: 1.5em 0; gap: 1em; padding-left: 2em; } 
.partner_list > li { width: calc(20% - 1em); max-width: 20%; } 
.partner_list > li.moreL { display: flex; align-items: center; } 
.partner_list > li.moreL > .in { border: none; } 
.partner_list > li.moreL > .in > .xi { margin-right: .5em; color: #bcbcbc; } 
.partner_list > li.moreL > .in > .moreT { font-size: 1.063em; font-weight: 600; color: var(--siteC); } 
.partner_list > li > .in { display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; } 
.partner_list > li > .in > .logo_con { display: flex; align-items: center; width: 90%; height: 80px; justify-content: center; } 
.partner_list > li > .in > .logo_con > .tt { font-weight: 500; color: dodgerblue; font-size: 1.063em; text-align: center; } 
.partner_list > li > .in > .logo_con > img { width: 100%; height: 80px; object-fit: contain; } 
.partner_list > li.midLine { flex: 1 1 100%; max-width: 100%; margin: 1.25em 0; width: 100%; height: 1px; background: #ddd; } 

/*business05*/
.buTab { margin-top: 3em; } 
.icon_tab { } 
.icon_tab > li { cursor: pointer; position: relative; width: calc(20% - 2rem); margin: 0 1rem; align-items: start; min-height: 20rem; border: 3px solid #f2f2f2; border-radius: 0.5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; display: flex; align-items: center; justify-content: center; transition: all 0.4s; } 
.icon_tab > li:before { position: absolute; content: '\e943'; left: 50%; margin-left: -1em; bottom: -1em; width: 2em; height: 2em; border-radius: 4.4rem; background: #e2e2e2; display: flex; align-items: center; justify-content: center; font-size: 1.5em; color: #232323; font-family: xeicon; transition: all 0.4s; transform: rotate(180deg); } 
.icon_tab > li > .tab_box { } 
.icon_tab > li > .tab_box > .icon { display: flex; align-items: center; justify-content: center; position: relative; width: auto; } 
.icon_tab > li > .tab_box > .icon > img { width: 4em; transition: .4s; } 
.icon_tab > li > .tab_box > .tbox { padding-top: 1em; } 
.icon_tab > li > .tab_box > .tbox > .tit { font-size: 1.415em; font-weight: 600; letter-spacing: -0.02em; line-height: 1.5em; color: #000; transition: all 0.4s; } 
.icon_tab > li > .tab_box > .tbox > .tt { font-size: 1em; font-weight: 500; letter-spacing: -0.055em; line-height: 1.42em; color: rgba(0, 0, 0, 0.6); padding-top: 1rem; transition: all 0.4s; } 

.icon_tab > li.on { background: var(--siteC); box-shadow: 1rem 1rem 2.5rem rgb(6 114 2 / 16%) } 
.icon_tab > li.on > .tab_box > .tbox > .tt,
.icon_tab > li.on > .tab_box > .tbox > .tit { color: #fff; } 
.icon_tab > li.on:before { background: #fff; transform: rotate(0deg); } 
.icon_tab > li.on > .tab_box > .icon > img { filter: brightness(0) invert(1); } 

.buTab > .inner { margin-top: 3.5em; padding: 0 1em; } 
.buTab > .inner .bu_tabInner { text-align: center; padding: 2em; box-sizing: border-box; border: 2px solid var(--siteC); border-radius: .5em; } 
.buTab > .inner .bu_tabInner > .tt { font-size: 1.715em; font-weight: 600; } 

/**/
.active01_wrap { gap: 3em; display: flex; align-items: center; } 
.active01_wrap > .AimgB { width: 50%; height: 20em; border-radius: 1em; overflow: hidden; } 
.active01_wrap > .AimgB > img { width: 100%; height: 100%; object-fit: cover; } 
.active01_wrap > .arrowB { width: 10%; } 
.active01_wrap > .arrowB > .plogo { margin-bottom: 2em; } 
.active01_wrap > .arrowB > .arrow_con { display: flex; align-items: center; justify-content: center; } 
.active01_wrap > .arrowB > .arrow_con > .xi { position:relative; font-size: 2em; } 
.active01_wrap > .arrowB > .arrow_con > .ic1 { position:relative; color: #ddd; right: -15px; } 
.active01_wrap > .arrowB > .arrow_con > .ic2 { color: var(--siteC); opacity: .5; } 
.active01_wrap > .arrowB > .arrow_con > .ic3 { position:relative; color: var(--siteC); left: -15px; } 
.Active_desc { margin-top: 3em; text-align: center; font-size: 1.315em; line-height: 1.6; color: #333; padding: 2em; box-sizing: border-box; border: 1px solid #ddd; border-radius: .5em; } 

/*탄소중립*/
.sub_tit { padding-bottom: 2.5em; } 
.carbon_bg { position: relative; height: 40vh; } 
.carbon_bg > .innerT { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); text-align: center; padding: 0 5vw; box-sizing: border-box; } 
.carbon_bg > .innerT > .tt { text-transform: uppercase; font-weight: 500; font-size: 1.315em; color: #fff; letter-spacing: 1em; } 

.carbon_tt { text-align: center; } 
.carbon_tt > .t1 { font-size: 1.615em; font-weight: 700; margin-bottom: 1em; line-height: 1.4; } 
.carbon_tt > .t2 { font-size: 1.215em; color: #666; line-height: 1.6; } 

.grafT { display: flex; gap: 2em; width: 800px; margin: 0 auto; padding-top: 2.5em; } 
.grafT > .con { width: 50%; max-width: 50%; border-radius: 1em; border: 1px solid #ddd; overflow: hidden; } 
.grafT > .con > .top { padding: 1em; box-sizing: border-box; background: #246cf9; text-align: center; } 
.grafT > .con > .top.c2 { background: #008c8c; } 
.grafT > .con > .top > .tt { font-size: 1.215em; font-weight: 600; color: #fff; } 
.grafT > .con > .btm { padding: 1em; text-align: center; } 
.grafT > .con > .btm > .tt { display: flex; align-items: center; height: 4em; font-size: 1em; line-height: 1.4; color: #444; } 

.graf_img { margin-top: 3em; padding: 3em; box-sizing: border-box; background: #f7f7f7; text-align: center; border-radius: 1em; } 
.graf_img > img { width: 80%; } 

/*activity*/
.tt.dott { position: relative; padding-left: 15px; } 
.tt.dott::before { content: ""; position: absolute; top: 8px; left: 0; width: 5px; height: 5px; border-radius: 50%; background-color: #fff; } 

.flex_box .fst2.st2 > li { flex: 1 1 48%; max-width: 48%; } 
.flex_box .fst2.st2 > li.con { border: 1px solid #ddd; border-radius:10px; } 
.flex_box .fst2.st2 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst2.st2 > li > .in.h10 { min-height: 12em; } 
.flex_box .fst2.st2 > li > .in > .ico_wrap { width: 35%; } 
.flex_box .fst2.st2 > li > .in > .tt_wrap { width: 65%; } 
.flex_box .fst2.st2 > li > .in > .tt_wrap > .page_tt { } 
.flex_box .fst2.st2 > li > .in > .tt_wrap > .page_tt > .tit { font-size: 1.3em; } 
.flex_box .fst2.st2 > li > .in > .tt_wrap > .page_tt > .tt { font-size: 1em; margin-top: .5em; } 

.sub_wrap > .img_wrap { border:1px solid #ddd; border-radius:10px; padding:2em 0; box-sizing:border-box; } 
.sub_wrap >.con { border: 1px solid #ddd; border-radius:10px; } 
.sub_wrap >.con { border: 1px solid #ddd; border-radius:10px; } 
.sub_wrap > .con >.ico_wrap { } 
.sub_wrap > .con >.tt_wrap { padding: 2em; box-sizing: border-box; } 
.sub_wrap > .con >.tt_wrap > .page_tt { } 
.sub_wrap > .con >.tt_wrap > .page_tt > .tit { font-size: 1.3em; } 
.sub_wrap > .con >.tt_wrap > .page_tt > .tt { font-size: 1em; margin-top: .5em; } 
.sub_wrap > .con >.tt_wrap > .page_tt > .tt2 { font-size: 1em; margin-top: .5em; } 
.sub_wrap > .con >.tt_wrap > .page_tt > .tt2.dott { padding-left: 15px; position: relative; } 
.sub_wrap > .con >.tt_wrap > .page_tt > .tt2.dott::before { content:""; position: absolute; top: 6px; left: 0; width: 5px; height: 5px; border-radius: 50%; background-color: var(--siteC); } 

.sub_tit .ttcon { position: relative; padding-left: 15px; font-weight: 700; font-size: 2em; } 
.sub_tit .benefit_list::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 1.375em; height: .5em; background: var(--siteC); border-radius: 6em; transform: rotate(-45deg) translate(-.375em, -.5em); } 

/*activity07*/
.benefit_wrap2 { } 
.benefit_wrap2 .benefit_list { } 
.benefit_wrap2 .benefit_list > li { display: flex; } 
.benefit_wrap2 .benefit_list > li.w100 { width: 100%;} 
.benefit_wrap2 .benefit_list > li > .in { flex: 1 1 30%; max-width: 100%; } 
.benefit_wrap2 .benefit_list > li > .bottom_wrap { } 
.benefit_wrap2 .benefit_list > li > .bottom_wrap > ul > li { width:48%; border: 1px solid var(--siteC); min-height: 8em; border-radius:20px; font-size:1.3em; font-weight:700; padding: 1em; box-sizing:border-box; color:#333 } 
.benefit_wrap2 .benefit_list > li .conTop { padding: 1em 0; text-align: center; background: var(--siteC); } 
.benefit_wrap2 .benefit_list > li .conTop.st2 { padding: 1em 0; text-align: center; background: var(--siteC2); } 
.benefit_wrap2 .benefit_list > li .conTop.st3 { padding: 1em 0; text-align: center; border: 3px dashed var(--siteC2); background: transparent;} 
.benefit_wrap2 .benefit_list > li .conTop > .tit { font-size: 1.215em; font-weight: 600; color: #fff; } 
.benefit_wrap2 .benefit_list > li .conTop.st3 > .tit { font-size: 1.215em; font-weight: 600; color: #333; } 
.benefit_wrap2 .benefit_list > li .infoB { display: flex; justify-content: center; align-items: center; padding: 2em; height: 9em; box-sizing: border-box; border: 1px solid #ddd; } 
.benefit_wrap2 .benefit_list > li .infoB > .tt { text-align: center; font-size: 1.1em; font-weight: 500; line-height: 1.6; padding-left: 10px;} 
.benefit_wrap2 .benefit_list > li .infoB > .tt.dott { position: relative; } 
.benefit_wrap2 .benefit_list > li .infoB > .tt.dott::before { top: .5em; width: .313em; height: .313em; background: #386fc8; border-radius: 50%; } 

.wh48{width: 48%;}
.arrow_wrap{text-align: center;}