@charset "UTF-8";

.footer_margin_none + .footer{margin-top:0 !important;min-height:0 !important;}


.page_20th_anni{}
.page_20th_anni *{letter-spacing:-0.025em;}


/*width:1200px;*/
.page_20th_anni .page_width{width:1220px;margin:0 auto;padding:0 10px;box-sizing:border-box;}


.page_20th_anni .inner{position:relative;}
.page_20th_anni .inner:after{content:"";display:block;clear:both;}
.page_20th_anni .inner_box{position:relative;}
.page_20th_anni .inner_box:after{content:"";display:block;clear:both;}


.page_20th_anni .header{position:relative;margin:0 auto;max-width:1920px;min-width:1200px;height:612px;background-color:#f3fcfb;background-image:url(../images/20th_anni/header.jpg);background-position:center top;background-size:auto 100%;background-repeat:no-repeat;}
.page_20th_anni .header .inner{position:relative;height:100%;}
.page_20th_anni .header .inner_box{position:relative;height:100%;}
.page_20th_anni .header .shortcuts{position:absolute;left:22px;top:490px;font-size:20px;line-height:1;}
.page_20th_anni .header .shortcuts ul{margin:0;padding:0;list-style:none;}
.page_20th_anni .header .shortcuts ul:after{content:"";display:block;clear:both;}
.page_20th_anni .header .shortcuts ul li{float:left;}
.page_20th_anni .header .shortcuts ul li:nth-child(n+2):before{float:left;content:"|";margin:0 15px;}
.page_20th_anni .header .shortcuts .item{display:block;margin:0;padding:0;-webkit-appearance:none;border:0;border-radius:0;height:1em;line-height:1;font-size:1em;color:#333333;font-weight:500;text-align:center;white-space:nowrap;background-color:transparent;cursor:pointer;}


.page_20th_anni .page_sections{}
.page_20th_anni .page_sections .page_section{}
.page_20th_anni .page_sections .page_section .section_title{margin-bottom:30px;}
.page_20th_anni .page_sections .page_section .section_title .title{margin:0;padding:0;display:block;text-align:center;color:#6497ce;font-size:36px;line-height:1.3;font-weight:500;}
.page_20th_anni .page_sections .page_section .section_title .title b{font-weight:inherit;color:#54c4af;}
.page_20th_anni .page_sections .page_section .section_title .description{margin:0;padding:0;display:block;text-align:center;color:#68a1c0;font-size:18px;line-height:1.3;font-weight:400;margin-top:15px;}
.page_20th_anni .page_sections .page_section .section_content{}
.page_20th_anni .page_sections .page_section[page-section="fair"]{margin-top:130px;}
.page_20th_anni .page_sections .page_section[page-section="webtoon"]{margin-top:80px;}
.page_20th_anni .page_sections .page_section[page-section="congratulation"]{margin-top:150px;}
.page_20th_anni .page_sections .page_section[page-section="congratulation_list"]{margin-top:60px;}
.page_20th_anni .page_sections .page_section[page-section="history"]{margin-top:190px;}
.page_20th_anni .page_sections .page_section[page-section="contacts"]{margin-top:100px;}


.page_20th_anni .group_fair{min-width:1200px;}
.page_20th_anni .group_fair ul{margin:0;padding:0;list-style:none;}
.page_20th_anni .group_fair ul:after{content:"";display:block;clear:both;}
.page_20th_anni .group_fair ul li{float:left;width:33.333%;}
.page_20th_anni .group_fair .item{position:relative;display:block;height:820px;background-color:#000000;cursor:pointer;overflow:hidden;}
.page_20th_anni .group_fair .item.size_half{height:410px;}
.page_20th_anni .group_fair .item .bg{position:absolute;left:0;top:0;width:calc(100% + 50px);height:100%;background-size:cover;background-repeat:no-repeat;background-position:center left;left:-50px;transition:left ease 0.5s;}
.page_20th_anni .group_fair .item .bg:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000000;opacity:0.3;transition:opacity ease 0.5s;}
.page_20th_anni .group_fair .item .titles_en{position:absolute;z-index:1;top:55px;right:35px;text-align:right;color:#FFFFFF;}
.page_20th_anni .group_fair .item .titles_en .subtitle{margin:0;padding:0;font-size:15px;font-weight:700;line-height:1;text-transform:uppercase;}
.page_20th_anni .group_fair .item .titles_en .subtitle .small{text-transform:lowercase;}
.page_20th_anni .group_fair .item .titles_en .title{margin:0;padding:0;font-size:24px;font-weight:500;line-height:1;margin-top:10px;text-transform:uppercase;}
.page_20th_anni .group_fair .item .titles{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#FFFFFF;}
.page_20th_anni .group_fair .item .titles .subtitle{margin:0 auto;padding:0;font-size:18px;font-weight:500;line-height:1.2;text-transform:uppercase;padding-bottom:8px;border-bottom:1px solid #FFFFFF;width:240px;opacity:0;padding-top:50px;padding-bottom:20px;transition:opacity ease 0.5s,padding-top ease 0.5s,padding-bottom ease 0.5s;}
.page_20th_anni .group_fair .item .titles .title{margin:0;padding:0;font-size:40px;font-weight:500;line-height:1.2;margin-top:35px;text-transform:uppercase;opacity:0;margin-top:50px;transition:opacity ease 0.5s,margin-top ease 0.5s;}
.page_20th_anni .group_fair .item:hover{}
.page_20th_anni .group_fair .item:hover .bg{left:0;}
.page_20th_anni .group_fair .item:hover .bg:before{opacity:0.5;}
.page_20th_anni .group_fair .item:hover .titles .subtitle{opacity:1;padding-top:0;padding-bottom:8px;}
.page_20th_anni .group_fair .item:hover .titles .title{opacity:1;margin-top:35px;}
.page_20th_anni .group_fair .item.item1 .bg{background-image:url(../images/20th_anni/group_fair_bg8.jpg);}
.page_20th_anni .group_fair .item.item2 .bg{background-image:url(../images/20th_anni/group_fair_bg2.half.jpg);}
.page_20th_anni .group_fair .item.item3 .bg{background-image:url(../images/20th_anni/group_fair_bg7.jpg);}
.page_20th_anni .group_fair .item.item4 .bg{background-image:url(../images/20th_anni/group_fair_bg4.jpg);background-position:top left;}
.page_20th_anni .group_fair .item.item5 .bg{background-image:url(../images/20th_anni/group_fair_bg5.jpg);background-position:top left;}


.page_20th_anni .group_webtoon{position:relative;}
.page_20th_anni .group_webtoon .webtoon{position:relative;padding-top:35px;}
.page_20th_anni .group_webtoon .webtoon:after{content:"";display:block;clear:both;}
.page_20th_anni .group_webtoon .webtoon .thumbnail{float:left;width:516px;background-color:#ffffff;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.page_20th_anni .group_webtoon .webtoon .thumbnail:before{content:"";display:block;padding-bottom:77.5%;}
.page_20th_anni .group_webtoon .webtoon .info{float:right;width:calc(100% - 516px);padding-left:83px;margin-top:35px;box-sizing:border-box;}
.page_20th_anni .group_webtoon .webtoon .info .titles{position:relative;color:#333333;}
.page_20th_anni .group_webtoon .webtoon .info .titles .subtitle{margin:0;padding:0;font-size:24px;font-weight:500;line-height:1.3;}
.page_20th_anni .group_webtoon .webtoon .info .titles .subtitle a{color:#333;}
.page_20th_anni .group_webtoon .webtoon .info .titles .title{margin:0;padding:0;font-size:30px;font-weight:500;line-height:1.3;margin-top:10px;}
.page_20th_anni .group_webtoon .webtoon .info .titles .title a{color:#333;}
.page_20th_anni .group_webtoon .webtoon .info .description{position:relative;color:#666666;line-height:1.66;margin-top:25px;font-size:18px;font-weight:400;}
.page_20th_anni .group_webtoon .webtoon .info .description a{color:#666666;}
.page_20th_anni .group_webtoon .webtoon .info .selector{position:relative;height:65px;background-color:#f3f3f3;margin-top:40px;font-size:18px;}
.page_20th_anni .group_webtoon .webtoon .info .selector:after{content:"";display:block;clear:both;}
.page_20th_anni .group_webtoon .webtoon .info .selector .title{margin:0;padding:0;position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:210px;font-size:20px;font-weight:400;color:#333333;line-height:1;padding:0 15px;box-sizing:border-box;}
.page_20th_anni .group_webtoon .webtoon .info .selector .title:before{content:"";display:block;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:50px;height:50px;background-position:center center;background-size:100%;background-repeat:no-repeat;}
.page_20th_anni .group_webtoon .webtoon .info .selector .select{position:relative;float:right;height:100%;width:calc(100% - 210px);}
.page_20th_anni .group_webtoon .webtoon .info .selector .select select{position:relative;margin:0;padding:0;outline:none;padding-right:45px;height:100%;width:100%;border:0;border-radius:0;-webkit-appearance:none;background-color:transparent;font-size:1em;font-weight:400;color:#333333;background-image:url(../images/20th_anni/group_webtoon_info_select_arrow.png);background-position:right 20px center;background-size:18px;background-repeat:no-repeat;box-sizing:border-box;cursor:pointer;}
.page_20th_anni .group_webtoon .webtoon .info .selector .select select:focus{outline:none;border:0 !important;box-shadow:none !important;}
.page_20th_anni .group_webtoon .webtoon .button{display:block;padding:0;-webkit-appearance:none;border:1px solid #95b0cf;border-radius:10px;width:40%;height:52px;line-height:calc(52px - 2px);font-size:18px;color:#3c72b0;font-weight:500;text-align:center;white-space:nowrap;background-color:#ffffff;box-sizing:border-box;cursor:pointer;}
.page_20th_anni .group_webtoon .webtoon .button:hover{background-color:#f7f7f7; transition: 0.5s;}


.page_20th_anni .group_webtoon .list{position:relative;}
.page_20th_anni .group_webtoon .list:before{content:"";display:block;border-top:2px dotted #cecece;margin:30px 0;}
.page_20th_anni .group_webtoon .list .list_title{position:relative;margin-bottom:30px;}
.page_20th_anni .group_webtoon .list .list_title .title{margin:0;padding:0;font-size:24px;font-weight:400;line-height:1.3;color:#333333;}
.page_20th_anni .group_webtoon .list .list_content{position:relative;font-size:18px;}
.page_20th_anni .group_webtoon .list .list_content ul{position:relative;margin:0;padding:0;list-style:none;}
.page_20th_anni .group_webtoon .list .list_content ul:after{content:"";display:block;clear:both;}
.page_20th_anni .group_webtoon .list .list_content ul li{float:left;width:calc(12.5% - 8.75px);margin-right:10px;}
.page_20th_anni .group_webtoon .list .list_content ul li:nth-child(8n){margin-right:0;}
.page_20th_anni .group_webtoon .list .list_content .item{position:relative;display:block;text-decoration:none;cursor:pointer;text-align:center;}
.page_20th_anni .group_webtoon .list .list_content .item .thumbnail{position:relative;background-color:#f7f7f7;background-size:cover;background-repeat:no-repeat;background-position:center center}
.page_20th_anni .group_webtoon .list .list_content .item .thumbnail:before{content:"";display:block;padding-bottom:159.3%;}
.page_20th_anni .group_webtoon .list .list_content .item .title{margin:0;padding:0;font-size:1em;font-weight:400;line-height:1.3;color:#333333;margin-top:15px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.page_20th_anni .group_webtoon[webtoon="1"] .webtoon .thumbnail{background-image:url(../images/20th_anni/group_webtoon08_info_thumbnail.png);}
.page_20th_anni .group_webtoon[webtoon="1"] .webtoon .info .selector .title{color:#4788ac;}
.page_20th_anni .group_webtoon[webtoon="1"] .webtoon .info .selector .title:before{background-image:url(../images/20th_anni/group_webtoon1_info_select_icon.png);}

.page_20th_anni .group_webtoon[webtoon="2"] .webtoon .thumbnail{background-image:url(../images/20th_anni/group_webtoon3_08_info_thumbnail.png);}
.page_20th_anni .group_webtoon[webtoon="2"] .webtoon .info .selector .title{color:#9fa615;}
.page_20th_anni .group_webtoon[webtoon="2"] .webtoon .info .selector .title:before{background-image:url(../images/20th_anni/group_webtoon1_info_select_icon.png);}
.page_20th_anni .group_webtoon[webtoon="2"] .list .list_content .item .thumbnail.thumbnail1{background-image:url(../images/20th_anni/group_webtoon2_list_thumbnail1.jpg);}
.page_20th_anni .group_webtoon[webtoon="2"] .list .list_content .item .thumbnail.thumbnail2{background-image:url(../images/20th_anni/group_webtoon2_list_thumbnail2.jpg);}
.page_20th_anni .group_webtoon[webtoon="2"] .list .list_content .item .thumbnail.thumbnail3{background-image:url(../images/20th_anni/group_webtoon2_list_thumbnail3.jpg);}
.page_20th_anni .group_webtoon[webtoon="2"] .list .list_content .item .thumbnail.thumbnail4{background-image:url(../images/20th_anni/group_webtoon2_list_thumbnail4.jpg);}
.page_20th_anni .group_webtoon[webtoon="2"] .list .list_content .item .thumbnail.thumbnail5{background-image:url(../images/20th_anni/group_webtoon2_list_thumbnail5.jpg);}
.page_20th_anni .group_webtoon[webtoon="2"] .list .list_content .item .thumbnail.thumbnail6{background-image:url(../images/20th_anni/group_webtoon2_list_thumbnail6.jpg);}
.page_20th_anni .group_webtoon[webtoon="2"] .list .list_content .item .thumbnail.thumbnail7{background-image:url(../images/20th_anni/group_webtoon2_list_thumbnail7.jpg);}
.page_20th_anni .group_webtoon[webtoon="2"] .list .list_content .item .thumbnail.thumbnail8{background-image:url(../images/20th_anni/group_webtoon2_list_thumbnail8.jpg);}

.page_20th_anni .group_webtoon[webtoon="2"] .list .list_content .item .thumbnail.thumbnail1_1{background-image:url(../images/20th_anni/group_webtoon3_list_thumbnail1.jpg);}
.page_20th_anni .group_webtoon[webtoon="2"] .list .list_content .item .thumbnail.thumbnail2_1{background-image:url(../images/20th_anni/group_webtoon3_list_thumbnail2.jpg);}
.page_20th_anni .group_webtoon[webtoon="2"] .list .list_content .item .thumbnail.thumbnail3_1{background-image:url(../images/20th_anni/group_webtoon3_list_thumbnail3.jpg);}
.page_20th_anni .group_webtoon[webtoon="2"] .list .list_content .item .thumbnail.thumbnail4_1{background-image:url(../images/20th_anni/group_webtoon3_list_thumbnail4.jpg);}
.page_20th_anni .group_webtoon[webtoon="2"] .list .list_content .item .thumbnail.thumbnail5_1{background-image:url(../images/20th_anni/group_webtoon3_list_thumbnail5.jpg);}
.page_20th_anni .group_webtoon[webtoon="2"] .list .list_content .item .thumbnail.thumbnail6_1{background-image:url(../images/20th_anni/group_webtoon3_list_thumbnail6.jpg);}
.page_20th_anni .group_webtoon[webtoon="2"] .list .list_content .item .thumbnail.thumbnail7_1{background-image:url(../images/20th_anni/group_webtoon3_list_thumbnail7.jpg);}
.page_20th_anni .group_webtoon[webtoon="2"] .list .list_content .item .thumbnail.thumbnail8_1{background-image:url(../images/20th_anni/group_webtoon3_list_thumbnail8.jpg);}

.page_20th_anni .group_webtoon[webtoon="4"] .list .list_content .item .thumbnail.thumbnail1_1{background-image:url(../images/20th_anni/group_webtoon4_list_thumbnail1.jpg);}
.page_20th_anni .group_webtoon[webtoon="4"] .list .list_content .item .thumbnail.thumbnail2_1{background-image:url(../images/20th_anni/group_webtoon4_list_thumbnail2.jpg);}
.page_20th_anni .group_webtoon[webtoon="4"] .list .list_content .item .thumbnail.thumbnail3_1{background-image:url(../images/20th_anni/group_webtoon4_list_thumbnail3.jpg);}
.page_20th_anni .group_webtoon[webtoon="4"] .list .list_content .item .thumbnail.thumbnail4_1{background-image:url(../images/20th_anni/group_webtoon4_list_thumbnail4.jpg);}
.page_20th_anni .group_webtoon[webtoon="4"] .list .list_content .item .thumbnail.thumbnail5_1{background-image:url(../images/20th_anni/group_webtoon4_list_thumbnail5.jpg);}
.page_20th_anni .group_webtoon[webtoon="4"] .list .list_content .item .thumbnail.thumbnail6_1{background-image:url(../images/20th_anni/group_webtoon4_list_thumbnail6.jpg);}
.page_20th_anni .group_webtoon[webtoon="4"] .list .list_content .item .thumbnail.thumbnail7_1{background-image:url(../images/20th_anni/group_webtoon4_list_thumbnail7.jpg);}
.page_20th_anni .group_webtoon[webtoon="4"] .list .list_content .item .thumbnail.thumbnail8_1{background-image:url(../images/20th_anni/group_webtoon4_list_thumbnail8.jpg);}


.page_20th_anni .group_congratulation{}
.page_20th_anni .group_congratulation .top{position:relative;background-color:#bbcfe7;padding:50px 0;}
.page_20th_anni .group_congratulation .top .content{}
.page_20th_anni .group_congratulation .top .content .text{margin:0;padding:0;text-align:center;font-size:24px;line-height:1.5;color:#333333;font-weight:500;}
.page_20th_anni .group_congratulation .top .content .buttons{margin-top:35px;}
.page_20th_anni .group_congratulation .top .content .buttons .button{display:block;margin:0 auto;padding:0;-webkit-appearance:none;border:1px solid #95b0cf;border-radius:10px;width:360px;height:72px;line-height:calc(72px - 2px);font-size:24px;color:#3c72b0;font-weight:500;text-align:center;white-space:nowrap;background-color:#ffffff;box-sizing:border-box;cursor:pointer;}
.page_20th_anni .group_congratulation .top .content .buttons .button:before{content:"";display:inline-block;vertical-align:middle;margin-top:-4px;margin-right:20px;width:28px;height:46px;background-image:url(../images/20th_anni/group_congratulation_button_icon.png);background-size:100%;background-repeat:no-repeat;background-position:center center;}
.page_20th_anni .group_congratulation .top .content .buttons .button:hover{background-color:#f7f7f7;}
.page_20th_anni .group_congratulation .top .content .progress{position:relative;margin-top:50px;}
.page_20th_anni .group_congratulation .top .content .progress .bar{position:relative;background-color:#d0ddee;height:15px;overflow:hidden;}
.page_20th_anni .group_congratulation .top .content .progress .bar .current{position:absolute;left:0;top:0;height:100%;background:rgb(0,168,255);background:-moz-linear-gradient(90deg, rgba(0,168,255,1) 0%, rgba(32,235,190,1) 100%);background:-webkit-linear-gradient(90deg, rgba(0,168,255,1) 0%, rgba(32,235,190,1) 100%);background:linear-gradient(90deg, rgba(0,168,255,1) 0%, rgba(32,235,190,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a8ff",endColorstr="#20ebbe",GradientType=1);}
.page_20th_anni .group_congratulation .top .content .progress .count{position:relative;font-size:13px;margin-top:15px;}
.page_20th_anni .group_congratulation .top .content .progress .count ul{position:relative;margin:0;padding:0;list-style:none;}
.page_20th_anni .group_congratulation .top .content .progress .count ul:after{content:"";display:block;clear:both;}
.page_20th_anni .group_congratulation .top .content .progress .count ul li{position:relative;float:left;width:10%;height:1em;box-sizing:border-box;opacity:0;}
.page_20th_anni .group_congratulation .top .content .progress .count ul li .number{position:absolute;top:0;left:0;transform:translateX(-50%);font-size:1em;text-align:center;white-space:nowrap;color:#333333;font-weight:400;line-height:1;}
.page_20th_anni .group_congratulation .top .content .progress .count ul li:nth-child(2),
.page_20th_anni .group_congratulation .top .content .progress .count ul li:nth-child(6),
.page_20th_anni .group_congratulation .top .content .progress .count ul li:nth-child(11){opacity:1;}
.page_20th_anni .group_congratulation .top .content .progress .count ul li:last-child{position:absolute;right:0;top:0;}
.page_20th_anni .group_congratulation .top .content .progress .count ul li:last-child .number{left:100%;}
.page_20th_anni .group_congratulation .bottom{position:relative;background-color:#d1deef;padding:25px 0;}
.page_20th_anni .group_congratulation .bottom .left{float:left;width:calc(100% - 180px);box-sizing:border-box;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.page_20th_anni .group_congratulation .bottom .right{float:right;width:180px;}
.page_20th_anni .group_congratulation .bottom .list{}
.page_20th_anni .group_congratulation .bottom .list ul{margin:0;padding:0;list-style:none;}
.page_20th_anni .group_congratulation .bottom .list ul li{}
.page_20th_anni .group_congratulation .bottom .list .item{position:relative;font-size:20px;font-weight:500;color:#333333;line-height:1.8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-left:25px;}
.page_20th_anni .group_congratulation .bottom .list .item:before{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:14px;background-image:url(../images/20th_anni/group_congratulation_list_icon.png);background-size:100%;background-repeat:no-repeat;background-position:center center;}
.page_20th_anni .group_congratulation .bottom .button{display:block;margin:0 auto;padding:0;-webkit-appearance:none;border:1px solid #95b0cf;border-radius:10px;width:100%;height:52px;line-height:calc(52px - 2px);font-size:18px;color:#3c72b0;font-weight:500;text-align:center;white-space:nowrap;background-color:#ffffff;box-sizing:border-box;cursor:pointer;}
.page_20th_anni .group_congratulation .bottom .button:hover{background-color:#f7f7f7; transition: 0.5s;}


.page_20th_anni .group_congratulation_list{}
.page_20th_anni .group_congratulation_list .list{position:relative;}
.page_20th_anni .group_congratulation_list .list > ul{margin:0;padding:0;list-style:none;}
.page_20th_anni .group_congratulation_list .list > ul > li{border-bottom:1px solid #d3d3d3;}
.page_20th_anni .group_congratulation_list .list .item{position:relative;padding:40px 0;font-size:20px;}
.page_20th_anni .group_congratulation_list .list .item:after{content:"";display:block;clear:both;}
.page_20th_anni .group_congratulation_list .list .item .content{margin:0;padding:0;display:block;float:left;font-size:1em;font-weight:400;line-height:1.8;color:#333333;width:calc(100% - 140px);padding:0 20px;box-sizing:border-box;word-break:keep-all;}
.page_20th_anni .group_congratulation_list .list .item .meta{float:right;font-size:1em;font-weight:400;line-height:1.2;color:#333333;position:absolute;right:0;top:50%;transform:translateY(-50%);text-align:center;width:140px;}
.page_20th_anni .group_congratulation_list .pagination{position:relative;margin-top:50px;text-align:center;}
.page_20th_anni .group_congratulation_list .pagination ul{margin:0;padding:0;list-style:none;display:inline-block;vertical-align:middle;}
.page_20th_anni .group_congratulation_list .pagination ul li{float:left;}
.page_20th_anni .group_congratulation_list .pagination ul li:nth-child(n+2){margin-left:5px;}
.page_20th_anni .group_congratulation_list .pagination ul li a{display:block;font-size:18px;font-weight:400;color:#333333;border:1px solid transparent;line-height:calc(30px - 2px);min-width:30px;height:30px;padding:0 5px;text-align:center;box-sizing:border-box;}
.page_20th_anni .group_congratulation_list .pagination ul li a.direction{border-color:#d3d3d3;background-size:60%;background-repeat:no-repeat;background-position:center center;}
.page_20th_anni .group_congratulation_list .pagination ul li a.direction:hover{background-color:#f7f7f7;}
.page_20th_anni .group_congratulation_list .pagination ul li a.page.active{font-weight:700;}
.page_20th_anni .group_congratulation_list .pagination ul .direction_item + .page_item{margin-left:20px;}
.page_20th_anni .group_congratulation_list .pagination ul .page_item + .direction_item{margin-left:20px;}
.page_20th_anni .group_congratulation_list .pagination ul li a.direction.direction_first{background-image:url(../images/20th_anni/group_congratulation_pagination_direction_first.png);}
.page_20th_anni .group_congratulation_list .pagination ul li a.direction.direction_prev{background-image:url(../images/20th_anni/group_congratulation_pagination_direction_prev.png);}
.page_20th_anni .group_congratulation_list .pagination ul li a.direction.direction_next{background-image:url(../images/20th_anni/group_congratulation_pagination_direction_next.png);}
.page_20th_anni .group_congratulation_list .pagination ul li a.direction.direction_last{background-image:url(../images/20th_anni/group_congratulation_pagination_direction_last.png);}


.page_20th_anni .group_history{position:relative;height:100vh;min-width:1200px;background-color:#ffffff;background-image:url(../images/20th_anni/group_history_bg.jpg);background-size:1920px;background-position:center top;background-repeat:no-repeat;}
.page_20th_anni .group_history .decoration{position:absolute;z-index:0;left:7%;top:0;width:50%;width:152px;background-image:url(../images/20th_anni/group_history_decoration.png);background-size:100%;background-position:center top;background-repeat:no-repeat;display:none;}
.page_20th_anni .group_history .decoration:before{content:"";display:block;padding-bottom:185.6%;}
.page_20th_anni .group_history .guide_box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:590px;padding-left:95px;box-sizing:border-box;}
.page_20th_anni .group_history .progress{position:absolute;z-index:1;left:0;top:0;width:50%;height:100%;}
.page_20th_anni .group_history .progress .bar{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:410px;background-color:#ddd;}
.page_20th_anni .group_history .progress .bar .current{position:absolute;left:0;top:0;width:100%;height:0;background-color:#54c4af;transition:height ease 0.3s;}
.page_20th_anni .group_history .slides{position:relative;z-index:2;height:100%;}
.page_20th_anni .group_history .slides .slide{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;overflow:hidden;}
.page_20th_anni .group_history .slides .slide .left{position:absolute;left:0;top:0;width:50%;height:100%;opacity:0;}
.page_20th_anni .group_history .slides .slide .right{position:absolute;right:0;top:0;width:50%;height:100%;}
.page_20th_anni .group_history .slides .slide .text{position:relative;}
.page_20th_anni .group_history .slides .slide .text .year{position:relative;margin:0;padding:0;display:block;font-family:"Montserrat-SemiBold";font-size:72px;color:#333;font-weight:600;line-height:1;}
.page_20th_anni .group_history .slides .slide .text .year:after{content:"";display:block;width:70px;height:1px;background-color:#999;margin:40px 0;}
.page_20th_anni .group_history .slides .slide .text .detail{position:relative;margin:0;padding:0;display:block;font-size:18px;color:#666;font-weight:500;line-height:1.8;height:10em;}
.page_20th_anni .group_history .slides .slide .text .detail .description{margin:0;padding:0;font-size:1em;margin-bottom:0.5em;word-break:keep-all;}
.page_20th_anni .group_history .slides .slide .text .detail ul{margin:0;padding:0;list-style:none;}
.page_20th_anni .group_history .slides .slide .text .detail ul li{position:relative;}
.page_20th_anni .group_history .slides .slide .text .detail ul li:after{content:"";display:block;clear:both;}
.page_20th_anni .group_history .slides .slide .text .detail ul li .month{float:left;width:2.5em;}
.page_20th_anni .group_history .slides .slide .text .detail ul li .content{float:right;width:calc(100% - 2.5em);word-break:keep-all;}
.page_20th_anni .group_history .slides .slide .text .detail ul li .content a{color:inherit;font-weight:inherit;}
.page_20th_anni .group_history .slides .slide .text .detail ul li .content img{width:20px; vertical-align:middle;}
.page_20th_anni .group_history .slides .slide .text .detail ul li .content .point{text-decoration:underline;font-weight:700;color:#6497ce;}
.page_20th_anni .group_history .slides .slide .images{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;overflow:hidden;}
.page_20th_anni .group_history .slides .slide .images .image{/*background-size:cover;*/background-size:100%;background-repeat:no-repeat;background-position:center center;}
.page_20th_anni .group_history .slides .slide .images .image.image_full{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50vw;height:100vh;}
.page_20th_anni .group_history .slides .slide .images .image.image_half{position:absolute;left:50%;top:0;transform:translateX(-50%);width:50vw;height:50vh;background-size:cover;}
.page_20th_anni .group_history .slides .slide .images .image.image_half + .image.image_half{top:50%;}
.page_20th_anni .group_history .slides .slide .images .image.image_small{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:667px;width:100%;}
.page_20th_anni .group_history .slides .slide .images .image.image_small:before{content:"";display:block;padding-bottom:71.6%;}
.page_20th_anni .group_history .slides .slide[slide-section="2002"] .images .image{background-image:url(../images/20th_anni/group_history_image_2002.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2003"] .images .image{background-image:url(../images/20th_anni/group_history_image_2003.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2004"] .images .image{background-image:url(../images/20th_anni/group_history_image_2004.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2005"] .images .image{background-image:url(../images/20th_anni/group_history_image_2005.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2006"] .images .image1{background-image:url(../images/20th_anni/group_history_image_2006_1.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2006"] .images .image2{background-image:url(../images/20th_anni/group_history_image_2006_2.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2007"] .images .image1{background-image:url(../images/20th_anni/group_history_image_2007_1.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2007"] .images .image2{background-image:url(../images/20th_anni/group_history_image_2007_2.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2008"] .images .image{background-image:url(../images/20th_anni/group_history_image_2008.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2009"] .images .image1{background-image:url(../images/20th_anni/group_history_image_2009_1.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2009"] .images .image2{background-image:url(../images/20th_anni/group_history_image_2009_2.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2010"] .images .image{background-image:url(../images/20th_anni/group_history_image_2010.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2011"] .images .image{background-image:url(../images/20th_anni/group_history_image_2011.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2012"] .images .image{background-image:url(../images/20th_anni/group_history_image_2012.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2013"] .images .image{background-image:url(../images/20th_anni/group_history_image_2013.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2014"] .images .image{background-image:url(../images/20th_anni/group_history_image_2014.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2015"] .images .image1{background-image:url(../images/20th_anni/group_history_image_2015_1.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2015"] .images .image2{background-image:url(../images/20th_anni/group_history_image_2015_2.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2016"] .images .image{background-image:url(../images/20th_anni/group_history_image_2016.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2017"] .images .image{background-image:url(../images/20th_anni/group_history_image_2017.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2018"] .images .image{background-image:url(../images/20th_anni/group_history_image_2018.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2019"] .images .image{background-image:url(../images/20th_anni/group_history_image_2019.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2020"] .images .image{background-image:url(../images/20th_anni/group_history_image_2020.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2021"] .images .image{background-image:url(../images/20th_anni/group_history_image_2021.jpg);}
.page_20th_anni .group_history .slides .slide[slide-section="2022"] .images .image{background-image:url(../images/20th_anni/group_history_image_2022_new.jpg);}

.page_20th_anni .group_history .slides .slide .text .detail{opacity:0;}
.page_20th_anni .group_history .slides .slide .images{height:0;}

.page_20th_anni .group_history .slides .slide.active{z-index:3;}
.page_20th_anni .group_history .slides .slide.active .left{opacity:1;}
.page_20th_anni .group_history .slides .slide.active .text .detail{animation:ani_group_history_slide_text_detail ease 0.5s forwards;}
.page_20th_anni .group_history .slides .slide.active.image_up .images{animation:ani_group_history_slide_images_up linear 0.5s forwards;}
.page_20th_anni .group_history .slides .slide.active.image_down .images{animation:ani_group_history_slide_images_down linear 0.5s forwards;}

.page_20th_anni .group_history .slides .slide.active_before{z-index:2;}
.page_20th_anni .group_history .slides .slide.active_before.image_up .images{animation:ani_group_history_slide_images_up_before linear 0.5s forwards;}
.page_20th_anni .group_history .slides .slide.active_before.image_down .images{animation:ani_group_history_slide_images_down_before linear 0.5s forwards;}

@keyframes ani_group_history_slide_text_detail{
	from{opacity:0;top:30px;}
	to{opacity:1;top:0;}
}
@keyframes ani_group_history_slide_images_up{
	from{height:0;top:100%;opacity:0.5;}
	to{height:100%;top:0;opacity:1;}
}
@keyframes ani_group_history_slide_images_up_before{
	from{height:100%;top:0;opacity:1;}
	to{height:0;top:0;opacity:0.5;}
}
@keyframes ani_group_history_slide_images_down{
	from{height:0;top:0;opacity:0.5;}
	to{height:100%;top:0;opacity:1;}
}
@keyframes ani_group_history_slide_images_down_before{
	from{height:100%;top:0;opacity:1;}
	to{height:0;top:100%;opacity:0.5;}
}


.page_20th_anni .group_contacts{margin:0 auto;max-width:800px;}
.page_20th_anni .group_contacts form{margin:0;padding:0;}
.page_20th_anni .group_contacts fieldset{margin:0;padding:0;border:0;-webkit-appearance:none;}
.page_20th_anni .group_contacts legend{display:none;}
.page_20th_anni .group_contacts .guide{margin:0;padding:0;display:block;margin-bottom:25px;display:block;font-size:18px;font-weight:500;color:#333333;line-height:1.2;}
.page_20th_anni .group_contacts .inputs{}
.page_20th_anni .group_contacts .inputs > ul{margin:0;padding:0;list-style:none;margin-top:-10px;}
.page_20th_anni .group_contacts .inputs > ul:after{content:"";display:block;clear:both;}
.page_20th_anni .group_contacts .inputs > ul li{float:left;width:calc(50% - 5px);margin-right:10px;margin-top:10px;}
.page_20th_anni .group_contacts .inputs > ul li:nth-child(2n){margin-right:0;}
.page_20th_anni .group_contacts .inputs > ul li:nth-child(n+3){width:100%;margin-right:0;}
.page_20th_anni .group_contacts .inputs .input{position:relative;}
.page_20th_anni .group_contacts .inputs .input_type_text,
.page_20th_anni .group_contacts .inputs .input_type_textarea{margin:0;padding:0 10px;display:block;border-radius:5px;border:1px solid #dddddd;font-family:inherit;font-size:15px;font-weight:400;color:#333333;width:100%;height:52px;box-sizing:border-box;outline:none;resize:none;transition:none;}
.page_20th_anni .group_contacts .inputs .input_type_textarea{padding:15px 10px;height:170px;}
.page_20th_anni .group_contacts .inputs .input_type_text:focus,
.page_20th_anni .group_contacts .inputs .input_type_textarea:focus{box-shadow:none;border-color:#95b0cf;}
.page_20th_anni .group_contacts .buttons{position:relative;margin-top:35px;}
.page_20th_anni .group_contacts .buttons:after{content:"";display:block;clear:both;}
.page_20th_anni .group_contacts .buttons .left{float:left;width:calc(100% - 360px);box-sizing:border-box;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.page_20th_anni .group_contacts .buttons .right{float:right;width:360px;}
.page_20th_anni .group_contacts .buttons .agreement{position:relative;}
.page_20th_anni .group_contacts .buttons .agreement [type="checkbox"]{display:none;}
.page_20th_anni .group_contacts .buttons .agreement [type="checkbox"] + label{position:relative;display:inline-block;vertical-align:middle;font-size:15px;font-weight:400;color:#555555;line-height:1.2;padding-left:20px;cursor:pointer;}
.page_20th_anni .group_contacts .buttons .agreement [type="checkbox"] + label:before,
.page_20th_anni .group_contacts .buttons .agreement [type="checkbox"] + label:after{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:15px;height:15px;border-radius:3px;border:1px solid #555555;box-sizing:border-box;}
.page_20th_anni .group_contacts .buttons .agreement [type="checkbox"] + label:after{display:none;border-color:transparent;background-image:url(../images/20th_anni/group_contacts_agreement_checkbox_icon.png);background-size:100%;background-repeat:no-repeat;background-position:center center;}
.page_20th_anni .group_contacts .buttons .agreement [type="checkbox"]:checked + label:after{display:block;}
.page_20th_anni .group_contacts .buttons .agreement .button{display:inline-block;vertical-align:middle;margin:0;padding:0;margin-left:15px;-webkit-appearance:none;border:0;border-radius:0;height:1em;line-height:1;font-size:15px;color:#555555;font-weight:500;text-align:center;white-space:nowrap;background-color:transparent;cursor:pointer;}
.page_20th_anni .group_contacts .buttons .button_submit{display:block;margin:0 auto;padding:0;-webkit-appearance:none;border:0;border-radius:10px;width:100%;height:52px;line-height:calc(52px - 2px);font-size:18px;color:#ffffff;font-weight:500;text-align:center;white-space:nowrap;background-color:#668eff;box-sizing:border-box;cursor:pointer;}
.page_20th_anni .group_contacts .buttons .button_submit:hover{background-color:#5f85ee;}


.page_20th_anni .go_top{position:fixed;z-index:3;right:30px;bottom:30px;margin:0;padding:0;border:1px solid #6497ce;border-radius:50%;-webkit-appearance:none;width:50px;font-size:0;color:transparent;background-color:#ffffff;background-image:url(../images/20th_anni/go_top.png);background-size:cover;background-position:center center;background-repeat:no-repeat;box-sizing:border-box;cursor:pointer;}
.page_20th_anni .go_top:before{content:"";display:block;padding-bottom:100%;}


.page_modal_popup{position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.49);display:none;}
.page_modal_popup .window{position:absolute;left:50%;top:50%;width:940px;transform:translate(-50%,-50%);background-color:#ffffff;}
.page_modal_popup .window .window_header{position:absolute;width:100%;height:75px;background-color:#ffffff;}
.page_modal_popup .window .window_header .close{position:absolute;right:20px;top:20px;display:block;margin:0 auto;padding:0;-webkit-appearance:none;border:0;border-radius:0;width:35px;color:transparent;font-size:0;white-space:nowrap;background-image:url(../images/20th_anni/page_modal_popup_close.png);background-size:100%;background-repeat:no-repeat;background-position:center center;background-color:transparent;box-sizing:border-box;cursor:pointer;}
.page_modal_popup .window .window_header .close:before{content:"";display:block;padding-bottom:100%;}
.page_modal_popup .window .window_content{margin-top:75px;padding:0 35px 35px 35px;}
.page_modal_popup .window .window_content .content_title{margin:0;padding:0;text-align:center;font-size:30px;font-weight:500;color:#3c72b0;line-height:1.2;margin-bottom:25px;}
.page_modal_popup .window .form{}
.page_modal_popup .window .form .inputs{}
.page_modal_popup .window .form .inputs > ul{margin:0;padding:0;list-style:none;margin-top:-10px;}
.page_modal_popup .window .form .inputs > ul:after{content:"";display:block;clear:both;}
.page_modal_popup .window .form .inputs > ul li{float:left;width:300px;margin-right:10px;margin-top:10px;}
.page_modal_popup .window .form .inputs > ul li:nth-child(2n){margin-right:0;}
.page_modal_popup .window .form .inputs > ul li:nth-child(n+3){width:100%;margin-right:0;}
.page_modal_popup .window .form .inputs .input{position:relative;}
.page_modal_popup .window .form .inputs .input_type_text{margin:0;padding:0 10px;display:block;border-radius:5px;border:1px solid #d4d8e3;font-family:inherit;font-size:18px;font-weight:500;color:#333333;width:100%;height:52px;box-sizing:border-box;outline:none;resize:none;transition:none;}
.page_modal_popup .window .form .inputs .input_type_text:focus{box-shadow:none;border-color:#95b0cf;}
.page_modal_popup .window .form .inputs .input.input_message:after{content:"";display:block;clear:both;}
.page_modal_popup .window .form .inputs .input.input_message .input_type_text{float:left;width:calc(100% - 180px - 15px);box-sizing:border-box;}
.page_modal_popup .window .form .inputs .input.input_message .button_submit{display:block;margin:0 auto;padding:0;-webkit-appearance:none;border:1px solid #95b0cf;border-radius:10px;width:180px;height:52px;line-height:calc(52px - 2px);font-size:18px;color:#3c72b0;font-weight:500;text-align:center;white-space:nowrap;background-color:#ffffff;box-sizing:border-box;cursor:pointer;}
.page_modal_popup .window .form .inputs .input.input_message .button_submit:hover{background-color:#f7f7f7;}
.page_modal_popup .window .form .agreement{position:relative;}
.page_modal_popup .window .form .agreement [type="checkbox"]{display:none;}
.page_modal_popup .window .form .agreement [type="checkbox"] + label{position:relative;display:inline-block;vertical-align:middle;font-size:18px;font-weight:500;color:#7e7e7e;line-height:1.8;padding-left:30px;cursor:pointer;}
.page_modal_popup .window .form .agreement [type="checkbox"] + label:before,
.page_modal_popup .window .form .agreement [type="checkbox"] + label:after{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:3px;border:2px solid #6da7ff;box-sizing:border-box;}
.page_modal_popup .window .form .agreement [type="checkbox"] + label:after{display:none;border-color:transparent;background-image:url(../images/20th_anni/page_modal_agreement_checkbox_icon.png);background-size:100%;background-repeat:no-repeat;background-position:center center;}
.page_modal_popup .window .form .agreement [type="checkbox"]:checked + label:after{display:block;}
.page_modal_popup .window .form .policy{position:relative;background-color:#e5e5e5;padding:40px;font-size:14px;line-height:1.8;font-weight:500;color:#7e7e7e;}
.page_modal_popup .window .form * + .agreement{margin-top:25px;}
.page_modal_popup .window .form * + .policy{margin-top:15px;}
.page_modal_popup[model-popup="congratulation_write"] .window .window_content .content_title:before{content:"";display:inline-block;vertical-align:middle;margin-top:-10px;margin-right:15px;width:28px;height:46px;background-image:url(../images/20th_anni/congratulation_write_title_icon.png);background-size:100%;background-repeat:no-repeat;background-position:center center;}
.page_modal_popup.active{display:block;}