.title-wrap {width: 1440px; margin: auto; position: relative;}
.title-wrap img {width: 100%;}
.leftm-wrap {width: 1440px; margin: auto; margin-top: 100px; height: 50px; display: flex;}
.leftm-wrap li img {margin-top: 16px;}
.leftm-wrap li p {line-height: 50px; font-size: 14px;}
.leftm-wrap li p:hover {color: #004f9d; transition: all 0.2s;}
.leftm-wrap li {position: relative; margin-right: 30px;}
.leftm-wrap li:after {font-family: 'ABB-icon'; content: '>'; position: absolute; left: -18px; top: 48%; transform: translateY(-50%); font-size: 16px; color: #bababa;}
.leftm-wrap li:first-child:after {content: none;}
.sub {overflow-x: hidden;}
.sub_wrap {width: 1200px; margin: auto; margin-bottom: 150px;}
#bo_gall .gall_text_href a {
    font-family: 'neo' !important;
}
#bo_v_con>p {font-weight: 300 !important;}
#bo_v_con>p>span {font-size: 15px !important; font-weight: 300 !important;}
#bo_v_con>p>span>span {font-size: 15px !important; font-weight: 300 !important;}
/* leftmanu */

.selectBoxList {width: 1200px; border-bottom: 1px solid #ccc; margin: auto;}

  .selectBoxList_wrap {
      display: flex;
  }

.selectBoxList_wrap .box {margin-right: 20px; position: relative;}
.selectBoxList_wrap .box:after {content: ''; position: absolute; top: 50%; right: -1px; transform: translateY(-50%); width: 1px; height: 20px; background: #ccc;}
.selectBoxList_wrap .box:last-child:after {content: none;}

.selectBoxList {margin-top: 100px; padding: 20px 0;}   

.box_fs {width: 50px; height: 50px; position: relative;}
.box_fs a {width: 50px; height: 50px; display: block;}
.box_fs a img {width: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); background-size: 100%;}

/* ------------------------------------------------------- */
/* IE */
select::-ms-expand { 
  display: none;
}

select {
-o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select {
  width: 150px;
  height: 35px;
  background-size: 20px;
  padding: 5px 30px 5px 10px;
  border-radius: 4px;
  outline: 0 none;
}
.select option {
  background: black;
  color: #fff;
  padding: 3px 0;
}
.select option:hover {
  background: rgb(58, 58, 58)
}


/* ------------------------------------------------------- */
.selectBox {
  position: relative;
  width: 200px;
  height: 50px;
  border-radius: 4px;
  margin-right: 20px !important;
}
.selectBox .select {
  width: 200px;
  height: 50px;
  background: transparent;
  border: 0 none;
  outline: 0 none;
  padding: 0 20px;
  position: relative;
  z-index: 3; 
    border: 1px solid #ccc;
    font-size: 16px;
}
.selectBox .select option {
  background: #fff;
  color: #222;
  padding: 5px 0 !important;
  font-size: 14px;
}

.selectBox .icoArrow {
  position: absolute; 
    top: 50%;
    right: 20px;
    width: 0;
    height: 0;
    margin-top: -1px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #222;
}

/* leftmanu */



/* sub11 */

.subtit {font-size: 36px; margin-bottom: 50px; color: #222; margin-top: 100px;}
.subtit:before {content: ''; display: block; width: 60px; height: 5px; margin-bottom: 10px; background-size: 100%; background: #004f9d;}
.s11 p {text-align: right; font-size: 18px; color: #222; font-weight: 600;}
.s11_box {margin-bottom: 50px;}
.s11_box ul {font-size: 16px; width: 1200px;color: #555;}
.s11_box ul li img {border: 2px solid #ccc; border-radius: 5px; margin-bottom: 30px; width: 100%;}
.s11_box ul li {margin-bottom: 50px;}

.s12_b1 li {font-size: 22px; margin-bottom: 50px;}
.s12_cal:after {content: ''; display: block; clear: both;}
.s12_cal li {float: left; width: 33.33%; position: relative; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.s12_cal li img {width: 100%;}
.s12_cal li p {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); color: #fff; font-size: 22px; font-weight: 700;}

.s42_table table {border-top: 3px solid #004f9d;
    width: 100%;
    border-collapse: collapse;}
.s42_table table tr td:first-child {width: 200px;
    height: 45px;
    background-color: #004f9d;
    color: #ffffff; font-size: 16px; padding: 20px 0; padding-left: 20px;}
.s42_table table tr td:last-child {font-size: 14px; padding-left: 20px;}
.s42_table table td {padding-left: 12px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc; padding: 20px 0;}
.s42_table table td ul li ul {display: flex;}
.s42_table table td ul li ul {margin-bottom: 20px;}
.s42_table table td ul li ul li:first-child {font-weight: bold; width: 100px;}
.s42_table table td ul li:last-child ul {margin-bottom: 0;}

.subttt {font-size: 30px; margin: 50px 0; font-weight: bold;}

.bx-wrapper {border: 1px solid #ccc !important; box-shadow: none !important;}
.slider > div img {width: 730px !important; margin: auto !important;}

#tab-menu {
    margin-top: 100px;
  width: 100%; 
  background : #004f9d;
  border-radius: 4px;
}
#tab-btn ul {
  overflow: hidden;
}
#tab-btn li {
  float: left; width: 25%; text-align: center;
}
#tab-btn li:last-child {margin-right: 0;}
#tab-btn li {
  display: block; color: #fff; 
  padding: 15px 20px; 
  font-weight: bold;
    cursor: pointer;
    font-size: 18px;
}
#tab-btn li.active1 {
    border-bottom: 4px solid #004f9d;
    background: navy;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#tab-cont {
  width: 100%; 
  background: #fff; padding: 50px; 
  box-sizing: border-box;
  border-radius: 0 0 4px 4px;
}

#tab-cont img {}

.frm_input {border: 0 !important; box-shadow: none !important;}
#tab-cont input {border:0; width:100%;height:30px;}
#tab-cont input:focus {outline: none !important;}
#tab-cont label {font-weight:bold}
.tt {height:440px; padding-top:120px;}
.tt h2 {margin-bottom:30px;}
#tab-cont form {text-align:center}
#tab-cont h3 {font-size: 40px; font-weight: 700; padding: 0 0 50px; color:#222; text-align:center}
#tab-cont h3:before {content: ""; display: block; width: 1px; height: 50px; background: #000; margin: auto; margin-bottom: 60px}
#tab-cont h3.map {padding: 100px 0 50px;}
#tab-cont form ul li {width:29.97%; display:inline-block; margin: 0 1.553%; border-bottom:2px solid #17469e; padding-bottom:10px; margin-bottom:40px; font-size: 16px; height: 50px;}
#tab-cont form ul li.mail {position:relative}
#tab-cont form ul li.mail:after {content:"*Please enter the correct email format."; display:block; position:absolute; font-size:14px; bottom:-27px; color: #ccc;}
#tab-cont form ul li:last-child {width:97%;}
#tab-cont form ul li:last-child textarea {width:100%; height:140px; border:0}
#tab-cont input::-webkit-input-placeholder {
  color: #222;
}
#tab-cont input:-ms-input-placeholder {
  color: #222;
}
#tab-cont textarea::-webkit-input-placeholder {
  color: #222;
}
#tab-cont textarea:-ms-input-placeholder {
  color: #222;
}
.btn_contact {padding: 15px 50px; border: 0; background: #17469e; color: #fff; font-size: 14px; font-weight: 600;}
.maptxt {width:400px; float:right; padding-left:50px;}
.maptxt h4 {font-size:30px; padding-top:20px;}
.maptxt p {padding:30px 0 20px; line-height:1.5em}
.maptxt p span {padding-right:10px}
.maptxt > a {display:block}
.maptxt a {font-weight:600; text-decoration:underline}
li.cmmnt {height: 150px !important;} 

/* sub11 end */

.s42_cla_i1 {width: 267px; margin: auto; margin-bottom: 50px;}
.s42_cla_i1 img {width: 100%;}
.s42_cla ul {display: flex; justify-content: space-between;}
.s42_cla ul h4 {font-size: 18px; margin-bottom: 30px; position: relative;}
.s42_cla ul h4:after {content: ''; position: absolute; bottom: -15px; left: 0; width: 30px; height: 3px; background: #004f9d;}
.s42_cla ul p {font-size: 14px; line-height: 20px;}

/* sub13 */

.s13_b {margin-bottom: 75px;}
.tab_box:after {display: block; content: ''; clear: both;}
.s13_bl {margin-right: 75px;}
.s13_br {text-align: left; width: 100%;}
.s13_br h3 {font-size: 24px; border-bottom: 2px solid #ccc; padding-bottom: 25px;}
.s13_br .s13_c {margin-top: 50px; font-size: 18px; margin-bottom: 50px;}
.s13_ci {display: flex; margin-bottom: 15px;}
.s13_ci:last-child {margin-bottom: 0;}
.s13_ci div:first-child {width: 20%;}
.s13_ci div:last-child {width: 80%; font-size: 16px;}
.s13_br span a {display: block; width: 100px; height: 40px; line-height: 38px; text-align: center; background: #ccc; font-size: 16px; border-radius: 5px; border: 1px solid #ccc; color: #fff;}
.s13_br span a:hover {transition: all 0.3s; background: #fff; color: #ccc;}
.tab_box > div {float: left; width: 50%; padding: 0 20px;}
.s13_ci:first-child {height: 50px;}

/* sub13 end */

/* sub41 */

.s11_b1 {display: flex; justify-content: space-between; align-items: center; background: #eee; padding: 50px; position: relative; z-index: -1;} 
.s11_b1_l {border-right: 1px solid #555;}
.s11_b1_l:last-child {border: 0;}
.s11_b1 h2 {font-weight: 700; font-size: 40px; width: 700px;}
.s11_b1 h2 span {color: #00a1e9;}
.s11_b1 p {font-size: 16px; color: #555;}

.s11_b2 {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: -33px;}
.s11_i2 {text-align: right; font-size: 100px; color: #eee; font-weight: bold;}
.s11_i1 {border: 3px solid #00a1e9; border-radius: 10px;}
.s11_i1 img {border-radius: 10px;}
.s11_his h3 {font-size: 30px; margin-bottom: 50px;}
.s11_his > ul {border-top: 1px solid #ccc;}
.s11_his > ul > li > ul {display: flex; border-bottom: 1px solid #ccc; padding-bottom: 25px; padding-top: 25px; padding-left: 25px; font-size: 18px;}
.s11_his > ul > li > ul > li {margin-right: 20px;}
.s11_his > ul > li > ul > li:first-child {font-size: 18px; color: #333; width: 150px;}
.s11_his > ul > li > ul > li:last-child {color: #666;}
.s11_his > ul > li > ul > li > span {color: #004f9d; font-weight: bold;}
.s11_his > ul > li > ul > li b {font-weight: bold;}

.s40_s40 table tr td.bigtb {text-align: center; background: #004f9d; color: #fff; width: 15%; font-size:18px; border:1px solid #ccc; font-weight: bold;}
.s40_s40 table tr td.dutb {width: 25%; padding-left: 20px; font-size:16px; border:1px solid #ccc; height:80px;}
.s40_s40 table tr td.samtb {width: 60%; padding: 20px; font-size:14px; border:1px solid #ccc; height:80px;}
.s40_s40 table tr td.samtb span {margin-right: 20px;}

.ourra {width: 900px; margin-bottom: 150px;}
.ourra img {width: 100%;}

.s41_icon ul:after {content: ''; display: block; clear: both;}
.s41_icon ul li {float: left; width: 11%; text-align: center;}
.s41_icon ul li span {display: block; height: 87px;}
.s41_icon ul li p {margin-top: 10px; font-size: 15px; color: #555;}

.s11_boxx:after {content: ''; display: block; clear: both;}
.s11_boxx {margin-bottom: 150px;}
.s11_boxx > div {float: left; width: 50%;}
.s11_boxx > div img {width: 100%;}

.s11_right {background: #004f9d; margin-top: 100px; padding: 0 50px; padding-top: 50px;}
.s11_right ul {font-size: 18px; color: #fff;}
.s11_right ul li {margin-bottom: 25px;}
.s11_right ul li:last-child {margin-bottom: 0;}
.s11_right p {font-size: 18px; margin-top: 50px; text-align: right; padding-bottom: 50px; color: #fff;}

.s11_left {margin-top: 100px; padding: 0 70px;}

.subtit.st:before {
    content: '';
    display: block;
    width: 60px;
    height: 5px;
    margin-bottom: 10px;
    background-size: 100%;
    background: #fff;
}
	br.on {display:none;}
/* sub41 */

@media screen and (max-width:1024px) {
	#bo_gall .bo_tit {text-overflow: ellipsis;

white-space: nowrap;

overflow: hidden;}
	#bo_gall .bo_cnt {text-overflow: ellipsis;

white-space: nowrap;

overflow: hidden; display:block;}
    .sub_wrap {width: 100%; padding: 0 20px; margin-bottom: 100px;}
    .selectBoxList {padding: 20px;}
    .box_fs {width: 30px; height: 30px;}
    .box_fs a {width: 30px; height: 30px;}
    .selectBoxList {width: 100%;}
    .selectBox {width: 100px; height: 30px;}
    .selectBox .select {width: 100px; height: 30px; font-size: 12px; padding: 0 10px;}
    .selectBox .icoArrow {right: 10px;}
    #tab-cont {padding: 20px;}
    #tab-cont form ul li {width: 100%; margin: 0; margin-bottom: 25px;}
    #tab-btn li {font-size: 12px; width: 25%;}
    #tab-cont > div > img {width: 100% !important;}
    #tab-menu {margin-top: 50px;}
    .bx-wrapper {margin-bottom: 50px;}
    .leftm-wrap {width: 100%; padding: 0 20px;}
    .b_title {width: 100% !important; padding: 0 20px;}
    #bo_gall {width: 100% !important; padding: 0 20px;}
    .gall_row .col-gn-4 {width: 50% !important;}
    .gall_img {height: 200px !important;}
    .s41_icon ul li {width: 50%;}
    .s41_icon ul li p {margin-top: 0; margin-bottom: 20px;}
    .s12_b1 li {font-size: 18px; margin-bottom: 30px;}
    .s11_his > ul > li > ul > li:first-child {width: 40px;}
    .s11_his > ul > li > ul > li {padding-right: 20px;}
    .s11_boxx > div {float: none; width: 100%;}
    #bo_v {width: 100% !important; padding: 0 20px;}
    .oneabb-newsbank-news-Header-title {font-size: 30px !important;}
	.s40_s40 table tr td.dutb {padding-left:5px; padding-right:5px; font-size:14px;}
	.s40_s40 table tr td.samtb {padding:5px;}
	br.on {display:block;}
	.s40_s40 table tr td.bigtb {font-size:16px;}
}


/* 24.11.26 수정 */
.m_new .mdepth2 {
  font-size: 14px;
  padding: 5px 30px;
  color: #fff;
}
/* .m_new .mdepth2.on {
  color: #17ec8f;
} */
.m_new .mdepth3 {
  display: none;
}
.m_new .mdepth3>a {
  display: block;
  padding: 5px 30px;
  font-size: 12px;
  color: #fff;
}
/* .m_new .mdepth3>a:hover {
  color: #17ec8f;
} */