@charset "utf-8"; /* CSS Document */ body{ font-size:16px} .box0{ margin:0 4%} .box1{ width:75em; margin:0 auto} .box2{ width:1440px; margin:0 auto} .box3{ width:1400px; margin:0 auto} .en{ font-family:'Ubuntu','NotoSans',sans-serif; letter-spacing:0;} .biGfont {font-weight:700 !important;} .gnb .m_hide{ display:none} #header{position:absolute; z-index:999; top:0; left:0; right:0;} #header:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:100%; background:#fff; opacity:0} #header .top_wrap{ height:5em} #header .va_wrap{/* height:5em*/} #header .top_wrap{ transition:.3s} #header .top_wrap .logo > a{ position:relative; height:100%; box-sizing:border-box; z-index:5;} #header .top_wrap .logo img{ height:3em} #header .logo > a img {} #header .gnb_wrap{ position:absolute; width:100%; left:0; top:0; box-sizing:border-box; padding:0 20em; text-align:center} #header .gnb_wrap .gnb{ display:inline-flex; justify-content:center; margin:0 auto} #header .gnb_wrap .gnb:before{ content:""; position:absolute; left:0; top:5em; width:100%; height:calc(100% - 5em); background:#fff; transform:scaleY(0); transform-origin:left top; transition:.5s; z-index:-1; border-top:1px solid #ddd; box-sizing:border-box} #header .gnb_wrap .gnb > li{ position:relative} #header .gnb_wrap .gnb > li.m_mypage, #header .gnb_wrap .gnb > li.m_guide {display:none;} #header .gnb_wrap .gnb > li .dp1{ font-weight:500; color:#fff; position:relative; z-index:1; transition:.3s; padding:0 1em; min-width:8em} #header .gnb_wrap .gnb > li .dp1:after{content:"";position:absolute;bottom:0;width:0;margin-left:-1.5em;left:50%;height:2px;background:#fff;transition:.3s;} #header .gnb_wrap .gnb > li:hover .dp1:after, #header .gnb_wrap .gnb > li.on .dp1:after{ width:3em} #header .gnb_wrap .gnb > li .dp1 .va{ padding-top:.25em; font-size:1.188em;} #header .gnb_wrap .gnb > li:hover .dp1{ color:#005cb2} #header .gnb_wrap .gnb > li.on .dp1 {} #header .gnb_wrap .gnb > li:hover .dp1:after{ transform:scaleX(1)}x #header .gnb_wrap .gnb > li .dp1 .va{ font-size:1.25em; font-weight:500} #header .gnb_wrap .gnb > li .dp2{ display:block; opacity:0; height:0; overflow:hidden} #header .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; padding:.75em 0; color:#5c5e5e} #header .gnb_wrap .gnb > li .dp2 > li > a .va{} #header .gnb_wrap .gnb > li.m_member, #header .gnb_wrap .gnb > li.m_mypage, #header .gnb_wrap .gnb > li.m_guide, #header .gnb_wrap .gnb > li.m_mypage, #header .gnb_wrap .gnb > li.m_mall{display:none;} #header .etc_wrap {z-index:999} #header .etc_wrap .mem_wrap {} #header .etc_wrap .mem_wrap .etc {} #header .etc_wrap .mem_wrap .etc > li {} #header .etc_wrap .mem_wrap .etc > li .in {color:#fff; display:block; padding:0 .75em;} #header .etc_wrap .mem_wrap .etc > li .in .tt {font-size:.938em;} #header .etc_wrap .mem_wrap .etc > li .in .tt.st1 {border-radius:3em; border:1px solid #fff; padding:.2em 1.3em; font-size:.875em !important} #header .etc_wrap .mem_wrap .etc > li:hover .in .tt {color:#005cb2; transition:.3s;} #header .etc_wrap .all_wrap{} #header .etc_wrap .all_wrap .all_btn{ display:block; color:#fff; line-height:5em; width:5em; text-align:center; position:relative} #header .etc_wrap .all_wrap .all_btn:before{ content:""; position:absolute; left:0; top:0; width:100%; height:0; /*background:#1f56a4;*/ transition:.3s} #header .etc_wrap .all_wrap .all_btn .xi{ font-size:3em; position:relative} #header .etc_wrap .all_wrap:hover .all_btn, #header .etc_wrap .all_wrap.on .all_btn{ color:#fff !important} #header .etc_wrap .all_wrap:hover .all_btn:before, #header .etc_wrap .all_wrap.on .all_btn:before{ height:100%} #header .etc_wrap .all_wrap .all{ position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; visibility:hidden; opacity:0; overflow-y:auto; transition:.3s; transform:scale(.5)} #header .etc_wrap .all_wrap.on .all{ visibility:visible; opacity:1; transform:scale(1)} #header .etc_wrap .all_wrap .all .close_btn{ position:absolute; top:1em; right:2em; width:3em; line-height:3em; text-align:center; opacity:.5; transition:.3s} #header .etc_wrap .all_wrap .all .close_btn .xi{ font-size:3em} #header .etc_wrap .all_wrap .all .close_btn:hover{ transform:rotate(90deg); opacity:1} #header .etc_wrap .all_wrap .all .all_logo{ text-align:center; padding:3em 0} #header .etc_wrap .all_wrap .all .gnb a{ height:auto} #header .etc_wrap .all_wrap .all .gnb{ justify-content:space-between; padding-bottom:5em} #header .etc_wrap .all_wrap .all .gnb > li{ flex:0 1 24%} #header .etc_wrap .all_wrap .all .gnb > li.m_mypage, #header .etc_wrap .all_wrap .all .gnb > li.m_guide {display:none;} #header .etc_wrap .all_wrap .all .gnb > li .dp2, #header .etc_wrap .all_wrap .all .gnb > li .dp3{ display:block} #header .etc_wrap .all_wrap .all .gnb > li .dp1{ border-top:5px solid #ddd; border-bottom:1px solid #aaa; height:5em; position:relative} #header .etc_wrap .all_wrap .all .gnb > li .dp1:after{ content:""; position:absolute; left:0; top:-5px; width:0; height:5px; background:#005cb2; transition:.3s} #header .etc_wrap .all_wrap .all .gnb > li .dp1 .va{ font-size:1.25em; font-weight:700} #header .etc_wrap .all_wrap .all .gnb > li:hover .dp1{ color:#005cb2} #header .etc_wrap .all_wrap .all .gnb > li:hover .dp1:after{ width:100%} #header .etc_wrap .all_wrap .all .gnb > li .dp2{} #header .etc_wrap .all_wrap .all .gnb > li .dp2 > li > a{ padding:1em; border-bottom:1px solid #ddd; text-align:left; position:relative; padding-left:2em; font-size:.938em;} #header .etc_wrap .all_wrap .all .gnb > li .dp2 > li > a:after{ content:"\e913"; font-family:xeicon!important; position:absolute; left:0; top:1em; width:2em; text-align:center; color:#aaa} #header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > a{ background:#f5f5f5; color:#005cb2} #header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > a:after{ color:#005cb2} #header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > .dp3{ background:#f9f9f9} #header .etc_wrap .all_wrap .all .gnb > li .dp3{ padding:.5em 0; border-bottom:1px solid #ddd} #header .etc_wrap .all_wrap .all .gnb > li .dp3 > li > a{ padding:.25em .75em; text-align:left} #header .etc_wrap .all_wrap .all .gnb > li .dp3 > li > a .va{ font-size:.875em; color:#666} #header .etc_wrap .all_wrap .all .gnb > li .dp3 > li > a .va:before{ content:"- "; display:inline-block; padding-right:1em} #header .etc_wrap .all_wrap .all .gnb > li .dp3 > li:hover > a .va{ text-decoration:underline; color:#333} #header .etc_wrap .all_wrap .all .gnb > li .dp3 > li:hover > a .va:before{ text-decoration:none} #header .etc_wrap .all_wrap .all .gnb li.m_member{display:none;} #header .etc_wrap .all_wrap .all .gnb li.m_mall{display:none;} .color #header .gnb_wrap .gnb > li .dp1{ color:#333} .color #header .gnb_wrap .gnb > li:hover .dp1{ color:#0072c6} .color #header .gnb_wrap .gnb > li:hover .dp1:after{ background:#0072c6} .color #header .etc_wrap .lang > .lang_btn{ border-color:#ccc; color:#666} .color #header .etc_wrap .all_wrap .all_btn{ color:#666} .color #header:before{ background:#777} /*.scroll #header{} .scroll #header .gnb_wrap .gnb > li .dp1{ color:#666} .scroll #header .gnb_wrap .gnb > li.on .dp1, .scroll #header .gnb_wrap .gnb > li:hover .dp1{ color:#005cb2} .scroll #header .gnb_wrap .gnb > li.on .dp1:after, .scroll #header .gnb_wrap .gnb > li:hover .dp1:after{ background:#005cb2} .scroll #header .etc_wrap .lang > .lang_btn{ border-color:#ccc; color:#666} .scroll #header .etc_wrap .all_wrap .all_btn{ color:#333} .scroll #header:before{ background:none} .scroll #header .etc_wrap .mem_wrap .etc > li .in {color:#333} */ #header.hide{ transform:translateY(-6em)} .headerH, #header .va_wrap{ height:5em} .headerT{ padding-top:5em} .sub #header {border-bottom:1px solid rgba(255,255,255,.2)} #header .gnb_wrap .gnb > li .dp2 > li:hover > a, #header .gnb_wrap .gnb > li .dp2 > li.on > a{ color:#005cb2} #header .gnb_wrap .gnb > li .dp3{ display:none} #header .gnb_wrap:hover .gnb:before{transform:scaleY(1); transition:.3s; transition-delay:.1s} #header .gnb_wrap:hover .gnb:after{ visibility:visible; transition-delay:.3s} #header .gnb_wrap:hover .gnb > li .dp2{ opacity:1; height:calc(100% - 5em); overflow: visible; transition:.3s; transition-delay:.1s; padding:1em 0 2em 0} #header .gnb_wrap + .gnb_bg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:-2; opacity:0; visibility:hidden} #header .gnb_wrap:hover + .gnb_bg{opacity:1; visibility: visible; transition:.3s; transition-delay:.1s;} #header .gnb_wrap .gnb > li:hover .dp1 .va{ color:#005cb2} #header:hover:before {opacity:1; transition:.3s;} #header:hover .gnb_wrap .gnb > li .dp1 .va {color:#5c5e5e} #header:hover .etc_wrap .mem_wrap .etc > li .in {color:#5c5e5e} #header:hover .etc_wrap .all_wrap .all_btn .xi {transition:.3s; color:#5c5e5e} #header:hover .etc_wrap .mem_wrap .etc > li .in .tt.st1 {border:1px solid #5c5e5e;} #header .etc_wrap .all_wrap .all_btn:hover {background:#005cb2; transition:.3s; background-image: linear-gradient(to top, #209cff 0%, #005cb2 100%);} #header .etc_wrap .all_wrap .all_btn:hover .xi {color:#fff !important;} /**/ #footer{} #footer .gotop.top_st{ position:fixed; z-index:1; width:4em; line-height:4em; height:4em; right:3em; bottom:3em; text-align:center; border-radius:50%; background:#fff; color:#444; transition:.3s; transform:translateY(7em); opacity:0; box-shadow:0 0 1em .125em rgba(0,0,0,.3); z-index:100;} #footer .gotop.top_st .xi{ font-size:2em} #footer .gotop.top_st:hover{ background:#005cb2; color:#fff} .scroll #footer .gotop.top_st{ transform:translateY(0); opacity:1} #footer .foot_wrap{ background:#fff;} #footer .foot_wrap .box1{ position:relative} #footer .foot_wrap .con{} #footer .foot_wrap .con .logo img{ height:80px; opacity:.6;} #footer .foot_wrap .con .copy{ margin-top:3em; font-size:.688em; color:#333; opacity:.5; letter-spacing:0; text-transform:uppercase;} #footer .foot_wrap .bottom_wrap {padding:3em 0;} #footer .foot_wrap .info_wrap{ flex:1 1 1%; margin-left:3em;} #footer .foot_wrap .info_wrap > li{ line-height:1.7;} #footer .foot_wrap .info_wrap > li .tt{ display:inline-block; color:#666; font-size:.938em; font-weight:400; margin-right:1.438em;} #footer .foot_wrap .info_wrap > li a:hover{ text-decoration:underline;} #footer .foot_wrap .menu_wrap{border-bottom:1px solid #ddd; border-top:1px solid #ddd;} #footer .foot_wrap .menu_wrap .menu > li > a{ position:relative; display:block; margin-right:2.188em; font-size:1em; color:#333; padding:1em 0 ;} #footer .foot_wrap .menu_wrap .menu > li > a.col {color:#005cb2} #footer .foot_wrap .menu_wrap .menu > li > a:hover{ text-decoration:underline;} #footer .foot_wrap .menu_wrap .family{position:relative; width:12.500em;} #footer .foot_wrap .menu_wrap .family .tit{ position:relative; color:#333; letter-spacing:0; cursor:pointer;} #footer .foot_wrap .menu_wrap .family .tit:before {content:""; position:absolute; left:0; top:0; background:#ddd; width:1px; height:100%;} #footer .foot_wrap .menu_wrap .family .tit:after {content:""; position:absolute; right:0; top:0; background:#ddd; width:1px; height:100%;} #footer .foot_wrap .menu_wrap .family .tit .tt{ display:inline-block; padding:0 8em 0 1.8em; font-size:.813em; height:5em; line-height:5em;} #footer .foot_wrap .menu_wrap .family .tit .xi{ position:absolute; right:1.2em; top:50%; margin-top:-.6em; font-size:.938em;} #footer .foot_wrap .menu_wrap .family .tit .xi:before{ content:"\e944";} #footer .foot_wrap .menu_wrap .family .list{ position:absolute; left:0; right:0; bottom:100%; margin-bottom:-1px; padding:.8em 0; max-height:15em; overflow-y:auto; background:#fff; border:1px solid #999; text-align:left;} #footer .foot_wrap .menu_wrap .family .list > li > a{ display:block; padding:.5em 1.2em; font-size:1em; color:#333;} #footer .foot_wrap .menu_wrap .family .list > li > a:hover{ text-decoration:underline;} #footer .foot_wrap .menu_wrap .family .list{ display:none;} #footer .foot_wrap .menu_wrap .family:hover .list{ display:block;} #footer .foot_wrap .menu_wrap .family:hover .tit{} /*MAIN*/ .mainSlider_wrap{ position:relative} /*.mainSlider_wrap:after{ content:""; position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; background:linear-gradient(0deg, transparent, rgba(0, 0, 0, .4)),linear-gradient(0deg, transparent 80%, rgba(0, 0, 0, .3));}*/ .mainSlider{ position:relative;} .mainSlider .el{ height:100vh; position:relative; overflow:hidden} .mainSlider .el .bg{ transform:scale(1.2); opacity:0; transition:.2s} .mainSlider .el.swiper-slide-active .bg, .mainSlider .el.swiper-slide-duplicate-active .bg{ transform:scale(1); opacity:1;} .mainSlider_wrap .main_slogan{ z-index:9;} .mainSlider_wrap .main_slogan .inner{ padding:20vh 0 20vh 0;} .mainSlider-pagination{ position:absolute; z-index:10; left:50%; bottom:7vh; transform:translateX(-50%);} .mainSlider-pagination .swiper-pagination-bullet{ width:3.25em; height:.375em; background:#fff; border-radius:0;} .main_con1{ padding:7.5em 0;} .main_con4{ padding:6.25em 0;} .main_con4 .inner{ background:#edeef3;} .main_con4 .inner img{ margin:0 auto;} .main_con6{ padding:0 0 12em 0;} .main_con5{ padding:4em 0} .main_con5 .cs_wrap {width:100%;} .main_con5 .cs_wrap .cs_l {border-top:3px solid #005cb2; width:46%;} .main_con5 .cs_wrap .tit {font-size:2.5em; margin:.5em 0; font-family: 'Ubuntu';} .main_con5 .cs_wrap .tit2 {font-size:2.25em; font-family: 'Ubuntu'; margin-left:.5em; font-weight:700} .main_con5 .cs_wrap .info_wrap {margin-top:1em; font-family: 'Ubuntu'; font-size:1.125em; color:#555;} .main_con5 .cs_wrap .btn_wrap {margin-top:2em;} .main_con5 .cs_wrap .btn_wrap .btn {padding:.8em; box-sizing:border-box; border:1px solid; border-image:-webkit-linear-gradient(-45deg, rgba(0,92,178,1) 0%,rgba(183,91,241,1) 33%,rgba(243,107,158,1) 66%,rgba(243,119,56,1) 100%); border-image-slice: 1; width:49.5%; text-align:center; font-size:1.125em; font-family: 'NotoSans';} .main_con5 .cs_wrap .btn_wrap .btn:hover i {transform:translateX(10px); transition:.3s;} .main_con5 .cs_wrap .btn_wrap .btn i {margin-left:.5em; font-size:.95em;} .main_con5 .cs_wrap .btn_wrap .btn a {color:#005cb2} .main_con5 .cs_wrap .cs_r {border-top:3px solid; width:46%;} .main_con5 .cs_wrap .cs_r .more a{ font-family: 'Ubuntu'; color:#005cb2; font-weight:700;} .main_con5 .cs_wrap .cs_r .one_con {margin-bottom:1em;} .main_con5 .cs_wrap .cs_r .one_con .date {color:#666; font-family: 'Ubuntu'; margin-bottom:.3em;} .main_con5 .cs_wrap .cs_r .one_con .tt {font-size:1.063em; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .main_con5 .cs_wrap .cs_r .btn2_wrap {margin-top:2em;} .main_con5 .cs_wrap .cs_r .btn2_wrap .btn {padding:.8em; box-sizing:border-box; border:1px solid #005cb2; text-align:center; width:32.7%;font-size:1.125em; font-family: 'NotoSans';} .main_con5 .cs_wrap .cs_r .btn2_wrap .btn a {color:#005cb2} .main_con5 .cs_wrap .cs_r .btn2_wrap .btn i {margin-left:.5em; font-size:.95em;} .main_con5 .cs_wrap .cs_r .btn2_wrap .btn:hover i {transform:translateX(10px); transition:.3s;} .main_con6 .event_tit .tit {font-size:2.5em; margin-bottom:1em; font-family: 'Ubuntu';} .main_con6 .event_tit .more a{ font-family: 'Ubuntu'; color:#005cb2; font-weight:700;} .main_con6 .mySwiper .swiper-slide {width:380px !important; height:220px; background-position:center; background-repeat:no-repeat; background-size:cover;} .main_con6 .mySwiper { position:relative;} .main_con6 .mySwiper .swiper-slide.bn01 { background-image:url(../images/main/main_bn01.jpg);} .main_con6 .mySwiper .swiper-slide.bn02 { background-image:url(../images/main/main_bn02.jpg);} .main_con6 .mySwiper .swiper-slide.bn03 { background-image:url(../images/main/main_bn03.jpg);} .swiper-pagination{ position:absolute; z-index:10; left:50% !important; bottom:-4em !important; transform:translateX(-50%) !important;} .swiper-pagination .swiper-pagination-bullet-active { background:#005cb2 !important;} .swiper-pagination .swiper-pagination-bullet{ width:3.75em; height:.25em; border-radius:0; background:#ccc; opacity:1;} /**/ #contents{} #contents .subtop_wrap .sub_visual{ height:20em; position:relative; overflow:hidden} #contents .subtop_wrap .sub_visual .bg{ position:absolute; left:0; top:0; width:100%; height:100%} #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; transform:translateY(2em); opacity:0; position:relative} #contents .sub_slogan .in{ width:100%; text-align:center} #contents .sub_slogan .t1{ font-size:2.8em; font-weight:700} #contents .sub_slogan .con_nav{ position:absolute; right:0; bottom:.5em; width:100%; justify-content:flex-end} #contents .sub_slogan .con_nav > li, #contents .sub_slogan .con_nav > li:before, #contents .sub_slogan .con_nav > li .home{ color:#fff !important} .load #contents .sub_slogan{ transform:translateY(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;overflow:hidden;} #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; position:relative; border-bottom:1px solid #ddd; margin-top:.5em} #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:#005cb2} #contents .sub_menu .gnb > li .dp2 > li.on{ z-index:1; box-shadow:0 0 1em .25em rgba(0,0,0,.3)} #contents .sub_menu .gnb > li .dp2 > li.on > a{ color:#005cb2; border-bottom:1px solid #fff; margin-top:.5em} #contents .sub_menu .gnb > li .dp2 > li.on > a:after{ background:#fff; width:100%; height:3px; top:-3px; left:0} #contents .con_page_top{ padding:1.75em 0 1.5em 0; border-bottom:1px solid #ebf0f4;} #contents .con_page_top .con_tit{ position:relative; padding-top:.75em;} #contents .con_page_top .con_tit:before{ content:""; display:block; position:absolute; top:0; left:.125em; width:1.5em; height:2px; background:#005cb2;} #contents .con_page_top .con_tit .tit{ font-size:1.875em; color:#222; font-weight:500;} #contents .con_nav{ padding-right:.25em;} #contents .con_nav > li{ color:#888;} #contents .con_nav > li:before{ content:"\e93e"; font-family:xeicon; display:inline-block; vertical-align:middle; padding:0 .5em; font-size:.750em; color:#999;} #contents .con_nav > li:first-child:before{ visibility:hidden;} #contents .con_nav > li:last-child{ color:#333; font-weight:500;} #contents .con_nav > li > *{ display:inline-block;} #contents .con_nav > li .home{ font-size:.813em; color:#555;} #contents .con_nav > li .tt{ font-size:.875em;} .dp1on .gnb .dp2{ display:none!important} .dp2on .gnb > li, .dp2on .gnb > li .dp1, .dp2on .gnb > li .dp3{ display:none!important} .dp2on .gnb > li.on{ display:block!important} .dp3on .gnb > li, .dp3on .gnb > li .dp1, .dp3on .gnb > li .dp2 > li, .dp3on .gnb > li .dp2 > li > a{ display:none!important} .dp3on .gnb > li.on, .dp3on .gnb > li .dp2 > li.on{ display:block!important} #contents .doc{ padding:4em 0 9em 0} #contents .doc.st1 {padding:0 0 9em 0;} #contents .doc.st2 {padding:4em 0 0 0;} .dp1_service.dp2_function .page_Sec2 {margin-top:2em !important; width:1215px;} /**/ .page_Sec1 {margin-top:1em !important;} .page_Sec2 {margin-top:2em !important;} .page_Sec3 {margin-top:3em !important;} .page_Sec4 {margin-top:4em !important;} .page_Sec5 {margin-top:5em !important;} .page_Sec6 {margin-top:6em !important;} .page_Sec7 {margin-top:7em !important;} .page_Sec8 {margin-top:8em !important;} .page_Sec9 {margin-top:9em !important;} /**/ .point_orange {color:#f37737 !important; vertical-align:baseline !important;} .point_blue {color:#005cb2 !important; vertical-align:baseline !important;} .point_wgM {font-family:'NotoSans' !important; font-weight:500!important; vertical-align:baseline !important;} .point_wgB {font-family:'NotoSans' !important; font-weight:700!important; vertical-align:baseline !important;} /**/ .page_memo{ padding:1em 1.5em; background:#f5f5f5; margin-top:3em; line-height:1.7; color:#333;} .page_memo:first-child{ margin-top:0} .page_memo > li{ margin-top:.5em; position:relative} .page_memo > li:first-child{ margin-top:0} .page_memo > li .tt{ margin:.25em 0 0 .5em} .page_memo > li.flex .tt{ flex:1 1 0%; min-width:0;} .page_memo .t1{ font-size:.938em; color:#666} .page_memo .t2{ font-size:1.063em} .page_memo .t3{ font-size:1.75em; color:#1d7d4d} .page_memo .icon.info:before{content:"\e9a7"; color:#1d7d4d} .memo_st{ border:1px solid #ddd; background:#f7f7f7; padding:1.5em; margin-bottom:2em} .memo_st .tt{ font-size:.875em; color:#666; margin-top:.5em; line-height:2em; position:relative; padding-left:2rem;} .memo_st .tt:before{ content:"\e9a6"; font-family:xeicon!important; font-size:1.75em; color:#aaa; position:absolute; left:0; top:0} .memo_st .tt:first-child{ margin-top:0} .memo_st .tt * { vertical-align:top} .memo_st .tt.t1{ font-size:.938em; color:#111} .memo_st .tt.t1:before{ color:#666;} .memo_st .btn{ background:#3db4b3; color:#fff; font-size:.875em; padding:.25em 1em; border-radius:.5em} .memo_st.st1{ border:none; background:none; padding:.75em 0; margin-bottom:0} .memo_st.st1 .tt{ font-size:.813rem} .memo_st.st2{ background:#fff; margin-bottom:0;} /**/ .page_memo2{ padding:1em 1.5em; background:#f5f5f5; line-height:1.7; } .page_memo2 > li{ margin-top:.3em; position:relative} .page_memo2 > li:first-child{ margin-top:0} .page_memo2 > li .tt{ margin:.25em 0 0 .5em} .page_memo2 > li .tt.st {font-size:1.7em; font-weight:700;} .page_memo2 > li .tt .col {vertical-align:baseline !important; color:#005cb2} .page_memo2 > li.flex .tt{ flex:1 1 0%; min-width:0;} .page_memo2 .t1{ font-size:.938em; color:#666} .page_memo2 .icon.info:before{content:"\e9a7"; color:#005cb2} .page_memo2.st {background:none; padding:0; margin-top:.5em;} .page_memo2.st > li .tt {color:#cc0001} .page_memo2.st .icon.info:before {color:#cc0001;} /**/ .page_basic_tit{ margin-bottom:1em; padding-left:1em;} .page_basic_tit > *[class^="t"] > *{ vertical-align:baseline;} .page_basic_tit > .t1{ position:relative; font-size:1.5em; color:#111; font-weight:500;} .page_basic_tit > .t1:before{ content:""; position:absolute; top:.15em; left:-.8em; width:.3em; height:1em; background:#005cb2; border-radius:.2em;} .page_basic_tit > .t2{ padding-top:.75em; font-size:.813em; color:#222; line-height:1.5;} .page_basic_tit > .t3{ display:inline-block; padding:.5em 1em; border:1px solid #d4d5d8; border-radius:.3em; font-size:.813em; color:#666;} .page_basic_tit > .t3 strong{ color:#222;} .page_basic_tit > .t4 {font-size:1em; color:#222;} .page_basic_tit .t1 .col1 {font-size:.7em !important; color:#555; font-weight:400;} /*MEMBER***************************/ .member_wrap{ margin-top:1em} .member_wrap .login_box{ width:490px; max-width:100%; margin:0 auto; border-radius:.5em; box-shadow:0 0 0.4em rgb(0 0 0 / 20%); padding:2.5em 1em;} .member_wrap .join_box { width:790px; max-width:100%; margin:0 auto;} .member_wrap .join_box2 { width:890px; max-width:100%; margin:0 auto;} .member_wrap .cert_box { width:580px; max-width:100%; margin:0 auto;} .member_wrap .member_tit .logo {margin-bottom:1em} .member_wrap .member_tit .logo img {width:6em;} .member_wrap .member_tit{ padding:1em 0 1em 0; text-align:center;} .member_wrap .member_tit .tit { margin-bottom:.3em; font-size:2.500em; color:#3c3c3d; font-weight:700; text-transform:uppercase;} .member_wrap .member_tit .tit2{ font-size:1.750em; color:#3c3c3d; font-weight:700; letter-spacing:-1px;} .member_wrap .member_tit .txt { color:#72727d; line-height:1.5em;} .member_wrap .member_tit .c1{ color:#3c3c3d;} .member_wrap .member_tab{ text-align:center; padding:0 1px 0 0;} .member_wrap .member_tab > li{ width:50%;} .member_wrap .member_tab > li .in{ position:relative; z-index:1; margin:0 -1px -1px 0; padding:1em .5em; background:#f0f0f0; border:1px solid #d4d5d8; font-size:1.125em; color:#72727d;} .member_wrap .member_tab > li.on .in{ z-index:2; background:#fff; border-bottom-color:transparent; color:#21489d;} .member_wrap .member_tab > li.on .in:before{ content:""; position:absolute; top:-1px; left:-1px; right:-1px; height:4px; background:#21489d;} .member_wrap .member_form{ padding:1.5em 2em 1.5em 2em; border:1px solid #d4d5d8;} .member_wrap .member_form.st1{ border:none;} .member_wrap .member_form.st2{ border-top-width:4px; border-top-color:#005cb2;} .member_wrap .member_form.st3{ padding:0; border-top-color:#313851;} .member_wrap .member_form.intro_st{padding:0; border:1px solid #ccc; border-top-width:4px; border-top-color:#005cb2;} .member_wrap .form > li:first-child{ margin-top:0;} .member_wrap .form .inp_wrap{ position:relative; margin-top:.4em;} .member_wrap .form .inp_wrap .xi{ position:absolute; z-index:2; top:0; left:0; width:4em; line-height:3.5em; text-align:center; font-size:1em; color:#3c3c3d;} .member_wrap .form .inp_wrap .xi:before{ font-size:1.750em;} .member_wrap .form .inp_wrap .inp{ box-sizing:border-box; width:100%; height:3.5em; padding:0 1em 0 4.5em; background:#fff; border:1px solid #ddd; border-radius:.3em;} .member_wrap .form .inp_wrap .inp_sel{ background:transparent;} .member_wrap .form .inp_wrap .inp:focus{ border-color:#21489d;} .member_wrap .form .btn_wrap{ margin-top:1.2em;} .member_wrap .form .btn_wrap .btn{ margin:.4em 0; font-size:1.125em;} .member_wrap .form .btn{ display:block; box-sizing:border-box; text-align:center; width:100%; padding:.8em 1em; border:1px solid #005cb2; border-radius:.3em;} .member_wrap .form .btn.c1{ background:#005cb2; color:#fff;} .member_wrap .form .btn.c2{ background:#ffffff; color:#005cb2;} .member_wrap .form .etc_wrap{ margin-top:1.5em;} .member_wrap .form .etc_wrap .find{ text-align:right;} .member_wrap .form .etc_wrap .find .link{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:.8em; padding-left:.8em; color:#666} .member_wrap .form .etc_wrap .find .link:before{ content:""; position:absolute; top:10%; left:0; width:1px; height:80%; background:#ccc;} .member_wrap .form .etc_wrap .find .link:first-child{ margin-left:0; padding-left:0;} .member_wrap .form .etc_wrap .find .link:first-child:before{ display:none;} .member_wrap .form .etc_wrap .find .link:hover{ text-decoration:underline;} .member_wrap .form .id_wrap{ padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; border-radius:.3em; text-align:center; font-size:1.125em;} .member_wrap .form .id_wrap strong{ vertical-align:baseline; color:#21489d; letter-spacing:0;} .member_wrap .form .pw_wrap{ padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; border-radius:.3em; text-align:center; font-size:.938em; color:#3c3c3d; line-height:1.8;} .member_wrap .form .cer_wrap > li{ width:33.33%; text-align:center;} .member_wrap .form .cer_wrap > li .inner{ margin:0 1px; padding:1em .6em; background:#ecf0f4;} .member_wrap .form .cer_wrap .icon .in{ display:inline-block; width:4em; height:4em; background:#fff; border-radius:100%;} .member_wrap .form .cer_wrap .icon .in img{ max-height:2.5em;} .member_wrap .form .cer_wrap .txt{ margin-top:1em; height:3em;} .member_wrap .form .cer_wrap .btn{ padding:.4em .4em;} .member_wrap .terms_wrap .all_check{ padding:1em 0; border-bottom:1px dashed #bbb; font-size:1.063em;} .member_wrap .terms_wrap > li{ padding-top:1.5em;} .member_wrap .terms_wrap > li:first-child{ padding-top:0;} .member_wrap .terms_wrap .tit{ margin-bottom:.6em; font-size:1.250em; color:#3c3c3d; font-weight:500} .member_wrap .terms_wrap .tit *{ vertical-align:baseline;} .member_wrap .terms_wrap .c1{ color:#d82744;} .member_wrap .type_wrap{} .member_wrap .type_wrap > li{ width:33.33%;} .member_wrap .type_wrap > li .inner{ border-left:1px solid #ddd; padding:0 2em; text-align:center; padding:3em;} .member_wrap .type_wrap > li:first-child .inner{ border-left:none;} .member_wrap .type_wrap .icon{ height:8em;} .member_wrap .type_wrap .icon .xi {font-size:3em; width:2em; line-height:2em; text-align:center; border-radius:50%; color:#333; background:#f2f5f6;} .member_wrap .type_wrap .txt{ margin-top:1em; min-height:5em;} .member_wrap .type_wrap .txt .t1{ font-size:1.75em; color:#222;} .member_wrap .type_wrap .txt .t2{ font-size:1.063em; color:#69696b; padding-top:.4em;} .member_wrap .type_wrap .btn{ display:inline-block; *display:inline; zoom:1; margin-top:1em; padding:.8em 4em; background:#005cb2; border:1px solid #005cb2; border-radius:5px; color:#fff; transition:.2s;} .member_wrap .type_wrap .btn:hover{ background:#282828; color:#fff; border:1px solid #282828;} .member_wrap .type_wrap > li:hover .inner {background:#f2f5f6; transition:.3s;} .member_wrap .type_wrap > li:hover .icon .xi {background:#fff; color:#920784; transition:.3s;} .join_select{ margin:-2em 0 4em -1.5em} .join_select > li{ flex:1 1 1%} .join_select > li > a{ display:block; margin:2em 0 0 1.5em; height:100%; box-sizing:border-box; padding:3em 1em; text-align:center; border:3px solid #eee; transition:.3s} .join_select > li > a .icon{ display:block; width:5em; line-height:5em; background:#f5f5f5; margin:0 auto; border-radius:50%; color:#999; transition:.3s} .join_select > li > a .icon:before{ font-size:2em} .join_select > li > a .t1{ display:block; font-weight:500; font-size:1.5em; margin:1em 0 0 0} .join_select > li > a .t2{ display:block; color:#666; margin:1em 0; font-size:.938em} .join_select > li > a .more{ display:inline-block; background:#666; color:#fff; margin:0 auto; padding:.6em 2em; transition:.3s; border-radius:3px;} .join_select > li > a:hover{ border-color:#005cb2; box-shadow:0 0 1em .125em rgba(0,0,0,.2)} .join_select > li > a:hover .icon{ color:#005cb2} .join_select > li > a:hover .more{ background:#005cb2; color:#fff} .member_btn_wrap{ margin:1.5em 0 0 -.4em; text-align:center;} .member_btn_wrap > li{ width:50%;} .member_btn_wrap .in{ margin-left:.4em;} .member_btn_wrap .input_st{ width:100%; min-width:40% !important;} .member_btn_wrap.modifySt {width:100%; margin:3em auto; max-width:40%;} .member_agree .agree{ padding:3em; border:solid #ddd; border-width:2px 1px 1px 1px; border-top-color:#333; font-size:.938em; color:#777; line-height:1.5em;} .member_agree .agree.H{ padding:1em 1.5em; border-top-width:1px; height:10em; overflow-y:scroll;} .member_agree .agree p{ padding:.5em 0;} .member_agree .agree *{ vertical-align:baseline;} .member_agree .agree strong{ color:#333;} .member_agree .check{ padding:1em 2em; border:solid #ddd; border-width:0 1px 1px 1px; border-radius:0 0 .6em .6em; text-align:right;} .join_table{ border-top:1px solid #333; font-size:.938em;} .join_table th, .join_table td{ height:2.25em; padding:.75em 1.5em; border-bottom:1px solid #e8e8e8; text-align:left;} .join_table th{ color:#3c3c3d; padding-right:.8em; background:#f8f8f8;} .join_table td{ color:#72727d;} .join_table .checkShow td{ padding-left:0; padding-right:0;} .join_in_box{ padding:.4em .8em; border:1px solid #ddd; background:#f7f7f7;} .join_in_box:first-child{ margin-top:0 !important;} .join_in_box > li{ margin-top:.8em; padding-top:.6em; border-top:1px dashed #ccc;} .join_in_box > li:first-child{ margin-top:0; padding-top:0; border-top:none;} .join_in_box .tit{ position:relative; margin:.4em 0 .4em 0; padding-left:.8em; color:#0d2d4f;} .join_in_box .tit:before{ content:""; position:absolute; top:.45em; left:0; width:.35em; height:.35em; background:#0d2d4f; border-radius:100%;} .join_finish{ padding:1em 0; text-align:center;} .join_finish .tit{ margin-bottom:.6em; font-size:1.375em; color:#3c3c3d; font-weight:500; letter-spacing:-1.5px;} .join_finish .txt{ color:#72727d; line-height:1.5em;} .join_finish .txt strong{ color:#21489d; vertical-align:baseline;} .join_finish .join_table{ width:90%; margin:2em auto 0 auto;} .myapge_people .img {width:10em;} .myapge_people .resize {border-radius:50%;} .myapge_people .img .userSt {box-shadow:0 0.25em 0.25em rgba(0,0,0,.1);} .myapge_people .inpFile{ width:0; height:0; overflow:hidden; opacity:0; z-index:-1; position:relative} .myapge_people .photoBtn{ background:#f5f5f5; color:#ccc; cursor:pointer; box-sizing:border-box; border:1px solid #ddd; border-radius:.25em; transition:.3s} .myapge_people .photoBtn .xi{ font-size:1.5em} .myapge_people .photoBtn .xi:before{content: '\ea4b';} .myapge_people .photoBtn .tt{ width:100%; text-align:center; margin-top:1em} .myapge_people .photoBtn:hover{ border-style:dashed; border-color:#666} .myapge_people .photoView{z-index:-1; opacity:0} .myapge_people .photoView.on{ z-index:1; box-shadow:0 0 .25em rgba(0,0,0,.3); background-color:#fff; border:1px solid #ddd; border-radius:.25em; opacity:1} /*인사말*/ .page_ceoW {} .page_ceoWrap{} .page_ceoWrap.bg {background:#f6f7fb; margin-top:5em;} .page_ceoWrap .left{ float:left; width:55%;} .page_ceoWrap .right{ float:right; width:45%;} .page_ceoWrap .right .inner{ margin-left:40px;} .page_ceoWrap .right .inner img{box-shadow :10px 10px 15px rgba(0,0,0, 0.12);} .page_ceoWrap .left .inner {margin-left:4em;} .page_ceoWrap .left .inner img {box-shadow :10px 10px 15px rgba(0,0,0, 0.12)} .page_ceoWrap .page_ceoB{ padding:5em 0;} .page_ceoWrap .page_ceoB .txt_wrap .inner{} .page_ceoWrap .page_ceoT .txt_wrap .inner{margin-left:0;} .page_ceoWrap .page_ceoT .img_wrap .inner {} .page_ceoWrap .txt_wrap .tit{letter-spacing:-2px; font-size:1.6em; line-height:1.3; color:#0065a4; margin-bottom:1em;} .page_ceoWrap .txt_wrap .txt{ color:#383838; padding:.7em 0; font-size:1em; letter-spacing:.1px; line-height:1.6 } .page_ceoWrap .txt_wrap .txt.hi {font-size:1.4em; font-weight:700;} .page_ceoWrap .txt_wrap .txt.st1 {font-size:1.125em; font-weight:500;} .page_ceoWrap .txt_wrap .txt.sign {text-align:right; padding-top:4.8em; font-size:.938em; padding-right:4em;} .page_ceoWrap .txt_wrap .txt .name {vertical-align:baseline; font-size:1.438em; padding-left:.5em;} .page_ceoWrap .txt_wrap .txt .name.st {padding-left:0; letter-spacing:inherit;} /*오시는길*/ .location_wrap .tit_wrap {text-align:center; margin:0 0 30px 0; } .location_wrap .tit_wrap .tit {padding-bottom:10px; } .location_wrap .tit_wrap .tit > * {vertical-align:baseline !important;} .location_wrap .tit_wrap .tit .in_t {font-size:2em; color:#005cb2; font-family:'Ubuntu'; font-weight:500; } .location_wrap .tit_wrap .tit strong {color:#222; font-weight:500; font-size:2em;} .location_wrap .tit_wrap .txt2 {font-size:1.250em; color:#555;} .location_wrap .tit_wrap .map_info_ul2.tel_info {padding-top:20px;} .location_wrap .tit_wrap .map_info_ul2.tel_info > li {font-size:1.313em; color:#666; font-family:'Ubuntu'; font-weight:500; } .location_wrap .tit_wrap .map_info_ul2.tel_info > li.in {margin:0 20px;} .location_wrap .tit_wrap .map_info_ul2.tel_info > li.in .xi {color:#fff; background:#005cb2; width:25px; height:25px; line-height:25px; text-align:center; border-radius:100%; margin-right:6px; font-size:.938em;} .map_tit{ margin-top:3em} .map_tit .ti1{ font-size:1.5em; line-height:1.4; margin-bottom:.75em;} .map_tit .ti1:before{ content:""; width:1.75em; height:3px; background:#005cb2; display:block; margin-bottom:.5em} .map_view{ border-top:3px solid #ddd; box-shadow:0 .25em .5em rgba(0,0,0,.2); transition:.3s; padding:1em; border-radius:0 0 .4em .4em} .map_view:hover{ border-color:#0b4790 } .map_info1 {overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; box-sizing:border-box;} .map_info1 .t1 {margin-right:2em;} .map_info1 .t1 .tt { color:#666; display:inline-block;font-size:.938em;} .map_info1 .t1 .xi { font-size:1em; color:#fff; margin-right:5px; border-radius:50%; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; background:#005cb2} /**/ .agree_box{ border:1px solid #ddd; box-shadow:1px 1px 1em rgba(0,0,0,.2); padding:2em} .agree_box .tit{ font-size:1.188em; font-weight:500; color:#111; margin-bottom:1em; margin-top:2em} .agree_box .tit:first-child{ margin-top:0} .agree_box .con{ font-size:.875em; color:#666; line-height:1.6} .agree_box .con.hSt {overflow-y:scroll; height:10em;} .agree_box .con > *{padding-top:.5em;} .agree_box .check{ border-top:1px solid #ddd; margin-top:1.5em; padding-top:1em} label_st.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_introduce_tW {text-align:center} .page_introduce_tW .tit_wrap {text-align:center; margin-bottom:2.5em; position:relative; display:inline-block} .page_introduce_tW .tit_wrap > * {vertical-align:baseline;} .page_introduce_tW .tit_wrap .t1 {font-weight:700; font-size:2.4em; letter-spacing:-1px; margin-top:-8px;} .page_introduce_tW .tit_wrap .img {vertical-align:text-bottom} .page_introduce_tW .tit_wrap:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:.8em; background:#00a6c4; opacity:.1;} /**/ .page_bg_wrap1 {background:#fafafa; padding:4em 0;} .page_bg_wrap2 {background:#fff; padding:2em 0;} .page_bg_wrap1.mgSt {margin:0 3em; padding:5em 0; background:#f6f7fb} .page_bg_wrap1.st1 {padding:6em 0 15em 0;} /**/ .downAni{ animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite} @keyframes downAni{ 40% { transform:translateY(0)} 60% { transform:translateY(1em)} 80% { transform:translateY(0)} } /**/ .liSt1 {text-align:center; margin:0 0 0 -2em;} .liSt1 > li .inner{background:#fff; padding:1.5em 2em; margin:0 0 0 2em; border-radius:10px; box-sizing:border-box; box-shadow:0 0.25em 0.5em rgba(0,0,0,.1); text-align:left; position:relative; height:16em;} .liSt1 > li .inner .txt {} .liSt1 > li .inner .txt .step {background:#f37737; color:#fff; display:inline-block; position:relative ; box-shadow:1px 3px 1px lightgrey; border-radius:6em; padding:.4em 1.5em; font-family:'Ubuntu'; font-size:.938em;} .liSt1 > li .inner .txt .step:after {position:absolute; content:"\e936"; font-family:xeicon; font-size:3em; color:#f37737; left:50%; bottom:-35px; transform:translateX(-50%)} .liSt1 > li .inner .txt .step2 {background:#f37737; color:#fff; display:inline-block; position:relative ; box-shadow:1px 3px 1px lightgrey; padding:.4em 1.5em; font-family:'Ubuntu'; font-size:.938em;} .liSt1 > li .inner .txt .step2:after {position:absolute; content:"\e936"; font-family:xeicon; font-size:3em; color:#f37737; left:50%; bottom:-35px; transform:translateX(-50%)} .liSt1 > li .inner .txt .t1 {padding:1.25em 0 .5em 0; font-size:1.2em; color:#444; line-height:1.55; letter-spacing:-1px;} .liSt1 > li .inner .txt .t1 .col_Red {font-weight:700; vertical-align:baseline; color:#cc0001; } .liSt1 > li .inner .txt .t1 .col_Blue {font-weight:700; vertical-align:baseline; color:#005cb2;} .liSt1 > li .inner .txt .icon2 {position:absolute; bottom:0; right:0; font-size:3em; opacity:.1;} .liSt1 > li .inner .txt .arrow{ position:absolute; width:2em; line-height:2em; right:-35px; text-align:center; bottom:50%; margin-bottom:-1.5em; color:#ddd; font-size:1em} .liSt1 > li .inner .txt .arrow:before{ content:"\ea3e"; font-size:1.5em;} .liSt1 > li:last-child .inner .txt .arrow:before {display:none} .liSt2{margin-bottom:4em; margin-top:2em;} .liSt2 > li{ width:25%;} .liSt2 > li .in{ border:1px solid #ddd; margin-right:15px; height:100%} .liSt2 > li .in .imgW{ } .liSt2 > li .in .txtW{ padding:1.2em 1.3em;} .liSt2 > li .in .txtW .tt{ font-size:1em; color:#222; font-weight:400; line-height:1.5;} .liSt2 > li .in .txtW .tt .col {font-weight:700; vertical-align:baseline; color:#cc0001;} .dp2_introduce .liSt2{margin-bottom:4em; margin-top:2em;} .dp2_introduce .liSt2 > li{ width:33.33%; background:#fff;} .dp2_introduce .liSt2 > li .in{ border:1px solid #ddd; margin-right:15px; height:100%} .dp2_introduce .liSt2 > li:last-child .in{margin-right:0;} .dp2_introduce .liSt2 > li .in .imgW{ } .dp2_introduce .liSt2 > li .in .txtW{ padding:1.2em 1.3em;} .dp2_introduce .liSt2 > li .in .txtW .tt{ font-size:1em; color:#222; font-weight:400; line-height:1.5;} .dp2_introduce .liSt2 > li .in .txtW .tt .col {font-weight:700; vertical-align:baseline; color:#cc0001;} .page_function_tw {margin-bottom:3em;} .page_function_tw .tw {} .page_function_tw .tw .t1 {font-family:'Ubuntu'; font-weight:500; font-size:1.7em; color:#005cb2; display:block; padding-bottom:.2em;} .page_function_tw .tw .t2 {font-size:2.3em; color:#222; font-weight:700;} .liSt3{ margin-right:-15px; margin-top:2em;} .liSt3 > li{ width:33.33%; max-width:405px; margin:0 auto;} .liSt3 > li .in{ border:1px solid #eee; margin-right:15px; height:100%; text-align:center; border-radius:1em; overflow:hidden; background: #f6f7fb;} .liSt3 > li .in .topw{padding:2.5em 1.5em; background:#fff} .liSt3 > li .in .topw .icon {display:block;} .liSt3 > li .in .topw .t1 {font-size:1.313em; font-weight:500; color:#595757; padding-top:1em;} .liSt3 > li .in .topw .t1 .col {font-weight:700; vertical-align:baseline; color:#cc0001;} .liSt3 > li .in .topw .t1 .col_Blue {font-weight:700; vertical-align:baseline; color:#005cb2;} .liSt3 > li .in .botw{ padding:2.5em 1.5em; border-top:1px solid #eee; background:#f6f7fb; position:relative} .liSt3 > li .in .botw:before{content: ''; position: absolute; top: 0; left: 50%; width: 20px; height: 5px; transform: translate(-50%, -50%); background: #005cb2;} .liSt3 > li .in .botw .t2 {line-height:1.5; font-size:1.063em; color:#666;} .liSt3 > li .in .botw .t2 .col {font-weight:700; vertical-align:baseline; color:#cc0001;} .liSt3 > li .in .botw .t2 .unl {vertical-align:baseline; text-decoration: underline;} .liSt4{ margin-right:-15px; margin-top:2em;} .liSt4 > li{ width:50%; max-width:405px; margin:0 auto;} .liSt4 > li .in{ border:1px solid #eee; margin-right:15px; height:100%; text-align:center; border-radius:1em; overflow:hidden; background: #f6f7fb;} .liSt4 > li .in .topw{padding:2.5em 1.5em; background:#fff} .liSt4 > li .in .topw .icon {display:block;} .liSt4 > li .in .topw .t1 {font-size:1.313em; font-weight:500; color:#595757; padding-top:1em;} .liSt4 > li .in .botw{ padding:2.5em 1.5em; border-top:1px solid #eee; background:#f6f7fb; position:relative} .liSt4 > li .in .botw:before{content: ''; position: absolute; top: 0; left: 50%; width: 20px; height: 5px; transform: translate(-50%, -50%); background: #005cb2;} .liSt4 > li .in .botw .t2 {line-height:1.5; font-size:1.063em; color:#666;} .liSt4 > li .in .botw .t2 .col {font-weight:700; vertical-align:baseline; color:#cc0001;} .liSt4 > li .in .botw .t2 .unl {vertical-align:baseline; text-decoration: underline;} .liSt5{ margin-right:-15px; margin-top:2em;} .liSt5 > li{ width:100%; max-width:405px; margin:0 auto;} .liSt5 > li .in{ border:1px solid #eee; margin-right:15px; height:100%; text-align:center; border-radius:1em; overflow:hidden; background: #f6f7fb;} .liSt5 > li .in .topw{padding:2.5em 1.5em; background:#fff} .liSt5 > li .in .topw .icon {display:block;} .liSt5 > li .in .topw .t1 {font-size:1.313em; font-weight:500; color:#595757; padding-top:1em;} .liSt5 > li .in .botw{ padding:2.5em 1.5em; border-top:1px solid #eee; background:#f6f7fb; position:relative} .liSt5 > li .in .botw:before{content: ''; position: absolute; top: 0; left: 50%; width: 20px; height: 5px; transform: translate(-50%, -50%); background: #005cb2;} .liSt5 > li .in .botw .t2 {line-height:1.5; font-size:1.063em; color:#666;} .liSt5 > li .in .botw .t2 .col {font-weight:700; vertical-align:baseline; color:#cc0001;} .liSt5 > li .in .botw .t2 .unl {vertical-align:baseline; text-decoration: underline;} /**/ .employment_li{ margin:0 0 0 -3em;} .employment_li > li{ flex:1 1 1%} .employment_li .in{ box-sizing:border-box; margin:0 0 0 3em; height:16em;} .employment_li .in .tbox{ border:1px solid #ddd; padding:2em .5em; text-align:center; height:100%; box-sizing:border-box; position:relative} .employment_li .in .tbox.st1{ border-width:3px; background:#fff; text-align:left; padding:2em} .employment_li .in .tbox .icon{ position:absolute; right:.125em; top:0; font-size:5em; opacity:.1; line-height:1.2} .employment_li .in{ position:relative;} .employment_li .in:before, .employment_li .in:after{content:""; position:absolute; width:1em; height:1em; border:3px solid #005cb2; z-index:99;} .employment_li .in:before{left:0; top:0; border-right:none; border-bottom:none;} .employment_li .in:after{ right:0; bottom:0; border-left:none; border-top:none} .employment_li .in .tbox .page_sec {margin:1em 0;} .employment_li .in .tbox .page_tt{ font-size:.938em; color:#666; line-height:1.8; } .employment_li .in .tbox .page_tt i{ vertical-align:top} .employment_li .in .tbox .page_tt:first-child{ margin-top:0} .employment_li .in .tbox .page_tt.ti {font-size:1.5em; font-weight:700; color:#222;} .employment_li .in .tbox .page_tt.st1{ font-size:2em; font-weight:700} .employment_li .in .tbox .page_tt.st2{ font-size:1.375em; font-weight:700} .employment_li .in .tbox .page_tt.st3{ font-size:1.063em; font-weight:500} .employment_li .in .tbox .page_tt.st4{ font-size:1em;color:#555} .employment_li .in .tbox .page_tt.st5{ font-size:.938em; color:#555} .employment_title {font-weight:700; font-size:1.7em;} .employment_info_st{ margin-top:1em; } .employment_info_st > dt{ width:5em; margin-right:1em} .employment_info_st > dd{ width:calc(100% - 7em); padding-top:.125em} .employment_info_st.auto > dt, .employment_info_st.auto > dd{ width:auto !important} .employment_info_st.s1 > dt{ width:11em} .employment_info_st.s1 > dd{ width:calc(100% - 12em)} .employment_info_st .page_tt{ line-height:1.5} .employment_info_st .page_tt{ font-size:.938em; color:#666; line-height:1.8; } .employment_info_st .page_tt i{ vertical-align:top} .employment_info_st .page_tt:first-child{ margin-top:0} .employment_info_st .page_tt.ti {font-size:1.5em; font-weight:700; color:#222;} .employment_info_st .page_tt.st1{ font-size:2em; font-weight:700} .employment_info_st .page_tt.st2{ font-size:1.375em; font-weight:700} .employment_info_st .page_tt.st3{ font-size:1.063em; font-family: 'Ubuntu'; position:relative; padding-left:1em;} .employment_info_st .page_tt.st3:before {position:absolute; content:""; width:3px; height:3px; border-radius:100%; left:3px; top:15px; background:#666} .employment_info_st .page_tt.st4{ font-size:1em;color:#555} .employment_info_st .page_tt.st5{ font-size:1em; color:#111} .step_cons{ margin-top:3em;} .step_cons > li {width:25%; box-sizing:border-box; padding:0 1em;} .step_cons > li .in{border:3px solid #c7c3c3; background:#fff; width:11em; height:11em; border-radius:50%; margin:0 auto; position:relative;} .step_cons > li .in:after{ content:''; width:70px; height:1px; border-bottom:5px dotted #aaa; position:absolute; top:50%; right:-6em;} .step_cons > li:last-child .in:after{ display:none;} .step_cons > li .nm{ font-family: 'Ubuntu'; color:#e35b00; opacity:.85; margin-bottom:5px} .step_cons > li .tt{ font-size:1.25em; font-weight:500; color:#333; font-weight:500;} .step_cons > li .tw{color:#333; text-align:center; padding:0 20px; margin-top:15px;} .page_certi_tw {text-align:center; margin-bottom:5em} .page_certi_tw .tt {color:#333; font-size:1.8em; line-height:1.4; font-weight:400;} .page_certi_tw .tt > strong {color:#005cb2; font-weight:700; font-size:1.313em;} .page_certi_tw .line {text-align:center; width:40px; height:2px; background:#999; margin:1.5em auto 1.5em auto;} .sec5_con .in{ position:relative; margin-top:9em} .sec5_con.st1 .in{margin-top:3em} .sec5_con > li:first-child .in {margin-top:0;} .sec5_con .img_wrap{ width:50%} .sec5_con .img_wrap .resize{ padding-bottom:50%; background-position:center center; background-repeat:no-repeat; background-size:cover} .sec5_con .con_wrap{ position:absolute; right:0; top:0; width:50%; text-align:left} .sec5_con .con_wrap .va{ vertical-align:bottom; padding:3em 2em 3em 2em} .sec5_con .con_wrap .num { font-family: 'Ubuntu'; font-size:1.5em; opacity:.2; font-weight:700; } .sec5_con .con_wrap .ti{ font-size:2em; margin-left:-4px; font-weight:700; color:#005cb2} .sec5_con .con_wrap .sec{ content:""; display:inline-block; width:6em; height:1px; background:#333; margin:1em -2em} .sec5_con > li:nth-child(2n) .img_wrap{ margin-left:50%} .sec5_con > li:nth-child(2n) .con_wrap{ left:0; text-align:right} .sec5_con .con_wrap .t_list {} .sec5_con .con_wrap .t_list .tx {line-height:1.7; color:#666; font-size:1.063em;} .sec5_con .con_wrap .t_list .tx .point{ font-weight:500; color:#F37737} .page_Btn {text-align:center; margin-top:8em;} .page_Btn .bTn{ width:100%; max-width:300px; border:.25em solid #ddd; padding:1em; border-radius:.5em; font-weight:700; font-size:1.175em; position:relative; overflow:hidden; background:#fff; color:#f7931e; transition:.3s;} .page_Btn .bTn .bg{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transform:scaleX(0); transition:.3s} .page_Btn .bTn .tt{ position:relative; vertical-align:baseline !important;} .page_Btn .bTn .xi {vertical-align:baseline !important; position:relative; top:4px;} .page_Btn .bTn:hover{ color:#fff; background:#f7931e; border-color:transparent} .page_Btn .bTn:hover .bg{ opacity:1; transform:scaleX(1)} .page_Btn .bTn.st1 {background:#005cb2; color:#fff; max-width:300px; border:none;} .page_Btn .bTn:hover .xi {transition:.3s; padding-left:5px;} /**/ .company_t {padding:4.5em 0; position:relative; z-index:1; background:#f9f9f9; text-align:center;} .company_t .tit {color:#111; font-size:1.6em; text-align:center; font-weight:700; position:relative; padding:10px 200px; margin:.8em 0 3em 0;} .company_t .tit:before{ content:""; width:35px; height:27px; position:absolute; left:50%; top:-38px; margin-left:-17px; background:url(../images/inc/ceo_l.png) no-repeat left top; background-size:70%;} .company_t .tit:after{ content:""; width:35px; height:27px; position:absolute; left:50%; bottom:-40px; margin-left:-13px; background:url(../images/inc/ceo_r.png) no-repeat left top; background-size:70%;} .company_t .line {width:30px; height:2px; margin:2em auto; background:#111;} .company_t.ci_st {padding:3.5em 0;} .company_t.ci_st .titt {font-size:2em; color:#333; letter-spacing:-.5px; margin-bottom:1.5em; padding-bottom:.2em; position:relative; display:inline-block;} .company_t.ci_st .titt:before {content:""; position:absolute; left:0; bottom:5px; width:100%; height:.5em; background:#108ad3; opacity:.121;} .company_t.ci_st .tit {font-size:1.313em; font-weight:500; color:#3C3C3D; line-height:1.4;} .slogan_w{ padding:0 1px 1px 0; width:90%; margin:0 auto;} .slogan_w > li{ width:25%} .slogan_w > li .in{ padding:2em 5em 2em 1.5em; margin:0 -1px -1px 0; background:#fff; border:1px solid #e1e1e1; position:relative; overflow:hidden; text-align:left; background:linear-gradient(55deg, #d6e9f5, #fcf0f2, #f1f3f8, #eff8f3, #fdf1e7); background-size: 800% 800%; -webkit-animation: AnimationName 5s ease infinite; -moz-animation: AnimationName 5s ease infinite; -o-animation: AnimationName 5s ease infinite; animation: AnimationName 5s ease infinite; } @-webkit-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-o-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } .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: #a24dff} .slogan_w > li:nth-child(2) .in .no{ color: #ff043e} .slogan_w > li:nth-child(3) .in .no{ color: #0043ff} .slogan_w > li:nth-child(4) .in .no{ color: #b400ff} .slogan_w > li .in .ti{ font-size:1.6em; letter-spacing:-.2px; color:#000; margin:.75em 0 .3em 0;} .slogan_w > li .in .tt{ font-size:1.250em; color:#666; line-height:1.3em; height:4.9em; overflow:hidden} .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.5em} .slogan_w > li:nth-child(1) .in .xi{ color: #a24dff} .slogan_w > li:nth-child(2) .in .xi{ color: #ff043e} .slogan_w > li:nth-child(3) .in .xi{ color: #0043ff} .slogan_w > li:nth-child(4) .in .xi{ color: #b400ff} .slogan_w > li:nth-child(1):hover .in .ti {color:#a24dff; transition:.3s; opacity:.7} .slogan_w > li:nth-child(2):hover .in .ti {color:#ff043e; transition:.3s; opacity:.7} .slogan_w > li:nth-child(3):hover .in .ti {color:#0043ff; transition:.3s; opacity:.7} .slogan_w > li:nth-child(4):hover .in .ti {color:#b400ff; transition:.3s; opacity:.7} /**/ .company_con{ flex:1; text-align:center; margin-top:4em;} .company_con > li{ position:relative; display:inline-block; vertical-align:middle;} .company_con > li.st1{ z-index:1; width:13em;} .company_con > li.st2{ z-index:2;} .company_con > li.st1:before{ content:""; position:absolute; top:0; bottom:0; left:-2.5em; right:-2.5em; border:.4em solid #fff; border-radius:10em; opacity:.6;} .company_con > li.c1:before { background:#4e84d6;} .company_con > li.c2:before { background:#44afd3;} .company_con > li .tt{ display:block; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.2);} .company_con > li.st1 .tt{ font-size:1.313em; margin-top:.4em;} .company_con > li.st2 .tt{ font-size:2.000em; font-weight:700;} .company_con > li .xi{ width:1.6em; line-height:1.6em; background:#fff; border-radius:100%; font-size:1.500em; color:#108ad3;} /**/ .ci_col_Wrap{ margin:0 0 0 -2em} .ci_col_Wrap > li{ width:50%} .ci_col_Wrap .wrap_in{ margin:0 0 0 2em; border:1px solid #ddd} .ci_col_Wrap .wrap_in .img_wrap{ width:40%; box-shadow:5px 7px 13px rgba(0,0,0,.2)} .ci_col_Wrap .wrap_in .img_wrap.bg1 {background:#1679be} .ci_col_Wrap .wrap_in .img_wrap.bg2 {background:#f37737} .ci_col_Wrap .wrap_in .info_wrap{ width:60%; position:relative} .ci_col_Wrap .wrap_in .info_wrap:before{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#ddd} .ci_col_Wrap .wrap_in .info_wrap .info{ padding:3em 1.5em; text-align:left; width:100%; box-sizing:border-box;} .ci_col_Wrap .wrap_in .info_wrap .info > p .tx {width:120px; color:#222; display:inline-block; vertical-align:bottom;} .ci_col_Wrap .wrap_in .info_wrap .info .t1{ color:#1679be; font-size:1.8em; letter-spacing:-2px; font-weight:700; padding-left:.1em; padding-bottom:.8em;} .ci_col_Wrap .wrap_in .info_wrap .info .t2{ color:#555; margin:.125em 0 .375em 0; font-size:.938em; padding-left:.2em;} .ci_col_Wrap .wrap_in .info_wrap .info .t3{ color:#555; font-size:.938em; padding-left:.2em;} .ci_col_Wrap .wrap_in .info_wrap .info .t4{ color:#555; margin-top:.125em; font-size:.938em; padding-left:.2em;} .ci_txt_Wrap{margin-top:3em;} .ci_txt_Wrap .con{flex:1} .ci_txt_Wrap .con .in {margin:0 3em;} .ci_txt_Wrap .con .big_tit{font-size:4em; position:relative; color:#e4e4e4; line-height:.6; font-weight:700} .ci_txt_Wrap .con .big_tit .tit{position:absolute; top:20px; left:0; color:#000; font-size:.750em} .ci_txt_Wrap .con .list {margin-top:3em} .ci_txt_Wrap .con .list .tx{ font-size:1em; line-height:1.5; padding-right:1em; color:#444} .page_txt_Wrap {display:block; text-align:center; position:relative; margin-bottom:4em;} .page_txt_Wrap:before {position:absolute; font-family: 'Ubuntu'; left:50%; bottom:-20px; display:inline-block; width:860px; margin-left:-430px; font-size:2.5em; letter-spacing:-1px; font-weight:600;} .page_txt_Wrap .tt {text-align:center; letter-spacing:-1px; position:relative; display:inline-block; font-size:2.5em; font-weight:700;} .page_txt_Wrap.st4:before {content:"BI MEANING"; opacity:.9; color:#d8eff1;} .page_txt_Wrap.st5:before {content:"LOGO TYPE"; opacity:.9; color:#d8eff1;} .page_txt_Wrap.st6:before {content:"LOGO COLOR"; opacity:.9; color:#d8eff1;} .sec2_con {} .sec2_con .list {} .sec2_con .list > li {flex:1} .sec2_con .list > li .in {border:1px solid #ddd; text-align:center} .sec2_con .list > li .in img {width:20em;} .page_tab .tab, .page_tab .tab > li, .page_tab .tab > li > a{ } .page_tab {text-align:center;} .page_tab .tab{margin-bottom:5em;} .page_tab .tab > li {width:25%;} .page_tab .tab > li > a{padding:1.3em 1em; border:1px solid #ddd; margin:.5em 0 0 .5em; color:#666; transition:.3s; display:block; font-size:1.3em; font-weight: 600;} .page_tab .tab > li > a > .tt { letter-spacing:.1px;} .page_tab .tab > li > a > *{ display:inline-block; *display:inline; zoom:1;} .page_tab .tab > li .icon{ margin-left:.5em; color:#00a67e;} .page_tab .tab > li .icon:before{ content:"\e937";} .page_tab .tab > li:hover > a, .page_tab .tab > li.on > a{box-shadow:0 0 1em 0.125em rgba(0,0,0,.1); color:#005cb2; border-color:#005cb2;} .page_tab .tab > li:hover .icon, .page_tab .tab > li.on .icon{ color:#fff;} .page_tab.performance_st .tab {margin:-.5em 0 0 -.5em; margin-bottom:2em;} .page_tab.performance_st .tab > li {width:10%;} .page_tab.performance_st .tab > li > a {padding:1em;} .page_tab .tab.sEC1 > li {width:100%;} .page_tab .tab.sEC4 > li {width:16.66%;} .page_tab .tab.sEC7 > li {width:33.333%;} .page_top_tit {text-align:center; margin-bottom:1.5em;} .page_top_tit > * {vertical-align:baseline; font-size:2.3em} .page_top_tit .t1 {color:#444; } .page_top_tit .t2 {font-weight:700; color:#222;} .list_Con1 {margin-top:3em;} .list_Con1 .list {border:1px solid #eee; border-top:none;} .list_Con1 .list > li {flex:50%; box-sizing:border-box} .list_Con1 .list > li .inner {padding:2.5em; border:1px solid #eee; border-left:none; border-bottom:none; background:#fff; height:14em;} .list_Con1 .list > li .inner .icon {width:8em; text-align:center} .list_Con1 .list > li .inner .txt {flex:1; min-width:0;} .list_Con1 .list > li .inner .txt .in {margin-left:7%} .list_Con1 .list > li .inner .txt .t1 {font-weight:500; font-size:1.2em; padding-bottom:1em; letter-spacing:-1px; vertical-align:baseline; color:#444;} .list_Con1 .list > li .inner .txt .t1 .pointc {color:#cc0001; vertical-align:baseline; font-weight:700;} .list_Con1 .list > li .inner .txt .t2 {font-size:1em; color:#555; line-height:1.4;} .list_Con1 .list > li .inner .txt .t2.st {padding-bottom:1.063em;} .list_Con1 .list > li .inner .txt .t2 .arrow {vertical-align:baseline; font-size:.875em;} .list_Con1 .list > li:hover .inner {border-color:#005cb2; box-shadow:0 0 .5em .125em rgba(0,0,0,.1); border-right:1px solid #005cb2; border:1px solid #005cb2} .list_Con1.st .list > li .inner {height:11em;} .list_Con1.st .list > li .inner .txt .t1 {line-height:1.4; padding-bottom:0;} .list_Con2 {margin-top:3em;} .list_Con2 .list {border:1px solid #eee; border-top:none;} .list_Con2 .list > li {flex:50%; box-sizing:border-box} .list_Con2 .list > li .inner {padding:2.5em; border:1px solid #eee; border-left:none; border-bottom:none; background:#fff; height:14em;} .list_Con2 .list > li .inner .icon {width:8em; text-align:center} .list_Con2 .list > li .inner .txt {flex:1; min-width:0;} .list_Con2 .list > li .inner .txt .in {margin-left:7%} .list_Con2 .list > li .inner .txt .t1 {font-weight:500; font-size:1.5em; padding-bottom:1em; letter-spacing:-1px; vertical-align:baseline; color:#444;} .list_Con2 .list > li .inner .txt .t1 .pointc {color:#cc0001; vertical-align:baseline; font-weight:700;} .list_Con2 .list > li .inner .txt .t2 {font-size:1em; color:#555; line-height:1.4;} .list_Con2 .list > li .inner .txt .t2.st {padding-bottom:1.063em;} .list_Con2 .list > li .inner .txt .t2 .arrow {vertical-align:baseline; font-size:.875em;} .list_Con2 .list > li:hover .inner {border-color:#005cb2; box-shadow:0 0 .5em .125em rgba(0,0,0,.1); border-right:1px solid #005cb2; border:1px solid #005cb2} .list_Con2.st .list > li .inner {height:11em;} .list_Con2.st .list > li .inner .txt .t1 {line-height:1.4; padding-bottom:0;} .list_Con3 {margin-top:3em;} .list_Con3 .list {border:1px solid #eee; border-top:none;} .list_Con3 p.txt{font-size: 1.8em; font-family: inherit; font-weight: 700;} .list_Con3 .list > li {flex:33.33%; box-sizing:border-box} .list_Con3 .list > li .inner {padding:2.5em; border:1px solid #eee; border-left:none; border-bottom:none; background:#fff; height:14em;} .list_Con3 .list > li .inner .icon {width:8em; text-align:center} .list_Con3 .list > li .inner .txt {flex:1; min-width:0;} .list_Con3 .list > li .inner .txt .in {margin-left:7%} .list_Con3 .list > li .inner .txt .t1 {font-weight:500; font-size:1.2em; padding-bottom:1em; letter-spacing:-1px; vertical-align:baseline; color:#444;} .list_Con3 .list > li .inner .txt .t1 .pointc {color:#cc0001; vertical-align:baseline; font-weight:700;} .list_Con3 .list > li .inner .txt .t2 {font-size:1em; color:#555; line-height:1.4;} .list_Con3 .list > li .inner .txt .t2.st {padding-bottom:1.063em;} .list_Con3 .list > li .inner .txt .t2 .arrow {vertical-align:baseline; font-size:.875em;} .list_Con3 .list > li:hover .inner {border-color:#005cb2; box-shadow:0 0 .5em .125em rgba(0,0,0,.1); border-right:1px solid #005cb2; border:1px solid #005cb2} .list_Con3.st .list > li .inner {height:11em;} .list_Con3.st .list > li .inner .txt .t1 {line-height:1.4; padding-bottom:0;} .main_slogan > .inner{margin-bottom:150px;} .slogan_tit{margin-top:50px; color:#fff; font-size:1.25em; font-weight:500;} .slogan_tit .tt_c{color:#C90} .slogan_tit .big_tt{font-size:3.5em;} .slogan_tit span{font-weight:800;} .slogan_tit2{color:#fff; font-size:1.5em; margin-top:50px; line-height:2; font-weight:600;} .slogan_tit2 .tt_c{color:#C90} .main_div{margin-left:100px;} .main_div .main_txt1{font-size:1.9em; color:#005cb2; font-weight:500; margin-bottom:20px; margin-top:10px;} .main_div .main_txt2{font-size:1.2em; color:#333333; font-weight:500; line-height:2; margin-bottom:50px;} .but1{ border-width:1px; border-style:solid; background-image:linear-gradient(#8CD1C8, #8CD1C8), linear-gradient(#8ACFC6, #6DB8B6,#58A8AB,#4C9EA4, #489BA2); border-image-slice:1; border-radius:50px; padding:1.4em 4em; background:none; } button.main_bu{background:none; border:none; border-radius:20px;} /*로그인*/ /*회원가입,로그인*/ .login_wrap .login{ width:34em; max-width:94%; margin:0 auto} .login_wrap .login .wrap_in{ margin:2em 0 0 0} .login_wrap .link_wrap{ padding:0 .5em; margin:1em 0 3em 0} .login_wrap .link_wrap .link{ font-size:.938em; margin:0 1em; color:#666} .login_wrap .link_wrap .link .tt{ padding:0 .25em; display:inline-block} .login_wrap .link_wrap .link:hover .tt{ text-decoration:underline; color:#111} .login_wrap .check_wrap{ font-size:.938em; margin:.5em 0 0 0} .login_wrap .btn_wrap{ margin-top:1em} .login_wrap .btn_wrap .btn{ padding:0 2em; height:3.5em; box-shadow:1px 1px 2px rgba(0,0,0,.2); background:#005cb2; color:#fff; border:none; width:100%; box-sizing:border-box; border:2px solid transparent; margin-bottom:.5em; font-size:1.063em; font-weight:500; border-radius:.25em} .login_wrap .btn_wrap .btn.c1{ border-color:#333; color:#333; background:#fff} .login_wrap .btn_wrap .btn.c2{ background:#fff; color:#005cb2; border-color:#005cb2} .login_wrap .btn_wrap .btn.s1{ font-size:1.25em} .login_wrap .btn_wrap .btn.s2{ font-size:.875em} .login_wrap .btn_wrap .btn.w1{ width:49%} .login_wrap .btn_wrap .btn:hover{ opacity:.8; transition:.3s} .form_wrap{ border:1px solid #ddd; border-radius:1em; padding:3em} .form_wrap .tit_wrap{ float:left; width:20%} .form_wrap .tit_wrap .in{ border-top:2px solid #333; padding:1.125em} .form_wrap .con_wrap{ float:right; width:75%} .login_wrap .login.w1 .form_st{ width:46%} .form_st > li{ margin-top:2.188em} .form_st > li:first-child{ margin-top:0} .form_st > li .in{ position:relative; padding:0 1em 0 4em; margin-top:.5em} .form_st > li .in .icon{ position:absolute; left:0; top:50%; width:3em; line-height:3em; margin-top:-1.5em; text-align:center; color:#666} .form_st > li .in .icon:before{ font-size:1.313em} .form_st > li .in .lab{ position:absolute; left:4em; top:50%; line-height:1em; margin-top:-.5em; color:#999; background:#fff; padding:0 .25em} .form_st > li .in .inp{ width:100%; box-sizing:border-box; padding:1em 0; height:4em; border:none; position:relative; z-index:1; background:none; font-weight:bold; color:#666} .form_st > li .in .inp[type=file]{ padding:0 !important; height:3em} .form_st > li .in textarea.inp{ height:10em; padding:1em !important} .form_st > li .in .line{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; transition:.3s; border-radius:.25em} .form_st > li .in .inp:focus ~ .lab, .form_st > li .in .inp.on ~ .lab{ transform:scale(.9,.9); top:0; color:#e41239; margin-left:-.5em; transition:.3s} .form_st > li .in .inp:focus ~ .icon, .form_st > li .in .inp.on ~ .icon{ color:#333} .form_st > li .in .inp:focus ~ .line, .form_st > li .in .inp.on ~ .line{ border-color:#e41239} .form_st > li .in .inp.c1{ background:#f1f1f1} .form_st.st1 > li{ display:flex; flex-wrap:wrap; align-items:center} .form_st.st1 > li:not(.btn_wrap){ margin-top:1.5em} .form_st.st1 > li.line{ margin-top:1.25em; padding-top:1.25em; border-top:1px solid #666} .form_st.st1 > li.line > .label_st{ width:100%; margin-top:-1em} .form_st.st1 > li.line2{ border-top:1px solid #ddd; padding-top:1em !important} .form_st.st1 > li .in{ padding:0; flex:1 1 1%; min-width:0; word-break:break-all} .form_st.st1 > li .in_sec{ width:1.5em; text-align:center; color:#999; display:inline-block} .form_st.st1 > li .in_sec2{ width:.5em} .form_st.st1 > li .in_br{ flex-basis:100%} .form_st.st1 > li .in_tit{ font-weight:500; font-size:1.063em; color:#333; width:100%} .form_st.st1 > li .in_tit .ess:before{ font-size:.875em; margin-left:.5em} .form_st.st1 > li .in_tit.c1{ color:#777} .form_st.st1 > li .in_tit.s1{ font-size:1.25em} .form_st > li .in_tt{ width:100%; color:#777; font-size:.938em; margin-top:1em; line-height:1.5} .form_st.st1 > li .in.fix{ flex:0 0 auto} .form_st.st1 > li .in .inp{ padding:1em 1em; height:3.5em; font-size:.938em;font-weight:400} .form_st.st1 > li .in .inp[type=file]{ height:3em} .form_st.st1 > li .in .inp.s1{ font-size:1em} .form_st.st1 > li .in .btn{ color:#fff} .form_st.st1 > li .in .btn + .line{ background:#999; border-color:transparent} .form_st.st1 > li .in .w100{ width:100%} .form_st.st1 > li .in.w1{ max-width:26%} .form_st.st1 > li .in.w50{ max-width:50%} .form_st.st1 > li .in.w100{ flex-basis:100%} .form_st.st1 > li .agree{ border:1px solid #ddd; width:100%; margin:.75em 0; border-radius:.25em} .form_st.st1 > li .agree > li{ padding:.75em 1em; position:relative; transition:.3s} .form_st.st1 > li .agree > li.all{ border-bottom:1px solid #ddd} .form_st.st1 > li .agree > li .more{ background:#aaa; color:#fff; padding:.25em 1em; font-size:.875em} .form_st.st1 > li .agree > li .more:before{ content:"\e941"; font-family:xeicon,score,sans-serif} html.ko .form_st.st1 > li .agree > li .more:before{ content:"보기"} .form_st.st1 > li .agree > li .agree_box{ display:none} .form_st.st1 > li .agree > li .on .more{ background:#333} .form_st.st1 > li .agree > li .on .more:before{ content:"\e944"} html.ko .form_st.st1 > li .agree > li .on .more:before{ content:"접기"} .form_st.st1 > li .agree > li .on .agree_box{ display:block} .form_st.st1 > li.flex{ padding:0 .5em} .form_st.st1 > li.flex .in_tit{ flex-basis:8em; font-size:.938em; padding-left:0; height:4em; display:flex; align-items:center} .form_st.st1 > li.flex .in{ margin-top:0} .form_st.st1 > li.flex .in.w100{ margin-left:8em} .form_st.st1 > li.flex .in .inp{ font-size:.938em} /**/ .agree_box{ border-radius:.5em; overflow:hidden; box-shadow:0 0 1em rgba(0,0,0,.1)} /*.agree_box .con{ padding:4em 3em; line-height:1.5}*/ .agree_box .con p{ color:#666; margin-bottom:.5em} .agree_box .con p > strong{ font-size:1.25em; font-weight:500; margin:2em 0 .5em 0; color:#111;} .agree_box .con p:first-child > strong{ margin-top:0} .agree_box .con .div_page{ margin-bottom:3em} .agree_box .con.h1{ height:20em; overflow-y: auto} .agree_box .con .tit{ font-weight:500; color:#333; font-size:1.125em; margin-bottom:1em} .agree_box .con .agree_wrap{} .agree_box .con .agree_wrap .agree{border:none;} .agree_box .agree_check{ padding:1em 1.5em; border-top:1px solid #eee;} .agree_box.st1{ box-shadow:none; border:1px solid #eee} .agree_box.st1 .con{ font-size:.875em; color:#666; border:1px solid #eee;} .form_st.text{ border-bottom:1px solid #ddd} .form_st.text > li{ border-top:1px solid #ddd; margin-top:0} .form_st.text > li .in .t1{ font-size:.938em; color:#666} .form_st.text > li .in a:hover{ text-decoration:underline} .page_tit{font-weight:800; font-size:2em;} /*마이페이지*/ .tt02{font-weight:800; font-size:1.2em} /* .input_st{width:30%; } */ .st_th{text-align:left;} .board_st tr th{} .name_button{border:none; background:#888; color:#fff; padding:0.85em 1em; margin-left:10px;} .name_button1{padding:0.75em 1em;} .td_date{cursor:pointer} .st_th0{margin-bottom:5px;} .st_th1{width:100%;} .st_th2{margin-bottom:5px;} .bottom_button{text-align:center; margin-top:2em} .bottom_button1{background:#005cb2; border:1px solid #005cb2; color:#fff; cursor:pointer; line-height:40px; padding:0 30px; font-size:0.875em; margin-right:10px} .bottom_button2{background:#fff; border:1px solid #aaa; color:#666; cursor:pointer; line-height:40px; padding:0 30px; font-size:0.875em;} /**/ .page_titN{ text-align:center; margin:5em 0 3em 0} .page_titN .t1{ font-weight:700; font-size:2.313em} .page_titN .t2{ font-weight:700; font-size:2.5em} .page_titN .t3{ font-weight:700; font-size:2.75em} .page_titN:first-child{ margin-top:0} .ntt_st1{ font-size:1.063em; line-height:1.5} .ntt_st2{ line-height:1.5; color:#555} .ntt_st3{ font-size:1.188em; color:#333; line-height:1.5} .ntt_st4{ font-size:1.5em; font-weight:700} .ntt_st5{ font-size:.938em; line-height:1.4} .ntt_st6{ font-size:1.375em; line-height:1.7} .ntt_logo{ height:1.25em; vertical-align: text-top; margin:0 .125em} .ntt_point{ font-weight:700; color:#111; font-size:1.063em} .ntt_point.c1{ color:#F37737} .ntt_point.c2{ color:#1679BE} .ntt_price .no{ font-family:Ubuntu, sans-serif; font-weight:700; font-size:1.75em; margin:0 .125em} .ntt_price .no.s1{ font-weight:500; font-size:1.25em} .ntt_line{ position:relative; background: linear-gradient(transparent 70%, #ffd3b8 30%)} .nimg_wrap{ position:relative; padding:3em 0; margin-top:4em; text-align:center} .nimg_wrap:before{ content:""; position:absolute; left:50%; top:0; width:100vw; transform:translateX(-50%); height:100%; background:#f5f5f5} .nimg_wrap img{ position:relative} .nimg_wrap2{ border:1px solid #ddd; padding:1.5em; border-radius:1em; margin-top:3em; text-align:center; display:flex; justify-content:center; align-items:center} .ps{ margin-top:4em} a.ps{ display:block} .ps05{ margin-top:.5em} .ps1{ margin-top:1em} .ps2{ margin-top:2em} .ps3{ margin-top:3em} .ps5{ margin-top:5em} .memo1{ text-align:right; color:#1679BE; font-weight:500; font-size:.938em; margin:1.5em 0 0 0} .line_st{ margin:1.5em 0; border-top:1px solid #eee} .sub_step{ margin:-2.5em} .sub_step > li{ flex: 1 1 1%; max-width:25%} .sub_step > li .wrap_in{ margin:2.5em; transition:.3s} .sub_step > li .wrap_in .img .in{ border:1px solid #ddd; border-radius:50%; box-sizing:border-box; background:#fff; position:relative} .sub_step > li:not(:last-child) .wrap_in .img:before, .sub_step > li:not(:last-child) .wrap_in .img:after{ content:""; position:absolute; height:.5em; left:100%; top:50%; transform:translate(0,-50%)} .sub_step > li .wrap_in .img{ position:relative} .sub_step > li .wrap_in .img:before{ width:100%; background:#ddd} .sub_step > li .wrap_in .img:after{ width:0; background:#F37737} .sub_step > li .wrap_in .img .ico{ height:35%} .sub_step > li .wrap_in .img .no{ position:absolute; left:50%; top:0; transform:translate(-50%,75%); font-size:.75em; letter-spacing:0; font-weight:700; padding:.5em 1.5em; background:#ccc; color:#fff; border-radius:2em} .sub_step > li .wrap_in .img .no + .resize .ico{ margin-top:10%} .sub_step > li .wrap_in .con{ padding:1.5em .5em; text-align:center; background:#fff; z-index:1; position:relative} .sub_step > li .wrap_in .con .t1{ font-size:1.125em} .sub_step > li .wrap_in .con .t1 .logo{ height:1em} .sub_step > li.on .wrap_in .img .in{ transform:translateY(-1em); border-color:#F37737; transition:.5s} .sub_step > li.before .wrap_in .img .no{ background:#f37737; transition:.5s} .sub_step > li.before .wrap_in .img:after{ width:100%; transition:1s} .sub_step.m1{ margin:-3em -.5em -1.5em -.5em;} .sub_step.m1 > li .wrap_in{ margin:.5em} .sub_step.m1 > li .wrap_in .img{ padding:0 2em .5em 2em} .sub_step.m1 > li:not(:last-child) .wrap_in .img:before, .sub_step.m1 > li:not(:last-child) .wrap_in .img:after{ left:calc(100% - 2em)} .sub_step.m1 > li .wrap_in .con{ padding:0; font-size:.938em} .sub_step.col > li{ max-width:none} .sub_step.col > li:not(:last-child) .wrap_in .img:before, .sub_step.col > li:not(:last-child) .wrap_in .img:after{ width:.5em; left:50%; top:100%; transform:translate(-50%,0)} .sub_step.col > li:not(:last-child) .wrap_in .img:before{ height:100%} .sub_step.col > li:not(:last-child) .wrap_in .img:after{ height:0} .sub_step.col > li.before .wrap_in .img:after{ height:100%} .sub_introduce_func{ position:relative} .sub_introduce_func .img{ position: absolute; left:50%; top:0; transform:translateX(-50%); width:30%; height:100%} .sub_introduce_func .list{ margin-top:-3em} .sub_introduce_func .list > li{ width:50%} .sub_introduce_func .list > li .wrap_in{ margin-top:3em; position:relative; padding:1.5em; box-shadow:0 0 1em rgba(0,0,0,.1); border-radius:1em; width:55%; background:#fff} .sub_introduce_func .list > li .wrap_in .ico img{ max-width:auto; height:2em} .sub_introduce_func .list > li .wrap_in .con{ margin:0 0 0 1em} .sub_introduce_func .list > li .wrap_in .con .t1{ font-weight:500; font-size:1.188em; margin-bottom:.5em} .sub_introduce_func .list > li .wrap_in .con .t2{ color:#777; line-height:1.3} .sub_introduce_func .list > li .wrap_in .line{ position:absolute; left:100%; width:15%; top:50%; height:1px; background:#ddd} .sub_introduce_func .list > li .wrap_in .line:before{ content:""; position:absolute; left:100%; top:50%; width:100%; height:1px; background:#ddd; transform:scale(0)} .sub_introduce_func .list > li .wrap_in .line:after{ content:""; position:absolute; left:100%; top:0; width:.5em; height:.5em; background:#1679BE; transform:translate(0,-50%); margin:0 0 0 -.25em; border-radius:50%} .sub_introduce_func .list > li:nth-child(2n) .wrap_in{ margin-left:auto} .sub_introduce_func .list > li:nth-child(2n) .wrap_in .con{ order:-1; margin:0 1em 0 0} .sub_introduce_func .list > li:nth-child(2n) .wrap_in .line{ left:auto; right:100%} .sub_introduce_func .list > li:nth-child(2n) .wrap_in .line:before{ left:auto; right:100%} .sub_introduce_func .list > li:nth-child(2n) .wrap_in .line:after{ left:auto; right:100%; margin:0 -.25em 0 0} .sub_introduce_func .list > li:nth-child(1) .wrap_in .line:before{ transform:scale(1) rotate(45deg); transform-origin:left top} .sub_introduce_func .list > li:nth-child(2) .wrap_in .line:before{ transform:scale(1) rotate(-45deg); transform-origin:right top} .sub_introduce_func .list > li:nth-last-child(1) .wrap_in .line:before{ transform:scale(1) rotate(45deg); transform-origin:right top} .sub_introduce_func .list > li:nth-last-child(2) .wrap_in .line:before{ transform:scale(1) rotate(-45deg); transform-origin:left top} .sub_feature{ margin:-2em} .sub_feature > li{ flex:1 1 1%; max-width:33.33%;} .sub_feature > li .wrap_in{ margin:2em; text-align:center} .sub_feature > li .wrap_in .ico{ margin:0 auto; width:15em; max-width:90%; box-sizing:border-box; background:#f5f5f5; border-radius:50%} .sub_feature > li .wrap_in .ico img{ width:30%} .sub_feature > li .wrap_in .con{ text-align:center; padding:2em .5em 0 .5em} .sub_feature > li .wrap_in.flex .con{ text-align:left; margin-left:1em; padding:.5em} .sub_feature.max1 > li{ max-width:50%} .sub_feature.st1{ margin:-1em} .sub_feature.st1 > li{ max-width:16.66%} .sub_feature.st1 > li .wrap_in{ margin:1em} .sub_feature.st1 > li .wrap_in .ico{ background:#fff; border-radius:1em; box-shadow:0 0 1em rgba(0,0,0,.1)} .sub_feature.st1 > li .wrap_in .ico img{ width:60%} .sub_feature.st1 > li .wrap_in .con{ padding:1em} .sub_function{ margin:-.5em} .sub_function > li{ width:20%} .sub_function > li .wrap_in{ box-shadow:0 0 1em rgba(0,0,0,.1); border-radius:1em; box-sizing:border-box; height:calc(100% - 1em); margin:.5em; overflow:hidden; transition:.3s} .sub_function > li .tit{ padding:1.25em} .sub_function > li .tit .ico{ margin-bottom:.5em} .sub_function > li .tit .ico .more{ font-size:1.5em; color:#999} .sub_function > li .tit .ico .more:before{content:"\e94a"} .sub_function > li .tit .t1{ font-weight:500; font-size:1.25em; line-height:1.25em; height:2.5em} .sub_function > li .tit .t2{ margin-top:1em; color:#888; font-size:.938em; line-height:1.3} .sub_function > li .img{ overflow:hidden} .sub_function > li .img .resize{ padding-bottom:66.66%; transition:.3s} .sub_function > li .wrap_in[onclick]:hover{ transform:translateY(-.5em)} .sub_function > li .wrap_in[onclick]:hover .img .resize{ transform:scale(1.1)} .sub_function > li.st1 .wrap_in{ box-shadow:none; background:#f0f0f0; padding-top:2em} .sub_function > li.st1 .wrap_in .memo1{ line-height:1.5; margin:0; color:#555} .sub_function > li.st1 .wrap_in .memo1 .xi{ display:none; font-size:2.5em} .icon_st{ width:2em; line-height:2em; font-size:1em; border-radius:50%; border:1px solid #eee; text-align:center; color:#111; transform:translateX(-.125em); margin-bottom:.25em} .sub_wrap{ margin:8em 0 0 0; position:relative} .sub_wrap .wrap_tit{ padding:2em 0 1em 0; border-top:2px solid #111; width:24em} .sub_wrap .wrap_tit .icon_st{ font-size:2em; margin:0 .125em 0 0} .sub_wrap .wrap_tit .t1{ font-size:1.625em; font-weight:500} .sub_wrap .wrap_tit .t2{ font-family:Ubuntu, sans-serif; font-size:1.063em; color:#F37737; padding:.5em 0} .sub_wrap .wrap_con{ margin:3.25em 0 0 3em} .sub_wrap .wrap_con .w1{ width:14em; margin-right:3em} .sub_wrap .wrap_img{ width:100%} .ul_st > li:not(:first-child){ margin-top:1em} .ul_st.m1 > li:not(:first-child){ margin-top:.5em} .ul_st > li{ position:relative; padding-left:1em} .ul_st > li .ico{ color:#f37737} .ul_st > li .ico:before{ content:"■"; position:absolute; left:0; top:0; transform:scale(.5)} .ul_st.st1 > li{ padding-left:1.875em; font-size:1.063em; line-height:1.5; color:#555} .ul_st.st1 > li .ico{ position:absolute; left:0; top:.063em; line-height:1; font-size:1.5em; font-family:xeicon; color:#333} .ul_st.st1 > li .ico:before{content:"\e92c"; transform:scale(1)} .nttPop{ display:inline-block; vertical-align:baseline; position:relative; z-index:1; font-size:.813em; margin-left:.25em} .nttPop .nttPopBtn{ cursor:pointer; color:#1679BE} .nttPop .nttPopBtn .xi:before{content:"\e9ad"} .nttPop .nttPopCon{ position:absolute; left:100%; top:100%; padding:1em; box-shadow:0 0 1em rgba(0,0,0,.1); background:#fff; opacity:0; visibility:hidden; transition:.3s; min-width:16em} .nttPop .nttPopCon .wrap_tit{ padding:.125em 0 .125em 1.5em; position:relative; color:#111} .nttPop .nttPopCon .wrap_tit:before{content:"\e9a6"; position:absolute; left:0; top:0; font-family:xeicon; font-size:1.25em} .nttPop .nttPopCon .wrap_tit .t1{ font-weight:500; font-size:1.063em} .nttPop .nttPopCon .wrap_tt{ padding:.25em 0 0 1.5em; color:#777; line-height:1.3} .nttPop:hover{ z-index:2} .nttPop:hover .nttPopCon{ opacity:1; visibility:visible} .btn_st1{ padding:0 3em; display:inline-flex; align-items:center; height:4.5em; color:#fff !important; position:relative; transition:.3s; margin:.5em; min-width:15em; justify-content:center} .btn_st1:before, .btn_st1:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2); box-sizing:border-box; border:2px solid transparent; border-radius:3em; transition:.3s} .btn_st1:before{ background:rgba(0,0,0,.2); transform:translate(.5em, .5em)} .btn_st1:after{ background:#f37737} .btn_st1 .ico{ position:relative; z-index:1; margin-right:.25em; font-size:1.625em} .btn_st1 .tt{ position:relative; z-index:1; font-weight:700; font-size:1.25em;} .btn_st1 .tt .xi{ font-size:1em} .btn_st1 .tt .no{ vertical-align:baseline; font-size:1.25em} .btn_st1[href] .tt:after{ content:"+"; margin-left:2em; vertical-align:top; transition:.3s} .btn_st1[href]:hover{ color:#f37737 !important} .btn_st1[href]:hover:after{ background:#fff; border-color:#f37737} .ntab_st{ margin:-.5em 0; padding:0 1em} .ntab_st > li{ width:25%} .ntab_st > li > a{ margin:.5em .25em; border:1px solid #ddd; height:4em; padding:.5em 1.5em; color:#666; border-radius:2em; position:relative; line-height:1.1} .ntab_st > li > a:before{ content:""; position:absolute; left:50%; top:100%; width:1em; height:1em; background:#1679BE; transform:rotate(45deg) translate(-50%, -.25em); transform-origin:center top; display:none} .ntab_st > li > a .t1{ font-weight:500; font-size:1.188em} .ntab_st > li.on > a{ background:#1679BE; color:#fff; border-color:transparent} .ntab_st > li.on > a:before{ display:block} .sub_service_type{ margin:-1.5em} .sub_service_type > li{ width:33.33%} .sub_service_type > li .wrap_in{ margin:1.5em; border-radius:0 0 1em 1em; border-top:3px solid #ddd; background:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); padding:2.5em 2em; height:calc(100% - 3em); box-sizing:border-box; text-align:center} .sub_service_type > li .wrap_in.c1{ border-top-color:#73b5ff} .sub_service_type > li .wrap_in.c2{ border-top-color:#c281d8} .sub_service_type > li .wrap_in.c1 .point{ color:#73b5ff !important} .sub_service_type > li .wrap_in.c2 .point{ color:#c281d8 !important} .employment_wrap{margin-top:5rem;} .left_employment{width:48%; padding:2em; border:1px solid #ddd; background:#f5f5f5;} .left_employment .employment_info_st:first-child{margin-top:0!important;} .left_employment .employment_title{display:none;} .right_employment{width:48%; padding:2em; border:1px solid #ddd; background:#f5f5f5;} .right_employment .page_Sec2{margin-top:0!important;} .bannerBgC1{ background:#edeef3} .bannerBgC2{ background:#e9f2f8} .sub_application_procedure.flex > li{ width:46%} .sub_application_procedure > li .wrap_in .img_wrap{ border-radius:.5em; overflow:hidden} .sub_application_procedure > li .wrap_in .img_wrap .resize{ padding-bottom:40%} .sub_application_procedure > li .wrap_in .con_wrap{ padding:1.5em .5em 3em .5em} .sub_application_procedure > li .wrap_in .t1{ font-size:1.125em; color:#ccc; font-weight:700; line-height:1.5} .sub_application_procedure > li .wrap_in .t2{ font-size:2em; color:#111; font-weight:700} .sub_application_procedure > li:nth-child(2n){ margin-top:8em} /**/ .visualSlider .el{ position:relative; overflow:hidden; height:100vh; overflow:hidden} .visualSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transition:1s} .visualSlider_wrap{ position:relative} .visualSlider_wrap .wrapL{ left:10%; width:50%; box-sizing:border-box} .visualSlider_wrap .slogan{ color:#fff; z-index:10; position:absolute; top:30%; width:100%; box-sizing:border-box; text-align:center} .visualSlider_wrap .slogan .t1{ font-size:1.75em; font-weight:700; opacity:0; letter-spacing:.25em; white-space:nowrap} .visualSlider_wrap .slogan .t2{ font-weight:800; font-size:4.5em; line-height:1; margin:.25em 0 .75em 0; word-spacing:.125em; letter-spacing:-.063em; opacity:0; transform:translateX(3em)} .visualSlider_wrap .slogan .t3{ font-size:1.375em; font-weight:500; line-height:1.6; opacity:0; transform:translateY(3em)} .visualSlider_wrap .slogan .point{ color:#fab061} .visualSlider .el.swiper-slide-active .bg{ transform:scale(1.1); transition:5s} .visualSlider .el.swiper-slide-active .slogan .t1{ letter-spacing:0; opacity:1; transition:2s} .visualSlider .el.swiper-slide-active .slogan .t2{ transform:translateX(0); opacity:1; transition:1.5s; transition-delay:.5s} .visualSlider .el.swiper-slide-active .slogan .t3{ transform:translateY(0); opacity:1; transition:1.5s; transition-delay:1s} .visualSlider_wrap .swiper_control{ position:absolute; bottom:3em; left:4%; z-index:10; color:#fff} .visualSlider_wrap .paging{ display:flex; align-items:flex-end; margin-left:2em; color:#fff} .visualSlider_wrap .paging > span{ position:relative; background:#aaa; opacity:1; height:1px; width:2em; margin:0; margin-top:2em; border-radius:0; position:relative; counter-increment: mainVIndex; transition:.3s} .visualSlider_wrap .paging > span:after{ content:""; position:absolute; left:0; bottom:0; width:0; height:100%; background:#fff} .visualSlider_wrap .paging > span:before{ content:"0" counter(mainVIndex) "."; position:absolute; left:0; top:-2em; font-weight:700; opacity:.7; font-size:.8135em} .visualSlider_wrap .paging > span.swiper-pagination-bullet-active{ width:10em} .visualSlider_wrap .paging > span.swiper-pagination-bullet-active:before{ opacity:1} .visualSlider_wrap .paging > span.swiper-pagination-bullet-active:after{ width:100%; transition:4s; transition-delay:.5s; transition-timing-function:ease-out} .mainScroll{ position:absolute; right:4%; bottom:4em; transform:translateX(-50%); z-index:10} .mainScroll a{ display:block; width:3em; height:3em; border-radius:50%; background:#F37737; animation-name: downAni; animation-duration: 5s; animation-iteration-count: infinite; position:relative} .mainScroll a .tt{ font-size:.75em; color:#fff; position:absolute; left:50%; top:100%; transform:translate(-50%, .5em)} .mainScroll a:before{ content:""; position:absolute; left:50%; bottom:1.5em; width:1px; height:6em; background:#fff} @keyframes downAni{ 70% { transform:translateY(0)} 85% { transform:translateY(1em)} 100% { transform:translateY(0)} } .main_box{ padding:4em 0 5em 0} .main_box .nimg_wrap:last-child{ margin-bottom:-5em} .main_box.bg1{ background:#f5f5f5} .main_sec1 .w1{ width:55%} .main_sec1 .w2{ width:37%} /* 견적서 출력 */ .pop_receipt_wrap{ padding:1em; max-width:1000px; min-width:610px; margin:0 auto} .pop_con{ margin-top:1em;} .pop_con .con_box{ padding:1em .5em; border:1px solid #ddd; border-top:2px solid #333;} .pop_con .con_box:nth-child(1){ margin-right:.2em; width:40%;} .pop_con .con_box:nth-child(2){ margin-left:.2em; width:60%;} .pop_con .con_box:nth-child(2) th, .pop_con .con_box:nth-child(2) td{ padding:.4em .5em;} .pop_con .con_box:nth-child(2) th{ position:relative} .pop_con .con_box:nth-child(2) tr:not(:first-child) th::after{ content:''; width:1px; height:50%; background-color:#555; position:absolute; right:0; top:50%; transform:translateY(-50%)} .pop_con .con_box th, .pop_con .con_box td{ text-align:left;} .pop_con .con_box tr.last th, .pop_con .con_box tr.last td { padding-top:1.2em; border-top:1px solid #ddd; } /* .receipt_table{} */ .receipt_table th > span, .receipt_table td > span{ vertical-align:baseline} .receipt_table.line{ padding:1em 0; border-top:2px solid #333;} .receipt_table.line th, .receipt_table.line td{ height:2em; border-bottom:1px solid #ddd;} .receipt_table.total_st td{ border-bottom:1px solid #333; height:3em} .receipt_table th, .receipt_table td{ padding:.5em .8em; text-align:center; letter-spacing:-.5px;} .receipt_table th{ /*background:#f5f5f5; font-weight:bold*/} /* .receipt_table td{} */ .receipt_table.st1 td{ height:2.5em;} .receipt_table .bg_c1{ background:#f5f5f5;} .receipt_table .tx1{ line-height:1.4; color:#555} .pop_receipt_wrap .receipt_total{ margin-bottom:1em; padding:1em; border:1px solid #ddd; border-top:none; background-color:#f6f6f6; font-size:15px; } /* .pop_receipt_wrap .total_price{} */ .pop_receipt_wrap strong{ font-weight:bold; vertical-align:baseline} .receipt_table .last{ border:none !important} .pop_receipt_wrap .pop_top{ padding:10px 0 15px 0;} .pop_receipt_wrap .pop_top .tit{ font-size:25px; color:#555; text-align:center;} .pop_receipt_wrap .pop_top .tit img{ width:3em; margin-right:10px; } .pop_receipt_wrap .info{ background:#eee; padding:20px} .pop_receipt_wrap .info > a{ vertical-align:baseline} .pop_receipt_wrap .print_btn{ margin-top:2em} .pop_receipt_wrap .receipt_bottom{ margin:1em 0; padding:1.5em; border:1px solid #ddd;} .pop_receipt_wrap .receipt_bottom .bottom_info{ gap:2em} @media print { * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important;} html{ margin:0 210mm; -webkit-margin-end:0; -webkit-margin-start:0; background:#fff;} input{ border:none;} .noprint{ display:none !important;} strong{ font-weight:normal !important} }