@charset "utf-8";

/* margin, padding */
.mgt0 {
  margin-top: 0 !important;
}

.mgt5 {
  margin-top: 5px !important;
}

.mgt8 {
  margin-top: 8px !important;
}

.mgt10 {
  margin-top: 10px !important;
}

.mgt15 {
  margin-top: 15px !important;
}

.mgt20 {
  margin-top: 20px !important;
}

.mgt25 {
  margin-top: 25px !important;
}

.mgt30 {
  margin-top: 30px !important;
}

.mgt35 {
  margin-top: 35px !important;
}

.mgt40 {
  margin-top: 40px !important;
}

.mgt45 {
  margin-top: 45px !important;
}

.mgt50 {
  margin-top: 50px !important;
}

.mgt_10 {
  margin-top: -10px !important;
}

.mgt_20 {
  margin-top: -20px !important;
}

.mgt_30 {
  margin-top: -30px !important;
}

.mgt_40 {
  margin-top: -40px !important;
}

.mgt_50 {
  margin-top: -50px !important;
}

/* 공통 */
.sub_visual {
  position: relative;
}

.sub_visual .bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.sub_visual .bg_pc {
  display: block;
}

.sub_visual .bg_t,
.sub_visual .bg_m {
  display: none;
}

.sub_visual_titlebox {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  height: 240px;
  padding-left: 320px;
}

.sub_visual .visual_title {
  width: 100%;
  color: #fff;
  font-size: 39px;
  line-height: 52px;
  letter-spacing: -0.98px;
  font-weight: 100;
}

/* 2022-02-17 kyj : 레이아웃 수정 (디자인 반영) */
.sub_visual .visual_title .img {max-width:100%;}
/* //2022-02-17 kyj : 레이아웃 수정 (디자인 반영) */

.sub_visual .visual_title em {
  font-weight: 700;
}

.sub_visual .visual_txt {
  width: 100%;
  margin-top: 6px;
  color: #fff;
  font-size: 21px;
  line-height: 28px;
  font-weight: 500;
  letter-spacing: -0.53px;
}

#lnb {
  float: left;
  width: 270px;
  margin-top: -105px;
  /* 2022-02-22 kyj : 콘텐츠 기본 여백 지정 */
  margin-bottom:95px;
  /* //2022-02-22 kyj : 콘텐츠 기본 여백 지정 */
}

#lnb .lnb_titbox {
  position: relative;
  height: 156px;
  padding-top: 60px;
  background: url(../images/sub/bg_lnb_title.svg) no-repeat center center #0070c3;
  background-size: contain;
  overflow: hidden;
}

#lnb .lnb_titbox .lnb_tit {
  display: block;
  position: relative;
  color: #fff;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  letter-spacing: -0.6px;
  text-align: center;
}

#lnb .lnb_list {
  border: 1px solid #d1d1d1;
  border-top: 0;
}

#lnb .lnb_list>li+li {
  border-top: 1px solid #d1d1d1;
}

#lnb .lnb_list>li>a {
  display: block;
  padding: 20px 50px 20px 25px;
  color: #000;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.4px;
}

#lnb .lnb_list>li>a.in_ul {
  background-image: url(../images/sub/ico_lnb_plus.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
}

#lnb .lnb_list>li>a.on {
  margin: 0 -1px;
  padding-left: 19px;
  border-left: 1px solid #0e96cf;
  border-right: 1px solid #0e96cf;
  background-color: #0e96cf;
  color: #fff;
}

#lnb .lnb_list>li>a.in_ul.on {
  background-image: url(../images/sub/ico_lnb_minus.svg);
}


#lnb .lnb_list>li>.lnb_depth {
  display: none;
  background: #f6fafc;
}

#lnb .lnb_list>li>.lnb_depth>li>a {
  display: block;
  position: relative;
  padding: 18px 20px 18px 37px;
  color: #403f3f;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.38px;
}

#lnb .lnb_list>li>.lnb_depth>li>a:before {
  content: '';
  position: absolute;
  top: 29px;
  left: 24px;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background: #1e2948;
}

#lnb .lnb_list>li>.lnb_depth>li>a>span {
  display: inline-block;
  position: relative;
  vertical-align: top;
}

#lnb .lnb_list>li>.lnb_depth>li>a:hover>span,
#lnb .lnb_list>li>.lnb_depth>li>a:focus>span {
  text-decoration: underline;
}

#lnb .lnb_list>li>.lnb_depth>li>a.active>span {
  color: #004f8a;
  font-weight: 700;
}

.sub_content {
  float: right;
  width: calc(100% - 320px);
}

.sub_headbar {
  display: none;
}

.sub_con_head {
  display: flex;
  position: relative;
  margin-top: 40px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e0e0e0;
}

.sub_con_head .title {
  margin-right: auto;
  color: #212121;
  font-size: 32px;
  line-height: 48px;
  font-weight: 700;
  letter-spacing: -0.8px;
}

.sub_con_head .rightbox {
  display: flex;
}

.sub_con_head .location {
  display: flex;
  font-size: 14px;
  line-height: 48px;
}

.sub_con_head .location>li {
  display: flex;
  align-items: center;
  font-size: 14px;
}

.sub_con_head .location>li+li {
  padding-left: 17px;
  margin-left: 9px;
  background: url(../images/sub/ico_location_arrow.svg) no-repeat 0 center;
  background-size: 7px;
}

.sub_con_head .location>li .ico_home {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/sub/ico_home.svg) no-repeat center center;
  background-size: 100%;
  text-indent: -999px;
  overflow: hidden;
}

.sub_con_head .location>li>a,
.sub_con_head .location>li>em,
.sub_con_head .location>li>span {
  color: #848484;
  font-size: 14px;
  line-height: 20px;
}

.sub_con_head .location>li>a {
  font-weight: 400;
}

.sub_con_head .location>li>em {
  color: #004f8a;
  font-weight: 500;
}

.sub_con_head .right_btns {
  display: flex;
  margin-left: 42px;
}

.sub_con_head .right_btns>li+li {
  margin-left: 8px;
}

.sub_con_head .right_btns>li>.ico {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 4px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  text-indent: -999px;
  overflow: hidden;
}

.sub_con_head .right_btns>li>.ico_share {
  background-image: url(../images/sub/ico_sub_share.svg);
}

.share_box {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 16px 16px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.12);
  z-index: 30;
}

.share_box>.tit {
  color: #424242;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.share_box>.copy_url {
  display: flex;
  margin-top: 12px;
}

.share_box>.copy_url input[type='text'] {
  flex: 1;
  height: 34px;
  padding: 0 12px;
  border: 1px solid #bdbdbd;
  border-radius: 8px;
  background: #fff;
  color: #424242;
  font-size: 14px;
  line-height: 32px;
  font-weight: 400;
}

.share_box>.copy_url .btn_copy {
  width: 54px;
  height: 34px;
  margin-left: 10px;
  border: none;
  border-radius: 8px;
  background: #0070c3;
  color: #fff;
  font-size: 14px;
  line-height: 32px;
  font-weight: 500;
  text-align: center;
}

.share_box>ul {
  display: flex;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #d1d1d1;
}

.share_box>ul>li+li {
  margin-left: 12px;
}

.share_box>ul>li>.ico {
  display: block;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  text-indent: -999px;
  overflow: hidden;
}

.share_box>.close_sharebox {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 24px;
  height: 24px;
  border: none;
  background: url(../images/btn_close_blue.svg) no-repeat center center;
  background-size: 100%;
  text-indent: -999px;
  overflow: hidden;
}

.sub_con_head .right_btns>li>.ico_print {
  background-image: url(../images/sub/ico_sub_print.svg);
}

.sub_cont {
  padding: 25px 0 95px; 
  min-height: 660px;
}

.sub_cont>*:first-child {
  margin-top: 0;
}

/* 2022-02-24 kyj : 퍼블 오류 수정 */
.sub_cont img {vertical-align:top; max-width:100%;}
.sub_cont iframe {max-width:100%;}
/* //2022-02-24 kyj : 퍼블 오류 수정 */

/* 서브탭 */
.sub_tabbox {
	margin-bottom:50px;
}
.sub_tabbox>ul {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #c1d1dc;
  border-radius: 2px;
}

.sub_tabbox>ul>li {
  flex: 1;
  position: relative;
}

.sub_tabbox>ul>li.fuze{
	display:none;
}

.sub_tabbox>ul>li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -1px;
  width: 1px;
  height: 20px;
  margin-top: -10px;
  background: #bdc9d2;
}

.sub_tabbox>ul>li:first-child:before {
  display: none;
}

.sub_tabbox>ul>li>a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 18px 5px;
  color: #333;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.8px;
}

.sub_tabbox>ul>li>a:hover {
  background: #f6fafc;
  color: #212121;
  text-decoration: underline;
}

.sub_tabbox>ul>li:hover,
.sub_tabbox>ul>li.active {
  z-index: 1;
}

.sub_tabbox>ul>li:hover::before,
.sub_tabbox>ul>li.active::before {
  display: none;
}

.sub_tabbox>ul>li.active>a {
  background-color: #0e96cf;
  color: #fff;
  font-weight: 700;
}

.js_tabcont {
  display: none;
}

.js_tabcont.active {
  display: block;
}

.js_tabcont_s {
  display: none;
}

.js_tabcont_s.active {
  display: block;
}

.sub_s_tabbox {
  position: relative;
}

.sub_s_tabbox .ctrlbox {
  display: none;
}

.sub_s_tabbox .ctrlbox .swiper-button-prev {
  right: 31px;
  left: auto;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  border: none;
  background: url(../images/sub/btn_subtab_swiper_prev.svg) no-repeat center center;
  text-indent: -999px;
  overflow: hidden;
}

.sub_s_tabbox .ctrlbox .swiper-button-next {
  right: 0;
  left: auto;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  border: none;
  background: url(../images/sub/btn_subtab_swiper_next.svg) no-repeat center center;
  text-indent: -999px;
  overflow: hidden;
}

.sub_s_tabbox.show_ctrl {
  padding-right: 68px;
}

.sub_s_tabbox.show_ctrl .ctrlbox {
  display: block;
}

.sub_s_tabbox .swiper-slide {
  width: auto;
}

.sub_s_tabbox a {
  display: block;
  color: #a2a2a2;
  font-size: 18px;
  line-height: 42px;
}

.sub_s_tabbox a:hover {
  color: #000;
  text-decoration: underline;
}

.sub_s_tabbox a.active {
  position: relative;
  color: #0070c3;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.sub_s_tabbox a.active::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: #0070c3;
}

.sub_s_tabbox .swiper-slide+.swiper-slide::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 26px;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  border-radius: 2px;
  background: #b2b2b2;
  opacity: 0.5;
}

.sub_s_tabbox .swiper-slide+.swiper-slide a {
  margin-left: 56px;
}

/* content */
/* 2022-03-14 kyj : 디자인 반영 */
.subtit_l {
  display: block;
  margin-top: 30px;
  padding-left: 40px;
  background: url(../images/sub/ico_subtit_l.svg) no-repeat 0 4px;
  color: #0070C3;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  letter-spacing: -0.6px;
}
/* //2022-03-14 kyj : 디자인 반영 */

.subtit_l_con {
  padding: 0 0 0 40px;
}

.subtit_m {
  display: block;
  margin-top: 15px;
  padding-left: 20px;
  background: url(../images/sub/ico_subtit_m.svg) no-repeat 0 9px;
  color: #212121;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  letter-spacing: -0.4px;
}

.subtit_m_con {
  padding: 2px 0 6px 20px;
}

.subtit_s {
  display: block;
  position: relative;
  margin-top: 8px;
  padding-left: 10px;
  color: #201d1d;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.38px;
}

.subtit_s::before {
  content: '-';
  position: absolute;
  top: 0;
  left: 0;
}

.subtit_s_con {
  padding: 0 0 0 10px;
}

