@charset "utf-8";

.pcbr{display:none !important;}
.ptbr{display:none !important;}
.tbr{display:none !important;}
.mbr{display:block !important;}
.pc_view{display:none !important;}
.pt_view{display:none !important;}
.tm_view{display:block !important;}
.t_view{display:none !important;} 
.m_view{display:block !important;}


.sub_visual {position: relative;width:100%;height:100vh;overflow: hidden;}
.sub_visual .bg,
.sub_visual .bg > div {width:100%;height:100%;}
.sub_visual .bg > div video {width:100%;height:100%;object-fit:cover;}
.sub_visual .text {position: absolute;top:50%;left:50%;transform: translate(-50%,-60%);width:94%;max-width:1570px;z-index:10;}
.sub_visual .text .sub_tit {display: block;font-size: 18px;font-weight: 300;color:#fff;}
.sub_visual .text .b_txt {display: block;font-size: 22px;font-weight: 300;color:#fff;line-height:1.4;margin-top: 18px;}
.sub_visual .scroll_bar {position: absolute;bottom:0;left:50%;width:1px;height: 72px;background:rgba(255,255,255,0.4);z-index:10;overflow: hidden;}
.sub_visual .scroll_bar span {display: block;width:100%;height:100%;background:#fff;transform:translateY(-100%);animation:scrollBar 1.5s infinite;}
@keyframes scrollBar {
	0% {transform:translateY(-100%);}
	50% {transform:translateY(0);}
	100% {transform:translateY(100%);}
}
.sub1 .bg > div {background:url(/images/page/sub_visual1_m.jpg) no-repeat center / cover;}
.sub3 .bg > div {background:url(/images/page/sub_visual3.jpg) no-repeat center / cover;}
.sub4 .bg > div {background:url(/images/page/sub_visual4.jpg) no-repeat center / cover;}
.sub5 .bg > div {background:url(/images/page/sub_visual5.jpg) no-repeat center / cover;}

.sub2 .bg {background:#000;}
.sub2 .bg > div {opacity:0.7;}

.m00 {background:#f5f4ee;}
.m00 section.bg {background:#ecebe3;}
.m00 .section1 {padding-top: 85px;}
.m00 .section_tit_wrap {text-align: center;padding-bottom: 65px;}
.m00 .section_tit {display: block;font-size: 18px;font-weight:400;color:#0d0d0d;}
.m00 .section_text_wrap {text-align: center;}
.m00 .section_b_txt {display: block;font-size: 21px;font-weight:400;color:#0d0d0d;}
.m00 .b_txt {display: block;font-size: 25px;font-weight: 300;color:#000;line-height:1.3;}
.m00 .txt1 {font-size: 12px;font-weight: 300;color:#6f6e6b;line-height:1.8;word-break:keep-all;}
.m00 .txt1.kr {font-family:'Noto Sans KR';}
.m00 .txt1.bold {font-weight:500;color:#000;}
.m00 .tab_wrap {width:94%;margin: 0 auto 50px;}
.m00 .tab_wrap ul {display:flex;flex-wrap: wrap;}
.m00 .tab_wrap ul li {width: calc(50% - 5px);}
.m00 .tab_wrap ul li:nth-child(even) {margin-left: 6px;}
.m00 .tab_wrap ul li:nth-child(n+3) {margin-top:10px;}
.m00 .tab_wrap ul li a {display: block;font-size: 12px;color:rgba(0,0,0,0.7);text-align: center;line-height: 39px;border:1px solid rgba(0,0,0,0.3);border-radius:50vh;}
.m00 .tab_wrap ul li.on a {color:#000;border-color:#000;}

.m11 {}
.m11 .section1 {padding-bottom: 100px;}
.m11 .section1 .conwrap {}
.m11 .section1 .conwrap > div {}
.m11 .section1 .conwrap .img_wrap {overflow: hidden;}
.m11 .section1 .conwrap .img_wrap img {max-width:100%;}
.m11 .section1 .conwrap .text_wrap {text-align: center;padding: 65px 0 0;}
.m11 .section1 .conwrap .text_wrap .txt1 {margin-top: 30px;}
.m11 .section2 {padding: 100px 0 140px;}
.m11 .section2 .section_text_wrap {text-align: left;width: 100%;max-width: 1400px;margin: 0 auto;}
.m11 .section2 .conwrap {}
.m11 .section2 .conwrap .dia{text-align: center; margin-top: 50px;}
.m11 .section2 .conwrap .dia img{max-width: 100%;}
.m11 .section2 .conwrap .text_list {width: 100%;margin: 50px auto 0;DISPLAY: FLEX;}
.m11 .section2 .conwrap .text_list li {position: relative;width: calc(33.333% - 10px);padding-bottom: calc(33.333% - 10px);text-align: center;border-radius:50%;border:1px solid rgba(0,0,0,0.7);}
.m11 .section2 .conwrap .text_list li + li {margin-left: 15px;}
.m11 .section2 .conwrap .text_list li:not(:nth-child(2)):before {content:"";position: absolute;top: 50%;left: -16px;width: 15px;height: 1px;background:#000;margin-top: -1px;opacity:0.7;}
.m11 .section2 .conwrap .text_list li:not(:nth-child(2)):after {content:"";position: absolute;top: 50%;left: -4px;width: 6px;height: 6px;margin-top: -3px;background:#222;border-radius:50%;}
.m11 .section2 .conwrap .text_list li:nth-child(1):before {left: auto;right: -16px;} 
.m11 .section2 .conwrap .text_list li:nth-child(1):after {left: auto;right: -4px;} 
.m11 .section2 .conwrap .text_list li p {position: absolute;top:50%;left:0;transform:translateY(-50%);width:100%;font-size: 11px;font-weight: 300;color:#000;}
.m11 .section2 .conwrap .text_list li:nth-child(2) {border-color:#222;background:#222;}
.m11 .section2 .conwrap .text_list li:nth-child(2) p {color:#fff;}
.m11 .section2 .conwrap .con {}
.m11 .section2 .conwrap .con .text_wrap {}
.m11 .section2 .conwrap .con .text_wrap .tit {display: block;font-size: 21px;font-weight: 300;color:#000;margin-bottom: 25px; display: inline-block;}
.m11 .section2 .conwrap .con .text_wrap .p_wrap {}
.m11 .section2 .conwrap .con .text_wrap .p_wrap p {}
.m11 .section2 .conwrap .con .img_wrap {overflow: hidden;order: 1;}
.m11 .section2 .conwrap .con .img_wrap img {width:100%;}
.m11 .section2 .conwrap .con2 {display:flex;flex-wrap: wrap;margin-top: 0; margin-bottom: 60px;}
.m11 .section2 .conwrap .con2 > div {width: 100%;}
.m11 .section2 .conwrap .con2 .text_wrap {padding: 65px 0 0;order: 2;}
.m11 .section2 .conwrap .con1 {padding: 90px 0 65px;}
.m11 .section2 .conwrap .img_con .img_wrap {padding-left:0;}
.m11 .section2 .conwrap .contact {text-align: center;padding-top: 140px;}
.m11 .section2 .conwrap .contact strong {display: block;font-size: 25px;font-weight:300;color:#000;}
.m11 .section2 .conwrap .contact dl {display:flex;justify-content:center;margin-top: 30px;}
.m11 .section2 .conwrap .contact dl * {font-size: 12px;color:#6f6e6b;}
.m11 .section2 .conwrap .contact dl dt {color:#000;margin-right: 15px;}
.m11 .section2 .conwrap .con3{margin-bottom: 60px;}

.m12 {}
.m12 .section1 {padding-bottom: 150px;}
.m12 .section1 .conwrap {}
.m12 .section1 .conwrap .con {}
.m12 .section1 .conwrap .con + .con {margin-top: 130px;}
.m12 .section1 .conwrap .con > div {}
.m12 .section1 .conwrap .con .img_wrap {padding-right: inherit;overflow: hidden;}
.m12 .section1 .conwrap .con .img_wrap img {width:100%;}
.m12 .section1 .conwrap .con .text_wrap {padding: 130px 0 0;}
.m12 .section1 .conwrap .con .text_wrap .tit {display: block;font-size: 22px;font-weight: 300;color:#000;margin-bottom: 22px;}
.m12 .section1 .conwrap .con1 {align-items:center;}
.m12 .section1 .conwrap .con1 .text_wrap {}
.m12 .section2 {padding: 100px 0 140px;}
.m12 .section2 .conwrap {}
.m12 .section2 .conwrap .tit {display: block;font-size: 19px;font-weight: 400;color:#222;text-align: center;line-height: 1.1;}
.m12 .section2 .conwrap .list_wrap {position: relative;margin-top: 55px;}
.m12 .section2 .conwrap .list_wrap:before,
.m12 .section2 .conwrap .list_wrap:after,
.m12 .section2 .conwrap .list_wrap .text_list:before,
.m12 .section2 .conwrap .list_wrap .text_list:after {content:"";position: absolute;width: 7px;height: 7px;border-top:1px solid #222;border-right:1px solid #222;box-sizing:border-box;}
.m12 .section2 .conwrap .list_wrap:before {left:50%;top: -3px;transform:rotate(45deg);margin-left: -4px;}
.m12 .section2 .conwrap .list_wrap:after {left:50%;bottom: -3px;transform:rotate(-135deg);margin-left: -4px;}
.m12 .section2 .conwrap .list_wrap .text_list:before {left: -4px;top:50%;margin-top: -4px;transform:rotate(-45deg);}
.m12 .section2 .conwrap .list_wrap .text_list:after {right: -4px;top:50%;margin-top: -4px;transform:rotate(135deg);}
.m12 .section2 .conwrap .list_wrap .text_list {position: relative;display: flex;width: 100%;border:1px dashed rgba(34,34,34,0.5);border-radius:50vh;padding: 10px;margin: 0 auto;}
.m12 .section2 .conwrap .list_wrap .text_list li {position: relative;width: calc(33.333% - 6px);padding-bottom: calc(33.333% - 6px);border-radius:50%;background:#222;}
.m12 .section2 .conwrap .list_wrap .text_list li + li {margin-left: 9px;}
.m12 .section2 .conwrap .list_wrap .text_list li + li:before {content:"";position: absolute;top: 50%;left: -7px;width: 4px;height: 4px;border-radius:50%;background:#222;opacity:0.7;margin-top: -2px;}
.m12 .section2 .conwrap .list_wrap .text_list li p {position: absolute;top:50%;left:0;transform:translateY(-50%);width:100%;font-size: 13px;font-weight: 200;color:#fff;text-align: center;}
.m12 .section2 .conwrap .list_wrap .text_list li:nth-child(odd) {background-color: transparent;border:1px solid #222;}
.m12 .section2 .conwrap .list_wrap .text_list li:nth-child(odd) p {color:#222;font-weight: 300;}

.m13 {}
.m13 .section1 {padding-bottom: 130px;}
.m13 .section1 .conwrap {}
.m13 .section1 .conwrap .text_wrap {}
.m13 .section1 .conwrap .text_wrap > * {}
.m13 .section1 .conwrap .text_wrap .b_txt {font-size: 22px;}
.m13 .section1 .conwrap .text_wrap .txt1 {padding-top: 20px;}
.m13 .section1 .conwrap .img_wrap {margin-top:90px;overflow-x: auto;}
.m13 .section1 .conwrap .img_wrap img {width: 890px;}
.m13 .section1 .conwrap .global_wrap {margin-top:80px;}
.m13 .section1 .conwrap .global_wrap .tit {display: block;font-size: 21px;font-weight: 300;color:#000;}
.m13 .section1 .conwrap .global_wrap .global_list {margin-top: 50px;}
.m13 .section1 .conwrap .global_wrap .global_list li {padding: 20px 0;border-bottom: 1px solid rgba(99,99,99,0.5);}
.m13 .section1 .conwrap .global_wrap .global_list li:nth-child(1) {border-top:1px solid rgba(99,99,99,0.5);}
.m13 .section1 .conwrap .global_wrap .global_list li .country {align-items: center;}
.m13 .section1 .conwrap .global_wrap .global_list li .country .img {width:100px;}
.m13 .section1 .conwrap .global_wrap .global_list li .country strong {display: block;font-size: 18px;font-weight:400;color:#000;margin-top: 10px;}
.m13 .section1 .conwrap .global_wrap .global_list li .text {margin-top: 17px;}
.m13 .section1 .conwrap .global_wrap .global_list li .text .txt1 {}
.m13 .section1 .conwrap .global_wrap .global_list li .text .txt1 + .txt1 {margin-top: 4px;}
.m13 .section1 .conwrap .global_wrap .global_list li .text .txt1 b {display: block;font-weight:400;color:#000;}
.m13 .section2 {padding: 100px 0 140px;}
.m13 .section2 .conwrap {}
.m13 .section2 .conwrap .tit {display: block;font-size: 22px;font-weight: 300;color:#000;}
.m13 .section2 .conwrap .network_list {display:flex;align-items: center;flex-wrap:wrap;margin-top: 60px;}
.m13 .section2 .conwrap .network_list li {width: 33.333%;text-align: center;}
.m13 .section2 .conwrap .network_list li:nth-child(n+4) {margin-top: 50px;}
.m13 .section2 .conwrap .network_list li img {max-width:80%;}

.m14 {}
.m14 .section1 {padding-bottom: 90px;}
.m14 .section1 .conwrap {}
.m14 .section1 .conwrap .section_text_wrap {text-align: left;}
.m14 .section1 .conwrap .section_text_wrap > * {}
.m14 .section1 .conwrap .section_text_wrap .txt1 {padding-top: 20px;}
.m14 .section2 {padding: 90px 0 140px;background:#ecebe3;}
.m14 .section2 .conwrap {}
.m14 .section2 .conwrap .partner_wrap {}
.m14 .section2 .conwrap .partner_wrap + .partner_wrap {margin-top: 80px;}
.m14 .section2 .conwrap .partner_wrap .b_txt {margin-bottom: 50px;}
.m14 .section2 .conwrap .partner_wrap .partner_list {border-top:2px solid #000;}
.m14 .section2 .conwrap .partner_wrap .partner_list li {padding: 25px 15px;border-bottom:1px solid rgba(0,0,0,0.2);}
.m14 .section2 .conwrap .partner_wrap .partner_list li .logo {height: 150px;line-height: 150px;background:#fff;text-align: center;}
.m14 .section2 .conwrap .partner_wrap .partner_list li .logo img {max-width:90%;}
.m14 .section2 .conwrap .partner_wrap .partner_list li .text {padding-top: 25px;}
.m14 .section2 .conwrap .partner_wrap .partner_list li .text .name {display: block;font-size: 22px;font-weight:300;color:#000;}
.m14 .section2 .conwrap .partner_wrap .partner_list li .text .list {margin-top: 3px;}
.m14 .section2 .conwrap .partner_wrap .partner_list li .text .list dl {display:flex;}
.m14 .section2 .conwrap .partner_wrap .partner_list li .text .list dl * {font-size: 13px;line-height:2.2;}
.m14 .section2 .conwrap .partner_wrap .partner_list li .text .list dl dt {width: 100px;color:#222;}
.m14 .section2 .conwrap .partner_wrap .partner_list li .text .list dl dd {width: calc(100% - 100px);color:#6f6e6b;}

.m20 {}
.m20 .section1 {padding-bottom: 95px;}
.m20 .section1 .con {position: relative;}
.m20 .section1 .con:before {content:"";position: absolute;bottom:0;left: 50%;transform: translateX(-50%);width: calc(100vw - 9%);margin-left: 0;font-family:'Lexend';line-height: 0.77;color:#ecebe3;text-align: center;}
.m20 .section1 .con + .con {}
.m20 .section1 .con .text_wrap .tit {display: block;font-size:36px;font-weight: 300;color:#000;margin-bottom: 42px;}
.m20 .section1 .con .text_wrap .txt1 {font-size: 15px;}
.m20 .section1 .con .text_wrap .txt1.bold {font-size: 15px;font-weight:400;margin-bottom: 3px;}
.m20 .section1 .con .img_wrap {overflow: hidden;}
.m20 .section1 .con .img_wrap img {width:100%;}
.m20 .section1 .con1 {display:flex;flex-wrap: wrap;}
.m20 .section1 .con1 > div {width: 100%;}
.m20 .section1 .con1 .text_wrap {padding: 45px 0 110px;order: 2;}
.m20 .section1 .con1 .text_wrap .tit {font-size: 35px;margin-bottom: 30px;}
.m20 .section1 .con1 .text_wrap .txt1 {font-size: 15px;}
.m20 .section1 .con1 .img_wrap {order: 1;}
.m20 .section1 .con2 .text_wrap {width:100%;max-width:1400px;margin:0 auto;}
.m20 .section1 .con2 .tit {display: block;font-size:36px;font-weight:400;color:#000;line-height:1.4;margin-bottom: 75px;}
.m20 .section1 .con2 .b_txt {font-size:20px;line-height:1.9;margin-top: 90px;}
.m20 .section1 .con2 .video_wrap {width:100%;padding-bottom:48.81%;}
.m20 .section1 .con2 .video_wrap video {position: absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.m20 .section1 .con3 {width:100%;max-width:1400px;margin:0 auto;}
.m20 .section1 .con3 .text_wrap .tit {font-size: 22px;margin: 42px 0 30px;}
.m20 .section1 .con3 .text_wrap .p_wrap {display: block;}
.m20 .section1 .con3 .text_wrap .p_wrap + .p_wrap {margin-top: 17px;}
.m20 .section1 .con3 .text_wrap .p_wrap p {}
.m20 .section2 {padding: 95px 0 120px;}
.m20 .section2 .conwrap .section_text_wrap {}
.m20 .section2 .conwrap .product_slider {margin-top: 70px;}
.m20 .section2 .conwrap .product_list {}
.m20 .section2 .conwrap .product_list > li {width: 100%;margin-right:60px;text-align: center;}
.m20 .section2 .conwrap .product_list > li:last-child {margin-right:0;}
.m20 .section2 .conwrap .product_list > li .img img {max-width: 70%;}
.m20 .section2 .conwrap .product_list > li .text {margin-top: 45px;}
.m20 .section2 .conwrap .product_list > li .text .name {display: block;font-size: 16px;font-weight:400;color:#000;}
.m20 .section2 .conwrap .product_list > li .text .info_list {display: flex;flex-direction: column;/* align-items: center; */margin-top: 18px;padding: 20px 10px 0;border-top: 1px solid #000;text-align: left;}
.m20 .section2 .conwrap .product_list > li .text .info_list li {position: relative;display: inline-block;vertical-align: top;font-size: 12px;font-weight:300;line-height:1.8;letter-spacing:-0.025em;color:#6f6e6b;}
.m20 .section2 .conwrap .product_list > li .text .info_list li em {display: inline-block;vertical-align: top;text-align: left;}
.m20 .section2 .conwrap .product_pagination {text-align: center;margin-top: 45px;}
.m20 .section2 .conwrap .product_pagination > span {width: 9px;height: 9px;background:#bdbcb6;opacity:1;margin:0 10px;}
.m20 .section2 .conwrap .product_pagination > span.swiper-pagination-bullet-active {background:#000;}

.m23 .tab_wrap ul {justify-content:center;}

.m211 .section1 .con1:before {content:"rā-ˈzhœ-nes";font-size: 15.6vw;}
.m212 .section1 .con1:before {content:"ˈek-spərt";font-size: 21vw;}
.m221 .section1 .con1:before {content:"ˈjüv-ˈfäns-plə";font-size: 14.5vw;}
.m222 .section1 .con1:before {content:"ˈfu̇l ȯr-ē-ə";font-size: 19.8vw;}
.m223 .section1 .con1:before {content:"ə-ˈtran-ā";font-size: 21.5vw;}
.m23 .section1 .con1:before {content:"'ȯr-kə-strə";font-size: 18.65vw;}

.m211 .section2 .conwrap .product_list > li .img {height: 126px;}
.m21 .section2 .conwrap .product_list > li .text .info_list li {position: relative;padding-left: 10px;}
.m21 .section2 .conwrap .product_list > li .text .info_list li:before {content:"-";position: absolute;top:0;left:0;font-family:'Lexend';font-size: 12px;font-weight:300;line-height:1.8;letter-spacing:-0.025em;color:#6f6e6b;}



.m31 {}
.m31 .section1 {padding-bottom: 120px;}
.m31 .section1 .conwrap {}
.m31 .section1 .conwrap .con {}
.m31 .section1 .conwrap .con + .con {margin-top: 90px;}
.m31 .section1 .conwrap .con .img_wrap {overflow: hidden;display: flex;}
.m31 .section1 .conwrap .con .img_wrap img {max-width:100%;}
.m31 .section1 .conwrap .con .img_wrap > div {
    overflow: hidden;
}
.m31 .section1 .conwrap .con .img_wrap > div + div {margin-left: 15px;}
.m31 .section1 .conwrap .con .text_wrap {width:100%;margin: 64px auto 0;}
.m31 .section1 .conwrap .con .text_wrap > div + div {margin-top: 30px;}
.m31 .section1 .conwrap .con .text_wrap .tit {display: block;font-size: 21px;font-weight: 300;line-height:1.4;color:#000;}
.m31 .section1 .conwrap .con .text_wrap .txt2 {font-size:20px;line-height:1.5;color:#000;margin-top: 13px;}
.m31 .section1 .conwrap .con3 .img_wrap {position: relative;left: 50%;width:100vw;margin-left: -50vw;}

.m32 {}
.m32 section .conwrap .section_text_wrap,
.m32 section .conwrap .text_wrap {width:100%;max-width:1400px;margin: 0 auto;text-align: left;}
.m32 section .conwrap .text_wrap .tit {margin-top: 65px;}
.m32 section .conwrap .text_wrap .p_wrap {margin-top: 25px;}
.m32 section .conwrap .text_wrap .p_wrap .txt1 + .txt1 {margin-top: 15px;}
.m32 .section1 {padding-bottom: 100px;}
.m32 .section1 .conwrap {}
.m32 .section1 .conwrap .img_wrap {overflow: hidden;}
.m32 .section1 .conwrap .img_wrap img {max-width:100%;}
.m32 .section1 .conwrap .text_wrap .tit {display: block;font-size: 21px;font-weight:400;line-height:1.4;color:#000;}
.m32 .section2 {padding: 100px 0;}
.m32 .section2 .conwrap {}
.m32 .section2 .conwrap .con + .con {margin-top: 95px;}
.m32 .section2 .conwrap .con .img_wrap  {display: flex;align-items: center;justify-content: center;min-height: 150px;background:#fff;margin: 45px 0 40px;padding: 50px 10px;}
.m32 .section2 .conwrap .con .img_wrap img {max-width:100%;}
.m32 .section2 .conwrap .con .img_list {display:flex;justify-content:center;align-items:center;}
.m32 .section2 .conwrap .con .img_list li {position: relative;text-align: center;max-width: 30%;}
.m32 .section2 .conwrap .con .img_list li + li {margin-left:100px;}
.m32 .section2 .conwrap .con .img_list li + li:before {content:"";position: absolute;top: 50%;left: -65px;width:19px;height:24px;margin-top: -9px;background:url(/images/page/m32_sec2_c1_arr.jpg) no-repeat center / contain;}
.m32 .section2 .conwrap .con .img_list li:last-child {margin-left: 15px;}
.m32 .section2 .conwrap .con .img_list li:last-child:before {display: none;}
.m32 .section2 .conwrap .con .img_list li p {position: absolute;top: 113%;left: 50%;transform: translateX(-50%);display: inline-block;width: 175px;font-size:18px;color:#000;text-align: center;line-height: 45px;background:#ecebe3;border-radius:50vh;}

.m33 {}
.m33 section {}
.m33 section .document_list {display:flex;flex-wrap:wrap;}
.m33 section .document_list li {width: calc(50% - 5px);margin: 33px 10px 0 0;text-align: center;}
.m33 section .document_list li:nth-child(-n+2) {margin-top:0;}
.m33 section .document_list li:nth-child(even) {margin-right:0;}
.m33 section .document_list li .img {background:#ecebe3;padding: 10px 30px;}
.m33 section .document_list li .img > div {}
.m33 section .document_list li .img > div img {max-width:100%;}
.m33 section .document_list li .name {font-size: 12px;color:#222;line-height:1.8;margin-top: 10px;}
.m33 .section1 {padding-bottom: 90px;} 
.m33 .section2 {background:#ecebe3;padding: 100px 0;}
.m33 .section2 .b_txt {margin-bottom: 45px;}
.m33 .section2 .document_list li .img {background:#fff;}

.board_page {padding-bottom: 120px;}

.board_style1 .board_list {display:flex;flex-wrap:wrap;}
.board_style1 .board_list li {position: relative;width:calc(50% - 10px);margin-right:20px;padding:20px 0 26px;}
.board_style1 .board_list li:before {content:"";position: absolute;top:0;left:0;width:calc(100% + 10px);height:1px;background:#000;opacity:0.2;}
.board_style1 .board_list li:after {content:"";position: absolute;top:0;right:-10px;width:1px;height:100%;background:#000;opacity:0.2;}
.board_style1 .board_list li:nth-child(-n+2) {padding-top:0;border-top:0;}
.board_style1 .board_list li:nth-child(even) {margin-right:0;}
.board_style1 .board_list li:nth-child(-n+2):before {display: none;}
.board_style1 .board_list li:nth-child(even):before {left:-10px;}
.board_style1 .board_list li:nth-child(even):after {display: none;}
.board_style1 .board_list li a {display: block;}
.board_style1 .board_list li a .img {width:100%;}
.board_style1 .board_list li a .img > div {width:100%;padding-bottom:100%;}
.board_style1 .board_list li a .text {margin-top: 20px;}
.board_style1 .board_list li a .text .tit {display: block;font-size: 16px;font-weight:400;color:#000;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.board_style1 .board_list li a .text .txt1,
.board_style1 .board_list li a .text .date {display: none;}

.board_style2 .board_list {display: block;}
.board_style2 .board_list li {border-bottom:1px solid rgba(0,0,0,0.2);}
.board_style2 .board_list li:nth-child(1) {border-top:1px solid rgba(0,0,0,0.2);}
.board_style2 .board_list li a {display: block;padding: 20px 0;}
.board_style2 .board_list li a .img {width:100%;overflow: hidden;}
.board_style2 .board_list li a .img > div {width:100%;padding-bottom: 185px;}
.board_style2 .board_list li a .text {display:flex;flex-direction:column;justify-content:space-between;padding: 27px 0 0;}
.board_style2 .board_list li a .text .con {}
.board_style2 .board_list li a .text .tit {display: block;font-size: 16px;font-weight:400;color:#000;letter-spacing:-0.025em;}
.board_style2 .board_list li a .text .txt1 {line-height:1.8;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}
.board_style2 .board_list li a .text span.period {display: block;font-size: 12px;font-weight:300;color:#000;margin-top: 50px;}


.board_view {padding-bottom: 100px;}
.board_view .conwrap {}
.board_view .conwrap .view_tit {}
.board_view .conwrap .view_tit .info {}
.board_view .conwrap .view_tit .info > span {display: inline-block;font-size: 14px;font-weight:300;color:#888;}
.board_view .conwrap .view_tit .info > span + span:before {content:"";display: inline-block;width:1px;height: 8px;background:#000;opacity:0.2;margin: 0 9px;}
.board_view .conwrap .view_tit .tit {margin-top: 16px;}
.board_view .conwrap .view_con {font-size: 12px;color:#666;line-height:1.5;padding: 35px 0 50px;border-bottom:1px solid rgba(0,0,0,0.2);}
.board_view .conwrap .view_con img {width : 100%}
.board_view .conwrap .view_file {border-bottom:1px solid rgba(0,0,0,0.2);padding: 11px 0;}
.board_view .conwrap .view_file ul {}
.board_view .conwrap .view_file ul li {}
.board_view .conwrap .view_file ul li a {display: inline-block;font-size: 12px;color:#222;line-height:1.5;padding-right: 20px;background: url(/images/page/file_icon.png) no-repeat top 2px right / 12px;}
.board_view .conwrap .view_paging {position: relative;display: flex;justify-content: center;margin-top: 40px;}
.board_view .conwrap .view_paging .page_arrow {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: calc(50% - 25px);}
.board_view .conwrap .view_paging .page_arrow a {display:inline-block;max-width: 100%;padding: 0 20px;background: url(/images/page/view_prev.png) no-repeat top 3px left / 8px;}
.board_view .conwrap .view_paging .page_arrow a b {display: block;font-size: 14px;font-weight:400;color:#000;letter-spacing:-0.01em;}
.board_view .conwrap .view_paging .page_arrow a .txt1 {margin-top: 4px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display: none;}
.board_view .conwrap .view_paging .page_prev {padding-right: 5%;}
.board_view .conwrap .view_paging .page_next {left: auto;right:0;padding-left: 20%;text-align: right;}
.board_view .conwrap .view_paging .page_next a {background: url(/images/page/view_next.png) no-repeat top 3px right / 8px;}
.board_view .conwrap .view_paging .list {width: 49px;height: 49px;background:#373736;}
.board_view .conwrap .view_paging .list a {display:flex;flex-direction:column;align-items: center;justify-content: center;width: 100%;height: 100%;}
.board_view .conwrap .view_paging .list a span {display: block;width: 12px;height:1px;background:#fff;}
.board_view .conwrap .view_paging .list a span + span {margin-top: 4px;}

.paging {text-align: center;margin-top: 70px;}
.paging > * {display: inline-block;vertical-align: top;font-size: 14px;font-weight: 300;color:#666;line-height: 16px;margin: 0 10px;}
.paging strong {font-weight:400;color:#000;}
.paging a.page_begin {background:url(/images/page/page_begin.png) no-repeat center / contain;width: 12px;height: 16px;margin-right: 17px;}
.paging a.page_prev {background:url(/images/page/page_prev.png) no-repeat center / contain;width: 7px;height: 16px;margin: 0 30px 0 0;}
.paging a.page_next {background:url(/images/page/page_next.png) no-repeat center / contain;width: 7px;height: 16px;margin: 0 0 0 30px;}
.paging a.page_end {background:url(/images/page/page_end.png) no-repeat center / contain;width: 12px;height: 16px;margin-left: 17px;}

/* motion */
.sub_visual .bg > div {transform:scale(1.08);transition:2s linear;}
.sub_visual.in-view .bg > div {transform:scale(1)}
.sub_visual .text .sub_tit {opacity:0;transform:translateY(40px);transition:0.9s 0.1s;}
.sub_visual .text .b_txt {opacity:0;transform:translateY(40px);transition:0.9s 0.3s;}
.sub_visual.in-view .text .sub_tit,
.sub_visual.in-view .text .b_txt {opacity:1;transform:translateY(0px);}

.ani_y {opacity:0;transform:translateY(40px);transition:0.9s;}
.ani_y.in-view {opacity:1;transform:translateY(0px);}

.m11 .section2 .conwrap .text_list li:nth-child(1) {opacity:0;transform:translateX(-50px);transition:0.9s;}
.m11 .section2 .conwrap .text_list li:nth-child(3) {opacity:0;transform:translateX(50px);transition:0.9s;}
.m11 .section2 .conwrap .text_list.in-view li {opacity:1;transform:translateX(0px);}

.m12 .section2 .conwrap .list_wrap .text_list li {opacity:0;transform:translateX(-30px);transition:0.9s;}
.m12 .section2 .conwrap .list_wrap .text_list li:nth-child(2) {transition-delay:0.15s;}
.m12 .section2 .conwrap .list_wrap .text_list li:nth-child(3) {transition-delay:0.3s;}
.m12 .section2 .conwrap .list_wrap .text_list.in-view li {opacity:1;transform:translateX(0px);}