@charset "utf-8";
/* CSS Document */
body { font-size:16px;}
.box0{ width:120em; max-width:100%; margin:0 auto;}
.box1{ width:75em; max-width:92%; margin:0 auto;}

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

/*header*/
#header{ position:absolute; z-index:999; top:0; left:0; right:0;}
#header .top_wrap .inner{ height:7.875em;}
#header .top_wrap .logo .in{ display:block; margin-top:.25em;}
#header .top_wrap .logo .in img{ display:block;}
#header .top_wrap .logo .in .logoB{ display:none;}
#header .top_wrap .gnb_wrap .gnb{ margin-right:-1.5em;}
#header .top_wrap .gnb_wrap .gnb > li{ position:relative;}
#header .top_wrap .gnb_wrap .gnb > li .dp1{ padding:.5em 1.5em .875em 1.5em; min-width:7.5em; color:#fff;}
#header .top_wrap .gnb_wrap .gnb > li .dp1 .tt{ font-size:.875em;}
#header .top_wrap .gnb_wrap .gnb > li .dp2{ display:block; position:absolute; top:100%; left:50%; transform:translateX(-50%); min-width:7.125em; background:rgba(0,0,0,.3); border-top:2px solid #333; white-space:nowrap; display:none;}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a{ height:2.375em; padding:0 1.5em; color:#fff;}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-size:.750em; font-weight:300;}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .en{ display:none;}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li:hover > a{ background:rgba(235,55,116,.3);}

.main #header .top_wrap .inner{ transition:.3s;}
#header.main_on .top_wrap .inner{ height:5.5em;}
#header.main_active .top_wrap .logo .logoA{ display:none;}
#header.main_active .top_wrap .logo .logoB{ display:block;}
#header.main_active .top_wrap .gnb_wrap .gnb > li .dp1{ color:#333;}

/*footer*/
#footer{ background:#232323;}
#footer .inner{ padding:3.25em 0 4em 0;}
#footer .logo img{ width:12em; opacity:.5;}
#footer .info_wrap{ flex:1; margin-left:1.5em;}
#footer .info_wrap *{ color:#939393;}
#footer .info_wrap ul > li{ position:relative; padding-right:.688em; margin-right:.625em;}
#footer .info_wrap ul > li:after{ content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:.875em; background:#939393;}
#footer .info_wrap ul > li:last-child{ padding-right:0; margin-right:0;}
#footer .info_wrap ul > li:last-child:after{ display:none;}
#footer .info_wrap ul > li a[href]:hover,
#footer .info_wrap ul > li a[href]:hover .tt{ color:#fff;}
#footer .info_wrap .info > li{ padding-top:.313em; padding-bottom:.313em;}
#footer .info_wrap .info > li .tt{ display:inline-block; vertical-align:baseline; font-size:.875em;}
#footer .info_wrap .menu{ padding:1.125em 0 .813em 0;}
#footer .info_wrap .menu > li .in{ display:block;}
#footer .info_wrap .menu > li .tt{ font-size:.875em;}
#footer .info_wrap .copy{ font-size:.875em; font-weight:300;}
#footer .info_wrap .copy strong{ vertical-align:baseline;}

/*contents*/
#contents{ min-height:90vh;}
#contents .sub_page_top{ position:relative; height:25.625em; overflow:hidden;}
#contents .sub_page_top .bg{ position:absolute; top:0; left:0; width:100%; height:100%; animation:sub_visual 2s;}
#contents .sub_page_top .bg_about     { background-image:url(../images/sub/visual_about.jpg);}
#contents .sub_page_top .bg_edu       { background-image:url(../images/sub/visual_edu.jpg);}
#contents .sub_page_top .bg_consulting{ background-image:url(../images/sub/visual_consulting.jpg);}
#contents .sub_page_top .bg_community { background-image:url(../images/sub/visual_community.jpg);}

#contents .sub_page_top .sub_tit{ position:relative; text-align:center;}
#contents .sub_page_top .sub_tit .inner{ width:100%; padding-top:13.5em; color:#fff;}
#contents .sub_page_top .sub_tit .tit{ margin-bottom:1.75em;}
#contents .sub_page_top .sub_tit .tit .tt{ display:block; font-size:2.500em; letter-spacing:-1px;}
#contents .sub_page_top .sub_nav > li{ position:relative; display:inline-block; vertical-align:middle;}
#contents .sub_page_top .sub_nav > li:before{ content:"\f054"; font-family:'Font Awesome 5 Free'; font-weight:900; font-size:.750em; display:inline-block; padding:0 1em;}
#contents .sub_page_top .sub_nav > li:first-child:before{ display:none;}
#contents .sub_page_top .sub_nav > li .tt{ display:inline-block; font-size:1.125em;}

#contents .con_page_top .con_tit{ padding-top:4.5em; text-align:center;}
#contents .con_page_top .con_tit:after{ content:""; display:block; margin:2.875em auto .5em auto; width:1.75em; height:2px; background:#cf4055; transform:rotate(-45deg);}
#contents .con_page_top .con_tit .tt{ font-size:2.063em; color:#141414; letter-spacing:-1px;}

#contents .doc{ padding:2.5em 0 6em 0;}

@keyframes sub_visual {
0%   { transform:scale(1.05);}
100% { transform:scale(1);}
}