.subtit_add-ex {display:block; margin-top:14px; font-weight:400; font-size:18px; line-height:1.5556; letter-spacing:-0.025em; color:#4B4B4B;}

/* table */
.mobile_scroll {
  position: relative;
  overflow: hidden;
  overflow-x: auto;
}

.mobile_minwidth .txt_ex_scroll {
  display: none;
}

/* 세로형 */
.table_data {
  width: 100%;
  margin-top: 40px;
  border: 1px solid #cfd8dc;
  border-top: 2px solid #0e96cf;
}

.table_data thead th {
  padding: 16px;
  border-left: 1px solid #cfd8dc;
  background: #f6fafc;
  color: #212121;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  text-align: center;
}

.table_data tbody td {
  padding: 16px;
  border-top: 1px solid #cfd8dc;
  border-left: 1px solid #cfd8dc;
  color: #212121;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.8px;
  text-align: center;
}

.table_data tbody td.align_left {
  text-align: left;
}

.table_data tr>th:first-child,
.table_data tr>td:first-child {
  border-left: none;
}

.sub_detail_visual {
  position: relative;
  height: 430px;
  margin-top: 50px;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: auto 100%;
}

.sub_detail_visual .txtbox {
  position: absolute;
  top: 166px;
  left: 40px;
}

.sub_detail_visual .txtbox .tit {
  color: #fff;
  font-size: 36px;
  line-height: 52px;
  font-weight: 700;
  letter-spacing: -0.9px;
}

.sub_detail_visual .txtbox .tit_p {
  margin-top: 10px;
  padding: 8px 20px;
  border-radius: 21px;
  background-image: linear-gradient(94deg, #0070c3 10%, #0e96cf 96%);
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: -0.45px;
}

.sub_detail_intro {
  position: relative;
  min-height: 550px;
  padding-left: 520px;
  margin-top: 90px;
}

.sub_detail_intro .imgbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 470px;
  height: 547px;
}
/* 추가 */
.sub_detail_intro .imgbox i {
    position: absolute;
    display: block;
    width: 178px;
    height: 177px;
    top: 43px;
    right: -63px;
    background: url(../../resources/images/sub/bg_box_white_blue.svg) no-repeat 0 0;
}

.sub_detail_intro .txtbox {
  padding-top: 42px;
}

.sub_detail_intro .txtbox .titwrap {
  display: flex;
  align-items: center;
  position: relative;
  height: 177px;
  margin-left: -165px;
  padding-left: 153px;
}

.sub_detail_intro .txtbox .titwrap::before {
  content: '';
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: 173px;
  width: 5px;
  background: #fff;
}

.sub_detail_intro .txtbox .titwrap .tit {
  position: relative;
  color: #212121;
  font-size: 24px;
  line-height: 35px;
  font-weight: 500;
  letter-spacing: -0.6px;
}

.sub_detail_intro .txtbox .tit_p {
  margin-top: 20px;
  color: #212121;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.45px;
}
/* <230901_추가> */
.sub_detail_intro.type02 { padding-left: 0; margin-top: 0;}
.sub_detail_intro.type02 .txtbox{width: 50%; }
.sub_detail_intro.type02 .txtbox .titwrap .tit{text-align: end;}
.sub_detail_intro.type02 .txtbox .tit_p{margin-right: 10px;}
.sub_detail_intro.type02 .txtbox .titwrap{justify-content: end; margin-right: 40px; z-index: 1;}
.sub_detail_intro.type02 .imgbox::before{transform: rotate(180deg);}

.sub_detail_intro.type02{display: flex; flex-direction: row-reverse;}
.sub_detail_intro.type02 .imgbox{position: relative;}
.sub_detail_intro.type02 .imgbox i{position: absolute;  display: block; width: 178px; height: 177px; top: 43px; left: -63px; transform: rotate(180deg); background: url(../../resources/images/sub/bg_box_white_blue.svg) no-repeat 0 0;}
.sub_detail_intro.type02 .imgbox i::before{    content: ''; position: absolute;  bottom: 18px; left: 173px; width: 5px;  height: 141px; background: #fff;transform: translatey(-50%); top: 50%;}


.sub_detail_intro.type02 .imgbox::before, .sub_detail_intro.type02 .txtbox .titwrap::before{display: none;}


.def .sub_detail_intro .imgbox::before{position: absolute; content: ""; display: block; width: 178px; height: 177px; top: 42px; right: -63px;} 

/** responsible **/
.forPc{display:block !important;}
.forMbl,.hidePc{display:none !important;}

@media screen and (max-width:767px){
	.forPc{display:none !important;}
	.forMbl{display:block !important;}
}

.def .list_box .pint_list{margin-top: 0; padding-left: 0; padding-right: 0;}
.def .list_box {margin-top: 20px;}



@media only screen and (min-width: 1025px) {
  .sub_detail_intro{min-height: 680px;}
}

@media only screen and (min-width: 768px) {
  .sub_detail_intro{min-height: 680px;}
 

}
@media only screen and (max-width: 767px) {
 
.sub_detail_intro.type02{display: block;  margin-top: 90px;}  
.sub_detail_intro.type02 .txtbox .titwrap .tit{text-align: center !important;}
.sub_detail_intro .imgbox::before, .sub_detail_intro.type02 .imgbox i, .sub_detail_intro.type02 .imgbox i::before, .sub_detail_intro .txtbox .titwrap::before, .sub_detail_intro .imgbox i{display: none;}
.sub_detail_intro .imgbox img.forMbl{width: 100%;}
.sub_detail_intro.type02 .txtbox{width: 100%; text-align: start;}
.sub_detail_intro.type02 .txtbox .titwrap{margin-right: 0; padding-left: 0; padding-top: 0;}
.sub_detail_intro.type02 .txtbox .tit_p{margin-top: 0;}

}
/* </230901_추가> */

.sub_detail_tit {
  position: relative;
  padding: 0 14px 0 37px;
  background: url(../images/sub/ico_subtit_l.svg) no-repeat 0 5px #fff;
  color: #0070c3;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  letter-spacing: -0.6px;
}

.sub_detail_point {
  position: relative;
  margin-top: 105px;
}

.sub_detail_point .bgimg {
  position: absolute;
  top: -85px;
  right: 25px;
  width: 247px;
  height: 368px;
  background: url(../images/sub/bg_sub02_01_01_01_c.png) no-repeat center center;
  z-index: 1;
}

.sub_detail_point .titbox {
  display: flex;
  position: relative;
}

.sub_detail_point .titbox>* {
  margin-top: 0;
}

.sub_detail_point .titbox::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #0070c3;
}

.pint_list {
  margin-top: 40px;
  padding-left: 37px;
  padding-right: 280px;
}

.pint_list>li {
  position: relative;
  padding-left: 11px;
  color: #212121;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
}

.pint_list>li::before {
  content: '-';
  position: absolute;
  top: 0;
  left: 0;
}

.pint_list>li+li {
  margin-top: 8px;
}

.pint_list>li+li {
  margin-top: 8px;
}

.sub_detail_point .imglist {
  display: flex;
  margin-top: 65px;
}

/* .sub_detail_point .imglist>li {
  flex: 1;
} */

.sub_detail_point .imglist>li img {
  width: 100%;
}

.sub_detail_video {
  margin-top: 50px;
}

/* 2022-03-15 kyj : 유튜브 적용 */
.sub_detail_video .videobox {
  position: relative;
  width: 100%;
  /* padding-bottom: 48%; */
  margin-top: 15px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
/* //2022-03-15 kyj : 유튜브 적용 */

.sub_detail_video .videobox iframe {width:100%; height:480px;}

.sub_detail_video .videobox .btn_play {
  position: absolute;
  top: 0%;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../images/btn_play_white.svg) no-repeat center center;
  background-size: 120px;
  text-indent: -999px;
  overflow: hidden;
}

@media screen and (max-width: 1279px) {
  .sub_visual_titlebox {
    padding-left: 246px;
  }

  #lnb {
    width: 226px;
  }

  #lnb .lnb_list>li>a {
    padding-left: 16px;
    padding-right: 16px;
  }

  #lnb .lnb_list>li>a.on {
    padding-left: 16px;
  }

  #lnb .lnb_list>li>a.in_ul {
    background-position: right 16px center;
  }

  #lnb .lnb_list>li>.lnb_depth>li>a {
    padding-left: 28px;
    padding-right: 12px;
  }

  #lnb .lnb_list>li>.lnb_depth>li>a:before {
    left: 16px;
  }

  .sub_content {
    width: calc(100% - 246px);
  }

  .sub_detail_intro {
    padding-left: 450px;
  }

  .sub_detail_intro .imgbox {
    width: 400px;
    height: 466px;
  }
}

/* 2022-02-17 kyj : 레이아웃 수정 (디자인 반영) */
@media screen and (min-width: 1025px) {
    .sub_visual .visual_title .img_pc {}
    .sub_visual .visual_title .img_t {display:none;}
    .sub_visual .visual_title .img_m {display:none;}
}
/* //2022-02-17 kyj : 레이아웃 수정 (디자인 반영) */

@media screen and (max-width:1024px) {

  /* 공통 */
  .sub_visual .bg_pc {
    display: none;
  }

  .sub_visual .bg_t {
    display: block;
    background-position: 0 center;
  }

  .sub_visual .bg_m {
    display: none;
  }

  .sub_visual_titlebox {
    float: right;
    height: 194px;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .sub_visual .visual_title {
    font-size: 34px;
    line-height: 46px;
    letter-spacing: -0.85px;
  }

  .sub_visual .visual_txt {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.45px;
  }

  #lnb {
    display: none;
  }

  .sub_content {
    width: 100%;
    margin-top: -30px;
  }

  .sub_headbar {
    display: block;
    position: relative;
    z-index: 10;
  }

  .sub_headbar .sub_depth_box {
    position: relative;
  }

  .sub_headbar .sub_depth_box>a {
    display: block;
    position: relative;
    padding: 18px 50px 18px 24px;
    border-radius: 2px;
    background: #0070c3;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    z-index: 2;
  }

  .sub_headbar .sub_depth_box>a.active {
    border-radius: 2px 2px 0 0;
  }

  .sub_headbar .sub_depth_box>a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 24px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: url(../images/sub/ico_depth_select_arrow.svg) no-repeat center center;
    background-size: 100%;
  }

  .sub_headbar .sub_depth_box>.sub_depth {
    display: none;
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
    padding-top: 60px;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
    overflow: hidden;
  }

  .sub_headbar .sub_depth_box>.sub_depth>li+li {
    border-top: 1px solid #e0e0e0;
  }

  .sub_headbar .sub_depth_box>.sub_depth>li>a {
    display: block;
    position: relative;
    padding: 20px 24px 20px 37px;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: -0.75px;
  }

  .sub_headbar .sub_depth_box>.sub_depth>li>a::before {
    content: '';
    position: absolute;
    top: 29px;
    left: 24px;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: #000;
  }

  .sub_headbar .sub_depth_box>.sub_depth>li>a:hover {
    background-color: #004f8a;
    color: #fff;
  }

  .sub_headbar .sub_depth_box>.sub_depth>li>a:hover::before {
    background: #fff;
  }

  .sub_headbar .sub_depth_box>a.active:after {
    transform: rotate(180deg);
  }

  .sub_headbar .sub_depth_box>a.active+.sub_depth {
    display: block;
  }

  .sub_con_head {
    margin-top: 45px;
    padding-bottom: 20px;
  }

  .sub_con_head .right_btns {
    margin-left: 32px;
  }


  .sub_cont {
    padding: 20px 0 82px;
  }

  /* 서브탭 */
  .sub_tabbox {
    position: relative;
    height: 60px;
  }

  .sub_tabbox>ul {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    max-height: 60px;
    border: none;
    border-radius: 0;
    overflow: hidden;
    transition: max-height 0s cubic-bezier(0, 1, 0, 1);
  }

  .sub_tabbox>ul.open {
    max-height: 500px;
    z-index: 11;
    transition: max-height 0s ease-in-out;
  }

  .sub_tabbox>ul>li {
    flex: auto;
    order: 2;
    width: 100% !important;
    padding: 0;
    border: 1px solid #c1d1dc;
    border-top: none;
    overflow: hidden;
  }

  .sub_tabbox>ul>li.fuze{
	display:block;
  }
  .sub_tabbox>ul>li>a {
    position: relative;
    padding: 0 5px;
    background: #fff;
    font-size: 14px;
    line-height: 60px;
  }

  .sub_tabbox>ul>li.active {
    order: 1;
    border: none;
  }

  .sub_tabbox>ul>li.active>a {
    border-radius: 2px;
  }

  .sub_tabbox>ul>li.active>a:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url(../images/sub/ico_sub_select_arrow.svg) no-repeat center center;
    background-size: 100%;
  }

  .sub_tabbox>ul>li.active>a:hover {
    text-decoration: none;
  }

  .sub_tabbox>ul.open>li:last-child {
    border-radius: 0 0 2px 2px;
  }

  .sub_tabbox>ul.open>li.active>a {
    border-radius: 2px 2px 0 0;
  }

  .sub_tabbox>ul.open>li.active>a:before {
    transform: rotate(180deg);
  }

  /* content */
  /* 2022-03-14 kyj : 디자인 반영 */
  .subtit_l {
      background-position-y: 0;
    background-size: auto 24px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.4px;
  }
  /* //2022-03-14 kyj : 디자인 반영 */

  .subtit_m {
    background-position: 0 7px;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -0.35px;
  }

  .subtit_s {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.32px;
  }

  .subtit_add-ex {font-size:15px;}

  /* table */
  .table_data thead th {
    padding: 14px;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.35px;
  }

  .table_data tbody th,
  .table_data tbody td {
    padding: 14px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.35px;
  }

}

