/* common */
.w1500{width: calc(100% - 200px);}
.pad{padding: 40px 0 230px;}
.pad_top{padding-top: 80px;}
.pt{padding-top: 130px;}
.p_rel{position:relative; }
/* top */
.s_top{position:absolute; bottom: 0; right: 0; width: 100px; height: 100px; cursor: pointer; text-align: center; box-sizing:border-box;	padding: 27px 0;}
.s_top .icon{margin-bottom:8px;}
.s_top p{font-size:12px; color: #a6a6a6; transform:rotate(270deg);}
/* subTitle */
.s_tit{text-align: center;}
.s_tit.mb{margin-bottom:70px;}
.s_tit.tab_mb{margin-bottom:42px;}
.s_tit h3{font-weight:bold; font-size:50px; color: #111;}
.s_tit p{font-weight:300; font-size:21px; margin-top:12px;}
/* sv */
.s_wrap{font-family: 'Readex Pro', sans-serif; overflow: hidden;}
.s_wrap .sv{width: 100%; height: 100vh;}
.s_wrap .sv .bg{width: 100%; height: 100%; background-size:cover;}
.s_wrap .sv .txt{position:absolute; top: 50%; left: 0; width: 100%; box-sizing:border-box; transform:translateY(-50%); text-align: center;}
.s_wrap .sv .txt h2{font-weight:bold; font-size:70px; color: #fff; letter-spacing:-0.02em; line-height: 1.1; margin-bottom:55px;}
.s_wrap .sv .txt .box{display:inline-block; vertical-align: top;}
.s_wrap .sv .txt .num_box{position:relative;  text-align: left; margin-bottom:28px; box-sizing:border-box;/*  padding-left: 14px; */}
/* .s_wrap .sv .txt .num_box::after{content:''; position:absolute; top: 13px; left: 0; width: 5px; height: 5px; background: #fff; border-radius:50%;} */
.s_wrap .sv .txt .num_box:last-of-type{margin-bottom:0;}
.s_wrap .sv .txt .num_box p{font-weight:bold; font-size:30px; color: #fff; }
.s_wrap .sv .txt .num_box p span{display:inline-block;}
.s_wrap .sv .txt .num_box p:last-of-type{font-weight:300; font-size:24px; color: #fff;}
.s_wrap .sv .txt .num_box p.line_p{font-size:18px; color: #fff; font-weight:400; text-align: center;}
.s_wrap .sv .ui{}
.s_wrap .sv .ui p{position:absolute; top: 50%; left: 20px; font-weight:300; font-size:12px; color: #fff; transform:translateY(-50%) rotate(270deg); text-transform: uppercase; opacity: 0.6; } 
.s_wrap .sv .txt .num_box p span{animation:moveTxt 0.3s 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) both}

@keyframes moveTxt{
	0%{
		opacity: 0;
		transform:scale(0.5);
	}
	50%{
		transform:scale(1.2);
	}
	100%{
		opacity: 1;
		transform:scale(1);
	}
}

/* sv02 */
.s_wrap .sv02{}
.s_wrap .sv02 .bg{height: 400px;}
.s_wrap .sv02 .txt{position:absolute; bottom: 40px; left: 50%; display:flex; justify-content:space-between; align-items:center; width: calc(100% - 200px); max-width: 1500px; transform:translateX(-50%);}
.s_wrap .sv02 .txt h2{font-weight:bold; font-size:75px; color: #fff;}
.s_wrap .sv02 .txt ul{display:flex; margin-top: 29px;}
.s_wrap .sv02 .txt ul li{position:relative; font-weight:300; color: #fff; font-size:15px; margin-right: 38px;}
.s_wrap .sv02 .txt ul li::after{content:''; position:absolute; display:inline-block; vertical-align: top; top: 8px; right: -22px; background:url(/img/sub/location_arrow.png) 50% 50% no-repeat; background-size:cover; width: 5px; height: 7px;}
.s_wrap .sv02 .txt ul li:last-of-type{margin-right: 0;}
.s_wrap .sv02 .txt ul li:last-of-type::after{display:none; }
.s_wrap .sv02 .txt ul li i{color: #fff;}
.s_wrap .lnb{border-right: 1px solid #ececec; border-left: 1px solid #ececec; margin: 0 100px;}
.s_wrap .lnb ul{display:flex; flex-wrap:wrap;}
.s_wrap .lnb ul li{}
.s_wrap .lnb ul li a{display:flex; justify-content:center; align-items:center; width: 100%; height: 100px; font-weight:300; font-size:18px; color: #666; text-align: center;}
.s_wrap .lnb ul li.on a{font-weight:500; color: #005fa8;}	

.line_ctn{position:relative; }
.line_ctn::before{content:''; position:absolute; top: 0; bottom: 0; left: 100px; width: 1px; background: #ececec;}
.line_ctn::after{content:''; position:absolute; top: 0; bottom: 0; right: 100px; width: 1px; background: #ececec;}
.line_ctn.sv02::before,
.line_ctn.sv::before{background: #fff; opacity: 0.15;}
.line_ctn.sv02::after,
.line_ctn.sv::after{background: #fff; opacity: 0.15; z-index: 1;}

.tab{display:flex; justify-content:center;}
.tab li{position:relative; width: 50%; max-width: 375px; line-height: 70px; text-align: center; font-weight:300; font-size:18px; color: #666; cursor: pointer; transition:0.5s}
.tab li::after{content:''; position:absolute; bottom: 0; left: 0; width: 100%; height: 2px; background:#f0f0f0;}
.tab li::before{content:''; position:absolute; bottom: 0; right: 0; width: 0; height: 2px; background:#005fa8; z-index: 2; transition:0.5s}
.tab li.on{font-weight:500; color: #005fa8; background:#f8f8f8;}
.tab li.on::before{width: 100%; left: 0}
.tab.tab4 li{max-width: none; width: 25%;}

/* company
------------------------------------------------------ */
.greeting{padding: 130px 0 230px;}
.greeting .cont{}
.greeting .cont .box_list{display:flex; flex-wrap:wrap; margin-top: 55px;}
.greeting .cont .box_list .item{position:relative; width: calc(33.33% - 20px); margin-right: 30px; overflow: hidden;}
.greeting .cont .box_list .item:last-of-type{margin-right: 0;}
.greeting .cont .box_list .item::after{content:''; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #00172b; mix-blend-mode:multiply; opacity: 0; transition:0.3s}
.greeting .cont .box_list .item figure{}
.greeting .cont .box_list .item figure img{}
.greeting .cont .box_list .item .txt{position:absolute; top: 60%; left: 50%; transform:translate(-50%,-50%); width: 100%; text-align: center; z-index: 2; opacity: 0; transition:0.3s}
.greeting .cont .box_list .item .txt figure{}
.greeting .cont .box_list .item .txt h4{font-size:23px; color: #fff; margin: 25px 0 15px; text-transform: uppercase;}
.greeting .cont .box_list .item .txt p{font-weight:300; font-size:21px; color: #fff;}
.greeting .cont .box_list .item:hover::after{opacity: 0.85;}
.greeting .cont .box_list .item:hover .txt{opacity: 1; top: 50%;}


/* members */
.pop_box{display:none; position:fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 600;}
.pop_box::after{content:''; position:absolute; top: 0; bottom: 0; right: 0; left: 0; background: #000; opacity: 0.5;}
.pop_box .info{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%; max-width: 1500px; display:flex; flex-wrap:wrap; 
align-items:center; background: #fff; box-sizing:border-box; padding: 70px; z-index: 10;}
.pop_box .info .close{position:absolute; top: 20px; right: 20px; width: 20px; height: 20px; z-index: 20; cursor: pointer;}
.pop_box .info .close span{position:relative; display:block; margin: 10px 0; }
.pop_box .info .close span::before{content:''; position:absolute; top: 0; left: 0; width: 20px; height: 2px; background: #333; transform:rotate(-45deg);}
.pop_box .info .close span::after{content:''; position:absolute; top: 0; left: 0; width: 20px; height: 2px; background: #333; transform:rotate(45deg);}
.pop_box .info figure{position:relative; padding-bottom: 450px; overflow: hidden; width: 470px;}
.pop_box .info figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.pop_box .info .txt{width: calc(100% - 470px); box-sizing:border-box; padding-left: 60px;}
.pop_box .info .txt h3{font-weight:500; font-size:30px; color: #333;}
.pop_box .info .txt h3 span{font-weight:300; font-size:17px; color: #005fa8; margin-left: 10px;}
.pop_box .info .txt p{font-weight:300; font-size:21px; color: #666666; line-height: 1.7; margin-top: 24px; text-align: justify;}
.leadership{}
.leadership .cont{}
.leadership .cont .tab_ctn{display:flex; flex-wrap:wrap; margin-top: 80px;}
.leadership .cont .tab_ctn .item{width: calc(33.33% - 30px); margin-right: 45px; cursor: pointer;}
.leadership .cont .tab_ctn .item:nth-of-type(3n){margin-right: 0;}
.leadership .cont .tab_ctn .item figure{}
.leadership .cont .tab_ctn .item .txt{display:flex; align-items:center; flex-wrap:wrap;margin-top: 22px;}
.leadership .cont .tab_ctn .item .txt .name{width: calc(100% - 50px);}
.leadership .cont .tab_ctn .item .txt .name h3{font-size:25px; color: #333;}
.leadership .cont .tab_ctn .item .txt .name p{font-weight:300; font-size:17px; color: #666; margin-top: 6px;}
.leadership .cont .tab_ctn .item .txt .icon{width: 50px; height: 50px; border-radius:50%; overflow: hidden; background: #f1f1f1; transition:0.3s; text-align: center;}
.leadership .cont .tab_ctn .item .txt .icon i{position:relative; font-size:14px; color: #005fa8; line-height: 50px;}

/* Research
------------------------------------------------------ */
.research{}
.research .cont{margin-bottom:134px;}
.research .cont:last-of-type{margin-bottom:0;}
.research .cont .flex_box{display:flex; flex-wrap:wrap;}
.research .cont .flex_box figure{width: calc(50% - 90px);}
.research .cont .flex_box figure img{}
.research .cont .flex_box .txt{width: calc(50% + 90px); padding-left: 70px; box-sizing:border-box;}
.research .cont .flex_box .txt h4{font-weight:500; font-size:32px; color: #333; margin-bottom:10px;}
.research .cont .flex_box .txt p{font-weight:300; font-size:21px; color: #666;}
.research .cont .tab{position:absolute; top: 0; left: 0; width: 100%;}
.research .cont .tab li{}
.research .cont .tab li.on{}
.research .cont .scroll_box{position:relative; padding-top: 164px; box-sizing:border-box;}
.research .cont .scroll_box .item{margin-top: 94px;}
.research .cont .scroll_box .item:first-of-type{margin-top: 0;}
.research .cont .scroll_box .item .icon_tit{position:relative; font-weight:500; font-size:28px; letter-spacing:-0.04em; color: #333; margin-bottom:26px; padding-left: 16px;}
.research .cont .scroll_box .item .icon_tit::after{content:url(/img/sub/icon_arrowR.png); position:absolute; top: -6px; left: 0;}
.research .cont .scroll_box .item p{font-weight:300; font-size:21px; color: #666; line-height: 1.6;}
.research .cont .scroll_box .item .over_scroll{margin-top: 40px;}  

.research .cont .scroll_box.on .tab{position:fixed; background: #fff; top: 0; left: 0; z-index: 100;}

/* Pipeline Chart */
.pipeline{}
.pipeline .table_box{}
.pipeline .table_box .item{display:flex;}
.pipeline .table_box .item .th{width: 20%; background: #fafafa; border-top: 1px solid #005fa8; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; box-sizing:border-box}
.pipeline .table_box .item div:last-of-type{border-right: none;}
.pipeline .table_box .item .th h4{display:flex; align-items:center; justify-content:center; height: 100px; box-sizing:border-box; font-size:24px; color: #333; text-align: center;}
.pipeline .table_box .item .td{width: 20%; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; box-sizing:border-box}
.pipeline .table_box .item .td p{display:flex; align-items:center; justify-content:center; height: 100px; box-sizing:border-box; font-size:23px; color: #666; font-weight:300; text-align: center;}
.pipeline .table_box .item .td3{position:relative; width: 60%;}
.pipeline .table_box .item .td3::before{content:''; position:absolute; width: 1px; height: 100px; background: #e0e0e0; top: 0; left: 33.33%; z-index: -1;}
.pipeline .table_box .item .td3::after{content:''; position:absolute; width: 1px; height: 100px; background: #e0e0e0; top: 0; left: 66.66%; z-index: -1;}
.pipeline .table_box .item .td3 .progress{position:absolute; top: 50%; transform:translateY(-50%); left: 0; width: 0; max-width: none; height: 10px; background: rgb(63,154,224); background: linear-gradient(270deg, rgba(63,154,224,1) 0%, rgba(0,95,168,1) 100%); transition:2s}
.pipeline .table_box .item .td3 .progress::after{content:''; position:absolute; top: 50%; right: -25px; transform:translateY(-50%); width: 30px; height: 30px; opacity: 0; transition:0.8s; border-radius:50%; border:7px solid #3f9ae0; box-sizing:border-box;}
.pipeline .table_box .item .td3 .progress.w130{max-width: 130px;}
.pipeline .table_box .item.on .td3 .progress{width: calc(85% - 20px);}
.pipeline .table_box .item.on .td3 .progress.w130{width: calc(25% - 20px);}
.pipeline .table_box .item.on .td3 .progress.w200{width: calc(41% - 20px);}
.pipeline .table_box .item.on .td3 .progress.w45{width: calc(51% - 20px);}
.pipeline .table_box .item.on .td3 .progress::after{opacity: 1;}
.pipeline .table_box.table-1 .item .th{width: calc(100% / 7); }
.pipeline .table_box.table-1 .item .td{width: calc(100% / 7); }
.pipeline .table_box.table-1 .item .td3{width: calc((100% / 7) * 5); }
.pipeline .table_box.table-1 .item.on .td3 .progress{width: calc(71% - 20px);}
.pipeline .table_box.table-1 .item.on .td3 .progress.w45{width: calc(31% - 20px);}
.pipeline .table_box.table-1 .item .td3::before{left: calc(20% - 1px); }
.pipeline .table_box.table-1 .item .td3::after{left: calc(40% - 1px); }
.pipeline .table_box.table-1 .item .td3 .line { position:absolute; right:0; top:0; width:100%;}
.pipeline .table_box.table-1 .item .td3 .line:before{content:''; position:absolute; width: 1px; height: 100px; background: #e0e0e0; top: 0; right: 20%; z-index: -1;}
.pipeline .table_box.table-1 .item .td3 .line:after{content:''; position:absolute; width: 1px; height: 100px; background: #e0e0e0; top: 0; right: 40%; z-index: -1;}

/* 241211 */
.pipeline .table_box.table-1 .item .td { width: calc(100% / 9); }
.pipeline .table_box.table-1 .item .td3 { width: calc((100% / 9)* 7); }
.pipeline .table_box.table-1 .item .td3::before,
.pipeline .table_box.table-1 .item .td3::after,
.pipeline .table_box.table-1 .item .td3 .line:before,
.pipeline .table_box.table-1 .item .td3 .line:after { display: none; }
.pipeline .table_box.table-1 .item .td3 .line { width: calc(((100% / 7) * 6) - 1px); height: 100%; display: flex; right: auto; left: 0; }
.pipeline .table_box.table-1 .item .td3 .line span { display: block; width: 100%; height: 100%; position: relative; }
.pipeline .table_box.table-1 .item .td3 .line span::after { position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; border-right: 1px solid #e5e5e5; }
.pipeline .table_box.table-1 .item.on .td3 .progress { width: 63.5%; }
.pipeline .table_box.table-1 .item.on .td3 .progress.w45 { width: 20.5%; }
.pipeline .table_box.table-1 .item.on .td3 .progress.w20 { width: 6%; }
.pipeline .table_box + span { display: block; color: #666; font-size: 18px; margin-top: 30px; }

/* contact
------------------------------------------------------ */
.contact{}
.contact .cont{}
.contact .cont .map_box{height: 500px;}

.contact .cont .contact_info{display:flex; flex-wrap:wrap; margin-top: 56px;}
.contact .cont .contact_info .box{display:flex; flex-wrap:wrap; align-items:center; width: 28.5%; box-sizing:border-box; padding-left: 26px;}
.contact .cont .contact_info .box:first-of-type{width: 43%;}
.contact .cont .contact_info .box figure{position:relative; width: 130px; height: 130px; border-radius:50%; background: #005fa8;}
.contact .cont .contact_info .box figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.contact .cont .contact_info .box .txt{width: calc(100% - 130px); padding-left: 26px; box-sizing:border-box;}
.contact .cont .contact_info .box .txt h4{font-size:22px; color: #333; margin-bottom:10px;}
.contact .cont .contact_info .box .txt p{font-weight:300; font-size:20px; color: #666;}
.contact .cont .contact_info .box .txt p.noto{font-family: 'Noto Sans KR', sans-serif; margin-top: 10px;}
.contact .cont .contact_info .box .txt ul li{font-weight:300; font-size:20px; color: #666;}

/* 게시판 공통 */
.ntb-list li{font-size:21px;}
.ntb-list li .td a{font-size:21px;}
.ntb-tb-view th.view_tit{font-size:21px;}
.ntb-tb-view th{font-size:21px;}
.ntb-tb-view td{font-size:20px;}
.AXButton{font-size:16px;}


/* 추가 */
.job_opening .txt_mod{margin-bottom:110px;}
.job_opening .txt_mod .s_tit{margin-bottom:30px;}
.job_opening .txt_mod p{font-weight:300; font-size:20px; color: #333; text-align: center; margin-bottom:30px}
.job_opening .txt_mod p:last-of-type{margin-bottom:0;}


/* history
------------------------------------------------------ */
.history{}
.history .cont{position:relative; }
.history .cont .fixed_ctn{position:absolute; top: 50px;}
.history .cont .fixed_txt{}
.history .cont .fixed_txt h3{font-weight:bold; font-size:150px; color: #000; opacity: 0.06;}
.history .cont .fixed_txt h3 span:not(.change){position:relative; top: -63px;}
.history .cont .fixed_year{margin-top: -169px;}
.history .cont .fixed_year li{position:relative; font-size:25px; color: #999; margin-bottom:18px; padding-left: 54px; cursor: pointer;}
.history .cont .fixed_year li::after{content:"";position:absolute;  top: 34px; left: 11px; width: 1px; height: 20px; background: #e0e0e0;}
.history .cont .fixed_year li:last-of-type{margin-bottom:0;}
.history .cont .fixed_year li:last-of-type::after{display:none;}
.history .cont .fixed_year li span::before{content:''; position:absolute; top:6px; left: 0px; width: 23px; height: 23px; background: #e5eff6; border-radius:50%; transform:scale(0); transition:0.4s}
.history .cont .fixed_year li span::after{content:''; position:absolute; top:14px; left:8px; width: 7px; height: 7px; background: #e0e0e0; border-radius:50%;  transition:0.4s}

.history .cont .fixed_year li.on{color: #333;}
.history .cont .fixed_year li.on span::before{transform:scale(1);}
.history .cont .fixed_year li.on span::after{background: #005fa8;}
.history .cont .his_list{width: 50%; margin-left: auto; font-size:0;}
.history .cont .his_list .item{margin-bottom:58px;}
.history .cont .his_list .item:last-of-type{margin-bottom:0;}
.history .cont .his_list .item h4{font-weight:500; font-size:30px; letter-spacing:-0.02em; color: #333333; margin-bottom:24px;}
.history .cont .his_list .item > ul{}
.history .cont .his_list .item > ul > li{position:relative; font-weight:300; font-size:20px; color: #666; line-height: 1.25; margin-bottom:12px; padding-left: 33px; box-sizing:border-box;}
.history .cont .his_list .item > ul > li:last-of-type{margin-bottom:0;}
.history .cont .his_list .item > ul > li > span{position:absolute; left: 0; vertical-align: top; font-weight:400; font-size:20px; color: #005fa8;}

/* 220616 추가 */
.news .ntb-tb-view td .n_not,
.news .ntb-list li .col_hit{display:none; }


@media (hover :hover){
	.s_wrap .lnb ul li:hover a{font-weight:500; color: #005fa8;}

	.tab li:hover{font-weight:500; color: #005fa8; background:#f8f8f8;}
	.tab li:hover::before{width: 100%; left: 0}
	.leadership .cont .tab_ctn .item:hover .txt .icon{background: #005fa8;}
	.leadership .cont .tab_ctn .item:hover .txt .icon i{color: #fff;}
}

@media screen and (max-width: 1500px){
	.pad{padding-bottom:130px;}
	.greeting{padding: 130px 0;}
	.w1500{padding: 0 16px;}

	.leadership .cont .tab_ctn .item{width: calc(50% - 10px); margin-right: 20px; margin-bottom:20px;}
	.leadership .cont .tab_ctn .item:nth-of-type(2n){margin-right: 0;}
	.leadership .cont .tab_ctn .item figure img{width: 100%;}
	
	.pop_box .info{padding: 70px 30px; width:calc(100% - 32px); margin: 0 16px; left: 0; transform:translate(0, -50%);}
	.pop_box .info .txt p{font-size:18px;}

	.tab li{display:flex; align-items:center; justify-content:center; line-height: 1.3; height: 70px;}
	.research .cont .scroll_box .item .over_scroll{overflow-x: auto;}
	.research .cont .scroll_box .item .over_scroll figure{width: 1500px;}

	.contact .cont .contact_info .box{padding-left: 0;}
	.contact .cont .contact_info .box .txt p > br{display:none; }
	.contact .cont .contact_info .box figure{width: 80px; height: 80px;}
	.contact .cont .contact_info .box .txt{width: calc(100% - 80px); padding-left: 16px;}

	.job_opening .txt_mod p > br{display:none; }

	.history .cont .fixed_txt h3{font-size:120px;}
	.history .cont .fixed_txt h3 span:not(.change){display:none; }
	.history .cont .fixed_year{margin-top: 0;}
	.history .cont .his_list{width: 60%;}

}

@media screen and (max-width: 1200px){
	.tab li{font-size:15px;}

/* 	.s_wrap .sv02 .bg{height: 450px;} */
	.s_wrap .sv02 .txt{bottom: auto; top: 50%; left: 50%; transform:translate(-50%, -50%); flex-direction:column}
	.s_wrap .sv02 .txt h2{font-size:60px;}

	.s_wrap .lnb{display:none; }
	.s_wrap .sv02 .txt,
	.w1500{width: calc(100% - 120px);}
	.s_tit h3{font-size:40px;}

	.line_ctn::before{left: 60px;}
	.line_ctn::after{right: 60px;}
	.scroll_down{width: 60px;}
	.s_top{width: 60px;}

	.s_wrap .sv .txt h2{font-size:50px;}
	.s_wrap .sv .ui p{left: 2px;}
	
	.pad{padding-bottom:100px;}
	.greeting{padding: 100px 0;}
	.greeting .cont .box_list .item .txt h4{margin: 10px 0 7px;}
	
	.pop_box .info figure{width: 300px; padding-bottom:280px;}
	.pop_box .info .txt{width: calc(100% - 300px); padding-left: 30px;}
	.pop_box .info .txt p{max-height: 300px; overflow-y: auto;}
	
	.research .cont{margin-bottom:100px;}
	.research .cont .flex_box figure{width: 50%;}
	.research .cont .flex_box .txt{width: 100%; padding-left: 0; margin-top: 30px;}
	.research .cont .scroll_box{padding-top:130px;}
	.research .cont .scroll_box .item{margin-top: 60px;}
	.research .cont .scroll_box .item .icon_tit{font-size:26px;}

	.contact .cont .contact_info{margin-top: 30px;}
	.contact .cont .contact_info .box{width: 50%;}
	.contact .cont .contact_info .box:first-of-type{width: 100%; margin-bottom:20px;}
	.contact .cont .map_box{height: 350px;}

	.job_opening .txt_mod{margin-bottom:80px;}
}

@media screen and (max-width: 1000px){
	.s_tit.mb{margin-bottom:50px;}

	.s_wrap .sv02 .bg{height: 320px;}
	.w1500{width: 100%;}
	.s_wrap .sv .ui,
	.line_ctn::after,
	.line_ctn::before{display:none;}
	.s_top{bottom: -100px;}	
	.s_top p{color: #fff; opacity: 0.8;}

	.s_wrap .sv02 .txt h2{font-size:50px;}
	.s_wrap .sv02 .txt ul{margin-top: 15px;}

	.s_wrap .sv .txt h2{font-size:38px; margin-bottom:35px;}
	.s_wrap .sv .txt .num_box p{font-size:28px;}
	
	.pad_top{padding-top: 60px;}
	.pad{padding-bottom:60px;}
	.greeting{padding: 60px 0;}

	.greeting .cont .box_list .item{width: calc(50% - 15px); margin-bottom:30px;}
	.greeting .cont .box_list .item:nth-of-type(2n){margin-right: 0;}
	.greeting .cont .box_list .item:last-of-type{margin-bottom:0;}
	
	.leadership .cont .tab_ctn .item .txt{margin-top: 15px;}
	.leadership .cont .tab_ctn .item .txt .name h3{font-size:20px;}
	.leadership .cont .tab_ctn .item .txt .name p{font-size:16px;}
	.pop_box .info{align-items:flex-start}
	.pop_box .info .txt h3 span{display:inline-block; width: 100%; margin-left: 0; position:relative; top: -6px;}
	.pop_box .info .txt p{margin-top: 10px;}

	.research .cont{margin-bottom:60px;}
	.research .cont .flex_box .txt h4{font-size:24px;}
	.research .cont .flex_box .txt p{font-size:18px;}
	.research .cont .scroll_box{padding-top:110px;}
	.research .cont .scroll_box .item{margin-top: 40px;}
	.research .cont .scroll_box .item .icon_tit{margin-bottom:14px;}
	.research .cont .scroll_box .item p{font-size:16px;}
	.research .cont .scroll_box .item .over_scroll{margin-top: 20px;}

	.job_opening .txt_mod{margin-bottom:60px;}

	.history .cont .his_list{margin-top: 0; width: 100%; padding-left: 150px; box-sizing:border-box;}
	.history .cont .fixed_ctn{top: 100px;}
	.history .cont .fixed_txt{display:none; }

}
@media screen and (max-width: 800px){
	.s_tit.mb{margin-bottom:40px;}
	.s_tit.tab_mb{margin-bottom:28px;}
	.pop_box .info figure{width: 200px; padding-bottom:180px;}
	.pop_box .info .txt{width: calc(100% - 200px);}

	.research .cont .flex_box figure{width: 100%;}

	.pipeline .table_box .item .th h4{font-size:16px;}
	.pipeline .table_box .item .td p{font-size:15px;}

	.history .cont .his_list .item > ul > li{font-size:18px;}
	.history .cont .fixed_year li{padding-left:30px; font-size:20px;}
	.history .cont .fixed_year li::after{top: 29px;}
	.history .cont .fixed_year li span::before{top: 2px;}
	.history .cont .fixed_year li span::after{top: 10px;}
	.history .cont .his_list{padding-left: 100px;}
	.history .cont .his_list .item > ul > li > span{top: -4px;}

}
@media screen and (max-width: 600px){
	.s_wrap .sv .txt h2{font-size:30px;}
	.s_wrap .sv .txt .num_box p{font-size:24px;}
	.s_wrap .sv .txt .num_box p:last-of-type{font-size:18px;}
	
	.greeting .cont .box_list{margin-top: 30px;}
	.leadership .cont .tab_ctn .item,
	.greeting .cont .box_list .item{width: 100%; margin-right: 0; margin-bottom:20px;}
	.greeting .cont .box_list .item > figure img{width: 100%;}

	.leadership .cont .tab_ctn{margin-top: 40px;}
	.pop_box .info{padding: 30px 15px;}
	.pop_box .info figure{width: 100%; padding-bottom:55%; margin-bottom:20px;}
	.pop_box .info .txt{width: 100%; padding-left: 0;}
	.pop_box .info .txt p{max-height: 200px;}

	.pipeline .table_box .item .th h4{font-size:15px; height: 70px;}
	.pipeline .table_box .item .td p{font-size:14px; height: 70px;}

	.contact .cont .contact_info .box{width: 100%; margin-bottom:20px;}
	.contact .cont .contact_info .box:last-of-type{margin-bottom:0;}

	.job_opening .txt_mod{margin-bottom:40px;}
}


.mov-view { position:relative; max-width:960px; width:100%; margin:0 auto; }
.mov-view:before { content:""; display:block; padding-bottom:56.5%; }
.mov-view video { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }