.main .sec02 {}
.sec_tit {margin-top:40px; font-size:65px; font-weight:bold; text-align:center;}
.sec_tit span {display:inline-block; position:relative; color:#333;}
.sec_txt {margin-top:20px; font-size:18px; text-align:center;}

/* 공통 탭 */
/* .tab_con > .tab {display:none;}
.tab_con > .tab.on {display:block;} */
.tab_con {position:relative;}
.tab_con > .tab {position:absolute; top:0; left:0; width:100%; visibility:hidden; opacity:0; transition:all .3s ease;}
.tab_con > .tab.on {visibility:visible; opacity:1;}

.pipeline_box {overflow:hidden; display:flex; width:100%; height:570px; margin:60px auto 0; border-radius:10px;}
.pipeline_box .left {position:relative; width:40%; height:100%; padding-left:170px; background:#004a87; box-sizing:border-box;}
.pipeline_box .tab_tit {margin-top:90px;}
.pipeline_box .tab_tit li {margin-bottom:30px;}
.pipeline_box .tab_tit li a {display:block; position:relative; color:#fff; font-size:20px; /* transition:all .3s ease; */}
.pipeline_box .tab_tit li a:hover {font-weight:bold;}
.pipeline_box .tab_tit li a::after {content:''; display:inline-block; position:absolute; top:50%; left:0; width:0; height:1px; background:#fff; opacity:0; transition:all .3s ease;}
.pipeline_box .tab_tit li.on a::after {width:100%; opacity:1;}
.pipeline_box .tab_tit li a span {display:inline-block; position:relative; padding-right:10px; background:#004a87; z-index:1;}

.pipeline_box .left .view_more.ty02 {position:absolute; left:70px; bottom:85px;}
.view_more.ty02::after {display:none;}
.view_more.ty02 span {display:inline-block; position:relative; color:#fff; font-size:14px; transition:right .3s ease; transform:scale(1);}
.view_more.ty02 span::before, .view_more.ty02 span::after {content:''; display:inline-block; position:absolute;}
.view_more.ty02 span::before {top:7px; right:-25px; width:17px; height:3px; background:#fff; transition:right .3s ease;}
.view_more.ty02 span::after {top:2px; right:-25px; width:10px; height:10px; border-top:3px solid #fff; border-right:3px solid #fff; transform:rotate(45deg); transition:right .3s ease;}
.view_more.ty02:hover {}
.view_more.ty02:hover span {transform:scale(1.1);}
.view_more.ty02:hover span::before, .view_more.ty02:hover span::after {right:-28px;}

.pipeline_box .right {position:relative; width:60%; height:100%;}
.pipeline_box .right::before {content:''; position:absolute; top:0; right:25px; display:inline-block; width:1px; height:395px; background:#c0c0c0; z-index:1;}
.pipeline_box .right::after {content:'PIPELINE'; display:inline-block; position:absolute; bottom:85px; right:-42px; color:#0b0b0b; font-size:12px; font-weight:bold; letter-spacing:10px; transform:rotate(90deg); z-index:1;}

.pipeline_box .tab {width:100%; height:100%; padding-left:65px; padding-right:60px; background-color:#f0f0f0; background-position:right bottom; background-repeat:no-repeat; box-sizing:border-box;}
.pipeline_box .tab:nth-child(1) {background-image:url('../img/bg_pipeline_g01.jpg');}
.pipeline_box .tab:nth-child(2) {background-image:url('../img/bg_pipeline_g02.jpg')}
.pipeline_box .tab:nth-child(3) {background-image:url('../img/bg_pipeline_g03.jpg')}
.pipeline_box .slide_tit {display:none;}
.pipeline_info .tit {position:relative; margin-top:240px; font-size:26px; font-weight:bold;}
.pipeline_info .tit > i {display:inline-block; position:absolute; top:-185px; left:0;}
.ico_pipeline01 {width:116px; height:131px; background:url('../img/ico_pipeline01.png') no-repeat center center / contain;} /* MO 89*101 */
.ico_pipeline02 {width:129px; height:130px; background:url('../img/ico_pipeline02.png') no-repeat center center / contain;} /* MO 93*94 */
.ico_pipeline03 {width:139px; height:120px; background:url('../img/ico_pipeline03.png') no-repeat center center / contain;} /* MO 102*88 */

.pipeline_info .sub {margin-top:30px; font-size:18px; font-weight:bold;}
.pipeline_info .txt {margin-top:20px; font-size:16px; word-break:keep-all;}

.pipeline_box .slide_arrow {display:none;}

.main .sec03 {background:#f2f2f2;}
.ir_info {display:flex; width:900px; margin:5% auto 3%;}
.ir_info dt {flex:0 0 auto; color:#004a87; font-size:30px; font-weight:bold; line-height:1.3;}
.ir_info dd {padding-left:15px; font-size:16px; word-break:keep-all; line-height:1.6;}

.ir_Box {width:1070px; margin:0 auto;}
.ir_Box .top {display:flex; align-items:center; height:80px; padding:0 50px; background:#dbdbdb; border-radius:10px;}
.ir_Box .top .years {display:flex; width:485px; margin-left:auto;}
.ir_Box .top .years > p {flex:1; font-size:24px; font-weight:bold; text-align:center;}

.ir_Box .con {margin-bottom:10px;}
.ir_Box .con .assets_box {display:flex; margin-top:10px; padding:0 50px; background:#fff; border-radius:10px;}
.assets_box .assets_tit {position:relative; display:inline-block; margin-top:27px; width:160px; color:#004a87; font-size:16px; font-weight:bold;}
.assets_box .assets_tit span {display:inline-block; padding-bottom:5px; border-bottom:1px solid #004a87;}
.assets_box .assets_con {flex:1;}
.assets {display:flex; align-items:center; flex:1; height:80px; font-size:20px;}
.assets + .assets {border-top:1px solid #eaeaea;}
.assets .cate {font-size:inherit;}
.assets .num {display:flex; align-items:center; flex:0 0 auto; width:485px; margin-left:auto;}
.assets .num > p {flex:1; font-size:inherit; line-height:1.1; text-align:center;}
.assets .num > p .add {font-size:16px; font-weight:normal;}

.ir_Box .bot {display:flex; align-items:center; height:100px; background:#004a87; border-radius:10px; padding:0 50px; color:#fff; font-size:24px; font-weight:bold;}
.assets.total {font-size:24px;}

.sec04 {background:#004a87 url('../img/bg_sec_history.jpg') no-repeat right bottom / 1070px 780px;}
.sec04 .sec_tit span, .sec04 .sec_txt {color:#fff;}
.sec04 .sec_tit span::after {background:#fff;}

.history_wrap {width:1040PX; margin:0 auto; padding-bottom:365px;}
.history_year {margin:70px 0 40px;}
.history_year .tab_tit {display:flex; justify-content:center;}
.history_year .tab_tit li {width:160px; text-align:center;}
.history_year .tab_tit a {display:inline-block; position:relative; padding-bottom:20px; color:#fff; font-size:50px; opacity:.4; transition:opacity .3s ease;}
.history_year .tab_tit li.on a {font-weight:bold; opacity:1;}
.history_year .tab_tit a::after {content:''; display:inline-block; position:absolute; bottom:0; left:50%; width:0%; height:3px; background:#fff; opacity:0; transform:translateX(0); transition:all .3s ease;}
.history_year .tab_tit li.on a::after {width:100%; transform:translateX(-50%); opacity:1;}
.history_box {display:flex; height:365px; padding:40px; background:#fff; border-radius:10px; box-sizing:border-box;}
.history_box .img {flex:1; text-align:right;}
.history_box .img img {width:370px; height:auto; margin:0 40px 0 auto;}
.history_box .list {overflow-y:auto; flex:1; height:100%;}
/* .history_box .list ul {overflow-y:auto; max-height:480px;} */
.history_box .list li {display:flex;}
.history_box .list li + li {margin-top:30px;}
.history_box .list li .date {display:inline-block; position:relative; flex:0 0 auto; padding:3px 15px 0 15px; color:#f98a08; font-size:16px; font-weight:bold;}
.history_box .list li .date::before {content:''; display:inline-block; position:absolute; left:0; top:11px; width:3px; height:3px; background:#f98a08; border-radius:50%; opacity:.32;}
.history_box .list li .txt {font-size:16px; word-break:keep-all;}
.history_box .list::-webkit-scrollbar {
  width:8px;  /* 스크롤바의 너비 */
}
.history_box .list::-webkit-scrollbar-thumb {
  height:30%; /* 스크롤바의 길이 */
  background:#f98a08; /* 스크롤바의 색상 */ 
  border-radius:10px;
}
.history_box .list::-webkit-scrollbar-track {
  background: rgba(247, 137, 8, .2);  /*스크롤바 뒷 배경 색상*/
  border-radius:10px;
}
.sec04 .view_more_box {margin-top:30px; text-align:center;}

/* 메인 팝업 템플릿 4종 */
.popup_box_wrap {position:absolute; top:50%; left:50%; display:flex; flex-wrap:wrap; justify-content:center; width:960px; transform:translate(-50%,-50%);}
.popup_box {
	display:block;
	position:relative;
	width:420px;
	height:300px;
	margin:30px;
	padding:30px 40px;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../img/bg_pop_box4.png');
	color:#fff;
	box-sizing:border-box;
}
.popup_box.type1 {
	background-image: url('../img/bg_pop_box1.png');
}
.popup_box.type2 {
	background-image: url('../img/bg_pop_box2.png');
}
.popup_box.type3 {
	background-image: url('../img/bg_pop_box3.png');
}
.popup_box.type5 {
	background-image: url('../img/bg_pop_box5.png');
}

.popup_box .pop_link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.pop_noti {display:flex; flex-direction:column; height:100%;}
.noti_tit {margin-bottom:15px; color:#fff; font-size:50px; line-height:1.1;}
.noti_txt {overflow-y:auto; flex:1; padding:5px 0; color:#fff; font-size:18px; line-height:1.4;}
.noti_txt::-webkit-scrollbar {
  width:8px;  /* 스크롤바의 너비 */
}
.noti_txt::-webkit-scrollbar-thumb {
  height:30%; /* 스크롤바의 길이 */
  background:rgba(255, 255, 255, .9); /* 스크롤바의 색상 */ 
  border-radius:10px;
}
.noti_txt::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .4);  /*스크롤바 뒷 배경 색상*/
  border-radius:10px;
}

.noti_shortcut {padding-top:10px;}
.noti_shortcut a {display:inline-block; position:relative; color:#fff; font-size:18px;}
.noti_shortcut a::before, .noti_shortcut a::after {content:''; display:inline-block; position:absolute; height:2px; background:#fff;}
.noti_shortcut a::before {right:-25px; bottom:5px; width:18px;}
.noti_shortcut a::after {right:-27px; bottom:8px; width:10px; transform:rotate(45deg);}
.no_today {position:absolute; top:300px; left:0; width:100%; padding-top:5px; color:#fff; font-size:16px; text-align:right;}
.no_today input + label {position:relative; min-height:20px; padding-left:30px;}
.no_today input + label::before, .no_today input + label::after {content:''; display:inline-block; position:absolute; transition:all .3s ease;}
.no_today input + label::before {top:2px; left:0; width:20px; height:20px; background:#fff;}
.no_today input + label::after {top:6px; left:4px; width:12px; height:8px; border-left:2px solid #989898; border-bottom:2px solid #989898; box-sizing:border-box; transform:rotate(-45deg);}
.no_today input:checked + label::before {background:#f58909;}
.no_today input:checked + label::after {border-color:#fff;}

.btn_close_pop {display:inline-block; position:absolute; top:0; right:0; width:40px; height:40px; background:#000; font-size:0; text-indent:-9999px;}
.btn_close_pop::before, .btn_close_pop::after {content:''; display:inline-block; position:absolute; top:18px; left:9px;  width:22px; height:2px; background:#fff;}
.btn_close_pop::before {transform:rotate(45deg);}
.btn_close_pop::after {transform:rotate(-45deg);}


/* 2023-05-29 추가 */
/* 복지프로그램 */
.benefits_wrap {display:flex;}
.benefits_wrap .left {width:208px;}
.benefits_wrap .tab_tit {}
.benefits_wrap .tab_tit li {margin-bottom:70px;}
.benefits_wrap .tab_tit li a {position:relative; display:block; padding-bottom:10px; font-size:24px; border-bottom:1px solid #d6d6d6; transition:all .1s ease;}
.benefits_wrap .tab_tit li a::after {content:''; display:inline-block; position:absolute; bottom:-1px; left:0; width:0; height:2px; background:#000; opacity:0; transition:all .3s ease;}
.benefits_wrap .tab_tit li a span {display:inline-block; position:relative;}
.benefits_wrap .tab_tit li a span::after {content:''; display:inline-block; position:absolute; top:2px; right:-15px; width:7px; height:7px; background:#000; border-radius:50%; opacity:0; transition:all .3s ease;}

.benefits_wrap .tab_tit li.on a {font-weight:bold;}
.benefits_wrap .tab_tit li.on a::after {width:100%; opacity:1;}
.benefits_wrap .tab_tit li.on a span::after {opacity:1; background:#f58909;}
.benefits_wrap .tab_tit li a:hover span::after {opacity:1;}

.benefits_wrap .tab_con > .tab {position:relative; display:none;}
.benefits_wrap .tab_con > .tab.on {display:block;}

.benefits_wrap .right {flex:1;}
.benefits_box {display:flex; flex-wrap:wrap;}
.benefits_box li {width:50%; margin-bottom:70px; padding-left:150px; box-sizing:border-box;}
.benefits_box li i {display:block; height:83px; background-repeat:no-repeat; background-position:center left;}
.ico_benefits1 {background-image:url('../img/ico_benefits1.png'); background-size:auto 74px;}
.ico_benefits2 {background-image:url('../img/ico_benefits2.png'); background-size:auto 72px;}
.ico_benefits3 {background-image:url('../img/ico_benefits3.png'); background-size:auto 75px;}
.ico_benefits4 {background-image:url('../img/ico_benefits4.png'); background-size:auto 79px;}
.ico_benefits5 {background-image:url('../img/ico_benefits5.png'); background-size:auto 67px;}
.ico_benefits6 {background-image:url('../img/ico_benefits6.png'); background-size:auto 57px;}
.ico_benefits7 {background-image:url('../img/ico_benefits7.png'); background-size:auto 71px;}
.ico_benefits8 {background-image:url('../img/ico_benefits8.png'); background-size:auto 60px;}
.ico_benefits9 {background-image:url('../img/ico_benefits9.png'); background-size:auto 83px;}
.ico_benefits10 {background-image:url('../img/ico_benefits10.png'); background-size:auto 75px;}
.ico_benefits11 {background-image:url('../img/ico_benefits11.png'); background-size:auto 77px;}
.ico_benefits12 {background-image:url('../img/ico_benefits12.png'); background-size:auto 69px;}
.ico_benefits13 {background-image:url('../img/ico_benefits13.png'); background-size:auto 56px;}
.ico_benefits14 {background-image:url('../img/ico_benefits14.png'); background-size:auto 79px;}
.ico_benefits15 {background-image:url('../img/ico_benefits15.png'); background-size:auto 76px;}
.ico_benefits16 {background-image:url('../img/ico_benefits16.png'); background-size:auto 69px;}
.ico_benefits17 {background-image:url('../img/ico_benefits17.png'); background-size:auto 56px;}
.ico_benefits18 {background-image:url('../img/ico_benefits18.png'); background-size:auto 63px;}
.ico_benefits19 {background-image:url('../img/ico_benefits19.png'); background-size:auto 63px;}
.ico_benefits20 {background-image:url('../img/ico_benefits20.png'); background-size:auto 61px;}
.ico_benefits21 {background-image:url('../img/ico_benefits21.png'); background-size:auto 38px;}
.benefits_box .bene_tit {margin-top:15px; font-size:22px; font-weight:bold; word-break:keep-all;}
.benefits_box .bene_txt {margin-top:10px;; font-size:18px; word-break:keep-all;}

/* 20230615 추가 */
.address_box ul li + li p {font-size:14px; font-weight:400;}
.pop_con .btn_pop_more {display:inline-block; padding-bottom:5px; border-bottom:2px solid #999; font-size:18px; font-style:italic;}
.pipe_top dd span {color:#999;}

/* 20230703 추가 */



@media all and (max-width:320px) {
}

@media only screen and (max-width : 399px) and (min-width: 360px) {
}

@media only screen and (max-width : 359px) {
}

@media all and (max-width:768px) {
	.main_disclosure .xroll{width:750px; overflow-x:auto;}
}

/* @media all and (max-width:575px) { */
  @media all and (max-width:768px) {  
	body, input[type=text], input[type=password], input[type=tel], input[type=number], input[type=email], textarea, select {font-size:14px;}
	
	/* button-style */
	.btn_area .btn_style01 {height:45px; padding:0 20px; font-size:15px; line-height:45px;}
	.btn_area .btn_style02 {height:45px; padding:0 20px; font-size:15px; line-height:45px;}
	.btn_style03 {width:100%; height:33px; line-height:33px; font-size:12px;}
	.btn_area.two a {width:calc((100% - 10px) / 2);}


	/* 레이어 팝업 */
	.pop_wrap {}
	.common_pop {position:absolute;top:10vh;left:5%; width:90%; height:80vh; margin-left:0;}
  .pop_con {padding:45px 15px 15px 15px;}
  .pop_tit {height:35px; padding:0 25px; font-size:16px; line-height:34px;}
  .btn_closePop a {width:22px; height:22px;}


	/* header */
  /* 2023-05-29 수정 */
	#header {height:50px !important; background:#fff; border-bottom:1px solid #ccc;}
	/* -webkit-transform:translateZ(0); -webkit-backface-visibility:hidden; */
	.head {position:relative; width:100%; height:100%; background:#fff;}
	h1.logo {display:block; float:none; width:67px; height:25px; margin:0 auto;}

	#gnb, .btn_gnb {display:none;}
	.lang {position:absolute; top:11px; right:10px; margin:0;}
	.lang li {width:36px; height:29px; line-height:29px;;}
	.lang li a {font-size:10px;}

	#header .btn_menu {display:inline-block; position:absolute;top:0;left:0; width:50px; height:50px; background:url(../img/btn_menu.png) no-repeat 15px center / 23px 19px; text-indent:-9999px;}
	
	.menu {display:none; position:fixed;left:0;top:0px; overflow-x:hidden; width:100%; height:100%; z-index:10000;}
	.menu .dim {display:block; position:absolute;bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
	.menu .menuzone {position:absolute;left:-78%;top:0; width:78%; height:100%; /* overflow-y:auto; */ background:#fff;}
	.menuzone .logo_wh {height:50px; background:#f7ae2e; text-align:center;}
	.logo_wh a {display:inline-block; width:67px; height:25px; margin-top:14px; background:url(../img/logo_m.png) no-repeat 0 0 / contain; text-indent:-9999px;}

	.menuzone .gnb_m_wrap {overflow-y:auto; height:calc(100% - 82px);}
	.gnb_m {}
	.gnb_m > li {border-bottom:1px solid #dadada;}
	.gnb_m > li > a {display:inline-block; width:100%; height:48px; background:url(../img/bg_gnb_m.png) no-repeat 90% center / 5px 8px; font-weight:500; line-height:48px; text-indent:30px;}

	.gnb_m > li ul {display:none; padding:5px 0; background:#f6f6f6; border-top: 1px solid #dadada;}
	.gnb_m > li li {padding-bottom:10px;}
	.gnb_m > li li:first-child {padding-top:10px;}
	.gnb_m > li li a {display:inline-block; margin-left:40px; padding:5px; font-weight:500;}
	.gnb_m > li li a::before {content:''; display:inline-block; width:7px; height:2px; margin-right:5px; background:#333; vertical-align:4px;}

	.menu .btn_close {display:inline-block; position:absolute;top:0;right:-50px; width:50px; height:50px; background:#000 url(../img/btn_close.png) no-repeat center center / 17px 17px; text-indent:-9999px;}

	
	/* 공통 */
	#container {position:relative; min-height:calc(100vh - 142px); padding-top:50px; padding-bottom:40px;}
	.con_wrap {width:100%; padding:0 15px; box-sizing:border-box;}
	.web {display:none;}
  .mob {display:block;}
  .mob img {width:100%;}

	.visual_title {height:63px;}
	.visual_title .title {line-height:63px; font-size:22px;}

	.visual_title.about {background:url(../img/bg_about_m.jpg) no-repeat center top / cover;}
	.visual_title.platform {background:url(../img/bg_platform_m.jpg) no-repeat center top / cover;}
	.visual_title.pipeline {background:url(../img/bg_pipeline_m.jpg) no-repeat center top / cover;}
	.visual_title.irpr {background:url(../img/bg_irpr_m.jpg) no-repeat center top / cover;}
	.visual_title.careers {background:url(../img/bg_career_m.jpg) no-repeat center top / cover;}

	.page_top {padding:25px 0;}
	.page_tit {font-size:19px; text-indent:-15px;}
	.page_tit::before {width:15px; margin-right:10px; vertical-align:5px;}	
	.location {display:none;}

	/* TAB */
	.page_tab {}
	.page_tab .tab_web {display:none;}

	.page_tab .tab_mo {display:block; position:relative;  width:100%; height:40px; z-index:50;}
	.tab_on {height:40px; background:#fff url(../img/bg_tab_m.png) no-repeat 96% center / 9px 6px; border:2px solid #050505; font-size:14px; line-height:36px; text-indent:15px; box-sizing:border-box; cursor:pointer;}
	.tab_on.on {background:#fff url(../img/bg_tab_m_c.png) no-repeat 96% center / 9px 6px;}
	.tab_list {display:none; position:absolute;top:38px;left:0; width:100%; background:#fff; border:2px solid #050505; box-sizing:border-box;}
	.tab_list li {height:38px; line-height:38px; border-bottom:1px solid #e9e9e9; box-sizing:border-box;}
	.tab_list li a {display:inline-block; width:100%; height:100%; color:#000; text-indent:15px;}


	/* 메인 */
	.main01 {min-width:100%; height:auto;} /* height:calc(100vh - 50px); */

	.main_slide {}
	.main_slide .gallery-top {}
	.main_slide .gallery-top .swiper-slide {background:#fff !important;}
	.main_slide .gallery-top .swiper-slide img {width:100%; height:auto;}
	.main_slide .gallery-top .swiper-slide.swiper-slide-active {}
	.main_slide .gallery-thumbs {width:240px; height:auto; left:15px; bottom:20px; margin-left:0px; /*border-top-left-radius:20px;*/}
	.main_slide .gallery-thumbs .swiper-slide {border-top-left-radius:20px;}
	.main_slide .gallery-thumbs .swiper-slide.swiper-slide-active {}
	.main_slide .gallery-thumbs .swiper-slide p {}
	.main_slide .gallery-thumbs .swiper-slide .tit {width:180px; height:50px; margin:72px 0 0 0; font-size:15px; line-height:1.4em;}
	.main_slide .gallery-thumbs .swiper-slide .tit span {font-size:27px;}
	.main_slide .gallery-thumbs .swiper-slide .page {margin:6px 0 0 30px; font-size:13px;}
	.main_slide .gallery-thumbs .swiper-slide .page span {font-size:19px;}

	.main_slide .gallery-thumbs .swiper-slide .sub {margin-top:5px; /*padding:0 30px;*/ font-size:12px;}
	.main_slide .gallery-thumbs .swiper-slide .more {width:40px; height:25px; margin:10px 0 0 30px; font-size:9px; line-height:25px;}
	.main_slide .gallery-thumbs .swiper-slide .more::after {top:9px; right:-8px; width:11px; height:3px; background:url(../img/btn_detail02.png) no-repeat right center / auto 100%;}
	.main_slide .gallery-thumbs .swiper-slide .more:hover {}
	.main_slide .gallery-thumbs .swiper-slide .more:hover::after {background:url(../img/btn_detail_on.png) no-repeat right center / auto 100%;}

	.main_slide .swiper-container-horizontal>.swiper-pagination-bullets, .main_slide .swiper-pagination-custom, .main_slide .swiper-pagination-fraction {display:inline-block; color:rgba(225,225,225,0.8); font-size:22px; box-sizing:border-box;}
	.main_slide .swiper-pagination-current {color:#fff; font-size:35px;}

	.main_slide .gallery-thumbs .btn_arrows {top:21px; width:70px; height:23px;}
	.main_slide .gallery-thumbs .swiper-button-next {left:55px; top:5px; width:6px; height:11px; margin-top:0; background:url('../img/btn_ms_next.png') no-repeat center center/6px auto;}
	.main_slide .gallery-thumbs .swiper-button-prev {left:35px; top:5px; width:6px; height:11px; margin-top:0; background:url('../img/btn_ms_prev.png') no-repeat center center/6px auto;}
	.btn_arrows .btn_play, .btn_arrows .btn_stop {position:absolute; top:0; left:0; z-index:1; width:23px; height:23px;}
	.btn_arrows .btn_play img, .btn_arrows .btn_stop img {width:100%; height:100%;}
	.btn_arrows .btn_play {display:none;}


	.main02 {height:auto; padding-bottom:40px; background:#fff url(../img/bg_main02_m.jpg) no-repeat center top / 100% auto;}
	.main_con {width:100%; padding:0 15px; box-sizing:border-box;}
	.main_tit {padding-top:50px; padding-left:25px; padding-right:25px; word-break:keep-all;}
	.main_tit .tit {margin-left:-15px; font-size:28px;}
	.main_tit .tit::before {width:27px; height:7px; margin-right:-13px;}
	.main_tit .add {padding-top:5px; font-size:14px;}
	.main_pipeline {margin-top:50px;}
	.main_pipeline li {width:calc(50% - 5px); margin-left:10px; padding-top:90px; font-size:14px;}
	/* .main_pipeline li:first-child {background:url(../img/bg_pipeline01.png) no-repeat center top / 60px auto;} */
	.main_pipeline li:nth-child(1) {background:url(../img/bg_pipeline04.png) no-repeat center top / 60px auto;}
	.main_pipeline li:nth-child(2) {/*margin-top:20px;*/ margin-left:0; background:url(../img/bg_pipeline02.png) no-repeat center 7px / 50px auto;}
	.main_pipeline li:nth-child(3) {margin-top:20px; background:url(../img/bg_pipeline03.png) no-repeat center 5px / 70px auto;}
	.main_pipeline dt {margin-bottom:10px; font-size:18px;}
	.main_pipeline li:nth-child(2) dt {padding:0 10px; line-height:1.3em;}
	.main_pipeline dd {line-height:1.4; word-break:keep-all;}
	.main_pipeline li:first-child dd {margin-bottom:45px;}
	.main_pipeline li:nth-child(2) dd {margin-bottom:15px;}
	.main_pipeline li:nth-child(3) dd {margin-bottom:50px;}
	.main_pipeline li:nth-child(4) dd {margin-bottom:15px;}
	.btn_more {padding-top:15px;}
	.btn_more a {width:85px; height:35px; font-size:12px; line-height:35px;}
	.btn_more a::after {width:11px; height:4px; margin-left:5px; background:url(../img/btn_more.png) no-repeat right top / 100% auto;}
	.btn_more a:hover {}
	.btn_more a:hover::after {background:url(../img/btn_more02.png) no-repeat right top / 100% auto;}

	.main03 {height:auto; padding-bottom:40px; background:url(../img/bg_main03_m.jpg) no-repeat center top / cover;}
	.main03 .main_tit {}
	.noti_slide {margin:35px 0 5px; padding:0 40px;}
	.noti_slide .swiper-container {}
	.noti_slide .swiper-container .swiper-slide:nth-child(2n) {margin-top:9px !important;}
	.noti_slide .swiper-button-next {top:-39px; margin-top:0; width:13px; height:23px; background-size:13px 23px;}
	.noti_slide .swiper-button-prev {left:initial; right:33px; top:-39px; margin-top:0; width:13px; height:23px; background-size:13px 23px;} 

	.noti_box {/*height:240px;*/ height:auto; padding:15px 10px;}
	.noti_box .thumbs {height:auto;}
	.thumbs .cate {width:70px; height:35px; line-height:35px;}
	.thumbs img {height:auto;}
	.noti_box .tit {height:auto; margin-top:10px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /* height:4.2em; */ 
	.noti_box .date {margin-top:10px; font-size:12px;}
	.noti_box .con {margin-top:10px; font-size:14px;} /* height:2.8em; */

	/* .noti_slide .swiper-slide-active .noti_box {border:3px solid #f6a81e;}
	.noti_slide .swiper-slide-active .thumbs .cate {background:#f6a81e;}
	.noti_slide .swiper-slide-active .noti_box .btn_more a {border:1px solid #f6a81e;}
	.noti_slide .swiper-slide-active .noti_box .btn_more a::after {background:url(../img/btn_more_on.png) no-repeat right top / 100% auto;}
	.noti_slide .swiper-slide-active .noti_box .btn_more a:hover::after {background:url(../img/btn_more02.png) no-repeat right top / 100% auto;} */

	.btn_more.wh a {}
	.btn_more.wh a::after {background:url(../img/btn_more02.png) no-repeat right top / 100% auto;}
	.btn_more.wh a:hover {}

	.main04 {height:auto;}
	.main_ir {margin-top:25px;}
	.main_ir .left, .main_ir .right {}
	.main_ir .left {width:100%;}
	.main_stock {margin-bottom:10px; text-align:center;}
	.main_stock iframe {width:313px; margin:0 auto;}
	.main_ir .go_stock {height:70px; padding-top:0; padding-left:75px; background:rgba(237,237,237,1) url(../img/ico_stock.png) no-repeat 25px center / 33px 28px; text-align:left; font-size:18px; line-height:70px;}
	.main_ir .go_stock:hover {background:rgba(0,0,0,0.15) url(../img/ico_stock.png) no-repeat center 65px / auto auto;}
	.main_ir .go_stock::after {width:6px; height:9px; margin-left:calc(100% - 165px);}
	.main_ir .right {width:100%;}
	.main_disclosure {overflow:auto; width:100%; height:auto; margin:20px 0;}
	.main_disclosure iframe {width:100%;}
	.main_disclosure .go_disclosure {}

	.main05 {height:auto;}
	.main_recruit, .main_history {width:100%; font-size:12px;}
	.main_recruit {margin-top:25px; padding-top:61vw; padding-left:0; background:url(../img/bg_main05.png) no-repeat center top / 100% auto;}
	.main_recruit .go_recruit {width:100%; height:80px; padding:25px 0 0 30px; background:#f6a81e url(../img/bg_arrow02.png) no-repeat 90% center / 10px auto;}
	.main_recruit .go_recruit span {margin-bottom:5px; font-size:16px;}
	.main_recruit .go_recruit:hover {background:#333 url(../img/bg_arrow03.png) no-repeat 90% center / 10px auto;}
	.main_history {margin-top:25px; padding-bottom:45px;}
	.main_history .tit {font-size:24px;}
	.main_history .add {margin-bottom:15px;}
	.main_history img {width:100%;}

	.main_history .history_con {margin-top:15px;}

	.btn_more.bl a {}
	.btn_more.bl a::after {background:url(../img/btn_more03.png) no-repeat right top / 100% auto;}
	.btn_more.bl a:hover {}
	.btn_more.bl a:hover::after {background:url(../img/btn_more02.png) no-repeat right top / 100% auto;}


	/* Who we are */
    .tit_big {font-size:20px;}
	.txt_value {padding-bottom:15px; font-size:13px;}
	.txt_box {margin:15px 0; padding:25px; font-size:15px;}

    .img_core {padding-bottom:35px;}
    .img_mission {padding-bottom:35px;}

    .txt_hippocrates {padding-bottom:35px;}

	.txt_chart {padding-top:18px;}
	

	/* History */
	.history_con {}
	.history_con:after {bottom:-10px; width:10px; height:10px; margin-left:-5px;}
	.history_con .term {width:100px; height:100px; padding-top:32px; font-size:18px;}
	.history_con .term img {width:90%;}

	.history_con .history_list {padding-top:50px;}
	.history_con .history_list li {margin-bottom:10px;}
	.history_list .date {}
	.history_list .work {word-break:keep-all;}

	.history_con .right, .history_con .left {width:100%; font-size:14px;}
	.history_con .right .year, .history_con .left .year {font-size:22px;}

	.history_con .right .year {top:20px; margin-left:-5px;} 
	.history_con .right .year:before {width:10px; height:10px;}
	.history_con .right .history_list {padding-left:15px;}

	.history_con .left .year {top:20px; margin-right:-5px;}
	.history_con .left .year:after {width:10px; height:10px;}
	.history_con .left .history_list {padding-right:15px;}

	
    /* Leadership */
    .ceo_list {height:auto; padding:71.0937vw 10px 15px; background:url('../img/bg_m_ceo.jpg') no-repeat center top; background-size:100% auto;}
    .ceo_list dt {padding:12px 0 16px; font-size:15px; color:#333;}
    .ceo_list dt span {font-size:17px;}
    .ceo_list dd {padding-bottom:5px; padding-left:10px; text-indent:-10px; font-size:13px;}
    .ceo_list dd:before {width:3px; height:3px;}

    .management_list {}
	.management_list > li {width:100%; height:auto; margin-right:0; margin-bottom:20px; padding:0;}
	.management_list .position {}
	.management_list .position img {width:100%; height:100%;}
	.management_list .position dl {padding:12px 10px 10px;}
	.management_list .position dt {margin-bottom:5px; font-size:16px;}
	.management_list > li:nth-child(4) .position dt {margin-bottom:5px;}
	.management_list .position dd {font-size:20px;}
	.management_list .position dd a {height:32px; line-height:32px; margin:10px auto 0; font-size:13px;}
	.management_list .career {padding:15px 10px 10px;}
    .management_list .career > li {font-size:13px; padding-left:8px; text-indent:-8px;}
    .management_list .career > li:before {width:3px; height:3px;}


    /* Contact Us */
    #map_ma {height:248px;}

    .address_box {margin:10px 0 25px; padding:15px 10px;}
    .address_box ul li {display:block; margin-right:0; margin-bottom:15px; padding-left:35px; padding-bottom:4px; background-size:27px 27px; font-size:14px;}
    .address_box ul li span {padding:0 0 3px; font-size:12px;}
    .address_box ul li + li {background:url('../img/ico_call.png') no-repeat 0 0; background-size:27px 27px;}
    .address_box ul li + li + li {margin-right:0; margin-bottom:0; padding-left:0; padding-bottom:0; vertical-align:bottom;}
    .address_box ul li + li + li a {display:block; width:100%; height:36px; line-height:36px; padding-left:9px; background:#fff url('../img/ico_link.png') no-repeat 90% center; font-size:13px;}
    .address_box ul li + li + li a .ic {width:20px; height:20px; background-size:20px 20px; vertical-align:-4px;}

    .txt_contacts {font-size:15px;}

    .tbl_style02 {width:100%; margin-top:7px;}
    .tbl_style02 tbody th {padding:8px 12px; font-size:13px;}
    .tbl_style02 tbody td {padding:8px 12px; font-size:13px;}


	/* Platform */
	.txt_dot {margin-bottom:10px; padding-left:15px; font-size:16px; text-indent:-15px;}
	.txt_dot::before {width:5px; height:5px; margin-right:10px; vertical-align:3px;}
	.img_box {margin-bottom:20px; text-align:center;}
	.img_box .web {display:none;}
	.img_box .mob {display:block;}
	.img_box.scrollx .mob {width:600px;} 
	.img_box .mob img {width:100%;}

	.scrollx {position:relative; width:100%; overflow-x:auto;}
	.scrollx .ico_scrollx {position:absolute; top:30px; left:50%; display:inline-block; width:60px !important; margin-left:-30px;}


	/* Oncology Strategy */
	.txt_exp {margin-bottom:10px; font-size:14px;}


	/* About */
	.pipeline_link {margin-bottom:25px;}
	.pipeline_link li {display:inline-block; width:calc((100% - 10px) / 3) !important; height:30px; margin-top:5px; margin-right:5px; margin-left:0; margin-bottom:0; line-height:30px;}
	.pipeline_link li:nth-child(3n) {margin-right:0;}
	.pipeline_link li:first-child,
	.pipeline_link li:nth-child(2),
	.pipeline_link li:nth-child(3) {margin-top:0;}
	.pipeline_link li a {font-size:14px;}
	.pipeline_link li a::after {width:13px; height:5px;}
	.pipeline_link li.on a::before {width:25px;}

	.tbl_pipeline {width:600px;}
	.col01 {width:72px;} /* 67 */
	.col02 {width:116px;}
	.col03 {width:80px;} /* 61->85 */
	.col04 {width:59px;}
	.col05 {width:67px;}
	.col06 {width:68px;}
	.col07 {width:68px;}
	.col08 {width:69px;}
	.col09 {width:1px;}
	.tbl_pipeline thead {}
	.tbl_pipeline th, .tbl_pipeline td {}
	.tbl_pipeline thead th, .tbl_pipeline thead td {height:39px; font-size:12px; background:url(../img/bg_tbl.jpg) no-repeat left bottom / auto auto;}
	.tbl_pipeline thead th:first-child, .tbl_pipeline thead td:first-child {background:none;}
	.fold {}
	.fold th, .fold td {height:75px;}
	.fold th {font-size:12px;}
	.fold td {font-size:13px; padding-left:5px;}
	.fold .bar {}
	.fold_con {}
	.fold_con .open {display:none !important; padding:20px;}
	.ico {background:none;}
	.on .ico {background:none;}
	.tbl_pipeline img.bar_red01 {width:305px;}
	.tbl_pipeline img.bar_blue01 {width:318px;}
	.tbl_pipeline img.bar_blue02 {width:308px;}
	.tbl_pipeline img.bar_blue03 {width:312px;}
	.tbl_pipeline img.bar_green01 {width:242px;}
	.tbl_pipeline img.bar_gray01 {width:185px;}

	/* 툴팁 */
	.tooltip_event {}
	.tooltip_event::after {width:20px; height:20px; margin-left:3px;}
	.tooltip_event > span {padding:10px !important; font-size:16px !important;}


	/* ABL001 */
	.note_box {margin-bottom:15px; padding:10px;}
	.note {min-height:15px; padding-left:20px; background:url(../img/ico_note.png) no-repeat left 4px / 11px auto;}
	.note dt {font-size:15px;}
	.note dd {margin-top:5px; font-size:13px;}

	.download_area {margin-bottom:20px;}
	.download_box {}
	.download_box p, .download_box a {display:inline-block; font-size:14px; box-sizing:border-box; vertical-align:top;}
	.download_txt {width:100%; height:auto; padding:10px 10px; border-right:none; border-bottom:1px solid #dfdfe5;}
	.download_btn {width:100%; height:40px;}
	.download_btn a {font-size:15px; line-height:40px;}
	.download_btn a::before {width:15px; height:13px; margin-right:10px; background:url(../img/ico_download02.png) no-repeat center center / 100% auto; vertical-align:-1px;}
	.download_btn a:hover {}
	.download_btn a:hover::before {background:url(../img/ico_download03.png) no-repeat center center / 100% auto;}
	.download_btn.go a::before {background:url(../img/ico_go.png) no-repeat center center / 100% auto;}
	.download_btn.go a:hover::before {background:url(../img/ico_go02.png) no-repeat center center / 100% auto;}


	/* Immuno-Oncology */
	.video {}
	.video iframe {}


	/* ABL301 */
	.vitro {padding-bottom:20px;}
	.vitro dt, .vitro dd {font-size:14px;}
	.vitro dt {} /* width:50px; */
	.vitro dd {} /* width:calc(100% - 50px); */


	/* Talents */
	.con_tit {margin-bottom:25px;}
	.con_tit .tit {font-size:19px;}
	.con_tit .add {margin-top:5px; font-size:14px;}

	.img_area {text-align:center;}
	.img_area .web {display:none;}
	.img_area .mob {display:block; padding:0 10px; box-sizing:border-box;}
	.img_area .mob img {width:100%;}


	/* Recruitment_목록 */
	.txt_box.job {display:none;}

	.list_board {border-top:3px solid #171717;}
	.list_board li {padding:10px 0; border-bottom:2px solid #e0dede;}
	.list_board .subject {padding-bottom:5px;}
	.list_board .subject a {display:inline-block; max-width:calc(100% - 20px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:-4px;}
	.list_board .date {font-size:12px;}

	.ongoing, .done {margin-left:10px;}
	.ongoing::before, .done::before {content:'/'; padding-right:5px;}


	/* Recruitment_읽기 */
	.view_content dd.date .ongoing, .view_content dd.date .done {margin-left:0;}
	.view_content dd.date .ongoing::after, .view_content dd.date .done::after {}
	.view_content dd.date .ongoing::before, .view_content dd.date .done::before {display:none;}


	/* Recruiting Process */
	.apply_area {height:230px; margin-top:35px; margin-right:-15px; background:url(../img/bg_apply_m.jpg) no-repeat right 25px / 75% auto;}
	.apply_area .txt {margin-right:15px; padding:90px 0 15px; border-top:1px solid #dddde3; font-size:14px;}
	.btn_apply {width:auto; height:34px; padding:0 15px; font-size:12px; line-height:34px;}
	.btn_apply::before {width:12px; height:10px; margin-right:5px; color:#fff !important; background:url(../img/ico_download.png) no-repeat center center / 100% auto;}
	.apply_add {padding-left:25%; margin-top:10px; font-size:12px; text-align:left;}


	/* Our Culture */
	.silde_gallery {padding:0;}
	.silde_gallery .swiper-container.gallery-thumbs {height:60px;}/* height:123px; */
	.silde_gallery .swiper-container.gallery-thumbs .swiper-slide {box-sizing:border-box;}/* height:60px; */
	.silde_gallery .swiper-container.gallery-thumbs .swiper-slide.swiper-slide-thumb-active {border:4px solid #f6a81e;}
	.silde_gallery .swiper-container.gallery-thumbs .swiper-slide img {}
	.silde_gallery .swiper-container.gallery-thumbs .swiper-slide.swiper-slide-thumb-active img {width:calc(100% + 8px); height:calc(100% + 8px); margin:-4px 0 0 -4px;}
	.silde_gallery .swiper-container.gallery-top {height:auto;}
	.silde_gallery .swiper-container.gallery-top .swiper-slide {}
	.silde_gallery .swiper-container.gallery-top .swiper-slide img {}
	.silde_gallery .swiper-container.gallery-top .swiper-slide .slide_info {min-height:40px; padding:10px; font-size:13px;}
	.silde_gallery .swiper-button-next, .silde_gallery .swiper-button-prev {width:36px;
	height:36px; margin-top:-18px; background-size:9px 15px;}
	.silde_gallery .swiper-button-next {}
	.silde_gallery .swiper-button-prev {}


	/* stock */
	.xroll{overflow-x:auto;}
	

	/* Financial */
    .txt_unit{padding-bottom:7px; font-size:12px;}

    .tbl_style01 {width:100%; margin-bottom:25px;}
    .tbl_style01 thead th {padding:10px 5px; font-size:13px;}
	.tbl_style01 tbody td {padding:10px 5px; font-size:13px;}
	.tbl_style01 tbody td:first-child {padding:10px 5px;}
	

	/* paging */
	.paging {padding-top:15px;}
	.paging strong, .paging a {margin-left:8px; font-size:13px;}
	.paging strong {width:24px; height:24px; line-height:24px;}
	.paging a {padding:3px;}
	.paging a:first-child {}
	.paging a:hover {}
	.paging .btn_first, .paging .btn_prev, .paging .btn_next, .paging .btn_end {height:13px;vertical-align:-6px;}
	.paging .btn_first:hover, .paging .btn_prev:hover, .paging .btn_next:hover, .paging .btn_end:hover {} 
	.paging .btn_first {width:15px; background:url(../img/btn_first.png) no-repeat center center / auto 100%;}
	.paging .btn_prev {width:7px; background:url(../img/btn_prev.png) no-repeat center center / auto 100%;}
	.paging .btn_next {width:7px; background:url(../img/btn_next.png) no-repeat center center / auto 100%;}
	.paging .btn_end {width:15px; background:url(../img/btn_end.png) no-repeat center center / auto 100%;}
	/* .btn_morepage {text-align:center; font-weight:700;}
    .btn_morepage .ic {content:""; display:inline-block; width:7px; height:7px; margin-right:5px; background:url('../img/btn_plus.png') no-repeat 0 0; background-size:7px 7px;}
    .btn_morepage span {font-weight:400;}
	.btn_morepage .on {color:#f6a81e;} */


    /* search form */
    .search_form {width:100%; padding-bottom:10px;}
    .search_form .search_select {display:block; width:100%; border-bottom:none;}
    .search_form .search_select select {height:26px; line-height:26px; border:1px solid #bebebe; background:url('../img/bg_m_select.png') no-repeat 0 0; background-position:right 50%; background-size:33px 26px;}
    .search_form .search_input {width:100%; margin-left:0; margin-top:5px; padding:0; border-bottom:none; font-size:0;}
    .search_form .search_input input {box-sizing:border-box; display:inline-block; width:calc(100% - 34px); height:26px; line-height:26px; border:1px solid #bebebe; border-right:0;}
    .search_form .search_input a {width:34px; height:26px; margin-left:0; background:url('../img/bg_m_search.png') no-repeat 0 0; background-size:34px 26px; vertical-align:bottom; font-size:0;}


    /* notice */
    .notice_list li {float:none; width:100%; height:auto; margin-bottom:10px; margin-right:0;}
	.notice_list li a {padding:20px 25px;}
	.notice_list li a:hover {padding:20px 25px; border:1px solid #f6a81e;}
    .notice_list li a .tit {font-size:14px;}
    .notice_list li a .content {height:80px; max-height:7em; margin:20px 0; font-size:12px;}
	.notice_list li a .info span {font-size:10px;}
	.notice_list li a .info .ico_file {width:15px; vertical-align:-2px;}
	
	.new {width:14px; height:14px; line-height:14px; font-size:10px; vertical-align:0;}


    /* notice view */
    .view_content {padding-bottom:10px;}
    .view_content dt {padding:15px 10px 5px; border-top:2px solid #f6a81e; font-size:14px;}
    .view_content dd.date {padding:0 10px 15px; font-size:12px;}
    .view_content dd.date span:before {margin:0 5px;}
	.view_content dd.date .ico_file {width:15px; margin-right:3px; vertical-align:-2px;}
    .view_content dd.con {padding:15px 10px;}
    .view_content dd.con div {font-size:13px;}

    .prev_next {padding:18px 10px; border:1px solid #dddde4; background:#f6f6f8;}
    .prev_next dt {display:block; width:100%; font-size:13px; color:#333;}
    .prev_next dd {display:block; width:100%; padding-top:15px; font-size:13px; color:#333;}

    .list_prev {margin-top:20px; margin-bottom:10px;}
    .list_prev dt:before{content:""; display:inline-block; width:14px; height:4px; margin-right:10px; background:url('../img/ico_prev2.png') no-repeat 0 0; background-size:14px 4px; vertical-align:4px;}

    .list_next dt:before{display:none;}
	.list_next dt:after{content:""; display:inline-block; width:14px; height:4px; margin-left:10px; background:url('../img/ico_next2.png') no-repeat 0 0; background-size:14px 4px; vertical-align:4px;}
	

	/* 자료실_목록 */
	.tag01, .tag02, .tag03, .tag04 {width:57px; height:20px; margin-right:7px; font-size:11px; line-height:18px; vertical-align:1px;}

	.list_board .ico_file {width:15px; margin-left:5px; vertical-align:-1px;}
	.video_wrap {width:100%;}
	.video_wrap .video{position:relative; width:100%; display:block; height:0; padding:0 0 56.25% 0; overflow:hidden;}
	.video_wrap .video iframe{position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; border:0;}


	/* 파이프라인_개요 */
	.pipeline01 .img_pipe01 {width:200%;}
	.btn_pop {left:23.9%; width:15.16%;}

	.btn_pop[class*="link"] { left: 125%;}
	.btn_pop.link01 { left: 155.6%; width: 19.66%;}
	.btn_pop.link02 { width: 19.66%;}
	.btn_pop.link03 { width: 58%;}
	.btn_pop.link04 { width: 30%;}
	.btn_pop.link05 { width: 46%;}
	.btn_pop.link06 { width: 47.34%;}
	.btn_pop.link07 { width: 33.34%;}
	.btn_pop.link08 { width: 35%;}


	/* 파이프라인_리뉴얼 */
	.pipe_top {margin-bottom:20px; border-top:4px solid #f6a81e;}
	.pipe_top li {width:50%; height:auto; min-height:50px; padding-bottom:10px;}
	.pipe_top li:first-child {width:50%; border-bottom:1px solid #dfdfe5;}
	.pipe_top li:nth-child(2) {border-bottom:1px solid #dfdfe5;}
	.pipe_top li:nth-child(3) {border-left:0;}
	.pipe_top li:last-child {width:50%;}
	.pipe_top dl {padding:10px 0 0 15px;}
	.pipe_top dt {font-size:11px;}
	.pipe_top dd {padding-top:5px; font-size:13px; line-height:1.3;}

	.pipe_sum {margin-bottom:20px;}
	.pipe_sum dt {font-size:15px;}
	.pipe_sum dd {font-size:14px;}


	/* 공시정보 */
	.gongsi {height:auto; padding:0 0 0 0;}
	.gongsi .img {position:relative;}
	.gongsi .img img {width:calc(100% + 2px) ;}
	.gongsi .txt {padding:20px 10px 12px 10px;}
	.btn_gongsi {width:100%; height:35px; margin-top:5px; font-size:14px; line-height:35px;}


	/* footer */
  /* 2023-05-29 수정 */
  #footer {height:130px;}
  .foot_con {width:100%; height:100%; padding:15px;}
  .foot_con .logo {width:57px; height:21px;} /* MO 57*21 */
  .foot_con .addr {font-size:12px; margin-top:10px;} /* font-size:10px; */
  .foot_con .addr span {display:block;}
  .foot_con .copy {font-size:12px; margin-top:10px;} /* font-size:10px; */

	
	/* popup */
	.popup_base.event_pop .pop_content{position:relative; width:90%; margin:100px auto 0; box-sizing:border-box; background:#fff;}
	.pop_content .btn_xpop {top:-30px; right:0; z-index:10;}
	.pop_content .btn_xpop a {display:block; width:30px; height:30px; text-align:center; text-indent:-9999px; overflow:hidden; background:url(../img/btn_xpop.png) no-repeat; background-size:30px;}
	.pop_content h2.tit_event {padding:23px 0 5px; font-size:20px; letter-spacing:-1px;}
	.pop_content h2.tit_event span {padding-top:5px; font-weight:bold; font-size:27px;}
	.pop_content .event_list {padding:10px 20px 20px;}
	.pop_content .event_list li {padding-top:10px;}
	.pop_content .pop_list li {padding:20px;}
	.pop_content .pop_list li h2.tit_pop {padding:5px 0 12px; font-size:17px; letter-spacing:-1px;}
	.pop_content .pop_list li .pop_txt {padding-top:10px}
	.pop_content .pop_list li .pop_txt p {padding-top:5px; line-height:1.4; font-size:14px; letter-spacing:-1px;}
	.popup_base.event_pop .pop_content .swiper-slide {height:auto;}
	.popup_base .swiper-slide img{width:100%;}

	/* 20210503 추가 */
	/* Who We are */
	.video_box {padding:12px 0 35px;}
	.video_box video {width:100%; height:164px;}

	/* oncology */
	.video_box2 {padding:10px 0 27px}
	.video_box2 iframe {width:100%; height:164px;}
	.ti_br_fw500 {display:block; padding-left:15px; text-indent:-15px; font-weight:500;}

	/* cns */
	.txt_exp.f18 {font-size:14px;}
	.txt_exp.f20 {text-align:left; font-size:14px; font-weight:400;}
	.txt_exp.f20 .br {display:inline;}

	.tbl_style03 {width:600px; margin-bottom:25px;}
    .tbl_style03 thead th {padding:10px 5px; font-size:13px;}
	.tbl_style03 tbody td {padding:10px 5px; font-size:13px;}
	.tbl_style03 tbody td a .link {width:12px;}
	.tbl_style03 tbody td a .pdf {width:34px;}

	/* 20210531 추가 */
	.pipe06_box2 .left {width:100%;}
	.pipe06_box2 .right {width:100%;}

	.ls {letter-spacing:-1px;}

	/* 보유 자금 현황 */
	.txt_relations {padding-bottom:15px; font-size:14px;}

	/* 2022-03-28 추가 */
	.intro_list {margin-bottom:30px;}
	.intro_list li {width:calc(50% - 7px); margin-left:13px;}
	.intro_list li:nth-child(3) {margin-left:0;}
	/* .intro_list li:nth-child(3),
	.intro_list li:nth-child(4) {margin-top:8px;} */
	.intro_list li img {width:100%;}
	.intro_list li p {padding:12px 0 24px; font-size:14px;}

	.main_history .history_con .right, 
	.main_history .history_con .left {min-height:auto;}

	.main_history .history_con .right .history_img {top:30px; left:20px; width:123px; height:73px;}
	.main_history .history_con .left .history_img {top:30px; right:20px; width:123px; height:73px;}

	.history_con .right, 
	.history_con .left {min-height:auto;}

	.history_con .right .history_img {top:30px; left:20px; width:123px; height:73px;}
	.history_con .left .history_img {top:30px; right:20px; width:123px; height:73px;}

	/* 2022-04-25 추가 */
	.common_pop.common_pop02 {width:90%; margin-left:0;}
	.common_pop.common_pop02 .pop_con .txt_part {padding:10px 0 6px 15px; font-size:14px;}
	.common_pop.common_pop02 .pop_con .txt_name {padding:0 0 10px 15px; font-size:20px;}
	.common_pop.common_pop02 .pop_con .image_box img {width:100%;}
	.common_pop.common_pop02 .pop_con .explain_box {padding:15px; font-size:14px;}

	/* 2022-04-26 추가 */
	.pipe06_box .left {width:100%;}
	.pipe06_box .right {width:100%;}
	.pipe06_box .right .txt_exp {margin-bottom:10px;}

	.talent_list {}
	.talent_list li {position:relative; float:none; width:100%; height:100%; margin-top:15px;}
	.talent_list li:nth-child(1) {margin-top:0; background:url('../img/bg_talent01_m.jpg') no-repeat 0 0;}
	.talent_list li:nth-child(2) {background:url('../img/bg_talent02_m.jpg') no-repeat 0 0;}
	.talent_list li:nth-child(3) {background:url('../img/bg_talent03_m.jpg') no-repeat 0 0;}
	.talent_list li:nth-child(4) {background:url('../img/bg_talent04_m.jpg') no-repeat 0 0;}
	.talent_list li .txt01 {padding:45px 0 112px; font-size:20px;}
	.talent_list li .txt_box {display:block; position:absolute; bottom:0 !important; left:0; width:100%; height:75px; margin:0 !important; padding:15px 35px 0;}
	.talent_list li:nth-child(1) .txt_box {background:#008acb; opacity:0.85;}
	.talent_list li:nth-child(2) .txt_box {background:#df9410; opacity:0.85;}
	.talent_list li:nth-child(3) .txt_box {background:#34875d; opacity:0.85;}
	.talent_list li:nth-child(4) .txt_box {background:#4d331f; opacity:0.85;}
	.talent_list li .txt_box .txt03 {font-size:12px; color:#fff;}

	.benefits_list > li {width:calc(50% - 3px); height:143px; margin-right:5px; margin-top:5px;}
	.benefits_list > li:nth-child(3),
	.benefits_list > li:nth-child(4) {margin-top:5px;}
	.benefits_list > li:nth-child(2n) {margin-right:0;}
	.benefits_list > li:nth-child(1) {background:url('../img/bg_benefits01.png') no-repeat 95% 95% / 32px 37px;}
	.benefits_list > li:nth-child(2) {background:url('../img/bg_benefits02.png') no-repeat 95% 95% / 46px 38px;}
	.benefits_list > li:nth-child(3) {background:url('../img/bg_benefits03.png') no-repeat 95% 95% / 47px 35px;}
	.benefits_list > li:nth-child(4) {background:url('../img/bg_benefits04.png') no-repeat 95% 95% / 54px 39px;}
	.benefits_list > li:nth-child(5) {background:url('../img/bg_benefits05.png') no-repeat 95% 95% / 20px 37px;}
	.benefits_list > li:nth-child(6) {background:url('../img/bg_benefits06.png') no-repeat 95% 95% / 49px 29px;}
	.benefits_list > li:nth-child(7) {background:url('../img/bg_benefits07.png') no-repeat 95% 95% / 40px 40px;}
	.benefits_list > li:nth-child(8) {background:url('../img/bg_benefits08.png') no-repeat 95% 95% / 44px 43px;}
	.benefits_list > li:nth-child(9) {background:url('../img/bg_benefits09.png') no-repeat 95% 95% / 37px 25px;}
	.benefits_list > li:nth-child(10) {background:url('../img/bg_benefits10.png') no-repeat 95% 95% / 38px 30px;}
	.benefits_list > li:nth-child(11) {background:url('../img/bg_benefits11.png') no-repeat 95% 95% / 27px 40px;}
	.benefits_list > li:nth-child(12) {background:url('../img/bg_benefits12.png') no-repeat 95% 95% / 34px 38px;}
	.benefits_list > li dl {padding:13px 15px 0;}
	.benefits_list > li dl dt {padding-bottom:8px; font-size:15px;}
	.benefits_list > li dl dd {font-size:12px;}
	.benefits_list > li dl dd > ul > li {padding-top:5px; padding-left:12px; text-indent:-12px; font-size:12px;}
	.benefits_list > li dl dd > ul > li:before {width:3px; height:3px; margin:0 5px 3px 0;}

	video#bgvid1 {width:100%; height:100%;}

	.txt_exp.txt_exp02 {margin-bottom:20px;}

	/* 2022-04-29 추가 */
	.txt_seminar {height:auto; line-height:1.4; margin:22px 0 0; padding:10px 0 15px; border-radius:7px; font-size:14px;}
	.txt_seminar .ic {width:12px; height:12px; margin:0 5px 0 0; vertical-align:initial;}

  /* 2023-05-16 추가 */
  .list_board .date.posters > span{vertical-align: middle;}
  .list_board .date.posters > a {margin-left:5px;}
  .list_board .date.posters a .link {width:12px;}
  .list_board .date.posters a .pdf {width:34px;}


  /* 2023-05-29 추가 */
  /* 메인 */
  .section {overflow:hidden; width:100%; padding-top:0;}

  /* 2024-01-22 추가 */
  #container.fullpage { padding-bottom: 0;}
  .section.sec05 {display: none;}

  .main .sec01 {}
  .visual_slide .visual_box {position:relative; height:0; padding-top:162.5%;}
  .visual_box video {position:absolute; top:0;}
  .visual_slide .visual_txt {top:10%; left:0; max-width:100%; padding:0 15px; box-sizing:border-box;} /* top:40px; */
  .visual_txt .tit {font-size:21px;}
  .visual_txt .tit > span {font-size:42px;}
  .visual_txt .sub {margin-top:15px; font-size:15px;} /* font-size:14px; */

  .visual_slide .swiper-pagination {display:flex; justify-content:space-between; width:100%; padding:0 15px; bottom:30px; left:0; box-sizing:border-box;}
  .visual_slide .swiper-pagination .swiper-pagination-bullet {width:calc((100% - 50px) / 3); margin:0; padding-top:5px;}

  .visual_slide .swiper-pagination-bullet .title {font-size:15px; text-shadow:0 0 7px rgba(0, 0, 0, 0.5);} /* font-size:13px; */

  .board_wrap {display:none;}


  .main .sec02 {padding-bottom:30px;}
  .sec_tit {margin-top:35px; font-size:30px;} /* font-size:28px; */
  .sec_tit span::after {top:6px; right:-10px; width:8px; height:8px;}
  .sec_txt {margin-top:10px; padding:0 15px; font-size:14px; word-break:keep-all; box-sizing:border-box;} /* font-size:12px; */

  .pipeline_box {display:block; position:relative; width:calc(100% - 30px); height:auto; margin:20px auto 0; border-radius:5px;}
  .pipeline_box .left {width:100%; height:82px; padding:0 15px;}
  .pipeline_box .left .tab_tit {display:none;}

  .pipeline_box .left .view_more.ty02 {left:50%; bottom:20px; transform:translateX(-50%);}
  .view_more.ty02 span {font-size:13px;}

  .view_more.ty02 span::before {top:7px; right:-23px; width:15px; height:2px; background:#fff; transition:right .3s ease;}
  .view_more.ty02 span::after {top:3px; right:-23px; width:8px; height:8px; border-top:2px solid #fff; border-right:2px solid #fff;}
  .view_more.ty02:hover {}
  .view_more.ty02:hover span {transform:scale(1.05);}
  .view_more.ty02:hover span::before, .view_more.ty02:hover span::after {right:-26px;}

  .pipeline_box .right {min-height:350px;}
  .pipeline_box .right::before {display:none;}
  .pipeline_box .right::after {display:none;}

  .pipeline_slide .swiper-slide.tab,
  .pipeline_slide .swiper-slide.tab.on {position:absolute; visibility:hidden; opacity:0; padding-bottom:15px;} 
  .pipeline_slide .swiper-slide.swiper-slide-active.tab,
  .pipeline_slide .swiper-slide.swiper-slide-active.tab.on {visibility:visible; opacity:1;} 

  .pipeline_box .tab {padding-left:15px; padding-right:15px; background-size:165px 165px;}
  .pipeline_box .tab:nth-child(1) {background-image:url('../img/bg_pipeline_g01_m.jpg');}
  .pipeline_box .tab:nth-child(2) {background-image:url('../img/bg_pipeline_g02_m.jpg')}
  .pipeline_box .tab:nth-child(3) {background-image:url('../img/bg_pipeline_g03_m.jpg')}

  .pipeline_box .slide_tit {display:block; position:absolute; top:-60px; left:50%; color:#fff; background:#004a87; font-size:16px; font-weight:bold; transform:translateX(-50%); opacity:0; transition:all .3s ease;}
  .pipeline_box .swiper-slide-active .slide_tit {opacity:1;}

  .pipeline_info .tit {margin-top:50px; font-size:18px;} /* font-size:16px; */
  .pipeline_info .tit > i {left:50%; transform:translateX(-50%);}
  .pipeline_info .tit > i.ico_pipeline01 {top:-121px; width:89px; height:101px;} /* MO 89*101 */
  .pipeline_info .tit > i.ico_pipeline02 {top:-126px; width:93px; height:94px;} /* MO 93*94 */
  .pipeline_info .tit > i.ico_pipeline03 {top:-113px; width:102px; height:88px;} /* MO 102*88 */

  .pipeline_info .sub {margin-top:15px; font-size:15px; word-break:keep-all;} /* font-size:13px; */
  .pipeline_info .txt {margin-top:15px; font-size:14px;} /* font-size:12px; */

  .pipeline_box .slide_arrow {display:block; position:absolute; top:50px; width:100%;}
  .pipeline_box .slide_arrow .swiper-button-prev, .pipeline_box .slide_arrow .swiper-button-next {top:0; width:0; height:0; background:none;} /* width:8px; height:14px; */
  .pipeline_box .slide_arrow .swiper-button-prev {left:70px;}
  .pipeline_box .slide_arrow .swiper-button-next {right:80px;}
  .pipeline_box .slide_arrow .swiper-button-prev::before, .pipeline_box .slide_arrow .swiper-button-next::before {content:''; display:inline-block; width:10px; height:10px; border-top:2px solid #fff; border-right:2px solid #fff;}
  .pipeline_box .slide_arrow .swiper-button-prev::before {transform:rotate(-135deg);}
  .pipeline_box .slide_arrow .swiper-button-next::before {transform:rotate(45deg);}

  .main .sec03 {padding-bottom:30px;}
  .ir_info {flex-direction:column; width:100%; margin:15px auto 10px;}
  .ir_info dt {font-size:19px; text-align:center;} /* font-size:17px; */
  .ir_info dd {margin-top:5px; padding:0 35px; font-size:14px; text-align:center;} /* font-size:12px; */

  .ir_Box {width:calc(100% - 30px); margin:0 auto;}
  .ir_Box .top {height:40px; padding:0 10px; background:#dbdbdb; border-radius:5px;}
  .ir_Box .top .years {width:calc(100% - 110px);}
  .ir_Box .top .years > p {font-size:14px;} /* font-size:12px; */

  .ir_Box .con {margin-bottom:5px;}
  .ir_Box .con .assets_box {flex-wrap:wrap; margin-top:5px; padding:15px 10px 5px 10px; border-radius:5px;}
  .assets_box .assets_tit {margin-top:0; width:100%; color:#004a87; font-size:14px;} /* font-size:12px; */
  .assets_box .assets_tit span {padding-bottom:4px;}
  .assets_box .assets_con {flex:1;}
  .assets {height:auto; min-height:40px; padding:10px 0; font-size:14px; box-sizing:border-box;} /* font-size:12px; */
  .assets .cate {flex:0 0 auto; width:110px;}
  .assets .num {width:calc(100% - 110px);}
  .assets .num > p {flex:1; font-size:inherit; line-height:1.1; text-align:center;}
  .assets .num > p .add {font-size:10px; font-weight:normal;} /* font-size:8px; */

  .ir_Box .bot {height:62px; border-radius:5px; padding:5px 10px; font-size:14px;} /* font-size:12px; */
  .assets.total {font-size:16px;} /* font-size:14px; */

  .sec04 {padding-bottom:30px; background:#004a87}

  .history_wrap {width:calc(100% - 30px); padding-bottom:380px;}
  .history_year {margin:15px 0 10px;}
  .history_year .tab_tit li {width:70px;}
  .history_year .tab_tit a {padding-bottom:10px; font-size:25px;}
  .history_year .tab_tit a::after {height:2px;}

  .history_box {flex-direction:column; height:380px; padding:15px 20px; border-radius:5px;}
  .history_box .img {flex:none; margin-bottom:15px; text-align:center;}
  .history_box .img img {width:140px; margin:0;}
  .history_box .list li + li {margin-top:15px;}
  .history_box .list li .date {padding:2px 13px 0 10px; font-size:14px;} /* font-size:12px; */
  .history_box .list li .date::before {top:9px; width:2px; height:2px;}
  .history_box .list li .txt {font-size:14px;} /* font-size:12px; */
  .history_box .list::-webkit-scrollbar {
    width:5px;  /* 스크롤바의 너비 */
  }
  .sec04 .view_more_box {margin-top:20px;}

  /* 메인 팝업 템플릿 4종 */
	.popup_box_wrap {overflow-y:auto; flex-direction:column; max-width: 580px; width:calc(100% - 30px); height:100%;}
	.popup_box { flex:0 0 auto; width: 100%; height: 0; margin:15px auto 40px; padding-top: 68.1%; background-image: url('../img/bg_pop_box4_m.png');}
	.popup_box.type1 { background-image: url('../img/bg_pop_box1_m.png');}
	.popup_box.type2 { background-image: url('../img/bg_pop_box2_m.png');}
	.popup_box.type3 { background-image: url('../img/bg_pop_box3_m.png');}
	.popup_box.type5 { background-image: url('../img/bg_pop_box5_m.png');}

  .pop_noti { position: absolute; top:0; left: 0; width: 100%; padding:20px 30px; box-sizing: border-box;}
  .noti_tit {margin-bottom:10px; font-size:35px;}
  .noti_txt {padding:5px 0; font-size:14px;} /* font-size:13px; */
  .noti_txt::-webkit-scrollbar { 
    width:5px;  /* 스크롤바의 너비 */
  }

  .noti_shortcut {padding-top:8px;}
  .noti_shortcut a {font-size:14px;} /* font-size:13px; */
  .noti_shortcut a::before, .noti_shortcut a::after {height:1px;}
  .noti_shortcut a::before {right:-23px; bottom:6px; width:15px;}
  .noti_shortcut a::after {right:-23px; bottom:9px; width:7px;}
  .no_today {top:initial; bottom: -20px; font-size:13px;} /* font-size:12px; */
  .no_today input + label {min-height:15px; padding-left:20px;}
  .no_today input + label::before, .no_today input + label::after {}
  .no_today input + label::before {top:2px; left:0; width:15px; height:15px;}
  .no_today input + label::after {top:5px; left:3px; width:10px; height:6px;}

  .btn_close_pop {width:30px; height:30px;}
  .btn_close_pop::before, .btn_close_pop::after {top:14px; left:6px;  width:18px; height:2px;}


  /* 2023-05-29 추가 */
  /* 복지프로그램 */
  .benefits_wrap {flex-direction:column;}
  .benefits_wrap .left {}/* ie,파폭 */

  .slide_tab {width:100%; -ms-overflow-style:none; scrollbar-width:none;}/* ie,파폭 */
  .slide_tab ul.tab_tit {display:flex; overflow-x:auto;}
  .slide_tab ul.tab_tit::-webkit-scrollbar {display:none; z-index:5;}/* 크롬,사파리,오페라,엣지 */
  .slide_tab {position:relative; width:calc(100% + 30px) !important; margin-bottom:1rem; background:#fff; transform:translateX(-15px);} 
  .slide_tab::before, .slide_tab::after {content:''; display:none; width:15px; height:100%; position:absolute; top:0; z-index:1;}
  .slide_tab.before::before {display:inline-block; left:0; background: linear-gradient(to right, #fff, #fff 20%, transparent);}
  .slide_tab.after::after {display:inline-block; right:0; background: linear-gradient(to left, #fff, #fff 20%, transparent)}
  .slide_tab li:first-child {margin-left:15px;}
  .slide_tab li:last-child {margin-right:15px;}

  .benefits_wrap .tab_tit {}
  .benefits_wrap .tab_tit li {flex:0 0 auto; margin-bottom:0px;}
  .benefits_wrap .tab_tit li a {display:inline-block; min-width:120px; padding:10px 15px; font-size:15px; border-bottom:2px solid #d6d6d6; text-align:center; box-sizing:border-box;} /* font-size:13px; */
  .benefits_wrap .tab_tit li a::after {bottom:-2px; left:50%; width:0; height:2px;}
  .benefits_wrap .tab_tit li a span::after {top:1px; right:-10px; width:5px; height:5px;}

  .benefits_wrap .tab_tit li.on a::after {left:0%;}

  .benefits_box li {width:calc((100% - 20px) / 2); margin-bottom:35px; padding-left:0;}
  .benefits_box li:nth-child(2n) {margin-left:20px;}
  .benefits_box li i {height:47px;}
  .ico_benefits1 {background-size:auto 45px;}
  .ico_benefits2 {background-size:auto 42px;}
  .ico_benefits3 {background-size:auto 41px;}
  .ico_benefits4 {background-size:auto 44px;}
  .ico_benefits5 {background-size:auto 44px;}
  .ico_benefits6 {background-size:auto 36px;}
  .ico_benefits7 {background-size:auto 41px;}
  .ico_benefits8 {background-size:auto 37px;}
  .ico_benefits9 {background-size:auto 47px;}
  .ico_benefits10 {background-size:auto 39px;}
  .ico_benefits11 {background-size:auto 39px;}
  .ico_benefits12 {background-size:auto 40px;}
  .ico_benefits13 {background-size:auto 32px;}
  .ico_benefits14 {background-size:auto 47px;}
  .ico_benefits15 {background-size:auto 41px;}
  .ico_benefits16 {background-size:auto 43px;}
  .ico_benefits17 {background-size:auto 32px;}
  .ico_benefits18 {background-size:auto 39px;}
  .ico_benefits19 {background-size:auto 38px;}
  .ico_benefits20 {background-size:auto 39px;}
  .ico_benefits21 {background-size:auto 26px;}
  .benefits_box .bene_tit {margin-top:15px; font-size:16px;} /* font-size:13px; */
  .benefits_box .bene_txt {margin-top:10px;; font-size:14px;} /* font-size:10px; */

  /* 20230615 추가 */
  .pop_con .btn_pop_more {font-size:14px;}
}