/* 2022-02-17 kyj : 레이아웃 수정 (디자인 반영) */
@media screen and (min-width:768px) and (max-width: 1024px) {
    .sub_visual .visual_title .img_pc {display:none;}
    .sub_visual .visual_title .img_t {}
    .sub_visual .visual_title .img_m {display:none;}
}
/* //2022-02-17 kyj : 레이아웃 수정 (디자인 반영) */

@media screen and (max-width:767px) {

  /* 공통 */
  .sub_visual .bg_pc {
    display: none;
  }

  .sub_visual .bg_t {
    display: none;
  }

  .sub_visual .bg_m {
    display: block;
  }

  .sub_visual_titlebox {
    float: none;
    height: 197px;
    padding-bottom: 10px;
  }

  .sub_visual .visual_title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.6px;
  }

  /* 2022-02-17 kyj : 레이아웃 수정 (디자인 반영) */
  .sub_visual .visual_title .img_pc {display:none;}
  .sub_visual .visual_title .img_t {display:none;}
  .sub_visual .visual_title .img_m {}
  /* //2022-02-17 kyj : 레이아웃 수정 (디자인 반영) */

  .sub_visual .visual_txt {
    margin-top: 0;
  }

  .sub_headbar .sub_depth_box>a {
    padding-left: 15px;
  }

  .sub_headbar .sub_depth_box>a:after {
    right: 15px;
  }

  .sub_headbar .sub_depth_box>.sub_depth>li>a {
    padding-left: 28px;
  }

  .sub_headbar .sub_depth_box>.sub_depth>li>a::before {
    left: 15px;
  }

  .sub_con_head {
    padding-top: 45px;
    padding-bottom: 15px;
  }

  .sub_con_head .title {
    font-size: 24px;
    line-height: 40px;
    letter-spacing: -0.6px;
  }

  .sub_con_head .location {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.3px;
  }

  .sub_con_head .location>li+li {
    padding-left: 14px;
    margin-left: 8px;
  }

  .share_box {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }

  .share_box>.tit {
    text-align: left;
  }

  .sub_con_head .right_btns>li>.ico {
    width: 40px;
    height: 40px;
  }
  .sub_con_head .right_btns>li.print{
  	display:none;
  }

  .sub_cont {
    padding: 15px 0 64px;
  }

  /* 서브탭 */
  .sub_tabbox {
    height: 40px;
    margin-bottom:30px;
  }

  .sub_tabbox>ul {
    max-height: 40px;
  }

  .sub_tabbox>ul.open {
    max-height: 500px;
  }

  .sub_tabbox>ul>li>a {
    line-height: 40px;
  }

  .sub_s_tabbox a {
    font-size: 16px;
    letter-spacing: -0.4px;
  }

  .sub_s_tabbox a.active {
    font-size: 16px;
    letter-spacing: -0.4px;
  }

  .sub_s_tabbox .swiper-slide+.swiper-slide a {
    margin-left: 36px;
  }

  .sub_s_tabbox .swiper-slide+.swiper-slide::before {
    left: 16px;
  }


  /* content */
  .subtit_l_con {
    padding-left: 0;
  }

  /* .subtit_m_con {
    padding-left: 0;
  }

  .subtit_s_con {
    padding-left: 0;
  } */

  .mobile_minwidth {
    min-width: 739px;
    /* 767px - 28px */
  }

  .mobile_minwidth .txt_ex_scroll {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/sub/bg_ex_scroll.svg) no-repeat center 45px;
    background-size: 48px;
    text-indent: -999px;
    overflow: hidden;
    z-index: 5;
  }

  .m_full {
    width: 100%;
  }

  .sub_detail_visual {
    height: 312px;
    margin-top: 30px;
  }

  .sub_detail_visual .txtbox {
    top: 120px;
    left: 20px;
}

  .sub_detail_visual .txtbox .tit {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: -0.6px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  }

  .sub_detail_visual .txtbox .tit_p {
    padding: 6px 14px;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.4px;
  }

  .sub_detail_intro {
    margin-top: 40px;
    padding-left: 0;
  }

  .sub_detail_intro .imgbox {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 116.3%;
  }

  .sub_detail_intro .txtbox {
    padding-top: 25px;
  }

  .sub_detail_intro .txtbox .titwrap {
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
    background: none;
  }

  .sub_detail_intro .txtbox .titwrap::before {
    display: none;
  }

  .sub_detail_intro .txtbox .titwrap .tit {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.5px;
  }

  .sub_detail_intro .txtbox .tit_p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.4px;
  }

  .sub_detail_point {
    margin-top: 50px;
  }

  .sub_detail_point .bgimg {
    display: none;
  }

  .sub_detail_point .titbox {
    display: block;
  }

  .sub_detail_point .titbox::before {
    display: none;
  }

  .sub_detail_tit {
    background-position: 0 0;
    font-size: 20px;
    line-height: 26px;
  }

  .sub_detail_point .pint_list {
    margin-top: 12px;
    padding: 0 0 0 26px;
  }

  .sub_detail_point .pint_list>li {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.35px;
  }

  .sub_detail_point .imglist {
    flex-wrap: wrap;
    margin-top: 20px;
  }

  .sub_detail_point .imglist>li {
    flex: auto;
    width: 50%;
  }

  .sub_detail_video {
    margin-top: 50px;
  }

  .sub_detail_video .videobox iframe {height:30vh;}

  .sub_detail_video .videobox .btn_play {
    background-size: 64px;
  }

}


@media print {

  header,
  .sub_visual,
  #lnb,
  .sub_headbar,
  .sub_con_head .rightbox,
  footer {
    display: none;
  }

  .sub_content {
    width: 100%;
  }

  #container {
    padding-top: 0;
  }

  * {
    -webkit-print-color-adjust: exact;
  }
}

