@charset "utf-8";/* CSS Document */
body { font-size:16px } 
body:not(.pop) { display:flex; flex-direction:column } 
.box0 { margin:0 3% } 
.box1 { width:1200px; margin:0 auto } 
.box2 { width:1600px; margin:0 auto } 

.gnb > li.m_guide { display:none } 

#header { position:absolute; left:0; top:0; width:100%; z-index:1000; transition:.3s; /* box-shadow:3px 0 5px rgba(0,0,0,.2); border-bottom:1px solid #ddd; background:#fff*/ } 
#header:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff; opacity:.2 } 
#header .top_wrap,
#header .top_wrap .va_wrap { height:5.5em } 
.headerT { padding-top:5.5em } 
#header .logo > a { display:block } 
#header .logo > a img { height:2em } 
#header .logo > a .tt { display:inline-block; font-weight:700; color:#fff; font-size:1.125em; margin-top:-1em; margin-left:.75em; padding-left:.5em; border-left:1px solid rgba(255,255,255,.5); line-height:1 } 
#header .gnb_wrap .gnb > li .dp1 { color:#fff; display:block; padding:0 2em; min-width:6.7em; position:relative } 
#header .gnb_wrap .gnb > li .dp1:after { content:""; position:absolute; left:50%; bottom:-1px; width:2em; margin-left:-1em; height:3px; background:#ed008c; transition:.3s; transform:scaleX(0) } 
#header .gnb_wrap .gnb > li .dp1 .va { font-size:1.375em; font-weight:500 } 
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after { transform:scaleX(1) } 
#header .gnb_wrap .gnb > li .dp2 { display:none } 


