/* 공통 추가 */}
.pageTitle sup{font-size:24px;}
.pageTitle-s em{font-weight:700;}
.subpage-p03{font-size:26px; color: #666; font-weight:200; margin:10px 0 46px; text-align: center; line-height: 130%;}
.sub-box.mt{margin-bottom:0;}
figure{margin: 0;}
.subpage-p02.fs{font-size:32px;}
/* 버튼 */
.btn_mod{text-align: center; margin-top:80px;}
.btn_mod a{display:inline-block; width: calc(50% - 5px); max-width:250px; vertical-align: top; background: #fff; border:1px solid #ccc; font-weight:500; font-size:15px; letter-spacing:-0.025em; color: #333; box-sizing:border-box; line-height:55px; margin-right: 10px; transition:0.2s;}
.btn_mod a i{color: #0cb48d; font-size:18px; position:relative; top: 2px; margin-left: 5px; transition:0.2s;}
.btn_mod a:hover{background: #0cb48d; color: #fff; border:1px solid #0cb48d}
.btn_mod a:hover i{color: #fff;}
/* 팝업 */
.video_pop{display:none;  position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000;}
.video_pop .bg{position:absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.4; }
.video_pop .po_box{position:relative; display:inline-block; vertical-align: top; top: 55%; left: 50%; text-align: center; transform:translate(-50%,-50%); max-width: 500px; box-sizing:border-box; padding: 0 16px;}
.video_pop .po_box .close{position:absolute; top: -80px; left: 50%; width: 60px; height: 60px; background:url(/img/sub/icon_close.png) 50% 50% no-repeat; background-size:cover; transform:translateX(-50%); cursor: pointer;}
.video_pop .po_box video{width: 100%;}
/* 유튜브 */
.video_you{display:none; position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000;}
.video_you .bg{position:absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.4; }
.video_you .po_box{position:relative; display:inline-block; vertical-align: top; height: 550px; top: 55%; left: 50%; width: 100%; max-width:1000px; transform:translate(-50%,-50%);}
.video_you .po_box .close{position:absolute; top: -80px; left: 50%; width: 60px; height: 60px; background:url(/img/sub/icon_close.png) 50% 50% no-repeat; background-size:cover; transform:translateX(-50%); cursor: pointer;}
.video_you .po_box .video{width: 100%; height: 100%; background: #fff;}
/* table */
.rnd-table h3 { margin: 70px 0 60px; }
.rnd-table table,
.rnd-table th,
.rnd-table td { border-bottom: 1px solid #cccccc; padding: 20px 0; line-height: 1.4; position: relative; }
.rnd-table table { border-top: 1px solid #ff7a1a; }
.rnd-table table thead th:not(:first-child) { text-align: left; padding-left: 16px; }
.rnd-table table thead th::before,
.rnd-table table th:first-child::after,
.rnd-table table th::after,
.rnd-table table td::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 1px; height: 16px; background: #ccc; right: 0; }
.rnd-table table thead th:first-child::before { right: auto; left: 0; }
.rnd-table table td:last-child::after { display: none; }
.rnd-table table th.right-th::after { height: 100%; }
.rnd-table table thead th { background: #fff; font-size: 18px; color: #222; font-weight: 600; }
.rnd-table table tbody th { font-weight: 400; font-size: 17px; color: #444; }
.rnd-table table tbody td { border-right: none; font-weight: 500; font-size: 17px; padding: 20px 15px; }
.rnd-table td ul li { height: 22px; display: flex; align-items: center; }
.rnd-table td ul li sup { font-size: 8px; margin: 0 4px auto 0; font-weight: 500; }
.table-swipe { display: none; }

.table-scroll { font-size: 16px; font-weight: 500; display: none; margin-bottom: 10px; color: #ff7a1a; }
.table-scroll i:nth-child(1) { margin-left: 5px; }
.table-scroll i { margin: 0 0 0 -12px; transform: translateX(-7px); }
.table-scroll i { animation: tableScroll 2s infinite; }
@keyframes tableScroll {
	50% {
		transform: translateX(0px);
	}
	100% {
		transform: translateX(-7px);
	}
}
/* -------- entr -------- */
.entr{font-size:0;}
.scon{box-sizing:border-box; padding: 70px 0 100px;}
.scon01{padding-top:0;}
.scon.bg{background: #f9f9f9;}
.entr .scon .icon_tit{text-align: center;}
/* .entr .scon .icon_tit h3{margin-top:20px;} */
.entr .video_ctn{margin-top:72px;}
.entr .video_ctn .item{ display:inline-block; vertical-align: top; width: calc(50% - 10px); margin-right: 20px;;}
.entr .video_ctn .item:last-of-type{margin-right: 0;}
.entr .video_ctn .item video{height: 100%; width: 100%;}
.entr .p_list{font-size:0; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:46px;}
.entr .p_list .item:last-of-type,
.entr .p_list .item{width: 48%; margin-right: 4%; margin-bottom:40px; background: #fff;}
.entr .p_list .item:nth-of-type(2n){margin-right: 0;}
.entr .p_list .item:last-of-type{margin-right: 0;}
.entr .p_list .item .tit_box{width: 100%; text-align: center; padding: 34px 0 36px;}
.entr .p_list .item .tit_box p{font-family: 'Urbanist', sans-serif; font-weight:bold; font-size:16px; color: #44bbbd; margin-bottom:12px;}
.entr .p_list .item .tit_box h4{font-weight:600; font-size:21px; color: #222;}
.entr .p_list .item .v_box{width: 100%; position:relative; border-top: 1px solid #eee; padding: 30px; box-sizing:border-box;}
.entr .p_list .item .v_box .p_box{position:relative; overflow: hidden; padding-bottom:36.5%; text-align: center;}
.entr .p_list .item .v_box .p_box.you,
.entr .p_list .item .v_box .p_box.pop{cursor: pointer;}
.entr .p_list .item .v_box .p_box i{position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); font-weight:300; font-size:50px; color: #fff; z-index: 2;}
.entr .p_list .item .v_box .p_box img,
.entr .p_list .item .v_box .p_box video{position:absolute; top: 0; left: 0; width: auto; height: 100%;}
.entr .p_list .item .v_box .p_box img{top: 50%; left: 50%; transform:translate(-50%, -50%);}
.entr .p_list .item .v_box .p_box.img_s img{width: 43%; height: 100%; top: 50%; left: 50%; transform:translate(-50%, -50%);}
.entr .p_list .item .v_box p{margin-top:20px; font-weight:400; font-size:18px; letter-spacing:-0.025em; color: #666; text-align: center; line-height:1.4}
.entr .p_list .item:last-of-type .v_box{display:inline-block; vertical-align: top; width: 49%; margin-right: 2%;}
.entr .p_list .item:last-of-type .v_box:nth-of-type(2){padding: 30px 0 30px 30px;}
.entr .p_list .item:last-of-type .v_box:nth-of-type(3){padding: 30px 30px 30px 0; margin-right: 0;}
.entr .p_list .item:last-of-type .v_box .p_box{padding-bottom:74.5%;}

/* -------- programing -------- */	
.programing .tab{font-size:0; text-align: center; margin-bottom:50px;}
.programing .tab li{display:inline-block; vertical-align: top; width: 33.3%; max-width:300px; background: #fff; border:1px solid #ccc; font-weight:500; font-size:15px; letter-spacing:-0.025em; color: #333; box-sizing:border-box; line-height:55px; transition:0.2s; margin-left: -1px; cursor: pointer; }
.programing .tab li.on,
.programing .tab li:hover{background: #0cb48d; color: #fff; border:1px solid #0cb48d}
.programing .scon .icon_tit{text-align: center;}
.programing .scon .icon_tit.mt{margin-top:54px;}
/* .programing .scon .icon_tit p{margin-top:16px;} */
.programing .scon .video_ctn{width: 100%; text-align: center; margin-top:40px;}
.programing .scon .video_ctn video{width: 50%; height: 100%;}
.programing .scon .video_ctn p{margin-top:24px; line-height:1.3; font-size:20px; letter-spacing:-0.025em; color: #666;}
.programing .tab_ctn01 .scon{padding-bottom:0}
.programing .tab_ctn01 .ctn{border:1px solid #ddd; box-sizing:border-box; padding: 60px 0; margin-top: 70px;display:flex; gap: 8%;justify-content:center;}
.programing .tab_ctn01 .ctn1{}
/* .programing .tab_ctn01 .ctn .box{display:inline-block; width: 46.8%; vertical-align: top; margin-right: 6%; text-align: right;}
.programing .tab_ctn01 .ctn .box:last-of-type{margin-right: 0; text-align: left;} */
.programing .tab_ctn01 .video{padding: 60px 120px;}
.programing .tab_ctn01 .video p{font-weight:600; font-size:21px; color: #222; text-align: center; margin-bottom:38px; line-height:1.5em}
.programing .tab_ctn01 .video .box{}
.programing .tab_ctn01 .video .box h5{font-weight:400; font-size:16px; color: #222; text-align: center; margin: 14px 0 12px;}
.programing .tab_ctn01 .video .box .txt{}
.programing .tab_ctn01 .video .box .txt p{font-weight:400; font-size:16px; color: #666;}
.programing .tab_ctn01 .video .video_box{display:inline-block; width: calc(48% - 32.5px); max-width:220px; vertical-align: middle; margin-right: 65px;}
.programing .tab_ctn .video .v.pop{position:relative; cursor: pointer;}
.programing .tab_ctn01 .video .video_box .v.pop i,
.programing .tab_ctn01 .video .img_box .v.pop i {position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); font-weight:300; font-size:50px; color: #fff; z-index: 2;}
.programing .tab_ctn01 .video .video_box .v video{width: 100%; height: 100%;}
.programing .tab_ctn01 .video .icon_list{position:relative; display:inline-block; width: calc(50% - 32.5px); vertical-align: middle; text-align: left;}
.programing .tab_ctn01 .video .icon_list::before{content:url(/img/sub/programing_bg03.png); position:absolute; top: 50%; left: 0; transform:translateY(-50%);}
.programing .tab_ctn01 .video .icon_list h4{font-weight:600; font-size:19px; color: #222; line-height:1.3em; margin-bottom:14px;}
.programing .tab_ctn01 .video .icon_list ul li{font-size:16px; color: #666; margin-bottom:6px;}
.programing .tab_ctn01 .video .icon_list ul li:last-of-type{margin-bottom:0;}
.programing .tab_ctn01 .video .img_box{display:inline-block; width: calc(50% - 32.5px); vertical-align: top;}
.programing .tab_ctn01 .video .box:last-of-type .video_box{max-width:none; width: calc(50% - 32.5px); margin-right: 60px;	}
.programing .tab_ctn01 .video .box:last-of-type .video_box .v,
.programing .tab_ctn01 .video .img_box .v{position: relative; padding-bottom: 85%; overflow: hidden;}
.programing .tab_ctn01 .video .box:last-of-type .video_box .v img,
.programing .tab_ctn01 .video .img_box .v img{position:absolute; top: 0; left: 50%; transform:translateX(-50%); max-width:inherit; height: 100%;}

.programing .tab_ctn02 .scon02{position:relative;}
.programing .tab_ctn02 .scon02 .ctn{display: flex; flex-wrap: wrap; margin-top:40px; position:relative; z-index: 1;}
.programing .tab_ctn02 .scon02 .ctn .box{display:inline-block; width: 34%; vertical-align: top; background: #fff; border:1px solid #ccc; box-sizing:border-box; padding: 27px; margin-right: 2%;}
.programing .tab_ctn02 .scon02 .ctn .box:last-of-type{width: 32%; margin-right: 0;}
.programing .tab_ctn02 .scon02 .ctn .box p{font-weight:300; font-size:18px; letter-spacing:-0.025em; color: #333333; text-align: center; line-height:1.4em; margin-top:20px;}
.programing .tab_ctn02 .scon02 .ctn .box figure{position:relative; overflow: hidden; padding-bottom:74%;}
.programing .tab_ctn02 .scon02 .ctn .box figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width:inherit; height: 100%;}
.programing .tab_ctn02 .scon02 .ctn .box:nth-of-type(2) figure{padding-bottom:69%;}
.programing .tab_ctn02 .scon02 .ctn .box:nth-of-type(2) figure img{height: auto; width: 100%;}
.programing .tab_ctn02 .scon02 .ctn .video{width: 30%;}
.programing .tab_ctn02 .scon02 .ctn .video .v{position:relative; overflow: hidden; padding-bottom:79.5%; z-index: 10;}
.programing .tab_ctn02 .scon02 .ctn .video .v i{position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); font-weight:300; font-size:50px; color: #fff; z-index: 2;}
.programing .tab_ctn02 .scon02 .ctn .video .v img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width:inherit; height: 80%;}
.programing .tab_ctn02 .icon_txt{position:relative; display:flex; align-items:center; justify-content:center;}
.programing .tab_ctn02 .icon_txt::before{content:""; position:absolute; top: 0; left: 50%; transform:translateX(-50%); background:url(/img/sub/programing_bg.png) 50% 50% no-repeat; background-size:cover;  width: 1128px; height: 139px;}
.programing .tab_ctn02 .icon_txt p{display:flex; justify-content:center; flex-direction:column; position:relative; width: 100%; font-weight:300; font-size:20px; letter-spacing:-0.025em; color: #fff; line-height:1.3em; text-align: center;  background-color: rgb(16,185,148); background-color: linear-gradient(180deg, rgba(16,185,148,1) 0%, rgba(11,172,132,1) 100%); width: 860px; margin: 0 auto; height: 160px; border-radius:20px; margin-top:120px;}
.programing .tab_ctn02 .icon_txt p br.br{display:none; }
.programing .tab_ctn02 .icon_txt p span{font-weight:600; font-size:40px; letter-spacing:-0.025em; color: #fff; line-height:1.3em}
.programing .tab_ctn03 .scon02{position:relative; z-index: -3;}
.programing .tab_ctn .icon_tit.fs p{font-size:32px;}
/*padding: 80px 170px; */
.programing .tab_ctn03 .ctn{background: #fff; border:1px solid #ccc; text-align: center; position:relative; z-index: -2; box-sizing:border-box; margin-top:40px;}
.programing .tab_ctn03 .ctn .icon_txt{position:relative; display:inline-block; width: 315px; height: 90px; vertical-align: top; border-radius:30px; background: rgb(0,224,172); background: linear-gradient(180deg, rgba(0,224,172,1) 0%, rgba(12,180,141,1) 100%);color: #fff; font-weight:600; font-size:20px; letter-spacing:-0.025em; line-height:90px; margin:80px 0 70px;}
.programing .tab_ctn03 .ctn .icon_txt::after{content:""; width: 520px; height: 99px; position:absolute; top: -20px; left: 50%; transform:translate(-50%,-50%); background:url(/img/sub/programing_bg02.png) 50% 50% no-repeat; background-size:cover; z-index: -1;}
.programing .tab_ctn03 .ctn .item_box .box{display:inline-block; width: 45%; vertical-align: top; margin-right: 10%; margin-bottom:20px;}
.programing .tab_ctn03 .ctn .item_box .box:nth-of-type(n + 3){margin-bottom:0;}
.programing .tab_ctn03 .ctn .item_box .box:nth-of-type(2n){margin-right: 0;}
.programing .tab_ctn03 .ctn .item_box .box .tit_box h4{display:inline-block; width: 198px; vertical-align: top; font-weight:bold; font-size:18px; color: #fff; letter-spacing:-0.025em; background: #02daa8; line-height:60px}
.programing .tab_ctn03 .ctn .item_box .box .tit_box p{display:inline-block; width: calc(100% - 198px); vertical-align: top; line-height:60px; font-weight:bold; font-size:18px; letter-spacing:-0.025em; color: #333; text-align: left; box-sizing:border-box; padding-left: 10px;}
.programing .tab_ctn03 .ctn .item_box .box.r .tit_box p{text-align: right; padding-left: 0; padding-right: 10px;}
.programing .tab_ctn03 .ctn .item_box .box figure{position:relative; z-index: -1; margin-top:-10px;}

/* 21.11.23 programing */
.pro-box { width: 100%; height: 100%; background: url("/img/sub/programing-bg1.png") no-repeat 45.7% 25.9%; }
.pro-box { display: flex; padding: 40px 60px 95px 60px; position: relative; justify-content: space-between; }
.pro1 > div { margin: 0 0 50px 80px; }
.pro1 ul { display: flex; flex-flow: column nowrap; width: 92%; position: relative; }
.pro1 ul::after { content: ""; width: 311px; height: 626px; display: block; background: url("/img/sub/programing-bg2.png") no-repeat center; position: absolute; top: 50%; transform: translateY(-50%); right: -54%; }
.pro1 ul li { width: 480px; width: 100%; height: 120px; border-radius: 60px; background: #f8f8f8; margin: 25px 0; position: relative; display: flex; align-items: center; }
.pro1 ul li div { background: #fff; width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 20px 0 25px; }
.pro1 ul li p { font-weight: 600; font-size: 26px; letter-spacing: -0.025em; color: #333333; }
.pro1 ul li span { display: block; position: absolute; top: 50%; transform: translateY(-50%); right: -24px; width: 53px; height: 53px; }
.pro1 ul li:nth-child(1) span { background: url("/img/sub/pro-arrow1.png") no-repeat center; }
.pro1 ul li:nth-child(2) span { background: url("/img/sub/pro-arrow2.png") no-repeat center; }
.pro1 ul li:nth-child(3) span { background: url("/img/sub/pro-arrow3.png") no-repeat center; }
.pro1 ul li:nth-child(4) span { background: url("/img/sub/pro-arrow4.png") no-repeat center; }
.pro1 ul li span i { font-size: 20px; color: #fff; line-height: 48px; }
.pro2 { position: absolute; left: 40.5%; bottom: 33.9%; }
.pro2-large, .pro2-small { border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.pro2-large { width: 220px; height: 220px; background: #fff; box-shadow: 15px 0 18px rgba(12, 180, 141, 0.3); }
.pro2-small { width: 150px; height: 150px; background: linear-gradient(to right, #00e0ac, #0cb48d); font-weight: 500; letter-spacing: -0.025em; font-size: 18px; color: #fff; line-height: 1.33; text-align: center; }
.pro3 { margin-top: 10px; }
.pro3-title { width: auto; height: 60px; padding: 0 25px; display: table; line-height: 60px; letter-spacing: -0.025em; color: #fff; position: relative; z-index: 2; }
.pro1 ul li:nth-child(1) { border: 1px solid #b9111f; }
.pro3-title1 { background: #b9111f; }
.pro1 ul li:nth-child(2) { border: 1px solid #e75e2d; }
.pro3-title2 { background: #e75e2d; }
.pro1 ul li:nth-child(3) { border: 1px solid #6aad49; }
.pro3-title3 { background: #6aad49; }
.pro1 ul li:nth-child(4) { border: 1px solid #00b38c; }
.pro3-title4 { background: #00b38c; }
.pro3-title h5 { font-size: 18px; font-weight: 700; }
.pro3-title h5 span { font-size: 16px; font-weight: 400; }
.pro3-img { margin: -10px 0 25px; }


/* -------- reprosome -------- */
.reprosome .tab{font-size:0; text-align: center; margin-bottom:100px;}
.reprosome .tab li{display:inline-block; vertical-align: top; width: 20%; max-width:300px; background: #fff; border:1px solid #ccc; font-weight:500; font-size:15px; letter-spacing:-0.025em; color: #333; box-sizing:border-box; line-height:55px; transition:0.2s; margin-left: -1px; cursor: pointer; }
.reprosome .tab li.on,
.reprosome .tab li:hover{background: #0cb48d; color: #fff; border:1px solid #0cb48d}

/* 공통 */
.reprosome .tab_ctn .scon .border_box{background: #fff; font-size:0; padding: 60px 110px; box-sizing:border-box;  border:1px solid #ccc; margin-top:54px;}
.reprosome .tab_ctn .scon .border_box h4{font-weight:500; font-size:26px; color: #333; letter-spacing:-0.025em; text-align:center; margin-bottom:34px; line-height:1.4em}
.reprosome .tab_ctn .scon .border_box h4 > br{display:none; }
.reprosome .tab_ctn .scon .border_box .item{display:inline-block; width: 46%; vertical-align: top; margin-right: 8%; background: #fff;}
.reprosome .tab_ctn .scon .border_box .item:last-of-type{margin-right: 0;}
.reprosome .tab_ctn .scon .border_box .item:nth-of-type(2n){margin-right: 0;}
.reprosome .tab_ctn .scon .border_box .item figure{border:1px solid #eee; box-sizing:border-box; text-align:center }
.reprosome .tab_ctn .scon .border_box .item .bg_txt{display:flex; align-items:center; justify-content:center; font-weight:300; font-size:18px; color: #222; background: #f4f4f4; text-align: center; height: 120px; line-height:1.4em}
.reprosome .tab_ctn .scon .border_box.w33 .item{width: 30.3%; margin-right: 4.5%;}
.reprosome .tab_ctn .scon .border_box.w33 .item:last-of-type{margin-right: 0;}
.reprosome .tab_ctn .scon .border_box.w100 .item{width: 100%; margin-right: 0; text-align: center;}
.reprosome .tab_ctn .scon .border_box .item .v{text-align: center; border:1px solid #eee; position:relative; overflow: hidden; padding-bottom: 50%;}
.reprosome .tab_ctn .scon .v.pop{cursor: pointer;}
.reprosome .tab_ctn .scon .v.pop i{position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); font-weight:300; font-size:50px; color: #fff; z-index: 2;}
.reprosome .tab_ctn .scon .border_box .item .v img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); height: 80%; width: auto;}
.reprosome .tab_ctn .scon .border_box.fs .item .bg_txt{font-weight:400; font-size:18px; color: #666;}

.reprosome .tab_ctn .scon dl{margin-top:48px;}
.reprosome .tab_ctn .scon dl dt{position:relative; display:inline-block; width: 260px; vertical-align: top; font-weight:600; font-size:28px; letter-spacing:-0.025em; color: #222; line-height:1.6em; padding-left: 28px; box-sizing:border-box;}
.reprosome .tab_ctn .scon dl dt::after{content:""; position:absolute; top: 50%; left: 8px; transform:translateY(-50%); width: 8px; height: 8px; border-radius:50%; background: #0cb48d;}
.reprosome .tab_ctn .scon dl dt::before{content:""; position:absolute; top: 50%; left: 0; transform:translateY(-50%); width: 4px; height: 4px; border-radius:50%; background: #0cb48d;}
.reprosome .tab_ctn .scon dl dd{display:inline-block; width: calc(100% - 260px); vertical-align: top;  font-size:18px; letter-spacing:-0.025em; color: #666; line-height:1.6em}
/* -공통 */

.reprosome{font-size:0;}
.reprosome .tab_ctn01 .scon01 .ctn{margin-top:50px;}
.reprosome .tab_ctn01 .scon01 .ctn .video_box{display:inline-block; vertical-align: top; width: calc(50% - 10px); margin-right: 20px;}
.reprosome .tab_ctn01 .scon01 .ctn .video_box video{height: 100%; width: 100%;}
.reprosome .tab_ctn01 .scon01 .ctn .img_box{display:inline-block; vertical-align: top; width: calc(50% - 10px);  box-sizing:border-box; border:1px solid #ccc;position:relative; overflow: hidden; padding-bottom: 27.6%}
.reprosome .tab_ctn01 .scon01 .ctn .img_box figure img{position:absolute; top: 50%; left: 50%; height: 100%; max-width: inherit; transform:translate(-50%,-50%);}
.reprosome .tab_ctn01 .scon02{padding: 20px 0 100px;}
.reprosome .tab_ctn01 .scon02 .ctn{border:1px solid #ccc; box-sizing:border-box; margin-top:100px; text-align: center; box-sizing:border-box; padding: 50px 140px 100px;}
.reprosome .tab_ctn01 .scon02 .ctn .icon_txt{position:relative; display:inline-block; width: 315px; height: 90px; vertical-align: top; border-radius:30px; background: rgb(0,224,172); background: linear-gradient(180deg, rgba(0,224,172,1) 0%, rgba(12,180,141,1) 100%);color: #fff; font-weight:600; font-size:20px; letter-spacing:-0.025em; line-height:90px; margin:80px 0 70px;}
.reprosome .tab_ctn01 .scon02 .ctn .icon_txt::after{content:""; width: 710px; height: 99px; position:absolute; top: -20px; left: 50%; transform:translate(-50%,-50%); background:url(/img/sub/bg_reprosome01.png) 50% 50% no-repeat; background-size:cover; z-index: -1;}
.reprosome .tab_ctn01 .scon02 .ctn .list_box{font-size:0;}
.reprosome .tab_ctn01 .scon02 .ctn .list_box .box{display:inline-block; vertical-align: top; width: 33.3%; text-align: center;}
.reprosome .tab_ctn01 .scon02 .ctn .list_box .box p{font-weight:300; font-size:18px; color: #333; margin-top:12px; line-height:1.4em}
.reprosome .tab_ctn01 .scon02 .ctn .list_box .box figure{position:relative; overflow: hidden; padding-bottom: 61.145%;}
.reprosome .tab_ctn01 .scon02 .ctn .list_box .box img{position:absolute; top: 0; left: 50%; transform:translateX(-50%); max-width:inherit; height: 100%;}
.reprosome .tab_ctn01 .scon02 .ctn .list_box .video .v{position:relative; overflow: hidden; padding-bottom: 61.145%;}
.reprosome .tab_ctn01 .scon02 .ctn .list_box .video p{font-weight:300; font-size:18px;}
.reprosome .tab_ctn01 .scon02 .ctn .list_box .video video{position:absolute; top: 0; left: 50%; transform:translateX(-50%); max-width:inherit; height: 100%;}
.reprosome .tab_ctn01 .scon02 .ctn .list_box .box:last-of-type{margin-right: 0;}
.reprosome .tab_ctn01 .scon03 .icon_tit{text-align: center;} 
/* .reprosome .tab_ctn01 .scon03 .icon_tit h3{margin-top:18px;} */
/* -------- pipeline -------- */
.pipeline .scon .table_box table thead{border-top: 1px solid #222;}
.pipeline .scon .table_box table thead th{position:relative; font-weight:600; font-size:18px; letter-spacing:-0.025em; color: #222; text-align: center; background: #fafafa; padding: 23px 0; border-bottom: 1px solid #ccc;}
.pipeline .scon .table_box table thead th::after{content:""; position:absolute; top: 50%; right: 0; width: 1px; height: 16px; background: #ccc; transform:translateY(-50%);}
.pipeline .scon .table_box table thead th:last-of-type::after{display:none; }
.pipeline .scon .table_box table tbody{}
.pipeline .scon .table_box table tbody td{position:relative; font-size:16px; letter-spacing:-0.025em; color: #555; text-align: center; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 23px 0;}
.pipeline .scon .table_box table tbody td:first-of-type{font-weight: 600; color: #222; cursor: pointer;}
.pipeline .scon .table_box table tbody td:last-of-type{border-right: none;	}
.pipeline .scon .table_box table tbody td .line{position:absolute; top: 0; left: 0; display:inline-block; vertical-align: top; width: 100%; height: 100%; font-size:0; text-align: left;}
.pipeline .scon .table_box table tbody td .line span{display:inline-block; vertical-align: top; width: 50%; height: 100%; border-right: 1px solid #ccc;}
/* 23.05.25 */
.pipeline .scon .table_box table tbody td .line-1 span{width: calc(51% + 8px); position:relative;}
.pipeline .scon .table_box table tbody td .line-1 span::after{content:""; position:absolute; top: 50%; right: calc(50% - 0px); width: 1px; height: 100%; background: #ccc; transform:translateY(-50%);}
.pipeline .scon .table_box table tbody td .line-2 { left:unset; right: 0; width: calc(49% - 10px);}
.pipeline .scon .table_box table tbody td .line-2 span::after{content:""; position:absolute; top: 50%; right: 25%; width: 1px; height: 100%; background: #ccc; transform:translateY(-50%);}
.pipeline .scon .table_box table tbody td .line-2 span::before{content:""; position:absolute; top: 50%; right: calc(75% + 1px); width: 1px; height: 100%; background: #ccc; transform:translateY(-50%);}
.pipeline .scon .table_box table tbody td .progress{position:relative; width: 0; height: 26px; border-radius:15px; background: rgb(42,214,189); background: linear-gradient(120deg, rgba(42,214,189,1) 0%, rgba(2,131,82,1) 100%); opacity: 0;}
.pipeline .scon .table_box table tbody td .progress::before{content:""; position:absolute; top: 50%; left: 8px; width: 10px; height: 10px; transform:translateY(-50%); border-radius:50%; background: #fff;}
.pipeline .scon .table_box table tbody td .progress::after{content:""; position:absolute; top: 50%; right: -16px;	 background:url(/img/sub/icon_pipe.png) 50% 50% no-repeat; background-size:cover; display:inline-block; width: 43px; height: 26px; transform:translateY(-50%);}
.pipeline .scon .tab{font-size:0;}
.pipeline .scon .tab li{display:inline-block; width: 25%; border:1px solid #e6e6e6; box-sizing:border-box; text-align: center; line-height:55px; font-family: 'Urbanist', sans-serif; font-weight:600; font-size:15px; letter-spacing:0.025em; color: #7d7d7d; background: #fff; cursor: pointer; transition:0.2s;}
.pipeline .scon .tab li:hover,
.pipeline .scon .tab li.on{color: #fff; background: #0cb48d; border:1px solid #0cb48d}
.pipeline .scon .tab li br{display:none; }
.pipeline .scon .tab_ctn{font-size:0;}
.pipeline .scon .tab_ctn dl{margin-top:70px;}
.pipeline .scon .tab_ctn dl dt{display:inline-block; width: 500px; vertical-align: top;}
.pipeline .scon .tab_ctn dl dt p{font-family: 'Urbanist', sans-serif; font-weight:bold; font-size:26px; color: #0cb48d;}
.pipeline .scon .tab_ctn dl dt p.tit{font-family: 'Pretendard', sans-serif; font-weight:600; font-size:40px; letter-spacing:0.025em; color: #222; margin-bottom:14px;}
.pipeline .scon .tab_ctn dl dt span { font-size: 18px; color: #444; display: block; line-height: 1.4; margin: 26px 0; padding: 0 60px 0 0; }
.pipeline .scon .tab_ctn dl dd{display:inline-block;  width: calc(100% - 500px); vertical-align: top;}
/* margin-bottom:80px; */
.pipeline .scon .tab_ctn dl dd .txt{margin: 10px 0 60px;}
.pipeline .scon .tab_ctn dl dd .txt:last-of-type{margin-bottom:0;}
/* margin-bottom:24px; */
.pipeline .scon .tab_ctn dl dd .txt p{font-weight: 400; font-size:18px; letter-spacing:-0.025em; color: #444; line-height:1.5em;}
.pipeline .scon .tab_ctn dl dd .txt p:last-of-type{margin-bottom:0;}
.pipeline .scon .tab_ctn dl dd .txt p.tit{font-weight:bold; font-size:22px; color: #333; margin-bottom:20px;}
.pipeline .scon .tab_ctn dl dd .txt p.right_txt{text-align: right; font-size:14px; color: #777; margin-top:18px;}
.pipeline .scon .tab_ctn dl dd .txt ul{}
.pipeline .scon .tab_ctn dl dd .txt ul li{position:relative; font-weight: 400; font-size:17px; letter-spacing:-0.025em; color: #555; line-height:1.5em; margin-bottom:6px; padding-left: 14px;}
.pipeline .scon .tab_ctn dl dd .txt ul li::before{content:""; position:absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius:50%; background: #0cb48d;}
.pipeline .scon .tab_ctn dl dd .txt .img_ctn figure{display:inline-block; vertical-align: top; margin-bottom:40px;}
.pipeline .scon .tab_ctn dl dd .txt .img_ctn figure.w33{width: calc(33.3% - 13.33px); margin-right: 20px;}
.pipeline .scon .tab_ctn dl dd .txt .img_ctn figure.w50{width: calc(50% - 20px); margin-right: 40px;}
.pipeline .scon .tab_ctn dl dd .txt .img_ctn figure.w50.mr{margin-right: 0;}
.pipeline .scon .tab_ctn dl dd .txt .img_ctn figure:last-of-type{margin-right: 0;}
.pipeline .scon .tab_ctn dl dd .txt .img_ctn figure:nth-of-type(n + 2){margin-bottom: 0;}
.pipeline .scon .tab_ctn dl dd .txt .img_ctn figure img{border:1px solid #ccc}
.pipeline .scon .tab_ctn.mb dl dd .txt .img_ctn figure{margin-bottom:0}

/* ani */
.pipeline .scon .table_box table tbody td .progress.on{animation:move 1.6s both}

@keyframes move{
	0%{width: 0%; opacity: 0;}
	100%{width: calc(100% - 16px); opacity: 1;}

}
@media screen and (max-width: 1720px) {
	.pro-box { padding: 40px 40px 95px 40px; }
} 
@media screen and (max-width:1500px){
	.programing .tab_ctn01 .video{padding: 60px 16px;}
	.programing .tab_ctn01 .video .icon_list::before{left: -40px;}
	.pro-box { transform: scale(0.9); padding: 40px 0px 95px 0px; background: url("/img/sub/programing-bg1.png") no-repeat 45.7% 25.9% / 400px 927px; }
/*	.pro-box { background: url("/img/sub/programing-bg1.png") no-repeat 45.7% 19.9%; }*/
/*	.pro1 { padding: 0 25.5% 0 0; }*/
/*	.pro3 { padding: 0 0 0 2%; }*/
/*	.pro3 > div:first-child { transform: translateY(-30px); }*/
/*	.pro3 > div:last-child { transform: translateY(30px); }*/
}

@media screen and (max-width:1400px){
	.subpage-p02{font-size:42px;}
	
/* 	.entr .p_list .item .v_box{height: 270px;} */
	.entr .p_list .item .v_box p > br{display:none; }

	.tab{padding: 0 20px; box-sizing:border-box;}
	

	.pipeline .tab{padding: 0;	}
	.pipeline .scon .tab_ctn dl dt p.tit{font-size:36px;}
	.pipeline .scon .tab_ctn dl dt{width: 400px;}
	.pipeline .scon .tab_ctn dl dd{width: calc(100% - 400px);}

	.programing .tab_ctn03 .ctn{padding: 0;}
	
	/* 21.11.23 */
	.pro-box { transform: scale(1); padding: 40px 20px 95px 20px; background: url("/img/sub/programing-bg1.png") no-repeat 36.7% 25.9% / 400px 927px; }
	.pro1 > div { margin: 0 0 50px 20px; }
	.pro1 ul { width: 72%; }
	.pro1 ul li div { margin: 0 10px 0 15px; }
	.pro1 ul li p { font-size: 20px; }
	.pro2 { left: 33.5%; }
/*	.pro3 > div { margin-left: auto; width: 85%; }*/
}
@media screen and (max-width:1300px) {

	/* 21.11.23 */
	.pro-box { background: none; flex-flow: column nowrap; justify-content: center; padding: 40px 0 95px; }
	.pro1 { padding: 0; }
	.pro1 > div { margin: 0 0 50px 0; }
	.pro1 ul { flex-flow: row wrap; width: 80%; margin: 0 auto; flex-flow: row wrap; justify-content: space-between; padding: 0 20px; }
	.pro1 ul::after { top: 28%; transform: translateX(-50%) rotate(90deg); right: auto; left: 50%; }
	.pro1 ul li { width: 48%; margin: 25px 0 10px; }
	.pro1 ul li div { margin: 0 20px 0 25px; }
	.pro1 ul li p { font-size: 24px; }
	.pro1 ul li span { top: auto; right: auto; left: 50%; bottom: -28px; transform: translateX(-50%); }
	.pro1 ul li span i { transform: rotate(90deg); }
	.pro2 { position: inherit; left: auto; bottom: auto; margin: 30px 0 40px; }
	.pro2-large { margin: 0 auto; }
	.pro3 { display: flex; flex-flow: row wrap; padding: 0 20px; justify-content: space-between; }
	.pro3 > div { width: 49%; }
	.pro3 > div:first-child,
	.pro3 > div:last-child { transform: translateY(0); }
}
@media screen and (max-width:1200px){
	.subpage-p02{font-size:40px;}
	
	.entr .p_list .item:last-of-type,
	.entr .p_list .item{width: 48%; margin-right: 4%; margin-bottom:20px;}
	.entr .p_list .item:nth-of-type(2n){margin-right: 0;}
	.entr .p_list .item:last-of-type{margin-right: 0;}
	.entr .p_list .item .v_box{height: 100%;}
	
	.pipeline .scon .tab_ctn dl{margin-top:50px;}
	.pipeline .scon .tab_ctn dl dd .txt{margin-bottom:50px;}
	.pipeline .scon .tab_ctn dl dd .txt ul li,
	.pipeline .scon .tab_ctn dl dd .txt p{margin-bottom:14px;}
	.pipeline .scon .tab_ctn dl dd .txt p.tit{margin-bottom:16px;}

	.reprosome .tab_ctn01 .scon02 .ctn{padding: 50px;}
	.reprosome .tab_ctn .scon .border_box{padding: 60px 30px;}
	.reprosome .tab_ctn .scon .border_box.w33 .item{width: 32.3%; margin-right: 1.5%;}
	.reprosome .tab_ctn .scon .border_box.fs .item .bg_txt{font-size:15px;}
	
	.programing .tab_ctn01 .ctn{flex-wrap:wrap;}
/* 	.programing .tab_ctn01 .video p{margin-bottom:16px;}
	.programing .tab_ctn01 .video .box{margin-right: 0; margin-bottom:40px;}
	.programing .tab_ctn01 .video .box:last-of-type{margin-bottom:0;}
	.programing .tab_ctn01 .video .box:last-of-type .video_box .v, .programing .tab_ctn01 .video .img_box .v{padding-bottom:60%;} */
	.programing .tab_ctn01 .video .icon_list::before{transform:translateY(-50%) rotate(90deg); top: 70px;}
/* 	.programing .tab_ctn01 .video .icon_list h4{max-width: 215px;} */
	.programing .tab_ctn01 .video .box2{margin-top: 60px;}

	.programing .tab_ctn03 .ctn{padding: 80px 16px;}
	
	.reprosome-table table th:nth-child(1) { width: 25%; }

	.pro1 ul { width: calc(100% - 20px); }
}

@media screen and (max-width:960px){
	.subpage-p02{font-size:38px;}
	.subpage-p02 > br{display:none; }
	.subpage-p02.fs,
	.programing .tab_ctn .icon_tit.fs p{font-size:28px;}

	.entr .video_ctn{margin-top:40px;}
	.entr .video_ctn .item{width: 100%; margin-bottom:20px; margin-right: 0;}
	.entr .video_ctn .item:last-of-type{margin-bottom:0;}
	.entr .p_list .item .tit_box{padding: 20px 0;}
	.entr .p_list .item .tit_box h4{font-size:19px;}
	
	.pipeline .scon .table_box{overflow-x: scroll;}
	.pipeline .scon .table_box table{width: 1000px;}
	
	.pipeline .scon .tab_ctn dl dt{width: 100%; margin-bottom:40px;}
	.pipeline .scon .tab_ctn dl dd{width: 100%;}
	.pipeline .scon .tab_ctn dl dd .txt{margin-bottom:24px;}

	.reprosome .tab_ctn01 .scon01 .ctn .img_box{width: 100%; margin-top: 20px; padding-bottom:50%;}
	.reprosome .tab_ctn01 .scon01 .ctn .video_box{width: 100%; margin-right: 0;}
	.reprosome .tab_ctn01 .scon02 .ctn{margin-top:50px; padding: 50px 16px;}
	
	.reprosome .tab_ctn .scon dl dd{width: 100%;}
	.reprosome .tab_ctn .scon dl dt{width: 100%;}
	.reprosome .tab_ctn .scon .border_box{padding: 40px 20px;}
	.reprosome .tab_ctn .scon .border_box .item{width: 49%; margin-right: 2%;}
	.reprosome .tab_ctn .scon .border_box .item .bg_txt{font-size:18px;}

	.reprosome .tab_ctn .scon .border_box.w33 .item{width: 49%; margin-right: 2%; margin-bottom:20px;}
	.reprosome .tab_ctn .scon .border_box.w33 .item:nth-of-type(2n){margin-right: 0;}
	.reprosome .tab_ctn .scon .border_box.fs .item .bg_txt{font-size:16px;}

	.programing .scon .icon_tit.mt{margin-top:26px;}
	.programing .scon .video_ctn video{width: 100%;}
	.programing .tab_ctn01 .scon .icon_tit p br{display:block; }
	.programing .tab_ctn01 .ctn{margin-top:50px; padding: 40px 16px;}
	
	.programing .tab_ctn02 .scon02 .ctn .box{width: 100%; margin-right: 0;}
	.programing .tab_ctn02 .scon02 .ctn .video{width: 100%; margin-right: 0; margin-bottom:30px;}
	.programing .tab_ctn02 .scon02 .ctn .video:nth-of-type(2n){margin-right: 0;}
	.programing .tab_ctn02 .scon02 .ctn .box:nth-of-type(2) figure,
	.programing .tab_ctn02 .scon02 .ctn .video .v{padding-bottom:34%;}
	.programing .tab_ctn02 .scon02 .ctn .box:last-of-type{width: 100%; margin-top:30px;}
	.programing .tab_ctn02 .scon02 .ctn .box figure img{max-width: none;}
	.programing .tab_ctn02 .scon02 .ctn .box:nth-of-type(2) figure img{width: auto;}
	.programing .tab_ctn02 .scon02 .ctn .box:last-of-type figure{padding-bottom:33%;}
	.programing .tab_ctn02 .icon_txt{width: 100%; height: 120px; margin-top:80px;}
	.programing .tab_ctn02 .icon_txt::before{transform: translateX(-50%) scale(0.4); top: -80px;}

	.programing .tab_ctn02 .icon_txt p{font-size:18px;}
	.programing .tab_ctn02 .icon_txt p span{font-size:28px;}
	.programing .tab_ctn03 .ctn{margin-top:20px;}
	.programing .tab_ctn03 .ctn .item_box .box{width: 49%; margin-right: 2%;}
	.programing .tab_ctn03 .ctn .item_box .box:nth-of-type(2n){margin-right: 0;}
	.programing .tab_ctn03 .ctn .item_box .box .tit_box h4{font-size:15px; width: 160px;}
	.programing .tab_ctn03 .ctn .item_box .box .tit_box p{font-size:15px; width: calc(100% - 160px);}

	.video_you .po_box{box-sizing:border-box; padding: 0 16px; width: 100%;	 height: 400px;}
	
	.pro1 ul { padding: 0; }
	.pro1 ul::after { top: 10%; }
	.pro1 ul li { height: 100px; }
	.pro1 ul li div { margin: 0 15px 0 20px; }
	.pro1 ul li p { font-size: 19px; }
}

@media screen and (max-width:768px){
	.subpage-p02{font-size:35px}
	.subpage-p02.fs,
	.programing .tab_ctn .icon_tit.fs p{font-size:20px;}
	.programing .tab_ctn01 .ctn .box .box_in{display: flex; justify-content: space-between;}
	
	.scon{padding: 50px 0 80px;}
	.scon01{padding-top:0;}

	.entr .p_list .item:last-of-type,
	.entr .p_list .item{width: 100%; margin-right: 0;}
	.entr .p_list .item .v_box{padding: 30px 14px; height: auto;}
	.entr .p_list .item:last-of-type .v_box:nth-of-type(2){padding: 30px 0 30px 14px;}
	.entr .p_list .item:last-of-type .v_box:nth-of-type(3){padding: 30px 14px 30px 0;}
	.entr .p_list .item .v_box .p_box{padding-bottom:45%;}
	.entr .p_list .item .v_box .p_box.img_s img{width: 63%;}


	.reprosome .tab,
	.pipeline .scon .tab{ display:flex;}
	.reprosome .tab li,
	.pipeline .scon .tab li{ display:flex; align-items:center; justify-content:center; width: 100%; line-height:1.2em; height: 55px; font-size:14px;}
	.reprosome .tab li br,
	.pipeline .scon .tab li br{display:block; }
	
	.pipeline .scon .tab_ctn dl dt{margin-bottom:30px;}
	.pipeline .scon .tab_ctn dl dt p.tit{font-size:32px;}
	.pipeline .scon .tab_ctn dl dd .txt p.tit{font-size:19px;}
	.pipeline .scon .tab_ctn dl dd .txt .img_ctn figure{margin-bottom:20px;}
	.pipeline .scon .tab_ctn dl dd .txt .img_ctn figure.w50{width: calc(50% - 10px); margin-right: 20px;}
	.pipeline .scon .tab_ctn dl dd .txt .img_ctn figure:last-of-type,
	.pipeline .scon .tab_ctn dl dd .txt .img_ctn figure.mr{margin-right: 0;}

	.reprosome .tab{margin-bottom:50px;}
	.reprosome .tab_ctn .scon dl dt{font-size:22px;}
	.reprosome .tab_ctn01 .scon02{padding: 20px 0 80px;}
	.reprosome .tab_ctn01 .scon02 .ctn .list_box .box{width: 48%; margin-right: 4%;}
	.reprosome .tab_ctn01 .scon02 .ctn .list_box .box:nth-of-type(2n){margin-right: 0;}
	.reprosome .tab_ctn01 .scon02 .ctn .list_box .box:last-of-type{width: 100%; margin-right: 0; margin-top:20px;}
	.reprosome .tab_ctn01 .scon02 .ctn .list_box .video .v,
	.reprosome .tab_ctn01 .scon02 .ctn .list_box .box figure{padding-bottom:62%;}
	.reprosome .tab_ctn01 .scon02 .ctn .list_box .box:last-of-type figure{padding-bottom:35%;}
	.reprosome .tab_ctn01 .scon02 .ctn .icon_txt{margin: 40px 0; height: 60px; line-height:60px}
	.reprosome .tab_ctn01 .scon02 .ctn .icon_txt::after{transform:translate(-50%,-50%) scale(0.7);}
	
	.reprosome .tab_ctn .scon .border_box.w33 .item,
	.reprosome .tab_ctn .scon .border_box .item{width: 100%; margin-right: 0; margin-bottom:20px; text-align: center;}
	.reprosome .tab_ctn .scon .border_box .item:last-of-type{margin-bottom:0;}

	.programing .tab_ctn01 .ctn .box{width: 100%; text-align: center;}
	.programing .tab_ctn01 .ctn .box:last-of-type{text-align: center; margin-top:20px;}
	.programing .tab_ctn01 .video .box:last-of-type .video_box .v, .programing .tab_ctn01 .video .img_box .v{padding-bottom:100%;}
	.programing .tab_ctn01 .video .box .video_box{width: 200px; margin-right: 0;}
	.programing .tab_ctn01 .video .box:last-of-type .video_box{width: 48%;margin-right: 0;}
	.programing .tab_ctn01 .video .img_box{width: 48%;}
	.programing .tab_ctn01 .video .icon_list{ text-align: center;}
	.programing .tab_ctn01 .video .icon_list h4{max-width: none;}
	.programing .tab_ctn01 .video .icon_list ul{display:inline-block; text-align: left;}
	.programing .tab_ctn01 .video .icon_list::before{left: 50%; transform:translate(-50%,-50%) rotate(90deg)}

	.programing .tab_ctn02 .scon02 .ctn .box{padding: 27px 10px;}
	.programing .tab_ctn02 .scon02 .ctn .box:nth-of-type(2) figure{padding-bottom:50%;}


	.programing .tab_ctn03 .ctn .item_box .box{width: 100%; margin-right: 0;}
	.programing .tab_ctn03 .ctn .item_box .box figure img{width: 100%;}
	.programing .tab_ctn03 .ctn .item_box .box:nth-of-type(n + 3){margin-bottom:20px;}
	.programing .tab_ctn03 .ctn .item_box .box:last-of-type{margin-bottom:0;}
	.programing .tab_ctn03 .ctn .icon_txt{margin: 60px 0; line-height:70px; height: 70px; font-size:18px;}
	.programing .tab_ctn03 .ctn .icon_txt::after{transform:translate(-50%,-50%) scale(0.6)}

	.video_you .po_box{height: 350px; top: 50%;}
	
	.reprosome-table table th:nth-child(1) { width: 20%; }
	.rnd-table { width: 100%; }
	.table-scroll { display: block; }
	.rnd-scroll { width: 100%; overflow-x: auto; position: relative; }
	.rnd-table table { width: 728px; }
	.rnd-table table thead th { font-size: 17px; }
	.rnd-table table tbody th,
	.rnd-table table tbody td { font-size: 16px; }
	.rnd-scroll table { opacity: 0.3; }
	.table-swipe { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 2; }
	
	.pro1 ul li { width: 49%; }
	.pro1 ul li div { margin: 0 0 0 10px; transform: scale(0.8); transform-origin: left; }
	.pro1 ul li p { font-size: 18px; margin-left: -5px; }
	.pro3 { flex-flow: column nowrap; }
	.pro3 > div { width: 100%; }
	.pro3-img { background: none; height: auto; }
}


@media screen and (max-width:640px){
	.subpage-p02{font-size:24px}
	.subpage-p03{font-size:20px;}
	.sub-box.mt{margin-top:40px;}

	.scon{padding: 50px 0 60px;}
	.scon01{padding-top:0;}

	.btn_mod{margin: 30px 0; padding: 0 20px; box-sizing:border-box;}
	.btn_mod a{width: 48%; margin-right: 2%;}
	.btn_mod a:last-of-type{margin-right: 0;}

	.pipeline{margin-bottom:60px;}
	.reprosome .tab_ctn01 .scon02{padding: 20px 0 60px;}
	.reprosome .tab_ctn .scon .border_box h4 > br{display:block; }
	.reprosome .tab_ctn .scon dl dt{font-size:19px;}
	.reprosome .tab_ctn .scon dl dd{font-size:16px;}
	
	.programing .tab_ctn01 .video .box .video_box{width: 100%;}
	.programing .tab_ctn01 .video .icon_list{width: 100%; text-align: center; margin: 60px 0;}
	.programing .tab_ctn01 .video .icon_list::before{top: 20%;}
	.programing .tab_ctn01 .video .box .txt p br { display: none; }

	.programing .tab_ctn02 .scon02 .ctn .box:nth-of-type(2) figure img{width: 100%;}
	.programing .tab_ctn02 .icon_txt p{font-size:16px;}
	.programing .tab_ctn02 .icon_txt p br.br{display:block; }
	.programing .tab_ctn02 .icon_txt p span{font-size:20px;}
	
	.programing .scon .video_ctn video{width: 100%;}
	.programing .tab_ctn03 .ctn{padding: 30px 16px;}

/*	.reprosome-table td ul li { height: auto; display: block; }*/
	.rnd-table table thead th { font-size: 16px; }
	.rnd-table table tbody th,
	.rnd-table table tbody td { font-size: 15px; }

	.pro1 ul { flex-flow: column nowrap; }
	.pro1 ul::after { top: 60%; background-size: 45%; }
	.pro1 ul li { width: 100%; height: 110px; }
	.pro1 ul li div { transform: scale(1); margin: 0 20px 0 25px; }
	.pro1 ul li p { font-size: 24px; margin-left: 0; }
	
	.pipeline .scon .tab_ctn dl dd .txt .img_ctn figure.w50 { width: 100%; margin-right: 0; text-align: center; }
	.pipeline .scon .tab_ctn.mb dl dd .txt .img_ctn figure,
	.pipeline .scon .tab_ctn dl dd .txt .img_ctn figure:nth-of-type(n + 2){margin-bottom: 20px;}
}

@media screen and (max-width:490px){
	.reprosome .tab li, .pipeline .scon .tab li{font-size:12px;}
	
	.reprosome .tab_ctn01 .scon02 .ctn .icon_txt { width: 280px; }
	.reprosome .tab_ctn01 .scon02 .ctn .icon_txt::after{transform:translate(-50%,-50%) scale(0.5);}
}

@media screen and (max-width:470px){
	.pro1 ul li { height: 85px; }
	.pro1 ul li div { margin: 0 10px 0 15px; width: 55px; height: 55px; }
	.pro1 ul li p { font-size: 16px; }
	.pro3-title { padding: 0 15px; }
	.pro3-title h5 { font-size: 16px; }
	.pro3-title h5 span { font-size: 15px; }

	.reprosome .tab_ctn .scon .border_box h4 br,
	.reprosome .tab_ctn .scon .border_box.fs .item .bg_txt.mobile-br br { display: none; }
	.reprosome .tab_ctn .scon .border_box.fs .item .bg_txt.mobile-br br { padding: 0 10px; }
}