/* 준비중 페이지 */
.preparing {}
.preparing .msg-box {padding:50px 20px; padding-bottom:51px; border:1px solid #E3E5E7; background-color:#F6FAFC; text-align:center; word-wrap:break-word; word-break:keep-all;}
.preparing .msg-box .img {margin-bottom:50px;}
.preparing .msg-box .img img {vertical-align:top; max-width:100%;}
.preparing .msg-box .txt {}
.preparing .msg-box .txt h4 {margin-bottom:29px; font-weight:700; font-size:34px; line-height:1.4412; letter-spacing:-0.05em; color:#424242;}
.preparing .msg-box .txt h4 span {color:#0E96CF;}
.preparing .msg-box .txt p {font-weight:400; font-size:16px; line-height:1.75; letter-spacing:-0.05em; color:#000;}
/* //준비중 페이지 */

/* 작성폼 & 동의 */
.write-form {}
.write-form > h4 {margin-bottom:13px; font-weight:700; font-size:18px; line-height:1.4444; letter-spacing:-0.025em; color:#424242;}
.write-form > h4 ~ h4 {margin-top:40px;}
.write-form > div {}
.write-form .tbl-wrap {}
.write-form .terms-wrap {}
.write-form .btn-wrap {margin:0 auto; margin-top:60px; text-align:center; font-size:0;}
.write-form .btn-wrap .btn {display:inline-block; vertical-align:middle;}
.write-form .btn-wrap .submit-btn {width:140px; height:56px; padding:15px; border-radius:2px; background-color:#0E96CF; text-align:center; font-weight:500; font-size:18px; line-height:1.4444; letter-spacing:0; color:#fff;}

.write-form .tbl .form-controls.type-email3 {max-width:596px;}
.write-form .tbl td > .input {width:100%;}

.terms-wrap {word-wrap:break-word; word-break:keep-all;}
.terms-wrap > p {font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#212121;}
.terms-wrap .terms-wrap-inr + p {margin-top:12px;}
.terms-wrap .terms-wrap-inr {padding:24px; background-color:#F5F5F5;}
.terms-wrap .terms {}
.terms-wrap .terms + .terms {}
.terms-wrap .terms::after {content:""; display:block; clear:both;}
.terms-wrap .terms .desc {}
.terms-wrap .terms .desc .input {white-space:pre-line;}
.terms-wrap .terms .desc .input[readonly] {padding:31px 23px; border:1px solid #BDBDBD; background-color:#fff; color:#616161; height: 244px;}
.terms-wrap .terms .desc .input[readonly="readonly"] {padding:31px 23px; border:1px solid #BDBDBD; background-color:#fff; color:#616161;}
.terms-wrap .terms .check {float:right; margin-top:12px;}

.asterisk {padding-left:0.4429em; text-indent:-0.4429em;}
.asterisk::before {content:"*";}

@media only screen and (max-width: 1279px){
    .write-form .tbl .form-controls.type-captcha .input {width:calc(100% - 73px); margin-top:15px;}
    .write-form .tbl .form-controls.type-captcha .input + .btn {margin-top:15px;}
}

@media only screen and (max-width: 1024px) {
    .write-form .tbl {display:block;}
    .write-form .tbl colgroup {display:none;}
    .write-form .tbl tbody {display:block;}
    .write-form .tbl tr {display:block;}
    .write-form .tbl th {display:block;}
    .write-form .tbl td {display:block;}

    .write-form .tbl.st02 th {border-right:none; border-left:none;}
    .write-form .tbl.st02 td {border-right:none; border-left:none;}
    .write-form .tbl.st02 tbody th {border-bottom:none;}
    .write-form .tbl.st02 tbody tr:last-child th,
    .write-form .tbl.st02 tbody .last-row {border-bottom:none;}
    .write-form .tbl.st02.row-only tbody tr:first-child td {border-top:none;}

    .write-form .tbl .form-controls.type-email3 {max-width:none;}
    .write-form .tbl td > .select {width:100%;}
    .write-form .tbl td > .input {width:100%;}
}

@media only screen and (max-width: 767px) {
    .write-form .tbl .form-controls.type-email3 .input {width:calc((100% - 25px)/2);}
    .write-form .tbl .form-controls.type-email3 .select {width:100%; margin-top:15px; margin-left:0;}

    .write-form .tbl .form-controls.type-captcha > * {margin-bottom:15px;}
    .write-form .tbl .form-controls.type-captcha .input {margin-top:0; margin-bottom:0;}
    .write-form .tbl .form-controls.type-captcha .input + .btn {margin-top:0; margin-bottom:0;}
}
/* //작성폼 & 동의 */

/* KDI연혁 (01_01_00_00) */
.history {}
.history .top-msg-box {position:relative; overflow:hidden; padding:37px; padding-bottom:39px; background-color:#0070C3; word-wrap:break-word; word-break:keep-all; text-align:center;}
.history .top-msg-box::before {content:""; position:absolute; top:-47px; left:-29px; width:176px; height:127px; background:url(../images/sub/history_top-msg-box_bg.png) no-repeat 0 0/cover;}
.history .top-msg-box::after {content:""; position:absolute; top:-26px; right:-22px; width:254px; height:275px; background:url(../images/sub/history_top-msg-box_bg2.png) no-repeat 0 0/cover;}
.history .top-msg-box p {position:relative; z-index:1; font-weight:400; font-size:22px; line-height:1.4545; letter-spacing:-0.025em; color:#fff;}
.history .top-msg-box p b {font-weight:700;}

.history .view {position:relative; overflow:auto; padding-top:50px;}
.history .view::before {content:""; position:absolute; top:141px; bottom:60px; border-left:1px solid #E0E0E0;}
.history .year-sec {position:relative; z-index:1;}
.history .year-sec .year {display:block; width:164px; height:55px; padding:3px; padding-bottom:4px; margin:0 auto; margin-bottom:20px; border:2px solid #E0E0E0; border-radius:43px; background:#0070C3 linear-gradient(120deg, #0070C3, #0E96CF); box-shadow:0 0 10px 0 rgba(0,0,0,0.1); text-align:center; font-weight:700; font-size:30px; line-height:1.4667; letter-spacing:-0.025em; color:#fff;}
.history .history-list {}
.history .history-list::after {content:""; display:block; clear:both;}
.history .history-list > li {margin-bottom:60px;}
.history .history-list > li > a {display:inline-block; vertical-align:top; padding:9px 11px; margin-top:31px; border:1px solid #E0E0E0; border-radius:20px; background-color:#fff; text-align:center; font-size:0;}
.history .history-list > li > a::after {content:""; display:block; clear:both;}
.history .history-list > li > a > i {display:inline-block; vertical-align:top; border-radius:50%; background-color:#0E96CF; font-size:20px; line-height:1; color:#fff;}
.history .history-list > li > a > span {display:inline-block; vertical-align:top; font-weight:700; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#0E96CF;}
.history .event-list {clear:both;}
.history .event-list dt {position:relative; margin-bottom:16px; font-weight:700; font-size:22px; line-height:1.4545; letter-spacing:-0.025em; color:#0E96CF;}
.history .event-list dt::before {content:""; position:absolute; top:0.4545em; width:12px; height:12px; border-radius:2px; background-color:#0E96CF;}
.history .event-list dd {position:relative; padding-left:0.7778em; text-indent:-0.7778em; font-weight:400; font-size:18px; line-height:1.4444; letter-spacing:-0.025em; color:#212121;}
.history .event-list dd + dd {margin-top:1px;}
.history .event-list dd::before {content:"-"; margin-right:0.4444em;}
.history .photo-pop {display:none; vertical-align:top; position:relative; padding:29px; padding-top:15px; margin-top:31px; border:1px solid #E0E0E0; border-radius:2px; background-color:#fff; text-align:left;}
.history .photo-pop > a {position:absolute; top:17px; right:29px; width:1em; height:1em; border-radius:50%; background-color:#0E96CF; font-size:24px; line-height:1; color:#fff;}
.history .photo-pop > a > i {}
.history .photo-list {}
.history .photo-list dt {margin-bottom:16px; font-weight:700; font-size:18px; line-height:1.4444; letter-spacing:-0.025em; color:#004F8A;}
.history .photo-list dt ~ dt {margin-top:20px;}
.history .photo-list dd {text-align:center;}
.history .photo-list dd img {vertical-align:top; max-width:100%; border-radius:2px;}

.history .history-list > li.open > a {display:none;}
.history .history-list > li.open .photo-pop {display:inline-block;}

@media only screen and (min-width: 1025px) {
    .history .view {background:url(../images/sub/history_view_bg.png) repeat-y center top/100% auto;}
    .history .view::before {left:50%;}
    .history .history-list > li {width:50%;}
    .history .history-list > li:nth-child(odd) {float:right; padding-left:20px; text-align:left;}
    .history .history-list > li:nth-child(odd) > a {padding-left:20px; margin-left:-20px; border-radius:0 20px 20px 0;}
    .history .history-list > li:nth-child(odd) > a > i {margin-left:8px;}
    .history .history-list > li:nth-child(odd) > a > span {float:left;}
    .history .history-list > li:nth-child(odd) .event-list dt::before {left:-26px;}
    .history .history-list > li:nth-child(even) {float:left; padding-right:20px; margin-left:1px; text-align:right;}
    .history .history-list > li:nth-child(even) > a {padding-right:20px; margin-right:-20px; border-radius:20px 0 0 20px;}
    .history .history-list > li:nth-child(even) > a > i {float:left;}
    .history .history-list > li:nth-child(even) > a > span {margin-left:8px;}
    .history .history-list > li:nth-child(even) .event-list dt::before {right:-25px;}
}
@media only screen and (max-width: 1024px) {
    .history .top-msg-box::before,
    .history .top-msg-box::after {opacity:0.5;}
    .history .top-msg-box p br {display:none;}

    .history .view {padding-left:6px;}
    .history .view::before {left:6px;}
    .history .history-list > li {width:100%; padding-left:20px; margin-top:0 !important; text-align:left;}
    .history .history-list > li > a {padding-left:20px; margin-left:-20px; border-radius:0 20px 20px 0;}
    .history .history-list > li > a > i {margin-left:8px;}
    .history .event-list dt::before {left:-26px;}
}
/* //KDI연혁 (01_01_00_00) */

/* CEO인사말 (01_02_00_00) */
.ceo-greeting {}
.ceo-greeting .top-visual {display:table; /*table-layout:fixed;*/ position:relative; width:100%; height:280px; margin-bottom:112px; background:url(../images/sub/ceo-greeting_top-visual_bg.png) no-repeat center center/auto 100%;}
.ceo-greeting .top-visual .desc {display:table-cell; vertical-align:middle; padding:37px;}
.ceo-greeting .top-visual .desc .txt-img {vertical-align:top; max-width:100%;}
.ceo-greeting .top-visual .ceo {position:absolute; right:42px; bottom:-88px; text-align:center;}
.ceo-greeting .top-visual .ceo img {vertical-align:top; max-width:100%; margin-bottom:13px;}
.ceo-greeting .top-visual .ceo span {display:block; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#0070C3;}
.ceo-greeting .top-visual .ceo span b {font-weight:700;}
.ceo-greeting .message {padding-bottom:68px; border-bottom:1px solid #C6EAFF; background:url(../images/sub/ceo-greeting_message_bg.png) no-repeat right bottom; word-wrap:break-word; word-break:keep-all;}
.ceo-greeting .message p {font-weight:400; font-size:18px; line-height:1.4444; letter-spacing:-0.025em; color:#212121;}
.ceo-greeting .message p b {font-weight:700;}
.ceo-greeting .message p .color {color:#0070C3;}
.ceo-greeting .message p br {}

@media only screen and (max-width: 767px) {
    .ceo-greeting .top-visual {height:255px; margin-bottom:156px;}
    .ceo-greeting .top-visual .desc {padding:15px;}
    .ceo-greeting .top-visual .desc .txt-img {width:400px;}
    .ceo-greeting .top-visual .ceo {right:0; bottom:-114px; /*width:130px;*/}
    .ceo-greeting .top-visual .ceo img {width:130px;}
    /* .ceo-greeting .top-visual .ceo span {font-weight:400; font-size:12px; line-height:1.4167; letter-spacing:-0.025em; color:#0070C3;} */
    .ceo-greeting .message p .m-hide {display:none;}
}
/* //CEO인사말 (01_02_00_00) */

/* 사업장소개 (01_03_00_00) */
.business-introduction {}
.business-introduction .subtit_l_con {padding-left:0;}
.business-introduction .map-area {position:relative; overflow:hidden; margin-top:14px; background-color:#F6FAFC;}
.business-introduction .map-area .map-img-list {}
.business-introduction .map-area .map-img-list > li {display:none;}
.business-introduction .map-area .map-img-list > li > img {max-width:100%;}
.business-introduction .map-area .map-tag-list {width:350px; max-width:100%;}
.business-introduction .map-area .map-tag-list > li {}
.business-introduction .map-area .map-tag-list > li + li {margin-top:20px;}
.business-introduction .map-area .map-tag-list dl {padding:9px 12px; border-radius:20px; background-color:#0E96CF; font-size:0;}
.business-introduction .map-area .map-tag-list dl dt {display:inline-block; vertical-align:middle;}
.business-introduction .map-area .map-tag-list dl dt::after {content:""; display:inline-block; vertical-align:middle; height:18px; margin:0 13px 0 11px; border-left:1px solid #F6FAFC;}
.business-introduction .map-area .map-tag-list dl dt i {display:inline-block; vertical-align:middle; font-size:18px; line-height:1; color:#fff;}
.business-introduction .map-area .map-tag-list dl dt span {display:inline-block; vertical-align:middle; width:68px; font-weight:500; font-size:15px; line-height:1.4667; letter-spacing:-0.025em; color:#fff;}
.business-introduction .map-area .map-tag-list dl dt i + span,
.business-introduction .map-area .map-tag-list dl dt span + i {margin-left:5px;}
.business-introduction .map-area .map-tag-list dl dd {display:inline-block; vertical-align:middle; font-weight:400; font-size:15px; line-height:1.4667; letter-spacing:-0.05em; color:#fff;}
.business-introduction .info-area {position:relative;}
.business-introduction .info-area .info-btn-list {border:2px solid #0070C3; border-radius:10px 10px 0 0; background-color:#0070C3; box-shadow:0 5px 10px 0 rgba(0,0,0,0.2);}
.business-introduction .info-area .info-btn-list > li {}
.business-introduction .info-area .info-btn-list > li + li::before {content:""; display:block; opacity:0.3; margin-right:10px; margin-left:12px; border-top:1px solid #fff;}
.business-introduction .info-area .info-btn-list > li > a {display:block; position:relative; padding:17px 23px;}
.business-introduction .info-area .info-btn-list > li:first-child > a {border-radius:8px 8px 0 0;}
.business-introduction .info-area .info-btn-list > li > a > span {font-weight:500; font-size:18px; line-height:1.5; letter-spacing:-0.025em; color:#fff;}
.business-introduction .info-area .info-btn-list > li > a > i {display:none;}
.business-introduction .info-area .info-desc-list {}
.business-introduction .info-area .info-desc-list > li {display:none;}
.business-introduction .info-area .info-desc-list dl {font-size:0;}
.business-introduction .info-area .info-desc-list dl dt {display:inline-block; vertical-align:middle; margin-right:16px; margin-bottom:20px;}
.business-introduction .info-area .info-desc-list dl dt i {display:inline-block; vertical-align:middle; font-size:20px; line-height:1; color:#0070C3;}
.business-introduction .info-area .info-desc-list dl dt span {}
.business-introduction .info-area .info-desc-list dl dd {display:inline-block; vertical-align:middle; width:calc(100% - 36px); margin-bottom:20px; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#101010;}

.business-introduction .map-area .map-img-list > li.on {display:block;}
.business-introduction .info-area .info-btn-list > li.on > a {background-color:#F6FAFC;}
.business-introduction .info-area .info-btn-list > li.on > a > span {font-weight:700; color:#0070C3;}
.business-introduction .info-area .info-btn-list > li.on > a > i {display:block; position:absolute; top:50%; right:23px; width:24px; height:24px; margin-top:-12px; border:1px solid transparent; border-radius:50%; background-color:#0070C3; text-align:center; font-size:22px; line-height:1; color:#fff;}
.business-introduction .info-area .info-desc-list > li.on {display:block;}

@media only screen and (min-width: 1280px){
    .business-introduction .map-area .map-img-list {margin-bottom:24px; margin-left:21px;}
    .business-introduction .map-area .map-tag-list {position:absolute; top:0; right:60px; bottom:0; height:280px; margin:auto;}
}

@media only screen and (max-width: 1279px){
    .business-introduction .map-area {padding:0 6px 60px 6px;}
    .business-introduction .map-area .map-img-list {text-align:center;}
    .business-introduction .map-area .map-tag-list {margin:0 auto; margin-top:28px;}
}

@media only screen and (min-width: 1025px) {
    .business-introduction .info-area {margin-top:3px; border:2px solid #0E96CF; border-radius:2px 2px 0 0; background:#fff url(../images/sub/biz-intro_info-desc_bg.png) no-repeat right 16px bottom 26px;}
    .business-introduction .info-area .info-btn-list {position:absolute; bottom:-2px; left:-2px; width:235px;}
    .business-introduction .info-area .info-desc-list {padding:49px 25px 72px 25px; margin-left:233px;}
}

@media only screen and (max-width: 1024px) {
    .business-introduction .info-area {margin-top:60px;}
    .business-introduction .info-area .info-btn-list {}
    .business-introduction .info-area .info-btn-list > li > a > i {transform:rotate(90deg);}
    .business-introduction .info-area .info-desc-list {padding:58px 23px 39px 23px; margin-top:-2px; border:2px solid #0E96CF; border-radius:2px 2px 0 0; background:#fff url(../images/sub/biz-intro_info-desc_bg.png) no-repeat right 16px bottom 15px/118px auto;}
}
/* //사업장소개 (01_03_00_00) */

/* 윤리경영 (03_01_00_01 ~ 03_01_00_05) */
.ethical-management {}
.ethical-management .manage-list {counter-reset:manageListCnt; margin-top:50px;}
.ethical-management .manage-list > li {counter-increment:manageListCnt; position:relative; padding-top:2px; padding-left:27px;}
.ethical-management .manage-list > li + li {margin-top:8px;}
.ethical-management .manage-list > li::before {content:""; position:absolute; top:10px; left:0; width:16px; height:16px; border-radius:50%; background-color:#D3EAFB;}
.ethical-management .manage-list > li > span {display:inline-block; vertical-align:top;}
.ethical-management .manage-list > li > .num {position:absolute; top:0; left:0; width:27px; padding-right:8px; text-align:right; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#004F8A;}
.ethical-management .manage-list > li > .num::before {content:counter(manageListCnt) ".";}
.ethical-management .manage-list > li > .txt {font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#212121;}

.ethical-management .manage-list > li:focus {outline:none;}
.ethical-management .manage-list > li:hover > .txt,
.ethical-management .manage-list > li:focus > .txt {text-decoration:underline; color:#004F8A;}
/* //윤리경영 (03_01_00_01 ~ 03_01_00_05) */

/* 핵심역량 (03_02_00_00) */
.core-competencies {}
.core-competencies .subtit_l_con {padding-left:0;}
.core-competencies .subtit_add-ex b {font-weight:700; color:#004F8A;}

.core-competencies .rnd-list {margin-top:32px;}
.core-competencies .rnd-list > li {position:relative;}
.core-competencies .rnd-list > li + li::before {content:"";}
.core-competencies .rnd-list dl {word-wrap:break-word; word-break:keep-all; text-align:center;}
.core-competencies .rnd-list dl dt {}
.core-competencies .rnd-list dl dt img {max-width:100%;}
.core-competencies .rnd-list dl dd {margin-top:17px; font-weight:400; font-size:16px; line-height:1.75; letter-spacing:-0.025em; color:#212121;}

.core-competencies .rnd-list .rnd01 {}
.core-competencies .rnd-list .rnd02 {}
.core-competencies .rnd-list .rnd03 {}

.core-competencies .defense-solution {margin-top:75px;}
.core-competencies .defense-solution .top-msg-box {padding:37px; background:url(../images/sub/core-compet_def-solut_top-msg-box_bg.png) no-repeat center center/cover; word-wrap:break-word; word-break:keep-all; text-align:center; font-weight:400; font-size:22px; line-height:1.5; letter-spacing:-0.025em; color:#fff;}
.core-competencies .defense-solution .top-msg-box b {font-weight:700;}
.core-competencies .defense-solution .solution-info {padding:64px 0; margin-top:20px; background:url(../images/sub/core-compet_def-solut_solution-list_bg.png) no-repeat center center;}
.core-competencies .defense-solution .solution-info::after {content:""; display:block; clear:both;}
.core-competencies .defense-solution .solution-info .left {}
.core-competencies .defense-solution .solution-info .right {}
.core-competencies .defense-solution .solution-info-list {}
.core-competencies .defense-solution .solution-info-list > li {}
.core-competencies .defense-solution .solution-info-list dl {word-wrap:break-word; word-break:keep-all;}
.core-competencies .defense-solution .solution-info-list dl dt {display:block; padding:10px; padding-top:12px; border-radius:10px 10px 0 0; background:#0070C3 linear-gradient(110deg, #0070C3, #0E96CF); text-align:center; font-weight:700; font-size:18px; line-height:1.5; letter-spacing:-0.025em; color:#fff;}
.core-competencies .defense-solution .solution-info-list dl dd {display:table; table-layout:fixed; width:100%; height:144px; padding:14px 23px; border:1px solid #E0E0E0; border-radius:0 0 10px 10px; background-color:#fff;}
.core-competencies .defense-solution .solution-info-list dl dd ul {display:table-cell; vertical-align:middle;}
.core-competencies .defense-solution .solution-info-list dl dd ul li {position:relative; padding-left:14px; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#212121;}
.core-competencies .defense-solution .solution-info-list dl dd ul li::before {content:""; position:absolute; top:0.5625em; left:0; width:6px; height:6px; border-radius:50%; background-color:#E0E0E0;}
.core-competencies .defense-solution .solution-info-list dl dd ul li + li {margin-top:6px;}

.core-competencies .certification-status {overflow:hidden;}
.core-competencies .certification-list {}
.core-competencies .certification-list > li {}
.core-competencies .certification-list dl {word-wrap:break-word; word-break:keep-all; text-align:center;}
.core-competencies .certification-list dl dt {display:block; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#212121;}
.core-competencies .certification-list dl dd {display:block; margin-bottom:22px;}
.core-competencies .certification-list dl dd img {max-width:100%;}

.core-competencies .certification-list .certification01 {}
.core-competencies .certification-list .certification02 {}
.core-competencies .certification-list .certification03 {}

@media only screen and (min-width: 768px) {
    .core-competencies .rnd-list {display:table; table-layout:fixed; width:100%; margin-top:51px;}
    .core-competencies .rnd-list > li {display:table-cell; vertical-align:top; padding:0 30px;}
    .core-competencies .rnd-list > li + li::before {position:absolute; top:50%; left:0; height:120px; margin-top:-60px; border-left:1px dashed #0E96CF;}
    .core-competencies .defense-solution .solution-info .left {float:left; width:280px;}
    .core-competencies .defense-solution .solution-info .right {float:right; width:280px;}
    .core-competencies .defense-solution .solution-info-list > li + li {margin-top:60px;}
    .core-competencies .certification-status {margin:0 -38px; margin-top:47px;}
    .core-competencies .certification-list {display:table; border-spacing:38px 0; width:100%;}
    .core-competencies .certification-list > li {display:table-cell; vertical-align:top;}
}

@media only screen and (max-width: 767px) {
    .core-competencies .rnd-list > li + li::before {display:block; width:120px; margin:58px auto 64px auto; border-top:1px dashed #0E96CF;}
    .core-competencies .rnd-list dl dd {max-width:300px; margin:0 auto; margin-top:24px;}
    .core-competencies .defense-solution .top-msg-box br {display:none;}
    .core-competencies .defense-solution .solution-info {padding:0; margin-top:60px; background:none;}
    .core-competencies .defense-solution .solution-info-list > li + li {margin-top:40px;}
    .core-competencies .certification-status {margin-top:47px;}
    .core-competencies .certification-list > li + li {margin-top:60px;}
    .core-competencies .certification-list dl dd {margin-bottom:28px;}
}
/* //핵심역량 (03_02_00_00) */

/* 인사제도 (04_01_00_01 ~ 04_01_00_04) */
.personnel-system {}
.personnel-system .subtit_l_con {padding-left:0;}

.personnel-system .info-keyword {margin-top:51px; word-wrap:break-word; word-break:keep-all; text-align:center;}
.personnel-system .info-keyword .word {display:inline-block; padding:15px 27px; border-radius:43px; box-shadow:0 0 10px 0 rgba(0,0,0,0.1); font-weight:500; font-size:20px; line-height:1.45; letter-spacing:-0.025em; color:#fff;}
.personnel-system .info-keyword .quotes {margin-top:2px;}
.personnel-system .info-keyword .quotes p {display:inline-block; position:relative; padding:22px 34px 21px 34px; font-weight:400; font-size:20px; line-height:1.45; letter-spacing:-0.025em; color:#212121;}
.personnel-system .info-keyword .quotes p::before {content:"“"; position:absolute; top:0; left:0; font-weight:700; font-size:50px; line-height:1.44; letter-spacing:-0.025em; color:#E0E0E0;}
.personnel-system .info-keyword .quotes p::after {content:"”"; position:absolute; right:0; bottom:0; font-weight:700; font-size:50px; line-height:1.44; letter-spacing:-0.025em; color:#E0E0E0;}
.personnel-system .info-keyword .quotes p b {font-weight:700;}
.personnel-system .info-keyword .quotes p .color {color:#0070C3;}
.personnel-system .info-keyword .graphic {margin-top:40px;}
.personnel-system .info-keyword .graphic img {vertical-align:top; max-width:100%;}
.personnel-system .info-keyword .keyword-list {margin:0 -14px; margin-top:70px; font-size:0;}
.personnel-system .info-keyword .keyword-list > li {display:inline-block; vertical-align:top; width:33.3333%; padding:0 14px;}
.personnel-system .info-keyword .keyword-list dl {padding:19px; border:1px solid #E0E0E0; border-radius:10px; background-color:#fff;}
.personnel-system .info-keyword .keyword-list dl dt {margin-bottom:15px; font-weight:700; font-size:24px; line-height:1.4583; letter-spacing:-0.025em; color:#212121;}
.personnel-system .info-keyword .keyword-list dl dt small {display:block; margin-top:8px; text-transform:uppercase; font-weight:700; font-size:14px; line-height:1.4286; letter-spacing:-0.025em;}
.personnel-system .info-keyword .keyword-list dl dd {font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#212121;}

.personnel-system .info-keyword.talent .word {background:#0070C3 linear-gradient(120deg, #0070C3, #0E96CF);}
.personnel-system .info-keyword.talent .keyword-list > li.keyword01 dl dt small {color:#004F8A;}
.personnel-system .info-keyword.talent .keyword-list > li.keyword02 dl dt small {color:#0070C3;}
.personnel-system .info-keyword.talent .keyword-list > li.keyword03 dl dt small {color:#0E96CF;}

.personnel-system .info-keyword.culture .word {background:#0070C3 linear-gradient(120deg, #0070C3, #0E96CF);}
.personnel-system .info-keyword.culture .keyword-list > li.keyword01 dl dt small {color:#004F8A;}
.personnel-system .info-keyword.culture .keyword-list > li.keyword02 dl dt small {color:#0070C3;}
.personnel-system .info-keyword.culture .keyword-list > li.keyword03 dl dt small {color:#0E96CF;}

.personnel-system .info-card {margin-top:51px; word-wrap:break-word; word-break:keep-all;}
.personnel-system .info-card .card-list {margin:0 -10px; font-size:0;}
.personnel-system .info-card .card-list > li {display:inline-block; vertical-align:top; width:33.3333%; padding:0 10px;}
/* .personnel-system .info-card .card-list > li:nth-child(n+4) {margin-top:25px;} */
.personnel-system .info-card .card-list .item {display:table; position:relative; width:100%; height:110px; padding:23px; border:1px solid #E0E0E0; border-radius:2px; background-color:#fff;}
.personnel-system .info-card .card-list .item p {display:table-cell; vertical-align:middle; padding-right:100px; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#212121;}
.personnel-system .info-card .card-list .item ul{position: absolute; left: 108px;display: block;}
.personnel-system .info-card .card-list .item ul li{font-size: 13px;display: block;}
.personnel-system .info-card .card-list .item img {position:absolute; top:50%; right:23px; max-width:100%; margin-top:-43px;}

.personnel-system .info-card.welfare {}
.personnel-system .info-card.welfare .card-list > li {height: 489px;}
.personnel-system .info-card.welfare .card-list > li:nth-child(1){border-bottom: 1px solid #a5cbe9; border-right: 1px solid #a5cbe9;}
.personnel-system .info-card.welfare .card-list > li:nth-child(2){border-bottom: 1px solid #a5cbe9; border-right: 1px solid #a5cbe9;}
.personnel-system .info-card.welfare .card-list > li:nth-child(3){border-bottom: 1px solid #a5cbe9;}
.personnel-system .info-card.welfare .card-list > li:nth-child(4){border-right: 1px solid #a5cbe9;}
.personnel-system .info-card.welfare .card-list > li:nth-child(5){border-right: 1px solid #a5cbe9;}
.personnel-system .info-card.welfare .card-list > li:nth-child(6){}

.personnel-system .info-card.welfare .card-list .card-title {font-size: 18px;color: #3384ca;display: flex;font-weight: bold;align-items: center;margin-top: 1px;}
.personnel-system .info-card.welfare .card-list .card-contents {font-size: 16px;margin: 30px;}

.personnel-system .info-card.education {}
.personnel-system .info-card.education .card-list > li:nth-child(n+4) {margin-top:25px;}


@media only screen and (max-width: 1279px) {
    .personnel-system .info-keyword .keyword-list dl dd br {display:none;}

    .personnel-system .info-card .card-list > li {width:50%;}
    .personnel-system .info-card.education .card-list > li:nth-child(n+3) {margin-top:25px;}

  .personnel-system .info-card.welfare .card-list > li:nth-child(2){border-bottom: 1px solid #a5cbe9; border-right: 0px;}
  .personnel-system .info-card.welfare .card-list > li:nth-child(3){border-bottom: 1px solid #a5cbe9; border-right: 1px solid #a5cbe9;}
  .personnel-system .info-card.welfare .card-list > li:nth-child(4){border-bottom: 1px solid #a5cbe9; border-right: 0px;}
  .personnel-system .info-card.welfare .card-list > li:nth-child(5){border-right: 1px solid #a5cbe9;}
}

@media only screen and (min-width: 768px) {
    .personnel-system .info-keyword .graphic .pc-hide {display:none;}
    .personnel-system .info-keyword .graphic .m-hide {}
}

@media only screen and (max-width: 767px) {
    .personnel-system .info-keyword .graphic .pc-hide {}
    .personnel-system .info-keyword .graphic .m-hide {display:none;}

    .personnel-system .info-keyword .quotes p {display:block;}
    .personnel-system .info-keyword .keyword-list > li {width:100%;}
    .personnel-system .info-keyword .keyword-list > li + li {margin-top:20px;}
    .personnel-system .info-keyword .keyword-list dl {display:table; table-layout:fixed; width:100%; padding:27px 14px;}
    .personnel-system .info-keyword .keyword-list dl dt {display:table-cell; vertical-align:middle; width:30%;}
    .personnel-system .info-keyword .keyword-list dl dt small {margin-top:0;}
    .personnel-system .info-keyword .keyword-list dl dd {display:table-cell; vertical-align:middle; padding-left:17px; text-align:left;}

    .personnel-system .info-card .card-list > li {width:100%;}
    .personnel-system .info-card.education .card-list > li:nth-child(n+2) {margin-top:25px;}

    .personnel-system .info-card.welfare .card-list > li:nth-child(1){border-bottom: 1px solid #a5cbe9; border-right: 0px;}
    .personnel-system .info-card.welfare .card-list > li:nth-child(2){border-bottom: 1px solid #a5cbe9; border-right: 0px;}
    .personnel-system .info-card.welfare .card-list > li:nth-child(3){border-bottom: 1px solid #a5cbe9; border-right: 0px;}
    .personnel-system .info-card.welfare .card-list > li:nth-child(4){border-bottom: 1px solid #a5cbe9; border-right: 0px;}
    .personnel-system .info-card.welfare .card-list > li:nth-child(5){border-bottom: 1px solid #a5cbe9; border-right: 0px;}
    
    .personnel-system .info-card .card-list .item p {display:block;}
	.personnel-system .info-card .card-list .item ul{position:relative;left:0;}
}

@media only screen and (max-width: 490px) {
    .personnel-system .info-keyword .keyword-list dl dt {width:120px;}
}
/* //인사제도 (04_01_00_01 ~ 04_01_00_04) */

/* 직무소개 (04_02_00_00) */
.job-introduction {}
.job-introduction .interview-list {word-wrap:break-word; word-break:keep-all;}
.job-introduction .interview-list > li {}
.job-introduction .interview-list > li + li::before {content:""; display:block; margin:60px 0; border-top:1px solid #0E96CF;}
.job-introduction .interview-list > li > div {}
/* .job-introduction .interview-list > li > div > p {margin-top:14px; font-weight:400; font-size:20px; line-height:1.45; letter-spacing:-0.025em; color:#212121;} */
.job-introduction .interview-list > li > div > p {margin-top:14px;}
.job-introduction .interview-list .desc {position:relative; /*margin-top:40px;*/ margin-top:25px;}
.job-introduction .interview-list .desc .img {}
.job-introduction .interview-list .desc .img img {vertical-align:top; max-width:100%;}
.job-introduction .interview-list .desc .img span {display:block; margin-top:20px; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#4B4B4B;}
.job-introduction .interview-list .desc .img span b {font-weight:500; color:#0070C3;}
.job-introduction .interview-list .desc .txt {}

.job-introduction .interview-list .position01 {}
.job-introduction .interview-list .position02 {}
.job-introduction .interview-list .position03 {}

@media only screen and (min-width: 1025px) {
    /* .job-introduction .interview-list .desc {display:table; table-layout:fixed; width:100%;}
    .job-introduction .interview-list .desc .img {display:table-cell; vertical-align:bottom;}
    .job-introduction .interview-list .desc .txt {display:table-cell; vertical-align:top;} */
    .job-introduction .interview-list .desc::after {content:""; display:block; clear:both;}
    .job-introduction .interview-list .desc .img {width:50%; margin-top:60px;}
    .job-introduction .interview-list .desc .txt {width:50%;}

    .job-introduction .interview-list > li:nth-child(odd) .desc .img {float:left; text-align:left;}
    .job-introduction .interview-list > li:nth-child(odd) .desc .txt {float:right;}
    .job-introduction .interview-list > li:nth-child(even) .desc .img {float:right; text-align:right;}
    .job-introduction .interview-list > li:nth-child(even) .desc .txt {float:left;}
}

@media only screen and (max-width: 1024px) {
    .job-introduction .interview-list .desc {margin-top:40px;}
    /* .job-introduction .interview-list .desc::after {content:""; display:block; clear:both;} */
    .job-introduction .interview-list .desc .img {text-align:center;}
    .job-introduction .interview-list .desc .txt {margin-top:25px;}
}
/* //직무소개 (04_02_00_00) */

/* 채용전형 (04_03_00_00) */
.recruitment-screening {}
.recruitment-screening .subtit_add-ex b {font-weight:500; color:#0E96CF;}
.recruitment-screening .process-list {counter-reset:recruitProcCnt; padding-top:35px; padding-bottom:34px; margin-top:41px; margin-bottom:120px; margin-left:83px; border-left:2px dashed #0070C3; background-color:#F6FAFC;}
.recruitment-screening .process-list > li {counter-increment:recruitProcCnt; font-size:0;}
.recruitment-screening .process-list > li + li {margin-top:40px;}
.recruitment-screening .process-list .ico {display:inline-block; vertical-align:middle; width:130px; height:130px; margin-left:-66px; border-radius:50%; background:#fff no-repeat center center/cover; box-shadow:0 0 10px 0 rgba(0,112,195,0.2);}
.recruitment-screening .process-list .desc {display:inline-block; vertical-align:middle; position:relative; width:calc(100% - 64px); padding-right:39px; padding-left:40px; word-wrap:break-word; word-break:keep-all;}
.recruitment-screening .process-list .desc .tit {display:block; width:124px; height:42px; border-radius:21px; background:#0070C3 linear-gradient(110deg, #0070C3, #0E96CF); text-align:center; font-weight:700; font-size:18px; line-height:42px; letter-spacing:-0.025em; color:#fff;}
.recruitment-screening .process-list .desc .tit::before {content:counter(recruitProcCnt) ". ";}
.recruitment-screening .process-list .desc .txt {display:block; padding-left:20px; margin-top:8px; font-weight:400; font-size:16px; line-height:2.125; letter-spacing:-0.025em; color:#4B4B4B;}
.recruitment-screening .process-list .desc > a {display:block; position:absolute; right:39px; bottom:0; width:194px; height:48px; padding:12px 0; border-radius:2px; background-color:#0E96CF; text-align:center;}
.recruitment-screening .process-list .desc > a > span {display:inline-block; vertical-align:middle; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:0; color:#fff;}
.recruitment-screening .process-list .desc > a > i {display:inline-block; vertical-align:middle; font-size:20px; line-height:1; color:#fff;}
.recruitment-screening .process-list .desc > a > span + i,
.recruitment-screening .process-list .desc > a > i + span {margin-left:8px;}

.recruitment-screening .process-list .desc.has-link .txt {padding-right:194px;}

.recruitment-screening .process-list .process01 .ico {background-image:url(../images/sub/recruit-scr_process-list_ico01.png);}
.recruitment-screening .process-list .process02 .ico {background-image:url(../images/sub/recruit-scr_process-list_ico02.png);}
.recruitment-screening .process-list .process03 .ico {background-image:url(../images/sub/recruit-scr_process-list_ico03.png);}
.recruitment-screening .process-list .process04 .ico {background-image:url(../images/sub/recruit-scr_process-list_ico04.png);}

.recruitment-screening .process-list.newcomer {}
.recruitment-screening .process-list.career {}

@media only screen and (max-width: 1024px) {
    .recruitment-screening .process-list {margin-left:9px;}
    .recruitment-screening .process-list .ico {width:70px; height:70px; margin-left:-36px;}
    .recruitment-screening .process-list .desc {width:calc(100% - 34px); padding-right:14px; padding-left:14px;}
    .recruitment-screening .process-list .desc .tit {width:auto; height:auto; border-radius:0; background:none; text-align:left; line-height:1.4444; color:#0070C3;}
    .recruitment-screening .process-list .desc .txt {padding-left:0; margin-top:6px;}
    .recruitment-screening .process-list .desc > a {position:static; margin-top:12px;}

    .recruitment-screening .process-list .desc.has-link .txt {padding-right:0;}
}

@media only screen and (max-width: 767px) {
    .recruitment-screening .process-list {margin-left:49px;}
}
/* //채용전형 (04_03_00_00) */

/* CI (05_02_01_00) */
.ci {}
.ci .desc {margin-top:14px;}
.ci .desc .img {border:2px solid #0E96CF; border-radius:2px; background:url(../images/sub/ci_grid-line.png) repeat 0 0; text-align:center;}
.ci .desc .img img {vertical-align:top; max-width:100%;}
.ci .desc .txt {word-wrap:break-word; word-break:keep-all;}
.ci .desc .txt > p {font-weight:400; font-size:16px; line-height:1.625; letter-spacing:-0.025em; color:#212121;}
.ci .desc .palette {padding:12px 18px 11px 18px; margin-top:25px; border:2px solid #E0E0E0; border-radius:2px;}
.ci .desc .palette p {margin-bottom:5px; font-weight:700; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#848484;}
.ci .desc .palette span {display:inline-block; position:relative; padding-left:1.0714em; margin-right:16px; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#848484;}
.ci .desc .palette span::before {content:""; position:absolute; top:0.3571em; left:0; width:10px; height:10px; border-radius:2px; background-color:#0070C3;}
.ci .btn-list {}
.ci .btn-list > li {}
.ci .btn-list > li > a {display:block; padding:16px; border-radius:2px; text-align:center;}
.ci .btn-list > li > a > span {display:inline-block; vertical-align:middle; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:0; color:#fff;}
.ci .btn-list > li > a > i {display:inline-block; vertical-align:middle; font-size:20px; line-height:1; color:#fff;}
.ci .btn-list > li > a > span + i,
.ci .btn-list > li > a > i + span {margin-left:7px;}

.ci .btn-list > li:nth-child(1) > a {background-color:#0E96CF;}
.ci .btn-list > li:nth-child(2) > a {background-color:#0070C3;}
.ci .btn-list > li:nth-child(3) > a {background-color:#004F8A;}

@media only screen and (min-width: 768px) {
    .ci .desc {display:table; table-layout:fixed; width:100%;}
    .ci .desc .img {display:table-cell; vertical-align:middle; /*width:577px;*/ width:55%;}
    .ci .desc .txt {display:table-cell; vertical-align:top; /*width:424px;*/ padding-left:26px;}
    .ci .btn-list {margin:0 -14px; margin-top:50px; font-size:0;}
    .ci .btn-list > li {display:inline-block; vertical-align:top; width:33.3333%; padding:0 14px;}
}

@media only screen and (max-width: 767px) {
    .ci .desc .img {padding:80px 20px;}
    .ci .desc .txt {margin-top:26px;}
    .ci .btn-list {margin-top:40px;}
    .ci .btn-list > li + li {margin-top:10px;}
}
/* //CI (05_02_01_00) */

/* 개인정보처리방침 (99_01_00_00) */
.privacy-policy {word-wrap:break-word; word-break:keep-all;}
.privacy-policy .tel-link {display:inline-block; text-indent:0;}
.privacy-policy .mail-link {display:inline-block; text-indent:0;}
/* .privacy-policy .general-rules {font-weight:500; font-size:16px; line-height:1.75; letter-spacing:-0.025em; color:#212121;} */
.privacy-policy .general-rules {display: block; margin-top: 15px; padding-left: 20px; color: #212121; font-size: 16px; line-height: 28px; font-weight: 500; letter-spacing: -0.4px;}

.privacy-policy .info-list {}
.privacy-policy .info-list > li {margin-top: 8px; color: #0070C3; font-size: 15px; line-height: 20px; font-weight: 700; letter-spacing: -0.38px;}
.privacy-policy .info-list > li > a {font-weight:inherit; font-size:inherit; line-height:inherit; letter-spacing:inherit; color:inherit;}

.privacy-policy .detail-list {color: #201d1d; font-size: 15px; line-height: 20px; font-weight: 400; letter-spacing: -0.38px;}
.privacy-policy .detail-list > li {padding-left:0.7346em; margin-top:8px; text-indent:-0.7346em;}
.privacy-policy .detail-list > li::before {content:" · ";}

.privacy-policy ol {counter-reset:privacyPolicyCnt;}
.privacy-policy ol > li {counter-increment:privacyPolicyCnt; font-size:0;}
/* .privacy-policy ol > li > p {font-weight:400; font-size:15px; line-height:1.6; letter-spacing:-0.025em; color:#212121;} */
.privacy-policy ol > li > p {display: block; position: relative; margin-top: 8px; padding-left: 10px; color: #201d1d; font-size: 15px; line-height: 20px; font-weight: 400; letter-spacing: -0.38px;}
.privacy-policy ol > li > p::before {content:counter(privacyPolicyCnt);}

.privacy-policy ol > li > .num-decimal {padding-left:0.982em; text-indent:-0.982em; font-weight:500;}
.privacy-policy ol > li > .num-decimal::before {content:counter(privacyPolicyCnt) ". ";}

.privacy-policy ol > li > .num-circle {padding-left:1.174em; text-indent:-1.174em;}
.privacy-policy ol > li:nth-child(1) > .num-circle::before {content:"① ";}
.privacy-policy ol > li:nth-child(2) > .num-circle::before {content:"② ";}
.privacy-policy ol > li:nth-child(3) > .num-circle::before {content:"③ ";}
.privacy-policy ol > li:nth-child(4) > .num-circle::before {content:"④ ";}
.privacy-policy ol > li:nth-child(5) > .num-circle::before {content:"⑤ ";}
.privacy-policy ol > li:nth-child(6) > .num-circle::before {content:"⑥ ";}
.privacy-policy ol > li:nth-child(7) > .num-circle::before {content:"⑦ ";}
.privacy-policy ol > li:nth-child(8) > .num-circle::before {content:"⑧ ";}
.privacy-policy ol > li:nth-child(9) > .num-circle::before {content:"⑨ ";}
.privacy-policy ol > li:nth-child(10) > .num-circle::before {content:"⑩ ";}
.privacy-policy ol > li:nth-child(11) > .num-circle::before {content:"⑪ ";}
.privacy-policy ol > li:nth-child(12) > .num-circle::before {content:"⑫ ";}
.privacy-policy ol > li:nth-child(13) > .num-circle::before {content:"⑬ ";}
.privacy-policy ol > li:nth-child(14) > .num-circle::before {content:"⑭ ";}
.privacy-policy ol > li:nth-child(15) > .num-circle::before {content:"⑮ ";}

@media only screen and (max-width: 1024px) {
    .privacy-policy .general-rules {font-size: 15px; line-height: 24px; letter-spacing: -0.35px;}
    .privacy-policy .info-list > li {font-size: 14px; line-height: 19px; letter-spacing: -0.32px;}
    .privacy-policy .detail-list {font-size: 14px; line-height: 19px; letter-spacing: -0.32px;}
    .privacy-policy ol > li > p {font-size: 14px; line-height: 19px; letter-spacing: -0.32px;}
}
/* //개인정보처리방침 (99_01_00_00) */

/* 고객문의 (99_02_00_00) */
.customer-inquiry {}
.customer-inquiry .desc {padding:48px 59px 49px 59px; padding-left:249px; border:1px solid #E0E0E0; border-radius:2px; background:#fff url(../images/sub/customer-inquiry_bg.png) no-repeat left 44px center; word-wrap:break-word; word-break:keep-all;}
.customer-inquiry .desc p {}
.customer-inquiry .desc p a {display:inline-block; vertical-align:top;}
.customer-inquiry .desc p b {display:inline-block; vertical-align:top;}
.customer-inquiry .desc .txt {font-weight:400; font-size:18px; line-height:1.5556; letter-spacing:-0.025em; color:#212121;}
.customer-inquiry .desc .tel {margin-top:9px;}
.customer-inquiry .desc .tel a {font-weight:700; font-size:36px; line-height:1.4444; letter-spacing:-0.025em; color:#0E96CF;}
.customer-inquiry .desc .mail {margin-top:10px; font-size:0;}
.customer-inquiry .desc .mail b {margin-right:14px; font-weight:500; font-size:18px; line-height:1.4444; letter-spacing:-0.025em; color:#212121;}
.customer-inquiry .desc .mail a {font-weight:400; font-size:18px; line-height:1.4444; letter-spacing:-0.025em; color:#212121;}

@media only screen and (max-width: 767px) {
    .customer-inquiry .desc {padding:30px 20px; padding-top:180px; background-position:center top 10px; text-align:center;}
}
/* //고객문의 (99_02_00_00) */

/* Contact Us (99_03_00_00) */
.contact-us {}

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

}
/* //Contact Us (99_03_00_00) */

/* 사이트맵 (99_03_00_00) */
.sitemap {word-wrap:break-word; word-break:keep-all;}
.sitemap .sitemap-list {}
.sitemap .sitemap-list::after {content:""; display:block; clear:both;}
.sitemap .sitemap-list > li {float:left; padding:43px 14px 89px 14px; border:1px solid #E0E0E0; border-radius:2px;}
.sitemap .sitemap-list > li > h4 {margin-bottom:45px; text-align:center; font-weight:700; font-size:22px; line-height:1.4545; letter-spacing:-0.025em; color:#004F8A;}
.sitemap .sitemap-list > li > ul {}
.sitemap .sitemap-list > li > ul > li {}
.sitemap .sitemap-list > li > ul > li + li {margin-top:10px;}
.sitemap .sitemap-list > li > ul > li > a {display:block; padding:12px 20px; background-color:#F1F8FC; font-weight:500; font-size:18px; line-height:1.4444; letter-spacing:-0.025em; color:#212121;}
.sitemap .sitemap-list > li > ul > li > ul {}
.sitemap .sitemap-list > li > ul > li > ul > li {}
.sitemap .sitemap-list > li > ul > li > ul > li > a {display:block; position:relative; padding:7px 25px; padding-left:2.0556em; font-weight:400; font-size:18px; line-height:1.4444; letter-spacing:-0.025em; color:#212121;}
.sitemap .sitemap-list > li > ul > li > ul > li > a::before {content:"·"; position:absolute; top:0.3889em; left:1.3889em;}

.sitemap .sitemap-list > li > ul > li:hover > a,
.sitemap .sitemap-list > li > ul > li > a:focus {background-color:#004F8A; color:#fff;}
.sitemap .sitemap-list > li > ul > li > ul > li:hover > a,
.sitemap .sitemap-list > li > ul > li > ul > li > a:focus {text-decoration:underline;}

@media only screen and (min-width: 1280px) {
    .sitemap .sitemap-list > li {width:calc((100% - 39px)/4); margin-left:13px;}
    .sitemap .sitemap-list > li:nth-child(4n+1) {margin-left:0;}
    .sitemap .sitemap-list > li:nth-child(n+5) {margin-top:20px;}
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .sitemap .sitemap-list > li {width:calc((100% - 13px)/2); margin-left:13px;}
    .sitemap .sitemap-list > li:nth-child(2n+1) {margin-left:0;}
    .sitemap .sitemap-list > li:nth-child(n+3) {margin-top:20px;}
}

@media only screen and (max-width: 767px) {
    .sitemap .sitemap-list > li {width:100%;}
    .sitemap .sitemap-list > li + li {margin-top:20px;}
}
/* //사이트맵 (99_03_00_00) */

/* 사업장소개 (02_01_00_01 ~ 02_01_00_04) */
.sub_detail_visual01 {background-image: url("../images/sub/bg_sub02_01_01_01_a.png");}
.sub_detail_visual02 {background-image: url("../images/sub/bg_sub02_01_01_02_a.png"); height: 500px;}
.sub_detail_visual03 {background-image: url("../images/sub/bg_sub02_01_01_03_a.png");}
.sub_detail_visual04 {background-image: url("../images/sub/bg_sub02_01_01_04_a.png");}

.sub_detail_intro .txtbox .titwrap h4 em {font-weight: 600;}
.sub_detail_intro .txtbox .titwrap .tit strong {color: #0070C3; text-decoration-line: underline;}
.sub_detail_intro .imgbox01 {background-image: url("../images/sub/bg_sub02_01_01_01_b.png");}
.sub_detail_intro .imgbox02 {background-image: url("../images/sub/bg_sub02_01_01_02_b.png");}
.sub_detail_intro .imgbox03 {background-image: url("../images/sub/bg_sub02_01_01_03_b.png");}
.sub_detail_intro .imgbox04 {background-image: url("../images/sub/bg_sub02_01_01_04_b.png");}

.sub_detail_intro .txtbox02 .tit_p {margin-top: 40px;}
.sub_detail_point .bgimg02 {
  position: absolute;
  top: -85px;
  right: 25px;
  width: 247px;
  height: 368px;
  background: url(../images/sub/bg_sub02_01_01_02_c.png) no-repeat center center;
  z-index: 1;
}
.sub_detail_point .imglist02 {display: flex; margin-top: 105px;}
.sub_detail_point .imglist02>li {flex : 1 1 2; background: #000;}
.sub_detail_point .imglist02>li img {width: 100%;}

.sub_detail_intro .txtbox03 .tit_p {margin-top: 40px;}
.sub_detail_point .bgimg03 {
  position: absolute;
  top: -85px;
  right: 25px;
  width: 247px;
  height: 368px;
  background: url(../images/sub/bg_sub02_01_01_03_c.png) no-repeat center center;
  z-index: 1;
}
.sub_detail_point .imglist03 {display: flex; margin-top: 97px;}
.sub_detail_point .imglist03>li {flex: 1;}
.sub_detail_point .imglist03>li img {width: 100%;}


.sub_detail_point .bgimg04 {
  position: absolute;
  top: -85px;
  right: 25px;
  width: 328px;
  height: 368px;
  background: url(../images/sub/bg_sub02_01_01_04_c.png) no-repeat center center;
  z-index: 1;
}
.sub_detail_point .imglist04 {display: flex; margin-top: 129px;}
.sub_detail_point .imglist04>li {flex: 1;}
.sub_detail_point .imglist04>li img {width: 100%;}

.sub_detail_explain .titbox {width: 100%; height: 40px; background: linear-gradient(to right, #0070C3, #0E96CF); margin-bottom: 60px;}
.sub_detail_explain .titbox li {line-height: 40px; color: #ffffff; float: left; padding-left: 37px;}
.sub_detail_explain .titbox li:nth-child(1) {width: 30%;}
.sub_detail_explain .titbox li:nth-child(2) {width: 35%;}
.sub_detail_explain .titbox li:nth-child(3) {width: 35%;}
.sub_detail_explain .explain_list .list {height: 80px; display: table; width: 100%; padding: -50px 5%; margin-bottom: -80px; border-spacing: 50px; border-collapse: separate;}
.sub_detail_explain .explain_list .list ul {display: table-cell; vertical-align: middle; padding-bottom: 6px; padding-right: 60px; }
.sub_detail_explain .explain_list .list ul:nth-child(1) {width: 30%;}
.sub_detail_explain .explain_list .list ul:nth-child(2) {width: 35%;}
.sub_detail_explain .explain_list .list ul:nth-child(3) {width: 35%;}
.sub_detail_explain .explain_list .list .tech li {color: #FFFFFF; border-radius: 100%; width: 80px; height: 80px; line-height: 80px; text-align: center; position: relative;}
.sub_detail_explain .explain_list .list .tech li:after {content: ""; display: block; width: 550px; height: 1px; position: absolute; top: 50%; left: 100%; background: #E0E0E0; z-index: -1;}
.sub_detail_explain .explain_list .list01 .tech li {background: #0070C3;}
.sub_detail_explain .explain_list .list02 .tech li {background: #9BBB59;}
.sub_detail_explain .explain_list .list03 .tech li {background: #4BACC6;}
.sub_detail_explain .explain_list .list .mea {border: 1px solid #E0E0E0; border-radius: 15px; padding: 12px 17px 12px 24px; background: #fff;}
.sub_detail_explain .explain_list .list span {display: none;}
.sub_detail_explain .explain_list .list .sys {border: 1px solid #E0E0E0; border-radius: 15px; padding: 12px 17px 12px 24px;  background: #fff;}
.sub_detail_explain .explain_list .list span {display: none;}
.sub_detail_explain .explain_list .list .mea li {position: relative; display: flex; margin-left: 10px;}
.sub_detail_explain .explain_list .list .mea li::before {content: ""; display: block; position: absolute; top: 50%; left: -10px; width: 3px; height: 3px; border-radius: 100%; background: #0070C3;}
.sub_detail_explain .explain_list .list .sys li {position: relative; display: flex; margin-left: 10px;}
.sub_detail_explain .explain_list .list .sys li::before {content: ""; display: block; position: absolute; top: 50%; left: -10px; width: 3px; height: 3px; border-radius: 100%; background: #0070C3;}

@media only screen and (min-width: 1280px) {
}

@media only screen and (max-width: 767px) {
  .sub_detail_visual01 {background: url("../images/sub/bg_sub02_01_01_01_a2.png")no-repeat;  background-position: 70% bottom; position: relative;}
  .sub_detail_visual01 .txtbox {top: 194px;}
  .sub_detail_visual01::after {content: ""; background: url("../images/sub/bg_sub02_01_01_01_a3.png")no-repeat; display: block; width: 288px; height: 185px; position: absolute; top: 34px; right: 0;}

  .sub_detail_visual02 {background: url("../images/sub/bg_sub02_01_01_02_a2.png")no-repeat; background-position: 70% bottom;  position: relative; height: 300px;}
  .sub_detail_visual02 .txtbox {top: 194px;}
  .sub_detail_visual02::after {content: ""; background: url("../images/sub/bg_sub02_01_01_02_a3.png")no-repeat; display: block; width: 288px; height: 170px; position: absolute; top: 83px; right: 0;}

  .sub_detail_visual03 {background: url("../images/sub/bg_sub02_01_01_03_a2.png")no-repeat;  background-position: center bottom; position: relative;}
  .sub_detail_visual03 .txtbox {top: 194px;}
  .sub_detail_visual03::after {content: ""; background: url("../images/sub/bg_sub02_01_01_03_a3.png")no-repeat; display: block; width: 288px; height: 200px; position: absolute; top: 37px; right: 0;}

  .sub_detail_visual04 {background: url("../images/sub/bg_sub02_01_01_04_a2.png")no-repeat; background-position: center bottom; position: relative;}
  .sub_detail_visual04 .txtbox {top: 194px;}
  .sub_detail_visual04::after {content: ""; background: url("../images/sub/bg_sub02_01_01_04_a3.png")no-repeat; display: block; width: 288px; height: 170px; position: absolute; top: 83px; right: 0;}

  .sub_detail_intro {margin-top: 60px;}
  .sub_detail_intro .txtbox {padding-top: 0;}
  .sub_detail_intro .txtbox .titwrap h4 {text-align: center;}
  .sub_detail_point .imglist {display: block; overflow: hidden; margin-top: 40px;}
  .sub_detail_point .imglist>li {width: 100%;}
  .sub_detail_point .imglist02>li:nth-child(3) {width: 200%;}
  .sub_detail_point .pint_list {padding-left: 0;}
  .sub_detail_intro .imgbox01 {background: url("../images/sub/bg_sub02_01_01_01_b2.png")no-repeat top center; background-size: 100%; padding-bottom: 100%;}
  .sub_detail_intro .imgbox02 {background: url("../images/sub/bg_sub02_01_01_02_b2.png")no-repeat top center; background-size: 100%; padding-bottom: 100%;}
  .sub_detail_intro .imgbox03 {background: url("../images/sub/bg_sub02_01_01_03_b2.png")no-repeat top center; background-size: 100%; padding-bottom: 100%;}
  .sub_detail_intro .imgbox04 {background: url("../images/sub/bg_sub02_01_01_04_b2.png")no-repeat top center; background-size: 100%; padding-bottom: 100%;}
  .sub_detail_intro .txtbox01 .titwrap {margin-bottom: 60px; padding: 0 10%; word-break: keep-all;}
  .sub_detail_intro .txtbox02 .titwrap {margin-bottom: 60px; padding: 0 10%; word-break: keep-all;}
  .sub_detail_intro .txtbox03 .titwrap {margin-bottom: 60px; padding: 0 10%; word-break: keep-all;}
  .sub_detail_intro .txtbox04 .titwrap {margin-bottom: 60px; padding: 0 0; word-break: keep-all;}

  .sub_detail_point .bgimg02 {display: none;}
  .sub_detail_point .bgimg03 {display: none;}
  .sub_detail_point .bgimg04 {display: none;}

  .sub_detail_explain .titbox li:nth-child(1) {width: 100%;}
  .sub_detail_explain .titbox li:nth-child(2),
  .sub_detail_explain .titbox li:nth-child(3) {display: none;}
  .sub_detail_explain .explain_list .list {display: block; width: 100%; height: auto; margin: 0; border-spacing: 0; border-collapse: separate;}
  .sub_detail_explain .explain_list .list ul {width: 100%; margin-bottom: 10px; padding: 0;}
  .sub_detail_explain .explain_list .list .sys {display: block;}
  .sub_detail_explain .explain_list .list .tech {width: 100%; display: block; margin: 0 auto;}
  .sub_detail_explain .explain_list .list .tech li {width: 115px; height: 38px; border-radius: 21px; line-height: 38px; margin: 0 auto;}
  .sub_detail_explain .explain_list .list .tech li:after {display: none;}
  .sub_detail_explain .explain_list .list span {display: block; font-weight: 600; margin-bottom: 4px;}
  .sub_detail_explain .explain_list .list span {display: block; font-weight: 600; margin-bottom: 4px;}


}

/* //사업장소개 (02_01_00_01 ~ 02_01_00_04) */

/* 소형다련장 체계 (02_01_02_00) */
.mul .sub_detail_visual {background-position: left bottom;}
.mul .sub_detail_visual .txtbox {top: 206px;}
.mul .sub_detail_intro .imgbox {background-image: url("../images/sub/bg_sub02_01_02_00_b.png");}
.mul .sub_detail_point .pint_list {padding-right: 340px;}
.mul .sub_detail_point .imglist {margin-top: 129px;}
.mul .sub_detail_point .imglist>li {flex-basis:auto;}
.mul .sub_detail_point .imglist>li img {width: 100%;}
.mul .sub_detail_point .bgimg {
  position: absolute;
  top: -85px;
  right: 25px;
  width: 328px;
  height: 368px;
  background: url(../images/sub/bg_sub02_01_02_00_c.png) no-repeat center center;
  z-index: 1;
}
@media only screen and (min-width: 1280px) {}
@media only screen and (max-width: 767px) {
  .mul .sub_detail_point .pint_list {padding-right: 0;}
  .mul .sub_detail_intro .txtbox .titwrap {margin-bottom: 61px; height: auto;}
  .mul .sub_detail_intro .imgbox {background: url("../images/sub/bg_sub02_01_02_00_b2.png")no-repeat top center; background-size: 100%; padding-bottom: 100%;}
  .mul .sub_detail_point .imglist{margin-top: 60px;}
  .mul .sub_detail_point .imglist>li:nth-child(1) {width: 200%; transform: translateX(-20%);}
}

/* //소형다련장 체계 (02_01_02_00) */

/* 방호체계 (02_02_01_00) */
.def {word-break:keep-all;}
.def .sub_detail_visual {height: 310px;}
.def .sub_detail_visual {background-position: right bottom ;}
.def .sub_detail_intro .imgbox {}
.def .sub_detail_point .bgimg {background: url("../images/sub/bg_sub03.png") no-repeat center center; background-size:100%; width: 291px; top: -37px;}
.def .sub_detail_point .pint_list {padding-right: 444px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .sub_detail_intro .txtbox .titwrap::before {
    width: 6px;
  }
 }
@media only screen and (min-width: 1280px) {}
@media only screen and (max-width: 767px) {
  .def .sub_detail_visual .txtbox {top: 194px;}
  .def .sub_detail_visual {background-position: 75% bottom;}
  .def .sub_detail_intro .txtbox .titwrap {padding-bottom: 60px;}
  .def .sub_detail_intro .imgbox {}
  .def .sub_detail_point .pint_list {padding-right: 0;}
}

/* //방호체계 (02_02_01_00) */

/* 신관/탄두 (02_03_01_00) */
.warhead {word-break:keep-all;}
.warhead .sub_detail_visual {height: 310px;}
.warhead .sub_detail_visual .txtbox {top: 194px;}
.warhead .sub_detail_intro .imgbox {background-image: url("../images/sub/bg_sub02_03_01_00_b.png"); background-size: 100%; background-repeat: no-repeat;}
.warhead .sub_detail_intro .txtbox {padding-bottom: 40px;}
.warhead .sub_detail_point .bgimg {top: 85px; width: 363px; height: 206px; background: url("../images/sub/bg_sub02_03_01_00_c.png") no-repeat center center;}
.warhead .sub_detail_point .pint_list {padding-right: 383px;}
.warhead .sub_detail_point .pint_list span {font-weight: 600; color: #004F8A;}
.warhead .sub_detail_point .pint_list li {margin-top: 8px;}
.warhead .sub_detail_intro .txtbox .titwrap {background: url(""); margin-left: 0; padding-left: 0; height: 36px;}
@media only screen and (min-width: 1280px) {}
@media only screen and (max-width: 767px) {
  .warhead .sub_detail_visual {height: 300px;}
  .warhead .sub_detail_intro .imgbox {background: url("../images/sub/bg_sub02_03_01_00_b2.png")no-repeat top center; padding-bottom: 100%; background-size: contain;}
  .warhead .sub_detail_point .pint_list {padding-right: 0;}
  .warhead .sub_detail_point .pint_list li {word-break:keep-all;}
}

/* //신관/탄두 (02_03_01_00) */

/* 소나 추가 */
.sona {word-break:keep-all;}
.sona .sub_detail_intro{min-height: auto;}
.sona .sub_detail_visual {height: 310px;}
.sona .sub_detail_visual .txtbox {top: 194px;}
.sona .sub_detail_intro .imgbox {background-image: url("../images/sub/bg_sub02_05_01_00_b.png"); background-size: 100%;background-position: top center; background-repeat: no-repeat;}
.sona .sub_detail_intro .txtbox {padding-bottom: 40px;}
.sona .sub_detail_intro .txtbox .titwrap {background: none; margin-left: 0; padding-left: 0; height: 36px;}
.sona .sub_detail_point .pint_list {padding-right:0;}
/* 소나 추가 */

/* IPS (02_04_00_00) */
.ips {word-break:keep-all;}
.ips .sub_detail_visual {height: 310px;}
.ips .sub_detail_visual .txtbox {top: 166px;}
.ips .sub_detail_exp .imgbox {width: 343px; height: 285px; background: url("../images/sub/bg_sub02_04_00_00_b.png")no-repeat center center; min-width: 343.5px;}
.ips .sub_detail_exp .imgbox02 {width: 343px; height: 285px; background: url("../images/sub/bg_sub02_04_00_00_c.png")no-repeat center center;}
.ips .sub_detail_exp .imgbox03 {width: 343px; height: 285px; background: url("../images/sub/bg_sub02_04_00_00_d.png")no-repeat center center;}
.ips .sub_detail_exp .imgbox04 {width: 343px; height: 285px; background: url("../images/sub/bg_sub02_04_00_00_e.png")no-repeat center center;}
.ips .sub_detail_exp .imgbox05 {width: 343px; height: 285px; background: url("../images/sub/bg_sub02_04_00_00_f.png")no-repeat center center;}
.ips .sub_detail_exp .txtbox .titwrap .tit {
  color: #212121;
  font-size: 24px;
  line-height: 35px;
  font-weight: 500;
  letter-spacing: -0.6px;
}
.ips .sub_detail_exp .txtbox .tit_p {
  margin-top: 20px;
  color: #212121;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.45px;
}
.sub_detail_exp > ul {margin-top: 60px;}
.sub_detail_exp > ul > li {display: flex; margin-bottom: 30px; border: 1px solid #E0E0E0; border-radius: 15px;}
.sub_detail_exp > ul > li > .txtbox {padding: 0 40px; padding-top: 60px;  border-left: 1px solid #E0E0E0;}
.sub_detail_exp > ul > li > .txtbox .titwrap .tit strong {color: #0070C3; /* text-decoration-line: underline; */}

@media only screen and (min-width: 1280px) {}
@media only screen and (max-width: 767px) {
  .ips .sub_detail_visual {height: 300px; background-position: Center bottom;}
  .ips .sub_detail_visual .txtbox {top: 164px;}
  .ips .sub_detail_exp > ul > li {display: block; overflow: hidden;}
  .ips .sub_detail_exp .imgbox {width: 100%; background-size: 100% 295px;}
  .sona .sub_detail_intro .imgbox {padding-bottom:70.3%;}
  .sub_detail_exp > ul > li > .txtbox {padding : 0 16px; padding-top: 60px;  border-top: 1px solid #E0E0E0; border-left: none; padding: 16px 28px; }
}

/* //IPS (02_04_00_00) */