#header .etc_wrap .all_wrap .all_btn { display:block; color:#fff; width:4em; text-align:center; position:relative } 
#header .etc_wrap .all_wrap .all_btn .xi { font-size:2.5em; position:relative; z-index:1 } 
#header .etc_wrap .all_wrap .all { position:fixed; z-index:1; left:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:.3s } 
#header .etc_wrap .all_wrap .all .wrap_bg { position:absolute; right:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); cursor:pointer } 
#header .etc_wrap .all_wrap .all .wrap_in { position:absolute; right:0; top:0; width:100%; height:100%; max-width:22em; background:#fff; box-shadow:-5px 0 1em rgba(0,0,0,.5); transform:translateX(100%); transition:.3s } 
#header .etc_wrap .all_wrap .all .all_top { padding:1em 1em 2em 1em } 
#header .etc_wrap .all_wrap .all .all_top .logo { text-align:center; margin-top:2em } 
#header .etc_wrap .all_wrap .all .all_top .logo img { height:1.5em } 
#header .etc_wrap .all_wrap .all .close_btn { display:block; margin:0 auto; width:3em; line-height:3em; text-align:center; border-radius:50%; background:#555; color:#fff; transition:.3s } 
#header .etc_wrap .all_wrap .all .close_btn .xi { font-size:1.5em } 
#header .etc_wrap .all_wrap .all .close_btn:hover { transform:rotate(90deg) } 
#header .etc_wrap .all_wrap .all .gnb { display:block } 
#header .etc_wrap .all_wrap .all .gnb a { height:auto; text-align:left; padding:1em 1.5em; padding-right:3em; position:relative } 
#header .etc_wrap .all_wrap .all .gnb a:after { font-family:xeicon!important; position:absolute; right:1.5em; top:50%; margin-top:-.75em; } 
#header .etc_wrap .all_wrap .all .gnb > li .dp1 { background:#555; color:#fff } 
#header .etc_wrap .all_wrap .all .gnb > li .dp1:after { content:"\e936" } 
#header .etc_wrap .all_wrap .all .gnb > li .dp1 .va { font-size:1.125em; font-weight:700 } 
#header .etc_wrap .all_wrap .all .gnb > li .dp2 { display:block } 
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li > a { background:#f5f5f5; height:auto; color:#555; border-bottom:1px solid #ddd } 
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li > a:after { content:"\e93f" } 
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li > a .va { } 
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li > a:hover { background:#ddd; color:#111 } 

#header .etc_wrap .all_wrap.on .all { opacity:1; visibility: visible } 
#header .etc_wrap .all_wrap.on .all .wrap_in { transform:translateX(0) } 


/**/
#footer { background:#303030; } 
#footer .branch_wrap { padding:3em 0 4em 0 } 
#footer .branch_wrap .logo { width:17em } 
#footer .branch_wrap .logo img { height:1.5em } 
#footer .branch_wrap .branch { width:calc(100% - 17em) } 
#footer .branch_wrap .branch > li { margin-bottom:.75em } 
#footer .branch_wrap .branch > li .wrap_in { } 
#footer .branch_wrap .branch > li .wrap_in .tit { color:#fff; width:5em } 
#footer .branch_wrap .branch > li .wrap_in .tit .t1 { font-size:.875em; font-weight:500 } 
#footer .branch_wrap .branch > li .wrap_in .list { width:calc(100% - 5em) } 
#footer .branch_wrap .branch > li .wrap_in .list > li { width:14.28% } 
#footer .branch_wrap .branch > li .wrap_in .list > li > a { display:block; color:#fff; opacity:.7; font-size:.813em } 
#footer .branch_wrap .branch > li .wrap_in .list > li > a:before { content:"- " } 
#footer .branch_wrap .branch > li .wrap_in .list > li > a:hover { opacity:.9 } 

#footer .menu_wrap { border:1px solid rgba(255,255,255,.1); border-left:none; border-right:none } 
#footer .menu_wrap .menu > li > a { display:block; color:#fff; position:relative; font-size:.938em; padding:0 2em; opacity:.7 } 
#footer .menu_wrap .menu > li:first-child > a { padding-left:0 } 
#footer .menu_wrap .menu > li.point > a { color:#fff; opacity:1 !important } 
#footer .menu_wrap .menu > li > a:after { content:""; position:absolute; right:0; top:50%; width:1em; height:1em; margin-top:-.5em; border-radius:50%; font-size:.25em; background:#fff; opacity:.5 } 
#footer .menu_wrap .menu > li:last-child > a:after { display:none } 
#footer .menu_wrap .menu > li > a:hover { text-decoration:underline } 
#footer .menu_wrap .gotop { width:4em; line-height:4em; border:1px solid rgba(255,255,255,.1); border-top:none; border-bottom:none; text-align:center; color:#fff; transition:.3s } 
#footer .menu_wrap .gotop .xi { font-size:2em } 
#footer .menu_wrap .gotop:hover { background:#c6004d } 

#footer .info_wrap { padding:2em 0 7em 0; color:#fff } 
#footer .info_wrap .info > li { margin-right:2em; line-height:1.5; font-size:.875em; opacity:.7 } 
#footer .info_wrap .info > li:last-child { margin-right:0 } 
#footer .info_wrap .copyright { margin-top:1.5em; font-size:.75em; opacity:.5; letter-spacing:0; text-transform:uppercase } 

#footer .info_wrap .mark > li { line-height:1.5; font-size:.938em; margin:1em 3em .5em 0 } 
#footer .info_wrap .mark > li a { color:#fff !important; margin-left:.5em; font-size:.875em; font-weight:300; opacity:.7 } 
#footer .info_wrap .mark > li a:hover { text-decoration:underline } 


/**/
.mainSlider { position:relative } 
.mainSlider .el { height:100vh; position:relative; overflow:hidden } 
.mainSlider .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; /* transform:scale(1.3,1.3); */ transition-delay:1s } 
.mainSlider .el .box1 { position:relative } 
.mainSlider .slogan { position:relative; top:25vh; color:#fff; text-align:center } 
.mainSlider .slogan .icon { font-size:4em; transform:translateY(1em); opacity:0 } 
.mainSlider .slogan .t0 { font-size:1.250em; transform:translateY(1em); opacity:0; letter-spacing:2px; font-weight:300 } 
.mainSlider .slogan .t1 { font-size:4em; font-weight:700; font-family:Arial, Helvetica, sans-serif; letter-spacing:-2px; word-spacing:2px; transform:translateY(1em); opacity:0; text-shadow:1px 1px 1px rgba(0,0,0,.9); } 
.mainSlider .slogan .t2 { font-size:2.3em; transform:translateY(1em); opacity:0; margin-top:1em; line-height:1.5; text-shadow:1px 1px 1px rgba(0,0,0,.9); } 
.mainSlider .slogan .t2 .c1 { background:rgba(237, 0, 140, .7); display:inline-block; color:#fff; padding:0 .3em; } 
.mainSlider .slogan .t2 .c2 { font-weight:700; color:#fff; font-size:1.125em } 

.mainSlider .slogan .t3 { font-size:1.063em; transform:translateY(1em); opacity:0; margin-top:5em; padding-bottom:.6em; color:#fff; display:inline-block; position:relative } 
.mainSlider .slogan .t3:after { content:""; position:absolute; width:100%; background:#fff; height:2px; left:0; bottom:0; } 
.mainSlider .slogan .line { position:relative; margin:1.5em 0 3em 0 } 
.mainSlider .slogan .line:before,
.mainSlider .slogan .line:after { content:""; position:absolute; height:2px; background:#fff; width:0; opacity:0 } 
.mainSlider .slogan .line:before { left:50%; } 
.mainSlider .slogan .line:after { right:50%; } 
/*.mainSlider .el.swiper-slide-active .bg,
.mainSlider .el.swiper-slide-duplicate-active .bg { transform:scale(1,1); transition:3s; transition-delay:0; transition-timing-function:ease-in-out } */
.mainSlider .el.swiper-slide-active .slogan .icon { transform:translateY(0); opacity:1; transition:1s } 
.mainSlider .el.swiper-slide-active .slogan .t0 { transform:translateY(0); opacity:1; transition:1s } 
.mainSlider .el.swiper-slide-active .slogan .t1 { transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s } 
.mainSlider .el.swiper-slide-active .slogan .t2 { transform:translateY(0); opacity:1; transition:1s; transition-delay:1s } 
.mainSlider .el.swiper-slide-active .slogan .t3 { transform:translateY(0); opacity:1; transition:1s; transition-delay:1.5s } 
.mainSlider .el.swiper-slide-active .slogan .line:before,
.mainSlider .el.swiper-slide-active .slogan .line:after { width:2em; opacity:1; transition:2s; transition-delay:.5s } 

.mainControl { position:absolute; left:0; bottom:7em; width:100%; z-index:100 } 
.mainControl .box0 { position:relative } 
.mainControl .mainSlider-btn { width:3.25em; cursor:pointer; line-height:2.5em; color:#fff; outline:none; text-align:center } 
.mainControl .mainSlider-btn .xi { font-size:1.5em } 
.mainControl .mainSlider-btn:hover { color:#fff; opacity:1 } 
.mainControl .mainProgress { text-align:center; margin-right:1em } 
.mainControl .mainPauseWrap { position:absolute; left:0; width:4.375em; text-align:center; top:0 } 
.mainControl .mainPauseWrap .mainSlider-btn { line-height:3.25em } 
.mainControl .mainPauseWrap .mainSlider-btn .xi { font-size:1.5em; } 
.mainControl .mainPauseWrap .mainSlider-play { display:none } 
.mainControl .mainPauseWrap.pause .mainSlider-pause { display:none } 
.mainControl .mainPauseWrap.pause .mainSlider-play { display:block; opacity:1; color:#fff } 
.mainControl .mainSlider-pagination { margin-top:2em } 
.mainControl .mainSlider-pagination span { width:1em; height:1em; background:#fff; border-radius:0; font-size:.625em; opacity:.7; margin:0 .25em; transition:.3s } 
.mainControl .mainSlider-pagination span.swiper-pagination-bullet-active { width:7em; opacity:1; } 

#scrollAni { position: absolute; left:50%; width:6em; margin-left:-3em; text-align:center; bottom:2em; opacity:1; z-index:100; text-decoration:none; animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite; display:none } 
#scrollAni .xi { vertical-align:middle } 
#scrollAni .xi-mouse { font-size:3em; color:#fff; margin-right:-7px } 
#scrollAni .xi-scroll { font-size:2em; color:#fff; margin-left:-7px } 
#scrollAni .tt { display:block; color:#fff; font-size:.75em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; letter-spacing:0 } 
#scrollAni.hide { opacity:0; z-index:-1 } 

/**/
#contents { } 
#contents .subtop_wrap .sub_visual { height:23em; position:relative; overflow:hidden } 
#contents .subtop_wrap .sub_visual .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#f5f5f5; background-size:cover } 
#contents .subtop_wrap .sub_visual .wrap_in { position:relative; height:100% } 
#contents .subtop_wrap .sub_visual .wrap_in .sub_slogan { flex:1 1 auto } 
#contents .subtop_wrap .sub_visual .wrap_in .sub_menu { flex:0 0 auto } 

#contents .sub_slogan { color:#fff } 
#contents .sub_slogan .in { width:100%; text-align:center } 
#contents .sub_slogan .t1 { font-size:2.8em; font-weight:700; padding:.5em 0; transform:translateX(-2em); opacity:0; } 
#contents .sub_slogan .t2 { font-size:1.7em; font-weight:400; transform:translateX(2em); opacity:0; line-height:1.5 } 
#contents .sub_slogan .t2 > span { display:block } 
#contents .sub_slogan .t0 { transform:translateX(-1em); opacity:0; } 
#contents .sub_slogan .t0 .nav .xi,
#contents .sub_slogan .t0 .nav .tt { font-size:.875em; } 
#contents .sub_slogan .t0 .nav .arrow { margin:0 .3em 0 .2em } 
#contents .sub_slogan .t0 .nav .arrow:before { content:"\e93f" } 

.load #contents .sub_slogan .t0,
.load #contents .sub_slogan .t1,
.load #contents .sub_slogan .t2 { transform:translateX(0); opacity:1; transition:1s } 

#contents .sub_menu { padding-bottom:0 } 
#contents .sub_menu .gnb { flex-wrap: wrap } 
#contents .sub_menu .gnb > li { width:100% } 
#contents .sub_menu .gnb > li .dp2 { justify-content:center } 
#contents .sub_menu .gnb > li .dp2 > li { flex:1 1 50%; max-width:50% } 
#contents .sub_menu .gnb > li .dp2 > li > a { display:block; height:4.25em; background:#fff; color:#666; transition:.3s; margin:0 -1px -1px 0; position:relative } 
#contents .sub_menu .gnb > li .dp2 > li > a:after { content:""; position:absolute; left:-1px; top:25%; height:50%; width:1px; background:#ddd } 
#contents .sub_menu .gnb > li .dp2 > li > a .va { font-weight:500; font-size:1.125em } 
#contents .sub_menu .gnb > li .dp2 > li:hover > a { color:#c6004d } 
#contents .sub_menu .gnb > li .dp2 > li.on { z-index:1; box-shadow:0 0 1em .25em rgba(0,0,0,.5) } 
#contents .sub_menu .gnb > li .dp2 > li.on > a { background:#c6004d; color:#fff } 
#contents .sub_menu .gnb > li .dp2 > li.on > a:after { display:none } 

.dp1_1 #contents .sub_menu .gnb > li .dp2,
.dp1_4 #contents .sub_menu .gnb > li .dp2,
.dp1_5 #contents .sub_menu .gnb > li .dp2,
.dp1_6 #contents .sub_menu .gnb > li .dp2,
.dp1_7 #contents .sub_menu .gnb > li .dp2 { display:none } 

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

#contents .sub_tit_wrap { background:#f5f5f5; border-top:1px solid #ddd; padding:1.5em 0; box-shadow:0 1px 3px rgba(0,0,0,.2); display:none } 
#contents .sub_tit_wrap .sub_tit { position:relative } 
#contents .sub_tit_wrap .sub_tit .tit { font-size:2.25em; color:#111; letter-spacing:-1px; word-spacing:1px; font-weight:500 } 

#contents .sub_tit_wrap .sub_nav > li { line-height:1; color:#333; font-size:.813em; color:#777; margin-top:.75em } 
#contents .sub_tit_wrap .sub_nav > li:not(.home):before { content:"\e93e"; font-family:xeicon!important; display:inline-block; padding:0 .5em; color:#999; vertical-align:top } 
#contents .sub_tit_wrap .sub_nav > li.home > a { display:block; border-radius:100%; width:2em; line-height:2em; background:#fff; margin-top:-.125em; color:#eb3b4b; text-align:center } 
#contents .sub_tit_wrap .sub_nav > li.home > a:hover { background:#eb3b4b; color:#fff } 

#contents .doc { padding:3em 0 10em 0; position: relative;} 
#contents .doc.pb0 { padding:3em 0 0em 0 } 
#contents .doc.pagest { padding-top:0 } 
#contents .doc.pb0_N {padding: unset;}


.bodySt1 #contents .subtop_wrap,
.bodySt1 .sub_tit_wrap { display:none } 


/**/
.sec_con { padding:3em 0 5em 0 } 

.page_sec0 { margin-top:2em !important } 
.page_sec { margin-top:3em !important } 
.page_sec1 { margin-top:5em !important } 
.page_sec2 { margin-top:1em !important } 

.iconList_wrap { margin:0 0 -15px -20px; text-align:center; font-size:0; } 
.iconList_wrap > li { display:inline-block; *display:inline; zoom:1; vertical-align:top; width:25%; font-size:1rem; } 
.iconList_wrap.sec2 > li { width:50%; } 
.iconList_wrap.sec3 > li { width:33.33%; } 
.iconList_wrap.sec4 > li { width:25%; } 
.iconList_wrap.sec5 > li { width:20%; } 
.iconList_wrap.sec6 > li { width:16.66%; } 
.iconList_wrap .inner { position:relative; margin:0 0 15px 20px; padding:30px 15px 10px 15px; background:#fff; border:1px solid #bbb; box-shadow:3px 3px 15px rgba(0,0,0,.15); text-align:center; } 
.iconList_wrap .inner > dt { } 
.iconList_wrap .inner > dt .tt { font-size:1.125em; font-weight:500; letter-spacing:-1px; } 
.iconList_wrap .inner > dt .icon { margin:15px 0; height:70px; } 
.iconList_wrap .inner > dt .icon > img { max-height:100%; } 
.iconList_wrap .inner > dd { line-height:1.5 } 
.iconList_wrap .inner > dd .txt { font-size:.938em; color:#444; } 
.iconList_wrap .inner:before,
.iconList_wrap .inner:after { content:""; position:absolute; width:0px; height:3px; transition:.3s; } 
.iconList_wrap .inner:before { left:0; top:-1px; background:#ed008c } 
.iconList_wrap .inner:after { right:0; bottom:-1px; background:#ed008c; } 
.iconList_wrap .inner:hover:before,
.iconList_wrap .inner:hover:after { width:100%; } 

.tit_wrap { margin-bottom:40px; } 
.tit_wrap.type1 { margin-bottom:15px; } 
.tit_wrap.fl_tit { *zoom:1; } 
.tit_wrap.fl_tit:after { content:""; display:block; clear:both; } 
.tit_wrap.fl_tit .sec_tit { float:left; } 
.tit_wrap.fl_tit .tab_wrap { float:right; } 
.tit_wrap.fl_tit .small_tit { float:left; } 
.tit_wrap.fl_tit .note_txt { float:right; padding-top:5px; font-size:.875em; color:#666; } 
.tit_wrap.fl_tit .txtList_wrap { float:left; } 
.sec_tit .tt { font-size:1.750em; } 
.sec_tit:before { position:absolute; background:#ed008c; opacity:.125; height:1.5em; } 
.sec_tit .t1 { font-weight:500 } 
.sec_tit .t2 { font-weight:600 } 
.sec_tit .c1 { color:#fff; } 
.sec_tit .c2 { color:#d71826; } 
.sec_tit.s1 .tt { font-size:2.125em; } 

.sub_page_tit { text-align:center; margin-bottom:3em } 
.sub_page_tit .t1 { color:#333; font-size:2.5em; font-weight:600 } 
.sub_page_tit .line { width:2.5em; height:1px; background:#333; margin:1.5em auto; } 
.sub_page_tit .t2 { color:#555; font-size:1.5em; } 

.sub_page_tit2 { text-align:left; padding-bottom:.6em } 
.sub_page_tit2 .t1 { color:#333; font-size:1.8em; font-weight:500; position:relative; padding-left:.6em } 
.sub_page_tit2 .t1:before { content:""; background:#aa36bb; width:8px; height: 1.12em; position:absolute; top: 2px; left:0; border-radius:5px; } 
.sub_page_tit2 .t2 { color:#555; font-size:1.125em; } 
.sub_page_tit2 .t3 { color:#888; font-size:1.063em; padding:.3em 0 .5em 0 } 

.sub_page_tit3 .tit_wrap { position:relative; padding:0 2em 3em 2em; text-align:center; } 
.sub_page_tit3 .tit_wrap .en { font-family:'Ms','NotoSans',sans-serif; letter-spacing:0; } 
.sub_page_tit3 .tit_wrap .krL { font-weight:400; letter-spacing:0; } 
.sub_page_tit3 .tit_wrap .kr { font-weight:500; letter-spacing:0; } 
.sub_page_tit3 .tit_wrap .t1 { font-size:2.250em; color:#3c3c3d; } 
.sub_page_tit3 .tit_wrap .t2 { font-size:1.125em; color:#3c3c3d; font-weight:300; letter-spacing:-1px } 
.sub_page_tit3 .tit_wrap .t1 * { position:relative; display:inline-block; vertical-align:middle } 
.sub_page_tit3 .tit_wrap .t1 > span { padding:0 .2em .2em .2em; } 
.sub_page_tit3 .tit_wrap .t1 > span:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:.6em; background:#aa36bb; opacity:.115; } 
.sub_page_tit3 .tit_wrap .txt { font-size:1.250em; color:#435363; line-height:1.4; padding-top:1em; } 

.con_tit { margin:50px 0 35px 0; text-align:center; } 
.con_tit .tt { position:relative; display:block; font-size:1.250em; font-weight:500; } 
.con_tit .tt:before,
.con_tit .tt:after { content:""; position:absolute; top:50%; width:40%; height:1px; background:#aaa; } 
.con_tit .tt:before { left:0; } 
.con_tit .tt:after { right:0; } 

.slogan .sec_03_ti { font-weight:300; font-size:2.3em; } 
.slogan .sec_03_ti.st2 { font-weight:600 } 



/*기업인터넷 ~ 성공팩 */
.product_wrap { position:relative; /*border-top:5px solid #888; */ background:#f9f9f9; } 
.product_wrap > .tit_wrap { margin-bottom:0; padding:40px 0 30px 0; text-align:center; } 
.product_wrap .con_tit:first-child { margin-top:0; } 
.product_wrap .diagram_img { margin:20px 0; } 

.prod_tab { text-align:center; /* background:#212224; */ } 
.prod_tab .tab { font-size:0; } 
.prod_tab .tab .vm_wrap { height: 60px; } 
.prod_tab .tab > li { position:relative; z-index:1; display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:0 2%; max-width:150px; min-width: 15.8%; margin:0 -1px; border:2px solid #555; cursor:pointer; font-size:1rem; transition:.2s; background: #555; } 
.prod_tab .tab > li .tt { position:relative; padding:0 5px; font-size:1.063em; color:#fff; font-weight:500; } 
.prod_tab .tab > li .tt:after { content:""; position:absolute; left:0; bottom:-8px; width:0; height:5px; background:#ed008c; transition:.3s; } 
.prod_tab .tab > li:hover { background:#555; } 
.prod_tab .tab > li.on { z-index:2; background:#ed008c; border-color:#000; } 
.prod_tab .tab > li:hover .tt:after,
.prod_tab .tab > li.on .tt:after { width:100%; } 
.prod_tab .tab > li.on .tt:after { background:#fff; } 

.product_wrap .conBg_wrap { display:none; } 
.product_wrap .conBg_wrap.on { display:block; } 
.product_wrap .conBg_wrap .bg { /*border-top:5px solid #212224; */ position:relative; } 
.product_wrap .conBg_wrap .bg .in_bg { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; } 
#section2 .product_wrap .conBg_wrap .in_bg { /*background-image:url(../images/main/main_visual1.jpg); */ } 
#section3 .product_wrap .conBg_wrap .in_bg { background-image:url(../images/main/main_visual_new2.jpg); } 
#section4 .product_wrap .conBg_wrap .in_bg { background-image:url(../images/main/main_visual_new3.jpg); } 
#section5 .product_wrap .conBg_wrap .in_bg { background-image:url(../images/main/main_visual_new4.jpg); } 
.product_wrap .conBg_wrap .slogan_wrap { position:relative; height:100%; text-align:left; } 
.product_wrap .conBg_wrap .slogan { } 
.product_wrap .conBg_wrap .slogan.st2 { padding-bottom:30px; text-align:center; margin-top:-1em } 


.product_wrap .conBg_wrap .slogan .txt { position:relative; padding-top:35px; font-family:"KTB"; font-size:3.125em; } 
/*.product_wrap .conBg_wrap .slogan .txt:before { content:""; position:absolute; top:0; left:50%; margin-left:-25px; width:50px; height:5px; background:#fff; } */
.product_wrap .conBg_wrap .slogan .c1 { color:#111; text-shadow:2px 2px 0 #fff; } 
.product_wrap .conBg_wrap .slogan .c2 { color:#fff; text-shadow:2px 2px 0 #000; } 
.product_wrap .conBg_wrap .slogan .c1:before { background:#111; } 
.product_wrap .conBg_wrap .slogan .c2:before { background:#fff; } 
.product_wrap .conBg_wrap .slogan .btn { margin-top:50px; } 
.product_wrap .conBg_wrap .slogan .btn.st2 { margin-top:0; } 
.product_wrap .conBg_wrap .slogan .btn > a { display:inline-block; *display:inline; zoom:1; padding:13px 35px; background:rgba(0,0,0,.6); border:2px solid #fff; box-shadow:3px 3px 0 #212224; border-radius:30px; color:#fff; } 
.product_wrap .conBg_wrap .slogan .btn > a:hover { background:#212224; transition:.3s; } 

.product_wrap .conBg_wrap .slogan_up { background:url(../images/main/visaul_02.jpg) no-repeat center center; background-size:cover; height:100%; position:absolute; top:0; right:0; width:360px; } 
.product_wrap .conBg_wrap .slogan_up.bg2 { background:url(../images/main/visaul_03.jpg) no-repeat center center; background-size:cover; height:100%; position:absolute; top:0; right:0; width:360px; } 
.product_wrap .conBg_wrap .slogan_up.bg3 { background:url(../images/main/visaul_04.jpg) no-repeat center center; background-size:cover; height:100%; position:absolute; top:0; right:0; width:360px; } 



.product_wrap .conBg_wrap .slogan_up .inner { padding:30% 0% 10% 6%; } 
.product_wrap .conBg_wrap .slogan_up .ti { font-size:1.313em; color:#222; } 
.product_wrap .conBg_wrap .slogan_up .line { width:30px; height:2px; background:#F00; margin:20px 0 20px 0; } 
.product_wrap .conBg_wrap .slogan_up .ti2 { font-size:2.188em; } 
.product_wrap .conBg_wrap .slogan_up .tx { font-size:1.063em; color:#666; padding-top:13px; } 



/*.product_wrap .wrap_idx { position:absolute; left:0; top:0; width:100%; height:0; overflow:hidden; visibility:hidden; filter:alpha(opacity=0); opacity:0; } */
.product_wrap .wrap_idx.on { position:relative; height:auto; visibility: visible; filter:alpha(opacity=100); opacity:1; } 
.product_wrap .con_wrap .idx { padding:35px 0 50px 0; transform:translate(-80px,0); transition:.3s; } 
.product_wrap .con_wrap .idx.on { transform:translate(0,0); } 

.recommList_wrap { padding: 1em; text-align:center; background: #fff; border: 1px solid #ccc; } 
.recommList_wrap .list { display:inline-block; *display:inline; zoom:1; } 
.recommList_wrap .list > li { padding:5px 0; text-align:left; } 
.recommList_wrap .list > li .tt { position:relative; display:inline-block; *display:inline; zoom:1; padding:0 10px 0 35px; font-size:1.375em; font-weight:500; } 
.recommList_wrap .list > li .tt:before { content:"\e92e"; font-family:xeicon; font-size:1.375em; position:absolute; top:-4px; left:0; } 
.recommList_wrap .list > li .tt:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:10px; background:rgba(0,0,0,.1); } 

.product_wrap .phone_device { margin:0 0 -20px -20px; overflow:hidden; } 
.product_wrap .phone_device > li { float:left; width:50%; } 
.product_wrap .phone_device .inner { margin:0 0 20px 20px; background:#fff; border:1px solid #ccc; border-top:3px solid #d71826; *zoom:1; } 
.product_wrap .phone_device .inner:after { content:""; display:block; clear:both; } 
.product_wrap .phone_device .inner .img_wrap { float:left; width:45%; } 
.product_wrap .phone_device .inner .info_wrap { float:right; width:54%; } 
.product_wrap .phone_device .inner .tit.vm_wrap { height:50px; } 

.product_wrap .phone_device .img_wrap { background:#fbfbfb; border-right:1px solid #ccc; text-align:center; overflow:hidden; } 
.product_wrap .phone_device .img_wrap .tit { position:relative; background:#31384b; color:#fff; font-weight:500; } 
.product_wrap .phone_device .img_wrap .tit:after { content:""; position:absolute; left:50%; bottom:-5px; margin-left:-7px; width:13px; height:13px; background:#31384b;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } 
.product_wrap .phone_device .img_wrap .img_box .tt { padding-top:25px; color:#555; } 
.product_wrap .phone_device .info_wrap .in { padding:20px 30px; padding-top:0; } 
.product_wrap .phone_device .info_wrap .tit { margin-bottom:20px; border-bottom:1px solid #ddd; } 




/*인터넷*/
.internet_w { padding-top:60px; } 
.internet_w ul { overflow:hidden; } 
.internet_w ul li { float:left; width:50%; } 
.internet_w ul li .internet_in { } 
.internet_w ul li .internet_in.line { border-left:1px solid #222; padding-left:80px; } 
.internet_w ul li .internet_in .ti { font-size:1.750em; letter-spacing:1.2px; width:69%; padding:0 0 30px 20px; } 
.internet_w ul li .internet_in .ti .red { color:#ed008c; } 



.show_wrap { } 
.show_wrap .con_wrap { } 
.show_wrap .con_wrap .list { text-align:center; font-size:0; } 
.show_wrap .con_wrap .list > li { display:inline-block; *display:inline; zoom:1; vertical-align:top; width:25%; font-size:1rem; } 
.show_wrap .con_wrap .list > li .inner { padding:5px 20px; border-left:1px solid #ccc; } 
.show_wrap .con_wrap .list > li:first-child .inner { border-left:none; } 
.show_wrap .con_wrap .list .icon { height:80px; } 
.show_wrap .con_wrap .list .icon img { max-height:100%; } 
.show_wrap .con_wrap .list .tit { margin:10px 0; font-family:"Ms",sans-serif; font-size:2.813em; color:#222; font-weight:500 } 
.show_wrap .con_wrap .list .txt { font-size:1.063em; color:#666; line-height:1.4; } 
.show_wrap .visual { background:url(../images/temp/con4.jpg); height:360px } 






.program_process_wrap { } 
.program_process { margin-left:-16em; } 
.program_process > li .in { position:relative; margin-left:16em; } 
.program_process .tit { position:absolute; z-index:2; top:0; left:50%; transform:translateX(-50%); width:8em; max-width:100%; } 
.program_process .tit .re { background:#aa36bb; border-radius:100%; box-shadow:.3em .3em 0 rgba(15,40,113,.2); } 
.program_process .tit i { display:block; padding:.2em 0; color:#fff; } 
.program_process .tit .tt { font-size:1.125em; } 
.program_process .con { padding-top:0; text-align:center; color:#3c3c3d; padding-bottom:1em } 
.program_process .con .en { font-family:'Ms','NotoSans',sans-serif; text-transform:uppercase; } 
.program_process .con > dt { padding:.8em 1.5em .8em 1.5em; padding:.5em 1.5em; background:#555; border-radius:10px; font-size:1.500em; color:#fff; box-shadow:3px 3px 15px rgba(0,0,0,.15) } 
.program_process .con > dt.st { background:#ed008c !important } 
.program_process .con > dt.en { font-weight:600; } 
.program_process .con > dd { margin-top:.6em; padding:.5em; background:#fff; border:1px dashed #afafeb; box-shadow:3px 3px 15px rgba(0,0,0,.15) } 
.program_process .con > dd .tt { display:block; font-size:1.375em; font-weight:600; font-family:Ms,'notokr'; text-align:right } 
.program_process .con .in_wrap { text-align:left; } 
.program_process .con .in_wrap .th,
.program_process .con .in_wrap .td { padding:.2em 1em; } 
.program_process .con .in_wrap .th { width:7em; font-size:1.125em; color:#3f3f9f; background:#f9f9f9; text-align:right } 
.program_process .con .in_wrap .td { width:auto; } 
.program_process .con .in_wrap .tt { padding:.5em 0; border-top:1px solid #ddd; } 
.program_process .con .in_wrap .tt .price_c1 { color:#ed008c; font-weight:700; } 
.program_process .con .in_wrap .tt:first-child { border-top:none; } 
.program_process .arrow { position:absolute; left:-15em; width:14em; height:10px; background:#dbdbf4; color:#dbdbf4; text-align:center; } 
.program_process .arrow .tt { position:absolute; left:0; width:100%; font-size:1.125em; color:#095282; letter-spacing:-1px; } 
.program_process .arrow:before { content:""; font-family:xeicon; font-size:2.500em; line-height:1em; position:absolute; top:50%; transform:translateY(-50%) rotate(-90deg); } 
.program_process .arrowL:before { content:"\e92f"; left:0; margin-left:-.4em; } 
.program_process .arrowR:before { content:"\e935"; right:0; margin-right:-.4em; } 
.program_process .arrow.vt { top:50%; margin-top:-1.5em; } 
.program_process .arrow.vb { bottom:47%; margin-bottom:-1.5em; } 
.program_process .arrow.vt .tt { bottom:1.5em; } 
.program_process .arrow.vb .tt { top:1.5em; } 

.program_process_wrap .infoBox { position:relative; padding:1.5em 2em; padding-right:12em; border:1px solid #afafeb; background:#fff; background:linear-gradient(to bottom, #fff, #eaedf0); } 
.program_process_wrap .infoBox .tt { position:relative; padding-left:1.5em; font-size:1.375em; color:#3c3c3d; font-weight:300; letter-spacing:-1px; text-transform:uppercase; } 
.program_process_wrap .infoBox .tt:before { content:"\ea8c"; font-family:xeicon; font-size:1.375em; color:#afafeb; position:absolute; top:-5px; left:0; } 
.program_process_wrap .infoBox .tt > * { display:inline-block; *display:inline; zoom:1; } 
.program_process_wrap .infoBox strong { color:#3f3f9f; font-weight:700; } 
.program_process_wrap .infoBox strong .c1 { color:#ed008c; vertical-align:baseline } 
.program_process_wrap .infoBox .icon { position:absolute; top:50%; right:1em; transform:translateY(-50%); text-align:center; transition:.2s; } 
.program_process_wrap .infoBox .icon .xi { position:absolute; top:50%; left:-1px; transform:translateY(-50%); width:1.5em; line-height:1.5em; background:#fff; border:3px solid #ff7041; border-radius:50%; font-size:2.500em; color:#ff7041; } 
.program_process_wrap .infoBox .icon .xi:before { content:"\eafa"; } 
.program_process_wrap .infoBox .icon .txt { display:block; padding:.8em 1.5em .8em 5em; background:#3e3e49; border-radius:2em; font-family:'Ms','NotoSans',sans-serif; color:#fff; font-weight:600; text-transform:uppercase; letter-spacing:0;animation: btnColor 2s infinite; } 

.di_table { display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; box-sizing:border-box; } 
.di_table .tr { display:table-row; } 
.di_table .th,
.di_table .td { display:table-cell; vertical-align:middle; } 




.fixform_ui { z-index:1000; position:fixed; left:0; bottom:-150px; width:100%; height:100px; background:#03aa83; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } 
.fixform_ui:before { content:""; position:absolute; top:0; left:0; width:25%; height:125px; background:#087968 } 
.fixform_ui .box.mo { display:none } 
.fixform_ui .box { position:relative; width:1280px; margin:0 auto } 
.fixform_ui .close { position:absolute; top:13px; right:-20px; width:40px; height:40px; font-size:0; background:url(../images/common/btn_fixClose.png) no-repeat 50% 50%; } 
.fixform_ui.close .close { width:80px; height:80px; background:url(../images/common/btn_fixClose_ov.png) no-repeat 50% 50% #049875 } 
.fixform_ui .cola { display:inline-block; line-height:100px; padding-right:20px; vertical-align:top; background:#087968 } 
.fixform_ui .cola span:nth-child(1) { display:inline-block; padding-left:55px; font-size:30px; font-family:'NotoKrM'; color:#fff; vertical-align:middle; background:url(../images/common/ico_fix1.png) no-repeat 0 50% } 
.fixform_ui .cola span:nth-child(2) { margin-left:25px; font-size:30px; font-family:'NotoKrM'; color:#fff; font-family:'arial'; vertical-align:middle; } 
.fixform_ui .colb { display:inline-block;; padding-top:26px; margin-left:20px; } 
.fixform_ui .colb dl { overflow:hidden; } 
.fixform_ui .colb dt { float:left; width:244px; padding-left:58px; font-size:20px; font-family:'NotoKrM'; color:#fff; background:url(../images/common/ico_fix2.png) no-repeat 0 50% } 
.fixform_ui .colb dt span { display:block; font-weight: 300; font-size:16px; color:#fff } 
.fixform_ui .colb dd { float:right; position:relative; width:526px; font-size:0 } 
.fixform_ui .colb dd input { outline:none; width:160px; height:50px; padding-left:20px; font-size:14px; color:#fff; border:2px solid #fff; background:#03aa83 } 
.fixform_ui .colb dd input~input { width:220px; margin-left:6px; } 
.fixform_ui .colb dd input:focus { border:2px solid #087968; } 
.fixform_ui .colb .btn { position:absolute; top:0; right:0; width:130px; height:50px; font-size:14px; color:#fff; font-family:'NotoKrM'; background:#222 } 
.fixform_ui .colb dd input::-webkit-input-placeholder { color:#fff; } 
.fixform_ui .colb dd input:-ms-input-placeholder { color:#fff; } 

.fixform_ui.close { height:0; } 
.fixform_ui.close .close { top:-80px; right:-90px; } 

.fixform_ui.scroll { bottom:0 } 


/*메인 개설절차*/
#section4 .step_process { margin-top:0 } 



/*하단 상담문의 */
.quick_branch { position:fixed; left:0; bottom:0; width:100%; z-index:999; text-align:center; transition:.3s; background:rgba(0,0,0,.7) } 
.quick_branch .tit { background:#c6004d; width:10%; box-shadow:0 0 1em 0 rgba(0,0,0,.3) } 
.quick_branch .tit .in { width:calc(100% - 1.5em); color:#fff; } 
.quick_branch .tit .in .tt { font-size:.813em; letter-spacing:0; } 
.quick_branch .tit .btn { width:1.5em; position:relative; height:100%; background:rgba(0,0,0,.1); color:#fff; transition:.3s } 
.quick_branch .tit .in,
.quick_branch .tit .btn { display:flex; align-items:center; justify-content:center } 
.quick_branch .tit .btn:hover { background:rgba(0,0,0,.2) } 

.quick_branch .branch_inc { width:calc(100%); max-width:1200px; transition:.3s; transform-origin:left center } 
.quick_branch .branch_inc > li { flex:1; max-width:50% } 
.quick_branch .branch_inc > li > a { height:5.5em; color:#fff; transition:.3s; /*margin: 0 0 -1px -1px; */cursor:default !important } 
.quick_branch .branch_inc > li:first-child a { border-right:1px solid rgba(255,255,255,.1); } 
.quick_branch .branch_inc > li > a .in { display:block; width:100%; text-align:center } 
.quick_branch .branch_inc > li > a .in:first-child { text-align:left } 
.quick_branch .branch_inc > li > a .in .t_ko { display:block; font-weight:500 } 
.quick_branch .branch_inc > li > a .in .t_en { display:block; font-size:.688em; letter-spacing:1px; margin-top:.5em; opacity:.6 } 
.quick_branch .branch_inc > li > a .in .xi.call { width:46px; height:46px; background:#ed008c; color:#fff; line-height:46px; border-radius:50%; margin-right:.6em; font-size:1.750em; text-align:center } 
.quick_branch .branch_inc > li > a .in .xi.write { font-size:1.875em; } 
.quick_branch .branch_inc > li > a .in .t1 { font-weight:500; color:#fff; font-size:1.750em; padding-right:1.5em } 
.quick_branch .branch_inc > li > a .in .t2 { color:#fff;; font-weight:700; font-size:2.570em } 
.quick_branch .branch_inc > li > a .in .t3 { font-size:.875em; display:inline-block; width:20%; padding-right:3em; text-align:left; opacity:.7 } 
.quick_branch .branch_inc > li > a .in .goBtn { width:180px; height:43px; line-height:43px; border:2px solid #fff; color:#fff; display:inline-block; transition:.3s; cursor:pointer; font-size:1.125em; text-align:center } 
.quick_branch .branch_inc > li > a .in .goBtn:hover { background:#fff; color:#272626 } 
/*.quick_branch .branch_inc > li > a:hover { background:#0040b5 !important } */

.quick_branch.on { bottom:1em; left:1em; width:10em } 
.quick_branch.on .branch_inc { transform:scale(0,1); opacity:0; transition:0 } 
.quick_branch.on .btn .xi { transform:rotateY(180deg) } 

/*.quick_branch .branch_inc,
.scroll .quick_branch .branch_inc > li > a,
.sub .quick_branch .branch_inc > li > a { background:#272626; } */



/*퀵메뉴*/
.quick_tel { position:fixed; z-index:999; right:1.5%; top:40%; text-align:center; } 
.quick_tel .cs { background:#fff; border-radius:8px 8px; width:160px; padding:3em 0 1em 0; position:relative } 
.quick_tel .cs.cs_box { border:1px solid #bf0c3f } 
.quick_tel .go_btn { line-height:35px; padding:0 35px; font-size:.875em; transition:.3s; } 
.quick_tel .go_btn.c1 { background:#1f57aa; border:1px solid #1f57aa; color:#ffffff; } 
.quick_tel .icon { width:3em; height:3em; line-height:3em; border-radius:100%; background:#bf0c3f; font-size:1.125em; color:#fff; margin:0 auto 0.3em auto; position:absolute; top:-1em; left:35%; z-index:1 } 
.quick_tel .tt { font-size:1.250em; color:#222; font-weight:lighter; } 
.quick_tel .b1 { font-weight:500; vertical-align:baseline } 
.quick_tel .line { background:#bf0c3f; width:30%; margin:12px auto 0 auto; height:2px; display:block } 
.quick_tel .tt.tel { color:#bf0c3f; font-size:1.750em; font-weight:700; margin:.5em 0; display:block; font-family:'Ms', 'NotoS', sans-serif; } 
.quick_tel .xi-angle-right { vertical-align:bottom; padding-left:.5em; font-size:.938em } 
.quick_tel .kakao { position:relative; margin-top:2em; } 
.quick_tel .kakao .cs { background:#FBE300; } 
.quick_tel .kakao .tt { color:#3B1E1E; } 
.quick_tel .kakao .icon { background:#3B1E1E; } 
.quick_tel .kakao .go_btn { margin-top:1em; background:#3B1E1E; border-color:#3B1E1E; } 




/**/
#section2 .iconList_wrap .inner { padding:30px 15px 30px 15px } 
#section2 .iconList_wrap .inner > dt .tt { height:auto !important } 



/*개인정보처리방침*/
.agree_box { border:1px solid #ddd; box-shadow:1px 1px 1em rgba(0,0,0,.2); padding:4em 3em; padding-bottom:6em; font-size:.875em; color:#666; line-height:1.8 } 
.agree_box h2 { margin-top:3em; font-size:1.25em; font-weight:500; color:#333 } 
.agree_box ul { margin-top:1em } 
.agree_box table { margin:1em 0; width:100% } 
.agree_box table th,
.agree_box table td { border:1px solid #ddd; padding:1em } 
.agree_box table th { background:#f5f5f5 } 
.agree_box p strong { font-size:1.125em; color:#333 } 
.agree_box a { vertical-align:top; color:#666; text-decoration:underline } 
.agree_box a:hover { opacity:.6 } 
.agree_box strong { vertical-align:top; font-weight:500 } 


.page_table_wrap { } 
.page_table_wrap em { font-size:.938em; display:block; color:#555; margin-top:1em; text-align:left } 



.page_tab { border-bottom:1px solid #ccc; margin-top:-3em; margin-bottom:3em; text-align:center } 
.page_tab * { } 
.page_tab li a { height:60px; line-height:60px } 
.page_tab .gnb li,
.page_tab .gnb a { display:none } 
.page_tab .gnb .dp3 { text-align:center } 
.page_tab .gnb li.on,
.page_tab .gnb .dp3,
.page_tab li,
.page_tab li > a { display:block } 
.page_tab li { display:inline-block } 
.page_tab li > a { padding:0 3em; font-size:1.125em; color:#333; position:relative; transition:.3s } 
.page_tab li > a:after { content:""; position:absolute; left:50%; bottom:-3px; width:30px; height:5px; background:#ed008c; margin-left:-15px; opacity:0; } 
.page_tab li.on > a,
.page_tab li:hover > a { color:#ed008c } 
.page_tab li.on > a:after { opacity:1 } 




/*SUBPAGE*/
.page_con_wrap { } 
.page_con_wrap.pageBg { background:#f9f9f9; padding:3em 0 3em 0 } 
.page_con_wrap.bgImg { background-image:url(../images/sub/sub5/bg_img.png); background-repeat:no-repeat } 
.page_con_wrap.pageBg.bgcolor { background:#f0f0f6 } 
.page_con_wrap.pageBg:last-child { margin-bottom:-10em; padding-bottom:8em } 

.page_con.con01 { margin-bottom:3em } 
.page_con.con01 > ul { margin-left:-30px } 
.page_con.con01 > ul > li { } 
.page_con.con01 > ul > li .vm_wrap:hover:before,
.page_con.con01 > ul > li .vm_wrap:focus:before { content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; border:3px solid #b892c3; box-sizing:border-box; box-shadow:0px 5px 10px -2px #dbdbdb } 
.page_con.con01 > ul > li .vm_wrap { box-sizing:border-box; margin-left:30px; padding:2em 0; background:#f6eef8; position:relative; border:3px solid #f5f5f5; } 
.page_con.con01 > ul > li:nth-child(2),
.page_con.con01 > ul > li:nth-child(3) { margin-left:-1px } 
.page_con.con01 > ul > li .tt { font-size:1.250em; font-weight:500; color:#222; } 
.page_con.con01 > ul > li .icon { padding:1em 0; width:120px; background:#fff; display:block; border-radius:50%; margin:1em auto } 
.page_con.con01 > ul > li .txt { color:#555; padding:0 4em; line-height:1.6; white-space:normal; height:40px } 
.page_con.con01.st > ul > li .vm_wrap { background:#fff } 
.page_con.con01.st > ul > li .icon { background:#f9f9f9 } 


.page_con.con02 { margin-bottom:3em } 
.page_con.con02 ul > li { flex:0 1 28%; margin:.5em 0; background:#fff; padding:1.5em; background:#fcfcfc; border:1px solid #ddd } 
.page_con.con02 ul > li .img { margin:1.5em 0 1em 0; border:1px solid #f5f5f5; box-sizing:border-box } 
.page_con.con02 ul > li .tit { font-size: 1.250em; text-align:center; line-height:1.5; font-weight:500; /*background:#b28ec6; */border-radius: .5em; padding:1em 0 .5em 0; color:#333; } 
.page_con.con02 ul > li .t1 { font-size:.938em; text-align:center; padding-left:1em; position:relative; line-height:1.5; word-break:break-all; } 
/*.page_con.con02 ul > li .t1:before { content:""; width:5px; height:5px; background:#ddd; left:0; top:10px; position:absolute } */


.page_con.con03 .list { margin:0 -1em -1em 0; } 
.page_con.con03 .list > li { width:33.33%; } 
.page_con.con03 .list > li .in { position:relative; margin:0 .5em .5em 0; padding:1em 1em 2.5em 1.2em; background:#fff; border:1px solid #222; box-shadow:4px 4px 0 rgba(232, 225, 239, 0.2); overflow:hidden; display:block; height:8em } 
.page_con.con03 .list > li .in:before { content:""; position:absolute; top:3em; right: 0.9em; width:7em; height:7em; background:#e8e1ef; border-radius:100%; } 
.page_con.con03 .list > li .in > * { position:relative; } 
.page_con.con03 .list .en { font-family:'Ms','NotoSans',sans-serif; } 
.page_con.con03 .list .tit { padding:.6em 0; height:2.5em; color:#222; } 
.page_con.con03 .list .tit .num { position:absolute; top:0; left:0; font-size:2.250em; font-weight:600; } 
.page_con.con03 .list .tit .tt { display:block; font-size:1.6em; font-weight:700; line-height:1.15em; letter-spacing:-1px; } 
.page_con.con03 .list .tit .tt.en { font-weight:600; } 
.page_con.con03 .list .con { height:12em; } 
.page_con.con03 .list .txt { margin-top:.6em; color:#3c3c3d; line-height:1.6em; width:60%; font-size:1.125em; } 
.page_con.con03 .list .icon { position:absolute; right:1.6em; top:-0.5em; } 
.page_con.con03 .list .icon .xi { font-size:3.5em; color:#fff; } 
.page_con.con03 .list .txt:first-child { margin-top:0; } 
.page_con.con03 .list .txt * { vertical-align:baseline; } 
.page_con.con03 .list .point { font-size:1.250em; color:#095282; line-height:1.6em; letter-spacing:-.075em; } 
.page_con.con03 .list .point > * { position:relative; display:inline-block; padding:0 .2em; } 
.page_con.con03 .list .point > *:not(br):before { content:""; position:absolute; left:0; bottom:0; width:100%; height:.75em; background:#095282; opacity:.15; } 
.page_con.con03 .list .ex { margin-top:1.5em; } 
.page_con.con03 .list .ex > li { position:relative; margin-top:.4em; padding-left:.8em; font-size:.938em; color:#69696b; } 
.page_con.con03 .list .ex > li:before { content:""; position:absolute; top:.4em; left:0; width:4px; height:4px; background:#222; border-radius:50%; } 
.page_con.con03 .list .more { font-size:.938em; } 
.page_con.con03 .list > li .in:hover { border-color:#aa36bb; } 
.page_con.con03 .list > li .in:hover .ex > li:before { background:#fff; } 
.page_con.con03 .list > li .in:hover .arrow { background:#fff; color:#095282; } 

.sec5_con1 { box-shadow:3px 3px 15px rgba(0,0,0,.15); border:1px solid #3c3c3d } 
.sec5_con1 > li { flex: 0 1 20% } 
.sec5_con1 > li.c1 { background:#f5f5f5 } 
.sec5_con1 > li .in { padding:1.5em 1.5em } 
.sec5_con1 > li .icon { height:5em; margin:0 auto } 
.sec5_con1 > li .tit { font-size:1.125em; font-weight:500; color:#444; line-height:1.1; margin:1.75em 0 1em 0; max-width:100%; text-align:center; letter-spacing:-1px } 
.sec5_con1 > li .t1 { font-size:.875em; color:#777; line-height:1.5; max-width:100%; text-align:center } 
/*.sec5_con1 > li:nth-child(9),
.sec5_con1 > li:nth-child(10) { flex:0 1 50% } */
.sec5_con1.noIcon > li .tit { margin:0 0 1em 0 } 

.page_con.con05 { background:#f9f9f9; padding:2em 3em; } 
.page_con.con05 ul li:first-child { width:60% } 
.page_con.con05 ul li:last-child { padding-top:1em } 
.page_con.con05 dl { padding-top:1em } 
.page_con.con05 dl dt { font-size:1.250em; font-weight:500; color:#333; padding-bottom:.5em } 
.page_con.con05 dl dd { position:relative; color:#555; line-height:1.4; padding:.8em 0 0 2em; font-size:1.063em; width:95% } 
.page_con.con05 dl dd:before { position:absolute; left:0; top:7px; content:"\e92e"; font-family:'xeicon'; font-size:1.570em; color:#aa36bb } 

.page_con.con05.st dl { padding-top:0 } 
.page_con.con05.st dl dd:before { color:#7044c1 } 
.page_con.con05.st ul li:first-child { width:20% } 
.page_con.con05.st ul li:nth-child(2) { width:80% } 
.page_con.con05.st ul li .icon { width:8em; height:8em; line-height:8em; background:#fff; text-align:center; display:block; border-radius:50%; margin:0 auto } 
.page_con.con05.st ul li .fl_list dd { width:45%; float:left } 


.page_con.con06 { } 
.page_con.con06 ul { overflow:hidden; margin-left:-10px; } 
.page_con.con06 ul .li_in { float:left; width:25%; } 
.page_con.con06 ul .li_in .con_in { margin-left:10px; position:relative; overflow:hidden; box-sizing:border-box; } 
.page_con.con06 ul .li_in .con_in:after { position:absolute; content:""; right:-35px; bottom:-35px; width:65px; height:65px; transform:rotate(45deg); } 
.page_con.con06 ul .li_in .con_in .con_im_wrap { position:relative; z-index:101; } 
.page_con.con06 ul .li_in .con_in .cont_tx_wrap { padding:20px 10px 0 10px; position:relative; z-index:101; background:#fff; text-align:center } 
.page_con.con06 ul .li_in .con_in .cont_tx_wrap .num { background:#aa36bb; color:#fff; text-align:center; width:35px; padding:.5em 0; border-radius:100%; font-family:'Ms', 'NotoS', sans-serif; font-weight:600; display:block; margin:0 auto } 
.page_con.con06 ul .li_in .con_in .cont_tx_wrap .tt { font-size:1.5em; color:#aa36bb; font-weight:600; letter-spacing:-1px; padding:16px 0 20px 0; height:2.5em; } 
.page_con.con06 ul .li_in .con_in .cont_tx_wrap .ti { font-size:1em; color:#435363; letter-spacing:-1px; line-height:1.4 } 

.page_in_con { padding:1.5em 2em; border:1px solid #ccc; box-shadow:.25em .25em 0 rgba(0,0,0,.08); } 
.page_in_con.st1 { background:#fff; border-radius:30px; border:6px solid #ed008c; padding:2em 5em 4em 5em } 
.page_in_con.bg { background:#fff } 
.page_num_list { margin-top:1em; line-height:1.4; } 
.page_num_list:first-child { margin-top:0; } 
.page_num_list > li { margin-top:1em; padding-top:1em; border-top:1px dashed #c6ced7; } 
.page_num_list > li:first-child { margin-top:0; padding-top:0; border-top:none; } 
.page_num_list > li > .group { position:relative; padding:.4em 0 .4em 3em; } 
.page_num_list > li > .group > .tt > .num { position:absolute; top:0; left:0; width:2.2em; line-height:2.2em; display:inline-block; text-align:center; background:#aa36bb; border-radius:100%; color:#fff; font-weight:800; } 
.page_num_list > li > .group > .tt > .tit { color:#aa36bb; } 
.page_num_list > li > .group > .tt > .tit.t1 { font-weight:500; } 
.page_num_list > li > .group > .tt > .tit.t2 { font-size:.875em; } 
.page_num_list > li > .group > .tt + .page_list { font-size:1em } 
.page_num_list > li > .group > .ex { margin-top:.5em; font-size:.813em; color:#333; } 
.page_list { line-height:1.4; } 
.page_list:first-child { margin-top:0; } 
.page_list > li:before { content:""; position:absolute; left:0; } 
.page_list > * { position:relative; } 
.page_list > *:first-child { margin-top:0; } 
.page_list > * > .tt > * { vertical-align:baseline; } 
.page_list > * .btn { margin-top:.5em; font-weight:700; } 
.page_list > * .btn.input_st.s3 { font-size:.750em; } 
.page_list.dp2 { margin-top:1em; } 
.page_list.dp2 > * { margin-top:.375em; padding-left:.8em; } 
.page_list.dp2 > * > .tt { font-size:.938em; color:#111; } 
.page_list.dp2 > li:before { top:.65em; width:.35em; height:1px; background:#333; } 
.page_goLink { width:20em; height:4.5em; text-align:center; margin:2em auto; border-radius:0; background:#aa36bb; display:block; } 
.page_goLink .icon { padding-right:1em } 
.page_goLink .vm_tt { color:#fff; font-size:1.3em } 

.pageMemo_wrap { padding:1.5em 1.5em; border:1px solid #d2d3d5; background:#f0e9f7 } 
.pageMemo_wrap.icon { position:relative; padding-left:10em; min-height:2.5em; border-radius:10px } 
.pageMemo_wrap.icon:before { content:"\e9d8"; font-family:xeicon; font-size:2em; color:#fff; display:block; position:absolute; top:15px; left:1.5em; /* top:50%; margin-top:-1em; */ width:1.8em; line-height:1.8em; background:#aa36bb; border-radius:50%; text-align:center; } 
.pageMemo_wrap .memo_box .list1 { border-left:1px solid #ccc; padding:5px 0 5px 40px } 
.pageMemo_wrap .memo_box .list1 .t1 { font-size:1.250em; color:#aa36bb; font-weight:500; } 
.pageMemo_wrap .memo_box .list1 .t2 { font-size:1.063em; line-height:1.6; color:#1B293D } 

.page_con_wrap .con_tit { margin:10px 0 50px 0 } 
.page_con_wrap .con_tit .tt { font-size:2.3em; font-weight:700 } 
.page_con_wrap .con_tit .tt:before,
.page_con_wrap .con_tit .tt:after { width:33% } 
.page_con_wrap .con_tit .t1 { padding:1.5em 0 .5em 0; color:#888; font-size:1.063em; margin-bottom:-1em } 
.page_con_wrap .con_tit.st1 .tt:before,
.page_con_wrap .con_tit.st1 .tt:after { width:35% } 

.slogan_w { padding:0 1px 1px 0; width:100%; margin:0 auto; } 
.slogan_w > li { width:25% } 
.slogan_w > li .in { padding:1em 3.5em 2em 1.5em; margin:0 -1px -1px 0; background:#fff; border:1px solid #ddd; position:relative; overflow:hidden; text-align:left; } 
.slogan_w > li .in .no { opacity:.2; font-size:2em; font-weight:bold; letter-spacing:-4px; line-height:1; margin-left:-4px } 
.slogan_w > li:nth-child(1) .in .no { color: #a73ed4 } 
.slogan_w > li:nth-child(2) .in .no { color: #45addd } 
.slogan_w > li:nth-child(3) .in .no { color: #5f64db } 
.slogan_w > li .in .ti { font-size:1.125em; color:#333; margin:.75em 0 .3em 0; font-weight:500; } 
.slogan_w > li .in .tt { font-size:.938em; color:#666; line-height:1.5em; height:8em; overflow:hidden; padding-top:1em; } 
.slogan_w > li .in .tt2 { font-size:.875em; line-height:1.5; color:#555 } 
.slogan_w > li .in .tt2 ul li { position:relative; padding-left:10px; padding-right:10px; line-height:1.6 } 
.slogan_w > li .in .tt2 ul li:hover a { color:#0052b8 } 
.slogan_w > li .in .tt2 ul li:before { position:absolute; top:9px; left:0; width:5px; height:5px; background:#ddd; content:""; } 
.slogan_w > li .in .xi { position:absolute; right:0; bottom:0; line-height:1; opacity:.1; z-index:0 } 
.slogan_w > li .in .xi:before { font-size:3.2em } 
.slogan_w > li:nth-child(1) .in .xi { color: #a73ed4; } 
.slogan_w > li:nth-child(2) .in .xi { color: #45addd; } 
.slogan_w > li:nth-child(3) .in .xi { color: #5f64db; } 

.page_con_wrap .prod_tab .tab .vm_wrap { height:55px } 
.page_con_wrap .prod_tab .tab > li.on { background:#aa36bb } 
.page_con_wrap .prod_tab .tab > li .tt:after { background:#aa36bb } 

.page_processWrap { } 
.page_processWrap .page_processT .list { margin:0 0 0 -40px; } 
.page_processWrap .page_processT .list .inner { margin:0 0 0 40px; white-space:nowrap; } 
.page_processWrap .page_processT .list .inner .img { display:inline-block; vertical-align:middle; width:30%; } 
.page_processWrap .page_processT .list .inner .page_txt1 { display:inline-block; vertical-align:middle; width:62%; padding-left:5%; margin-top:0; white-space:normal; } 
.page_processWrap .page_processB { position:relative; } 
.step_process { margin-top:70px; margin-left:-20px; *zoom:1; } 
.step_process:after { content:""; display:block; clear:both; } 
.step_process > li { float:left; width:20%; text-align:center; } 
.step_process > li .inner { position:relative; margin-left:20px; padding:2em 1.3em 2em 1.3em; background:#fbfbfb; border:1px solid #ccc; } 
.step_process.reverse { margin-left:auto; margin-right:-30px; } 
.step_process.reverse > li { float:right; } 
.step_process.reverse > li .inner { margin-left:auto; margin-right:30px; } 
.step_process .icon { height:95px; } 
.step_process .icon img { max-height:100%; } 
.step_process .check { position:absolute; z-index:3; top:50%; left:50%; margin-top:-10px; margin-left:-10px; } 
.step_process .check .xi { width:25px; line-height:25px; height:25px; color:#ff008f; background:#fff; border:2px solid #ff008f; border-radius:100%; } 
.step_process .check .xi:before { content:"\e929"; display:block; } 
.step_process .num { padding:1em 0 1em 0; font-size:.750em; letter-spacing:0; text-transform:uppercase; font-family:'Ms'; font-weight:600; color:#ff008f } 
.step_process .tit { padding:0 .5em; font-size:1.125em; color:#333; font-weight:500 } 
.step_process .txt { font-size:.938em; color:#555; padding-top:1em } 
.step_process > li.on .inner { background:#005295; border-color:#005295; } 
.step_process > li.on .check .xi { border-color:#1dbcb7; } 
.step_process > li.on .tit { color:#fff; } 
.step_process > li.on .txt { color:#fff } 
.step_process .line { position:absolute; top:50%; right:-2em; height:15px; background:#be8fc8; } 
.step_process .line1 { width:2em; } 
.step_process .line2 { height:0; z-index:-1; } 
.step_process .line3 { left:auto; right:50%; width:0; } 


.program_desc_wrap { } 
.program_desc { margin-left:-1.2em; display:flex; align-items:stretch; } 
.program_desc > li .in { position:relative; display:flex; height:100%; margin-left:1.2em; } 
.program_desc .tit { position:absolute; top:0; left:50%; transform:translateX(-50%); width:8em; max-width:100%; } 
.program_desc .tit .re { background:#3f3f9f; border-radius:100%; } 
.program_desc .tit .tt { font-size:1.250em; color:#fff; } 
.program_desc .con { margin-top:4em; padding:5.5em 1.4em 3em 1.4em; background:#fff; border:3px solid #3f3f9f; box-shadow:.3em .3em 0 rgba(15,40,113,.2); display:flex; align-self:stretch; flex:1; -webkit-flex:1; } 
.program_desc .con > * { flex:1; -webkit-flex:1; } 
.program_desc .con .in_txt { font-size:.938em; color:#3c3c3d; line-height:1.5em; } 
.program_desc > li:nth-child(2n+1) .tit .re { background:#c6004d } 
.program_desc > li:nth-child(2n+1) .con { border-color:#c6004d; } 
.program_desc .page_ex_list li { line-height:1.8; color:#333; word-break:break-all; padding-left:1em; position:relative } 
.program_desc .page_ex_list li:before { content:""; position:absolute; width:5px; height:5px; background:#ddd; top:12px; left:0; } 

.program_desc.st1 > li .in { } 
.program_desc.st1 .con { display:block !important; padding:4.5em 2em 2em 2em; margin-top:0 } 
.program_desc.st1 .con .img { padding-bottom:1.5em } 
.program_desc.st1 .tit { width:100%; top:0 } 
.program_desc.st1 > li:nth-child(2n+1) .tit .re,
.program_desc.st1 .tit .re { height:3.5em; border-radius:0 } 

/**/
.page_con.con07 .econ { margin-right:-100px; } 
.page_con.con07 .econ:after { display:block; clear:both; content:''; } 
.page_con.con07 .econ .e_cont { width:50%; float:left; } 
.page_con.con07 .econ .e_cont .e_wrap { margin-right:100px; border:1px dashed #00479e; box-sizing:border-box; padding:.5em; position:relative; background:#fff } 
.page_con.con07 .econ .e_cont .e_wrap:before { content:'\e907'; font-family:'xeicon'; position:absolute; right:-76px; top:40%; font-weight:bold; font-size:3em; color:#aa36bb; } 
.page_con.con07 .econ .e_cont .e_wrap .e_tbox { border:.6em solid #b28ec6; border-radius:0 1.4em 0 1.4em; box-sizing:border-box; padding:1.5em 1em; height:17em; } 
.page_con.con07 .econ .e_cont .e_wrap .e_tbox .e_tt { background:#b28ec6; color:#fff; padding:1em; font-size:1.2em; font-weight:500; text-align:center; border-radius:30px; } 
.page_con.con07 .econ .e_cont .e_wrap .e_tbox ul { margin:1.5em 1.5em 0; min-height:96px } 
.page_con.con07 .econ .e_cont.st_e01 .e_wrap:before { display:none; } 
.page_con.con07 .econ .e_cont.st_e01 .e_wrap,
.page_con.con07 .econ .e_cont.st_e01 .e_wrap .e_tbox { border-color:#aa36bb } 
.page_con.con07 .econ .e_cont.st_e01 .e_wrap .e_tbox .e_tt { background:#aa36bb } 
.page_list.dp3 { margin-top:.8em; } 
.page_list.dp3 > * { margin-top:.3em; padding-left:.7em; } 
.page_list.dp3 > * > .tt { font-size:.938em; color:#555; } 
.page_list.dp3 > li:before { top:.55em; width:.25em; height:.25em; background:#b28ec6; border-radius:100%; } 

.page_con.con07.col_St { background:#e9239e; padding:1em; } 
.page_con.con07.col_St ul { padding:1em; border:2px solid #fff; } 
.page_con.con07.col_St dl dd { color:#fff; font-size:1.125em; } 
.page_con.con07.col_St dl dd:before { color:#fff; top:-9px; } 


/*요금시뮬레이션*/
.charge_wrap { padding:5em 0 3em 0; } 
.charge_wrap .con_wrap { *zoom:1; } 
.charge_wrap .con_wrap:after { content:""; display:block; clear:both; } 
/*.charge_wrap .con_wrap .left { float:left; width:30%; } 
.charge_wrap .con_wrap .right { float:right; width:70%; } */
.charge_wrap .con_wrap .ex_txt { margin-top:30px; letter-spacing:-1px; } 
.charge_wrap .con_wrap .ex_txt:first-child { margin-top:0; } 
.charge_wrap .con_wrap .ex_txt.t1 { position:relative; padding-top:20px; font-family:"KTL",sans-serif; font-size:2.000em; color:#666; line-height:1.4; } 
.charge_wrap .con_wrap .ex_txt.t1:before { content:""; position:absolute; top:0; left:4px; width:35px; height:4px; background:#777; } 
.charge_wrap .con_wrap .ex_txt.t2 { font-size:1.250em; color:#333; } 
.charge_wrap .fee_box { } 
.charge_wrap .fee_box .inner1 { padding-left:2px; *zoom:1; /*box-shadow:3px 3px 11px 2px #d7d7d7*/ margin-bottom:2em; } 
.charge_wrap .fee_box .inner1:after { content:""; display:block; clear:both; } 
.charge_wrap .fee_box .inner1 > li { float:left; width:43%; margin-left:-2px; border-top:2px solid #222 } 
.charge_wrap .fee_box .inner1 > li:nth-child(1) { float:left; } 
.charge_wrap .fee_box .inner1 > li:nth-child(3) { float:right; } 
.charge_wrap .fee_box .inner1 .tit { position:relative; } 
.charge_wrap .fee_box .inner1 .tit .tt { position:absolute; left:0; bottom:15px; display:inline-block; *display:inline; zoom:1; padding:8px 20px; background:#ed008c; font-size:1.5em; color:#fff; font-weight:700; border-radius:6px; box-shadow:3px 3px 0 rgba(0,0,0,1); } 
.charge_wrap .fee_box .inner1 .tit .tt:after { content:""; position:absolute; left:50%; bottom:-5px; margin-left:-7px; width:13px; height:13px; background:#ed008c; box-shadow:3px 3px 0 rgba(0,0,0,1);-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } 

.charge_wrap .fee_box .inner1 .tit .tt.bg1 { background:#666 !important; } 
.charge_wrap .fee_box .inner1 .tit .tt.bg1:after { background:#666 !important; } 


.charge_wrap .fee_box .inp_wrap { background:#fff; box-shadow:6px 6px 0 #aaa; font-size:0; border-left:2px solid #222; border-right:2px solid #222; border-bottom:2px dashed #ddd; } 
.charge_wrap .fee_box .inp_wrap:nth-child(1) { border-top:2px solid #222 } 
.charge_wrap .fee_box .inp_wrap:nth-child(6) { border-bottom:2px solid #222 } 
.charge_wrap .fee_box .inp_wrap .img { display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:35%; font-size:1rem; border-right:1px solid #ddd; padding:1.8em 0; background:#f9f9f9 } 
.charge_wrap .fee_box .inp_wrap:nth-child(2) .img { padding:4em 0; } 
.charge_wrap .fee_box .inp_wrap .con { display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:64.5%; font-size:1rem; } 
.charge_wrap .fee_box .inp_wrap .con > dt,
.charge_wrap .fee_box .inp_wrap .con > dd { padding:0 15px; font-size:.938em; } 
.charge_wrap .fee_box .inp_wrap .con > dt { margin-bottom:10px; font-weight:500; } 
.charge_wrap .fee_box .inp_wrap .con > dd .inp { display:inline-block; *display:inline; zoom:1; width:88%; height:35px; padding:0 5%; background:#f2f2f2; border:3px solid #ddd; border-right:none; border-bottom:none; } 
.charge_wrap .fee_box .inp_wrap .con > dd .tt { padding-bottom:.3em } 
.charge_wrap .fee_box .inp_wrap .con > dd .tt.st { border-top:1px solid #ddd; padding-top:.3em; } 
.charge_wrap .fee_box .inp_wrap .con > dd > ul > li { padding-right:.8em; } 
.charge_wrap .fee_box .inp_wrap .con > dd > ul > li:last-child { padding-right:0 } 
.charge_wrap .fee_box .inp_wrap .con > dd .inp:hover,
.charge_wrap .fee_box .inp_wrap .con > dd .inp:focus { border-color:#b28ec6; transition:.3s; } 

.charge_wrap .fee_box .arrow { padding:180px 0 25px 0; text-align:center; float:left; margin:0 auto; width:14% } 
.charge_wrap .fee_box .arrow button { background:none; border:none } 
.charge_wrap .fee_box .arrow i { display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#d71826; } 
.charge_wrap .fee_box .arrow .xi { position:relative; font-size:2.500em; transform:rotate(-90deg); padding-top:33px; margin-left:20px } 
.charge_wrap .fee_box .arrow .xi:after { content:""; position:absolute; left:50%; top:0; margin-left:-8px; width:16px; height:53px; background:#d71826; } 
.charge_wrap .fee_box .arrow .tt { padding-left:5px; margin-top:-15px; font-weight:500; font-size:1.250em; display:block } 
.charge_wrap .fee_box .arrow i,
.charge_wrap .fee_box .arrow .xi:after { transition:.3s; } 
.charge_wrap .fee_box .arrow > a:hover i { color:#212224; } 
.charge_wrap .fee_box .arrow > a:hover .xi:after { background:#212224; } 


.charge_wrap .fee_box .inner2 { padding:30px 30px; background:#fffbfd; border:2px solid #111; box-shadow:6px 6px 0 #e99cca; } 
.charge_wrap .fee_box .inner2 .tit { margin-bottom:30px; padding-bottom:20px; border-bottom:4px dashed rgba(1,66,76,.2); font-size:1.7em; color:#444; text-align:center; } 
.charge_wrap .fee_box .inner2 .tit .tt { font-size:1.125em; font-weight:700; } 
.charge_wrap .fee_box .inner2 .tit .c1 { color:#000; } 
.charge_wrap .fee_box .inner2 .tit .c2 { color:#ed008c; } 
.charge_wrap .fee_box .inner2 .infoB { margin-top:1em } 
.charge_wrap .fee_box .inner2 .infoB li { padding-left:1.5em; color:#555; font-size:.938em; position:relative; line-height:1.8 } 
.charge_wrap .fee_box .inner2 .infoB li:before { content:"\e9ab"; position:absolute; top:-3px; left:0; color:#555; font-family:'xeicon'; font-size:1.250em; } 
.charge_wrap .fee_box .result_wrap { text-align:center; font-size:0; } 
.charge_wrap .fee_box .result_wrap .in { display:inline-block; *display:inline; zoom:1; vertical-align:top; width:32%; margin:0 0.3%; padding:10px 0; background:#fff; border:1px solid #ccc; font-size:1.3rem; } 
.charge_wrap .fee_box .result_wrap .in > dt,
.charge_wrap .fee_box .result_wrap .in > dd { margin:0 15px; padding:15px 0; } 
.charge_wrap .fee_box .result_wrap .in > dt { border-bottom:1px solid #ddd; font-weight:500; } 
.charge_wrap .fee_box .result_wrap .in > dd > * { display:inline-block; *display:inline; zoom:1; vertical-align:middle; letter-spacing:-1px; } 
.charge_wrap .fee_box .result_wrap .in > dd .t1 { font-size:1.625em; color:#d71826; font-weight:700; } 
.charge_wrap .fee_box .result_wrap .in > dd .t2 { color:#666; font-weight:500; padding:5px 0 0 5px; } 

.chargeBtn { background:#ed008c; display:block; width:200px; height:52px; line-height:52px; border-radius:26px; text-align:center; margin:0 auto } 
.chargeBtn .tt { color:#fff; font-size:1.063em } 

.page_con_wrap .board_table .c1 { color:#7044c1; font-weight:500 } 


.step_st { width:1200px; max-width:100%; margin:1em auto 3em auto; } 
.step_st > li { width:20% } 
.step_st > li .in { position:relative; padding-left:5em; color:#aaa } 
.step_st > li .in .line { position:absolute; width:100%; height:4px; left:0; top:50%; margin-top:-2px; background:#ddd } 
.step_st > li .in .icon { position:absolute; left:0; top:50%; margin-top:-1em; width:2em; line-height:2em; background:#f5f5f5; border:1px solid #ddd; border-radius:100%; color:#bbb; font-size:1.875em; text-align:center } 
.step_st > li .in .t1 { letter-spacing:1px; font-size:.688em; padding-top:.25em } 
.step_st > li .in .t2 { padding-top:1em } 
.step_st > li.on .in { color:#343b4d } 
.step_st > li.on .in .line { background:#c6004d } 
.step_tit { padding-bottom:1.5em; text-align:center } 
.step_tit .t1 { color:#aaaaaa; font-size:.750em; letter-spacing:2px; } 
.step_tit .t2 { color:#343b4d; font-size:2.000em; font-weight:700; padding-top:.25em } 

.page_service_wrap .list { margin:0 -1em -1em 0; text-align:center } 
.page_service_wrap .list > li { width:25%; } 
.page_service_wrap .list > li .in { position:relative; margin:0 1em 1em 0; padding:1em 1em 1em 1.2em; background:#fff; border:1px solid #3f3f9f; box-shadow:4px 4px 0 rgba(15,40,113,.2); overflow:hidden; text-align:left; } 
.page_service_wrap .list > li .in:before { content:""; position:absolute; top:-3em; right:-6em; width:15em; height:15em; background:#f0f0f6; border-radius:100%; } 
.step_st > li.on .in .icon { background:#c6004d; border-color:#c6004d; color:#fff } 

.page_service_wrap .list > li .in > * { position:relative; } 
.page_service_wrap .list .en { font-family:'Ms','NotoSans',sans-serif; } 
.page_service_wrap .list .tit { padding:.6em 0; height:1.5em; color:#3f3f9f; } 
.page_service_wrap .list .tit .num { position:absolute; top:0; left:0; font-size:2.250em; font-weight:600; } 
.page_service_wrap .list .tit .tt { display:block; padding-left:1.6em; font-size:1.375em; font-weight:500; line-height:1.15em; letter-spacing:-1px; } 
.page_service_wrap .list .tit .tt.en { font-weight:600; } 
.page_service_wrap .list .con { height:9em; } 
.page_service_wrap .list .txt { margin-top:.6em; font-size:1.063em; color:#3c3c3d; line-height:1.4em; } 
.page_service_wrap .list .txt:first-child { margin-top:0; } 
.page_service_wrap .list .txt * { vertical-align:baseline; } 
.page_service_wrap .list .txt .no { display:inline-block; *display:inline; zoom:1; width:1.6em; line-height:1.6em; background:#ff7041; border-radius:50%; text-align:center; color:#fff; font-weight:500; } 
.page_service_wrap .list .point { font-size:1.250em; color:#095282; line-height:1.6em; letter-spacing:-.075em; } 
.page_service_wrap .list .point > * { position:relative; display:inline-block; padding:0 .2em; } 
.page_service_wrap .list .point > *:not(br):before { content:""; position:absolute; left:0; bottom:0; width:100%; height:.75em; background:#095282; opacity:.15; } 
.page_service_wrap .list .c1 { color:#ff7041; } 
.page_service_wrap .list .ex { margin-top:1.5em; } 
.page_service_wrap .list .ex > li { position:relative; margin-top:.4em; padding-left:.8em; font-size:.938em; color:#69696b; } 
.page_service_wrap .list .ex > li:before { content:""; position:absolute; top:.4em; left:0; width:4px; height:4px; background:#3f3f9f; border-radius:50%; } 
.page_service_wrap .list .more { font-size:.938em; } 
.page_service_wrap .list > li .in:hover { background:#3f3f9f; border-color:#3f3f9f; } 
.page_service_wrap .list > li .in:hover:before { opacity:.1; } 
.page_service_wrap .list > li .in:hover * { color:#fff; } 
.page_service_wrap .list > li .in:hover .ex > li:before { background:#fff; } 
.page_service_wrap .list > li .in:hover .arrow { background:#fff; color:#095282; } 


/*********************************************************************영경 스타일 추가*********************************************************************************/
/**/
.page_infoWrap { margin-top:1em } 
.page_infoWrap li { padding-left:1.5em; color:#555; font-size:.938em; position:relative; line-height:1.8 } 
.page_infoWrap li:before { content:"\e9ab"; position:absolute; top:-3px; left:0; color:#555; font-family:'xeicon'; font-size:1.250em; } 
.page_infoWrap.st { margin-top:0; } 


/*전국대표번호*/
.slogan_w.sec3_St > li { width:33.33%; } 
.slogan_w.sec3_St > li .in { padding:1em 1em 2em 1em; min-height:9em; } 
.slogan_w.sec3_St > li .in .no { font-size:2.5em } 
.slogan_w.sec3_St > li .in .ti { } 
.slogan_w.sec3_St > li .in .ti > * { vertical-align:baseline; } 
.slogan_w.sec3_St > li .in .ti .tt { font-size:1.6em; } 
.slogan_w.sec3_St > li .in .ti .col { color:#e9239e; font-family:'NotoSans',sans-serif; font-weight:900; font-size:1.5em; line-height:1.3 !important; font-family: 'NotoSans'; font-weight:700; } 
.slogan_w.sec3_St > li .in .tt { height:5em; font-size:1.188em; letter-spacing:-1px; } 

.page_BG_wrap { margin-bottom:-10em; background:#f0f0f6; margin-top:5em; } 
.page_BG_wrap2 { padding:2em 0; background:#f0f0f6; } 

.tit_wrap.mgNo { margin-bottom:0 !important; } 

.program_process.sub4_1_Nst .con > dd { height:21em; } 
.program_process.sub4_1_Nst .con .in_wrap.hSt1 { height:7em; } 

.sub_page_tit3.sub4_1_Nst .tit_wrap .kr { font-family:'NotoSans',sans-serif; font-weight:900; font-size:1.250em; color:#e9239e } 



.slogan_w.sec3_St > li:hover { -webkit-transform: translate(0,-20px); -moz-transform: translate(0,-20px); -ms-transform: translate(0,-20px); -o-transform: translate(0,-20px); transform: translate(0,-20px); -webkit-box-shadow: 21px 21px 23px 0px rgba(0,0,0,0.06); -moz-box-shadow: 21px 21px 23px 0px rgba(0,0,0,0.06); box-shadow: 21px 21px 23px 0px rgba(0,0,0,0.06); transition:.3s; } 

/*기업전화*/
.page_service_wrap.sub3_1_Nst .list { } 
.page_service_wrap.sub3_1_Nst .list .tit .tt { font-weight:700; font-size:1.6em; } 
.page_service_wrap.sub3_1_Nst .list .ex > li { font-size:1.125em; font-weight:500; } 

.pageMemo_wrap.sub3_1_Nst.icon:before { content:"\e9d6"; } 

/*기업엔터넷*/
.page_service_wrap.sub3_1_Nst .list .tit .tt { padding-left:0; } 

.page_con.con06.sT1 ul .li_in .con_in .cont_tx_wrap .tt { height:inherit; font-size:2em; } 
.page_con.con06.sT1 ul .li_in .con_in .cont_tx_wrap .ti { font-size:1.250em; } 

.sub_intro_wrap .list { margin:0 -1em -1em 0; } 
.sub_intro_wrap .list > li { width:33.33%; } 
.sub_intro_wrap .list > li .in { position:relative; margin:0 1em 1em 0; padding:1em 1em 2.5em 1em; background:#fff; border:1px solid #222; box-shadow:4px 4px 0 rgba(24, 15, 113, 0.2); overflow:hidden; display:block; height:8em } 
.sub_intro_wrap .list > li .in:before { content:""; position:absolute; top: 2em; right: 0.9em; width: 8em; height: 8em; background:#a8b6d9; border-radius:100%; } 
.sub_intro_wrap .list > li .in > * { position:relative; } 
.sub_intro_wrap .list .tit { padding:.6em 0; height:2.5em; color:#222; } 
.sub_intro_wrap .list .tit .num { position:absolute; top:0; left:0; font-size:2.250em; font-weight:600; } 
.sub_intro_wrap .list .tit .tt { display:block; font-size:1.5em; font-weight:700; line-height:1.15em; letter-spacing:-1px; } 
.sub_intro_wrap .list .tit .tt.en { font-weight:600; } 
.sub_intro_wrap .list .con { height:12em; } 
.sub_intro_wrap .list .txt { margin-top:.6em; color:#3c3c3d; line-height:1.6em; width:55% } 
.sub_intro_wrap .list .icon { position:absolute; right:1em; top: -1.5em; } 
.sub_intro_wrap .list .txt:first-child { margin-top:0; } 
.sub_intro_wrap .list .txt * { vertical-align:baseline; } 
.sub_intro_wrap .list .txt .no { display:inline-block; *display:inline; zoom:1; width:1.6em; line-height:1.6em; background:#ff7041; border-radius:50%; text-align:center; color:#fff; font-weight:500; } 
.sub_intro_wrap .list .point { font-size:1.250em; color:#095282; line-height:1.6em; letter-spacing:-.075em; } 
.sub_intro_wrap .list .point > * { position:relative; display:inline-block; padding:0 .2em; } 
.sub_intro_wrap .list .point > *:not(br):before { content:""; position:absolute; left:0; bottom:0; width:100%; height:.75em; background:#095282; opacity:.15; } 
.sub_intro_wrap .list .c1 { color:#ff7041; } 
.sub_intro_wrap .list .ex { margin-top:1.5em; } 
.sub_intro_wrap .list .ex > li { position:relative; margin-top:.4em; padding-left:.8em; font-size:.938em; color:#69696b; } 
.sub_intro_wrap .list .ex > li:before { content:""; position:absolute; top:.4em; left:0; width:4px; height:4px; background:#222; border-radius:50%; } 
.sub_intro_wrap .list .more { font-size:.938em; } 
.sub_intro_wrap .list > li .in:hover { background:#0c4da2; border-color:#0c4da2; } 
.sub_intro_wrap .list > li .in:hover:before { opacity:.1; } 
.sub_intro_wrap .list > li .in:hover * { color:#fff; } 
.sub_intro_wrap .list > li .in:hover .ex > li:before { background:#fff; } 
.sub_intro_wrap .list > li .in:hover .arrow { background:#fff; color:#095282; } 
.sub_intro_wrap .board_table.intro th,
.sub_intro_wrap .board_table.intro td { border-width:1px } 

.sub_intro_wrap .t1 { padding-bottom:1em } 
.sub_intro_wrap .img { text-align:center } 

.program_process.sub3_1_Nst { } 
.program_process.sub3_1_Nst > li.lEft { width:45%; } 
.program_process.sub3_1_Nst > li.riGht { width:55%; } 

.program_process_wrap .infoBox.sub3_1_Nst { padding-right:0; } 
.program_process_wrap .infoBox.sub3_1_Nst .tt:before { content:"\e9d6"; } 

.page_con.con07 { background:#f9f9f9; padding:2em 3em; } 
.page_con.con07 ul li:first-child { } 
.page_con.con07 ul li:last-child { } 
.page_con.con07 dl { } 
.page_con.con07 dl dt { font-size:1.250em; font-weight:500; color:#333; padding-bottom:.5em } 
.page_con.con07 dl dd { position:relative; color:#555; padding:0 0 .8em 2em; font-size:1.063em; width:95% } 
.page_con.con07 dl dd:before { position:absolute; left:0; top:-5px; content:"\e92e"; font-family:'xeicon'; font-size:1.570em; color:#aa36bb } 
.page_con.con07 dl dd:last-child { padding:0 0 0 2em; } 

.list_Con2 { margin-top:4em; } 
.list_Con2 .list { margin:0 0 1em -1em; } 
.list_Con2 .list > li { flex:33.33%; box-sizing:border-box; position:relative } 
.list_Con2 .list > li .inner { margin:0 0 3em 1em; padding:2.5em 1em; border:1px solid #ddd; box-shadow:4px 4px 0 rgba(15,40,113,.2); border-radius:8px; background:#fff; } 
.list_Con2 .list > li .inner .icon { position:absolute; left:50%; transform:translateY(-50%); top:0; width:1.8em; height:1.8em; border-radius:50%; background-image:linear-gradient(125deg, #f0909b 25%, #f7b15f 100%) } 
.list_Con2 .list > li .inner .icon:before { content:"\e92a"; position:absolute; left:0; top:0; font-size:1.6em; color:#fff } 
.list_Con2 .list > li .inner .txt { text-align:center } 
.list_Con2 .list > li .inner .txt .in { } 
.list_Con2 .list > li .inner .txt .t1 { font-weight:500; font-size:1.250em; vertical-align:baseline; color:#333; } 
.list_Con2 .list > li .inner .txt .t1 .pointc { color:#ed008c; vertical-align:baseline; display:block } 
.list_Con2 .list > li:hover .inner { color:#ed008c; box-shadow:0 0 .5em .125em rgba(0,0,0,.1); border:1px solid #ed008c } 

.pageMemo_wrap.sub3_1_Nst .memo_box .list1 { padding:0 0 0 40px; } 
.pageMemo_wrap.sub3_1_Nst .memo_box .list1 .t1 > * { vertical-align:baseline; } 
.pageMemo_wrap.sub3_1_Nst .memo_box .list1 .t1 .sMl { vertical-align:baseline; font-weight:400; color:#444; } 
.pageMemo_wrap.sub3_1_Nst .memo_box .list1 .t1 .biG { font-size:1.7em; font-weight:700; vertical-align:baseline } 

/*기업인터넷 비즈넷*/

.charge_wrap.sub_2_2N_st .fee_box .inner1 { padding-left:0; margin:0 0 2em -2em } 
.charge_wrap.sub_2_2N_st .fee_box .inner1 > li { width:inherit; margin-left:0; flex:1; float:inherit; border-top:none } 
.charge_wrap.sub_2_2N_st .fee_box .inner1 > li .inner { border:2px solid #222; margin:0 0 0 2em; box-shadow:6px 6px 0 #aaa } 

.point_TX { padding:2em } 
.point_TX .tx { position:relative; padding-left:1.6em; margin-top:.8em; font-size:1.313em; color:#373635; font-weight:500; } 
.point_TX .tx:first-child { margin-top:0; } 
.point_TX .tx .icon { position:absolute; left:0; top:5px; border:3px solid #9e9e9e; width:15px; height:15px; border-radius:50%; } 
.point_TX .tx .icon:before { content:"\e929"; position:absolute; color:#ffbc00; font-size:1.3em; top:-.54em; left:-.13em; } 

.point_TX2 { padding:1.5em; background:#f0f0f6 } 
.point_TX2 .tx { position:relative; margin-top:.8em; font-size:1.063em; color:#373635; font-weight:500; } 
.point_TX2 .tx.st { font-size:1.188em; color:#ed008c } 
.point_TX2 .tx:first-child { margin-top:0; } 

.page_link_TW { margin-top:3em; text-align:center; } 
.page_link_TW .tx { position:relative; display:inline-block } 
.page_link_TW .tx > span { padding:0 .2em .2em .2em; font-size:2.2em; font-weight:500; } 
.page_link_TW .tx > span:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:.6em; background:#aa36bb; opacity:.115; } 


.blink { animation-name: blinkAni; animation-duration:1.8s; animation-iteration-count:infinite; } 
@keyframes blinkAni {25% { opacity:0 } 
75% { opacity:1 } 
 }

/**/
.list_W1 { } 
.list_W1 .list_Con1 { } 
.list_W1 .list_Con1 .imG { width:55%; } 
.list_W1 .list_Con1 .txT { width:45%; } 
.list_W1 .list_Con1 .imG .in { } 
.list_W1 .list_Con1 .txT .in { margin-left:8%; } 
.list_W1 .list_Con1 .txT .in .big_title { color:#111; font-weight:700; font-size:3.8em; padding-bottom:.3em; font-family: 'NotoSans'; text-align:center } 

.list_W1 .list_Con1 .txT .in dl.tw { margin-bottom:.7em; font-family:'NotoSans'; } 
.list_W1 .list_Con1 .txT .in dl.tw:last-child { margin-bottom:0; } 
.list_W1 .list_Con1 .txT .in dl.tw dt { position:relative; background:#aa36bb; color:#fff; border-radius:40px; line-height:2.1em; display:inline-block; padding:.2em 1.5em 0 1.5em; margin-left:2%; } 
.list_W1 .list_Con1 .txT .in dl.tw dt.st { background:#ed008c; } 
.list_W1 .list_Con1 .txT .in dl.tw dt .icon { position:absolute; left:0; top:0; border:3px solid #9e9e9e; width:20px; height:20px; border-radius:50%; display:none; } 
.list_W1 .list_Con1 .txT .in dl.tw dt .icon:before { content:"\e929"; position:absolute; color:#ffbc00; font-size:1.5em; top:-.4em; left:-.13em; } 
.list_W1 .list_Con1 .txT .in dl.tw dt .tt { font-size:1.3em; font-weight:500; } 
.list_W1 .list_Con1 .txT .in dl.tw dd { background:#fff; padding:5% 5% 3% 5%; border-radius:8px; padding-top:2em; margin-top:-1.5em; box-shadow:0 2px 8px 0 rgba(0,0,0,0.16); } 
.list_W1 .list_Con1 .txT .in dl.tw dd .t_list { } 
.list_W1 .list_Con1 .txT .in dl.tw dd .t_list > li { padding-bottom:.9em; } 
.list_W1 .list_Con1 .txT .in dl.tw dd .t_list > li:last-child { padding-bottom:0; } 
.list_W1 .list_Con1 .txT .in dl.tw dd .t_list > li > * { vertical-align:baseline !important; } 
.list_W1 .list_Con1 .txT .in dl.tw dd .t_list > li .xi { padding-right:5px; font-size:1.063em } 
.list_W1 .list_Con1 .txT .in dl.tw dd .t_list > li .tt { font-size:1.188em; } 
.list_W1 .list_Con1 .txT .in dl.tw dd .t_list > li .tt.col { color:#ed008c; font-weight:700; } 

.list_W1.st .list_Con1 { } 
.list_W1.st .list_Con1 .imG { } 
.list_W1.st .list_Con1 .txT { order:-1; } 
.list_W1.st .list_Con1 .txT .in { margin-right:8% } 
.list_W1.st .list_Con1 .imG .in { } 
.list_W1.st .list_Con1 .txT .in dl.tw dd { background:#f7fafc } 

.colSt { color:#e9239e !important; font-weight:700; vertical-align:baseline !important; } 
.font_S1 { font-size:1.313em !important; } 

/*.fontGM { font-family:'gs' !important; } */
.fontGBold { font-weight:700 !important; } 

/*요금시물레이션*/
.program_process.sT1 .con > dd { margin-top:-1px; padding:0; } 
.program_process.sT1 .con .in_wrap .tt { padding:.2em 0; } 

/*메인*/
.iconList_wrap.stN1 .inner > dt .tt { font-size:1.5em; font-weight:700; } 

.step_process.stN1 > li .inner { height:15em; padding:2em .8em; } 
.step_process.stN1 .tit { font-size:1.313em; font-weight:700; } 
.step_process.stN1 .txt { font-size:1.125em; } 

.pOp_Wrap_btn { } 
.pOp_Wrap_btn .chargeBtn2 { background:#ed008c; display:block; width:100%; height:65px; line-height:70px; border-radius:26px; text-align:center; margin:0 auto; position:relative; } 
.pOp_Wrap_btn .chargeBtn2 .tt { color:#fff; font-size:1.8em; font-weight:700; } 



.page_con { padding: 5em 0 5em 0; box-sizing: border-box; } 
.page_con.pb0 { padding: 5em 0 0em 0; box-sizing: border-box; } 
.FourCare { position:relative; } 
.FourCare:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .4); content: ''; } 
.FourAreaB { padding: 4em; box-sizing: border-box; background: rgba(255,255,255, .8); backdrop-filter: blur(10px); border-radius: 1.5em; } 
.FourAreaB .tit { font-size: 4vmin; color:#cd3350; font-weight: 700; } 
.FourAreaB .AreaBoxWrap { display: flex; flex-wrap: wrap; gap: 4em; } 
.FourAreaB .AreaBoxWrap > .areaCon { width: calc(50% - 2em); } 
.FourAreaB .AreaBoxWrap > .areaCon > .en { font-size: 1.063em; letter-spacing: -0.03em; color: rgba(0,0,0, .25); font-weight: 500; margin-bottom: .35em; } 
.FourAreaB .AreaBoxWrap > .areaCon > .kr { font-size: 1.415em; line-height: 1; font-weight: 600; margin-bottom: .75em; color: #333333; } 
.FourAreaB .AreaBoxWrap > .areaCon > .tt { font-size: 1.063em; line-height: 1.6; color: #444; } 
.txtB { width:50%; text-align:center; font-size:14px; } 
.txtB_tit { line-height:1.1em; font-family:'play'; font-size:3em; font-weight:900; text-align:left; text-transform:uppercase; letter-spacing:-0.05em; transition:all 0.2s ease; color:#333; } 
.txtB_txt { margin:0 auto; padding:30px 0; font-size:1.3em; font-weight:300; text-align:left; line-height:1.6em; letter-spacing:-0.05em; color:#666; word-break:keep-all; transition:all 0.2s ease; } 
.intro_txt2 span { font-weight:500; color:#cd3350; } 
.imgB { width:49%; background:url('../images/sub/subN/sub8_1_img01.jpg') no-repeat 30% 80%; background-size:cover; border-radius: .5em; } 
.ico_wrap { display:flex; align-content:center; align-items:center; justify-content:space-between; width:100%; margin-top:40px; } 
.ico_wrap .ico_inner { display:flex; flex-flow:column; align-items:center; justify-content:center; width:24%; padding:20px 0; font-size:1em; font-weight:500; color:#333; letter-spacing:-0.05em; box-shadow:0 0px 4px rgba(30,30,30,0.16); } 
.ico_wrap .ico_inner .icon { font-size:2em; color:#555; } 
.ico_wrap .ico_inner .txt_en { line-height:1; padding-top:2%; font-family:'play'; font-size:1em; font-weight:bold; color:#cd3350; } 
.ico_wrap .ico_inner .txt_ko { line-height:1; padding-top:1%; font-size:1.1em; font-weight:500; letter-spacing:-0.05em; } 


.sub_In { } 
.sub_In .inner { } 
.sub_In .inner .imgW { width:48%; } 
.sub_In .inner .imgW img { border-radius: .8em; box-shadow: 3px 3px 5px #ddd; } 
.sub_In .inner .txtW { width:48%; } 
.sub_In .inner .txtW .in { width:100%; } 
.sub_In .inner .txtW .in .tit { font-size: 3.5vmin; color: #333; } 
.sub_In .inner .txtW .in .txtB { padding:2em; background-color: #fff; width:100%; border-top: 2px solid #bf0c3f; border-radius: 1em; box-shadow: 3px 3px 5px #ddd; } 
.sub_In .inner .txtW .in .txtB .tt { font-size: 1.35em; line-height: 1.4; color: #555;; } 

.num { display: inline-flex; justify-content: center; font-size: .985em; align-items: center; width: 1.45em; height: 1.45em; border-radius: 50%; background-color: #bf0c3f; color: #fff; font-weight: 700; flex: 0 0 auto; min-width: 0; margin-right: .5em; } 

/* main2 subN */

div.subVisualSlide { position: fixed; left:0; top:0; width:100%; margin:0 } 
.scroll div.subVisualSlide { z-index: -1; } 
.subVisual_wrap {position: relative; height: 100vh;}

.subVisualSlide .el{ position: relative; overflow:hidden; height:100vh; background:#fff}
.subVisualSlide .el::before {content: ''; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,.2); z-index: 1; opacity: 1;}
.subVisualSlide .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.2)}
.subVisualSlide .el.swiper-slide-active .vod_wrap:after{ transition:2s; opacity:.2}
.subVisualSlide .el.swiper-slide-active .bg{ transition:7s; transform:scale(1) rotate(.001deg)}

.subVisualSlide .el:nth-child(1) .bg{ height:110%; transform:scale(1)}
.subVisualSlide .el.swiper-slide-active:nth-child(1) .bg{ transform:translateY(-9.0909%) rotate(.001deg)}
.subVisualSlide .el:nth-child(3n - 2) .bg {height:110%; transform:scale(1);}
.subVisualSlide .el.swiper-slide-active:nth-child(3n - 2) .bg {transform: translateY(-9.0909%) rotate(.001deg);}
.subVisualSlide .el:nth-child(3n - 1) .bg{ width:110%; transform:scale(1); left:0}
.subVisualSlide .el.swiper-slide-active:nth-child(3n - 1) .bg{ transform:translateX(-9.0909%) rotate(.001deg)}

.subVisualSlogan_wrap{ position: absolute; top: 50%; transform: translateY(-50%); left: 0;width: 100%; z-index: 2;}
.subVisualSlogan_wrap .slogan{ }
.subVisualSlogan_wrap .slogan .wrap_in{ color: #fff; text-align: center;}
.subVisualSlogan_wrap .slogan .wrap_in .sub_tit{ font-size: 1.15em; letter-spacing: 0.03em; color: rgba(255,255,255, .75); font-weight: 500;}
.subVisualSlogan_wrap .slogan .wrap_in .tit{ font-size: 5.5em; margin: .2em 0 .25em 0; font-weight: 800; line-height: 1; letter-spacing: 0.4em;}
.subVisualSlogan_wrap .slogan .wrap_in .txt{ font-size: 1.715em; font-weight: 500;}

.subVisualSlogan_wrap2 { position: absolute; top: 50%; transform: translateY(-50%); left: 0;width: 100%; z-index: 2;}
.subVisualSlogan_wrap2 .slogan{ }
.subVisualSlogan_wrap2 .slogan .wrap_in{ color: #fff;}
.subVisualSlogan_wrap2 .slogan .wrap_in .sub_tit{ font-size: 1.15em; letter-spacing: 0.03em; color: rgba(255,255,255, .75); font-weight: 500;}
.subVisualSlogan_wrap2 .slogan .wrap_in .tit{ font-size: 3.3em; margin: .2em 0 .5em 0; font-weight: 800; line-height: 1.3;}
.subVisualSlogan_wrap2 .slogan .wrap_in .txt{ font-size: 1.715em; font-weight: 500;}

.subVisualSlogan_wrap2 .slogan .wrap_in .subT { display: flex; align-items: center; font-size: 1.215em; font-weight: 500; margin-bottom: 1em; color: #fff;} 
.subVisualSlogan_wrap2 .slogan .wrap_in .subT > i { font-size: 1.215em; } 
.subVisualSlogan_wrap2 .slogan .wrap_in .tit { font-size: 3.815em; font-weight: 700; color: #fff;} 

.subVisualSlide_control{ position: absolute; bottom: 1.5em; left: 50%; color: #fff; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; margin-top: 1em; gap: 1em; z-index: 9;}
.subVisualSlide_control .control{ gap:1em; margin-left:auto}
.subVisualSlide_control .paging{ width:5em; text-align:center;}
.subVisualSlide_control .paging .swiper-pagination-current{ font-weight:700}

.subScroll{ color:#fff}
.subScroll .tt{ display:block; font-size:.875em; font-weight:500}
.subScroll .tt .xi{ font-size:1.5em; margin-right:.25em; position:relative}

.vod_wrap { position:relative } 
.vod_wrap .vod { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover } 
.vod_wrap .layer { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.1 } 
.vod_wrap .control { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.1); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer } 
.vod_wrap .control:before { font-size:8vmin; font-family:xeicon } 
.vod_wrap .control.ytPlay:before { content:"\ec32"; color:red } 

/* 공통 */

.fixWrap{ position:relative; z-index:99; height:4em;}
.fixWrap > *{ left:0; right:0; top:0;}
.fixWrap.fix > *{ position:fixed; box-shadow:0 3px .5em rgba(0,0,0,.1); padding-top: var(--headHS); border-radius: 1em; overflow: hidden;}

.main_tab_wrap{}
.main_tab_wrap .tab {background: #bf0c3f; border-radius: 1em; line-height: unset;}
.main_tab_wrap .tab > li{flex: 1; text-align: center; border-right: 1px solid #fff;}
.main_tab_wrap .tab > li:last-child {border-right: unset;}
.main_tab_wrap .tab > li .in{ position:relative; align-content: center; align-items: center; padding:1.25em 1.25em 1.25em 1.25em; text-align:center; color:#fff; transition:.3s; display: block; font-size: 1.125em; height: 100%; box-sizing: border-box; min-width: 0;}
.main_tab_wrap .tab > li .in:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#000; opacity:.2; transform:scaleX(0); transition:.3s;}
.main_tab_wrap .tab > li .in.st2 {font-size: 1em;}
.main_tab_wrap .tab > li .in .tt{ font-size:1.250em; font-weight:500;}
.main_tab_wrap .tab > li:hover .in,
.main_tab_wrap .tab > li.on .in{ font-weight: 600;}
.main_tab_wrap .tab > li:hover .in:before,
.main_tab_wrap .tab > li.on .in:before{ transform:scaleX(1);}
.main_tab_wrap .tab > li.on .in:before{ background:#fe3478 !important; opacity:1;}

.subN_box {padding: 6em 0;}

.wideImg { position: relative; width: 100%; overflow: hidden; background: #111; clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0); } 
.wideImg .bg { position:absolute; top:0; left:0; width:100%; height:130%; transform: scale(1); } 
.wideImg .bg > img { width: 100%; height: 120%; object-fit: cover; } 

.page_tit { position:relative; margin:0 0 2rem 0 } 
.main .page_tit { margin:0 0 4rem 0 } 
.page_tit.c_white .t1,
.page_tit.c_white { color: #fff !important; } 
.page_tit.m0 { margin-bottom:0; } 
.page_tit.m1 { margin-bottom:2rem; } 
.page_tit.m2 { margin-bottom: 1rem; } 
.page_tit .icon { margin-bottom: .75rem; } 
.page_tit .icon > .xi { font-size: var(--font-size-lg); color: var(--color-point6); } 
.page_tit .tt { } 
.page_tit .tt * { vertical-align:baseline; } 
.page_tit .t1 { font-size: var(--font-size-xxxl); font-weight: 700; } 
.page_tit .t2 { font-size: var(--font-size-xl); font-weight: 600; } 
.page_tit .t3 { font-size: var(--font-size-xl); font-weight: 500; } 
.page_tit .t4 { font-size: var(--font-size-md); font-weight: 400; color: var(--color-black-6); line-height: var(--line-height-loose); } 
.page_tit .t4.s1 { font-size: var(--font-size-base); } 
.page_tit .t4.s2 { font-size: var(--font-size-sm); } 
.page_tit .t5 { font-size: var(--font-size-base); font-weight: 600; margin-bottom: 1rem; } 
.page_tit .t6 {font-size: var(--font-size-xxl); font-weight: 800;}
.page_tit .t7 {font-size: var(--font-size-lg-2); font-weight: 600; margin-bottom: 1rem;}
.page_tit .t8 {font-size: var(--font-size-md-1); font-weight: 400; color: var(--color-black-6); line-height: var(--line-height-loose);}
.page_tit .t9 {font-size: var(--font-size-md-1); font-weight: 400; color: #fff; line-height: var(--line-height-loose);}

.main .page_tit .t4 { margin-top: 2.5rem; } 
.main .page_tit .t4.m1 { margin-top: .5rem; } 

.memo { padding: 4em; box-sizing: border-box; background: #f7f7f7; } 
.memo > .tt { font-size: 1.215em; line-height: 1.6; } 

.fullMH { min-height:calc(100vh) !important; box-sizing:border-box; } 

/* data */
.subN_panel {background: #fff;}
.subN_panel .panel_wrap .panel_img { width:50%; } 
.subN_panel .panel_wrap .panel_txt { flex:1; } 
.subN_panel .panel_wrap .panel_txt .mbolie_bg { height: 25em; display: none; } 
.subN_panel .panel_wrap .panel_txt .mbolie_bg > img { width: 100%; height: 100%; object-fit: cover; } 
.subN_panel .panel_wrap .panel { height:100vh; box-sizing:border-box; border-radius: 0 5rem 5rem 0; } 
.subN_panel .panel_wrap .panel .page_tit .line { width: 4rem; height: 1px; background: #000000; margin: 2rem 0; } 
.subN_panel .panel_wrap .panel_img { position:relative; } 
.subN_panel .panel_wrap .panel_txt { position:relative; } 
.subN_panel .panel_wrap .panel_txt .panel { display: flex; align-items: center; position:relative; padding: 8vh 0; /* background: var(--color-point2); */ } 
.subN_panel .panel_wrap .panel_txt .panel .panel_in { width: 40svw; margin: 0 auto; } 
.subN_panel .panel_wrap .panel_txt .panel .panel_in > .page_tit { margin-bottom: 0; } 
.subN_panel .panel_wrap .panel_txt .panel:nth-child(2n-1) { /* background:#f5f5f5; */ } 

.subN_contact { position:relative; background: #fff;} 
.subN_contact .btnList { display: flex; gap: 1rem; } 
.subN_contact .btnList.hc { justify-content: center; } 
.subN_contact .wideImg { position:relative; height: 30rem; border-radius: 2.4rem; overflow: hidden; } 
.subN_contact .wideImg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .1); content: ''; z-index: 1; } 
.subN_contact .contactWrap { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; } 
.subN_contact .contactBox { width: 40%; margin-left: auto; } 
.subN_contact .contactBox .page_tit .t2 { color: #fff; } 
.subN_contact .contactBox .page_tit .t4 { color: #fff; } 
.subN_contact .contactBox.st2 { width: 100%; text-align: center;} 

/*  */
.subN_about { background: var(--siteC); } 
.aboutTit_wrapper { position: relative; text-align: center; display: flex; flex-direction: column; align-items: center; padding-bottom: 10em; } 
.aboutTit_wrapper .titCon { display: flex; align-items: center; gap: .25em; margin-bottom: .15em; font-size: 3.515em; font-weight: 700; color: #fff; transition: .3s; opacity: 0; transform: translateY(.5em); } 
.aboutTit_wrapper .titCon:last-of-type { margin-bottom: 0em; } 
.aboutTit_wrapper .titCon > .imgRound { width: 0; border-radius: 100px; height: 1.5em; overflow: hidden; transition: width .5s .5s; } 
.aboutTit_wrapper .titCon > .imgRound > img { width: 100%; object-fit: cover;; } 
.aboutTit_wrapper .titCon > .img01 { background: url(../images/subN/total_img01.jpg) no-repeat center / cover; height: 108px; margin: 0 auto; } 
.aboutTit_wrapper .titCon > .img02 { background: url(../images/subN/total_img02.jpg) no-repeat center / cover; height: 108px; margin: 0 auto; } 
.aboutTit_wrapper .starIcon { position: relative; width: 60%; margin: 0 auto; } 
.aboutTit_wrapper .starIcon .star { position: absolute; } 
.aboutTit_wrapper .starIcon .star > img { width: 6.5em; object-fit: contain; transform: scale(0) rotate(45deg); transition: .5s ease; } 
.aboutTit_wrapper .starIcon .star01 { left: 13em; top: -4em; } 
.aboutTit_wrapper .starIcon .star02 { right: 12em; top: -2em; } 
.aboutTit_wrapper .starIcon .star02 > img { } 
.aboutTit_wrapper .starIcon .star03 { top: 22em; left: 11em; } 
.aboutTit_wrapper .starIcon .star04 { right: 2em; top: 18em; } 
.aboutTit_wrapper .starIcon .star05 { left: 1em; top: 9em; } 
.aboutTit_wrapper .starIcon.on .star > img { transform: scale(1) rotate(0); } 
.about_item_wrapper { overflow: hidden; } 
.about_item_wrapper .item { display: flex; align-items: center; padding-bottom: 10em; } 
.about_item_wrapper .item:last-of-type { padding-bottom: 16em; } 
.about_item_wrapper .item > .imgCon { position:relative; width: 50%; height: 38.5em; } 
.about_item_wrapper .item > .imgCon:before { position: absolute; width: 101%; height: 100%; top: 0; left: 0; background: var(--siteC); content: ''; transform: scaleX(1); transition: transform 1.5s ease; transform-origin: right; } 
.about_item_wrapper .item > .imgCon > img { width: 100%; height: 100%; border-radius: 0 0 8em 0; object-fit: cover; } 
.about_item_wrapper .item > .info { width: 50%; padding: 0 5em; box-sizing: border-box; } 
.about_item_wrapper .item > .info > .tbox {color: #fff;} 
.about_item_wrapper .item > .info > .tbox .t1 {font-size: 3em; font-weight: 800;} 
.about_item_wrapper .item > .info > .tbox .t2 {font-size: 1.25em; line-height: 1.6;} 
.about_item_wrapper .item > .info > .tbox .t2 span {font-weight: 800; font-size: 1.8em; position: relative; margin-bottom: .3em; display: inline-block;} 
.about_item_wrapper .item > .info > .tbox .t2 span::after { content: ''; position: absolute; left: 0; bottom: 6px; width: 100%; height: .3em; background: #fff; opacity: .3; }

.about_item_wrapper .item:nth-child(2n) { flex-direction: row-reverse; } 
.about_item_wrapper .item:nth-child(2n) > .imgCon > img { border-radius: 0 0 0 8em; } 
.about_item_wrapper .item:nth-child(2n) > .info { text-align: right; } 

.about_item_wrapper .item.on > .imgCon:before { transform: scaleX(0); } 
.about_item_wrapper .item > .info > .page_tit > .num { } 

.aboutTit_wrapper .titCon.on { transform: translateY(0); opacity: 1; } 
.aboutTit_wrapper .titCon.on > .imgRound { width: 3.25em; } 

.link-primary,
.link-primary-light { display: inline-flex; align-items: center; font-size: 16px; font-weight: 600; color: #000; } 
.link-primary .icon,
.link-primary-light .icon { display: flex; align-items: center; justify-content: center; margin-right: 1em; background: rgba(255,255,255, .1); backdrop-filter: blur(5px); width: 40px; height: 40px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 50%; transition: all ease .35s; } 
.link-primary-light .text { position: relative; } 
.link-primary-light .text:before { position: absolute; bottom: -.2em; left: 0; width: 0%; height: 2px; background: #fff; content: ''; transition: .3s; } 

.link-primary-light.white { color: #fff; } 
.link-primary-light.white .icon { border: 1px solid rgba(255,255,255, .8); } 

.link-primary-light.white:hover .icon { background: #fff; color: #171717; } 
.link-primary-light.white:hover .text:before { width: 100%; } 

.link-primary-light.black .text:before { background: var(--crBlack); } 
.link-primary-light.black:hover .icon { background: var(--crBlack); color: #fff; } 
.link-primary-light.black:hover .text:before { width: 100%; } 

.moveImg { position: relative; width: 100%; overflow: hidden; } 
.main_business { position:relative; background: #fff; } 
.businessSlider { position: relative; width: 100%; height: 42.5em; border-radius: 1em; overflow: hidden; } 
.businessSlider:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .1); content: ''; z-index: 1; } 
.businessSlider .el { } 
.businessSlider .bgContianer { width: 100%; height: 100%; } 
.businessSlider .bgContianer > .moveImg { width: 100%; height: 100%; } 
.businessSlider .bgContianer > .moveImg > .img { width: 100%; height: 47.5em; object-fit: cover; } 
.businessSlider .bgContianer > .moveImg > .img.img01 { background-image: url(../images/main/visual1.jpg); } 
.businessSlider .bgContianer > .moveImg > .img.img02 { background-image: url(../images/main/visual2.jpg); } 

.businessSlider .bgContianer > .infoCon { position: absolute; top: 5em; padding: 0 5em; width: 100%; box-sizing: border-box; z-index: 2; } 
.businessSlider .bgContianer > .infoCon > .tit { font-size: 3.215em; font-weight: 700; color: #fff; transform: translateX(2.5em); opacity: 0; transition: 1.5s ease; } 
.businessSlider .bgContianer > .infoCon > .desc { font-size: 1.35em; font-weight: 500; line-height: 1.4; color: #fff; margin-top: 1.5em; transform: translateX(3em); opacity: 0; transition: 1.5s .3s ease; } 
.businessSlider .bgContianer > .infoCon > .main_more { transform: translateX(3em); opacity: 0; transition: 1.5s .6s ease; } 

.businessSlider .el.swiper-slide-active .infoCon > .desc,
.businessSlider .el.swiper-slide-active .infoCon > .main_more,
.businessSlider .el.swiper-slide-active .infoCon > .tit { transform: translateX(0); opacity: 1; } 

.businessSlider .prodbullet { position: absolute; box-sizing: border-box; width: 100%; display: flex; left: 0; bottom: 0; z-index: 99; } 
.businessSlider .prodbullet .paging { width: 100%; } 
.businessSlider .prodbullet .paging > span { background: transparent; border-right: 1px solid rgba(255,255,255, .4); margin: 0; font-size: 1.15em; font-weight: 600; align-items: center; border-top: 3px solid rgba(255,255,255, .3); opacity: 1; border-radius: 0; width: 50%; text-align: center; display: flex; height: 4.5em; justify-content: center; color: rgba(255,255,255, .8); background: rgba(0,0,0, .05); backdrop-filter: blur(7px); transition: .3s; } 
.businessSlider .prodbullet .paging > span:last-of-type { border-right: none; } 
.businessSlider .prodbullet .paging > span.swiper-pagination-bullet-active { border-top: 3px solid #fff; color: #fff; } 


/*  */
.sub_inquiry_wrap2 { position:relative; z-index:1 } 
.sub_inquiry_wrap2 .inquiry {display: flex; gap: 3vmin;} 
.sub_inquiry_wrap2 .wInc { border-radius:1em; box-sizing:border-box; overflow:hidden; position:relative } 
.sub_inquiry_wrap2 .img_wrap { order:-1; width:30vw; padding:5vmin; position:relative } 
.sub_inquiry_wrap2 .img_wrap .bg { position:absolute; left:0; top:0; width:100%; height:100%; filter:saturate(0) brightness(2); transition:.5s } 
.sub_inquiry_wrap2 .img_wrap .bg:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; transform-origin:0 0; transition:1s } 
.sub_inquiry_wrap2 .img_wrap > * { position:relative } 
.sub_inquiry_wrap2 .con_wrap { flex:1; min-width:0; background:#f4f4f4; border: 1px solid #ddd; padding:5vmin } 
/* .sub_inquiry_wrap2 .btn_wrap { width:12vw; border:1px solid var(--siteC); display:flex; align-items:center; justify-content:center; } 
.sub_inquiry_wrap2 .btn_wrap button.st { position:relative; flex:1; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:.5em; background:var(--siteC); color:#fff; display: inline-flex; outline: none; } */
.sub_inquiry_wrap2 .btn_wrap {border: 1px solid var(--siteC); display: flex; align-items: center; justify-content: center; } 
 
 .sub_inquiry_wrap2 .btn_wrap button.st { position: relative; flex: 1; height: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 0.5em; background: var(--siteC); color: #fff; outline: none; border: none;
 font-size: 1rem; padding: 1em 1em; cursor: pointer; transition: background 0.3s ease; } 
.sub_inquiry_wrap2 .btn_wrap .st:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; outline: none; background:#fff; transform:scaleX(0); transform-origin:0 0 } 
.sub_inquiry_wrap2 .btn_wrap .st .t1 { font-weight:700; font-size:1.375em } 
.sub_inquiry_wrap2 .btn_wrap .st .arrow { font-size:2em } 
.sub_inquiry_wrap2 .btn_wrap .st > * { position:relative } 
.sub_inquiry_wrap2 .btn_wrap .st:hover { color:var(--siteC) } 
.sub_inquiry_wrap2 .btn_wrap .st:hover:before { transform:scaleX(1); transition:.5s } 
.sub_inquiry_wrap2 .btn_wrap:hover ~ .img_wrap .bg { filter:saturate(2) } 
.sub_inquiry_wrap2 .btn_wrap:hover ~ .img_wrap .bg:before { opacity:0 } 
.sub_inquiry_wrap2 .formSt { display:flex; flex-wrap:wrap; gap:1vmin; position:relative } 
.sub_inquiry_wrap2 .formSt > li { width:100% } 
.sub_inquiry_wrap2 .formSt > li.w1 { width:calc(50% - .5vmin) } 
.sub_inquiry_wrap2 .formSt .wrap_in { display:flex; align-items:center; gap:1em } 
.sub_inquiry_wrap2 .formSt .wrap_in > * { flex:1 1 0%; min-width:0 } 
.sub_inquiry_wrap2 .formSt .input_st { background-color:none } 
.sub_inquiry_wrap2 .formSt textarea { height:15vmin; padding:1.5em } 
.sub_inquiry_wrap2 .formSt .label_wrap {} 
.sub_inquiry_wrap2 .formSt .label_st { font-weight:700; color:#666; background: #fff;} 
.sub_inquiry_wrap2 .formSt .label_st .xi { border-color:#ccc } 
.sub_inquiry_wrap2 .formSt .btnW > * { flex:0 0 auto } 
.sub_inquiry_wrap2 .formSt .btnW .link { padding:.25em 1.25em; border-radius:2em; border:1px solid rgba(0,0,0,.3); font-size:.875em; font-weight:500; display:flex; align-items:center; color:#666 } 

.root_daum_roughmap .cont,
.root_daum_roughmap .wrap_controllers{ display: none;}
.map_Wrapper{ overflow: hidden; margin-top: 2em;}
.map_Wrapper .map{ position:relative; overflow: hidden;}
.map_Wrapper .map:before{ /* position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255, 0); content: ''; z-index: 2; */}

.map_Wrapper .mapInfoWrap{ position: relative; z-index: 2; display: flex; gap: 2em; padding: 3.5em; box-sizing: border-box; background: var(--siteC); align-items: flex-end;}
.map_Wrapper .mapInfoWrap .leftInfo{ width: 60%;}
.map_Wrapper .mapInfoWrap .leftInfo > .tit{ font-size: 2.15em; font-weight: 700; color: #fff; margin-bottom: 1.5em;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo{ display: flex; flex-wrap: wrap; gap: 1em;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li{}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li.br{ width: 100%;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con{ display: flex; gap: .25em; font-size: 1.063em;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con > .xi{ position: relative; top: -.15em; color: #fff; font-size: 1.515em;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon{ display: flex; gap: .75em;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon > .tit{ font-weight: 700; line-height: 1.4; color: #fff;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon > .txt{ font-weight: 400; line-height: 1.4; color: rgba(255,255,255, .7);}

.map_Wrapper .mapInfoWrap .rightInfo{ width: 40%;}
.map_Wrapper .mapInfoWrap .rightInfo .flex_box{}
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen{ height: 100%;}
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li{ display: flex;}
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li > .in{ position:relative; display: flex; justify-content: space-between; flex: 1; border-bottom: 2px solid #fff; padding: 0 0 1em; box-sizing: border-box; transition: .3s; margin-left: 1.5em !important;}
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li > .in > .tt{ font-size: 1.215em; line-height: 1.4; color: #fff;}
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li > .in > .xi{color: #fff; margin-right: 0.5em;}
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li > .in:hover > .xi{ margin: 0; transition: 0.2s;}

.triDigWrap {z-index: 2; position: relative; margin-bottom: 5em;} 
.triDig { display:flex; align-items:center; justify-content:center; height:35em; width: 35em; margin: 0 auto; padding: 11em 1em 0; position:relative; } 
.triDig > .tit { width: 20em; height: 20em; margin:0 auto; box-sizing:border-box; border-radius: 50%; border:2em solid #eee; background:#fff; position:relative; box-shadow: 0 0 20px rgba(0, 0, 0, .1); } 
.triDig > .tit .tt { font-weight: 800; font-size: 2em; color:#000; text-align: center; } 
.circle { border-radius: 50%; position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%); } 
.circle.st1 { width: calc(100% + 6em); height: calc(100% + 6em); border: 2px dashed #ddd; background: rgba(34,130,107,.3); transition: all 0.8s; opacity: .5; animation: circle 3s 1s infinite forwards;}
.circle.st2 { width: calc(100% + 16em); height: calc(100% + 16em); border:1px solid #ddd; background: rgba(237,237,237,.7); box-shadow: 0 0 20px rgba(0, 0, 0, .1); transition: all 1s; opacity: .3; animation: circle 3s 1.5s infinite forwards; } 

@keyframes circle {0% { opacity: .3; } 
50% { opacity: 1; } 
100% { opacity: .3; } 
 }

.triDig .conList { } 
.triDig .conList > li { position:absolute; } 
.triDig .conList > li:nth-child(1) { left:50%; top:1em; transform:translateX(-50%); } 
.triDig .conList > li:nth-child(2) { right: 105%; top: 17em; transform:translateX(50%); } 
.triDig .conList > li:nth-child(3) { left:105%; top: 17em; transform:translateX(-50%)}
.triDig .conList > li:nth-child(4) { right: 85%; bottom: -5em; transform:translateX(50%); } 
.triDig .conList > li:nth-child(5) { left:85%; bottom:-5em; transform:translateX(-50%)}
.triDig .conList > li .in { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 13em; height: 13em; border-radius: 50%; background: #fff; position: relative; box-shadow:0 2px 15px rgba(0, 0, 0, .2); } 
.triDig .conList > li .in .icon { width: 3em; height: 3em; } 
.triDig .conList > li .in .tit { width:70%; padding:1rem 0 .8rem; border-top:1px dotted rgba(255, 255, 255, .3); font-size: 1.125em; text-align:center}
.triDig .conList > li .in .desc { width: 100%; padding-left: 2em; color:#333; line-height: 1.4; word-break: keep-all; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); } 
.triDig .conList > li:nth-child(2) .in .desc,
.triDig .conList > li:nth-child(4) .in .desc { padding-left: 0; padding-right: 1.5em; left:auto; right: 100%; text-align: right; } 
.triDig .conList > li::after { content:''; width:1.2em; height:1.2em; box-sizing:border-box; border-radius:50%; background:var(--siteC3); border:3px solid #fff; position:absolute; z-index:1; box-shadow: 0 2px 15px rgba(0, 0, 0, .1); } 
.triDig .conList > li:nth-child(1):after { left:50%; bottom:-.6em; transform:translateX(-50%); } 
.triDig .conList > li:nth-child(2):after { left: calc(100% - .5em); top: 7em; } 
.triDig .conList > li:nth-child(3):after { right: calc(100% - .5em); top: 7em; } 
.triDig .conList > li:nth-child(4):after { left: calc(100% - 3em); top: 1em; } 
.triDig .conList > li:nth-child(5):after { right: calc(100% - 3em); top: 1em; } 

.subM_circle .con_box {background: var(--siteC); border-radius: 1.5em; overflow: hidden; padding: 3em 0; word-break: keep-all;}
.subM_circle .circleItem_wrap{ position:relative; width:24em; max-width:70%; margin:0 auto; padding:2em 0;}
.subM_circle .circleItem_wrap.w2 {width: 20em;}
.subM_circle .circleItem{}
.subM_circle .circleItem:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1.25em solid var(--crGray2); border-radius:50%; opacity:.4; box-sizing:border-box;}
.subM_circle .circleItem .item_wrap{ position:absolute; gap:2em;}
.subM_circle .circleItem .item_wrap .icon .in{ width:8em; height:8em; background:#fff; border-radius:50%; align-items: center; display: flex; justify-content: center; justify-content: center;}
.subM_circle .circleItem .item_wrap .icon .in.w2 {width: 6em; height: 6em;}
.subM_circle .circleItem .item_wrap:nth-child(2n) .icon .in{ background:#fff;}
.subM_circle .circleItem .item_wrap .icon .in img{ width:3em; height: 3em;}
.subM_circle .circleItem .item_wrap .txt{ width:20em; color:#fff;}
.subM_circle .circleItem .item_wrap .txt .t1{ font-size:1.250em; font-weight:700;}
.subM_circle .circleItem .item_wrap .txt .t2{ margin-top:.5em; opacity:.6;}
.subM_circle .circleItem .item_wrap.item01{ left:50%; top:0; margin-left:2em; margin-top:-2em;}
.subM_circle .circleItem .item_wrap.item02{ left:100%; top:50%; margin-left:-4em; transform:translateY(-50%);}
.subM_circle .circleItem .item_wrap.item03{ left:50%; bottom:0; margin-left:2em; margin-bottom:-2em;}
.subM_circle .circleItem .item_wrap.item04{ right:50%; bottom:0; margin-right:2em; margin-bottom:-2em;}
.subM_circle .circleItem .item_wrap.item05{ right:100%; top:50%; margin-right:-4em; transform:translateY(-50%);}
.subM_circle .circleItem .item_wrap.item06{ right:50%; top:0; margin-right:2em; margin-top:-2em;}
.subM_circle .circleItem .item_wrap.item04,
.subM_circle .circleItem .item_wrap.item05,
.subM_circle .circleItem .item_wrap.item06{ flex-flow:row-reverse; text-align:right;}

.program { position: relative;}
.program .top { position: relative; display: none;}
.scroll .program .top {display: block;}
.program .visual { width: 100%; color: #fff; position: relative; z-index: 1;}
.program .visual .inner { height: 23rem; border-radius: 3em; background-color: var(--siteC); overflow: auto;}
.program .visual .inner.c2 {background-color: midnightblue;}
.program .visual .inner.c3 {background-color: var(--siteC3);}
.program .visual .inner.c4 {background-color: var(--siteC2);}
.program .visual .inner .imgBox {position: absolute;left: 0; top: -1px; bottom: 0; width: 100%;box-shadow: 40px 0px 63px rgba(0, 0, 0, 0.25);border-radius: 3rem;overflow: hidden;animation: industry-visual 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s forwards;}
.program .visual .inner .txtBox {width: 44%;position: absolute;right: 0;bottom: 0;padding: 3em;}
.program .visual .inner .txtBox > * {transform: translateY(50%);opacity: 0;animation: industry-visual-txt 2s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s forwards;}
.program .visual .inner .txtBox span {display: block;font-size: 2rem;font-weight: 600;line-height: 1.2;}
.program .visual .inner .txtBox p {font-size: 1em;font-weight: 300;margin-top: 2rem;}
@keyframes industry-visual {
  0% {
    width: 100%;
  }
  100% {
    width: 50%;
  }
}
@keyframes industry-visual-txt {
  0% {
    transform: translateY(50%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.expo {
  transition: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.main_company .iconCircle_wrap{ display: flex; justify-content: center;}
.main_company .iconCircle_wrap .icon_circle{ gap: 2.5em; padding: 1.5em}
.main_company .iconCircle_wrap .icon_circle > li .in{ width: 20em; height: 20em;}
.icon_circle{ gap:1.25em; padding: .75em; border-radius: 20em; background: #fff;}
.icon_circle > li{}
.icon_circle > li .in{ display: flex; flex-direction: column; justify-content: center; align-items: center; background: linear-gradient(90deg, var(--siteC), #ea507c); gap:1.25em; width: 17.5em; height: 17.5em; padding: 1.5em 2em; box-sizing: border-box; border-radius: 50%; box-shadow: 0 5px 10px rgba(0, 0, 0, .15)}
.icon_circle > li .in dl{ color:#fff; text-align: center; word-break: keep-all;}
.icon_circle > li .in dl .tit{ font-weight: 700; font-size: 1.5em;}
.icon_circle > li .in dl .desc{ margin-top: 1em; opacity: .85;}
.icon_circle > li .in .icon{ order:-1; width: 3em; height: 3em; margin:0 auto;}

.other_list {gap: 2em;}
.other_list li {background: #fff; flex: 1 17%; padding: 2em; text-align: center;}
.other_list li .icon {width: 3em; margin: 0 auto;}
.other_list li .tt { margin-top: 1em;}

.page_list.icoPoint {
  gap: 2.5em;
}
.page_list.icoPoint > li {
  display: flex;
  width: calc(25% - 1.875em);
}
.page_list.icoPoint > li .in {
  flex: 1;
  gap: 2em 0;
  padding: 4em 1.5em;
  background: #fff;
  border-radius: 1em;
  box-shadow: 0 3px 1em rgba(0, 0, 0, .1);
  text-align: center;
}
.page_list.icoPoint > li .in .ico {
  width: 8em;
  height: 8em;
  /* background:var(--siteC);*/
  border: 3px solid var(--siteC);
  border-radius: 50%;
}
.page_list.icoPoint > li .in .ico img {
  width: 45%;
  filter: var(--siteCfil);
}
.page_list.icoPoint > li .in .con_wrap .tt {
  font-size: 1.500em;
  font-weight: 700;
}


/*분양절차*/
.page_list.icoStep {
  gap: 3.25em;
}
.page_list.icoStep > li {
  display: flex;
  flex: 1;
}
.page_list.icoStep > li .in {
  flex: 1;
}
.page_list.icoStep > li .in .circle_wrap {
  position: relative;
  z-index: 2;
}
.page_list.icoStep > li .in .circle_wrap .circle_in {
  width: 78%;
  margin: 0 auto;
}
.page_list.icoStep > li .in .circle_wrap .circle {
  gap: 1.5em;
  background: #fff;
  border: 5px solid var(--siteC);
  border-radius: 50%;
  box-shadow: 0 3px 1.5em rgba(0, 0, 0, .15);
  transform:unset;
}
.page_list.icoStep > li .in .circle_wrap .num_wrap {
  position: absolute;
  top: .75em;
  left: 50%;
  width: auto;
  transform: translateX(-50%);
}
.page_list.icoStep > li .in .circle_wrap .num_wrap .num {
  width: 1.5em;
  height: 1.5em;
  background: var(--siteC);
  border-radius: 50%;
  color: #fff;
}
.page_list.icoStep > li .in .circle_wrap .num_wrap .num:before {
  font-size: .875em;
}
.page_list.icoStep > li .in .circle_wrap .ico_wrap {margin-top: unset;}
.page_list.icoStep > li .in .circle_wrap .ico_wrap img {
  width: 3.125em;
  margin: 0 auto;
}
.page_list.icoStep > li .in .circle_wrap .tit .tt {
  font-size: 1.500em;
  font-weight: 700;
}
.page_list.icoStep > li .in .con_wrap {
  display: flex;
  flex: 1 0 auto;
  position: relative;
  margin-top: 4.25em;
}
.page_list.icoStep > li .in .con_wrap .txt {
  gap: 1.5em 0;
  flex: 1;
  padding: 1.125em 1.125em 1.75em;
  background: #fff;
  border-radius: .75em;
  line-height: 1.5;
}
.page_list.icoStep > li .in .con_wrap .txt .tt {
  font-weight: 500;
}
.page_list.icoStep > li .in .con_wrap .txt .small {
  font-size: .875em;
  color: #555;
}

.page_list.icoStep > li + li .in .circle_wrap:before {
  content: "\e93e";
  font-family: xeicon;
  font-size: 2.000em;
  color: #888;
  position: absolute;
  top: 50%;
  left: -1.625rem;
  transform: translate(-50%, -50%);
}
.page_list.icoStep > li .in .con_wrap:before,
.page_list.icoStep > li .in .con_wrap:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
}
.page_list.icoStep > li .in .con_wrap:before {
  bottom: 100%;
  width: 5px;
  height: 5em;
  background: #dcdcdc;
}
.page_list.icoStep > li .in .con_wrap:after {
  top: 0;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 3px solid var(--siteC);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.number_con2 {gap: 3em;}
.number_con2 .img_box {width: 45%;}
.number_con2 .con_box {flex: 1;}

.iconList{width: 1200px; margin: 0 auto;}
.iconList ul{display: flex; flex-wrap: wrap; gap:1em; counter-reset: var-count; justify-content: center;}
.iconList li{width: calc((100% - 4em) / 2); border: 1px solid #ddd; border-top: 3px solid #a9a6a1; display: flex; gap: 30px; padding: 50px 35px; box-sizing: border-box; align-items: center; overflow: hidden; position:relative;background: var(--siteC); border-radius: 1em;}
.iconList li:nth-child(2),
.iconList li:nth-child(3) {background: var(--siteC3);}
.iconList li::before{content: "0"counter(var-count); counter-increment: var-count; position:absolute; top: -18px;right: -10px; font-size: 120px; font-weight: 800; color: #fff; opacity: 0.2; line-height: 1em;}
.iconList .iconBox{width: 6em; height: 6em; padding: 1em; background-color: #f3f3f3; border-radius: 50%; flex-shrink: 0; box-sizing: border-box; text-align: center;}
.iconList .iconBox > p {width: 7em;height: 4em; background-color: #fff;border-radius: 50%; box-shadow: 0 0 1em rgba(0, 0, 0, .1);}
.iconList .iconBox > p img {width: 2.7em;}
.iconList .textBox{}
.iconList .textBox h6{font-size: 24px; font-weight: 700; color: #fff; margin: 0;}
.iconList .textBox .xi {color: #fff; font-size: 2.4em; margin-bottom: .5em;}
.iconList .textBox p{font-size: 16px;color: #fff; line-height: 1.6;}
.iconList .textBox p.f-or{padding-top: 0; font-size: 15px;}

.security_con {width: 1200px; margin: 0 auto;}
.security_con .con {background: #fff; border-radius: 1em; overflow: hidden; width: 45%; box-shadow: 0 0 20px rgba(0, 0, 0, .1);}
.security_con .con .tit {font-size: 1.125em; font-weight: 600; background: var(--siteC); color: #fff; padding: 1em 1.5em;}
.security_con .con.c2 .tit {background: #2e6efe;}
.security_con .con .t_list {padding: 1em 1.5em;}
.security_con .con .t_list li {border-bottom: 1px dashed #ddd; font-weight: 500; padding-bottom: .7em; margin-bottom: .7em;}
.security_con .con .t_list li:last-child {border-bottom: unset; padding-bottom: unset; margin-bottom: unset;}
.security_con .con .t_list li .xi {color: var(--siteC); margin-right: .5em; vertical-align: bottom;}
.security_con .con.c2 .t_list li .xi {color: #2e6efe;}
.security_con .arrow {width: 5%; text-align: center; transform: rotate(90deg); color: var(--siteC3); font-size: 1.5em;}

.sub_content .con_list {gap: 1em;}
.sub_content .con_list li {flex: 1; background: #fff; padding: 2em; border-bottom-left-radius: 1em; box-shadow: 0 0 1em rgba(0, 0, 0, .1);}
.sub_content .con_list li .t1 {font-size: 1.05em; font-weight: 600; color: var(--siteC); margin-bottom: 1em;}
.sub_content .con_list li .t2 {font-size: 1.6em; font-weight: 800; margin-bottom: 1em; color: #222;}
.sub_content .con_list li .t3 {}

.number_con3 {gap: 3em;}
.number_con3 li {background: #fff; padding: 2.5em 2em; flex: 1; box-shadow: 0 2px 15px rgba(0, 0, 0, .2); border-bottom-right-radius: 4em;}
.number_con3 li .top {}
.number_con3 li .top span {background: #000; color: #fff; font-size: .9em; padding: .3em .5em; border-radius: .5em;}
.number_con3 li .top span .c1 {}
.number_con3 li .top span .c2 {}
.number_con3 li .top span .c3 {}
.number_con3 li .midd {margin: 1.5em 0 1em;}
.number_con3 li .midd .t1 {}
.number_con3 li .midd .t2 {font-size: 1.6em; font-weight: 800; margin: .5em 0;}
.number_con3 li .midd .t3 {color: #777;}
.number_con3 li .bottom {background: #f4f4f4; min-height: 4em; padding: 1em;}
.number_con3 li .bottom .tt {}
.number_con3 li .bottom .tt .xi {}

.total_con {width: 700px; background: #fff; margin: 0 auto; padding: 2em; border-radius: 1em;}
.total_con li {margin-bottom: .5em; padding-bottom: .5em; border-bottom: 1px dashed #ddd;}
.total_con li:last-child {margin-bottom: unset; padding-bottom: unset; border-bottom: unset;}
.total_con li .tt {font-size: 1.125em;}
.total_con li .tt > i {color: var(--siteC); margin-right: .5em;}
.total_con li .tt > span {font-weight: 600; vertical-align: baseline;}


.company_AllWrap .comapanyInfo { position:relative; background: #fff; } 
.subScroll .mouseImg > img { width: 100%; height: 30px; object-fit: contain; filter: var(--crWhitefil); } 

.comapanyInfo .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: .3; } 
.comapanyInfo .box2 { position: relative; z-index: 2; } 
.comapanyInfo .boxInfo { margin-top: 4.5em; } 
.comapanyInfo .boxInfo .boxList { } 
.comapanyInfo .boxInfo .boxList > li {flex: 1;} 
.comapanyInfo .boxInfo .boxList > li > .in { margin: 0 0 3em 3em; border-radius: 1em; overflow: hidden; box-shadow: 0px 19px 40px rgba(0, 0, 0, 0.11); } 
.comapanyInfo .boxInfo .boxList > li:nth-child(2) { margin-top: 4.5em; } 
.comapanyInfo .boxInfo .boxList > li > .in > .imgCon { width: 100%; height: 25em; } 
.comapanyInfo .boxInfo .boxList > li > .in > .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 
.comapanyInfo .boxInfo .boxList > li > .in > .txtCon { padding: 3em 2em; text-align: center; box-sizing: border-box; background: #fff; transition: .3s ease; } 
.comapanyInfo .boxInfo .boxList > li > .in > .txtCon > .kn { font-size: 1.915em; font-weight: 700; color: var(--crBlack); margin-bottom: .45em; transition: .3s ease; } 
.comapanyInfo .boxInfo .boxList > li > .in > .txtCon > .en { font-size: 1.063em; color: rgba(0,0,0, .85); transition: .3s ease; } 
.comapanyInfo .boxInfo .boxList > li > .in:hover > .txtCon { background: var(--siteC); } 
.comapanyInfo .boxInfo .boxList > li > .in:hover > .txtCon > .kn { color: #fff; } 
.comapanyInfo .boxInfo .boxList > li > .in:hover > .txtCon > .en { color: rgba(255,255,255, .85); } 

.company_AllWrap .anyone { position: relative; width: 100%; height: 20em; } 
.company_AllWrap .anyone:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); content: ''; z-index: 1; } 
.company_AllWrap .anyone .innterTxt { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; z-index: 2; } 
.company_AllWrap .anyone .innterTxt .enT { font-size: 1.15em; font-weight: 500; color: rgba(255,255,255, .85); margin-top: .75em; } 

.stickyT { position:sticky !important; top:4.6em; } 

.intro_All { background: #fff; } 
.intro_wrapper { } 
.intro_wrapper .title { font-size: 2.15em; font-weight: 600; line-height: 1.4; margin-bottom: 1.5em; } 
.intro_wrapper .intro_con { display: flex; gap: 6em; align-items: center; margin-bottom: 8em; } 
.intro_wrapper .intro_con:last-of-type { margin-bottom: 0em; } 
.intro_wrapper .intro_con .img_con { width: 50%; height: 50vh; overflow: hidden; border-radius: 1em; overflow: hidden; } 
.intro_wrapper .intro_con .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.intro_wrapper .intro_con .info { width: 50%; } 
.intro_wrapper .intro_con .info .num { font-size: 1.315em; color: #fff; margin-bottom: 1em; font-weight: 800; } 
.intro_wrapper .intro_con .info .desc_list { } 
.intro_wrapper .intro_con .info .desc_list > .tt { font-size: 1.15em; line-height: 1.6; color: #444; margin-bottom: .15em; } 
.intro_wrapper .intro_con .info .desc_list > .tt:last-of-type { margin-bottom: 0em; } 
.intro_wrapper .intro_con .info > .tit { font-size: 2.15em; font-weight: 700; margin-bottom: .75em; } 
.intro_wrapper .intro_con .info > .sub_tit { font-size: 1.15em; line-height: 1.4; font-weight: 600; margin: 2em 0; } 

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

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