/*SUB PAGE************************/
/*inc*/
.tab_wrap{ margin:4.875em 0;}
.tab_wrap .tab{ padding:0 0 1px 1px;}
.tab_wrap .tab > li{ flex:1; max-width:25%;}
.tab_wrap .tab > li > a{ margin:0 0 -1px -1px; padding:.5em .5em; height:100%; min-height:5.875em; background:#fff; border:1px solid #ccc; color:#bebebe;}
.tab_wrap .tab > li > a .tt{ flex:1; font-weight:400;}
.tab_wrap .tab > li > a .tt > *{ display:block;}
.tab_wrap .tab > li > a .tt .en{ font-size:.813em; padding-bottom:.375em;}
.tab_wrap .tab > li > a .tt .kr{ font-size:1.250em; letter-spacing:-1px;}
.tab_wrap .tab > li.on > a{ background:#cf4055; color:#fff;}

.page_tit.dep1{ text-align:center;}
.page_tit.dep1 .tt{ display:block;}
.page_tit.dep1 .num{ overflow:hidden;}
.page_tit.dep1 .num > .tt{ color:#cf4055; font-weight:900; line-height:1; letter-spacing:-4px;}
.page_tit.dep1 .tit > .tt{ font-weight:300; letter-spacing:-1.25px;}
.page_tit.dep1 .tit > .tt .bold{ font-weight:700;}
.page_tit.dep1 .txt > .tt{ font-weight:400; letter-spacing:-.5px;}
.page_tit.dep1 .txt > .tt.en{ letter-spacing:.1em; text-transform:uppercase;}

.page_tit.dep1.st1{ color:#fff;}
.page_tit.dep1.st1 .num{ height:3em;}
.page_tit.dep1.st1 .num > .tt{ margin-top:-.125em; font-size:4.750em;}
.page_tit.dep1.st1 .tit{ margin-top:1em;}
.page_tit.dep1.st1 .tit > .tt{ font-size:2.000em;}
.page_tit.dep1.st1 .txt{ margin-top:.75em;}
.page_tit.dep1.st1 .txt > .tt{ font-size:1.063em;}

.page_tit.dep1.st2{ margin-bottom:2.75em;}
.page_tit.dep1.st2:after{ content:""; display:block; margin:2.875em auto .5em auto; width:1.75em; height:2px; background:#cf4055; transform:rotate(-45deg);}
.page_tit.dep1.st2 .num{ height:1.938em;}
.page_tit.dep1.st2 .num > .tt{ margin-top:-.125em; font-size:3.313em;}
.page_tit.dep1.st2 .tit{ margin-top:.125em;}
.page_tit.dep1.st2 .tit > .tt{ font-size:2.063em; color:#232323;}
.page_tit.dep1.st2 .txt{ margin-top:.75em;}
.page_tit.dep1.st2 .txt > .tt{ font-size:1.188em; color:#959595;}

.page_tit.dep2{ position:relative; padding-left:.875em;}
.page_tit.dep2:before{ content:""; position:absolute; top:.25em; left:0; width:5px; height:1.375em; background:#cf4055;}
.page_tit.dep2 > .tt{ font-size:1.188em; color:#494949; font-weight:400; letter-spacing:-.5px; line-height:1.5;}
.page_tit.dep2 > .tt > *{ vertical-align:baseline;}
.page_tit.dep2 .point{ color:#cf4055; font-weight:500;}


/*회사소개*******************/
.page_greet_wrap{ width:81.25em; max-width:94%; margin:0 auto;}
.page_greet_wrap .img_wrap{ width:35em; position:relative;}
.page_greet_wrap .img_wrap .bg{ position:relative; height:100%; background-image:url(../images/sub/greeting_img.jpg);}
.page_greet_wrap .img_wrap .bg:after{ content:""; position:absolute; top:1.125em; left:1.125em; bottom:1.125em; right:0; border:solid rgba(255,255,255,.2); border-width:1px 0 1px 1px;}
.page_greet_wrap .img_wrap .txt{ position:absolute; top:0; left:100%; margin-left:2.125em; white-space:nowrap; transform:rotate(90deg); transform-origin:top left;}
.page_greet_wrap .img_wrap .txt:before{ content:""; display:inline-block; vertical-align:middle; width:15em; height:1px; background:#137b8b; opacity:.3;}
.page_greet_wrap .img_wrap .txt .tt{ display:inline-block; vertical-align:middle; margin-left:.5em; font-size:1.125em; color:#137b8b; font-weight:400; letter-spacing:.45em; opacity:.6;}

.page_greet_wrap .con_wrap{ flex:1; border:solid #eee; border-width:1px 1px 1px 0; font-family:'Notokr','NotoSans',sans-serif;}
.page_greet_wrap .con_wrap .in_wrap{ padding:3.75em 3.875em 4.75em 6em;}
.page_greet_wrap .con_wrap .con{ margin-top:1.5em;}
.page_greet_wrap .con_wrap .con:first-child{ margin-top:0;}
.page_greet_wrap .con_wrap .con .tt{ color:#222; line-height:1.7;}
.page_greet_wrap .con_wrap .con .tt > *{ vertical-align:baseline;}
.page_greet_wrap .con_wrap .con .t1{ font-size:1em;}
.page_greet_wrap .con_wrap .con .t1:first-child{ text-indent:.5em;}
.page_greet_wrap .con_wrap .con .t2{ font-size:1.063em; color:#5b6c6f; font-weight:700;}
.page_greet_wrap .con_wrap .con .t3{ font-size:1.063em; font-weight:700;}
.page_greet_wrap .con_wrap .con .point{ color:#cf4055;}
.page_greet_wrap .con_wrap .sign{ margin-top:1.5em;}
.page_greet_wrap .con_wrap .sign .tt{ margin-right:1.5em; color:#161616; font-weight:500;}
.page_greet_wrap .con_wrap .sign .img{}

.page_vision_wrap{ text-align:center; letter-spacing:-.5px;}
.page_vision_wrap .img.pc{}
.page_vision_wrap .img.mo{ display:none;}
.page_vision_wrap .tit_wrap{ margin-bottom:3em;}
.page_vision_wrap .tit_wrap .tit{}
.page_vision_wrap .tit_wrap .tit .tt{ display:inline-block; padding:.75em .125em .375em .125em; border-bottom:1px solid #434242; font-size:1.250em; color:#434242; font-weight:400;}
.page_vision_wrap .tit_wrap .arrow{ margin-top:2.375em;}
.page_vision_wrap .tit_wrap .arrow .fa{ font-size:2.500em; color:#b7b7b8;}

.page_person_wrap{}
.page_person_wrap .list{ margin:0 0 -.938em -.938em;}
.page_person_wrap .list > li{ flex:1 1 50%; max-width:50%;}
.page_person_wrap .list > li .inner{ flex:1; margin:0 0 .938em .938em; position:relative; padding-top:6px; border:solid #dde4e5; border-width:0 1px 1px 0; font-family:"Malgun Gothic","맑은 고딕",NotoSans,sans-serif; font-weight:normal;}
.page_person_wrap .list > li .inner:before{ content:""; position:absolute; top:0; left:0; right:-1px; height:6px; background:#53969a;}
.page_person_wrap .list > li .inner .h1{ height:2.875em;}
.page_person_wrap .list > li .img_wrap{ width:13.5em; margin-bottom:-1px;}
.page_person_wrap .list > li .con_wrap{ flex:1; margin-bottom:-1px;}

.page_person_wrap .list > li .img_wrap .resize{ padding-bottom:128.24074074074%;}
.page_person_wrap .list > li .img_wrap .img{ overflow:hidden;}
.page_person_wrap .list > li .img_wrap .img img{ width:100%; max-height:none;}
.page_person_wrap .list > li .img_wrap .name{ background:#53969a;}
.page_person_wrap .list > li .img_wrap .name .tt{ display:block; padding:.25em .25em; font-size:1.063em; color:#fff; font-weight:bold;}

.page_person_wrap .list > li .con_wrap .con{ padding:1.5em .75em 1em .75em;}
.page_person_wrap .list > li .con_wrap .con .info{ margin-top:1em; font-family:"돋움",Dotum,"돋움체",DotumChe,'NotoSans',sans-serif; color:#333; line-height:1.5; letter-spacing:-1px;}
.page_person_wrap .list > li .con_wrap .con .info:first-child{ margin-top:0;}
.page_person_wrap .list > li .con_wrap .con .info .tit{ width:1.75em; font-size:.875em;}
.page_person_wrap .list > li .con_wrap .con .info .txt{ flex:1; font-size:.750em;}

.page_person_wrap .list > li .con_wrap .service{ position:relative;}
.page_person_wrap .list > li .con_wrap .service:before{ content:""; position:absolute; left:0; right:-1px; top:0; bottom:0; background:#53969a; opacity:.1;}
.page_person_wrap .list > li .con_wrap .service .tt{ position:relative; display:block; padding:.25em .5em .25em 1.5em; font-size:.875em; color:#333; letter-spacing:-1.1px;}

.page_person_wrap .list > li:nth-child(4n+1) .inner:before,
.page_person_wrap .list > li:nth-child(4n+4) .inner:before,
.page_person_wrap .list > li:nth-child(4n+1) .img_wrap .name,
.page_person_wrap .list > li:nth-child(4n+4) .img_wrap .name,
.page_person_wrap .list > li:nth-child(4n+1) .con_wrap .service:before,
.page_person_wrap .list > li:nth-child(4n+4) .con_wrap .service:before{ background:#cb626b;}

.page_location_map .root_daum_roughmap{ width:100% !important;}
.page_location_con .tit{ margin-bottom:.75em; padding:2.25em 0 1em 0; border-bottom:1px solid #d4d4d4;}
.page_location_con .tit .tt{ font-size:1.563em; color:#141414; font-weight:700; text-transform:uppercase; letter-spacing:-.5px;}
.page_location_con .info > li{ padding:.5em .125em;}
.page_location_con .info > li .icon{ width:3.125em; margin-top:.063em; text-align:center; color:#cf4055;}
.page_location_con .info > li .icon img{ width:1.188em;}
.page_location_con .info > li .tt{ font-size:1.125em; font-weight:400;}
.page_location_con .info > li .t1{ width:5.5em; color:#000;}
.page_location_con .info > li .t2{ flex:1;}
.page_location_con .info > li .t2,
.page_location_con .info > li .t2 > *{ color:#484848;}
.page_location_con .info > li .tt > *{ vertical-align:baseline;}
.page_location_con .info > li a[href]:hover{ color:#111;}


/*교육과정*******************/
.page_edu_wrap{}
.page_edu_wrap.bg1{ background-image:url(../images/sub/edu_bg1.jpg);}
.page_edu_wrap.bg2{ background-image:url(../images/sub/edu_bg2.jpg);}
.page_edu_wrap.bg3{ background-image:url(../images/sub/edu_bg3.jpg);}
.page_edu_wrap.bg4{ background-image:url(../images/sub/edu_bg4.jpg);}
.page_edu_wrap.bg5{ background-image:url(../images/sub/edu_bg5.jpg);}

.page_edu_wrap .inner{ flex:1; min-height:37.25em;}
.page_edu_wrap .inner .tit_wrap{ width:33.75em; padding:12.25em 1em 1em 1em;}
.page_edu_wrap .inner .con_wrap{ flex:1; padding:1em 0;}
.page_edu_wrap .inner .con_wrap .in_wrap{ padding:0 5.5em 0 7.75em; border-left:1px solid rgba(255,255,255,.3);}
.page_edu_wrap .inner .con_wrap .con{ margin-top:2em; letter-spacing:-.5px; line-height:1.6;}
.page_edu_wrap .inner .con_wrap .con:first-child{ margin-top:0;}
.page_edu_wrap .inner .con_wrap .con.icon{ position:relative; padding-top:.875em;}
.page_edu_wrap .inner .con_wrap .con.icon:before{ content:""; position:absolute; top:1.25em; left:-1.25em; width:1.75em; height:2px; background:#cf4055; transform:rotate(-45deg); transform-origin:top left;}
.page_edu_wrap .inner .con_wrap .con .tit{ margin-bottom:.5em;}
.page_edu_wrap .inner .con_wrap .con .tit > .tt{ position:relative; display:block; padding-left:.625em; color:#cdcdcd;}
.page_edu_wrap .inner .con_wrap .con .tit > .tt:before{ content:""; position:absolute; top:.313em; left:0; width:4px; height:1em; background:#cf4055;}
.page_edu_wrap .inner .con_wrap .con .tt1{ color:#fff; font-weight:300;}
.page_edu_wrap .inner .con_wrap .con .tt1:first-child{ text-indent:.5em;}
.page_edu_wrap .inner .con_wrap .con .tt2{ color:#bab9b9; font-weight:400;}


/*컨설팅*******************/
.page_consul_wrap{}
.page_consul_wrap .page_con{ padding:4.625em 0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.page_consul_wrap .page_con:first-child{ padding-top:0;}
.page_consul_wrap .page_con.bg1{ background-image:url(../images/sub/consulting_bg1.jpg);}
.page_consul_wrap .page_con.bg2{ background-image:url(../images/sub/consulting_bg2.jpg);}
.page_consul_wrap .page_con.bg3{ background:#f6f6f6;}

.page_consul_wrap .training_txt{ text-align:center;}
.page_consul_wrap .training_txt .con{ margin-top:1.75em; letter-spacing:-1px;}
.page_consul_wrap .training_txt .con:first-child{ margin-top:0;}
.page_consul_wrap .training_txt .con .t1{ font-size:1.125em; color:#444; font-weight:400; line-height:1.7;}
.page_consul_wrap .training_txt .con .t2{ font-family:'YanoljaYacheR','NotoSans',sans-serif; font-size:2em; color:#d45e6f;}

.page_img_list{ max-width:100%; margin:0 auto;}
.page_img_list.w_sec3{ width:1005px;}
.page_img_list.w_sec4{ width:1260px;}
.page_img_list.w_sec3 .list > .el{ flex:1 1 33.33%; max-width:33.33%;}
.page_img_list.w_sec4 .list > .el{ flex:1 1 25%; max-width:25%;}

.page_img_list .list{ margin-bottom:-3.25em;}
.page_img_list .list > .el{ padding:0 .5em;}
.page_img_list .list > .el .inner{ margin-bottom:3.25em; text-align:center;}
.page_img_list .list > .el .inner .img{ position:relative; display:inline-block; width:10.938em; max-width:100%;}
.page_img_list .list > .el .inner .img:before{ content:""; position:absolute; z-index:1; top:50%; right:100%; width:13.5em; height:1px; background:#000; opacity:.12;}
.page_img_list .list > div.el:first-of-type .inner .img:before{ display:none;}
.page_img_list .list > .el .inner .img .resize{ z-index:2; border-radius:100%; overflow:hidden;}
.page_img_list .list > .el .inner .img img{ width:100%; height:100%;}
.page_img_list .list > .el .inner .txt{ margin-top:1.125em;}
.page_img_list .list > .el .inner .txt .tt{ color:#444; letter-spacing:-.5px;}
.page_img_list .list > .el .inner .txt .t1{ font-weight:400; line-height:1.4;}
.page_img_list .list > .el .inner .txt .t2{ font-size:1.125em; line-height:1.6;}
.page_img_list .list > .el .inner .txt .t3{ font-size:.875em; color:#777; font-weight:300; line-height:1.6; letter-spacing:0; margin-top:.375em;}

.page_img_list.st1 .list > p.blank:nth-of-type(3),
.page_img_list.st2 .list > p.blank:nth-of-type(2),
.page_img_list.st3 .list > p.blank:nth-of-type(4){ flex:1 1 100%; max-width:100%;}
.page_img_list.st1 .list > div.el:nth-of-type(4) .inner .img:before,
.page_img_list.st2 .list > div.el:nth-of-type(3) .inner .img:before,
.page_img_list.st3 .list > div.el:nth-of-type(5) .inner .img:before{ display:none;}

.page_box_list{}
.page_box_list .list{ padding:0 0 0 1px; font-family:'Notokr','NotoSans',sans-serif;}
.page_box_list .list > li{ flex:1;}
.page_box_list .list > li .inner{ flex:1; margin:0 0 0 -1px; background:rgba(255,255,255,.5); border:1px solid #dbdbdb; letter-spacing:-.5px;}
.page_box_list .list > li .inner .en{ letter-spacing:0 !important;}
.page_box_list .list > li .inner .tit{ height:5em; padding:0 .5em; background:#fff; border-bottom:1px solid #dbdbdb;}
.page_box_list .list > li .inner .tit .tt{ display:inline-block; padding:.375em 0; border-bottom:1px solid #393939; font-size:1.125em; color:#393939;}
.page_box_list .list > li .inner .con{ padding:1.875em 3.125em;}
.page_box_list .list > li .inner .con > li{ padding:.313em 0;}
.page_box_list .list > li .inner .con > li .tt{ color:#7e7e7e; font-weight:400;}
.page_box_list .list > li .inner .con > li.icon .tt{ position:relative; padding-left:1em;}
.page_box_list .list > li .inner .con > li.icon .tt:before{ content:"\f04b"; font-family:'Font Awesome 5 Free'; font-weight:900; font-size:.625em; color:#cf4055; position:absolute; top:.375em; left:0;}

.page_icon_list{}
.page_icon_list .list{ margin:0 0 -2.875em -4em; font-family:'Notokr','NotoSans',sans-serif;}
.page_icon_list .list > li{ flex:1 1 50%; max-width:50%;}
.page_icon_list .list > li .inner{ margin:0 0 2.875em 4em; letter-spacing:-.5px;}
.page_icon_list .list > li .inner .img .icon{ width:6em; height:6em; border:1px solid #ff95a5; border-radius:100%;}
.page_icon_list .list > li .inner .img .icon img{ width:3.5em;}
.page_icon_list .list > li .inner .con{ flex:1; padding:0 1.75em;}
.page_icon_list .list > li .inner .con .tit{ margin-bottom:.75em;}
.page_icon_list .list > li .inner .con .tit .tt{ font-size:1.313em; color:#d45e6f; font-weight:500;}
.page_icon_list .list > li .inner .con .txt > li{}
.page_icon_list .list > li .inner .con .txt > li .tt{ font-size:.938em; color:#444; line-height:1.5;}
.page_icon_list .list > li .inner .con .txt > li.icon .tt{ position:relative; padding-left:.75em; line-height:1.6;}
.page_icon_list .list > li .inner .con .txt > li.icon .tt:before{ content:""; position:absolute; top:.75em; left:0; width:4px; height:2px; background:#444;}

.page_step_list{ width:1080px; max-width:100%; margin:0 auto;}
.page_step_list .list{ margin:0 0 -5.5em 0;}
.page_step_list .list > li{ flex:1 1 25%; max-width:25%; text-align:center; letter-spacing:-1px;}
.page_step_list .list > li .inner{ margin:0 0 5.5em 0;}
.page_step_list .list > li .inner .step{ margin-bottom:1.25em;}
.page_step_list .list > li .inner .step .tt{ display:inline-block; min-width:5em; padding:.313em .5em; background:#f2f2f2; border-radius:6em; font-size:1.125em; color:#3c3c3c; text-transform:uppercase;}
.page_step_list .list > li .inner .con .in_wrap{ position:relative; display:inline-block; width:10.125em; height:10.125em; border-radius:100%; background:#cadce2;}
.page_step_list .list > li .inner .con .in_wrap:before,
.page_step_list .list > li .inner .con .in_wrap:after { content:""; position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; border-radius:100%;}
.page_step_list .list > li .inner .con .in_wrap:before{ box-shadow:inset 2px -2px 4px rgba(0,0,0,.1);}
.page_step_list .list > li .inner .con .in_wrap:after { box-shadow:inset -3px 0 3px rgba(255,255,255,.15);}
.page_step_list .list > li .inner .con .in_wrap .txt{ position:absolute; z-index:3; top:.75em; bottom:.75em; left:.75em; right:.75em; border-radius:100%; background:#fff;}
.page_step_list .list > li .inner .con .in_wrap .txt .tt{ font-size:1.188em; color:#232323; line-height:1.4;}
.page_step_list .list > li .inner .con .in_wrap .arrow{ position:absolute; z-index:1; top:50%; left:60%; width:50%; height:50%; transform:translateY(-50%) rotate(45deg); background:#cadce2;}
.page_step_list .list > li:last-child .inner .con .in_wrap .arrow{ display:none;}
.page_step_list .list > li:nth-child(4) .inner .con .in_wrap .arrow{ top:60%; left:50%; transform:translateX(-50%) rotate(45deg);}
.page_step_list .list > li:nth-child(5) .inner .con .in_wrap .arrow,
.page_step_list .list > li:nth-child(6) .inner .con .in_wrap .arrow,
.page_step_list .list > li:nth-child(7) .inner .con .in_wrap .arrow{ left:auto; right:60%;}
.page_step_list .list > li:nth-child(1) .inner .con .in_wrap,
.page_step_list .list > li:nth-child(1) .inner .con .in_wrap .arrow{ background:#cadce2;}
.page_step_list .list > li:nth-child(2) .inner .con .in_wrap,
.page_step_list .list > li:nth-child(2) .inner .con .in_wrap .arrow{ background:#b8d1d9;}
.page_step_list .list > li:nth-child(3) .inner .con .in_wrap,
.page_step_list .list > li:nth-child(3) .inner .con .in_wrap .arrow{ background:#a6c5cf;}
.page_step_list .list > li:nth-child(4) .inner .con .in_wrap,
.page_step_list .list > li:nth-child(4) .inner .con .in_wrap .arrow{ background:#95b9c6;}
.page_step_list .list > li:nth-child(5) .inner .con .in_wrap,
.page_step_list .list > li:nth-child(5) .inner .con .in_wrap .arrow{ background:#83aebc;}
.page_step_list .list > li:nth-child(6) .inner .con .in_wrap,
.page_step_list .list > li:nth-child(6) .inner .con .in_wrap .arrow{ background:#71a2b3;}
.page_step_list .list > li:nth-child(7) .inner .con .in_wrap,
.page_step_list .list > li:nth-child(7) .inner .con .in_wrap .arrow{ background:#5f96a9;}
.page_step_list .list > li:nth-child(8) .inner .con .in_wrap,
.page_step_list .list > li:nth-child(8) .inner .con .in_wrap .arrow{ background:#538ea3;}

.page_step_list .list > li:nth-child(1),
.page_step_list .list > li:nth-child(2),
.page_step_list .list > li:nth-child(3),
.page_step_list .list > li:nth-child(4){ order:-1;}
.page_step_list .list > li:nth-child(5){ order:4;}
.page_step_list .list > li:nth-child(6){ order:3;}
.page_step_list .list > li:nth-child(7){ order:2;}
.page_step_list .list > li:nth-child(8){ order:1;}


/**********************************/
/*POPUP****************************/
.popWrap.popAgree{ width:50em;}


/*****************************/
/*MAIN************************/
.main{ overflow:hidden; height:100%;}
.main .section:not(#section0){ opacity:0; visibility:hidden;}
.main.fp-enabled .section:not(#section0){ opacity:1; visibility:visible;}

.main_visual,
.main_visual .visual{ position:relative;}
.main_visual .visual,
.main_visual .visual .el{ height:100vh;}
.main_visual .visual .el{ position:absolute; z-index:1; top:0; left:0; width:100%;}
.main_visual .visual .el:first-child{ z-index:2;}
.main_visual .visual .el .bg{ position:absolute; top:0; left:0; width:100%; height:100%;}
.main_visual .visual .el .slogan{ position:absolute; top:32.5%; left:0; width:100%; text-align:center; color:#fff; display:none;}
.main_visual .visual .el .slogan .tt1{ position:relative; font-family:'ng','NotoSans',sans-serif; font-size:4.625em; font-weight:700; letter-spacing:.2em; text-indent:.2em; margin-bottom:.25em; top:-20px;}
.main_visual .visual .el .slogan .tt2{ position:relative; font-size:1.500em; font-weight:500; line-height:1.5;}
.main_visual .visual .el .bg{ display:none;}
.main_visual .visual .el:first-child .bg{ display:block;}

.main_visual .dot_wrap{ position:absolute; z-index:99; left:50%; bottom:13em; transform:translateX(-50%);}
.main_visual .dot_wrap > ul > li{ display:inline-block; margin:0 .125em;}
.main_visual .dot_wrap > ul > li button{ display:block; width:.688em; height:.688em; background:#fff; border:none; border-radius:100%; text-indent:-99999px; overflow:hidden;}
.main_visual .dot_wrap > ul > li.active button{ width:2.375em; background:#e14f64; border-radius:5em; transition:.5s;}

.main_visual .menu_wrap{ position:absolute; z-index:99; left:0; right:0; bottom:0;}
.main_visual .menu_wrap .list{ padding:0 0 0 1px;}
.main_visual .menu_wrap .list > li{ flex:1;}
.main_visual .menu_wrap .list > li .in{ display:block; box-sizing:border-box; height:100%; margin:0 0 0 -1px; padding:1.875em 1.75em 1.625em 1.75em; border:solid #fff; border-width:1px 1px 0 1px;}
.main_visual .menu_wrap .list > li .in .num{ height:2.063em; border-bottom:1px solid rgba(255,255,255,.4); overflow:hidden;}
.main_visual .menu_wrap .list > li .in .num .tt{ display:block; margin-top:-.125em; font-size:3.625em; color:#cdcdcd; font-weight:900; line-height:1; letter-spacing:-3px;}
.main_visual .menu_wrap .list > li .in .txt{ padding-top:1.25em;}
.main_visual .menu_wrap .list > li .in .txt .tt{ padding:.125em 0; color:#d8d8d8;}
.main_visual .menu_wrap .list > li .in .txt .t1{ font-size:.813em;}
.main_visual .menu_wrap .list > li .in .txt .t2{ font-size:1.250em; letter-spacing:-1px;}
.main_visual .menu_wrap .list > li .in:hover .num .tt,
.main_visual .menu_wrap .list > li .in:hover .txt .t2{ color:#e14f64;}

/**/
.main #section0{ height:100vh;}
.main .section{ background-repeat:no-repeat; background-position:50% 50%; background-attachment:fixed; background-size:cover;}
.main_wrap{ padding:7em 0 11em 0;}
.main_wrap.full{ padding:0; height:100%;}
.main_wrap.full.flex .col_in{ flex:1 1 auto;}
#section2 .main_wrap.full.flex .col_in{ flex:1 1 48%;}
#section2 .main_wrap.full.flex .col_in:not(:first-child){ flex:1 1 52%;}

.main_tit{ margin-bottom:1.5em; text-align:center; letter-spacing:-1px;}
.main_tit .tit:after{ content:""; display:block; margin:1.375em auto 0 auto; width:2.75em; height:5px; background:#e14f64;}
.main_tit .tit .tt{ font-size:1.500em; color:#141414; font-weight:900; text-transform:uppercase;}
.main_tit .txt{ margin-top:1.5em;}
.main_tit .txt .tt{ font-size:1.250em; color:#4d4d4d; line-height:1.4;}

.main_tit.st1{}
.main_tit.st2 .tit:after{ background:#fff;}
.main_tit.st2 .tit .tt{ color:#fff;}
.main_tit.st2 .txt .tt{ color:#fff;}

.main_consul_wrap{ padding:6em 0 1em 0; background-image:url(../images/main/consulting_bg.jpg); overflow:hidden;}
.main_consul_wrap .menu_wrap{}
.main_consul_wrap .menu_wrap .list{ margin:0 0 -3.5em -3.5em;}
.main_consul_wrap .menu_wrap .list > li{ flex:1;}
.main_consul_wrap .menu_wrap .list > li .in{ flex:1; margin:0 0 3.5em 3.5em;}
.main_consul_wrap .menu_wrap .list > li .in .num{ height:3.75em; border-bottom:1px solid #c2c2c2; overflow:hidden;}
.main_consul_wrap .menu_wrap .list > li .in .num .tt{ display:block; padding-top:.25em; font-size:3.875em; color:#cdcdcd; font-weight:900; line-height:1; letter-spacing:-3px;}
.main_consul_wrap .menu_wrap .list > li .in .txt{ padding:1.375em 0 2.25em 0;}
.main_consul_wrap .menu_wrap .list > li .in .txt .tt{ font-weight:500;}
.main_consul_wrap .menu_wrap .list > li .in .txt .t1{ font-size:.813em; color:#2d2d2d; margin-bottom:.5em;}
.main_consul_wrap .menu_wrap .list > li .in .txt .t2{ font-size:1.563em; color:#e14f64; letter-spacing:-.5px;}
.main_consul_wrap .menu_wrap .list > li .in .btn{ height:2.125em; padding:0 .5em; background:#fff; border:1px solid #b3b3b3; color:#7c7c7c;}
.main_consul_wrap .menu_wrap .list > li .in .btn .tt{ font-size:.688em; font-weight:400; letter-spacing:.1em; text-transform:uppercase;}
.main_consul_wrap .menu_wrap .list > li.on .in .num .tt{ color:#e14f64;}
.main_consul_wrap .menu_wrap .list > li.on .in .btn{ background:#e14f64; border-color:#e14f64; color:#fff;}

.main_ceo_wrap{ padding:1.5em 0; background:#cf4055; overflow:hidden;}
.main_ceo_wrap .ceo_wrap{ padding:0 5.75em;}
.main_ceo_wrap .ceo_wrap .list > li{ flex:1;}
.main_ceo_wrap .ceo_wrap .list > li .in{ flex:1; position:relative; padding:0 3.25em .75em 3.25em; text-align:center; color:#fff; letter-spacing:-1px;}
.main_ceo_wrap .ceo_wrap .list > li .in:before{ content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:#fff; opacity:.2;}
.main_ceo_wrap .ceo_wrap .list > li .in:after{ content:""; position:absolute; top:0; left:0; width:100%; height:1px; background:#fff; opacity:.2; display:none;}
.main_ceo_wrap .ceo_wrap .list > li:first-child .in:before{ display:none;}
.main_ceo_wrap .ceo_wrap .list > li .in .tit{ height:4.5em; text-align:left !important;}
.main_ceo_wrap .ceo_wrap .list > li .in .tit .icon{ margin-right:.75em;}
.main_ceo_wrap .ceo_wrap .list > li .in .tit .icon img{ width:3.5em;}
.main_ceo_wrap .ceo_wrap .list > li .in .tit .tt{ font-size:1.250em; text-transform:uppercase;}
.main_ceo_wrap .ceo_wrap .list > li .in .txt{ height:1.875em; padding:0 .5em; background:#de5b6d;}
.main_ceo_wrap .ceo_wrap .list > li .in .txt .tt{ font-size:.938em; font-weight:300;}
.main_ceo_wrap .ceo_wrap .list > li .in .desc{ display:inline-block; margin-top:.75em;}
.main_ceo_wrap .ceo_wrap .list > li .in .desc > li{ padding:.125em 0; text-align:left;}
.main_ceo_wrap .ceo_wrap .list > li .in .desc > li .tt{ position:relative; display:block; padding-left:.5em; font-weight:300;}
.main_ceo_wrap .ceo_wrap .list > li .in .desc > li .tt:before{ content:""; position:absolute; top:.5em; left:0; width:4px; height:1px; background:#fff;}

.main .slide_wrap{ position:relative;}
.main .slide_wrap .arrow_wrap{ position:absolute; top:50%; left:0; right:0;}
.main .slide_wrap .arrow_wrap > li{ position:absolute; top:0; transform:translateY(-50%);}
.main .slide_wrap .arrow_wrap > li.prev{ left:0;}
.main .slide_wrap .arrow_wrap > li.next{ right:0;}
.main .slide_wrap .arrow_wrap > li .in{ display:block;}
.main .slide_wrap .arrow_wrap > li .in img{ width:1.125em;}

.main_notice_wrap{ padding:6em 0 2em 0; background:#f6f6f6; border-bottom:1px solid #d0d6e4; overflow:hidden;}
.main_notice_wrap .notice_wrap{ padding:0 3.313em;}
.main_notice_wrap .notice_wrap .inH{ box-sizing:border-box; height:17.5em;}
.main_notice_wrap .notice_wrap .inner{ position:relative; padding:0 25%;}
.main_notice_wrap .notice_wrap .tit_wrap{ position:absolute; top:0; left:0; right:0;}
.main_notice_wrap .notice_wrap .tit_wrap > li{ flex:1 1 25%; max-width:25%;}
.main_notice_wrap .notice_wrap .tit_wrap > li .in_wrap{ flex:1;}
.main_notice_wrap .notice_wrap .tit_wrap > li.more .in_wrap{ margin-right:.688em; padding:1em 1em; position:relative;}
.main_notice_wrap .notice_wrap .tit_wrap > li.img .in_wrap { margin-left:.688em; border:1px solid #d7d7d7; background-image:url(../images/main/notice_img.jpg);}

.main_notice_wrap .notice_wrap .tit_wrap .more .in_wrap:before{ content:""; position:absolute; top:0; bottom:0; left:0; right:0; border:.688em solid #e14f64; transition:.2s;}
.main_notice_wrap .notice_wrap .tit_wrap .more .in_wrap .tit{ font-size:1.500em; color:#141414; font-weight:900; text-transform:uppercase;}
.main_notice_wrap .notice_wrap .tit_wrap .more .in_wrap .txt{ color:#4d4d4d; font-weight:400; line-height:1.4;}
.main_notice_wrap .notice_wrap .tit_wrap .more .in_wrap .icon{ margin:1.625em 0;}
.main_notice_wrap .notice_wrap .tit_wrap .more .in_wrap .icon .in{ width:4.75em; height:4.75em; background:#fff; border-radius:100%; transition:.8s ease;}
.main_notice_wrap .notice_wrap .tit_wrap .more .in_wrap .icon .in img{ width:2.75em;}
.main_notice_wrap .notice_wrap .tit_wrap .more .in_wrap .btn{ position:absolute; right:0; bottom:0; width:2.875em; height:3.25em; background:#f6f6f6;}
.main_notice_wrap .notice_wrap .tit_wrap .more .in_wrap .btn .in{ width:100%; height:100%; transition:.2s;}
.main_notice_wrap .notice_wrap .tit_wrap .more .in_wrap .btn .in img{ width:1.25em; transform:translateX(0);}
.main_notice_wrap .notice_wrap .tit_wrap .more .in_wrap:hover .icon .in{ box-shadow:0 0 1.5em rgba(0,0,0,.15);}

.main_notice_wrap .notice_wrap .tit_wrap .more .in_wrap:hover .btn .in img{ animation-name:moreAni; animation-duration:2.6s; animation-iteration-count:infinite;}

.section:not(.aniActive) .main_notice_wrap .notice_wrap .tit_wrap .more .in_wrap:before{ opacity:0; visibility:hidden;}
.section.active .main_notice_wrap .notice_wrap .tit_wrap .more .in_wrap:before{ opacity:1; visibility:visible; transition:2s; transition-delay:1.4s;}


@keyframes moreAni{
0% { transform:translateX(0);}
25% { transform:translateX(.5em);}
50% { transform:translateX(0);}
75% { transform:translateX(.5em);}
100% { transform:translateX(0);}
}

.main_notice_wrap .notice_wrap .slide_list{ margin-right:-.688em;}
.main_notice_wrap .notice_wrap .slide_list .el .in{ margin-right:.688em; padding:2em 1.75em; background:#fff; border:1px solid #ccc; color:#2a2929; letter-spacing:-.5px; line-height:1.5em; transition:border-color 0.3s ease;}
.main_notice_wrap .notice_wrap .slide_list .el .in .tt{ display:block; word-break:break-all; word-wrap:break-word;}
.main_notice_wrap .notice_wrap .slide_list .el .in .tit{ height:3em; overflow:hidden;}
.main_notice_wrap .notice_wrap .slide_list .el .in .tit .tt{ font-size:1.128em; font-weight:500; letter-spacing:-1px;}
.main_notice_wrap .notice_wrap .slide_list .el .in .txt{ height:6em; margin-top:1.25em; overflow:hidden;}
.main_notice_wrap .notice_wrap .slide_list .el .in .txt .tt{ font-size:.938em; color:#4b4b4b;}
.main_notice_wrap .notice_wrap .slide_list .el .in .txt .tt *{ font-family:inherit !important; font-size:inherit !important; vertical-align:baseline;}
.main_notice_wrap .notice_wrap .slide_list .el .in .date{ padding-top:1em;}
.main_notice_wrap .notice_wrap .slide_list .el .in .date .tt{ font-size:.875em;}
.main_notice_wrap .notice_wrap .slide_list .el .in:hover{ border-color:#555;}

.main_customer_wrap{ padding:2em 0;}
.main_cs_wrap{ overflow:hidden; box-sizing:border-box; height:100%;}
.main_cs_wrap .list{ margin:0 0 0 -1.25em; height:100%;}
.main_cs_wrap .list > li{ flex:1;}
.main_cs_wrap .list > li .inner{ flex:1; margin:0 0 0 1.25em; padding:2em 1.5em; text-align:center;}
.main_cs_wrap .list > li .inner .inH{ width:100%; height:22em;}
.main_cs_wrap .list > li .inner,
.main_cs_wrap .list > li .inner .tt{ color:#fff;}
.main_cs_wrap .list > li .inner .tit{ margin-bottom:1em;}
.main_cs_wrap .list > li .inner .tit .t1{ font-size:.813em; letter-spacing:6px; text-transform:uppercase; margin-bottom:.5em;}
.main_cs_wrap .list > li .inner .tit .t2{ font-size:1.438em; font-weight:400; letter-spacing:4px;}
.main_cs_wrap .list .con_wrap{ padding-top:1em;}
.main_cs_wrap .list .cs .con_wrap{ text-align:left;}
.main_cs_wrap .list .cs .con_wrap .con{ margin-top:1.25em;}
.main_cs_wrap .list .cs .con_wrap .con:first-child{ margin-top:0;}
.main_cs_wrap .list .cs .con_wrap .con .icon img{ width:1.5em;}
.main_cs_wrap .list .cs .con_wrap .con .txt{ flex:1 1 auto; margin-left:.75em;}
.main_cs_wrap .list .cs .con_wrap .con .tt{ letter-spacing:.5px; line-height:1.3;}
.main_cs_wrap .list .cs .con_wrap .con .t1{ font-size:.875em; font-weight:300;}
.main_cs_wrap .list .cs .con_wrap .con .t2{ font-size:.938em; font-weight:300;}
.main_cs_wrap .list .cs .con_wrap .con .t3{ font-size:1.125em;}
.main_cs_wrap .list .cs .con_wrap .con .t4{ font-size:.938em; font-weight:400;}
.main_cs_wrap .list .cs .con_wrap .con .txt.flex .wd1{ padding:0 .25em .063em 0;}
.main_cs_wrap .list .cs .con_wrap .con .txt.flex .wd2{ flex:1 1 auto;}

.main_cs_wrap .list .inquiry .con_wrap{ width:25.5em; max-width:100%; margin:0 auto;}
.main_cs_wrap .list .inquiry .con_wrap .con{ margin-top:.25em;}
.main_cs_wrap .list .inquiry .con_wrap .con:first-child{ margin-top:0;}
.main_cs_wrap .list .inquiry .con_wrap .con .in{ position:relative;}
.main_cs_wrap .list .inquiry .con_wrap > li.flex .in{ margin-left:.25em;}
.main_cs_wrap .list .inquiry .con_wrap > li.flex:not(.btn) .in{ flex:1;}
.main_cs_wrap .list .inquiry .con_wrap > li.flex .in:first-child{ margin-left:0;}
.main_cs_wrap .list .inquiry .con_wrap > li.flex .sec{ padding:0 .375em; font-size:.813em;}
.main_cs_wrap .list .inquiry .con_wrap > li.flex .sec + .in{ margin-left:0;}
.main_cs_wrap .list .inquiry .con_wrap .con .in .inp{ display:inline-block; box-sizing:border-box; width:100%; height:2.125rem; padding:.313rem .313rem .313rem .75rem; border:1px solid #fff; background:none; font-size:.938em; color:#fff; font-weight:400;}
.main_cs_wrap .list .inquiry .con_wrap .con .in .inp:not(select){
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;}
.main_cs_wrap .list .inquiry .con_wrap .con .in select.inp{ padding-left:.5rem; font-size:.813em;}
.main_cs_wrap .list .inquiry .con_wrap .con .in select.inp option{ color:#000;}
.main_cs_wrap .list .inquiry .con_wrap .con .in textarea.inp{ height:7rem; padding-top:.625rem; font-size:.813em; resize:none;}
.main_cs_wrap .list .inquiry .con_wrap .con .in .inp:placeholder{ font-size:.750em; color:#fff !important;}
.main_cs_wrap .list .inquiry .con_wrap .con .in .inp:-ms-input-placeholder{ font-size:.750em; color:#fff !important;}
.main_cs_wrap .list .inquiry .con_wrap .con .in .inp::-webkit-input-placeholder{ font-size:.750em; color:#fff !important;}
.main_cs_wrap .list .inquiry .con_wrap .con .in .inp::-ms-clear{ width:1.063rem; height:1.063rem; border:1px solid #fff;}

.main_cs_wrap .list .inquiry .con_wrap .con .in .error{ position:absolute; top:.125em; left:.75em; min-height:1em; padding:.063em 1.25em 0 0; background:url(../images/main/icon_warn.png) no-repeat 100% 0%; background-size:1em 1em;}
.main_cs_wrap .list .inquiry .con_wrap .con .in .error .tt{ font-size:.750em; color:#444; font-weight:700;}

.main_cs_wrap .list .inquiry .con_wrap .btn.flex .in:not(.spam){ flex:1 1 auto;}
.main_cs_wrap .list .inquiry .con_wrap .btn.flex .in.spam{ width:302px; height:76px;}
.main_cs_wrap .list .inquiry .con_wrap .btn{ margin-top:.25em; text-align:left;}
.main_cs_wrap .list .inquiry .con_wrap .btn .inp_btn{  display:inline-block; box-sizing:border-box; width:100%; height:100%; background:#fff; border:none; font-size:.938em; font-weight:700;}

.g-recaptcha > div{}

.main_family_wrap{}
.main_family_wrap .slide_wrap{ padding:0 3.125em;}
.main_family_wrap .slide_wrap .slide_list{ margin-right:-.813em;}
.main_family_wrap .slide_wrap .slide_list,
.main_family_wrap .slide_wrap .slide_list .el .in{ height:8em; box-sizing:border-box;}
.main_family_wrap .slide_wrap .slide_list .el .in{ margin-right:.813em; padding:1em;}
.main_family_wrap .slide_wrap .slide_list .el .in img{ max-height:70%;}

/**/
.mainNav{ position:fixed; z-index:99; right:3.125em; top:50%; transform:translateY(-50%); white-space:nowrap;}
.mainNav .list > li{ margin:1.25em 0;}
.mainNav .list > li .in .tt{ position:relative; padding:.375em 1em; background:#fff; border-radius:5em; font-size:.688em; text-transform:uppercase; opacity:0; visibility:hidden; transition:.2s;}
.mainNav .list > li .in .icon{ position:relative; width:.75em; height:.75em;}
.mainNav .list > li .in .icon:before,
.mainNav .list > li .in .icon:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; border-radius:100%; transition:all .5s;}
.mainNav .list > li .in .icon:before{ opacity:.9;
-webkit-transform:matrix(1, 0, 0, 1, 0, 0);
-ms-transform:matrix(1, 0, 0, 1, 0, 0);
transform:matrix(1, 0, 0, 1, 0, 0);}
.mainNav .list:hover > li .in .icon:before{ opacity:0;
-webkit-transform:matrix(4.5, 0, 0, 4.5, 0, 0);
-ms-transform:matrix(4.5, 0, 0, 4.5, 0, 0);
transform:matrix(4.5, 0, 0, 4.5, 0, 0);}
.mainNav .list:hover > li .in .tt{ margin-right:1em; opacity:1; visibility:visible;}
.mainNav.active .list > li .in .tt{ background:#222; color:#fff;}
.mainNav.active .list > li .in .icon:before,
.mainNav.active .list > li .in .icon:after { background:#222;}
.mainNav .list > li.on .in .tt{ margin-right:1em; opacity:1; visibility:visible; background:#ff95a5; color:#fff;}
.mainNav .list > li.on .in .icon:after{ background:#ff95a5; -webkit-transform:matrix(1.5, 0, 0, 1.5, 0, 0); -ms-transform:matrix(1.5, 0, 0, 1.5, 0, 0); transform:matrix(1.5, 0, 0, 1.5, 0, 0);}

.section:not(.aniActive) .mAni{ opacity:0; visibility:hidden; transition:all .4s;}
.section:not(.aniActive) .mAni.aniT{ transform:translateY(6em);}
.section:not(.aniActive) .mAni.aniB{ transform:translateY(-6em);}
.section:not(.aniActive) .mAni.aniScale{ transform:scale(.7);}
.section.active .mAni{ opacity:1; visibility:visible; transition:all .8s; transition-delay:.6s;}
.section.active .mAni.aniT,
.section.active .mAni.aniB{ transform:translateY(0);}
.section.active .mAni.aniScale{ transform:scale(1);}

.section.active .mAni.delay1{ transition-delay:.8s;}
.section.active .mAni.delay2{ transition-delay:1.1s;}
.section.active .mAni.delay3{ transition-delay:1.4s;}