@charset "utf-8";

.pcbr{display:block !important;}
.ptbr{display:block !important;}
.tbr{display:none !important;}
.mbr{display:none !important;}
.pc_view{display:block !important;}
.pt_view{display:block !important;}
.tm_view{display:none !important;}
.t_view{display:none !important;} 
.m_view{display:none !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:26px;font-weight: 300;color:#fff;}
.sub_visual .text .b_txt {display: block;font-size:33px;font-weight: 300;color:#fff;line-height:1.4;margin-top: 26px;}
.sub_visual .scroll_bar {position: absolute;bottom:0;left:50%;width:1px;height:120px;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.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:220px;}
.m00 .section_tit_wrap {text-align: center;padding-bottom: 188px;}
.m00 .section_tit {display: block;font-size:40px;font-weight:400;color:#0d0d0d;}
.m00 .section_text_wrap {text-align: center;}
.m00 .section_b_txt {display: block;font-size:36px;font-weight:400;color:#0d0d0d;}
.m00 .b_txt {display: block;font-size:42px;font-weight: 300;color:#000;line-height:1.3;}
.m00 .txt1 {font-size:17px;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%;max-width:1400px;margin:0 auto 100px;}
.m00 .tab_wrap ul {display:flex;justify-content:center;}
.m00 .tab_wrap ul li {width:calc(20% - 8px);}
.m00 .tab_wrap ul li + li {margin-left:10px;}
.m00 .tab_wrap ul li a {display: block;font-size:16px;color:rgba(0,0,0,0.7);line-height:56px;text-align: center;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:200px;}
.m11 .section1 .conwrap {display:flex;justify-content: space-between;align-items:center;}
.m11 .section1 .conwrap > div {width:calc(50% - 20px);}
.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: 0 8%;}
.m11 .section1 .conwrap .text_wrap .txt1 {margin-top: 55px;}
.m11 .section2 {padding: 210px 0 227px;}
.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: 140px;}
.m11 .section2 .conwrap .dia img{max-width: 100%;}
.m11 .section2 .conwrap .text_list {display:flex;width: 100%;max-width: 1400px;margin: 160px auto 0;}
.m11 .section2 .conwrap .text_list li {position: relative;width:calc((100% - 100px) / 3);padding-bottom:calc((100% - 100px) / 3);text-align: center;border-radius:50%;border:1px solid rgba(0,0,0,0.7);}
.m11 .section2 .conwrap .text_list li + li {margin-left:50px;}
.m11 .section2 .conwrap .text_list li:not(:nth-child(2)):before {content:"";position: absolute;top:50%;left:-51px;width:50px;height:1px;background:#000;opacity:0.7;}
.m11 .section2 .conwrap .text_list li:not(:nth-child(2)):after {content:"";position: absolute;top:50%;left:-6px;width:11px;height:11px;margin-top:-5px;background:#222;border-radius:50%;}
.m11 .section2 .conwrap .text_list li:nth-child(1):before {left: auto;right:-51px;} 
.m11 .section2 .conwrap .text_list li:nth-child(1):after {left: auto;right:-6px;} 
.m11 .section2 .conwrap .text_list li p {position: absolute;top:50%;left:0;transform:translateY(-50%);width:100%;font-size:28px;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:36px;font-weight: 300;color:#000;margin-bottom:65px; display: inline-block;}
.m11 .section2 .conwrap .con .text_wrap .p_wrap {display:flex;}
.m11 .section2 .conwrap .con .text_wrap .p_wrap p {width:50%;padding-right: 9.5%;}
.m11 .section2 .conwrap .con .img_wrap {padding-left:20px;overflow: hidden;}
.m11 .section2 .conwrap .con .img_wrap img {width:100%;}
.m11 .section2 .conwrap .con2 {display:flex;justify-content:space-between;align-items:center;margin-top: 80px; margin-bottom: 200px;}
.m11 .section2 .conwrap .con2 > div {width:50%;}
.m11 .section2 .conwrap .con2 .text_wrap {padding: 0 5% 0 8.3%;}
.m11 .section2 .conwrap .con1 {padding: 0 0 120px 8.3%;margin-top: 164px;}
.m11 .section2 .conwrap .img_con .img_wrap {padding-left:0;}
.m11 .section2 .conwrap .contact {text-align: center;padding-top: 188px;}
.m11 .section2 .conwrap .contact strong {display: block;font-size:36px;font-weight:300;color:#000;}
.m11 .section2 .conwrap .contact dl {display:flex;justify-content:center;margin-top: 48px;}
.m11 .section2 .conwrap .contact dl * {font-size:17px;color:#6f6e6b;}
.m11 .section2 .conwrap .contact dl dt {color:#000;margin-right:20px;}
.m11 .section2 .conwrap .con3{margin-bottom: 70px;}
.m11 .section2 .conwrap .con3 .text_wrap .p_wrap p{width: 100%; padding: 0;}

.m12 {}
.m12 .section1 {padding-bottom:280px;}
.m12 .section1 .conwrap {}
.m12 .section1 .conwrap .con {display:flex;}
.m12 .section1 .conwrap .con + .con {margin-top:40px;}
.m12 .section1 .conwrap .con > div {width:50%;}
.m12 .section1 .conwrap .con .img_wrap {padding-right: 20px;overflow: hidden;}
.m12 .section1 .conwrap .con .img_wrap img {width:100%;}
.m12 .section1 .conwrap .con .text_wrap {padding-left:100px;}
.m12 .section1 .conwrap .con .text_wrap .tit {display: block;font-size:42px;font-weight: 300;color:#000;margin-bottom: 32px;}
.m12 .section1 .conwrap .con1 {align-items:center;}
.m12 .section1 .conwrap .con1 .text_wrap {margin-top: -85px;}
.m12 .section2 {padding:200px 0;}
.m12 .section2 .conwrap {}
.m12 .section2 .conwrap .tit {display: block;font-size:28px;font-weight: 400;color:#222;text-align: center;}
.m12 .section2 .conwrap .list_wrap {position: relative;margin-top: 43px;}
.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:9px;height:9px;border-top:1px solid #222;border-right:1px solid #222;box-sizing:border-box;}
.m12 .section2 .conwrap .list_wrap:before {left:50%;top:-4px;transform:rotate(45deg);margin-left:-5px;}
.m12 .section2 .conwrap .list_wrap:after {left:50%;bottom:-4px;transform:rotate(-135deg);margin-left:-5px;}
.m12 .section2 .conwrap .list_wrap .text_list:before {left:-5px;top:50%;margin-top:-5px;transform:rotate(-45deg);}
.m12 .section2 .conwrap .list_wrap .text_list:after {right:-5px;top:50%;margin-top:-5px;transform:rotate(135deg);}
.m12 .section2 .conwrap .list_wrap .text_list {position: relative;display:flex;border:1px dashed rgba(34,34,34,0.5);border-radius:50vh;padding:66px 70px;}
.m12 .section2 .conwrap .list_wrap .text_list li {position: relative;width:calc(33.333% - 34px);padding-bottom:calc(33.333% - 34px);border-radius:50%;background:#222;}
.m12 .section2 .conwrap .list_wrap .text_list li + li {margin-left: 51px;}
.m12 .section2 .conwrap .list_wrap .text_list li + li:before {content:"";position: absolute;top:50%;left:-30px;width:8px;height:8px;border-radius:50%;background:#222;opacity:0.7;margin-top:-4px;}
.m12 .section2 .conwrap .list_wrap .text_list li p {position: absolute;top:50%;left:0;transform:translateY(-50%);width:100%;font-size:28px;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;}

.m13 {}
.m13 .section1 {padding-bottom:180px;}
.m13 .section1 .conwrap {}
.m13 .section1 .conwrap .text_wrap {display:flex;}
.m13 .section1 .conwrap .text_wrap > * {width:50%;}
.m13 .section1 .conwrap .text_wrap .b_txt {font-size: 32px;}
.m13 .section1 .conwrap .text_wrap .txt1 {padding-left:100px;}
.m13 .section1 .conwrap .img_wrap {margin-top:90px;}
.m13 .section1 .conwrap .img_wrap img {max-width:100%;}
.m13 .section1 .conwrap .global_wrap {margin-top:80px;}
.m13 .section1 .conwrap .global_wrap .tit {display: block;font-size:36px;font-weight: 300;color:#000;}
.m13 .section1 .conwrap .global_wrap .global_list {margin-top: 50px;}
.m13 .section1 .conwrap .global_wrap .global_list li {display:flex;align-items: flex-start;padding: 30px 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 {display:flex;align-items: center;width:315px;}
.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:22px;font-weight:400;color:#000;}
.m13 .section1 .conwrap .global_wrap .global_list li .text {width:calc(100% - 315px);margin-top: 7px;}
.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:187px 0 177px;}
.m13 .section2 .conwrap {}
.m13 .section2 .conwrap .tit {display: block;font-size:36px;font-weight: 300;color:#000;}
.m13 .section2 .conwrap .network_list {display:flex;align-items: center;flex-wrap:wrap;margin-top:80px;}
.m13 .section2 .conwrap .network_list li {width:20%;text-align: center;}
.m13 .section2 .conwrap .network_list li:nth-child(n+6) {margin-top:80px;}
.m13 .section2 .conwrap .network_list li img {max-width:80%;}

.m14 {}
.m14 .section1 {padding-bottom:190px;}
.m14 .section1 .conwrap {}
.m14 .section1 .conwrap .section_text_wrap {display:flex;text-align: left;}
.m14 .section1 .conwrap .section_text_wrap > * {width:50%;}
.m14 .section1 .conwrap .section_text_wrap .txt1 {padding-left:100px;}
.m14 .section2 {padding:190px 0 224px;background:#ecebe3;}
.m14 .section2 .conwrap {}
.m14 .section2 .conwrap .partner_wrap {}
.m14 .section2 .conwrap .partner_wrap + .partner_wrap {margin-top: 170px;}
.m14 .section2 .conwrap .partner_wrap .b_txt {margin-bottom: 75px;}
.m14 .section2 .conwrap .partner_wrap .partner_list {border-top:2px solid #000;}
.m14 .section2 .conwrap .partner_wrap .partner_list li {display:flex;align-items:center;padding:40px;border-bottom:1px solid rgba(0,0,0,0.2);}
.m14 .section2 .conwrap .partner_wrap .partner_list li .logo {width:31%;height:222px;line-height:222px;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 {width:69%;padding-left:60px;}
.m14 .section2 .conwrap .partner_wrap .partner_list li .text .name {display: block;font-size:32px;font-weight:300;color:#000;}
.m14 .section2 .conwrap .partner_wrap .partner_list li .text .list {margin-top:22px;}
.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:18px;line-height:2.2;}
.m14 .section2 .conwrap .partner_wrap .partner_list li .text .list dl dt {width:130px;color:#222;}
.m14 .section2 .conwrap .partner_wrap .partner_list li .text .list dl dd {width:calc(100% - 130px);color:#6f6e6b;}

.m20 {}
.m20 .section1 {padding-bottom:170px;}
.m20 .section1 .con {position: relative;}
.m20 .section1 .con:before {content:"";position: absolute;bottom:0;left: 50%;width: 100vw;margin-left: -50vw;font-family:'Lexend';line-height: 0.77;color:#ecebe3;}
.m20 .section1 .con + .con {margin-top:40px;}
.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: 20px;}
.m20 .section1 .con .text_wrap .txt1.bold {font-size:22px;font-weight:400;}
.m20 .section1 .con .img_wrap {overflow: hidden;}
.m20 .section1 .con .img_wrap img {width:100%;}
.m20 .section1 .con1 {display:flex;}
.m20 .section1 .con1 > div {width:50%;}
.m20 .section1 .con1 .text_wrap {padding: 70px 0 0 8.3%;}
.m20 .section1 .con1 .text_wrap .tit {font-size:50px;margin-bottom:66px;}
.m20 .section1 .con1 .text_wrap .txt1 {font-size: 22px;}
.m20 .section1 .con1 .img_wrap {padding-left:20px;}
.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: 36px;margin: 90px 0 63px;}
.m20 .section1 .con3 .text_wrap .p_wrap {display:flex;}
.m20 .section1 .con3 .text_wrap .p_wrap + .p_wrap {margin-top:30px;}
.m20 .section1 .con3 .text_wrap .p_wrap p {width:50%;}
.m20 .section2 {padding: 170px 0 230px;}
.m20 .section2 .conwrap .section_text_wrap {}
.m20 .section2 .conwrap .product_slider {margin-top: 144px;overflow: visible;}
.m20 .section2 .conwrap .product_list {display:flex;flex-wrap:wrap;}
.m20 .section2 .conwrap .product_list.center {justify-content:center;}
.m20 .section2 .conwrap .product_list > li {width:calc(33.333% - 40px);margin:160px 60px 0 0;text-align: center;}
.m20 .section2 .conwrap .product_list > li:nth-child(-n+3) {margin-top:0;}
.m20 .section2 .conwrap .product_list > li:nth-child(3n) {margin-right:0;}
.m20 .section2 .conwrap .product_list > li .img img {max-width:100%;}
.m20 .section2 .conwrap .product_list > li .text {margin-top:70px;}
.m20 .section2 .conwrap .product_list > li .text .name {display: block;font-size:24px;font-weight:400;color:#000;}
.m20 .section2 .conwrap .product_list > li .text .info_list {display: flex;flex-direction: column;/* align-items: center; */margin-top: 20px;padding: 33px 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: 20px;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 {display: none;}

.m211 .section1 .con1:before {content:"rā-ˈzhœ-nes";font-size: 8.9vw;}
.m212 .section1 .con1:before {content:"ˈek-spərt";font-size: 12vw;}
.m221 .section1 .con1:before {content:"ˈjüv-ˈfäns-plə";font-size: 8.2vw;}
.m222 .section1 .con1:before {content:"ˈfu̇l ȯr-ē-ə";font-size: 11.15vw;}
.m223 .section1 .con1:before {content:"ə-ˈtran-ā";font-size: 12.25vw;}
.m23 .section1 .con1:before {content:"'ȯr-kə-strə";font-size: 10.5vw;}

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

.m31 {}
.m31 .section1 {padding-bottom:300px;}
.m31 .section1 .conwrap {}
.m31 .section1 .conwrap .con {}
.m31 .section1 .conwrap .con + .con {margin-top:190px;}
.m31 .section1 .conwrap .con .img_wrap {display:flex;overflow: hidden;}
.m31 .section1 .conwrap .con .img_wrap img {max-width:100%;}
.m31 .section1 .conwrap .con .img_wrap > div {width: calc(50% - 20px);}
.m31 .section1 .conwrap .con .img_wrap > div + div {margin-left:40px;}
.m31 .section1 .conwrap .con .text_wrap {display: flex;justify-content: space-between;width:100%;max-width:1400px;margin: 113px auto 0;}
.m31 .section1 .conwrap .con .text_wrap > div {width:calc(50% - 100px);}
.m31 .section1 .conwrap .con .text_wrap .tit {display: block;font-size:36px;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:117px;}
.m32 section .conwrap .text_wrap .p_wrap {display:flex;justify-content: space-between;margin-top: 60px;}
.m32 section .conwrap .text_wrap .p_wrap .txt1 {width:calc(50% - 100px);}
.m32 .section1 {padding-bottom:180px;}
.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:36px;font-weight:400;line-height:1.4;color:#000;}
.m32 .section2 {padding:170px 0 230px;}
.m32 .section2 .conwrap {}
.m32 .section2 .conwrap .con + .con {margin-top: 185px;}
.m32 .section2 .conwrap .con .img_wrap  {display: flex;align-items: center;justify-content: center;min-height: 480px;background:#fff;margin-top: 70px;padding: 50px;}
.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(33.333% - 20px);margin:110px 30px 0 0;text-align: center;}
.m33 section .document_list li:nth-child(-n+3) {margin-top:0;}
.m33 section .document_list li:nth-child(3n) {margin-right:0;}
.m33 section .document_list li .img {background:#ecebe3;padding:25px;}
.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:20px;color:#222;line-height:1.8;margin-top:28px;}
.m33 .section1 {padding-bottom:190px;} 
.m33 .section2 {background:#ecebe3;padding:210px 0;}
.m33 .section2 .b_txt {margin-bottom:90px;}
.m33 .section2 .document_list li .img {background:#fff;}

.board_page {padding-bottom:180px;}

.board_style1 .board_list {display:flex;flex-wrap:wrap;}
.board_style1 .board_list li {position: relative;width:calc(33.333% - 32px);margin-right:48px;padding:20px 0 26px;}
.board_style1 .board_list li:before {content:"";position: absolute;top:0;left:0;width:calc(100% + 24px);height:1px;background:#000;opacity:0.2;}
.board_style1 .board_list li:after {content:"";position: absolute;top:0;right:-24px;width:1px;height:100%;background:#000;opacity:0.2;}
.board_style1 .board_list li:nth-child(-n+3) {padding-top:0;border-top:0;}
.board_style1 .board_list li:nth-child(3n) {margin-right:0;}
.board_style1 .board_list li:nth-child(-n+3):before {display: none;}
.board_style1 .board_list li:nth-child(3n):before {left:-24px;}
.board_style1 .board_list li:nth-child(3n):after {display: none;}
.board_style1 .board_list li:nth-child(3n-1):before {left:-24px;width:calc(100% + 48px);}
.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: 43px;}
.board_style1 .board_list li a .text .tit {display: block;font-size:20px;font-weight:400;color:#000;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.board_style1 .board_list li a .text .txt1 {line-height:1.5;margin-top: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}
.board_style1 .board_list li a .text .date {display: block;font-size:16px;color:#888;margin-top: 24px;}

.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:flex;padding:40px 0;}
.board_style2 .board_list li a .img {width:430px;overflow: hidden;}
.board_style2 .board_list li a .img > div {width:100%;padding-bottom:260px;}
.board_style2 .board_list li a .text {display:flex;flex-direction:column;justify-content:space-between;width:calc(100% - 430px);padding: 0 100px 0 60px;}
.board_style2 .board_list li a .text .con {}
.board_style2 .board_list li a .text .tit {display: block;font-size:22px;font-weight:400;color:#000;letter-spacing:-0.025em;}
.board_style2 .board_list li a .text .txt1 {line-height:1.8;margin-top: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-wrap:break-word;}
.board_style2 .board_list li a .text span.period {display: block;font-size:18px;font-weight:300;color:#000;}


.board_view {padding-bottom:180px;}
.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:20px;font-weight:300;color:#888;}
.board_view .conwrap .view_tit .info > span + span:before {content:"";display: inline-block;width:1px;height:12px;background:#000;opacity:0.2;margin:0 12px;}
.board_view .conwrap .view_tit .tit {margin-top: 22px;}
.board_view .conwrap .view_con {font-size:17px;color:#666;line-height:1.5;padding:70px 0 80px;border-bottom:1px solid rgba(0,0,0,0.2);}
.board_view .conwrap .view_file {border-bottom:1px solid rgba(0,0,0,0.2);padding: 19px 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:17px;color:#222;line-height:1.5;padding-right:30px;background: url(/images/page/file_icon.png) no-repeat top 3px right;}
.board_view .conwrap .view_paging {position: relative;display: flex;justify-content: center;margin-top:60px;}
.board_view .conwrap .view_paging .page_arrow {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width:calc(50% - 35px);}
.board_view .conwrap .view_paging .page_arrow a {display:inline-block;max-width: 100%;padding:0 30px;background: url(/images/page/view_prev.png) no-repeat top 5px left;}
.board_view .conwrap .view_paging .page_arrow a b {display: block;font-size:20px;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;}
.board_view .conwrap .view_paging .page_prev {padding-right: 20%;}
.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 5px right;}
.board_view .conwrap .view_paging .list {width:70px;height:70px;background:#373736;}
.board_view .conwrap .view_paging .list a {display:flex;flex-direction:column;align-items: center;justify-content: center;width: 100%;height: 10;height: 100%;}
.board_view .conwrap .view_paging .list a span {display: block;width:18px;height:1px;background:#fff;}
.board_view .conwrap .view_paging .list a span + span {margin-top:6px;}

.paging {text-align: center;margin-top:120px;}
.paging > * {display: inline-block;vertical-align: top;font-size:17px;font-weight: 300;color:#666;line-height:21px;margin:0 23px;}
.paging strong {font-weight:400;color:#000;}
.paging a.page_begin {background:url(/images/page/page_begin.png) no-repeat center / contain;width:15px;height:21px;margin-right:20px;}
.paging a.page_prev {background:url(/images/page/page_prev.png) no-repeat center / contain;width:9px;height:21px;margin:0 47px 0 0;}
.paging a.page_next {background:url(/images/page/page_next.png) no-repeat center / contain;width:9px;height:21px;margin:0 0 0 47px;}
.paging a.page_end {background:url(/images/page/page_end.png) no-repeat center / contain;width:15px;height:21px;margin-left:20px;}

/* 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);}
