.sub_table_wrap {
	overflow: hidden;
	overflow-x: scroll;
	width: 100%;
}

.sub_table_wrap:before {
	content: "좌우로 터치해서 보세요.";
	font-size: 15px;
	width: 210px;
	margin: 15px auto;
	box-sizing: border-box;
	padding: 0 0 0px 42px;
	line-height: 50px;
	color: #00589b;
	display: block;
	background: url(/bbs/sub/img/point_bg.png) no-repeat left top;
	height: 40px;
	background-size: auto 100%;
}

/* 테이블 */

.table_t10 {
	width: 100%;
	border-top: 2px solid #0d2d4f;
	text-align: center;
	color: #222222;
	word-break: break-all;
	min-width: 940px;
}
.table_t10 thead th {
	border-left: 1px solid #c8cdd2;
	border-bottom: 1px solid #c8cdd2;
	color: #000000;
	font-weight: 500;
	background: #dfe6ed;
}

.table_t10 td {
	color: #666666;
	vertical-align: middle;
}
.table_t10 th {
	font-weight: 500;
	background: #f6f8fa;
	vertical-align: middle;
}
.table_t10 td, .table_t10 th {
	padding: 11px;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
.table_t10 td:first-child, .table_t10 th:first-child, .table_t10 thead th:first-child {
	border-left: 0;
}
.table_t10 thead td:nth-child(1) {
	text-align: center;
}
.table_t10 tfoot td, .table_t10 tfoot th {
	border-bottom: 1px solid #0d2d4f;
	color: #000;
	font-weight: 500;
	background: #dfe6ed;
}
.table_t10 .board_left_no {
	border-left: 0px;
}

.table_box {
    padding-bottom: 4rem;
}
.t_left {
    text-align: left !important;
}
.table_t10 .left_line{border-left: 1px solid #c8cdd2 !important;}
/* 테이블 End */



.sub-product{}
.sub-product h3{font-size:32px;line-height:1.2; font-weight:600; letter-spacing:-0.05em;}
.sub-product h4{padding-top:10px;font-size:22px;}
.sub-product .product-tit{padding:30px 0 0;}
.sub-product .product-tit:after{content:'';display:block;width:40px;height:3px;margin:20px 0;background:#f8741c;}
.sub-product .product-txt{font-size:18px}
/* .product-txt{line-height:1.8;} */
.sub-product h5{margin-bottom:20px;padding:0 0 5px;font-size:20px;border-bottom:2px solid #dcdcdc;}
.certificate-box{margin-top:20px;}
.certificate-box li{display:inline-block;text-align:center;}
.certificate-box li + li{margin-left:30px;}

.sub-product table thead {
    color: #fff !important;
    background: #0052a2;
}

.gap80 {
    gap: 80px 0;
	padding-bottom:10rem;
}
.grid3Box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [ 4 ];
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.m00 .img img {
    border: 1px solid #cecece;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 20px;
}

@media (max-width: 960px){
 .grid3Box {
    gap: 15px;
  }
}

@media (max-width: 640px){
.grid3Box {
    -ms-grid-columns: (1fr) [ 2 ];
    grid-template-columns: repeat(2, 1fr);
}
}





.sub-product table{margin:20px 0 10px;text-align:center;}
.sub-product table caption{text-align:left;font-size:16px;font-weight:700;}

.sub-product table thead th{padding:10px;font-weight:600; color:#353535; border:1px solid #a4acb5;}
.sub-product table .bgbg{background:#f1f4f9;}
.sub-product table .bgbg span { position: relative; display:inline-block; width: 60%; height: 2px; margin: 0 20px; background-color: #333; vertical-align: middle;}
.sub-product table .bgbg span::after { content: ''; position: absolute; top: 50%; right: 2px; width: 2px; height: 10px; background-color: #333; transform: translateY(-80%) rotate(-45deg);}
.sub-product table tbody th{padding:8px;border-bottom:1px solid #a4acb5;border-left:1px solid #a4acb5;}
.sub-product table tbody td{padding:8px;border-bottom:1px solid #a4acb5;border-left:1px solid #a4acb5;}
.sub-product table tbody th:first-child{border-left:0}
.sub-product table tbody td:first-child{border-left:0}
#priming-pump table tbody tr:nth-child(odd){background:#f1f4f9;}
#vacuum-pump table tbody tr:nth-child(odd){background:#f1f4f9;}

	/* icons */
.icons{display:flex}
.icons>li{flex:1;padding: 0 30px;border-right:1px solid #ececec;text-align:center}
.icons>li:last-child{border-right:0 none}
.icons__icon{padding-top:14px}
.icons__icon .ico{display:flex;align-items:center;justify-content:center}
.icons__title{display:block;margin:26px 0 6px;font-size: 22px;font-weight:500;line-height:1.4}
.icons__title--fit{margin:0}
.icons__title--small{font-size:18px;font-weight:300;color:#666}
.icons__description{margin-top:10px;color:var(--darkgray)}
.icons p{color: #777;font-size: 14px;margin-top:10px;letter-spacing: -0.07em;}
.icons--fit>li{padding:0 20px}
.icons--large .icons__title{margin-bottom:18px;font-size:22px}
.icons--box{padding:26px 0;border:1px solid var(--lightgray)}
.icons--box--large{padding:50px 0}

/* inner */
.inner~.inner{margin-top:110px;padding-top:110px;border-top:1px solid #999}
.inner--small{padding-top:50px}
.inner--line{border-top:1px solid #333}
.inner--margin{margin-top:100px}
.inner~.inner--small{padding-top:50px}

/* box */
.box{display:flex}
.box__title{flex-basis:28%;flex-shrink:0;font-size:32px;font-weight:500;line-height:1.25}
.box__title--large{flex-basis:30%;font-size:36px}
.box__title--large--full{flex-basis:100%;font-size:36px}
.box__wrap{flex-grow:1}
.box__inner~.box__inner{margin-top:40px;padding-top:40px;border-top:1px solid var(--lightgray)}
.box__inner~.box__inner--large{margin-top:50px;padding-top:50px}
.box__inner--fit{padding-top:0 !important;border-top:0 none !important}
.box .icons--fit{margin-top:0;}
.box--line{padding-top:55px;border-top:1px solid #333}
.box__title span{display:block;position:relative;padding-left:222px;font-size:24px;font-weight:600}
.box__title span:before{content:'';position:absolute;top:11px;left:0;width:180px;height:1px;background:#000}
.box__title--small{font-size:20px;line-height:1.7}
.box__title--xsmall--full{flex-basis:100%;font-size:18px;font-weight:400;line-height:1.55}
/* textbox */
.textbox{position:relative;padding-left:50px}
.textbox__number{position:absolute;top: 8px;left:0;font-size: 22px;color:#250088;font-weight:600}
.textbox__number--fit{top:2px}
.textbox__number--fit+.textbox__subtitle{position:relative;top:-1px}
.textbox__title{font-size:24px;font-weight:500;color:#250088}
.textbox__subtitle{font-size:20px;font-weight:500}
.textbox__subtitle~.black{margin-top:8px}
.textbox__subtitle~.black~.list{margin-top:20px}
.textbox__title~.textbox__subtitle{margin-top:3px}
.textbox .list{margin-top:10px}
.textbox .list~.textbox__subtitle{margin-top:25px}
.textbox__title small{position:relative;display:inline-block;padding-left:10px;font-size:18px;font-weight:300}
.textbox__title small:before{content:':';position:absolute;top:0;left:0}
.textbox--fit{padding-left:0}
.textbox--fit .textbox__title{margin-bottom:8px;color:#333}
.textbox--ethics .textbox__subtitle{margin-top: 10px;}
.textbox--ethics .list{margin-top:6px}
.textbox--ethics .list~.list{margin-top:10px}
/* list */
.list>li{font-size: 16px;position:relative;padding-left:15px;color:var(--darkgray);text-align:left}
.list>li:before{content:'';position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:#ccc}
.list>li~li{margin-top:10px}
.list small{font-size:16px;color:var(--gray)}
.list--small>li~li{margin-top:6px}
.list--black>li{color:var(--black)}
.list--black strong{font-weight:600}


@media(max-width: 1023px) {


.icons {
    flex-wrap: wrap;
    justify-content: center;
}
.icons>li {
    flex: 0;
    flex-basis: 33.33333333%;
    margin-top: 20px;
    padding: 0 20px 50px;
    border-right: 0 none;
}

}


/* box */
.box{display:flex}
.box__title{padding-bottom: 3rem;flex-basis:28%;flex-shrink:0;font-size: 25px;font-weight:500;line-height:1.25}
.box__title--large{flex-basis:30%;font-size:36px}
.box__title--large--full{flex-basis:100%;font-size:36px}
.box__wrap{padding-bottom: 4rem;flex-grow:1}
.box__wrap .description{
    padding-bottom: 3rem;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.25;

}
.box__inner~.box__inner{margin-top:40px;padding-top:40px;border-top:1px solid #ececec}
.box__inner~.box__inner--large{margin-top:50px;padding-top:50px}
.box__inner--fit{padding-top:0 !important;border-top:0 none !important}
.box .icons--fit{margin-top:0;}
.box--line{padding-top:55px;border-top:1px solid #333}
.box__title span{display:block;position:relative;padding-left:222px;font-size:24px;font-weight:600}
.box__title span:before{content:'';position:absolute;top:11px;left:0;width:180px;height:1px;background:#000}
.box__title--small{font-size:20px;line-height:1.7}
.box__title--xsmall--full{flex-basis:100%;font-size:18px;font-weight:400;line-height:1.55}
.textbox p{    margin-top: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.45;}
/* textbox */
.textbox{position:relative;padding-left:50px}
.textbox__number{position:absolute;top: 8px;left:0;font-size: 22px;color:#250088;font-weight:600}
.textbox__number--fit{top:2px}
.textbox__number--fit+.textbox__subtitle{position:relative;top:-1px}
.textbox__title{font-size:24px;font-weight:500;color:#250088}
.textbox__subtitle{font-size:20px;font-weight:500}
.textbox__subtitle~.black{margin-top:8px}
.textbox__subtitle~.black~.list{margin-top:20px}
.textbox__title~.textbox__subtitle{margin-top:3px}
.textbox .list{margin-top:10px}
.textbox .list~.textbox__subtitle{margin-top:25px}
.textbox__title small{position:relative;display:inline-block;padding-left:10px;font-size:18px;font-weight:300}
.textbox__title small:before{content:':';position:absolute;top:0;left:0}
.textbox--fit{padding-left:0}
.textbox--fit .textbox__title{margin-bottom:8px;color:#333}
.textbox--ethics .textbox__subtitle{margin-top: 10px;}
.textbox--ethics .list{margin-top:6px}
.textbox--ethics .list~.list{margin-top:10px}
/* list */
.list>li{font-size: 16px;position:relative;padding-left:15px;color:var(--darkgray);text-align:left}
.list>li:before{content:'';position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:#ccc}
.list>li~li{margin-top:10px}
.list small{font-size:16px;color:var(--gray)}
.list--small>li~li{margin-top:6px}
.list--black>li{color:var(--black)}
.list--black strong{font-weight:600}

@media screen and (max-width: 1023px){
.box {display: block;}
}

 .sub_article { padding:0 0 200px 0; }
.sub_article.pb0 { padding-bottom: 0; }
.h_area {margin: 0 0 120px 0;}
.h_area .m_tit {margin: 0 0 20px 0;}
.s_tit_sub { margin: 0 0 50px 0; font-size: 1.76rem; letter-spacing: -0.05em; line-height: 1.2; color: #191919; }
@media (max-width: 1023px) {
    .sub_article { padding: 1vw 0; }
    .h_area {margin: 0 0 10vw 0;}
    .s_tit_sub { margin: 0 0 5.3vw 0; }
}


.m_tit {font-size: 2.3rem;letter-spacing: -0.05em;line-height: 1.3;color: #999}
.m_tit span { color: #0E2071; }
.m_tit + .txt {font-size: 18px;margin: 20px 0 0 0;}
.manage_section .list_wrap {margin-bottom: 10vw;}
.manage_section .list_wrap .ly_flex { display: flex; margin-bottom: 80px }
.manage_section .list_wrap .tit_box { width: 465px; }
.manage_section .list_wrap .cont_box {width: calc(100% - 390px);padding-left: 100px;}
.manage_section .list_wrap .tit_box span {display: block;font-size: 2.17rem;margin: -25px 0 10px 0;}
.manage_section .list_wrap .tit_box h3 {font-weight: 500;font-size: 2.3rem;color: #191919;white-space: nowrap;}
.manage_section .list_wrap .txt {font-size: 1.7rem;line-height: 1.6;letter-spacing: -0.07em;color: #505050;}
.manage_section .list_wrap .img_list {  display: flex; flex-wrap: wrap; justify-content: space-between; margin-right: -84px; }
.manage_section .list_wrap .img_list li { width: calc(33.3% - 84px); margin-right: 84px; }
.manage_section .list_wrap .img_list li .txt_box { display: flex; flex-wrap: nowrap; align-items: flex-start; margin-top: 42px; }
.manage_section .list_wrap .img_list li .txt_box span {padding-right: 30px;letter-spacing: -0.05em;color: #0E2071;font-weight: 700;font-size: 1.8rem;line-height: 1;}
.manage_section .list_wrap .img_list li .txt_box .txt h4 {font-weight: 500;font-size: 1.96rem;line-height: 1.2;letter-spacing: -0.05em;color: #191919;}
.manage_section .list_wrap .img_list li .txt_box .txt p { margin-top: 20px; color:#777;}
@media (min-width: 1024px) {
    .manage_section .list_wrap .img_list li:nth-child(2) { margin-top: 130px; }
    .manage_section .list_wrap .img_list li:nth-child(3) { margin-top: 49px; }
}
@media (max-width: 1023px) {
    .manage_section .list_wrap .ly_flex { display: block }
    .manage_section .list_wrap .tit_box { width: 100%; }
    .manage_section .list_wrap .cont_box { padding: 0; width: 100%; margin-top: 30px; }
    .manage_section .list_wrap .img_list { margin-right: -30px; }
    .manage_section .list_wrap .img_list li { width: calc(33.3% - 30px); margin-right: 30px; }
    .manage_section .list_wrap .img_list li .txt_box span { padding-right: 20px; }
}
@media (max-width: 767px) {
    .manage_section .list_wrap .tit_box h3 { font-size: 2.07rem; line-height: 1.3; }
    .manage_section .list_wrap .tit_box span { margin-top: 0; }
    .manage_section .list_wrap .ly_flex { margin-bottom: 60px; }
    .manage_section .list_wrap .img_list { margin-right: 0; }
    .manage_section .list_wrap .img_list li { width: 100%; margin: 0 0 60px 0; }
    .manage_section .list_wrap .img_list li:last-child { margin-bottom: 0; }
    .manage_section .list_wrap .img_list li .txt_box { margin-top: 5.3vw; }
    .manage_section .list_wrap { margin-bottom: 40vw; }
}
@media (min-width: 768px){
	.mo {
	    display: none;
	}
	}

.manage_section .banner {height: 160px;padding: 40px 100px;align-items: center;justify-content: space-between;background: url(https://www.unitechcorp.com/wp-content/themes/unitech/assets/images/manage_banner.png)no-repeat center #101E5D;}
.manage_section .banner h3, .manage_section .banner .btn_down2 { color: #fff; }
.manage_section .banner h3 { margin: 0; }
.manage_section .banner .btn_down2 { border-color: #fff; }
.manage_section .banner .btn_down2:after { background-image: url(https://www.unitechcorp.com/wp-content/themes/unitech/assets/images/ic_down_hover.svg); }
.manage_section .banner .btn_down2:hover { background: #fff; color: #0E2071; }
.manage_section .banner .btn_down2:hover:after { background-image: url(../images/ic_down.svg); }
:lang(en) .manage_section .banner .btn_down2 { width: 135px; }
@media (min-width: 768px) {
    .smooth-scroll .manage_section .list_wrap .list .inner { height: 100vh; }
    .smooth-scroll .manage_section .list_wrap .list .txt-item { position: absolute; left: 0; top: 50%; width: 100%; height: 100%; text-align: left; transform: translateY(100%); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); }
}
@media (max-width: 767px) {
    .smooth-scroll .manage_section .list_wrap .list .img_wrap { display: none; }
    .smooth-scroll .manage_section .list_wrap .list .txt_wrap { width: 100%; }
    .smooth-scroll .list_wrap .list .tit_area { margin: 0 0 10px 0; }
    .smooth-scroll .manage_section .list_wrap .list { margin: 0 0 12vw 0; }
    .smooth-scroll .manage_section .list_wrap .list .txt_wrap li { margin: 0 0 5.3vw 0; }
    .smooth-scroll .manage_section .list_wrap .list .txt_wrap li:first-child { margin: 0 0 10.6vw 0; }
    .smooth-scroll .manage_section .list_wrap .list .txt_wrap li:last-child { margin-left: 0; }
    .smooth-scroll .list_wrap .list .txt-item dl { margin: 4vw 0 0 0; padding-left: 25px; }
    .smooth-scroll .list_wrap .list .txt-item dt { margin: 0 0 10px 0; }
    .smooth-scroll .list_wrap .list .txt-item dt span { top: -4px; }

    .manage_section .banner { height: 112px; padding: 20px 14px; flex-direction: column; justify-content: space-between; background-size: cover; }
}

.s_tit_sub {margin: 0 0 50px 0;font-size: 2rem;letter-spacing: -0.05em;line-height: 1.2;color: #191919;padding-bottom: 1.2em;}
.btn_down2 {display: flex;justify-content: space-between;align-items: center;width: 152px;line-height: 36px;padding: 0 19px;border: 1px solid rgba(14, 32, 113, 0.4);font-size: 1.5rem;font-weight: 500;letter-spacing: -0.05em;color: #0E2071;background: transparent;}
.btn_down2:after { width: 16px; height: 16px; margin: 0 0 0 10px; background: url(https://www.unitechcorp.com/wp-content/themes/unitech/assets/images/ic_down.svg)no-repeat; background-size: contain; content: ''; }



.pcbr {
    display: none !important;
}

.ptbr {
    display: block !important;
}

.tbr {
    display: block !important;
}

.tmbr {
    display: block !important;
}

.mbr {
    display: none !important;
}

.pc_view {
    display: none !important;
}

.pt_view {
    display: block !important;
}

.tm_view {
    display: block !important;
}

.t_view {
    display: block !important;
}

.m_view {
    display: none !important;
}

.has-scroll-smooth body {
    overflow: auto !important;
}

body::-webkit-scrollbar {
    width: 7px;
    height: 0 !important;
}

body::-webkit-scrollbar-thumb {
    background-color: #777;
    border-radius: 10px
}

body::-webkit-scrollbar-track {
    background-color: #eee;
}

.nicescroll-rails {
    right: 3px !important;
}

#container {
    padding-top: 170px;
}

body.normalPage #container {
    padding-top: 230px;
}

#subtop {
    position: relative;
    word-break: keep-all;
}

#menu_tab_wrap {
    position: relative;
    width: 100%;
    font-size: 1.8rem;
    color: #999999;
    font-weight: 500;
    margin-bottom: 50px;
}

#menu_tab_wrap .menu_tab_list {
    position: relative;
    width: 100%;
}

#menu_tab_wrap .menu_tab_list ul {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    list-style: none;
}

#menu_tab_wrap .menu_tab_list ul::-webkit-scrollbar {
    display: none;
}

#menu_tab_wrap .menu_tab_list ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    opacity: 0;
}

#menu_tab_wrap .menu_tab_list ul li:first-child {
    padding-left: 0;
}

#menu_tab_wrap .menu_tab_list ul li:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 14px;
    background: #cccccc;
    transform: translateY(-50%);
    margin-top: 3px;
}

#menu_tab_wrap .menu_tab_list ul li:last-child:after {
    display: none;
}

#menu_tab_wrap .menu_tab_list ul li a {
    font-size: 16px;
    position: relative;
    padding-top: 10px;
    display: block;
}

#menu_tab_wrap .menu_tab_list ul li.on a {
    color: #0096e0;
}

#menu_tab_wrap .menu_tab_list ul li.on a:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #0085ce;
}

#subtop #slogan {
    position: relative;
    font-size: 2.8rem;
    color: #000;
    font-weight: 600;
    letter-spacing: -0.15px;
    margin-bottom: 15px;
    line-height: 1.8;
    z-index: 1;
    opacity: 0;
}

#subtop #dep1_en {
    font-weight:600;
    min-height: 70px;
    margin-bottom: 30px;
    position: relative;
    font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;
    color: #000;
    letter-spacing: -0.01em;
    line-height: 0.9;
    z-index: 1;
    /* margin-left: -10px; */
}

#subtop .bg {
    position: relative;
    width: 100%;
    height: 260px;
    overflow: hidden;
    margin-top: -26px;
    opacity: 0;
}

#subtop .bg div {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: circle(10vmax at 33vw 50%);
    background: #111;
}

#subtop .bg span {
    display: block;
    width: 100%;
    height: 100%;
}


#subtop.st11 .bg span {
    background: url('/bbs/sub/img/st1_bg.jpg')no-repeat left 36% center/cover;
}

#subtop.st12 .bg span {
    background: url('/bbs/sub/img/st2_bg.jpg')no-repeat center/cover;
}

#subtop.st21 .bg span {
    background: url('/bbs/sub/img/220902_st21_bg.jpg')no-repeat center/cover;
}

#subtop.st22 .bg span {
    background: url('/bbs/sub/img/st22_bg.jpg')no-repeat center/cover;
}

#subtop.st23 .bg span {
    background: url('/bbs/sub/img/st23_bg.jpg')no-repeat center/cover;
}

#subtop.st24 .bg span {
    background: url('/bbs/sub/img/220902_st24_bg.jpg')no-repeat center/cover;
}

#subtop.st25 .bg span {
    background: url('/bbs/sub/img/220902_st25_bg.jpg')no-repeat center/cover;
}

#subtop.st31 .bg span {
    background: url('/bbs/sub/img/st31_bg.jpg')no-repeat center/cover;
}

#subtop.st32 .bg span {
    background: url('/bbs/sub/img/st32_bg.jpg')no-repeat center/cover;
}

#subtop.st33 .bg span {
    background: url('/bbs/sub/img/220902_st33_bg.jpg')no-repeat center/cover;
}

#subtop.st41 .bg span {
    background: url('/bbs/sub/img/st41_bg.jpg')no-repeat center/cover;
}

#subtop.st42 .bg span {
    background: url('/bbs/sub/img/st42_bg.jpg')no-repeat center/cover;
}


#fix_menu_wrap-sticky-wrapper {
    position: fixed;
    top: 110px;
    left: 0;
    width: 100% !important;
    height: auto !important;
    transition: 0.3s;
    z-index: 100;
}

body.hide #fix_menu_wrap-sticky-wrapper {
    top: 0;
}

#fix_menu_wrap {
    width: 100% !important;
    height: 70px !important;
    font-size: 1.6rem;
    color: #999999;
    font-weight: 500;
    background: #fff;
    opacity: 1 !important;
    transform: inherit !important;
    animation: inherit !important;
}

#fix_menu_wrap:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    z-index: 0;
}

#fix_menu_wrap .fix_menu_g {
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    list-style: none;
    padding: 0 30px;
}

#fix_menu_wrap .fix_menu_g::-webkit-scrollbar {
    display: none;
}

#fix_menu_wrap .fix_menu_g > li {
    position: relative;
    height: 100%;
    width: auto;
    padding: 0 30px;
    display: inline-block;
}

#fix_menu_wrap .fix_menu_g > li + li:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 14px;
    background: #cccccc;
    transform: translateY(-50%);
}

#fix_menu_wrap .fix_menu_g > li a {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
}

#fix_menu_wrap .fix_menu_g > li.on a {
    color: #0096e0;
    /* font-weight: 600; */
    transition: 0.3s;
}

#fix_menu_wrap .fix_menu_g > li a:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #269ee2;
    transform-origin: left top;
    transform: scaleX(0);
    transform-origin: center;
    opacity: 0;
    z-index: 10;
    transition: 0.3s;
}

#fix_menu_wrap .fix_menu_g > li.on a:before {
    transform: scaleX(1);
    opacity: 1;
}

#fix_menu_wrap .fix_menu_g > li a:hover {
    opacity: 0.5;
    transition: 0.3s;
}

.m00 {
    position: relative;
    width: 100%;
    padding-top: 80px;
}

.m00 .txt1 {
    font-size: 1.5rem;
    color: #666;
    line-height: 1.6;
    font-weight: 400;
    letter-spacing: -0.25px;
    word-break: keep-all;
}

.m00 .img {
    position: relative;
    text-align: center;
}

.m00 .img img {
    max-width: 100%;
    margin: 0 auto;
}

.section_wrap {
    position: relative;
    word-break: keep-all;
}

.con_title_g.normal_title {
    margin-bottom: 50px;
}

.con_title_g .title0 {
    font-size: 4.2rem;
    color: #000;
    font-weight: 600;
    line-height: 1.4;
}

.con_title_g .title0.en {
    font-family: 'Lexend','Noto Sans KR',sans-serif;
    font-weight: 700;
}

.con_title_g .title1 {
    font-size: 2.3rem;
    color: #000;
    font-weight: 500;
    line-height: 1.4;
}

.con_title_g .title2 {
    font-size: 3.2rem;
    color: #000;
    line-height: 1.4;
    font-weight: 600;
}

.con_title_g .title2.type2 {
    position: relative;
    padding-left: 23px;
}

.con_title_g .title2.type2:before {
    display: block;
    content: "";
    width: 4px;
    height: 26px;
    background: #000;
    position: absolute;
    top: 10px;
    left: 0;
}

.con_title_g .title3 {
    font-size: 3.6rem;
    color: #000;
    line-height: 1.4;
    font-weight: 600;
}

.con_title_g .title4 {
    font-size: 2rem;
    color: #000;
    line-height: 1.7;
    font-weight: 500;
}

.con_title_g .title5 {
    font-size: 2rem;
    color: #000;
    line-height: 1.7;
    font-weight: 500;
}

.con_title_g .title6 {
    font-size: 3.8rem;
    color: #000;
    line-height: 1.7;
    font-weight: 500;
}

.con_title_g .title6.en {
    font-family: 'Lexend','Noto Sans KR',sans-serif;
    font-weight: 600;
}

.paging {
    margin-top: 50px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.paging > * {
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
    font-family: 'Lexend',sans-serif;
    line-height: 50px;
    font-weight: 400;
    border-radius: 15px;
    color: #333;
}

.paging strong {
    background: #269ee2;
    color: #fff;
    font-weight: 400;
}

.paging > *:not(strong,.arrow):hover {
    background: #eee;
    transition: 0.3s;
}

.paging .first {
    background: url(/bbs/sub/img/paging_first.png)no-repeat center;
    margin-right: 5px;
}

.paging .prev {
    background: url(/bbs/sub/img/paging_prev.png)no-repeat center;
    margin-right: 18px;
}

.paging .next {
    background: url(/bbs/sub/img/paging_next.png)no-repeat center;
    margin-left: 18px;
}

.paging .last {
    background: url(/bbs/sub/img/paging_last.png)no-repeat center;
    margin-left: 5px;
}

.page_layout_style1 .section:first-child > .inner {
    padding-bottom: 175px;
}

.page_layout_style1 .main_title {
    margin-bottom: 90px;
}

.page_layout_style1 .section + .section > .inner {
    padding: 120px 0 160px;
    border-top: 1px solid #dbdbdb;
}

.page_layout_style1 .page_info_wrap {
    /* padding: 0 0 80px 0; */
    /* border-bottom: 1px solid #dbdbdb; */
    margin-bottom: 80px;
}

.page_layout_style1 .page_info_wrap .txt1 {
    margin-top: 40px;
}

.page_layout_style1 .page_info_wrap.main_title {
    padding-bottom: 0;
    border-bottom: 0;
}

.m00 .tabs_wrap {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.m00 .tabs_wrap.style1 li {
    width: 50%;
    height: 56px;
    border: 1px solid #d9d9d9;
    background: #fff;
    margin: -1px 0 0 -1px;
}

.m00 .tabs_wrap.style1 li > * {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: transparent;
    color: #999;
    font-weight: 500;
    font-size: 1.8rem;
}

.m00 .tabs_wrap.style1 li.on {
    background: #269ee2;
    border: 0;
    transition: 0.3s;
}

.m00 .tabs_wrap.style1 li.on > * {
    color: #fff;
    transition: 0.3s
}

.m00 .tabs_wrap.style2 li {
    position: relative;
    height: 56px;
    border-bottom: 1px solid #b2b2b2;
}

.m00 .tabs_wrap.style2 li > * {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: transparent;
    color: #999;
    font-weight: 500;
    font-size: 1.7rem;
}

.m00 .tabs_wrap.style2 li + li {
    margin-left: 4px;
}

.m00 .tabs_wrap.style2 li:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #269ee2;
    opacity: 0;
    z-index: 10;
}

.m00 .tabs_wrap.style2 li.on > * {
    color: #000;
    transition: 0.3s;
}

.m00 .tabs_wrap.style2 li.on:after {
    opacity: 1;
    transition: 0.3s;
}

.m00 .tabs_wrap.style2.list6 li {
    width: calc(16.66666666666667% - 3.333333333333333px);
}

.m00 .tabs_wrap.style2.list7 li {
    width: calc(14.28571428571429% - 3.428571428571429px);
}

.m00 .tabs_select_wrap {
    position: relative;
    width: 100%;
    z-index: 100;
}

.m00 .tabs_select_wrap .tm_view {
    position: relative;
    margin-bottom: 50px;
}

.m00 .tabs_select_wrap .tm_view button {
    position: relative;
    width: 100%;
    height: 60px;
    font-size: 2rem;
    color: #000;
    font-weight: 500;
    border-bottom: 3px solid #269ee2;
}

.m00 .tabs_select_wrap .tm_view button:after {
    display: block;
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    width: 10px;
    height: 10px;
    border: 2px solid #000;
    transform: rotate(45deg);
    border-top: 0;
    border-left: 0;
}

.m00 .tabs_select_wrap.on .tm_view button:after {
    transform: rotate(-135deg);
    top: 26px;
}

#wrap .m00 .tabs_select_wrap ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    font-size: 2rem;
    color: #999999;
    text-align: center;
    font-family: 'Montserrat','Noto Sans KR',sans-serif;
    font-weight: 500;
    border: 1px solid #dddddd;
    border-top: 0;
    display: none;
    padding: 15px 0;
    background: #f8f8f8;
}

#wrap .m00 .tabs_select_wrap ul li {
    width: 100%;
    height: 50px;
    margin: 0;
    border-bottom: 0;
}

#wrap .m00 .tabs_select_wrap ul li button {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 1.8rem;
    color: #999;
    font-weight: 400;
    font-family: 'Noto Sans KR',sans-serif;
}

#wrap .m00 .tabs_select_wrap ul li:after {
    display: none;
}

.tabs_contents .con {
    display: none;
}

.tabs_contents .con1 {
    display: block;
}

/*m11*/
.m11.page_layout_style1 .page_info_wrap {
    margin-bottom: 0;
}

.m11 .vision_philosophy_wrap {
    padding-top: 120px;
    padding-bottom: 170px;
}

.m11 .vision_philosophy .vision .con_title_g {
    margin-bottom: 65px;
}

.m11 .vision_philosophy .v_info_g {
    position: relative;
    width: 100%;
    left: 0;
    padding: 140px 0;
}

.m11 .vision_philosophy .v_info_g .bg {
    display: block;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.m11 .vision_philosophy .v_info_g .slogan {
    color: #fff;
    font-size: 4.8rem;
    font-weight: 500;
    line-height: 1.35;
}

.m11 .vision_philosophy .v_info_g .slogan .en {
    font-size: 5rem;
    font-family: 'Lexend','Montserrat',sans-serif;
}

.m11 .vision_philosophy .v_info_g .txt1 {
    color: #fff;
    margin-top: 30px;
}

.m11 .vision_philosophy .philosophy {
    padding-top: 200px;
}

.m11 .vision_philosophy .philosophy .tabs_contents {
    padding-top: 100px;
}

.m11 .vision_philosophy .philosophy .sub_title .txt1 {
    margin-top: 35px;
}

.m11 .vision_philosophy .philosophy .item_list {
    padding-top: 120px;
}

.m11 .vision_philosophy .philosophy .item_list .con_title_g {
    text-align: center;
    margin-bottom: 50px;
}

.m11 .vision_philosophy .philosophy .item_list .diagram {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 2.7rem;
    color: #fff;
    line-height: 1.1;
    font-weight: 400;
    margin-bottom: 145px;
}

.m11 .vision_philosophy .philosophy .item_list .diagram:before,.m11 .vision_philosophy .philosophy .item_list .diagram:after {
    display: block;
    content: "";
    position: absolute;
    top: 22.5vw;
    left: 0;
    width: 100%;
    height: 2px;
    border-top: 2px dotted #ccc;
    margin-top: 1px;
    z-index: -1;
}

.m11 .vision_philosophy .philosophy .item_list .diagram:after {
    bottom: 22vw;
    top: auto;
}

.m11 .vision_philosophy .philosophy .item_list .diagram li {
    position: relative;
    width: 50%;
    text-align: center;
    padding: 26px;
    border-radius: 50%;
    height: 45vw;
}

.m11 .vision_philosophy .philosophy .item_list .diagram li:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: calc(100% + 3px);
    height: 100%;
    border-radius: 50%;
    border: 2px dotted #3eb5e0;
    transform: rotate(45deg);
    box-sizing: border-box;
}

.m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(2):before {
    border-color: #258adc;
}

.m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(3):before {
    border-color: #166bc4;
}

.m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(4):before {
    border-color: #0e4d90;
}

.m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(even):before {
    border-bottom-color: #fff !important;
    border-right-color: #fff !important;
}

.m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(odd):before {
    border-top-color: #fff !important;
    border-left-color: #fff !important;
}

.m11 .vision_philosophy .philosophy .item_list .diagram li .g {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.m11 .vision_philosophy .philosophy .item_list .diagram li:after, .m11 .vision_philosophy .philosophy .item_list .diagram li:last-child .g:after,.m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(2) .g:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-top: -2px;
    z-index: 10;
}

.m11 .vision_philosophy .philosophy .item_list .diagram li:first-child:after {
    left: -3px;
}

.m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(1):after, .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(1) .g {
    background: #3eb5e0;
}

.m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(2):after, .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(2) .g,.m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(2) .g:after {
    background: #258adc;
}

.m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(3):after, .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(3) .g {
    background: #166bc4;
}

.m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(4):after, .m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(4) .g,.m11 .vision_philosophy .philosophy .item_list .diagram li:last-child .g:after {
    background: #0e4d90;
}

.m11 .vision_philosophy .philosophy .item_list .diagram li:nth-child(2) .g:after, .m11 .vision_philosophy .philosophy .item_list .diagram li:last-child .g:after {
    left: auto;
    right: -5px;
}

.m11 .vision_philosophy .philosophy .item_list .diagram li p {
    padding-top: 57px;
    background-repeat: no-repeat;
    background-position: top center;
}

.m11 .vision_philosophy .philosophy .item_list .diagram li .en {
    display: block;
    font-size: 3rem;
    font-family: 'Lexend','Montserrat',sans-serif;
}

.m11 .vision_philosophy .philosophy .item_list .diagram li .txt {
    font-size: 2rem;
}

.m11 .vision_philosophy .philosophy .item_list .info_list {
    position: relative;
    width: 100%;
}

.m11 .vision_philosophy .philosophy .item_list .info_list > li {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
}

.m11 .vision_philosophy .philosophy .item_list .info_list > li + li {
    margin-top: 90px;
}

.m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box {
    width: 100%;
    order: 2;
    padding: 70px 0 0 0;
}

.m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .title {
    font-size: 3.2rem;
    color: #3eb5e0;
    font-weight: 500;
}

.m11 .vision_philosophy .philosophy .item_list .info_list > li:nth-child(2) .text_box .title {
    color: #258adc;
}

.m11 .vision_philosophy .philosophy .item_list .info_list > li:nth-child(3) .text_box .title {
    color: #166bc4;
}

.m11 .vision_philosophy .philosophy .item_list .info_list > li:nth-child(4) .text_box .title {
    color: #0e4d90;
}

.m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .title .en {
    font-size: 3.4rem;
    font-family: 'Lexend','Montserrat',sans-serif;
    font-weight: 400;
    margin-right: 15px;
}

.m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .title .txt {
    font-size: 2.2rem;
    color: #222;
}

.m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .sub_title {
    font-size: 2.2rem;
    color: #222;
    font-weight: 500;
    line-height: 1.55;
    letter-spacing: -0.5px;
    margin-top: 24px;
}

.m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .txt1 {
    margin-top: 18px;
    letter-spacing: -0.4px;
}

.m11 .vision_philosophy .philosophy .item_list .info_list > li .text_box .txt1 br {
    display: none;
}

.m11 .vision_philosophy .philosophy .item_list .info_list > li .img {
    position: relative;
    width: 100vw;
    height: 450px;
    overflow: hidden;
    order: 1;
}

.m11 .vision_philosophy .philosophy .item_list .info_list > li:nth-child(even) .img {
    left: -11%;
}

.m11 .vision_philosophy .philosophy .item_list .info_list > li .img span {
    display: block;
    width: 100%;
    height: 100%;
}

.m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(1):before {
    border-color: #0aa4db;
}

.m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(2):before {
    border-color: #217bce;
}

.m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(3):before {
    border-color: #4445af;
}

.m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(4):before {
    border-color: #4e2990;
}

.m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(1):after, .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(1) .g {
    background: #0aa4db;
}

.m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(2):after, .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(2) .g {
    background: #217bce;
}

.m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(3):after, .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(3) .g {
    background: #4445af;
}

.m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(4):after, .m11 .vision_philosophy .philosophy .p_con2 .item_list .diagram li:nth-child(4) .g,.m11 .vision_philosophy .philosophy .item_list .diagram li:last-child .g:after {
    background: #4e2990;
}

.m11 .vision_philosophy .philosophy .p_con2 .item_list .info_list > li:nth-child(1) .text_box .title {
    color: #0aa4db;
}

.m11 .vision_philosophy .philosophy .p_con2 .item_list .info_list > li:nth-child(2) .text_box .title {
    color: #217bce;
}

.m11 .vision_philosophy .philosophy .p_con2 .item_list .info_list > li:nth-child(3) .text_box .title {
    color: #4445af;
}

.m11 .vision_philosophy .philosophy .p_con2 .item_list .info_list > li:nth-child(4) .text_box .title {
    color: #4e2990;
}

.m11 .ceo_greeting_wrap .main_title {
    margin-bottom: 55px;
}

.m11 .ceo_greeting_wrap .main_info:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: -500%;
    width: 1000%;
    height: 100%;
    background: #eaeaea;
    z-index: -1;
}

.m11 .ceo_greeting_wrap .main_info {
    position: relative;
    min-height: 620px;
    padding-top: 70px;
    display: flex;
    flex-wrap: wrap;
    z-index: 10;
}

.m11 .ceo_greeting_wrap .main_info .ceo {
    order: 2;
    background: url('/bbs/sub/img/tis_line_text.jpg')no-repeat bottom -1px center;
    width: 100%;
    margin-top: 40px;
    text-align: center;
    overflow: hidden;
}

.m11 .ceo_greeting_wrap .main_info .ceo img {
    max-width: 100%;
}

.m11 .ceo_greeting_wrap .main_info .con_title_g {
    order: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.m11 .ceo_greeting_wrap .main_info .con_title_g .title1 {
    line-height: 1.6;
}

.m11 .ceo_greeting_wrap .more_con {
    width: 100%;
    padding-top: 115px;
    display: flex;
    flex-wrap: wrap;
}

.m11 .ceo_greeting_wrap .more_con .slogan {
    width: 100%;
    font-size: 3.2rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 65px;
    line-height: 1.7;
}

.m11 .ceo_greeting_wrap .more_con .greeting {
    margin-bottom: 70px;
}

.m11 .ceo_greeting_wrap .more_con .greeting .title2 {
    line-height: 1.6;
}

.m11 .ceo_greeting_wrap .more_con .text_box {
    width: 100%;
}

.m11 .ceo_greeting_wrap .more_con .text_box + .text_box {
    margin-top: 45px;
}

.m11 .ceo_greeting_wrap .more_con .text_box br {
    display: none;
}

.m11 .ceo_greeting_wrap .more_con .text_box > * {
    margin-top: -8px;
}

.m11 .ceo_greeting_wrap .more_con .text_box > * + * {
    margin-top: 35px;
}

.m11 .ceo_greeting_wrap .more_con .text_box > b {
    display: block;
    font-size: 1.9rem;
    color: #000;
    font-weight: 500;
}

.m11 .ceo_greeting_wrap .more_con .text_box > b img {
    margin-left: 20px;
}

.m11 .history_wrap .history {
    position: relative;
    width: 100%;
}

.m11 .history_wrap .his_nav {
    position: relative;
    width: calc(100% + 7%);
    margin-bottom: 90px;
}

.m11 .history_wrap .his_nav ul {
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    list-style: none;
    padding: 0 30px;
}

.m11 .history_wrap .his_nav ul li {
    width: 200px;
    display: inline-block;
}

.m11 .history_wrap .his_nav ul::-webkit-scrollbar {
    display: none;
}

.m11 .history_wrap .his_nav:before {
    display: block;
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #0096e0;
}

.m11 .history_wrap .his_nav ul:before, .m11 .history_wrap .his_nav ul:after {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    background: #0096e0;
    border: 0px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 0;
    box-sizing: border-box;
    transform-origin: top center;
}

.m11 .history_wrap .his_nav ul:after {
    left: auto;
    right: 0;
}

.m11 .history_wrap .his_nav li button {
    position: relative;
    padding-top: 45px;
    font-size: 1.5rem;
    color: #000;
    font-family: 'Montserrat','Noto Sans KR',sans-serif;
    font-weight: 600;
    width: 100%;
    min-height: 66px;
    display: block;
}

.m11 .history_wrap .his_nav li button span {
    font-weight: 500;
}

.m11 .history_wrap .his_nav li button:before {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    background: #0096e0;
    border: 0px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    transform-origin: top center;
}

.m11 .history_wrap .his_nav li button:after {
    display: block;
    content: "";
    width: 29px;
    height: 29px;
    background: #fff;
    border: 11px solid #0096e0;
    position: absolute;
    top: 0;
    left: 50%;
    border-radius: 50%;
    transform: translateX(-50%) scale(0);
    transition: 0.5s;
    box-sizing: border-box;
}

.m11 .history_wrap .his_nav li.on button:after {
    transform: translateX(-50%) scale(1);
}

.m11 .history_wrap .his_con {
    position: relative;
    width: calc(100% + 10px);
}

.m11 .history_wrap .h_item {
    position: relative;
    width: 100%;
}

.m11 .history_wrap .h_item:after {
    display: block;
    content: "";
    clear: both;
}

.m11 .history_wrap .h_item .his {
    position: relative;
    width: 100%;
    padding: 40px 0px 0 0;
}

.m11 .history_wrap .h_item .his .big_year {
    font-size: 9.4rem;
    color: #0096e0;
    font-family: 'Lexend','Montserrat',sans-serif;
    line-height: 0.9;
    font-weight: 600;
    letter-spacing: -1px;
}

.m11 .history_wrap .h_item .his .big_year span {
    position: relative;
    top: -3px;
    font-size: 5rem;
    font-family: 'Noto Sans KR',sans-serif;
    font-weight: 700;
}

.m11 .history_wrap .h_item .his .img {
    width: 100vw;
    left: -11%;
    height: 420px;
    background: #f5f5f5;
    margin: 52px 0px 0 0;
}

.m11 .history_wrap .h_item .his .img span {
    display: block;
    width: 100%;
    height: 100%;
}

.m11 .history_wrap .h_item .list_wrap {
    position: relative;
    width: 100%;
    padding: 0px 0 0 50px;
    border-left: 1px solid #dbdbdb;
    margin-top: 70px;
}

.m11 .history_wrap .h_item .list_wrap .list {
    width: 100%;
}

.m11 .history_wrap .h_item .list_wrap .list + .list {
    margin-top: 50px;
}

.m11 .history_wrap .h_item .list_wrap .list .year {
    font-size: 2.2rem;
    color: #014099;
    font-family: 'Lexend','Montserrat',sans-serif;
    margin-bottom: 20px;
}

.m11 .history_wrap .h_item .list_wrap .list:last-child > ul {
    padding-bottom: 30px;
}

.m11 .history_wrap .h_item .list_wrap .list > ul {
    width: 100%;
}

.m11 .history_wrap .h_item .list_wrap .list > ul > li {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.m11 .history_wrap .h_item .list_wrap .list > ul > li + li {
    margin-top: 4px;
}

.m11 .history_wrap .h_item .list_wrap .list > ul > li > .month {
    width: 75px;
    font-size: 1.8rem;
    font-family: 'Lexend','Montserrat',sans-serif;
    color: #111;
    line-height: 1.75;
}

.m11 .history_wrap .h_item .list_wrap .list > ul > li > .txt1 {
    width: calc(100% - 75px);
    letter-spacing: -0.4px;
}

.m11 .history_wrap .h_item.on .his .img {
    animation-name: showImg;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
}

.m11 .history_wrap .h_item.on .his .img span {
    animation-name: scaleAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
}

.m11 .establishment_g {
    padding-top: 28px;
}

.m11 .establishment_g .tabs_contents {
    position: relative;
}

.m11 .establishment_g .tabs_wrap {
    margin-bottom: 100px;
}

.m11 .establishment_g .tabs_contents .con {
    position: relative;
    width: 100%;
    background: #edeeef;
    padding: 70px 40px;
}

.m11 .establishment_g .tabs_contents .info_g {
    position: relative;
    width: 100%;
}

.m11 .establishment_g .tabs_contents .info_g.type2 {
    align-items: flex-start;
}

.m11 .establishment_g .tabs_contents .info_g .img {
    width: 100%;
}

.m11 .establishment_g .tabs_contents .info_g .img img {
    width: 100%;
}

.m11 .establishment_g .tabs_contents .info_g .info {
    width: 100%;
    padding: 50px 0 0 0;
}

.m11 .establishment_g .tabs_contents .info_g .info .sub_tit {
    font-size: 2rem;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
}

.m11 .establishment_g .tabs_contents .info_g .info .i_list1 {
    margin-top: 42px;
}

.m11 .establishment_g .tabs_contents .info_g .info .title {
    font-size: 4rem;
    color: #000;
    font-weight: 600;
    line-height: 1.4;
}

.m11 .establishment_g .tabs_contents .map {
    margin-top: 57px;
    padding-top: 57px;
    border-top: 1px solid #cccccd;
}

.m11 .establishment_g .tabs_contents .map iframe {
    width: 100%;
    height: 480px;
    border: 1px solid #cacbcb !important;
}

.m11 .affiliated_g {
    padding-top: 100px;
}

.m11 .affiliated_g .item_list {
    position: relative;
    width: 100%;
    border-top: 2px solid #269ee2;
}

.m11 .affiliated_g .item_list .item {
    width: 100%;
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #dbdbdb;
}

.m11 .affiliated_g .item_list .item .logo {
    width: 100%;
    background: #f6f6f6;
}

.m11 .affiliated_g .item_list .item .logo img {
    width: 100%;
}

.m11 .affiliated_g .item_list .item .info_g {
    width: 100%;
    padding: 50px 0 0 0;
}

.m11 .affiliated_g .item_list .item .info_g .title {
    font-size: 3rem;
    color: #000;
    font-weight: 600;
}

.m11 .affiliated_g .item_list .item .info_g .i_list1 {
    margin-top: 28px;
}

#wrap .m12 .esg_wrap .inner {
    padding-bottom: 120px;
}

.m12 .esg_wrap .esg_diagram {
    position: relative;
    width: 100%;
}

.m12 .esg_wrap .esg_diagram .title_g {
    position: relative;
    text-align: center;
    background: url('/bbs/sub/img/esg_diag_bg.png')no-repeat top center;
    width: 663px;
    height: 669px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.m12 .esg_wrap .esg_diagram .title_g:after {
    display: block;
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    border: 20px solid #f9f9f9;
    border-radius: 50%;
    box-sizing: border-box;
}

.m12 .esg_wrap .esg_diagram .title_g .tit {
    font-size: 2.6rem;
    color: #212121;
    font-weight: 600;
}

.m12 .esg_wrap .esg_diagram .title_g .txt1 {
    font-size: 1.8rem;
    color: #555555;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 10px;
    text-align: left;
}

.m12 .esg_wrap .esg_diagram ul {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 90px;
    justify-content: space-between;
}

.m12 .esg_wrap .esg_diagram ul li {
    position: relative;
    width: calc(50% - 15px);
    background-repeat: no-repeat;
    background-position: top 12px left;
    padding: 0 0 20px 70px;
    border-bottom: 2px solid #6bbb2a;
    margin: 20px 0;
}

.m12 .esg_wrap .esg_diagram ul li .tit {
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
}

.m12 .esg_wrap .esg_diagram ul li .txt1 {
    margin-top: 2px;
}

.m12 .esg_wrap .esg_diagram ul li.list1 {
    background-image: url('/bbs/sub/img/esg_diagram_icon2.png');
    order: 2;
}

.m12 .esg_wrap .esg_diagram ul li.list2 {
    background-image: url('/bbs/sub/img/esg_diagram_icon3.png');
    order: 3;
}

.m12 .esg_wrap .esg_diagram ul li.list3 {
    background-image: url('/bbs/sub/img/esg_diagram_icon4.png');
    order: 4;
}

.m12 .esg_wrap .esg_diagram ul li.list4 {
    background-image: url('/bbs/sub/img/esg_diagram_icon5.png');
    order: 5;
}

.m12 .esg_wrap .esg_diagram ul li.list5 {
    background-image: url('/bbs/sub/img/esg_diagram_icon6.png');
    order: 6;
}

.m12 .esg_wrap .esg_diagram ul li.list6 {
    background-image: url('/bbs/sub/img/esg_diagram_icon7.png');
    order: 7;
}

.m12 .esg_wrap .esg_diagram ul li.list7 {
    background-image: url('/bbs/sub/img/esg_diagram_icon8.png');
    order: 8;
}

.m12 .esg_wrap .esg_diagram ul li.list8 {
    background-image: url('/bbs/sub/img/esg_diagram_icon9.png');
    order: 9;
    width: 100%;
}

.m12 .esg_wrap .esg_diagram ul li.list9 {
    background-image: url('/bbs/sub/img/esg_diagram_icon1.png');
}

.m12 .esg_wrap .esg_diagram ul li.orange {
    border-bottom-color: #ff8a0d;
}

.m12 .esg_wrap .esg_diagram ul li.blue {
    border-bottom-color: #183db2;
}

.m12 .esg_wrap .esg_diagram .noti {
    position: relative;
    width: 100%;
    background: #f9f9f9;
    font-family: 'Lexend','Noto Sans KR',sans-serif;
    font-size: 1.7rem;
    padding: 27px 40px 27px 30px;
    letter-spacing: -0.5px;
    margin-top: 40px;
}

.m12 .esg_wrap .esg_diagram .noti p {
    color: #555;
}

.m12 .esg_wrap .esg_diagram .noti p + p {
    margin-top: 8px;
}

.m12 .esg_wrap .esg_diagram .noti p b {
    color: #000;
    font-weight: 500;
}

.m12 .un_sdgs_wrap .un_sdgs {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.m12 .un_sdgs_wrap .un_sdgs .item {
    width: calc(25% - 2.25px);
    margin-right: 3px;
}

.m12 .un_sdgs_wrap .un_sdgs .item:nth-child(4n) {
    margin-right: 0;
}

.m12 .un_sdgs_wrap .un_sdgs .item:nth-child(n+5) {
    margin-top: 3px;
}

.m12 .un_sdgs_wrap .un_sdgs .item img {
    width: 100%;
}

.m12 .un_sdgs_wrap .contents {
    padding-top: 155px;
}

.m12 .un_sdgs_wrap .vision .con_title_g {
    margin-bottom: 90px;
}

.m12 .un_sdgs_wrap .vision .diagram_table {
    position: relative;
    width: 100%;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_tit_g {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_tit_g .tit {
    width: calc(100% - 24% - 20px);
    height: 80px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: #6bbb2a;
    font-family: 'Lexend','Noto Sans KR',sans-serif;
    color: #fff;
    font-weight: 300;
    font-size: 2.3rem;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_tit_g .tit + .tit {
    margin-left: 20px;
    width: 24%;
    background: #ff8a0d;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_tit_g .tit sup {
    vertical-align: top;
    margin: -11px 0 0 6px;
    font-size: 2.3rem;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_con_g {
    position: relative;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_con_g .con {
    position: relative;
    width: 100%;
    background: #f6f6f6;
    padding: 20px;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_con_g .con + .con {
    margin-top: 60px;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_con_g .con + .con:before {
    display: block;
    content: "";
    position: absolute;
    top: -31px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dbdbdb;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_con_g .con .c_tit {
    width: 100%;
    height: 60px;
    background: #a7a7a7;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    margin-bottom: 20px;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_con_g .con ol {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.7;
    font-size: 1.8rem;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_con_g .con ol li {
    width: calc(25% - 15px);
    background: #fff;
    text-align: center;
    border: 1px solid #dbdbdb;
    padding: 23px;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_con_g .con ol li + li {
    margin-left: 20px;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_con_g .con ol li .num {
    font-size: 1.8rem;
    color: #111111;
    display: block;
    font-family: 'Lexend',sans-serif;
    margin-bottom: 2px;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_con_g .con ul.list {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.7;
    font-size: 1.8rem;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_con_g .con ul.list li {
    width: calc(50% - 10px);
    text-align: center;
    margin-right: 20px;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_con_g .con ul.list li:nth-child(2n) {
    margin-right: 0;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_con_g .con ul.list li:nth-child(n+3) {
    margin-top: 20px;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_con_g .con ul.list li .balloon {
    position: relative;
    height: 106px;
    width: 100%;
    border: 2px solid #a7a7a7;
    background: #f6f6f6;
    color: #111;
    font-weight: 500;
    padding: 10px 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    letter-spacing: -0.5px;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_con_g .con ul.list li .balloon:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -22px;
    left: 50%;
    border: 2px solid #a7a7a7;
    background: #f6f6f6;
    width: 22px;
    height: 22px;
    transform: rotate(45deg) translateX(-50%);
    z-index: 0;
    border-top: 0;
    border-left: 0;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_con_g .con ul.list li .box {
    width: 100%;
    height: calc(100% - 106px);
    background: #fff;
    border: 1px solid #dbdbdb;
    padding: 40px 18px 20px 18px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_con_g .con ul.list li .box .txt {
    min-height: 95px;
    margin-bottom: 25px;
}

.m12 .un_sdgs_wrap .vision .diagram_table .d_con_g .con ul.list li .box img {
    width: 100%;
}

.m12 .compliance_wrap .tabs_contents {
    padding-top: 90px;
}

.m12 .compliance_wrap .tabs_contents .con_title_g.c_main_title {
    margin-bottom: 115px;
}

.m12 .mission_bear .con_title_g.sub_title {
    margin-bottom: 75px;
}

.m12 .mission_bear .con_title_g.sub_title .title1 {
    text-align: center;
    margin-top: 85px;
}

.m12 .mission_bear .bear_info {
    position: relative;
    width: 100vw;
    background: url('/bbs/sub/img/m21_tab1_bear_bg.jpg')no-repeat center/cover;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-wrap: wrap;
    color: #fff;
}

.m12 .mission_bear .bear_info .item {
    width: 50%;
    text-align: center;
    padding: 100px 0;
}

.m12 .mission_bear .bear_info .item:nth-child(2n) {
    border-left: 1px solid rgba(255,255,255,0.4);
}

.m12 .mission_bear .bear_info .item:nth-child(n+3) {
    border-top: 1px solid rgba(255,255,255,0.4);
}

.m12 .mission_bear .bear_info .item .big {
    font-size: 15rem;
    font-family: 'Lexend',sans-serif;
    line-height: 0.9;
    font-weight: 600;
}

.m12 .mission_bear .bear_info .item .big:before {
    display: block;
    content: "";
    width: 50px;
    height: 1px;
    background: rgba(255,255,255,0.4);
    margin: 0 auto 60px;
}

.m12 .mission_bear .bear_info .item .tit1 {
    font-family: 'Lexend','Noto Sans KR',sans-serif;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.56;
    margin-top: 40px;
}

.m12 .mission_bear .bear_info .item .tit2 {
    font-size: 2.4rem;
    letter-spacing: -0.5px;
    margin-top: 24px;
}

.m12 .mission_bear .more_con {
    width: 100%;
    padding-top: 100px;
}

.m12 .mission_bear .more_con .txt {
    width: 100%;
}

.m12 .mission_bear .more_con .txt + .txt {
    margin-top: 40px;
}

.m12 .declaration {
    position: relative;
    width: 100%;
    padding-top: 140px;
}

.m12 .declaration .con_title_g.sub_title {
    margin-bottom: 75px;
}

.m12 .declaration .list_wrap {
    position: relative;
    width: 100%;
}

.m12 .declaration .list_wrap .list {
    width: 100%;
    background: #edeeef;
    padding: 48px 40px 45px;
}

.m12 .declaration .list_wrap .list + .list {
    margin-top: 12px;
}

.m12 .declaration .list_wrap .list .tit {
    position: relative;
    font-size: 7rem;
    color: #014099;
    font-weight: 700;
    line-height: 0.8;
    margin-bottom: 23px;
}

.m12 .declaration .list_wrap .list .tit:after {
    display: block;
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: calc(100% - 65px);
    height: 1px;
    background: #014099;
}

.m12 .declaration .list_wrap .list .txt1 {
    line-height: 1.8;
    letter-spacing: -0.7px;
}

.m12 .compliance_wrap .c_con2 .code_conduct1 .con_title_g.c_title_g {
    margin-bottom: 70px;
}

.m12 .compliance_wrap .c_con2 .code_conduct2 .con_title_g.c_title_g {
    margin-bottom: 95px;
}

.m12 .compliance_wrap .c_con2 .code_conduct3 .con_title_g.c_title_g {
    margin-bottom: 50px;
}

.m12 .compliance_wrap .c_con2 .con_title_g.c_title_g .txt1 {
    margin-top: 35px;
}

.m12 .compliance_wrap .c_con2 .code_conduct1 .list_wrap {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.m12 .compliance_wrap .c_con2 .code_conduct1 .list_wrap .list {
    width: 33.33333333%;
}

.m12 .compliance_wrap .c_con2 .code_conduct1 .list_wrap .list:nth-child(n+4) {
    margin-top: 50px;
}

.m12 .compliance_wrap .c_con2 .code_conduct1 .list_wrap .list:nth-child(2) .tit {
    background: #37a5d4;
}

.m12 .compliance_wrap .c_con2 .code_conduct1 .list_wrap .list:nth-child(3) .tit {
    background: #2d8fc3;
}

.m12 .compliance_wrap .c_con2 .code_conduct1 .list_wrap .list:nth-child(4) .tit {
    background: #2075af;
}

.m12 .compliance_wrap .c_con2 .code_conduct1 .list_wrap .list:nth-child(5) .tit {
    background: #155c9c;
}

.m12 .compliance_wrap .c_con2 .code_conduct1 .list_wrap .list:nth-child(6) .tit {
    background: #0e4d90;
}

.m12 .compliance_wrap .c_con2 .code_conduct1 .list_wrap .list .tit {
    position: relative;
    height: 30vw;
    background: #3eb5e0;
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    line-height: 1.5;
}

.m12 .compliance_wrap .c_con2 .code_conduct1 .list_wrap .list .tit:before {
    display: block;
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    box-sizing: border-box;
    border: 1px dashed #fff;
    border-radius: 50%;
    border-top-color: transparent;
    border-left-color: transparent;
    transform: rotate(-135deg);
}

.m12 .compliance_wrap .c_con2 .code_conduct1 .list_wrap .list:nth-child(even) .tit:before {
    transform: rotate(45deg);
}

.m12 .compliance_wrap .c_con2 .code_conduct1 .list_wrap .list .tit p {
    padding-top: 50px;
    background-position: top center;
    background-repeat: no-repeat;
}

.m12 .compliance_wrap .c_con2 .code_conduct1 .list_wrap .list .txt1 {
    margin-top: 25px;
}

.m12 .compliance_wrap .c_con2 .code_conduct2 {
    position: relative;
    padding-top: 110px;
}

.m12 .compliance_wrap .c_con2 .code_conduct2 .box {
    position: relative;
    left: -6%;
    width: calc(100% + 12%);
    height: 540px;
    background: url('/bbs/sub/img/code_conduct_bg.jpg')no-repeat center/cover;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 3rem;
    padding: 50px 8%;
}

.m12 .compliance_wrap .c_con2 .code_conduct2 .box .item {
    width: calc(50% - 20px);
    max-width: 640px;
    height: 280px;
    border: 2px solid rgba(255,255,255,0.5);
}

.m12 .compliance_wrap .c_con2 .code_conduct2 .box .item + .item {
    margin-left: 40px;
}

.m12 .compliance_wrap .c_con2 .code_conduct2 .box .item a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
    padding: 0 10%;
}

.m12 .compliance_wrap .c_con2 .code_conduct2 .box .item .arrow_next {
    display: block;
    margin-top: 20px;
    width: 36px;
    height: 24px;
    transform: scaleY(0.8);
}

.m12 .compliance_wrap .c_con2 .code_conduct2 .box .item .arrow_next svg {
    width: 100%;
    height: 100%;
}

.m12 .compliance_wrap .c_con2 .code_conduct2 .box .item .arrow_next svg * {
    stroke: #fff;
    stroke-width: 1.5px;
}

.m12 .compliance_wrap .c_con2 .code_conduct3 {
    position: relative;
    width: 100%;
    padding-top: 150px;
}

.m12 .compliance_wrap .c_con2 .code_conduct3 {
    text-align: center;
}

.m12 .compliance_wrap .c_con2 .code_conduct3 .con_title_g {
    text-align: left;
}

.m12 .compliance_wrap .c_con2 .code_conduct3 .diagram {
    position: relative;
    background: #f5f7f8;
    border-radius: 35vw;
    padding: 40px 80px;
    display: inline-block;
    margin: 0 auto;
}

.m12 .compliance_wrap .c_con2 .code_conduct3 .diagram .item {
    position: relative;
    width: 100%;
    height: 255px;
    background: #4700a8;
    border-radius: 50%;
    font-size: 2.6rem;
    color: #fff;
    text-align: center;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.m12 .compliance_wrap .c_con2 .code_conduct3 .diagram .g {
    position: relative;
    left: -30px;
    width: calc(100% + 60px);
    border: 2px dashed #0045a7;
    padding: 30px;
    border-radius: 230px;
    background: #f5f7f8;
    text-align: center;
    z-index: 10;
}

.m12 .compliance_wrap .c_con2 .code_conduct3 .diagram .item1 {
    margin-bottom: 100px;
}

.m12 .compliance_wrap .c_con2 .code_conduct3 .diagram .item1:before {
    display: block;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 2px;
    height: 100px;
    border-left: 2px dashed #0045a7;
    z-index: 0;
}

.m12 .compliance_wrap .c_con2 .code_conduct3 .diagram .item2 {
    background: #0045a7;
}

.m12 .compliance_wrap .c_con2 .code_conduct3 .diagram .item3 {
    background: #0043a2;
    margin-top: 16px;
}

.m12 .compliance_wrap .c_con2 .code_conduct3 .diagram .item p {
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 55px;
}

.page_layout_style2 {
    padding-bottom: 80px;
}

.page_layout_style2 .page_info_wrap .title4 {
    margin-top: 25px;
}

.page_layout_style2 .page_info_wrap .txt1 {
    margin-top: 12px;
}

.page_layout_style2 .con_title_g.main_title .txt1 {
    margin-top: 42px;
}

.page_layout_style2 .con_title_g.main_title .txt1 br {
    display: none;
}

.page_layout_style2 .con_title_g.sub_title {
    margin-bottom: 60px;
}

.page_layout_style2 .con_title_g.sub_title .txt1 {
    margin-top: 25px;
}

.page_layout_style2 .con_title_g.sub_title .txt1 br {
    display: none;
}

.page_layout_style2 .con_title_g.sub_title .txt1 b {
    color: #000;
    font-weight: 500;
}

.page_layout_style2 .list_wrap_style1 {
    position: relative;
    width: 100%;
}

.page_layout_style2 .list_wrap_style1 .list {
    width: 100%;
    background-repeat: no-repeat;
    background-position: top left 15px;
    padding: 10px 0px 0 105px;
}

.page_layout_style2 .list_wrap_style1 .list:nth-child(n+2) {
    margin-top: 65px;
}

.page_layout_style2 .list_wrap_style1 .list .tit {
    font-size: 2.2rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 17px;
    line-height: 1.7;
}

.page_layout_style2 .list_wrap_style1 .list .dot_list li {
    position: relative;
    padding-left: 10px;
}

.page_layout_style2 .list_wrap_style1 .list .dot_list li + li {
    margin-top: 8px;
}

.page_layout_style2 .list_wrap_style1 .list .dot_list li:before {
    display: block;
    content: "-";
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 500;
}

.page_layout_style2 section .contents {
    position: relative;
    width: 100%;
    padding-top: 160px;
}

.page_layout_style2 section .contents .con_g {
    position: relative;
    /* width: 100%; */
}

.page_layout_style2 section .contents .con_g + .con_g {
    margin-top: 130px;
}

.page_layout_style1 .list_layout_style3 {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.page_layout_style1 .list_layout_style3 > li {
    position: relative;
}

.page_layout_style1 .list_layout_style3 > li + li {
    margin-top: 150px;
}

.page_layout_style1 .list_layout_style3 > li .img {
    width: 100%;
    height: 486px;
    overflow: hidden;
}

.page_layout_style1 .list_layout_style3 > li .img span {
    display: block;
    width: 100%;
    height: 100%;
}

.page_layout_style1 .list_layout_style3 > li .con {
    position: relative;
    width: 90%;
    margin-left: 10%;
    margin-top: -100px;
    background: #fff;
    padding: 52px 0 0px 60px;
    z-index: 10;
}

.page_layout_style1 .list_layout_style3 > li .con .num {
    position: absolute;
    bottom: 100%;
    left: 0;
    font-size: 13rem;
    color: #fff;
    line-height: 0.8;
    font-family: 'Lexend',sans-serif;
    font-weight: 700;
    margin-bottom: -4px;
}

.page_layout_style1 .list_layout_style3 > li .con .tit {
    font-size: 2.7rem;
    font-family: 'Lexend','Noto Sans KR',sans-serif;
    color: #111;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
}

.page_layout_style1 .list_layout_style3 > li .con .tit span {
    font-size: 1.8rem;
    color: #111;
    font-weight: 400;
    font-family: 'Lexend','Noto Sans KR',sans-serif;
    order: -1;
    margin-bottom: 10px;
    display: block;
    width: 100%;
}

.page_layout_style1 .list_layout_style3 > li .con .tit.en {
    font-weight: 500;
}

.page_layout_style1 .list_layout_style3 > li .con .txt1 {
    margin-top: 20px;
}

.page_layout_style1 .list_layout_style3 > li:nth-child(even) {
}

.page_layout_style1 .list_layout_style3 > li:nth-child(even) .con {
    text-align: right;
    padding: 52px 60px 0px 0px;
    right: auto;
    margin-left: 0;
}

.page_layout_style1 .list_layout_style3 > li:nth-child(even) .con .num {
    left: auto;
    right: 10px;
}

.page_layout_style1 .list_layout_style3 > li:nth-child(even) .con .tit {
    justify-content: flex-end;
}

.page_layout_style1 .contents_style1 {
    padding: 135px 6% 160px;
    margin-top: 200px;
}

.page_layout_style1 .contents_style1:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: -1;
}

.page_layout_style1 .contents_style1 .con_title_g.sub_title {
    margin-bottom: 40px;
}

.page_layout_style1 .contents_style1 .con_title_g .title2.type2 {
    color: #fff;
}

.page_layout_style1 .contents_style1 .con_title_g .title2.type2:before {
    background: #fff;
}

.page_layout_style1 .contents_style1 .con_title_g .title4 {
    color: #fff;
    font-weight: 500;
    margin-top: 25px;
}

.page_layout_style1 .contents_style1 .items_wrap {
    position: relative;
    width: 100%;
}

.page_layout_style1 .contents_style1 .items_wrap .item {
    background: rgba(255,255,255,0.85);
    padding: 50px 30px 50px;
    text-align: center;
}

.page_layout_style1 .contents_style1 .items_wrap .item + .item {
    margin-top: 30px;
}

.page_layout_style1 .contents_style1 .items_wrap .title {
    padding-top: 65px;
    background-repeat: no-repeat;
    background-position: top center;
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
    line-height: 1.64;
    letter-spacing: -0.25px;
}

.page_layout_style1 .contents_style1 .items_wrap .con {
    margin-top: 10px;
}

.scroll_x {
    position: relative;
    width: calc(100% + 5.5%);
    text-align: center;
    overflow-x: auto;
    overflow-y: hidden;
}

.scroll_x .scroll_con {
    width: 1321px;
}

.scroll_x .scroll_con img {
    max-width: 100%;
}

.dot_list_style1 li {
    position: relative;
    padding-left: 15px;
}

.dot_list_style1 li:before {
    display: block;
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #258adc;
}

.dot_list_style2 li {
    position: relative;
    padding-left: 10px;
}

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

.dot_list_style2 li:before {
    display: block;
    content: "-";
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 500;
}

.list_wrap_style2 {
    position: relative;
    width: 100%;
    background: #f6f6f6;
    padding: 0 50px;
    text-align: center;
}

.list_wrap_style2 > li {
    background-repeat: no-repeat;
    background-position: top 60px center;
    padding: 130px 0 60px;
}

.list_wrap_style2 > li + li {
    border-top: 1px solid #dddddd;
}

.list_wrap_style2 > li .num {
    font-size: 1.8rem;
    color: #111;
    font-weight: 600;
    font-family: 'Lexend','Noto Sans KR',sans-serif;
    margin-bottom: 15px;
}

.list_wrap_style2 > li .txt1 {
    position: relative;
    margin-top: 13px;
    z-index: 10;
}

.list_wrap_style2.type2 > li .tit {
    position: relative;
    padding-top: 75px;
    background-repeat: no-repeat;
    background-position: top center;
    font-size: 1.8rem;
    color: #111;
    font-weight: 500;
    z-index: 10;
}

.list_wrap_style2.type2 > li {
    padding: 60px 0;
}

.m211 .keyword_wrap .title {
    font-size: 2.6rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 75px;
}

.m211 .keyword_wrap .keyword_list {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.m211 .keyword_wrap .keyword_list li {
    position: relative;
    width: 100%;
}

.m211 .keyword_wrap .keyword_list li + li {
    margin-top: 150px;
}

.m211 .keyword_wrap .keyword_list li .img {
    width: 100%;
    height: 486px;
    overflow: hidden;
}

.m211 .keyword_wrap .keyword_list li .img span {
    display: block;
    width: 100%;
    height: 100%;
}

.m211 .keyword_wrap .keyword_list li .con {
    position: relative;
    width: 90%;
    margin-top: -100px;
    margin-left: 10%;
    background: #fff;
    padding: 52px 0 15px 60px;
    z-index: 10;
}

.m211 .keyword_wrap .keyword_list li .con .num {
    position: absolute;
    bottom: 100%;
    left: 0;
    font-size: 13rem;
    color: #fff;
    line-height: 0.8;
    font-family: 'Lexend',sans-serif;
    font-weight: 700;
    margin-bottom: -4px;
}

.m211 .keyword_wrap .keyword_list li .con .tit {
    font-size: 2.7rem;
    font-family: 'Lexend','Noto Sans KR',sans-serif;
    color: #111;
    font-weight: 600;
}

.m211 .keyword_wrap .keyword_list li .con .tit.en {
    font-weight: 500;
}

.m211 .keyword_wrap .keyword_list li .con .txt1 {
    margin-top: 20px;
}

.m211 .keyword_wrap .keyword_list li .con .txt1 br {
    display: none;
}

.m211 .keyword_wrap .keyword_list li:nth-child(even) {
}

.m211 .keyword_wrap .keyword_list li:nth-child(even) .con {
    text-align: right;
    padding: 52px 60px 15px 0px;
    margin-left: 0;
}

.m211 .keyword_wrap .keyword_list li:nth-child(even) .con .num {
    left: auto;
    right: 10px;
}

.m211 .sec1 .process_wrap .con_title_g {
    margin-bottom: 80px;
}

.m211 .sec1 .process_list {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 48px 30px;
    padding-bottom: 24px;
}

.m211 .sec1 .process_list:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 105%;
    border-left: 1px dashed #e6e6e6;
    z-index: 10;
    transform: translateX(-50%);
}

.m211 .sec1 .process_list .item {
    position: relative;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 300px;
}

.m211 .sec1 .process_list .item + .item {
    margin-top: 35px;
}

.m211 .sec1 .process_list .item:before,.m211 .sec1 .process_list .item:after {
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #ededed;
    transform: skew(180deg,14deg);
    z-index: -1;
}

.m211 .sec1 .process_list .item:after {
    left: calc(50% - 1px);
    transform: skew(-180deg,-14deg);
}

.m211 .sec1 .process_list .item:nth-child(2):before, .m211 .sec1 .process_list .item:nth-child(2):after {
    background: #b1eddf;
}

.m211 .sec1 .process_list .item:nth-child(3):before, .m211 .sec1 .process_list .item:nth-child(3):after {
    background: #91d3eb;
}

.m211 .sec1 .process_list .item:nth-child(4):before, .m211 .sec1 .process_list .item:nth-child(4):after {
    background: #90a9e9;
}

.m211 .sec1 .process_list .item:nth-child(5):before, .m211 .sec1 .process_list .item:nth-child(5):after {
    background: #9799e2;
}

.m211 .sec1 .process_list .item .tit {
    width: 50%;
    font-size: 2rem;
    color: #000;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.m211 .sec1 .process_list .item .tit p {
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 55px;
}

.m211 .sec1 .process_list .item .txt1 {
    width: 50%;
    color: #000;
}

.m211 .sec1 .diagram_wrap .dx_diagram {
    position: relative;
    text-align: center;
    background: #f6f6f6;
    padding: 55px 60px 60px;
}

.m211 .sec1 .diagram_wrap .dx_diagram .scroll_x {
    width: calc(100% + 60px);
}

.m211 .sec1 .diagram_wrap .dx_diagram .scroll_con {
    width: 1150px;
}

.m211 .sec1 .diagram_wrap .dx_diagram .title {
    font-size: 2.6rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 55px;
}

.m211 .sec1 .diagram_wrap .box {
    position: relative;
    width: 100%;
    background: #ffffff;
    text-align: left;
    margin-top: 45px;
    padding: 35px 48px;
}

.m211 .sec1 .diagram_wrap .box .dot_list_style1 {
    position: relative;
    width: 100%;
}

.m211 .sec1 .diagram_wrap .box .dot_list_style1 li {
    width: 100%;
}

.m211 .sec1 .diagram_wrap .box .dot_list_style1 li:nth-child(n+2) {
    margin-top: 6px;
}

.m211 .sec1 .diagram_wrap .box .dot_list_style1 li b {
    color: #000;
    font-weight: 500;
}

.m211 .sec1 .effect_wrap {
    padding-bottom: 140px;
}

.m212 .s_f_ict {
    width: 100%;
}

.m212 .s_f_ict .item_g {
    position: relative;
    max-width: 1040px;
    margin: 0 auto;
    width: 100%;
    padding: 18px;
    border-radius: 100px;
    border: 2px dotted #d1d1d1;
}

.m212 .s_f_ict .item_g .g {
    width: 100%;
    height: 100%;
    background: #ededed;
    border-radius: 90px;
    padding: 35px;
}

.m212 .s_f_ict .item_g .title {
    position: absolute;
    top: -25px;
    left: 50%;
    background: #fff;
    color: #111111;
    font-size: 2rem;
    text-align: center;
    transform: translateX(-50%);
    padding: 0 20px;
    font-weight: 500;
}

.m212 .s_f_ict .item_g .title b {
    font-weight: 600;
    color: #000;
}

.m212 .s_f_ict .item_g .item {
    position: relative;
    width: 100%;
    height: 180px;
    background: #fff;
    border-radius: 60px;
    background-repeat: no-repeat;
    background-position: top 22px center;
    text-align: center;
    padding-top: 112px;
    z-index: 10;
}

.m212 .s_f_ict .item_g .item:nth-child(3) {
    background-position: top 32px center;
}

.m212 .s_f_ict .item_g .item:nth-child(4) {
    background-position: top 38px center;
}

.m212 .s_f_ict .item_g .item + .item {
    margin-top: 100px;
}

.m212 .s_f_ict .item_g .item + .item:before {
    display: block;
    content: "";
    position: absolute;
    top: -73px;
    left: 50%;
    width: 46px;
    height: 6px;
    background: url('/bbs/sub/img/s_f_dot.png')no-repeat left top;
    transform: rotate(90deg);
    transform-origin: left top;
    z-index: 11;
}

.m212 .s_f_ict .item_g .item .num {
    font-size: 1.5rem;
    color: rgba(17,17,17,0.7);
    line-height: 1em;
    font-family: 'Lexend',sans-serif;
}

.m212 .s_f_ict .item_g .item .tit {
    font-size: 2rem;
    color: #111;
    font-weight: 500;
    margin-top: 5px;
}

.m212 .s_f_ict .big_txt {
    position: relative;
    text-align: center;
    padding: 27px 0;
    font-size: 4rem;
    color: #111;
    font-weight: 600;
}

.m212 .s_f_ict .big_txt:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 8px;
    height: 8px;
    background: #0097e0;
    border-radius: 50%;
    margin-left: -3px;
}

.m212 .s_f_ict .big_txt span {
    color: #0097e0;
    font-family: 'Lexend','Noto Sans KR',sans-serif;
    font-weight: 700;
}

.m212 .ict_item {
    position: relative;
    width: 100%;
    padding-top: 60px;
}

.m212 .ict_item:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100px;
    background: #dbdbdb;
    transform: translateX(-50%);
}

.m212 .ict_item .item {
    position: relative;
    width: 100%;
    height: 200px;
    background: #b1eddf;
    padding: 0 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.m212 .ict_item .item + .item {
    margin-top: 30px;
}

.m212 .ict_item .item:nth-child(2) {
    background: #91d3eb;
}

.m212 .ict_item .item:nth-child(3) {
    background: #9bb1eb;
}

.m212 .ict_item .item figure {
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.m212 .ict_item .item .info {
    width: calc(100% - 100px);
    padding-left: 30px;
}

.m212 .ict_item .item .info .num {
    font-size: 1.8rem;
    color: #000;
    font-family: 'Lexend',sans-serif;
    font-weight: 500;
    margin-bottom: 6px;
}

.m212 .ict_item .item .info .txt1 {
    font-size: 1.8rem;
    color: #111;
}

.m212 .ict_item .item .info .txt1 b {
    font-weight: 600;
}

.m212 .diagram_wrap .diagram_g {
    position: relative;
    width: 100%;
}

.m212 .diagram_wrap .diagram_g img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.m212 .diagram_wrap .item_wrap {
    position: relative;
    width: 100%;
}

.m212 .diagram_wrap .item_wrap1 {
    height: 676px;
    display: flex;
    flex-wrap: wrap;
}

.m212 .diagram_wrap .item_wrap1 .item_g {
    width: 530px;
    height: 100%;
    padding: 20px;
}

.m212 .diagram_wrap .item_wrap1 .item_g .i_title {
    width: 100%;
    height: 100px;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1em;
}

.m212 .diagram_wrap .item_wrap1 .item_g .i_title span {
    font-size: 1.6rem;
    color: rgba(255,255,255,0.8);
    font-weight: 300;
    line-height: 1.2;
    margin-top: 10px;
    display: block;
}

.m212 .diagram_wrap .item_wrap1 .item_g .i_list {
    width: 100%;
    padding: 20px 0;
    text-align: left;
    font-size: 1.6rem;
}

.m212 .diagram_wrap .item_wrap1 .item_g .i_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.m212 .diagram_wrap .item_wrap1 .item_g .i_list .i_l {
    width: 100%;
    color: #000;
    font-weight: 400;
    line-height: 1.5;
    padding: 0 30px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.m212 .diagram_wrap .item_wrap1 .item_g .i_list .i_l span {
    font-size: 1.5rem;
    color: rgba(0,0,0,0.7);
    font-family: 'Lexend','Noto Sans KR',sans-serif;
    font-weight: 300;
    margin-top: 3px;
}

.m212 .diagram_wrap .item_wrap1 .item1 .i_list .i_l {
    width: 200px;
    height: 90px;
}

.m212 .diagram_wrap .item_wrap1 .item1 .i_list .i_l:nth-child(n+3) {
    margin-top: 88px;
}

.m212 .diagram_wrap .item_wrap1 .item2 {
    width: 279px;
    margin-left: 136px;
}

.m212 .diagram_wrap .item_wrap1 .item2 .i_list .i_l {
    height: 103px;
}

.m212 .diagram_wrap .item_wrap1 .item2 .i_list .i_l:nth-child(n+2) {
    margin-top: 11px;
}

.m212 .diagram_wrap .item_wrap1 .item3 {
    width: 219px;
    margin-left: 154px;
}

.m212 .diagram_wrap .item_wrap2 {
    position: relative;
    height: 160px;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
}

.m212 .diagram_wrap .item_wrap2 .item {
    width: calc(33.33333333% - 14px);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    padding: 0 40px;
}

.m212 .diagram_wrap .item_wrap2 .item + .item {
    margin-left: 21px;
}

.m212 .diagram_wrap .item_wrap2 .item .tit {
    font-size: 2.7rem;
    color: #fff;
    font-family: 'Lexend','Noto Sans KR',sans-serif;
    font-weight: 600;
    line-height: 1em;
}

.m212 .diagram_wrap .item_wrap2 .item .txt1 {
    font-size: 1.8rem;
    color: rgba(255,255,255,0.9);
    margin-top: 6px;
    font-weight: 300;
}

.m212 .process_wrap .process_tit {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

/*.m212 .process_wrap .process_tit:after{display:block;content:"";width: 55px;height: 33px;background: url('/bbs/sub/img/s_f_arr_fig_i.png')no-repeat top left;margin: 50px auto 50px;}*/
.m212 .process_wrap .process_tit .tit {
    position: relative;
    width: 100%;
    height: 70px;
    background: #51bce3;
    border-radius: 86px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 2rem;
    font-weight: 500;
}

.m212 .process_wrap .process_tit .tit + .tit {
    margin-top: 40px;
}

.m212 .process_wrap .process_tit .tit + .tit:after {
    display: block;
    content: "";
    position: absolute;
    top: -21px;
    left: 50%;
    width: 10px;
    height: 12px;
    background: url('/bbs/sub/img/outsourcing_p_a_2.png')no-repeat left top;
    transform: rotate(90deg) translateX(-50%);
}

.m212 .process_wrap .process_tit .tit:nth-child(2) {
    background: #3a95df;
}

.m212 .process_wrap .process_tit .tit:nth-child(3) {
    background: #2d7aca;
}

.m212 .process_wrap .process_tit .tit:nth-child(4) {
    background: #265e9b;
}

.m212 .process_wrap .process_tit .tit:nth-child(3):after {
    background: url('/bbs/sub/img/outsourcing_p_a_3.png')no-repeat left top;
}

.m212 .process_wrap .process_tit .tit:nth-child(4):after {
    background: url('/bbs/sub/img/outsourcing_p_a_4.png')no-repeat left top;
}

.m212 .process_wrap .process_tit .tit span {
    font-family: 'Lexend',sans-serif;
    font-weight: 600;
    margin-right: 8px;
}

.m212 .process_wrap .process_diagram {
    position: relative;
    padding-top: 270px;
    padding-bottom: 70px;
    width: 570px;
    margin: 0 auto;
}

.m212 .process_wrap .process_diagram .tit {
    position: relative;
    width: 400px;
    height: 400px;
    background: #f6f6f6;
    border-radius: 50%;
    padding: 70px;
    margin: 0 auto;
}

.m212 .process_wrap .process_diagram .tit:before {
    display: block;
    content: "";
    position: absolute;
    top: -71px;
    left: -71px;
    width: 100%;
    height: 100%;
    padding: 70px;
    border: 2px dotted #e6e6e6;
    border-radius: 50%;
}

.m212 .process_wrap .process_diagram .tit p {
    border-radius: 50%;
    border: 25px solid #ededed;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 2.6rem;
    color: #212121;
    font-weight: 600;
}

.m212 .process_wrap .process_diagram .item {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: auto;
}

.m212 .process_wrap .process_diagram .item1 {
    top: -3%;
    left: 32%;
}

.m212 .process_wrap .process_diagram .item2 {
    top: 61%;
    left: -10%;
}

.m212 .process_wrap .process_diagram .item3 {
    top: 61%;
    left: 75.5%;
}

.m212 .process_wrap .process_diagram .item > div:before {
    display: block;
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    width: 10px;
    height: 10px;
    background: #3eb5e0;
    border: 2px solid #fff;
    border-radius: 50%;
    margin-left: -7px;
    box-sizing: border-box;
}

.m212 .process_wrap .process_diagram .item > div {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: #3eb5e0;
    background-repeat: no-repeat;
    background-position: top 38px center;
    padding: 97px 40px 0 40px;
}

.m212 .process_wrap .process_diagram .item p {
    width: 100%;
    border-top: 1px solid rgba(255,255,255,0.5);
    color: #fff;
    text-align: center;
    padding-top: 16px;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.4;
}

.m212 .process_wrap .process_diagram .item1 > div {
    order: 3;
}

.m212 .process_wrap .process_diagram .item1 > ul {
    padding: 0px 0 30px 32px;
}

.m212 .process_wrap .process_diagram .item2 > div {
    background-color: #258adc;
}

.m212 .process_wrap .process_diagram .item3 > div {
    background-color: #265e9b;
}

.m212 .process_wrap .process_diagram .item2 > div:before {
    bottom: auto;
    top: 69px;
    margin: 0;
    right: -3px;
    left: auto;
    background: #258adc;
}

.m212 .process_wrap .process_diagram .item3 > div:before {
    bottom: auto;
    top: 69px;
    margin: 0;
    left: -3px;
    background: #265e9b;
}

.m212 .process_wrap .process_diagram .dot_list_style1 {
    width: 100%;
    margin-top: 30px;
}

.m212 .process_wrap .process_diagram .item1 .dot_list_style1 {
    font-weight: 300;
}

.m212 .process_wrap .process_diagram .item2 .dot_list_style1 {
}

.m212 .process_wrap .process_diagram .item1 .dot_list_style1 li:before {
    background: #3eb5e0;
}

.m212 .process_wrap .process_diagram .item3 .dot_list_style1 li:before {
    background: #265e9b;
}

.m212 .process_wrap .process_info {
    position: relative;
    width: 100%;
    margin-top: 160px;
    overflow-x: auto;
}

.m212 .process_wrap .process_info .info_1 {
    position: relative;
    width: 890px;
    display: flex;
    flex-wrap: wrap;
}

.m212 .process_wrap .process_info .info_1 .i_i {
    position: relative;
    width: calc(25% - 22.5px);
}

.m212 .process_wrap .process_info .info_1 .i_i .tit {
    position: relative;
    width: 100%;
    height: 60px;
    background: #b1eddf;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: #111111;
    font-weight: 500;
    margin-bottom: 10px;
}

.m212 .process_wrap .process_info .info_1 .i_i:nth-child(2) .tit {
    background: #91d3eb;
}

.m212 .process_wrap .process_info .info_1 .i_i:nth-child(3) .tit {
    background: #89c0ec;
}

.m212 .process_wrap .process_info .info_1 .i_i:nth-child(4) .tit {
    background: #9bb1eb;
}

.m212 .process_wrap .process_info .info_1 .i_i .box {
    background: #fff;
    border: 1px solid #dbdbdb;
    padding: 25px;
    min-height: 230px;
}

.m212 .process_wrap .process_info .info_1 .i_i .dot_list_style1 li {
    padding-left: 13px;
}

.m212 .process_wrap .process_info .info_1 .i_i:nth-child(1) .dot_list_style1 li:before {
    background: #0bd5b2;
}

.m212 .process_wrap .process_info .info_1 .i_i:nth-child(3) .dot_list_style1 li:before {
    background: #166bc4;
}

.m212 .process_wrap .process_info .info_1 .i_i .img {
    margin-top: 20px;
    width: 100%;
}

.m212 .process_wrap .process_info .info_1 .i_i + .i_i {
    margin-left: 30px;
}

.m212 .process_wrap .process_info .info_1 .i_i + .i_i .tit:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    width: 10px;
    height: 12px;
    background-image: url('/bbs/sub/img/s_f_arr_next_fig_c1.png');
    background-repeat: no-repeat;
    background-position: left top;
    z-index: 10;
    transform: translateY(-50%);
}

.m212 .process_wrap .process_info .info_1 .i_i:nth-child(3) .tit:before {
    background-image: url('/bbs/sub/img/s_f_arr_next_fig_c2.png');
}

.m212 .process_wrap .process_info .info_1 .i_i:nth-child(4) .tit:before {
    background-image: url('/bbs/sub/img/s_f_arr_next_fig_c3.png');
}

.m212 .process_wrap .process_info .info_1 .i_i:nth-child(3) .dot_list_style1:before {
    width: ;
}

.m212 .process_wrap .process_info .info_1 .i_i:nth-child(3) .box {
    width: calc(200% + 30px);
}

.m212 .process_wrap .process_info .info_1 .i_i:nth-child(3) .img {
    width: calc(200% + 30px);
}

.m212 .process_wrap .process_info .info_1 .i_i:nth-child(3) .img img {
    max-width: 100%;
}

.m212 .process_wrap .process_info .info_2 {
    margin-top: 25px;
    padding-top: 25px;
    width: 890px;
    border-top: 2px dotted #e6e6e6;
}

.m212 .process_wrap .process_info .info_2 .g {
    background: #f6f6f6;
    height: 100%;
    padding: 25px 30px;
}

.m212 .process_wrap .process_info .info_2 .i_i + .i_i {
    margin-top: 15px;
    padding-top: 19px;
    border-top: 1px solid #c5c5c5;
}

.m212 .process_wrap .process_info .info_2 .i_i .tit {
    font-size: 1.7rem;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
}

.m212 .process_wrap .process_info .info_2 .i_i .dot_list_style2 li + li {
    margin-top: 0;
}

.m212 .sec1 .effect_wrap {
    padding-bottom: 140px;
}

.m213.page_layout_style2 .smart_erp .contents {
    padding-top: 130px;
}

.m213.page_layout_style2 .smart_erp .page_info_wrap {
    padding: 0;
    border-bottom: 0;
    margin: 0;
}

.m213 .service_wrap1 .service_list {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.m213 .service_wrap1 .service_list > li {
    position: relative;
    width: 100%;
}

.m213 .service_wrap1 .service_list > li + li {
    margin-top: 150px;
}

.m213 .service_wrap1 .service_list > li .img {
    width: 100%;
    height: 486px;
    overflow: hidden;
}

.m213 .service_wrap1 .service_list > li .img span {
    display: block;
    width: 100%;
    height: 100%;
}

.m213 .service_wrap1 .service_list > li .con {
    position: relative;
    width: 90%;
    margin-left: 10%;
    background: #fff;
    margin-top: -100px;
    padding: 53px 0 13px 60px;
    z-index: 10;
}

.m213 .service_wrap1 .service_list > li .con .num {
    position: absolute;
    bottom: 100%;
    left: 0;
    font-size: 13rem;
    color: #fff;
    line-height: 0.8;
    font-family: 'Lexend',sans-serif;
    font-weight: 700;
    margin-bottom: -4px;
}

.m213 .service_wrap1 .service_list > li .con .tit {
    font-size: 2.7rem;
    font-family: 'Lexend','Noto Sans KR',sans-serif;
    color: #111;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
}

.m213 .service_wrap1 .service_list > li .con .tit span {
    font-size: 1.7rem;
    color: #111;
    font-weight: 400;
    font-family: 'Noto Sans KR',sans-serif;
    order: -1;
    width: 100%;
    margin-bottom: 10px;
}

.m213 .service_wrap1 .service_list > li .con .tit.en {
    font-weight: 500;
}

.m213 .service_wrap1 .service_list > li .con .txt1 {
    margin-top: 20px;
}

.m213 .service_wrap1 .service_list > li .dot_list_style1 {
    line-height: 1.95;
    overflow: hidden;
}

.m213 .service_wrap1 .service_list > li .dot_list_style1 br {
    display: none;
}

.m213 .service_wrap1 .service_list > li .dot_list_style1 li {
    width: 100%;
    padding-right: 30px;
    float: left;
    display: inline-block;
    vertical-align: top;
}

.m213 .service_wrap1 .service_list > li .dot_list_style1 li:nth-child(even) {
    float: right;
}

.m213 .service_wrap1 .service_list > li .dot_list_style1 li:before {
    background: #00abdc;
}

.m213 .service_wrap1 .service_list li:nth-child(even) .con .tit {
    justify-content: flex-end;
}

.m213 .service_wrap1 .service_list li:nth-child(even) .num {
    left: auto;
    right: 150px;
}

.m213 .service_wrap1 .service_list li:nth-child(even) .con {
    margin-left: 0;
    padding: 53px 60px 13px 0px;
    text-align: right;
}

.m213 .service_wrap1 .service_list li:nth-child(even) .con .dot_list_style1 li {
    padding: 0 15px 0 30px;
}

.m213 .service_wrap1 .service_list li:nth-child(even) .con .dot_list_style1 li:before {
    left: auto;
    right: 0;
}

.m213 .service_wrap2 .service_con {
    position: relative;
}

.m213 .service_wrap2 .service_con .scroll_x + .scroll_x {
    margin-top: 120px;
}

#wrap .m213 .trait_wrap {
    padding: 150px 6% 120px;
    margin-top: 180px;
}

.m213 .trait_wrap .con_title_g.sub_title {
    margin-bottom: 40px;
}

.m213 .trait_wrap:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/bbs/sub/img/smart_erp_bg.jpg')no-repeat center/cover;
    z-index: -1;
}

.m213 .trait_wrap .con_title_g .title2.type2 {
    color: #fff;
}

.m213 .trait_wrap .con_title_g .title2.type2:before {
    background: #fff;
}

.m213 .trait_wrap .list_wrap_g {
    position: relative;
}

.m213 .trait_wrap .list_wrap {
    position: relative;
    width: 100%;
}

.m213 .trait_wrap .list_wrap_g .title {
    position: relative;
    margin: 0 auto 50px;
    width: 250px;
    height: 250px;
    background: #fff url('/bbs/sub/img/smart_erp_tis.png')no-repeat top 60px center;
    border: 10px solid #0097e0;
    z-index: 10;
    border-radius: 50%;
    font-size: 2.6rem;
    color: #111;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.m213 .trait_wrap .list_wrap .list {
    width: 100%;
    background: rgba(255,255,255,0.85);
    padding: 50px;
    text-align: center;
}

.m213 .trait_wrap .list_wrap .list:nth-child(even) {
}

.m213 .trait_wrap .list_wrap .list:nth-child(n+2) {
    margin-top: 30px;
}

.m213 .trait_wrap .list_wrap .tit {
    font-size: 2.4rem;
    color: #000000;
    font-weight: 600;
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 58px;
    margin-bottom: 10px;
}

.m213 .trait_wrap .list_wrap .dot_list_style2 {
    text-align: center;
}

.m213 .trait_wrap .list_wrap .dot_list_style2 li {
    padding-left: 0;
}

.m213 .trait_wrap .list_wrap .dot_list_style2 li + li {
    margin-top: 0;
}

.m213 .trait_wrap .list_wrap .dot_list_style2 li:before {
    position: relative;
    display: inline-block;
    margin-right: 5px;
}

.m213 .trait_list {
    margin-top: 40px;
    width: 100%;
}

.m213 .trait_list .list {
    width: 100%;
    padding: 33px 0;
}

.m213 .trait_list .list br {
    display: none;
}

.m213 .trait_list .list + .list {
    border-top: 1px solid rgba(255,255,255,0.5);
}

.m213 .trait_list .list .title {
    width: 100%;
    padding: 4px 0 0 70px;
    min-height: 48px;
    background-repeat: no-repeat;
    background-position: top left 0px;
    font-size: 2.2rem;
    color: #fff;
    font-weight: 500;
    line-height: 1.6;
}

.m213 .trait_list .list .con {
    color: rgba(255,255,255,0.85);
    font-weight: 300;
    margin-top: 15px;
}

.m213 .trait_list .list .con .dot_list_style1 li:before {
    background: #fff;
}

.m213 .trait_list .list .con b {
    font-weight: 500;
}

.m213 .effect_wrap {
    padding-bottom: 150px;
}

.m213 .effect_wrap .con_title_g {
    margin-bottom: 95px;
}

.m213 .effect_wrap .diagram {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.m213 .effect_wrap .diagram .item_1 {
    position: relative;
    width: 100%;
    order: 2;
    z-index: 1;
}

.m213 .effect_wrap .diagram .item_1 .item {
    position: relative;
    width: 100%;
    background: #f6f6f6;
    text-align: center;
    padding: 50px;
}

.m213 .effect_wrap .diagram .item_1 .item + .item {
    margin-top: 20px;
}

.m213 .effect_wrap .diagram .item_1 .item br {
    display: none;
}

.m213 .effect_wrap .diagram .item_1 .item .tit {
    font-size: 2.2rem;
    color: #111111;
    font-weight: 600;
    margin-bottom: 9px;
}

.m213 .effect_wrap .diagram .item_2 {
    position: relative;
    left: 0;
    width: 650px;
    height: 434px;
    background: url('/bbs/sub/img/smart_erp_diagram_bg_m.png')no-repeat center top;
    background-size: 100%;
    order: 1;
    overflow: hidden;
    margin: 0 auto 50px;
}

.m213 .effect_wrap .diagram .item_2 .item {
    position: absolute;
    font-size: 2.2rem;
    color: #fff;
    font-weight: 500;
    width: 25%;
}

.m213 .effect_wrap .diagram .item_2 .item:nth-child(1) {
    top: 33%;
    left: 6%;
    text-align: center;
}

.m213 .effect_wrap .diagram .item_2 .item:nth-child(2) {
    top: 15%;
    left: 37%;
    text-align: center;
}

.m213 .effect_wrap .diagram .item_2 .item:nth-child(3) {
    top: 27%;
    right: 7%;
    text-align: center;
}

.m213 .effect_wrap .diagram .item_3 {
    position: absolute;
    top: 182px;
    left: 50%;
    width: 240px;
    height: 240px;
    font-size: 3.2rem;
    color: #212121;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
    order: 0;
}

.m221 .sec1 .contents {
    padding: 0;
}

.m221.page_layout_style2 .page_info_wrap {
    margin-bottom: 95px;
}

.m221 .sec1 .con_title_g.main_title {
    background: url('/bbs/sub/img/xfusion_logo.png')no-repeat bottom center;
    padding-top: 11px;
    margin-bottom: 190px;
    background-size: 100%;
}

.m221 .sec1 .con_title_g.main_title .title4 {
    margin-top: 40px;
}

.m221 .sec1 .con_title_g.main_title .title5 {
    margin-top: 2px;
}

.m221 .sec1 .con_title_g.main_title .txt1 {
    margin-top: 22px;
}

.m221 .sec1 .con_title_g.main_title .txt1 b {
    font-weight: 500;
    color: #555;
}

.m221 .capabilities_wrap {
    padding: 170px 0 100px 0;
}

.m221 .capabilities_wrap:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    background: url('/bbs/sub/img/xfusion_sports_bg.jpg')no-repeat center/cover;
    transform: translateX(-50%);
    z-index: -1;
}

.m221 .capabilities_wrap .con_title_g .title2.type2 {
    color: #fff;
}

.m221 .capabilities_wrap .con_title_g .title2.type2:before {
    background: #fff;
}

.m221 .capabilities_wrap .capabilities_items {
    position: relative;
    width: 100%;
}

.m221 .capabilities_wrap .capabilities_items .item {
    width: 100%;
    text-align: center;
    padding: 80px 0;
}

.m221 .capabilities_wrap .capabilities_items .item + .item {
    border-top: 1px solid rgba(255,255,255,0.3);
}

.m221 .capabilities_wrap .capabilities_items .item:nth-child(1) {
    padding-top: 0;
}

.m221 .capabilities_wrap .capabilities_items .item .tit {
    font-size: 2.6rem;
    color: #fff;
    font-weight: 600;
    line-height: 1.65;
}

.m221 .capabilities_wrap .capabilities_items .item .num_g {
    color: #00abdc;
    font-size: 2.6rem;
    min-height: 96px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    line-height: 1.3;
    text-align: left;
    margin: 80px 0;
}

.m221 .capabilities_wrap .capabilities_items .item .num_g .num {
    font-size: 12rem;
    font-family: 'Lexend',sans-serif;
    font-weight: 600;
    line-height: 0.8em;
    margin: 0px 13px;
}

.m221 .capabilities_wrap .capabilities_items .item .num_g .num.type2 {
    font-size: 10rem;
}

.m221 .capabilities_wrap .capabilities_items .item .txt1 {
    font-size: 1.8rem;
    color: rgba(255,255,255,0.8);
    font-weight: 500;
    line-height: 1.8;
}

#wrap .m221 .features_wrap {
    margin-top: 200px;
    padding: 135px 6% 160px;
}

#wrap .m221 .features_wrap .con_title_g {
    margin-bottom: 40px;
}

.m221 .features_wrap:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/bbs/sub/img/xfusion_sports_bg2.jpg')no-repeat center/cover;
    z-index: -1;
}

.m221 .features_wrap .con_title_g .title2.type2 {
    color: #fff;
}

.m221 .features_wrap .con_title_g .title2.type2:before {
    background: #fff;
}

.m221 .features_wrap .features_items {
    position: relative;
    width: 100%;
}

.m221 .features_wrap .features_items .item {
    width: 100%;
    background: rgba(255,255,255,0.85);
    text-align: center;
    padding: 65px 40px 75px;
}

.m221 .features_wrap .features_items .item + .item {
    margin-top: 30px;
}

.m221 .features_wrap .features_items .item .fig {
    width: 100%;
    height: 85px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
}

.m221 .features_wrap .features_items .item .fig img {
    max-width: 100%;
}

.m221 .features_wrap .features_items .item .fig.type2 {
    justify-content: space-between;
    max-width: 500px;
    margin: 0 auto;
}

.m221 .features_wrap .features_items .item .tit1 {
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
}

.m221 .features_wrap .features_items .item .tit2 {
    font-size: 1.8rem;
    color: #000;
    font-weight: 500;
    margin-top: 8px;
}

.m221 .features_wrap .features_items .item .con {
    margin-top: 24px;
}

.m221 .features_wrap .features_items .item .dot_list_style2 li:before {
    position: relative;
    display: inline-block;
    margin-right: 5px;
}

#wrap .m221 .diagram_wrap {
    margin-top: 200px;
}

.m221 .diagram_wrap .diagram_g {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.m221 .diagram_wrap .diagram_g .item {
    position: relative;
    width: calc(20% - 20px);
}

.m221 .diagram_wrap .diagram_g .item:nth-child(1) {
    margin-right: 20px;
}

.m221 .diagram_wrap .diagram_g .item:nth-child(1):after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: calc(100% + 19px);
    width: 2px;
    height: 100%;
    border-left: 2px dotted #dadada;
}

.m221 .diagram_wrap .diagram_g .item + .item {
    margin-left: 20px;
}

.m221 .diagram_wrap .diagram_g .item .box1 {
    position: relative;
    width: 100%;
    height: 100px;
    background: #0097e0;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 30px;
    z-index: 10;
}

.m221 .diagram_wrap .diagram_g .item .box1:before {
    display: block;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 1px;
    height: 30px;
    background: #99d5f3;
    z-index: 1;
}

.m221 .diagram_wrap .diagram_g .item .box1:after {
    display: block;
    content: "";
    position: absolute;
    top: calc(100% + 26px);
    left: 50%;
    width: 11px;
    height: 11px;
    background: #258adc;
    border: 2px solid #fff;
    box-sizing: border-box;
    border-radius: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.m221 .diagram_wrap .diagram_g .item .box1 span {
    font-size: 1.6rem;
    color: rgba(255,255,255,0.75);
    font-weight: 400;
}

.m221 .diagram_wrap .diagram_g .item .box2 {
    width: 100%;
    height: 244px;
    background: #f4f4f4;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: 500;
}

.m221 .diagram_wrap .diagram_g .item .box2 p {
    padding-top: 65px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: top center;
}

.m221 .diagram_wrap .diagram_g .item:nth-child(1) .box2 {
    background: #edf9fd;
}

.m221 .diagram_wrap .diagram_g .item .box3 {
    position: relative;
    padding-top: 30px;
}

.m221 .diagram_wrap .diagram_g .item .box3:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 30px;
    border-left: 1px dashed #99d5f3;
    z-index: 1;
}

.m221 .diagram_wrap .diagram_g .item .box3 .b_3_1 {
    position: relative;
    width: 100%;
    border: 1px solid #0097e0;
    background: #fff;
    padding: 22px 10px;
    line-height: 1.7;
}

.m221 .diagram_wrap .diagram_g .item .box3 .b_3_1 + .b_3_1 {
    margin-top: 10px;
}

.m221 .diagram_wrap .diagram_g .item .box3 .b_3_1 .tit {
    color: #111;
    font-weight: 500;
}

.m221 .diagram_wrap .diagram_g .item .box3 .b_3_1 .txt {
    font-size: 1.6rem;
    color: rgba(0,0,0,0.7);
    font-weight: 300;
}

.m221 .diagram_wrap .diagram_g .item .box3.type2:before {
    width: 16px;
    left: 10px;
    height: calc(50% + 20px);
    border-bottom: 1px dashed #99d5f3;
}

.m221 .diagram_wrap .diagram_g .item .box3.type2 .b_3_1:first-child:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -16px;
    width: 16px;
    height: calc(100% + 10px);
    border: 1px dashed #99d5f3;
    border-right: 0;
    box-sizing: border-box;
    z-index: 1;
}

.m221 .diagram_wrap .diagram_g .item .box3.type2 {
    padding-left: 40px;
}

.m221 .effect_wrap {
    padding-bottom: 200px;
}

.m222 .xfusion_ecp .features_wrap .con_title_g .title2.type2 {
    color: #fff;
}

.m222 .xfusion_ecp .features_wrap .con_title_g .title2.type2:before {
    background: #fff;
}

#wrap .m222 .xfusion_ecp .inner {
    padding-bottom: 0;
}

#wrap .m222 .xfusion_ecp .features_wrap {
    padding: 135px 6% 160px;
    margin-top: 200px;
}

#wrap .m222 .xfusion_ecp .con_title_g.sub_title {
    margin-bottom: 40px;
}

.m222 .xfusion_ecp .features_wrap:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/bbs/sub/img/communication_bg1.jpg')no-repeat center/cover;
    z-index: -1;
}

.m222 .xfusion_ecp .features_wrap .features_items {
    position: relative;
    width: 100%;
}

.m222 .xfusion_ecp .features_wrap .features_items > li {
    width: 100%;
    background: rgba(255,255,255,0.85);
    padding: 70px 50px 80px;
    text-align: center;
}

.m222 .xfusion_ecp .features_wrap .features_items > li .title {
    padding-top: 55px;
    background-repeat: no-repeat;
    background-position: top center;
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
    line-height: 1.64;
}

.m222 .xfusion_ecp .features_wrap .features_items > li .con {
    margin-top: 10px;
}

.m222 .xfusion_ecp .features_wrap .features_items > li:nth-child(n+2) {
    margin-top: 55px;
}

.m222 .xfusion_ecp .features_wrap .features_items > li:nth-child(3) .con {
    margin-top: 24px;
}

.m222 .xfusion_ecp .features_wrap .features_items > li:nth-child(3) .box {
    position: relative;
    width: 250px;
    border: 1px solid #000000;
    margin: 0 auto;
    padding: 15px;
    border-radius: 180px;
    text-align: center;
}

.m222 .xfusion_ecp .features_wrap .features_items > li:nth-child(3) .b_i {
    position: relative;
    width: 100%;
    background: #cfcfcf;
    border-radius: 50%;
    height: 218px;
    font-size: 1.6rem;
    color: #111;
    line-height: 1.5;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.m222 .xfusion_ecp .features_wrap .features_items > li:nth-child(3) .b_i + .b_i {
    margin-top: 50px;
}

.m222 .xfusion_ecp .features_wrap .features_items > li:nth-child(3) .b_i + .b_i:before {
    display: block;
    content: "";
    background: url('/bbs/sub/img/communication_l1_dot.png')no-repeat top left;
    width: 20px;
    height: 2px;
    position: absolute;
    top: -36px;
    left: 50%;
    transform: rotate(90deg);
    transform-origin: left top;
}

#wrap .m222 .xfusion_ecp .effect_wrap {
    margin-top: 190px;
}

#wrap .m222 .xfusion_rex .inner {
    padding-bottom: 100px;
}

.m222 .xfusion_rex .con_title_g.main_title .txt1 {
    margin-top: 18px;
}

.m222 .xfusion_rex .con_title_g.main_title .txt1 b {
    color: #111;
    font-weight: 500;
}

.m222 .xfusion_rex .features_wrap .con_title_g .title2.type2 {
    color: #fff;
}

.m222 .xfusion_rex .features_wrap .con_title_g .title2.type2:before {
    background: #fff;
}

#wrap .m222 .xfusion_rex .features_wrap {
    padding: 135px 6% 160px;
    margin-top: 200px;
}

#wrap .m222 .xfusion_rex .con_title_g.sub_title {
    margin-bottom: 40px;
}

.m222 .xfusion_rex .features_wrap:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/bbs/sub/img/communication_bg2.jpg)no-repeat center/cover;
    z-index: -1;
}

.m222 .xfusion_rex .features_wrap .features_items {
    position: relative;
    width: 100%;
}

.m222 .xfusion_rex .features_wrap .features_items > .item {
    width: 100%;
    background: rgba(255,255,255,0.85);
    padding: 55px 35px 60px;
    text-align: center;
    margin-right: 30px;
}

.m222 .xfusion_rex .features_wrap .features_items > .item:nth-child(n+2) {
    margin-top: 30px;
}

.m222 .xfusion_rex .features_wrap .features_items > .item .title {
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
    padding-top: 65px;
    background-repeat: no-repeat;
    background-position: top center;
}

.m222 .xfusion_rex .features_wrap .features_items > .item .txt1 {
    margin-top: 12px;
}

.m222.page_layout_style1 .section + .section > .inner {
    border-top: 0;
    padding-top: 160px;
}

.m222.page_layout_style2 section .contents {
    padding-top: 0;
}

.m222 .con_title_g.main_title .title4 {
    margin-top: 40px;
}

.m222 .xfusion_ecp .con_title_g.main_title .txt1 {
    margin-top: 18px;
}

.m222 .xfusion_ecp .con_title_g.main_title .txt1 b {
    color: #111;
    font-weight: 500;
}

.m222 .communication_wrap1 .c_items {
    position: relative;
    width: 100%;
}

.m222 .communication_wrap1 .c_items .item {
    width: 100%;
}

.m222 .communication_wrap1 .c_items .item + .item {
    margin-top: 100px;
}

.m222 .communication_wrap1 .c_items .item .title {
    font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;
    font-size: 3.6rem;
    color: #111;
    font-weight: 600;
    letter-spacing: -0.5px;
    margin-bottom: 35px;
}

.m222 .communication_wrap1 .c_items .item .title span {
    color: #0095df;
}

.m222 .communication_wrap1 .c_items .item .img {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
}

.m222 .communication_wrap1 .c_items .item .img span {
    display: block;
    width: 100%;
    height: 100%;
}

.m222 .communication_wrap1 .c_items .item .info_g {
    position: relative;
    width: 100%;
    padding-top: 40px;
}

.m222 .communication_wrap1 .c_items .item .info_g .tit {
    font-size: 2.2rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 20px;
}

.m222 .communication_wrap1 .c_items .item .info_g .dot_list_style1 li:before {
    background: #999999;
}

.m222 .communication_wrap1 .c_items .item .info_g .dot_list_style1 li + li {
    margin-top: 8px;
}

.m223 .sec1 {
    padding-bottom: 100px;
}

.m223 .it_outsourcing {
    position: relative;
    width: 100%;
    padding: 70px 0;
    background: url('/bbs/sub/img/outsourcing_bg1.jpg')no-repeat center/cover;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.m223 .it_outsourcing .item {
    position: relative;
    width: 50%;
    padding: 80px 60px 0 60px;
    background-repeat: no-repeat;
    background-position: top center;
    color: #fff;
    text-align: center;
}

.m223 .it_outsourcing .item + .item {
}

.m223 .it_outsourcing .item + .item:before {
    display: block;
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    width: 2px;
    height: 100%;
    background: url('/bbs/sub/img/outsourcing_dot_line.png')repeat-y;
    transform-origin: left top;
    z-index: 1;
}

.m223 .it_outsourcing .item .tit1 {
    font-size: 2rem;
    margin-bottom: 7px;
}

.m223 .it_outsourcing .item .tit2 {
    font-size: 3.6rem;
    font-weight: 600;
}

.m223 .it_outsourcing .item .info_g {
    margin-top: 22px;
}

.m223 .it_outsourcing .item .info_g .i_g + .i_g {
    margin-top: 20px;
}

.m223 .it_outsourcing .item .info_g .i_g .tit {
    position: relative;
    color: #fff;
    font-weight: 400;
    padding: 0 11px;
}

.m223 .it_outsourcing .item .info_g .i_g .tit:before {
    display: block;
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background: #fff;
    top: 14px;
    left: 0;
}

.m223 .it_outsourcing .item .info_g .i_g ul {
    color: #fff;
    font-weight: 300;
    padding: 0 11px;
}

.m223 .sec1 .service_wrap .con_title_g .title4 {
    margin-top: 30px;
}

.m223 .sec1 .service_wrap .service_list {
    position: relative;
    width: 100%;
}

.m223 .sec1 .service_wrap .service_list .list {
    position: relative;
    background-position: left 11px top;
    background-repeat: no-repeat;
    padding: 5px 0 0 102px;
}

.m223 .sec1 .service_wrap .service_list .list:nth-child(n+2) {
    margin-top: 65px;
}

.m223 .sec1 .service_wrap .service_list .list .title {
    font-size: 2.2rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 21px;
}

.m223 .sec1 .process_wrap .process_list {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.m223 .sec1 .process_wrap .process_list .list {
    width: 100%;
}

.m223 .sec1 .process_wrap .process_list .list:nth-child(2) .title {
    background: #b1eddf;
}

.m223 .sec1 .process_wrap .process_list .list:nth-child(3) .title {
    background: #91d3eb;
}

.m223 .sec1 .process_wrap .process_list .list:nth-child(4) .title {
    background: #90a9e9;
}

.m223 .sec1 .process_wrap .process_list .list:nth-child(5) .title {
    background: #9799e2;
}

.m223 .sec1 .process_wrap .process_list .list + .list {
    margin-top: 60px;
}

.m223 .sec1 .process_wrap .process_list .list + .list .title:before {
    display: block;
    content: "";
    position: absolute;
    top: -35px;
    left: 50%;
    background: url('/bbs/sub/img/outsourcing_p_a_1.png')no-repeat left top;
    width: 10px;
    height: 12px;
    transform: rotate(90deg);
}

.m223 .sec1 .process_wrap .process_list .list:nth-child(3) .title:before {
    background-image: url('/bbs/sub/img/outsourcing_p_a_2.png');
}

.m223 .sec1 .process_wrap .process_list .list:nth-child(4) .title:before {
    background-image: url('/bbs/sub/img/outsourcing_p_a_3.png');
}

.m223 .sec1 .process_wrap .process_list .list:nth-child(5) .title:before {
    background-image: url('/bbs/sub/img/outsourcing_p_a_4.png');
}

.m223 .sec1 .process_wrap .process_list .list .title {
    position: relative;
    width: 100%;
    height: 100px;
    background: #ededed;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 2rem;
    color: #000;
    font-weight: 500;
    line-height: 1.6;
}

.m223 .sec1 .process_wrap .process_list .list ul {
    margin-top: 20px;
    line-height: 1.5;
}

.m223 .sec1 .process_wrap .process_list .list ul li {
    width: 100%;
    border: 1px solid #dbdbdb;
    text-align: center;
    padding: 17px 10px;
}

.m223 .sec1 .process_wrap .process_list .list ul li + li {
    margin-top: 9px;
}

#wrap .m223 .sec1 .features_wrap {
    padding: 140px 6% 160px;
    margin-top: 160px;
}

.m223 .sec1 .features_wrap:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/bbs/sub/img/outsourcing_bg2.jpg')no-repeat center/cover;
    z-index: -1;
}

.m223 .sec1 .features_wrap .con_title_g {
    margin-bottom: 40px;
}

.m223 .sec1 .features_wrap .con_title_g .title2.type2 {
    color: #fff;
}

.m223 .sec1 .features_wrap .con_title_g .title2.type2:before {
    background: #fff;
}

.m223 .sec1 .features_wrap .features_items {
    position: relative;
    width: 100%;
}

.m223 .sec1 .features_wrap .features_items .item {
    width: 100%;
    background: rgba(255,255,255,0.85);
    padding: 65px 40px 64px;
    text-align: center;
}

.m223 .sec1 .features_wrap .features_items .item + .item {
    margin-top: 30px;
}

.m223 .sec1 .features_wrap .features_items .item .title {
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 65px;
}

.m223 .sec1 .features_wrap .features_items .item .txt1 {
    margin-top: 10px;
}

.m231 .sec1 {
    padding-bottom: 100px;
}

.m231 .sec1 .process_wrap .process_list {
    position: relative;
    width: 100%;
}

.m231 .sec1 .process_wrap .process_list .item {
    width: 100%;
}

.m231 .sec1 .process_wrap .process_list .item + .item {
    margin-top: 60px;
}

.m231 .sec1 .process_wrap .process_list .item + .item .tit:before {
    display: block;
    content: "";
    position: absolute;
    top: -37px;
    left: 50%;
    background: url('/bbs/sub/img/outsourcing_p_a_2.png')no-repeat left top;
    width: 10px;
    height: 12px;
    transform: rotate(90deg);
}

.m231 .sec1 .process_wrap .process_list .item:nth-child(3) .tit:before {
    background-image: url('/bbs/sub/img/outsourcing_p_a_4.png');
}

.m231 .sec1 .process_wrap .process_list .item .tit {
    position: relative;
    width: 100%;
    height: 80px;
    background: #b1eddf;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 2rem;
    color: #000;
    font-weight: 500;
    line-height: 1.6;
}

.m231 .sec1 .process_wrap .process_list .item:nth-child(2) .tit {
    background: #91d3eb;
}

.m231 .sec1 .process_wrap .process_list .item:nth-child(3) .tit {
    background: #90a9e9;
}

.m231 .sec1 .process_wrap .process_list .box {
    margin-top: 10px;
    border: 1px solid #dbdbdb;
    padding: 25px 30px;
}

.m231 .sec1 .process_wrap .process_list .item:nth-child(1) .box li:before {
    background: #0bd5b2;
}

.m231 .sec1 .process_wrap .process_list .item:nth-child(2) .box li:before {
    background: #258adc;
}

.m231 .sec1 .process_wrap .process_list .item:nth-child(3) .box li:before {
    background: #4977cc;
}

.m231 .sec1 .features_wrap:before {
    background: url('/bbs/sub/img/cloud_f_bg.jpg')no-repeat center/cover;
}

.m232 .sec1 {
    padding-bottom: 120px;
}

#wrap .m232 .sec1 .contents_style1 {
    margin-top: 190px;
}

.m232 .sec1 .contents_style1:before {
    background: url('/bbs/sub/img/cloud_contact_center_bg.jpg')no-repeat center/cover;
}

.m232 .sec1 .contents_style1 .items_wrap .item {
    padding: 64px 30px 65px 30px;
}

.m232 .sec1 .service_wrap .list_wrap_style1 .list {
    padding-top: 5px;
}

.m232 .sec1 .main_title {
    margin-bottom: 0;
}

#wrap .m232 .sec1 .main_title .title4 {
    margin-top: 45px;
}

#wrap .m232 .sec1 .main_title .txt1 {
    margin-top: 12px;
}

.m232 .sec1 .contents {
    padding-top: 100px;
}

.m232 .process_wrap .process_list {
    position: relative;
    width: 100%;
}

.m232 .process_wrap .process_list .item_g:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 25.8vw;
    border-radius: 300px;
    height: 100%;
    border: 2px dotted #9f9f9f;
    background: #f6f6f6;
    z-index: 0;
}

.m232 .process_wrap .process_list .item_g {
    position: relative;
    padding: 40px;
    max-width: 400px;
    margin: 0 auto;
}

.m232 .process_wrap .process_list .item_g .i:first-child:before, .m232 .process_wrap .process_list .item_g .i:first-child:after, .m232 .process_wrap .process_list .item_g .i:last-child:before, .m232 .process_wrap .process_list .item_g .i:last-child:after {
    display: block;
    content: "";
    position: absolute;
    top: -49px;
    left: 49%;
    width: 10px;
    height: 10px;
    border: 2px solid #908b89;
    transform: rotate(-45deg);
    border-top: 0;
    border-left: 0;
    z-index: 10;
}

.m232 .process_wrap .process_list .item_g .i:last-child:after {
    bottom: -52px;
    top: auto;
    transform: rotate(135deg);
    left: 50%;
}

.m232 .process_wrap .process_list .item_g .i:first-child:before {
    transform: rotate(-135deg);
    left: -49px;
    top: 641px;
}

.m232 .process_wrap .process_list .item_g .i:last-child:before {
    transform: rotate(45deg);
    top: -330px;
    left: auto;
    right: -53px;
}

.m232 .process_wrap .process_list .i {
    position: relative;
    width: 100%;
    z-index: 10;
}

.m232 .process_wrap .process_list .info_g .i {
    width: 100%;
    text-align: left;
}

.m232 .process_wrap .process_list .info_g .i > div > p {
    background-position: left top;
    text-align: left;
}

.m232 .process_wrap .process_list .item_g .i {
    height: 320px;
    border: 4px solid #0bd5b2;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 10px;
}

.m232 .process_wrap .process_list .i:nth-child(2) {
    border-color: #00abdc;
}

.m232 .process_wrap .process_list .i:nth-child(3) {
    border-color: #4977cc;
}

.m232 .process_wrap .process_list .i:nth-child(4) {
    border-color: #6a56ce;
}

.m232 .process_wrap .process_list .item_g .i > div {
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.m232 .process_wrap .process_list .i > div > p {
    background: no-repeat;
    background-position: top center;
    padding-top: 58px;
    width: 100%;
    text-align: center;
    font-size: 2.6rem;
    color: #000;
    font-weight: 500;
}

.m232 .process_wrap .process_list .info_g {
    position: relative;
    margin-top: 100px;
}

.m232 .process_wrap .process_list .con {
    width: 100%;
    padding: 0px 22px 0;
}

.m232 .process_wrap .process_list .info_g .con + .con {
    margin-top: 50px;
}

.m233 .sec1 {
    padding-bottom: 200px;
}

.m233 .sec1 .main_title {
    margin-bottom: 0;
}

#wrap .m233 .sec1 .main_title .title4 {
    margin-top: 45px;
}

#wrap .m233 .sec1 .main_title .txt1 {
    margin-top: 12px;
}

.m233 .sec1 .contents {
    padding-top: 100px;
}

.m233 .sec1 .contents_style1:before {
    background: url('/bbs/sub/img/cloud_communication_bg2.jpg')no-repeat center/cover;
}

.m233.page_layout_style1 .contents_style1 .items_wrap .item {
    padding-top: 70px;
    min-height: 340px;
}

.m233.page_layout_style1 .list_layout_style3 > li .img {
    height: 400px;
}

.m233.page_layout_style1 .list_layout_style3 > li .con {
    min-height: auto;
    padding-bottom: 0;
    width: auto;
}

.m233.page_layout_style1 .list_layout_style3 > li:nth-child(2) .con {
    left: -120px;
}

.m233.page_layout_style1 .list_layout_style3 > li:nth-child(3) .con {
    right: -140px;
}

.m233.page_layout_style1 .list_layout_style3 > li:nth-child(4) .con {
    left: -100px;
}

.m233.page_layout_style1 .list_layout_style3 > li + li {
    margin-top: 130px;
}

.m241 .sec1 {
    padding-bottom: 120px;
}

.m241 .sec1 .main_title {
    margin-bottom: 0;
}

.m241 .sec1 .contents {
    padding-top: 100px;
}

#wrap .m241 .sec1 .contents_style1 {
    margin-top: 180px;
}

.m241 .sec1 .contents_style1:before {
    background: url('/bbs/sub/img/infra_consulting_bg.jpg')no-repeat center/cover;
}

.m241.page_layout_style2 .sec1 .list_wrap_style1 .list {
    padding-right: 25px;
}

.m241.page_layout_style1 .sec1 .contents_style1 .items_wrap .item {
    padding: 55px 50px 50px;
    min-height: 280px;
}

.m241.page_layout_style2 .sec1 .list_wrap_style1 .list:nth-child(2) {
    background-position: top 12px left;
}

.m242 .sec1 {
    padding-bottom: 100px;
}

.m242 .sec1 .main_title {
    margin-bottom: 0;
}

.m242 .sec1 .contents {
    padding-top: 100px;
}

.m242 .sec1 .process_wrap .process_list {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.m242 .sec1 .process_wrap .process_list .item {
    width: 100%;
}

.m242 .sec1 .process_wrap .process_list .item + .item {
    margin-top: 50px;
}

.m242 .sec1 .process_wrap .process_list .item + .item .tit:before {
    display: block;
    content: "";
    position: absolute;
    top: -26px;
    left: 50%;
    background: url('/bbs/sub/img/outsourcing_p_a_2.png')no-repeat left top;
    width: 10px;
    height: 12px;
    transform: translateY(-50%) rotate(90deg);
}

.m242 .sec1 .process_wrap .process_list .item:nth-child(3) .tit:before {
    background-image: url('/bbs/sub/img/outsourcing_p_a_4.png');
}

.m242 .sec1 .process_wrap .process_list .item .tit {
    position: relative;
    width: 100%;
    height: 80px;
    background: #b1eddf;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 2rem;
    color: #000;
    font-weight: 500;
    line-height: 1.6;
}

.m242 .sec1 .process_wrap .process_list .item:nth-child(2) .tit {
    background: #91d3eb;
}

.m242 .sec1 .process_wrap .process_list .item:nth-child(3) .tit {
    background: #90a9e9;
}

.m242 .sec1 .process_wrap .process_list .box {
    margin-top: 10px;
    border: 1px solid #dbdbdb;
    padding: 17px 30px;
    text-align: center;
}

.m242.page_layout_style2 .list_wrap_style1 .list:nth-child(n+3) {
    margin-top: 40px;
}

#wrap .m242 .sec1 .contents_style1 {
    margin-top: 185px;
}

.m242 .sec1 .contents_style1:before {
    background: url('/bbs/sub/img/nb_system_bg.jpg')no-repeat center/cover;
}

.m242.page_layout_style1 .contents_style1 .items_wrap .item {
    min-height: 280px;
}

.m242.page_layout_style2 .con_title_g.sub_title {
    margin-bottom: 52px;
}

.m243 .sec1 {
    padding-bottom: 100px;
}

.m243 .sec1 .main_title {
    margin-bottom: 0;
}

.m243 .sec1 .contents {
    padding-top: 100px;
}

.m243 .sec1 .process_wrap .process_list {
    position: relative;
    width: 100%;
}

.m243 .sec1 .process_wrap .process_list .item {
    width: 100%;
}

.m243 .sec1 .process_wrap .process_list .item + .item {
    margin-top: 50px;
}

.m243 .sec1 .process_wrap .process_list .item + .item .tit:before {
    display: block;
    content: "";
    position: absolute;
    top: -26px;
    left: 50%;
    background: url('/bbs/sub/img/outsourcing_p_a_2.png')no-repeat left top;
    width: 10px;
    height: 12px;
    transform: translateY(-50%) rotate(90deg);
}

.m243 .sec1 .process_wrap .process_list .item:nth-child(3) .tit:before {
    background-image: url('/bbs/sub/img/outsourcing_p_a_4.png');
}

.m243 .sec1 .process_wrap .process_list .item .tit {
    position: relative;
    width: 100%;
    height: 80px;
    background: #b1eddf;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 2rem;
    color: #000;
    font-weight: 500;
    line-height: 1.6;
}

.m243 .sec1 .process_wrap .process_list .item:nth-child(2) .tit {
    background: #91d3eb;
}

.m243 .sec1 .process_wrap .process_list .item:nth-child(3) .tit {
    background: #90a9e9;
}

.m243 .sec1 .process_wrap .process_list .box {
    margin-top: 10px;
    border: 1px solid #dbdbdb;
    padding: 17px 30px;
    text-align: center;
}

#wrap .m243 .sec1 .contents_style1 {
    margin-top: 185px;
}

.m243 .sec1 .contents_style1:before {
    background: url('/bbs/sub/img/nb_network_bg.jpg')no-repeat center/cover;
}

.m243.page_layout_style1 .contents_style1 .items_wrap .item {
    padding: 50px 47px 50px;
}

.m243.page_layout_style1 .contents_style1 .items_wrap .con br {
    display: none;
}

.m251.page_layout_style1 .main_title {
    margin-bottom: 75px;
}

.m251.page_layout_style1 .page_info_wrap {
    margin-bottom: 0;
}

.m251 .slogan_wrap {
    padding-top: 120px;
    padding-bottom: 120px;
}

.m251 .con_title_g.main_title .txt1 b {
    font-weight: 600;
    color: #000;
}

.m251 .slogan_wrap .slogan_list {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.m251 .slogan_wrap .slogan_list .list {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 410px;
}

.m251 .slogan_wrap .slogan_list .list + .list {
    margin-top: 43px;
}

.m251 .slogan_wrap .slogan_list .list .bg {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
}

.m251 .slogan_wrap .slogan_list .list .info {
    position: absolute;
    bottom: 38px;
    left: 38px;
    width: calc(100% - (38px * 2));
    border-top: 2px solid rgba(255,255,255,0.5);
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    padding-top: 30px;
    color: #fff;
}

.m251 .slogan_wrap .slogan_list .list .info .tit {
    width: 100px;
    border-right: 1px solid rgba(255,255,255,0.5);
    padding-right: 19px;
    padding-bottom: 4px;
}

.m251 .slogan_wrap .slogan_list .list .info .tit b {
    font-size: 3rem;
    display: block;
    line-height: 1em;
}

.m251 .slogan_wrap .slogan_list .list .info .tit span {
    display: block;
    font-size: 1.7rem;
    color: rgba(255,255,255,0.89);
    margin-top: 16px;
    line-height: 1em;
}

.m251 .slogan_wrap .slogan_list .list .info .txt {
    width: calc(100% - 100px);
    font-size: 2rem;
    font-weight: 500;
}

.m251 .history_wrap .history_con {
    position: relative;
    width: 100%;
}

.m251 .history_wrap .history_con:before {
    display: block;
    content: "";
    position: absolute;
    top: 26px;
    left: 50%;
    width: 1px;
    height: calc(100% - 200px);
    background: #dbdbdb;
}

.m251 .history_wrap .history_con .his_g {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.m251 .history_wrap .history_con .his_g:before {
    display: block;
    content: "";
    width: 17px;
    height: 17px;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 18px;
    left: calc(50% - 8px);
    z-index: 10;
    box-sizing: border-box;
}

.m251 .history_wrap .history_con .his_g:after {
    display: block;
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    background: #0096e0;
    border-radius: 50%;
    top: 22px;
    left: calc(50% - 4px);
    z-index: 10;
}

.m251 .history_wrap .history_con .his_g + .his_g {
    margin-top: 120px;
}

.m251 .history_wrap .history_con .his_g .year {
    position: relative;
    width: 50%;
    font-family: 'Lexend',sans-serif;
    font-size: 6rem;
    color: #0096e0;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 0.8;
    text-align: right;
    padding-right: 70px;
}

.m251 .history_wrap .history_con .his_g .year:before {
    display: block;
    content: "";
    position: absolute;
    width: 81px;
    height: 1px;
    background: #aaaaaa;
    top: 26px;
    right: -40px;
    z-index: -1;
}

.m251 .history_wrap .history_con .his_g .con {
    position: relative;
    width: 50%;
    padding: 16px 0px 0 70px;
}

.m251 .history_wrap .history_con .his_g .con ul li {
    position: relative;
    width: 100%;
}

.m251 .history_wrap .history_con .his_g .con ul li + li {
    margin-top: 10px;
}

.m251 .history_wrap .history_con .his_g .con ul li .y {
    color: #0096e0;
    font-size: 1.8rem;
    font-family: 'Lexend',sans-serif;
    font-weight: 400;
}

.m251 .history_wrap .history_con .his_g .con ul li .txt1 {
}

.m251 .history_wrap .history_con .his_g:nth-child(even) .year:before {
    right: auto;
    left: -40px;
}

.m251 .history_wrap .history_con .his_g:nth-child(even):after {
    background: #0e4d90;
}

.m251 .history_wrap .history_con .his_g:nth-child(even) .year {
    color: #0e4d90;
    order: 3;
    text-align: left;
    padding: 0 0 0 70px;
}

.m251 .history_wrap .history_con .his_g:nth-child(even) .con {
    order: 2;
    padding: 16px 70px 0 0;
}

.m251 .history_wrap .history_con .his_g:nth-child(even) .con ul li .y {
    text-align: right;
    color: #0e4d90;
    order: 2;
}

.m251 .history_wrap .history_con .his_g:nth-child(even) .con ul li .txt1 {
    text-align: right;
    order: 1;
}

#wrap .m251 .role_wrap .inner {
    padding-bottom: 0;
}

.m251 .role_wrap .role_con_g {
    overflow-x: auto;
    width: calc(100% + 5.5%);
}

.m251 .role_wrap .role_con {
    position: relative;
    width: 1320px;
    height: 1000px;
}

.m251 .role_wrap .role_con .bg {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.m251 .role_wrap .role_con .bg .b_i {
    position: relative;
    width: 37%;
    background: #eefdfa;
}

.m251 .role_wrap .role_con .bg .b_i + .b_i {
    margin-left: 28px;
    background: #eef9fd;
    width: calc(63% - 28px);
}

.m251 .role_wrap .role_con .bg .b_i + .b_i:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: -16px;
    width: 2px;
    height: 100%;
    border-left: 2px dotted #e8e8e8;
}

.m251 .role_wrap .role_con .bg .b_i .tit {
    width: 100%;
    height: 80px;
    background: #b1eddf;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #000;
    font-weight: 500;
}

.m251 .role_wrap .role_con .bg .b_i + .b_i .tit {
    background: #91d3eb;
}

.m251 .role_wrap .diagram {
    position: absolute;
    top: 80px;
    height: calc(100% - 80px);
    left: 0;
    width: 100%;
}

.m251 .role_wrap .diagram .title {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 290px;
    height: 290px;
    background: #fff url('/bbs/sub/img/rnb_tls.jpg')no-repeat center;
    border: 20px solid #939393;
    border-radius: 50%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 3.2rem;
    color: #000000;
    font-weight: 600;
    transform: translate(-50%,-50%);
    /* margin-top: -25px; */
}

.m251 .role_wrap .diagram .title:before {
    display: block;
    content: "";
    position: absolute;
    top: -100px;
    left: -100px;
    width: calc(100% + 200px);
    height: calc(100% + 200px);
    border: 1px solid #bbbbbb;
    border-radius: 50%;
    box-sizing: border-box;
}

.m251 .role_wrap .diagram .d_i_g .d_i {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
}

.m251 .role_wrap .diagram .d_i_g .d_i:before {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #666666;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    bottom: -45px;
    left: 70px;
    z-index: 10;
    box-sizing: border-box;
}

.m251 .role_wrap .diagram .d_i_g .d_i:after {
    display: block;
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #3e71a6;
    border-radius: 50%;
    bottom: -40px;
    left: 75px;
    z-index: 10;
}

.m251 .role_wrap .diagram .d_i_g .d_i .tit {
    width: 160px;
    height: 160px;
    background: #fff;
    border: 8px solid #0e4d90;
    border-radius: 50%;
    font-size: 2.2rem;
    color: #000000;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    letter-spacing: -1px;
}

.m251 .role_wrap .diagram .d_i_g .d_i .txt1 {
    padding: 12px 0 0 25px;
}

.m251 .role_wrap .diagram .d_i_g .d_i .txt1 b {
    color: #000;
}

.m251 .role_wrap .diagram .d_i_g .d_i1 {
    top: 4.5%;
    left: 43.5%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.m251 .role_wrap .diagram .d_i_g .d_i2 {
    right: 4%;
    top: 21%;
}

.m251 .role_wrap .diagram .d_i_g .d_i3 {
    top: auto;
    bottom: 24%;
    right: 6%;
}

.m251 .role_wrap .diagram .d_i_g .d_i4 {
    top: auto;
    bottom: 4.5%;
    left: 44%;
}

.m251 .role_wrap .diagram .d_i_g .d_i6 {
    top: auto;
    bottom: 24%;
    left: 6%;
}

.m251 .role_wrap .diagram .d_i_g .d_i5 {
    top: 21%;
    left: 6.5%;
}

.m251 .role_wrap .diagram .d_i_g .d_i2 .tit span {
    color: #6a56ce;
}

.m251 .role_wrap .diagram .d_i_g .d_i3 .tit span {
    color: #4977cc;
}

.m251 .role_wrap .diagram .d_i_g .d_i4 .tit span {
    color: #00abdc;
}

.m251 .role_wrap .diagram .d_i_g .d_i1 .dot_list_style1 li:before {
    background: #0e4d90;
}

.m251 .role_wrap .diagram .d_i_g .d_i2 .dot_list_style1 li:before {
    background: #6a56ce;
}

.m251 .role_wrap .diagram .d_i_g .d_i3 .dot_list_style1 li:before {
    background: #4977cc;
}

.m251 .role_wrap .diagram .d_i_g .d_i4 .dot_list_style1 li:before {
    background: #00abdc;
}

.m251 .role_wrap .diagram .d_i_g .d_i6 .dot_list_style1 li:before {
    background: #0fb99c;
}

.m251 .role_wrap .diagram .d_i_g .d_i5 .dot_list_style1 li:before {
    background: #0bd5b3;
}

.m251 .role_wrap .diagram .d_i_g .d_i1 .tit {
    border-color: #0e4d90;
}

.m251 .role_wrap .diagram .d_i_g .d_i2 .tit {
    border-color: #6a56ce;
}

.m251 .role_wrap .diagram .d_i_g .d_i3 .tit {
    border-color: #4977cc;
}

.m251 .role_wrap .diagram .d_i_g .d_i4 .tit {
    border-color: #00abdc;
}

.m251 .role_wrap .diagram .d_i_g .d_i6 .tit {
    border-color: #0fb99c;
}

.m251 .role_wrap .diagram .d_i_g .d_i5 .tit {
    border-color: #0bd5b3;
}

.m251 .role_wrap .diagram .d_i_g .d_i1 .txt1 {
    padding: 0 0 0 20px;
}

.m251 .role_wrap .diagram .d_i_g .d_i5 .txt1 {
    padding-left: 0;
}

.m251 .role_wrap .diagram .d_i_g .d_i6 .txt1 {
    padding-left: 10px;
}

.m251 .role_wrap .diagram .d_i_g .d_i2:before {
    bottom: auto;
    top: 90%;
    left: -7.8%;
}

.m251 .role_wrap .diagram .d_i_g .d_i2:after {
    bottom: auto;
    left: calc(-7.8% + 5px);
    top: calc(90% + 5px);
    background: #6a56ce;
}

.m251 .role_wrap .diagram .d_i_g .d_i3:before {
    bottom: auto;
    top: 13%;
    left: -13.5%;
}

.m251 .role_wrap .diagram .d_i_g .d_i3:after {
    background: #4977cc;
    bottom: auto;
    top: calc(13% + 5px);
    left: calc(-13.5% + 5px);
}

.m251 .role_wrap .diagram .d_i_g .d_i4:before {
    bottom: auto;
    top: -43px;
}

.m251 .role_wrap .diagram .d_i_g .d_i4:after {
    background: #00abdc;
    bottom: auto;
    top: -38px;
}

.m251 .role_wrap .diagram .d_i_g .d_i5:before {
    bottom: auto;
    top: 90%;
    left: auto;
    right: -9.5%;
}

.m251 .role_wrap .diagram .d_i_g .d_i5:after {
    background: #0bd5b3;
    bottom: auto;
    left: auto;
    right: calc(-9.5% + 5px);
    top: calc(90% + 5px);
}

.m251 .role_wrap .diagram .d_i_g .d_i6:before {
    left: auto;
    right: -14%;
    bottom: auto;
    top: 13%;
}

.m251 .role_wrap .diagram .d_i_g .d_i6:after {
    background: #0fb99c;
    bottom: auto;
    top: calc(13% + 5px);
    left: auto;
    right: calc(-14% - -5px);
}

/*
.m31 .finance_wrap1 .page_info_wrap.main_title{margin-bottom: 15px;}
.m31 .finance_wrap2 .page_info_wrap.main_title{margin-bottom: 50px;}
#wrap .m31 .finance_wrap1 .inner{padding-bottom: 120px;}
.m31 .finance_wrap1 .noti{font-size: 1.5rem;margin-bottom: 15px;}
.m31 .finance_wrap1 .table{position: relative;width: 100%;display: flex;flex-wrap: wrap;border-top: 2px solid #000000;border-bottom: 1px solid #cccccc;padding: 50px 0;text-align: center;}
.m31 .finance_wrap1 .table .dl{width: 50%;padding: 10px 20px;}
.m31 .finance_wrap1 .table .dl + .dl{border-left: 1px solid #e0e0e0;}
.m31 .finance_wrap1 .table .dl:nth-child(3){width: 100%;border-left: 0;border-top: 1px solid #e0e0e0;margin-top: 50px;padding-top: 50px;}
.m31 .finance_wrap1 .table .dl .dt{font-size: 2.3rem;color: #222222;font-weight: 600;line-height: 1em;margin-bottom: 40px;}
.m31 .finance_wrap1 .table .dl .dt p{padding-top: 55px;background-repeat: no-repeat;background-position: top center;}
.m31 .finance_wrap1 .table .dl .dd{font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;font-weight: 600;font-size: 2.3rem;color: #0085ce;letter-spacing: -1px;}
.m31 .finance_wrap1 .table .dl .dd .big{font-size: 6rem;font-weight: 500;line-height: 0.9em;}
.m31 .finance_wrap1 .table .dl .dd .items{position: relative;width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.m31 .finance_wrap1 .table .dl .dd .items .i{width: 50%;padding: 0 10px;}
.m31 .finance_wrap1 .table .dl .dd .items .i:nth-child(n+3){margin-top:40px;}
.m31 .finance_wrap1 .table .dl .dd .items .tit{font-size: 1.8rem;color: #000;font-weight: 400;margin-bottom: 15px;}
.m31 .finance_wrap1 .table .dl .dd .items .txt{font-size: 2.2rem;font-weight: 500;}
.m31 .finance_wrap2 .table{position: relative;width: 100%;border-top: 2px solid #000000;color: #222;}
.m31 .finance_wrap2 .table .tr{position: relative;width: 100%;display: flex;flex-wrap: wrap;text-align: center;border-bottom: 1px solid #e5e5e5;}
.m31 .finance_wrap2 .table .tr.thead{border-bottom: 1px solid #999999;}
.m31 .finance_wrap2 .table .th{font-size: 1.8rem;color: #222222;font-weight: 500;}
.m31 .finance_wrap2 .table .td.con{padding: 23px 50px;text-align: left;}
.m31 .finance_wrap2 .table .tr > *{padding: 23px 20px;}
.m31 .finance_wrap2 .table .tr > *:nth-child(1){width: 18%;}
.m31 .finance_wrap2 .table .tr > *:nth-child(2){width: 65%;}
.m31 .finance_wrap2 .table .tr > *:nth-child(3){width: 17%;}
.m31 .finance_wrap2 .table .tr .download{position: relative;top: 5px;width: 27px;height: 25px;background: url('/bbs/sub/img/file_icon.png')no-repeat center top;display: inline-block;}
*/
.m33 .con_title_g.main_title {
    margin-bottom: 55px;
}

#wrap .m33 .pr_center1 .inner {
    padding-bottom: 110px;
}

.m33 .pr_center1 sup {
    display: inline-block;
    vertical-align: top;
}

.m33 .pr_center1 .tabs_wrap {
    margin-bottom: 110px;
}

.m33 .pr_center1 .tabs_contents .con_title_g {
    margin-bottom: 42px;
}

.m33 .pr_center1 .tabs_contents .con_title_g .txt1 {
    margin-top: 35px;
}

.m33 .pr_center1 .tabs_contents .table {
    position: relative;
    width: 100%;
    border-top: 2px solid #000000;
}

.m33 .pr_center1 .tabs_contents .table .tr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}

.m33 .pr_center1 .tabs_contents .table .thead {
    border-bottom: 1px solid #999999;
}

.m33 .pr_center1 .tabs_contents .table .th {
    font-size: 1.8rem;
    color: #222;
    font-weight: 500;
    padding: 23px 10px;
}

.m33 .pr_center1 .tabs_contents .table .td {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 23px 10px;
}

.m33 .pr_center1 .tabs_contents .table .td img {
    max-width: 100%;
}

.m33 .pr_center1 .tabs_contents .info_wrap .info_g + .info_g {
    margin-top: 65px;
    padding-top: 65px;
    border-top: 1px solid #dbdbdb;
}

.m33 .pr_center1 .tabs_contents .info_wrap .info_g .info + .info {
    margin-top: 32px;
}

.m33 .pr_center1 .tabs_contents .info_wrap .info_g .info .txt1 > p + p {
    margin-top: 32px;
}

.m33 .pr_center1 .tabs_contents .info_wrap .info_g .info .tit {
    font-size: 2rem;
    color: #111;
    font-weight: 600;
    margin-bottom: 5px;
}

.m33 .pr_center1 .tabs_contents .info_wrap .info_g .info .tit.type2 {
    font-size: 1.7rem;
}

.m33 .pr_center1 .tabs_contents .info_wrap .info_g2 .info .tit {
    font-size: 2.2rem;
    color: #0085ce;
    margin-bottom: 7px;
}

.m33 .pr_center1 .tabs_contents .p_con1 .con_title_g {
    background: url('/bbs/sub/img/ipr_t1_bg.jpg')no-repeat right bottom;
    padding-bottom: 22px;
    background-size: 100%;
}

.m33 .pr_center1 .tabs_contents .p_con1 .table .th:nth-child(1), .m33 .pr_center1 .tabs_contents .p_con1 .table .td:nth-child(1) {
    width: 18%;
}

.m33 .pr_center1 .tabs_contents .p_con1 .table .th:nth-child(2), .m33 .pr_center1 .tabs_contents .p_con1 .table .td:nth-child(2) {
    width: 18%;
}

.m33 .pr_center1 .tabs_contents .p_con1 .table .th:nth-child(3), .m33 .pr_center1 .tabs_contents .p_con1 .table .td:nth-child(3) {
    width: 64%;
}

.m33 .pr_center1 .tabs_contents .p_con1 .table .td:nth-child(3) {
    text-align: left;
    justify-content: flex-start;
    padding-left: 60px;
}

.m33 .pr_center1 .tabs_contents .p_con2 .table {
    margin: 35px 0 45px;
}

.m33 .pr_center1 .tabs_contents .p_con2 .table .tr > * {
    width: 50%;
}

.m33 .pr_center1 .tabs_contents .p_con2 .table .tr:last-child {
    border-bottom: 1px solid #000;
}

.m33 .pr_center1 .tabs_contents .p_con2 .table .th:nth-child(2), .m33 .pr_center1 .tabs_contents .p_con2 .table .td:nth-child(2) {
    border-left: 1px solid #e5e5e5;
}

.m33 .pr_center1 .tabs_contents .p_con3 .box {
    background: #f4f4f4;
    font-size: 1.8rem;
    text-align: center;
    padding: 33px 20px;
    margin-top: 45px;
}

.m33 .pr_center1 .tabs_contents .p_con3 .box a {
    border-bottom: 1px solid #111111;
    color: #111111;
    font-weight: 500;
}

.m33 .pr_center1 .tabs_contents .p_con1 .table .tr {
    text-align: left;
    padding: 50px 30px;
}

.m33 .pr_center1 .tabs_contents .p_con1 .table .tr > * {
    display: block;
    padding: 0;
}

.m33 .pr_center1 .tabs_contents .p_con1 .table .tr > *:nth-child(1) {
    width: 100%;
    order: 2;
    margin-bottom: 8px;
    font-weight: 600;
    color: #111;
}

.m33 .pr_center1 .tabs_contents .p_con1 .table .tr > *:nth-child(2) {
    width: 100%;
    order: 1;
    margin-bottom: 25px;
}

.m33 .pr_center1 .tabs_contents .p_con1 .table .tr > *:nth-child(3) {
    width: 100%;
    order: 3;
    padding: 0;
}

.m33 .pr_center1 .tabs_contents .p_con1 .table .thead {
    display: none;
}

.m33 .pr_center2 .corporate_identity {
    padding: 85px 0;
    border-bottom: 1px solid #dbdbdb;
}

.m33 .pr_center2 .main_logo {
    position: relative;
    width: 100%;
    height: 380px;
    border: 1px solid #dbdbdb;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0 100px;
}

.m33 .pr_center2 .main_logo img {
    max-width: 100%;
}

.m33 .ci_info_wrap .con_title_g.sub_title {
    width: 100%;
    margin-bottom: 35px;
}

.m33 .ci_info_wrap .more_con {
    width: 100%;
}

.m33 .ci_info_wrap .more_con p + p {
    margin-top: 25px;
}

.m33 .pr_center2 .ci_wrap {
    position: relative;
    width: 100%;
}

.m33 .pr_center2 .ci_wrap .ci_g {
    padding: 90px 0 0 0;
}

.m33 .pr_center2 .ci_wrap .ci_g .title {
    font-size: 2.8rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 30px;
}

.m33 .pr_center2 .ci_wrap .ci_g .con {
    position: relative;
}

.m33 .pr_center2 .ci_wrap .ci_g .con .item {
    position: relative;
    width: 100%;
    height: 298px;
    text-align: center;
    padding: 0 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.m33 .pr_center2 .ci_wrap .ci_g .con .item:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    background: #f3f3f3;
    transform: translateX(-50%);
}

.m33 .pr_center2 .ci_wrap .ci_g .con .item + .item:before {
    background: url('/bbs/sub/img/pattern_bg.png')repeat;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    box-sizing: border-box;
}

.m33 .pr_center2 .ci_wrap .ci_g .con .item img {
    position: relative;
    max-width: 100%;
    z-index: 10;
}

.m33 .pr_center2 .color_regulation {
    padding-top: 175px;
}

.m33 .pr_center2 .color_regulation .ci_info_wrap {
    padding-bottom: 85px;
}

.m33 .pr_center2 .color_regulation .ci_info_wrap .more_con {
    padding-right: 20px;
}

.m33 .pr_center2 .color_items {
    width: 100%;
    border: 1px solid #dbdbdb;
    padding: 60px 40px 53px 40px;
    font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;
}

.m33 .pr_center2 .color_items .item {
    width: 100%;
}

.m33 .pr_center2 .color_items .item + .item {
    margin-top: 45px;
}

.m33 .pr_center2 .color_items .item .color {
    width: 100%;
    height: 150px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 200;
}

.m33 .pr_center2 .color_items .item .txt {
    position: relative;
    width: 100%;
    padding-top: 15px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 1.6rem;
    color: #000;
    font-weight: 300;
}

.m33 .pr_center2 .color_items .item .txt span:after {
    display: inline-block;
    content: "";
    width: 1px;
    height: 11px;
    background: #dbdbdb;
    vertical-align: top;
    margin: 4px 13px 0 12px;
}

.m33 .pr_center2 .color_items .item .txt span:last-child:after {
    display: none;
}

.m40 .recruit_info_g {
    position: relative;
    width: 100%;
    height: 560px;
    padding: 0 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.m40 .recruit_info_g:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: url('/bbs/sub/img/into_tis_bg.jpg')no-repeat center/cover;
    z-index: -1;
}

.m40 .recruit_info_g .con_title_g > * {
    color: #fff;
}

.m40 .recruit_info_g .con_title_g .title3 {
    line-height: 1.67;
}

.m40 .recruit_info_g .con_title_g .title3 br {
    display: none;
}

.m40 .recruit_info_g .con_title_g .txt1 {
    font-weight: 300;
    margin-top: 18px;
}

.m40 .recruit_info_g .link_g {
    margin-top: 55px;
}

.m40 .recruit_info_g .link_g a {
    width: 290px;
    height: 60px;
    font-size: 1.8rem;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 20px;
}

.m41 .con_title_g.main_title .title4 {
    margin-top: 35px;
}

.m41 .talent_wrap1 {
    position: relative;
}

.m41 .talent_wrap1 .item_wrap:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100vw;
    height: calc(100% - 560px);
    background: #f3f3f3;
    transform: translateX(-50%);
}

#wrap .m41 .talent_wrap1 .inner {
    border-bottom: 0;
    padding-bottom: 0;
}

.m41 .talent_wrap1 .item_wrap {
    position: relative;
    width: 100%;
    padding: 180px 0 110px;
}

.m41 .talent_wrap1 .item_wrap .con_title_g.main_title {
    width: 100%;
}

.m41 .talent_wrap1 .item_wrap .item_g {
    position: relative;
    width: 100%;
}

.m41 .talent_wrap1 .item_wrap .item_g:after {
    display: block;
    content: "";
    clear: both;
}

.m41 .talent_wrap1 .item_wrap .item_g .item {
    width: 100%;
}

.m41 .talent_wrap1 .item_wrap .item_g .item:nth-child(n+2) {
    margin-top: 100px;
}

.m41 .talent_wrap1 .item_wrap .item_g .item .img {
    width: 100%;
    height: 600px;
    background: #f5f5f5;
}

.m41 .talent_wrap1 .item_wrap .item_g .item .img span {
    display: block;
    width: 100%;
    height: 100%;
}

.m41 .talent_wrap1 .item_wrap .item_g .item .text {
    position: relative;
    width: 100%;
    padding-top: 45px;
}

.m41 .talent_wrap1 .item_wrap .item_g .item .text .tit1 {
    font-size: 2rem;
    font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;
    color: rgba(102,102,102,0.7);
}

.m41 .talent_wrap1 .item_wrap .item_g .item .text .tit2 {
    font-size: 3.2rem;
    color: #222;
    font-weight: 600;
    margin-top: 7px;
}

.m41 .talent_wrap1 .item_wrap .item_g .item .text .txt1 {
    margin-top: 25px;
}

#wrap .m41 .talent_wrap2 .inner {
    border-top: 0;
    padding-bottom: 0;
}

.m41 .talent_wrap2 .tabs_wrap {
    margin-bottom: 100px;
}

.m41 .talent_wrap2 .con_title_g.main_title {
    margin-bottom: 75px;
}

.m41 .talent_wrap2 .position_wrap {
    position: relative;
    padding: 150px 0;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    background: url('/bbs/sub/img/into_talent_bg.jpg')no-repeat center/cover;
}

.m41 .talent_wrap2 .position_wrap .c_main_title {
    margin-bottom: 50px;
}

.m41 .talent_wrap2 .position_wrap .c_main_title > * {
    color: #fff;
}

.m41 .talent_wrap2 .position_wrap .pos_list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.m41 .talent_wrap2 .position_wrap .pos_list .item {
    position: relative;
    width: calc(50% - 40px);
    height: 40vw;
    background: #fff;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    margin: 0 80px 0 0;
}

.m41 .talent_wrap2 .position_wrap .pos_list .item:nth-child(n+3) {
    margin-top: 80px;
}

.m41 .talent_wrap2 .position_wrap .pos_list .item .pos {
    font-size: 3.2rem;
    font-weight: 500;
    color: #fff;
}

.m41 .talent_wrap2 .position_wrap .pos_list .item .txt1 {
    color: rgba(255,255,255,0.7);
    font-weight: 300;
    margin-top: 4px;
}

.m41 .talent_wrap2 .position_wrap .pos_list .item:nth-child(1) {
    order: 1;
}

.m41 .talent_wrap2 .position_wrap .pos_list .item:nth-child(1) .pos {
    color: #222;
    font-weight: 600;
}

.m41 .talent_wrap2 .position_wrap .pos_list .item:nth-child(1) .txt1 {
    color: #666;
}

.m41 .talent_wrap2 .position_wrap .pos_list .item:nth-child(2) {
    order: 2;
    background: #4bbbe2;
    margin-right: 0;
}

.m41 .talent_wrap2 .position_wrap .pos_list .item:nth-child(3) {
    order: 4;
    background: #2794de;
    margin-right: 0;
}

.m41 .talent_wrap2 .position_wrap .pos_list .item:nth-child(4) {
    order: 3;
    background: #1a75d0;
}

.m41 .talent_wrap2 .position_wrap .pos_list .item:nth-child(5) {
    background: #0e4d90;
    order: 5;
}

.m41 .talent_wrap2 .position_wrap .pos_list .item:not(:last-child):after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-left: 36px;
    margin-top: -10px;
    width: 0px;
    height: 0px;
    transform: translateY(-50%);
    border-left: 8px solid #b7b7b7;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid transparent;
    opacity: 0.8;
}

.m41 .talent_wrap2 .position_wrap .gradient {
    width: 100%;
    height: 30px;
    background: linear-gradient(45deg, #ffffff,#4bbbe2,#2794de,#1a75d0,#0e4d90);
    margin-top: 40px;
}

.m41 .talent_wrap2 .position_wrap .more_con {
    position: relative;
    width: 100%;
    background: rgba(255,255,255,0.9);
    margin-top: 50px;
    padding: 45px 40px;
}

.m41 .talent_wrap2 .position_wrap .more_con ul li {
    position: relative;
    width: 100%;
    padding-left: 16px;
}

.m41 .talent_wrap2 .position_wrap .more_con ul li + li {
    margin-top: 11px;
}

.m41 .talent_wrap2 .position_wrap .more_con ul li:before {
    display: block;
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    width: 7px;
    height: 7px;
    background: #b7b7b7;
    border-radius: 50%;
}

.m41 .talent_wrap2 .position_wrap .more_con ul li > b {
    color: #000;
    font-weight: 500;
}

.m41 .talent_wrap2 .position_wrap .more_con ul li .txt {
    width: 100%;
}

.m41 .talent_wrap2 .position_wrap .more_con ul li:nth-child(2):before {
    background: #4bbbe2;
}

.m41 .talent_wrap2 .position_wrap .more_con ul li:nth-child(3):before {
    background: #2794de;
}

.m41 .talent_wrap2 .position_wrap .more_con ul li:nth-child(4):before {
    background: #1a75d0;
}

.m41 .talent_wrap2 .position_wrap .more_con ul li:nth-child(5):before {
    background: #0e4d90;
}

.m41 .talent_wrap2 .position_wrap .pos_list .item:nth-child(2):after {
    border-left-color: #4bbbe2;
    top: auto;
    bottom: -49px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    transform-origin: left top;
    margin-left: 16px;
}

.m41 .talent_wrap2 .position_wrap .pos_list .item:nth-child(3):after {
    border-left-color: #2794de;
    transform: rotate(180deg) translateY(-50%);
    margin-left: 0;
    margin-right: 37px;
    left: auto;
    right: 100%;
}

.m41 .talent_wrap2 .position_wrap .pos_list .item:nth-child(4):after {
    border-left-color: #1a75d0;
    top: auto;
    bottom: -49px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    transform-origin: left top;
    margin-left: 16px;
}

.m41 .talent_wrap2 .edu_program .item + .item {
    margin-top: 115px;
}

.m41 .talent_wrap2 .edu_program .item .bg {
    position: relative;
    width: calc(100% + 400px);
    height: 400px;
    left: -200px;
    background: #f5f5f5;
    overflow: hidden;
}

.m41 .talent_wrap2 .edu_program .item .bg .num {
    position: absolute;
    bottom: -5px;
    right: 200px;
    font-size: 17rem;
    color: #fff;
    font-family: 'Lexend','Noto Sans KR',sans-serif;
    line-height: 0.8;
    font-weight: 700;
}

.m41 .talent_wrap2 .edu_program .item .bg span {
    display: block;
    width: 100%;
    height: 100%;
}

.m41 .talent_wrap2 .edu_program .item .text_g {
    position: relative;
    width: 100%;
    padding-top: 75px;
}

.m41 .talent_wrap2 .edu_program .item .text_g .title {
    font-size: 3.2rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 42px;
}

.m41 .talent_wrap2 .edu_program .item .text_g ul {
    padding-right: 100px;
}

.m41 .talent_wrap2 .edu_program .item .text_g ul li + li {
    margin-top: 28px;
}

.m41 .talent_wrap2 .edu_program .item .text_g ul li .tit {
    font-size: 1.8rem;
    color: #0096e0;
    font-weight: 500;
}

.m41 .talent_wrap2 .edu_program .item .text_g ul li .txt1 {
    margin-top: 8px;
}

#wrap .m41 .talent_wrap3 .inner {
    padding: 240px 0 0 0;
    border-top: 0;
}

.m41 .talent_wrap3 .con_title_g.main_title {
    margin-bottom: 74px;
}

.m41 .talent_wrap3 .job_introduction {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.m41 .talent_wrap3 .job_introduction .item {
    position: relative;
    width: 100%;
    height: 411px;
    overflow: hidden;
}

.m41 .talent_wrap3 .job_introduction .item:nth-child(n+2) {
    margin-top: 45px;
}

.m41 .talent_wrap3 .job_introduction .item .bg {
    display: block;
    width: 100%;
    height: 100%;
}

.m41 .talent_wrap3 .job_introduction .item .text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    padding: 40px 38px;
}

.m41 .talent_wrap3 .job_introduction .item .text .tit {
    font-size: 2.2rem;
    font-family: 'Lexend','Noto Sans KR',sans-serif;
    font-weight: 500;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.6);
    margin-bottom: 18px;
}

.m41 .talent_wrap3 .job_introduction .item .text .tit .en {
    font-size: 2.8rem;
}

.m41 .talent_wrap3 .job_introduction .item .text .txt1 {
    color: rgba(255,255,255,.8);
    font-weight: 300;
    letter-spacing: -0.5px;
}

#wrap .m41 .talent_wrap4 .inner {
    padding-top: 240px;
    border-top: 0;
}

.m41 .talent_wrap4 .welfare_wrap .welfare_g {
    position: relative;
    width: 100%;
    padding-bottom: 85px;
}

.m41 .talent_wrap4 .welfare_wrap .welfare_g + .welfare_g {
    padding: 85px 0;
    border-top: 1px solid #dbdbdb;
}

.m41 .talent_wrap4 .welfare_wrap .welfare_g .cate {
    width: 100%;
    margin-bottom: 80px;
}

.m41 .talent_wrap4 .welfare_wrap .welfare_g .cate .num {
    font-size: 2.2rem;
    color: #0bd5b2;
    font-family: 'Lexend',sans-serif;
    font-weight: 500;
}

.m41 .talent_wrap4 .welfare_wrap .welfare_g:nth-child(2) .cate .num {
    color: #00abdc;
}

.m41 .talent_wrap4 .welfare_wrap .welfare_g:nth-child(3) .cate .num {
    color: #4977cc;
}

.m41 .talent_wrap4 .welfare_wrap .welfare_g .cate .tit {
    font-size: 3.2rem;
    color: #000;
    font-weight: 600;
    margin-top: 10px;
}

.m41 .talent_wrap4 .welfare_wrap .welfare_g .con {
    width: 100%;
}

.m41 .talent_wrap4 .welfare_wrap .welfare_g .list_wrap {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.m41 .talent_wrap4 .welfare_wrap .welfare_g .list_wrap li {
    width: 50%;
    padding: 0 10px;
}

.m41 .talent_wrap4 .welfare_wrap .welfare_g .list_wrap li:nth-child(n+3) {
    margin-top: 90px;
}

.m41 .talent_wrap4 .welfare_wrap .welfare_g .list_wrap .tit {
    padding-top: 90px;
    background-repeat: no-repeat;
    background-position: top center;
    font-size: 2.2rem;
    font-weight: 500;
    color: #222;
}

.m41 .talent_wrap4 .welfare_wrap .welfare_g .list_wrap .txt1 {
    margin: 16px auto 0;
    max-width: 250px;
}

.m41 .talent_wrap4 .welfare_wrap .welfare_g .list_wrap .txt1 br {
    display: none;
}

.m42 .recruit_wrap1 .contents {
    padding: 155px 0;
}

.m42 .con_title_g.main_title .title4 {
    margin-top: 35px;
}

.m42 .recruit_step {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.m42 .recruit_step:before,.m42 .recruit_step:after {
    display: block;
    content: "";
    position: absolute;
    top: 19vw;
    left: 50%;
    width: 50%;
    height: 49vw;
    border: 1px dashed #cccccc;
    border-left: 0;
    transform: translateX(-50%);
    z-index: -1;
}

.m42 .recruit_step:after {
    top: auto;
    bottom: 19.5vw;
    border-top: 0;
    border-right: 0;
    border-left: 1px dashed #cccccc;
}

.m42 .recruit_step li {
    position: relative;
    width: calc(50% - 40px);
    height: 39vw;
    background: #fff;
    border-radius: 50%;
    border: 5px solid #f5f5f5;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-right: 80px;
}

.m42 .recruit_step li:nth-child(n+3) {
    margin-top: 80px;
}

.m42 .recruit_step li .tit {
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 55px;
    font-size: 2rem;
    color: #000;
    font-weight: 500;
    letter-spacing: -0.5px;
}

.m42 .recruit_step li .num {
    font-size: 1.8rem;
    color: rgba(17,17,17,0.7);
    font-family: 'Lexend','Montserrat',sans-serif;
    margin-top: 7px;
}

.m42 .recruit_step li:nth-child(1) {
    border-color: #9de9d8;
    order: 1;
}

.m42 .recruit_step li:nth-child(2) {
    border-color: #91d3ea;
    order: 2;
    margin-right: 0;
}

.m42 .recruit_step li:nth-child(3) {
    border-color: #90bee9;
    order: 4;
    margin-right: 0;
}

.m42 .recruit_step li:nth-child(4) {
    border-color: #90aae8;
    order: 3;
}

.m42 .recruit_step li:nth-child(5) {
    border-color: #6398d9;
    order: 4;
}

.m42 .recruit_step li.last > * {
    color: #fff;
}

.m42 .recruit_step li.last > .num {
    color: rgba(255,255,255,0.7);
    font-weight: 300;
}

.m42 .recruit_step li.last {
    border: 0;
    background: #014099;
    color: #fff;
    order: 6;
    margin-right: 0;
}

.m42 .recruit_step li.last:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -6px;
    width: 12px;
    height: 12px;
    border: 2px solid #014099;
    background: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    transform: translateY(-50%);
}

.m42 .recruit_list {
    position: relative;
    width: 100%;
    margin-top: 100px;
    border-top: 1px solid #cccccc;
}

.m42 .recruit_list li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #cccccc;
    padding: 70px 50px 70px 160px;
    background-repeat: no-repeat;
    background-position: left 45px top 68px;
}

.m42 .recruit_list li .tit {
    font-size: 2.2rem;
    color: #000;
    font-weight: 500;
    margin-bottom: 15px;
}

.m42 .recruit_list li .con {
    width: 100%;
}

.m42 .recruit_list li .num {
    position: absolute;
    top: 50%;
    right: 45px;
    font-family: 'Lexend','Montserrat',sans-serif;
    font-size: 12rem;
    color: #f4f4f4;
    font-weight: 700;
    transform: translateY(-50%);
    z-index: -1;
}

#wrap .m42 .recruit_wrap2 .inner {
    padding-bottom: 120px;
}

.m42 .recruit_wrap2 .link_g {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.m42 .recruit_wrap2 .link_g > * {
    width: 100%;
    height: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: #269ee2;
    border: 1px solid #269ee2;
    border-radius: 20px;
    margin: 5px 0;
}

.m42 .recruit_wrap2 .link_g .act {
    background: #269ee2;
    color: #fff;
}

.m42 .recruit_wrap2 .noti {
    margin-top: 32px;
    text-align: center;
    font-size: 1.8rem;
    color: #888;
}

.m42 .recruit_agreement .contents .inner {
    width: 100%;
    max-width: 100%;
}

.m42 .recruit_agreement .form_wrap .inner {
    padding-bottom: 0;
}

.m42 .recruit_agreement .agreement_wrap .con_title_g.main_title .title1 {
    position: relative;
    font-size: 3.2rem;
    color: #000;
    line-height: 1.4;
    font-weight: 600;
    padding-left: 23px;
}

.m42 .recruit_agreement .agreement_wrap .con_title_g.main_title .title1:before {
    display: block;
    content: "";
    width: 4px;
    height: 26px;
    background: #000;
    position: absolute;
    top: 10px;
    left: 0;
}

.m42 .recruit_agreement .agreement_wrap .agr_list .list .sub_title .title2 {
    font-size: 2.4rem;
}

.board_list .list_wrap li .more_con {
    display: none;
}

.board_skin1 .sec1 {
    padding-bottom: 165px;
}

.board_skin1 .list_wrap {
    position: relative;
    width: 100%;
    border-top: 2px solid #000;
}

.board_skin1 .list_wrap li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}

.board_skin1 .list_wrap li a {
    display: block;
    width: 100%;
    padding: 48px 40px 40px 40px;
}

.board_skin1 .list_wrap li .date {
    font-family: 'Poppins',sans-serif;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1em;
}

.board_skin1 .list_wrap li .title {
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
    margin-top: 20px;
}

.board_skin1 .list_wrap li .title .g {
    max-width: 100%;
    display: inline-block;
}

.board_skin1 .list_wrap li.file .title .g {
    padding-right: 38px;
    background: url('/bbs/sub/img/board_file_i.png')no-repeat top 7px right;
}

.board_skin2 .list_wrap {
    position: relative;
    width: 100%;
    border-top: 2px solid #000;
}

.board_skin2 .list_wrap li {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.board_skin2 .list_wrap li a {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 50px 30px;
}

.board_skin2 .list_wrap li .date {
    font-family: 'Poppins',sans-serif;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1em;
    order: 4;
    width: 100%;
    margin-top: 35px;
}

.board_skin2 .list_wrap li .title {
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}

.board_skin2 .list_wrap li .txt1 .e_ {
    -webkit-line-clamp: 2;
}

.board_skin2 .list_wrap .title_g {
    width: 100%;
    order: 2;
}

.board_skin2 .list_wrap .cate {
    text-align: center;
    order: 1;
    margin-bottom: 20px;
}

.board_skin2 .list_wrap .cate span {
    min-width: 72px;
    font-size: 1.3rem;
    color: #8f2fd8;
    border: 1px solid #8f2fd8;
    padding: 5px 12px;
    border-radius: 28px;
    display: inline-block;
    font-family: 'Lexend',sans-serif;
    font-weight: 300;
    letter-spacing: -0.7px;
}

.board_skin2 .list_wrap .cate.type2 span {
    color: #00a987;
    border-color: #00a987;
}

.board_skin3 .list_wrap {
    position: relative;
    width: 100%;
    border-top: 2px solid #000;
}

.board_skin3 .list_wrap li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}

.board_skin3 .list_wrap li.file .info .title_g .title {
    background: url('/bbs/sub/img/board_file_i.png')no-repeat top 7px right;
    padding-right: 38px;
}

.board_skin3 .list_wrap li a {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 50px 30px;
}

.board_skin3 .list_wrap li .cate {
    order: 1;
    margin-bottom: 28px;
}

.board_skin3 .list_wrap li .cate span {
    width: 100px;
    height: 40px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
    color: #fff;
    letter-spacing: -0.5px;
}

.board_skin3 .list_wrap li .cate1 span {
    background: #0bd5b2;
}

.board_skin3 .list_wrap li .cate2 span {
    background: #00abdc;
}

.board_skin3 .list_wrap li .cate3 span {
    background: #4977cc;
}

.board_skin3 .list_wrap li .info {
    width: 100%;
    order: 2;
}

.board_skin3 .list_wrap li .info .date {
    font-size: 1.6rem;
    color: #555;
    font-family: 'poppins',sans-serif;
}

.board_skin3 .list_wrap li .info .title_g {
    margin-top: 8px;
}

.board_skin3 .list_wrap li .info .title_g .title {
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
    max-width: calc(100% - 100px);
    min-height: 25px;
    display: inline-block;
}

.board_skin3 .list_wrap li .recruit {
    position: absolute;
    top: 50px;
    right: 30px;
    font-size: 2.6rem;
    color: #000;
    font-weight: 600;
}

.board_skin3 .list_wrap li .recruit.disabled {
    color: rgba(0,0,0,0.4);
}

.board_view {
    padding-bottom: 195px;
}

.board_view .g_container {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}

.board_view .g_container .g_head {
    position: relative;
    width: 100%;
    border-top: 2px solid #000;
    border-bottom: 1px solid #e5e5e5;
    padding: 55px 40px;
    display: flex;
    flex-wrap: wrap;
}

.board_view .g_container .g_head .title {
    font-size: 3.6rem;
    color: #000000;
    letter-spacing: -0.25px;
    font-weight: 600;
    line-height: 1.3;
    word-break: keep-all;
    order: 3;
}

.board_view .g_container .g_head .date {
    font-size: 1.6rem;
    font-family: 'poppins',sans-serif;
    font-weight: 300;
    margin-bottom: 15px;
    order: 2;
    width: 100%;
}

.board_view .g_container .g_head .recruit {
    position: relative;
    margin-bottom: 30px;
    order: 1;
}

.board_view .g_container .g_head .recruit .cate {
    width: 100px;
    height: 35px;
    font-size: 1.7rem;
    color: #fff;
    letter-spacing: -0.5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.board_view .g_container .g_head .recruit .cate1 {
    background: #0bd5b2;
}

.board_view .g_container .g_head .recruit .cate2 {
    background: #00abdc;
}

.board_view .g_container .g_head .recruit .cate3 {
    background: #4977cc;
}

.board_view .g_container .g_body {
    position: relative;
    padding: 70px 40px;
}

.board_view .g_container .g_body img {
    max-width: 100%;
}

.board_view .g_container .g_file {
    position: relative;
    width: 100%;
    padding: 21px 40px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    flex-wrap: wrap;
}

.board_view .g_container .g_file .tit {
    position: relative;
    font-size: 1.8rem;
    color: #222222;
    font-weight: 500;
    width: 80px;
}

.board_view .g_container .g_file .tit:after {
    display: block;
    content: "";
    width: 1px;
    height: 15px;
    background: #e5e5e5;
    position: absolute;
    top: 11px;
    right: 0;
}

.board_view .g_container .g_file ul {
    width: calc(100% - 80px);
    min-height: 36px;
    padding-top: 2px;
    display: flex;
    flex-wrap: wrap;
    padding-left: 42px;
    background: url('/bbs/sub/img/board_view_file_i.png')no-repeat left 16px top 10px;
}

.board_view .g_container .g_file ul li {
    font-size: 1.7rem;
    color: #000000;
    font-weight: 300;
    margin-right: 20px;
}

.board_view .g_container .g_file ul li:last-child {
    margin-right: 0;
}

.board_view .g_container .g_file ul li a {
    display: block;
}

.board_view .g_container .g_file ul li a:hover {
    text-decoration-line: underline;
}

.board_view .g_pagination {
    position: relative;
    width: 100%;
    margin-top: 45px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.board_view .g_pagination .page_nav {
    position: relative;
    width: calc(50% - 120px);
}

.board_view .g_pagination .page_nav.next a {
    justify-content: flex-end;
}

.board_view .g_pagination .page_nav.next .arrow {
    left: auto;
    right: 0;
    background-image: url('/bbs/sub/img/paging_next.png');
}

.board_view .g_pagination .page_nav {
    position: relative;
    font-size: 1.8rem;
    color: #555555;
    font-weight: 400;
    overflow: hidden;
}

.board_view .g_pagination .page_nav a {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 80px;
    height: 100%;
}

.board_view .g_pagination .page_nav a .arrow {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    border: 1px solid #cccccc;
    border-radius: 18px;
    background-image: url('/bbs/sub/img/paging_prev.png');
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.5s;
}

.board_view .g_pagination .page_nav a:hover .arrow {
    background-color: #f5f5f5;
}

.board_view .g_pagination .pg_list_btn {
    position: relative;
    width: 240px;
    height: 60px;
    text-align: center;
    background: #269ee2;
    border-radius: 18px;
}

.board_view .g_pagination .pg_list_btn a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding-bottom: 3px;
    overflow: hidden;
    transition: 0.4s;
}

.board_view .g_pagination .pg_list_btn a .txt {
    font-size: 1.8rem;
    color: #fff;
    font-weight: 400;
    line-height: 1em;
    text-align: center;
    letter-spacing: 0.35px;
}

.board_view .g_pagination .pg_list_btn .list_i {
    position: relative;
    width: 16px;
    height: 7px;
    margin-left: 10px;
    margin-top: 1px;
}

.board_view .g_pagination .pg_list_btn .list_i span {
    position: relative;
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
}

.board_view .g_pagination .pg_list_btn .list_i span:nth-child(2) {
    margin: 2px 0;
}

.i_list1 {
    position: relative;
}

.i_list1 > li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 30px;
    min-height: 32px;
    background-repeat: no-repeat;
    background-position: left top 7px;
}

.i_list1 > li + li {
    margin-top: 4px;
}

.i_list1 > li.addr {
    background-image: url('/bbs/sub/img/m11_addr_icon.png');
    background-position: top 5px left 0px;
}

.i_list1 > li.tel {
    background-image: url('/bbs/sub/img/m11_tel_icon.png');
}

.i_list1 > li.fax {
    background-image: url('/bbs/sub/img/m11_fax_icon.png');
    background-position: left 1px top 5px;
}

.i_list1 > li.subway {
    background-image: url('/bbs/sub/img/m11_bus_icon.png');
}

.i_list1 > li.car {
    background-image: url('/bbs/sub/img/m11_car_icon.png');
}

.i_list1 > li .tit {
    width: 65px;
    color: #000;
}

.i_list1 > li .txt {
    width: calc(100% - 65px);
    font-size: 1.6rem;
    margin-top: 1px;
}

.i_list1 > li .point {
    color: #269ee2;
    font-weight: 500;
    margin-right: 5px;
}

.i_list1 > li a {
    display: inline-block;
}

.i_list1 > li a:hover {
    opacity: 0.5;
    transition: 0.3s;
}

.list_style1 > li {
    position: relative;
    padding-left: 11px;
}

.list_style1 > li:before {
    display: block;
    content: "";
    width: 5px;
    height: 2px;
    background: #333333;
    position: absolute;
    top: 16px;
    left: 0;
}

.recruit_wrap_g .agreement_wrap .agr_list .list + .list {
    margin-top: 75px;
}

.recruit_wrap_g .agreement_wrap .agr_list .list .sub_title {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 22px;
    border-bottom: 2px solid #000;
}

.recruit_wrap_g .agreement_wrap .agr_list .list .agr_info {
    position: relative;
    width: 100%;
    background: #f9f9f9;
    padding: 39px 50px;
}

.recruit_wrap_g .agreement_wrap .agr_list .list .agr_info pre {
    white-space: pre-line;
    font-family: 'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움',dotum,sans-serif;
    line-height: 2;
}

.recruit_wrap_g .agreement_wrap .agr_chk {
    text-align: center;
    font-size: 1.8rem;
    color: #000;
    font-weight: 400;
    margin-top: 30px;
}

#wrap .recruit_agreement .agreement_wrap .inner {
    padding-bottom: 120px;
}

#wrap .page_form_wrap .main_title {
    margin-bottom: 100px;
}

.form_wrap .form_g .noti {
    font-size: 1.8rem;
    margin-top: 13px;
    color: #888888;
}

.form_wrap .step_wrap {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 100px;
}

.form_wrap .step_wrap li {
    position: relative;
    width: 25%;
    text-align: center;
}

.form_wrap .step_wrap li:not(:last-child):after {
    display: block;
    content: "";
    background-image: url('/bbs/sub/img/form_step_next_arr.png');
    background-repeat: no-repeat;
    background-position: left top;
    width: 18px;
    height: 10px;
    position: absolute;
    right: -9px;
    top: 50px;
    background-size: 100%;
}

.form_wrap .step_wrap li .fig {
    width: 110px;
    height: 110px;
    background-color: #d1d1d1;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
}

.form_wrap .step_wrap li.on .fig {
    background-color: #3eb5e0;
}

.form_wrap .step_wrap li.step2.on .fig {
    background-color: #258adc;
    background-image: url('/bbs/sub/img/form_step_i2_on.png');
}

.form_wrap .step_wrap li.step3.on .fig {
    background-color: #166bc4;
    background-image: url('/bbs/sub/img/form_step_i3_on.png');
}

.form_wrap .step_wrap.type1 li.step4.on .fig {
    background-color: #166bc4;
}

.form_wrap .step_wrap li.step4.on .fig {
    background-color: #0e4d90;
    background-image: url('/bbs/sub/img/form_step_i4_on.png');
}

.form_wrap .step_wrap li.step1 .fig {
    background-image: url('/bbs/sub/img/form_step_i1.png');
}

.form_wrap .step_wrap li.step2 .fig {
    background-image: url('/bbs/sub/img/form_step_i2.png');
}

.form_wrap .step_wrap li.step3 .fig {
    background-image: url(/bbs/sub/img/form_step_i3.png);
}

.form_wrap .step_wrap li.step4 .fig {
    background-image: url(/bbs/sub/img/form_step_i4.png);
}

.form_wrap .step_wrap li .step_info {
    width: 100%;
    padding-top: 20px;
}

.form_wrap .step_wrap li .step_info .txt:before {
    display: block;
    content: "STEP 01";
    margin-bottom: 6px;
    font-size: 1.7rem;
    color: rgba(136,136,136,0.6);
    font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;
    font-weight: 500;
}

.form_wrap .step_wrap li:nth-child(2) .step_info .txt:before {
    content: "STEP 02";
}

.form_wrap .step_wrap li:nth-child(3) .step_info .txt:before {
    content: "STEP 03";
}

.form_wrap .step_wrap li:nth-child(4) .step_info .txt:before {
    content: "STEP 04";
}

.form_wrap .step_wrap li .step_info .txt {
    color: rgba(136,136,136,0.6);
    font-weight: 500;
    font-size: 2rem;
}

.form_wrap .step_wrap li.on .step_info .txt:before {
    color: #9d9d9d;
}

.form_wrap .step_wrap li.on .step_info .txt {
    color: #000;
    font-weight: 600;
}

.form_wrap .step_wrap li.act.step1:after {
    background-image: url('/bbs/sub/img/form_step_next_arr1.png');
}

.form_wrap .step_wrap li.act.step2:after {
    background-image: url('/bbs/sub/img/form_step_next_arr2.png');
}

.form_wrap .step_wrap li.act.step3:after {
    background-image: url('/bbs/sub/img/form_step_next_arr3.png');
}

.form_wrap .step_wrap.type1 {
    width: ;
}

.form_wrap .step_wrap.type1 li {
    width: 33.333333%;
}

.form_wrap .table_file .del {
    font-size: 1.7rem;
    margin: 10px 0 5px;
    color: #777;
    font-weight: 400;
    /* padding-left: 210px; */
}

.form_wrap .table_file .del a {
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.form_wrap pre {
    white-space: pre-line;
    font-family: 'Noto Sans KR',sans-serif;
}

.form_wrap pre .nbsp {
    padding-left: 10px;
    display: inline-block;
}

.form_wrap .con_title_g.sub_title {
    margin-bottom: 26px;
}

.form_wrap .table {
    position: relative;
    width: 100%;
    border-top: 2px solid #000;
    font-size: 1.8rem;
}

.form_wrap .table .tr {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 30px;
}

.form_wrap .table .th {
    width: 150px;
    color: #222222;
    font-weight: 500;
}

.form_wrap .table .th label {
    height: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.form_wrap .table .th label.ipt:after {
    display: inline-block;
    content: "*";
    color: #e74d4d;
    margin-left: 4px;
}

.form_wrap .table .td {
    width: calc(100% - 150px);
}

.form_wrap .table .td.school {
    display: flex;
    flex-wrap: wrap;
}

.form_wrap .table .td.school .input {
    width: calc(100% - 160px - 10px);
}

.form_wrap .table .td.school button {
    width: 160px;
    height: 60px;
    background: #6a6b6b;
    color: #fff;
    margin-left: 10px;
}

.form_wrap .table .td .datepicker_g {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.form_wrap .table .td .datepicker_g .item {
    width: 50px;
    text-align: center;
    font-size: 3rem;
    font-weight: 300;
}

.form_wrap .table .td .datepicker_g .input {
    width: 100%;
}

.form_wrap .table .td .datepicker_g .input:last-child {
    width: calc(100% - 50px);
    margin-top: 10px;
}

.form_wrap .table .td .input_type2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.form_wrap .table .td .input_type2 .input {
    width: calc(100% - 50px);
}

.form_wrap .table .td .input_type2 .item {
    width: 50px;
    text-align: right;
}

.form_wrap .table .td select {
    width: 100%;
    height: 60px;
    border: 0;
    padding: 0 20px;
    background: #f9f9f9 url('/bbs/sub/img/select_arrow.png')no-repeat right 20px center;
}

.form_wrap .table .td .input {
    width: 100%;
    height: 60px;
    border: 0;
    padding: 0 20px;
    background-color: #f9f9f9;
    font-size: 1.7rem;
}

.form_wrap .table .td .input::placeholder, .form_wrap .table .td textarea::placeholder {
    color: #c2c2c2;
}

.form_wrap .table .td .input.disabled {
    background: #f4f4f4;
}

.form_wrap .table .td .input.date_i {
    background-image: url('/bbs/sub/img/datepicker_i.png');
    background-repeat: no-repeat;
    background-position: right 20px center;
}

.form_wrap .table .td textarea {
    width: 100%;
    height: 225px;
    border: 0;
    padding: 15px 20px;
    background-color: #f9f9f9;
    resize: none;
    font-weight: 400;
    font-size: 1.7rem;
}

.form_wrap .table .td textarea.type2 {
    height: 300px;
    padding: 25px 30px;
}

.form_wrap .table .btn_style1 {
    width: 220px;
    height: 60px;
    background: #6a6b6b;
    color: #fff;
}

.form_wrap .radio_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
    color: #888;
}

.form_wrap .radio_list li:not(:last-child) {
    margin-right: 40px;
}

.form_wrap .table .email {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.form_wrap .table .email .f_email1 {
    width: 100%;
}

.form_wrap .table .email .f_email2 {
    width: calc(100% - 30px);
    margin-top: 10px;
}

.form_wrap .table .email .f_email3 {
    width: 100%;
    margin-top: 10px;
}

.form_wrap .table .email .item {
    width: 30px;
    text-align: center;
}

.form_wrap .table .pwd {
    display: flex;
    flex-wrap: wrap;
}

.form_wrap .table .pwd .btn {
    margin-top: 10px;
    width: 100%;
}

.form_wrap .table .tel {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.form_wrap .table .tel .input {
    width: calc(33.333333333% - 8px);
}

.form_wrap .table .tel .item {
    width: 12px;
    text-align: center;
}

.form_wrap .apply_btns {
    margin-top: 60px;
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 1.8rem;
}

.form_wrap .apply_btns > * {
    width: 100%;
    height: 60px;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 20px;
    justify-content: center;
    margin: 5px 0;
    color: #444;
    padding-bottom: 1px;
}

.form_wrap .apply_btns > * span {
    width: 20px;
    height: 13px;
    margin-left: 8px;
    margin-top: 1px;
    transition: 0.3s;
}

.form_wrap .apply_btns > * span svg {
    width: 100%;
    height: 100%;
}

.form_wrap .apply_btns > * span svg * {
    stroke-width: 1.5px;
    stroke: #333;
}

.form_wrap .apply_btns .c_btn1 {
    background: #269ee2;
    color: #fff;
}

.form_wrap .apply_btns .c_btn1 svg *, .form_wrap .apply_btns .c_btn4 svg * {
    stroke: #fff;
    stroke-width: 2px;
}

.form_wrap .apply_btns .c_btn5 svg * {
    stroke: #269ee2;
    stroke-width: 2px;
}

.form_wrap .apply_btns .c_btn5 .arrow_prev {
    margin-right: 8px;
    margin-left: 0;
}

.form_wrap .apply_btns .c_btn2 {
    border: 1px solid #999999;
}

.form_wrap .apply_btns .c_btn3 {
    background: #edeeef;
}

.form_wrap .apply_btns .c_btn4 {
    background: #0e4d90;
    color: #fff;
}

.form_wrap .apply_btns .c_btn5 {
    background: #fff;
    color: #269ee2;
    border: 1px solid #269ee2;
}

.form_wrap .apply_btns > *:hover span {
    opacity: 0;
    width: 0px;
}

.form_wrap .apply_btns > *:hover {
    opacity: 0.8;
    transition: 0.3s;
}

.form_wrap .name_g {
    position: relative;
    width: 100%;
}

.form_wrap .name_g > div {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.form_wrap .name_g > div + div {
    margin-top: 10px;
}

.form_wrap .name_g > div span {
    width: 50px;
    font-size: 1.7rem;
    color: #888888;
}

.form_wrap .table .name_g > div .input {
    width: calc(100% - 50px);
}

.form_wrap .form_g + .form_g {
    margin-top: 95px;
}

.form_wrap .form_g .table_wrap,.form_wrap .form_g .table_g {
    position: relative;
}

.form_wrap .form_g .table_g + .table_g {
    margin-top: 20px;
}

.form_wrap .add_btn {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-bottom: 10px;
    z-index: 100;
}

.form_wrap .add_btn > * {
    position: relative;
    width: 60px;
    height: 60px;
    border: 1px solid #269ee2;
    background: #fff;
    font-size: 0;
    text-indent: -99999px;
}

.form_wrap .add_btn > *.add {
    background: #269ee2;
}

.form_wrap .add_btn.t_a_btn {
    margin-top: -78px;
}

.form_wrap .add_btn > *:before, .form_wrap .add_btn > *:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 20px;
    background: #fff;
    margin-top: -10px;
    margin-left: -1px;
}

.form_wrap .add_btn > *:after {
    width: 20px;
    height: 1px;
    margin: -1px 0 0 -10px;
}

.form_wrap .add_btn > *.delete:after {
    background: #269ee2;
}

.form_wrap .add_btn > *.delete:before {
    display: none;
}

.form_wrap .add_btn > *:hover {
    opacity: 0.8;
    transition: 0.3s;
}

.form_wrap .table.style2 {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #e5e5e5;
}

.form_wrap .table.style2 .tr {
    border-bottom: 0;
    border-top: 1px solid #e5e5e5;
}

.form_wrap .table.style3 {
    position: relative;
    display: block;
}

.form_wrap .table.style3 .group {
    width: 100%;
}

.form_wrap .table.style3 .group:first-child .tr {
    padding: 20px;
}

.form_wrap .table.style3 .group + .group {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.form_wrap .table.style4 .tr {
    padding: 10px 0 0 0;
    border-bottom: 0;
}

.form_wrap .table.style4 .td {
    width: 100%;
}

.form_wrap #imgViewArea {
    position: relative;
    width: 190px;
    height: 246px;
    overflow: hidden;
    background: #dcdcdc;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
}

.form_wrap #imgViewArea:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #dcdcdc;
    z-index: 11;
    box-sizing: border-box;
}

.form_wrap #imgViewArea #imgArea {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.form_wrap #imgViewArea:before {
    content: "사진";
    font-size: 1.8rem;
    color: #6a6b6b;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    z-index: 0;
}

.form_wrap .file_box {
    position: relative;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
}

.form_wrap .file_box [type="file"] {
    font-size: 15px;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0 none;
}

.form_wrap .file_box .file_label {
    width: 170px;
    height: 60px;
    background: #000000;
    color: #fff;
    font-size: 1.8rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    font-weight: 400;
}

.form_wrap .file_wrap:not(.img_file) .file_box .file_name {
    width: calc(100% - 180px);
}

.form_wrap .img_file {
    margin: 10px auto 0;
    width: 100%;
}

.form_wrap .img_file .file_box .file_name {
    display: none;
}

.form_wrap .img_file .file_box .file_label {
    margin: 0;
    background: #6a6b6b;
    width: 100%;
}

.form_wrap .addr1 {
    display: flex;
    flex-wrap: wrap;
}

.form_wrap .table .addr1 .input {
    width: 100%;
}

.form_wrap .addr1 .btn {
    width: 100%;
    margin-top: 10px;
}

.form_wrap .addr2 .input + .input {
    margin-top: 10px;
}

.form_wrap .file_box.box2 .file_name {
    width: 0;
    font-size: 0;
    height: 0;
    padding: 0;
    background: transparent;
    opacity: 0;
}

.form_wrap .file_box.box2 .file_n {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 1.7rem;
    padding: 10px 20px;
    word-break: break-word;
    background: #f9f9f9;
}

.form_wrap .file_box.box2 .file_n span {
    opacity: 0;
}

.form_wrap .file_box.box2 .file_n span.on {
    opacity: 1;
}

.form_wrap .file_box.box2 .file_n span:after {
    display: inline-block;
    position: relative;
    content: "";
    background: url('/bbs/sub/img/file_form_i.png')no-repeat left top;
    width: 14px;
    height: 16px;
    margin-left: 10px;
    top: 3px;
}

.form_wrap .file_box.box2 .file_label {
    width: 100%;
    background: #6a6b6b;
    margin-top: 10px;
    margin-left: 0;
}

.form_wrap .confirmation {
    text-align: center;
    font-size: 1.8rem;
    padding: 90px 0 15px 0;
}

.form_wrap .confirmation p + p {
    margin-top: 15px;
}

.form_wrap .confirmation b {
    color: #111;
    font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;
    font-weight: 400;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.form_wrap input[type=checkbox], .form_wrap input[type=radio] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.form_wrap input[type=checkbox]+label, .form_wrap input[type=radio]+label {
    position: relative;
    top: 0px;
    padding-left: 38px;
}

.form_wrap input[type=checkbox]+label:after, .form_wrap input[type=checkbox]+label:before, .form_wrap input[type=radio]+label:after, .form_wrap input[type=radio]+label:before {
    position: absolute;
    left: 0;
    display: block;
    -webkit-box-sizing: content-box;
    box-sizing: border-box;
    content: '';
}

.form_wrap input[type=checkbox]+label:before, .form_wrap input[type=radio]+label:before {
    width: 26px;
    height: 26px;
    text-align: center;
    border: 1px solid #d9d9d9;
    top: 1px;
}

.form_wrap input[type=checkbox]+label:after, .form_wrap input[type=radio]+label:after {
    top: 10px;
    left: 5px;
    width: 16px;
    height: 16px;
    transform: scale(0);
    margin-top: -4px;
    background-color: #269ee2;
    transition: 0.3s;
}

.form_wrap input[type=checkbox]:checked+label:after, .form_wrap input[type=radio]:checked+label:after {
    content: '';
    opacity: 1;
    transition: 0.3s;
    transform: scale(1);
}

/*이력서 미리보기*/
.resume_preview .form_wrap .table .tr .img {
    position: relative;
    width: 190px;
    height: 246px;
    overflow: hidden;
    background: #dcdcdc;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.resume_preview .form_wrap .table .tr .img img {
    width: 100%;
    height: 100%;
}

.resume_preview .form_wrap .table .td {
    padding: 14px 0;
    line-height: 1.85;
    font-size: 1.7rem;
    color: #666;
    letter-spacing: -0.25px;
}

.resume_preview .form_wrap .table + .table {
    margin-top: 10px;
}

.resume_preview .form_wrap .table.style4_1 .tr {
    padding: 20px 30px;
}

.resume_preview .form_wrap .table.style4_1 .td {
    width: 100%;
}

.resume_preview .form_wrap .file_wrap span:after {
    display: inline-block;
    content: "";
    position: relative;
    background: url('/bbs/sub/img/file_form_i.png')no-repeat left top;
    width: 14px;
    height: 16px;
    margin-left: 10px;
    top: 2px;
}

.resume_preview .form_wrap .table .td.name .g {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.resume_preview .form_wrap .table .td.name .g span:first-child {
    width: 60px;
    color: #888;
}

.resume_preview .form_wrap .table .td.name .g span:last-child {
    width: calc(100% - 60px);
    padding-right: 20px;
}

#wrap .recruit_confirmation .contents {
    padding: 0;
}

#wrap .recruit_confirmation .sub_title_g {
    text-align: center;
    margin-bottom: 75px;
}

.recruit_confirmation .confirmation {
    position: relative;
    width: 100%;
    background: #f9f9f9;
    text-align: center;
    padding: 75px 60px 80px;
}

.recruit_confirmation .confirmation .con {
    padding-bottom: 42px;
    border-bottom: 1px solid #c7c7c7;
    width: ;
}

.recruit_confirmation .confirmation .txt {
    font-size: 2.4rem;
    color: #000000;
    font-weight: 600;
    line-height: 1.8;
}

.recruit_confirmation .confirmation .txt b {
    color: #269ee2;
}

.recruit_confirmation .confirmation .txt1 {
    color: #555;
    margin-top: 24px;
}

.recruit_confirmation .confirmation .txt1 b {
    color: #222;
    font-weight: 500;
}

.recruit_confirmation .link_g {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.recruit_confirmation .link_g > * {
    width: 240px;
    height: 60px;
    background: #269ee2;
    color: #fff;
    font-size: 1.7rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
}

.m11 .vision_philosophy .philosophy .item_list .diagram li p {
    opacity: 0;
}

.m11 .vision_philosophy .philosophy .item_list .diagram.in-view li p {
    animation-name: scaleAni2;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.m11 .vision_philosophy .philosophy .item_list .diagram.in-view li:nth-child(1) p {
    animation-delay: 0.2s;
}

.m11 .vision_philosophy .philosophy .item_list .diagram.in-view li:nth-child(2) p {
    animation-delay: 0.4s;
}

.m11 .vision_philosophy .philosophy .item_list .diagram.in-view li:nth-child(3) p {
    animation-delay: 0.6s;
}

.m11 .vision_philosophy .philosophy .item_list .diagram.in-view li:nth-child(4) p {
    animation-delay: 0.8s;
}

.m12 .mission_bear .bear_info .item {
    opacity: 0;
}

.m12 .mission_bear .bear_info.in-view .item {
    animation-name: opacityAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1.2s;
    animation-fill-mode: forwards;
}

.m12 .mission_bear .bear_info.in-view .item:nth-child(2) {
    animation-delay: 0.2s;
}

.m12 .mission_bear .bear_info.in-view .item:nth-child(3) {
    animation-delay: 0.4s;
}

.m12 .mission_bear .bear_info.in-view .item:nth-child(4) {
    animation-delay: 0.6s;
}

.m12 .mission_bear .bear_info .item .big {
    opacity: 0;
}

.m12 .mission_bear .bear_info.in-view .item .big {
    animation: quick_circle 0.6s linear alternate;
    opacity: 1;
}

.m12 .mission_bear .bear_info.in-view .item:nth-child(2) .big {
    animation-delay: 0.1s;
}

.m12 .mission_bear .bear_info.in-view .item:nth-child(3) .big {
    animation-delay: 0.3s;
}

.m12 .mission_bear .bear_info.in-view .item:nth-child(4) .big {
    animation-delay: 0.5s;
}

.m12 .declaration .list_wrap .list {
    opacity: 0;
}

.m12 .declaration .list_wrap.in-view .list {
    animation-name: opacityAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.m12 .declaration .list_wrap.in-view .list:nth-child(2) {
    animation-delay: 0.2s;
}

.m12 .declaration .list_wrap.in-view .list:nth-child(3) {
    animation-delay: 0.4s;
}

.m12 .declaration .list_wrap.in-view .list:nth-child(4) {
    animation-delay: 0.6s;
}

.m211 .sec1 .process_list .item {
    opacity: 0;
}

.m211 .sec1 .process_list.in-view .item {
    animation-name: fadeUpAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.m211 .sec1 .process_list .item:nth-child(2) {
    animation-delay: 0.2s;
}

.m211 .sec1 .process_list .item:nth-child(3) {
    animation-delay: 0.4s;
}

.m211 .sec1 .process_list .item:nth-child(4) {
    animation-delay: 0.6s;
}

.m211 .sec1 .process_list .item:nth-child(5) {
    animation-delay: 0.8s;
}

.m212 .s_f_ict .item_g .item {
    opacity: 0;
}

.m212 .s_f_ict .item_g.in-view .item {
    animation-name: fadeLeftAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.m212 .s_f_ict .item_g .item:nth-child(2) {
    animation-delay: 0.2s;
}

.m212 .s_f_ict .item_g .item:nth-child(3) {
    animation-delay: 0.4s;
}

.m212 .s_f_ict .item_g .item:nth-child(4) {
    animation-delay: 0.6s;
}

.m212 .s_f_ict .item_g .item:nth-child(5) {
    animation-delay: 0.8s;
}

.m212 .ict_item .item {
    opacity: 0;
}

.m212 .ict_item.in-view .item {
    animation-name: opacityAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.m212 .ict_item .item:nth-child(2) {
    animation-delay: 0.2s;
}

.m212 .ict_item .item:nth-child(3) {
    animation-delay: 0.4s;
}

.m212 .ict_item.in-view .item figure {
    animation: quick_circle 0.6s linear alternate;
    opacity: 1;
}

.m212 .ict_item .item:nth-child(2) figure {
    animation-delay: 0.3s;
}

.m212 .ict_item .item:nth-child(3) figure {
    animation-delay: 0.5s;
}

.m212 .process_wrap .process_tit .tit {
    opacity: 0;
}

.m212 .process_wrap .process_tit.in-view .tit {
    animation-name: fadeLeftAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.m212 .process_wrap .process_tit .tit:nth-child(2) {
    animation-delay: 0.2s;
}

.m212 .process_wrap .process_tit .tit:nth-child(3) {
    animation-delay: 0.4s;
}

.m212 .process_wrap .process_tit .tit:nth-child(4) {
    animation-delay: 0.6s;
}

.m212 .process_wrap .process_diagram {
    opacity: 0;
}

.m212 .process_wrap .process_diagram.in-view {
    animation-name: scaleAni2;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.m221 .diagram_wrap .diagram_g .item {
    opacity: 0;
}

.m221 .diagram_wrap .diagram_g.in-view .item {
    animation-name: opacityAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.m221 .diagram_wrap .diagram_g .item:nth-child(2) {
    animation-delay: 0.2s;
}

.m221 .diagram_wrap .diagram_g .item:nth-child(3) {
    animation-delay: 0.4s;
}

.m221 .diagram_wrap .diagram_g .item:nth-child(4) {
    animation-delay: 0.6s;
}

.m221 .diagram_wrap .diagram_g .item:nth-child(5) {
    animation-delay: 0.8s;
}

.m212 .process_wrap .process_tit .tit {
    opacity: 0;
}

.m212 .process_wrap .process_tit.in-view .tit {
    animation-name: fadeUpAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.m212 .process_wrap .process_tit .tit:nth-child(2) {
    animation-delay: 0.2s;
}

.m212 .process_wrap .process_tit .tit:nth-child(3) {
    animation-delay: 0.4s;
}

.m212 .process_wrap .process_tit .tit:nth-child(4) {
    animation-delay: 0.6s;
}

.m223 .sec1 .process_wrap .process_list .list {
    opacity: 0;
}

.m223 .sec1 .process_wrap .process_list.in-view .list {
    animation-name: fadeLeftAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.m223 .sec1 .process_wrap .process_list .list:nth-child(2) {
    animation-delay: 0.2s;
}

.m223 .sec1 .process_wrap .process_list .list:nth-child(3) {
    animation-delay: 0.4s;
}

.m223 .sec1 .process_wrap .process_list .list:nth-child(4) {
    animation-delay: 0.6s;
}

.m223 .sec1 .process_wrap .process_list .list:nth-child(5) {
    animation-delay: 0.8s;
}

.m231 .sec1 .process_wrap .process_list .item {
    opacity: 0;
}

.m231 .sec1 .process_wrap .process_list.in-view .item {
    animation-name: fadeLeftAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.m231 .sec1 .process_wrap .process_list .item:nth-child(2) {
    animation-delay: 0.2s;
}

.m231 .sec1 .process_wrap .process_list .item:nth-child(3) {
    animation-delay: 0.4s;
}

.m232 .process_wrap .process_list .item_g .i {
    opacity: 0;
}

.m232 .process_wrap .process_list .item_g.in-view .i {
    animation-name: scaleAni2;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.m232 .process_wrap .process_list .item_g .i:nth-child(2) {
    animation-delay: 0.2s;
}

.m232 .process_wrap .process_list .item_g .i:nth-child(3) {
    animation-delay: 0.4s;
}

.m232 .process_wrap .process_list .item_g .i:nth-child(4) {
    animation-delay: 0.6s;
}

.m242 .sec1 .process_wrap .process_list .item {
    opacity: 0;
}

.m242 .sec1 .process_wrap .process_list.in-view .item {
    animation-name: fadeLeftAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.m242 .sec1 .process_wrap .process_list .item:nth-child(2) {
    animation-delay: 0.2s;
}

.m242 .sec1 .process_wrap .process_list .item:nth-child(3) {
    animation-delay: 0.4s;
}

.m243 .sec1 .process_wrap .process_list .item {
    opacity: 0;
}

.m243 .sec1 .process_wrap .process_list.in-view .item {
    animation-name: fadeLeftAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.m243 .sec1 .process_wrap .process_list .item:nth-child(2) {
    animation-delay: 0.2s;
}

.m243 .sec1 .process_wrap .process_list .item:nth-child(3) {
    animation-delay: 0.4s;
}

.m41 .talent_wrap2 .position_wrap .pos_list .item {
    opacity: 0;
}

.m41 .talent_wrap2 .position_wrap .pos_list.in-view .item {
    animation-name: fadeUpAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.m41 .talent_wrap2 .position_wrap .pos_list.in-view .item:nth-child(2) {
    animation-delay: 0.2s;
}

.m41 .talent_wrap2 .position_wrap .pos_list.in-view .item:nth-child(3) {
    animation-delay: 0.4s;
}

.m41 .talent_wrap2 .position_wrap .pos_list.in-view .item:nth-child(4) {
    animation-delay: 0.6s;
}

.m41 .talent_wrap2 .position_wrap .pos_list.in-view .item:nth-child(5) {
    animation-delay: 0.8s;
}

.m42 .recruit_step li {
    opacity: 0;
}

.m42 .recruit_step.in-view li {
    animation-name: fadeUpAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.m42 .recruit_step.in-view li:nth-child(2) {
    animation-delay: 0.2s;
}

.m42 .recruit_step.in-view li:nth-child(3) {
    animation-delay: 0.4s;
}

.m42 .recruit_step.in-view li:nth-child(4) {
    animation-delay: 0.6s;
}

.m42 .recruit_step.in-view li:nth-child(5) {
    animation-delay: 0.8s;
}

.m42 .recruit_step.in-view li:nth-child(6) {
    animation-delay: 1s;
}

#dx_consulting_banner {
    position: relative;
    width: 90%;
    margin: 0 auto;
    background: url('/bbs/sub/img/dx_consulting_banner.jpg')no-repeat center/cover;
    text-align: center;
    padding: 90px 20px;
    box-sizing: border-box;
}

#dx_consulting_banner .text_g {
    width: 100%;
    padding: 3px 20px 0;
    color: #fff;
    box-sizing: border-box;
}

#dx_consulting_banner .text_g .title {
    font-size: 4rem;
    font-weight: 400;
}

#dx_consulting_banner .text_g .title b {
    font-weight: 600;
    font-family: 'Lexend','Noto Sans KR',sans-serif;
}

#dx_consulting_banner .text_g .txt1 {
    font-size: 1.8rem;
    color: rgba(255,255,255,0.85);
    max-width: 500px;
    margin: 6px auto 0;
}

#dx_consulting_banner .btn {
    margin-top: 44px;
    width: 240px;
    height: 60px;
    background: #fff;
    color: #000;
    font-size: 1.8rem;
    border-radius: 20px;
    font-weight: 500;
}

/* 220819 추가 */
#scroll_wrap {
    position: fixed;
}

.m32 {
    padding-top: 0;
}

.m32 .sec1 {
    padding-top: 160px;
}

.list_wrap_style3 {
    display: flex;
    flex-wrap: wrap;
}

.list_wrap_style3 strong.list_tit {
    display: block;
    font-size: 22px;
    color: #111;
    letter-spacing: -0.01em;
    padding-left: 40px;
    margin-bottom: 18px;
}

.list_wrap_style3>div {
    background: #f6f6f6;
    padding: 60px 0;
}

.list_wrap_style3>div + div {
    margin-top: 15px;
}

.list_wrap_style3 ul {
    display: flex;
    flex-wrap: wrap;
}

.list_wrap_style3 ul li {
    position: relative;
    width: 100%;
    padding: 0 53px;
    text-align: left;
}

.list_wrap_style3.list3 ul li span {
    display: inline-block;
    padding: 0 3px;
    border: 1px solid #09f;
}

.list_wrap_style3 ul li:nth-child(n + 2) {
    margin-top: 5px;
}

.list_wrap_style3 ul li:before {
    content: "";
    position: absolute;
    top: 14px;
    left: 40px;
    width: 4px;
    height: 4px;
    background: #258adc;
}

.list_wrap_style3.list2>div {
    padding: 50px 0;
    width: 100%;
}

.list_wrap_style3.list3 ul li {
    width: 50%;
}

.list_wrap_style3.list3 ul li:nth-child(2) {
    margin-top: 0px;
}

.list_wrap_style3.list3 ul li:nth-child(n + 3) {
    margin-top: 5px;
}

.page_layout_style2 section .contents .con_g.case_wrap {
    padding-bottom: 140px;
}

.m213 .effect_wrap {
    padding-bottom: 0;
}

.m213 .effect_wrap .diagram .item_1 .item .txt1 {
    letter-spacing: -0.07em;
}

.m213 .trait_wrap:before {
    background: url('/bbs/sub/img/220819_smart_erp_bg.jpg')no-repeat center /cover;
}

.m213 .effect_wrap {
    padding-bottom: 0;
}

.m213 .effect_wrap .diagram .item_1 .item .txt1 {
    letter-spacing: -0.07em;
}

.m213 .trait_wrap:before {
    background: url('/bbs/sub/img/220819_smart_erp_bg.jpg')no-repeat center /cover;
}

.m213 .diagram_graph {
    margin-bottom: 120px;
    overflow-x: auto;
}

.m213 .diagram_graph .inner {
    width: 1320px;
    padding-bottom: 35px;
}

.m213 .diagram_graph .tit_box {
    font-size: 20px;
    color: #fff;
    line-height: 80px;
    text-align: center;
}

.m213 .diagram_graph.diagram1 .tit_box {
    background: #0097e0;
}

.m213 .diagram_graph.diagram1 .diagram_list_box {
    display: flex;
    margin-top: 20px;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box {
    position: relative;
    padding: 20px;
    background: #f6f6f6;
    border: 1px solid #a7a7a7;
    margin-right: 30px;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 60px;
    background: #f6f6f6;
    border: 1px solid #a7a7a7;
    border-left-color: #f6f6f6;
    border-right-color: #f6f6f6;
    box-sizing: border-box;
    z-index: 10;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 10px;
    background: #c8c8c8;
    z-index: 10;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box:last-child {
    margin-right: 0;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box .title {
    font-size: 18px;
    color: #fff;
    line-height: 58px;
    text-align: center;
    margin-bottom: 20px;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box .text_wrap {
    height: calc(100% - 78px);
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box:nth-child(odd) .text_wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box .text {
    padding: 10px 10px 20px;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box .text .logo {
    text-align: center;
    border-bottom: 1px solid #bec7ca;
    padding: 5px 0 12px;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box .text .cate {
    font-size: 17px;
    color: rgba(0,0,0,0.9);
    letter-spacing: -0.01em;
    line-height: 44px;
    text-align: center;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box .text .text_list {
    padding-left: 10px;
    margin-top: 7px;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box .text .text_list li {
    font-size: 17px;
    color: #666;
    letter-spacing: -0.01em;
    line-height: 1.7;
}

.m213 .diagram_graph.diagram1 .diagram_text_box {
    position: relative;
    padding: 40px;
    background: #f6f6f6;
    border: 1px solid #a7a7a7;
    margin-top: 30px;
}

.m213 .diagram_graph.diagram1 .diagram_text_box:before {
    content: "";
    position: absolute;
    top: -32px;
    left: 50%;
    width: 60px;
    height: 32px;
    margin-left: -30px;
    background: #f6f6f6;
    border: 1px solid #a7a7a7;
    border-top-color: #f6f6f6;
    border-bottom-color: #f6f6f6;
    box-sizing: border-box;
    z-index: 10;
}

.m213 .diagram_graph.diagram1 .diagram_text_box:after {
    content: "";
    position: absolute;
    top: -31px;
    left: 50%;
    width: 10px;
    height: 30px;
    margin-left: -5px;
    background: #c8c8c8;
    z-index: 10;
}

.m213 .diagram_graph.diagram1 .diagram_text_box table {
    width: 100%;
}

.m213 .diagram_graph.diagram1 .diagram_text_box table tr > * {
    font-size: 17px;
    letter-spacing: -0.01em;
    padding: 17px 0;
}

.m213 .diagram_graph.diagram1 .diagram_text_box table th {
    position: relative;
    background: #0e4d90;
    color: #fff;
}

.m213 .diagram_graph.diagram1 .diagram_text_box table th:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 16px;
    margin-top: -8px;
    background: rgba(255,255,255,0.6);
}

.m213 .diagram_graph.diagram1 .diagram_text_box table th:last-child:before {
    display: none;
}

.m213 .diagram_graph.diagram1 .diagram_text_box table td {
    color: #666;
    text-align: center;
    border-bottom: 1px solid #c5c5c5;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box1 {
    width: 17%;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box2 {
    width: calc(66% - 60px);
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box3 {
    width: 17%;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box1:before {
    top: 50%;
    left: auto;
    right: -32px;
    margin-top: -30px;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box2:before {
    top: 32%;
    left: auto;
    right: -32px;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box3:before {
    top: 71%;
    left: -32px;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box1:after {
    top: 50%;
    left: auto;
    right: -31px;
    margin-top: -5px;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box2:after {
    top: 32%;
    left: auto;
    right: -31px;
    margin-top: 25px;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box3:after {
    top: 71%;
    left: -31px;
    margin-top: 25px;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box1 .title {
    background: #00abdc;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box2 .title {
    background: #4977cc;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box3 .title {
    background: #0bd5b2;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box2 .cate {
    background: #9bb1eb;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box3 .cate {
    background: #b1eddf;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box2 .text_wrap {
    display: flex;
    flex-wrap: wrap;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box1 .text_wrap .text {
    background: #edf9fd;
    border: 1px dashed #00abdc;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box2 .text_wrap .text {
    width: calc(33.333% - 6px);
    margin: 20px 9px 0 0;
    background: #f2f5fb;
    border: 1px dashed #4977cc;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box2 .text_wrap .text:nth-child(3n) {
    margin-right: 0;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box2 .text_wrap .text:nth-child(-n + 3) {
    margin-top: 0;
}

.m213 .diagram_graph.diagram1 .diagram_list_box .box3 .text_wrap .text {
    background: #eefcfa;
    border: 1px dashed #0bd5b2;
    height: calc(50% - 10px);
}

.m213 .diagram_graph.diagram2 .tit_box {
    background: #0fb99b;
}

.m213 .diagram_graph.diagram2 .diagram_box {
    display: flex;
    background: #f6f6f6;
    padding: 20px;
}

.m213 .diagram_graph.diagram2 .diagram_box .box {
}

.m213 .diagram_graph.diagram2 .diagram_box .box .title {
    font-size: 18px;
    color: #fff;
    letter-spacing: -0.01em;
    text-align: center;
    background: #0bd5b2;
    padding: 16px 0;
}

.m213 .diagram_graph.diagram2 .diagram_box .box1 {
    width: 160px;
    margin-right: 10px;
}

.m213 .diagram_graph.diagram2 .diagram_box .box1 .user_list {
    background: #fff;
    border: 1px solid #dbdbdb;
    height: calc(100% - 58px);
    padding: 0 20px;
}

.m213 .diagram_graph.diagram2 .diagram_box .box1 .user_list>li {
    height: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.m213 .diagram_graph.diagram2 .diagram_box .box1 .user_list>li + li {
    border-top: 1px solid #ccc;
}

.m213 .diagram_graph.diagram2 .diagram_box .box1 .user_list>li .icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto;
}

.m213 .diagram_graph.diagram2 .diagram_box .box1 .user_list>li p {
    font-size: 17px;
    color: #666;
    letter-spacing: -0.01em;
    text-align: center;
    margin-top: 12px;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 {
    width: 720px;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px dashed #0fb99b;
    padding: 20px;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table + .table {
    margin-top: 10px;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .title {
    font-size: 17px;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.01em;
    background: none;
    line-height: 1;
    padding: 0;
    margin-bottom: 18px;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .title.en {
    font-family: 'Lexend';
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 170px;
    padding-right: 25px;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .left .logo_box {
    padding: 0 0 10px;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .left .logo_box p {
    font-size: 16px;
    color: #000;
    letter-spacing: -0.01em;
    margin-bottom: 10px;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .left .logo_box .logo {
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .left .middle {
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .left .middle ul {
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .left .middle ul li {
    font-size: 16px;
    color: #0fb99b;
    letter-spacing: -0.01em;
    line-height: 50px;
    text-align: center;
    background: #eefcfa;
    border: 1px solid #0fb99b;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .left .middle ul li + li {
    border-top: none;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .right {
    position: relative;
    width: calc(100% - 170px);
    padding-left: 23px;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .right .text_box {
    display: flex;
    justify-content: space-between;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .right .text_box .text {
    width: calc(50% - 5px);
    background: #eefcfa;
    border: 1px solid #0bd5b2;
    padding: 10px 10px 15px;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .right .text_box .text .text_list {
    padding-left: 10px;
    margin-top: 7px;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .right .text_box .text .text_list>li {
    font-size: 17px;
    color: #666;
    letter-spacing: -0.01em;
    line-height: 1.7;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .right .cate_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .right .cate_list li {
    width: calc(25% - 7.5px);
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    margin: 10px 10px 0 0;
    background: #0bd5b2;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .right .cate_list li:nth-child(-n + 4) {
    margin-top: 0;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .right .cate_list li:nth-child(4n) {
    margin-right: 0;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .right .package_list {
    background: #0bd5b2;
    padding: 20px;
    margin-top: 10px;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .right .package_list strong {
    display: block;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-align: center;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .right .package_list ul {
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table .right .package_list ul li {
    width: calc(20% - 8px);
    font-size: 16px;
    color: #666;
    letter-spacing: -0.01em;
    line-height: 40px;
    text-align: center;
    background: #ffffff;
    border: 1px dashed #0bd5b2;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table1 {
    align-items: inherit;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table1 .right:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 100%;
    border: 1px solid #c8c8c8;
    border-right: none;
    box-sizing: border-box;
}

.m213 .diagram_graph.diagram2 .diagram_box .box2 .table1 .right:after {
    content: "프로세스 메뉴";
    position: absolute;
    top: 50%;
    left: -17px;
    margin-top: 60px;
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.025em;
    border-radius: 50vh;
    background: #c8c8c8;
    padding: 4px 15px 6px;
    transform: rotate(-90deg);
    transform-origin: top left;
}

.m213 .diagram_graph.diagram2 .diagram_box .box3 {
    display: flex;
    align-items: flex-start;
}

.m213 .diagram_graph.diagram2 .diagram_box .box3 .text_box {
    position: relative;
    width: 150px;
    margin-left: 40px;
}

.m213 .diagram_graph.diagram2 .diagram_box .box3 .text_box:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -33px;
    width: 26px;
    height: 26px;
    margin-top: -13px;
    border-radius: 50%;
    background: #0fb99b url(/bbs/sub/img/220822_smart_erp_diagram_arrow.png) no-repeat center;
}

.m213 .diagram_graph.diagram2 .diagram_box .box3 .text_box .text {
    background: #fff;
    border: 1px solid #dbdbdb;
}

.m213 .diagram_graph.diagram2 .diagram_box .box3 .text_box .text + .text {
    margin-top: 20px;
}

.m213 .diagram_graph.diagram2 .diagram_box .box3 .text_box .text .text_list {
    text-align: center;
    padding: 20px 0;
}

.m213 .diagram_graph.diagram2 .diagram_box .box3 .text_box .text .text_list li {
    font-size: 17px;
    color: #666;
    line-height: 1.8;
    letter-spacing: -0.01em;
}

.m213 .diagram_graph.diagram2 .diagram_box .box3 .text_box .text .text_list li img {
    max-width: 100%;
}

.m213 .diagram_graph.diagram2 .diagram_box .box3 .text_box1 .title {
    padding: 8.5px 0;
}

.m213 .diagram_graph.diagram2 .diagram_box .box3 .text_box2 {
    width: 160px;
}

.m213 .diagram_graph.diagram2 .diagram_box .box3 .text_box2:before {
    transform: rotate(180deg);
}

.m213 .diagram_graph.diagram2 .diagram_box .box3 .text_box2 .text .text_list {
    padding: 0 20px;
}

.m213 .diagram_graph.diagram2 .diagram_box .box3 .text_box2 .text .text_list li {
    padding-bottom: 25px;
    border-bottom: 1px solid #cccc;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 107px;
    padding-bottom: 0;
}

.m213 .diagram_graph.diagram2 .diagram_box .box3 .text_box2 .text .text_list li:last-child {
    border-bottom: none;
}

.m213 .diagram_graph.diagram2 .diagram_box .box3 .text_box2 .text .text_list li .logo {
    margin-bottom: 10px;
}

.m222 .con_title_g .title6 span {
    color: #0095df;
}

.m222 .xfusion_ecp .service_wrap .service_list {
    background: #f6f6f6;
    padding: 60px 0;
}

.m222 .xfusion_ecp .service_wrap .service_list>li {
    position: relative;
    text-align: center;
}

.m222 .xfusion_ecp .service_wrap .service_list>li + li {
    padding: 75px 0 0;
    margin-top: 30px;
}

.m222 .xfusion_ecp .service_wrap .service_list>li + li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 44px;
    height: 44px;
    margin-left: -22px;
    border-radius: 50%;
    background: #fff url(/bbs/sub/img/communication_service_plus.png) no-repeat center;
}

.m222 .xfusion_ecp .service_wrap .service_list>li .icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    margin: 0 auto 0;
}

.m222 .xfusion_ecp .service_wrap .service_list>li:nth-child(1) .icon {
    background: #b1eddf;
}

.m222 .xfusion_ecp .service_wrap .service_list>li:nth-child(2) .icon {
    background: #91d3eb;
}

.m222 .xfusion_ecp .service_wrap .service_list>li:nth-child(3) .icon {
    background: #90a9e9;
}

.m222 .xfusion_ecp .service_wrap .service_list>li strong {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #001111;
    margin-top: 28px;
}

.m222 .xfusion_ecp .service_wrap .service_list>li strong.en {
    font-family: 'Lexend';
    font-weight: 600;
}

.m222 .xfusion_ecp .service_wrap .service_list>li p.txt1 {
    margin-top: 10px;
}

.m222 .xfusion_ecp .features_wrap:before {
    background: #1c4891 url('/bbs/sub/img/220819_communication_bg1.jpg')no-repeat right 80% bottom/cover;
}

.m222 .xfusion_ecp .features_wrap .features_items > li {
    width: 100%;
    padding: 0;
}

.m222 .xfusion_ecp .features_wrap .features_items > li .title {
    padding-top: 40px;
}

.m222 .xfusion_ecp .features_wrap .features_items > li .con, .m222 .xfusion_ecp .features_wrap .features_items > li:nth-child(3) .con {
    margin-top: 18px;
}

.m222 .xfusion_rex .feature_wrap .feature_list {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.m222 .xfusion_rex .feature_wrap .feature_list > li {
    position: relative;
    width: 100%;
}

.m222 .xfusion_rex .feature_wrap .feature_list > li + li {
    margin-top: 150px;
}

.m222 .xfusion_rex .feature_wrap .feature_list > li .img {
    width: 100%;
    height: 486px;
    overflow: hidden;
}

.m222 .xfusion_rex .feature_wrap .feature_list > li .img span {
    display: block;
    width: 100%;
    height: 100%;
}

.m222 .xfusion_rex .feature_wrap .feature_list > li .con {
    position: relative;
    width: 90%;
    margin-top: -100px;
    margin-left: 10%;
    background: #fff;
    padding: 52px 0 15px 60px;
    z-index: 10;
}

.m222 .xfusion_rex .feature_wrap .feature_list > li .con .num {
    position: absolute;
    bottom: 100%;
    left: 0;
    font-size: 13rem;
    color: #fff;
    line-height: 0.8;
    font-family: 'Lexend',sans-serif;
    font-weight: 700;
    margin-bottom: -4px;
}

.m222 .xfusion_rex .feature_wrap .feature_list > li .con .tit {
    font-size: 2.7rem;
    font-family: 'Lexend','Noto Sans KR',sans-serif;
    color: #111;
    font-weight: 600;
}

.m222 .xfusion_rex .feature_wrap .feature_list > li .con .tit.en {
    font-weight: 500;
}

.m222 .xfusion_rex .feature_wrap .feature_list > li .con .txt1 {
    margin-top: 20px;
}

.m222 .xfusion_rex .feature_wrap .feature_list > li .con .txt1 br {
    display: none;
}

.m222 .xfusion_rex .feature_wrap .feature_list > li:nth-child(even) {
}

.m222 .xfusion_rex .feature_wrap .feature_list > li:nth-child(even) .con {
    text-align: right;
    padding: 52px 60px 15px 0px;
    margin-left: 0;
}

.m222 .xfusion_rex .feature_wrap .feature_list > li:nth-child(even) .con .num {
    left: auto;
    right: 10px;
}

.m222 .xfusion_rex .feature_wrap .feature_list > li .dot_list_style1 {
    line-height: 1.95;
    overflow: hidden;
}

.m222 .xfusion_rex .feature_wrap .feature_list > li .dot_list_style1 li {
    width: 100%;
    padding-right: 30px;
    float: left;
    display: inline-block;
    vertical-align: top;
}

.m222 .xfusion_rex .feature_wrap .feature_list > li .dot_list_style1 li:nth-child(even) {
    float: right;
}

.m222 .xfusion_rex .feature_wrap .feature_list > li .dot_list_style1 li:before {
    background: #00abdc;
}

.m222 .xfusion_rex .feature_wrap .feature_list li:nth-child(even) {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.m222 .xfusion_rex .feature_wrap .feature_list li:nth-child(even) .num {
    left: auto;
    right: 150px;
}

.m222 .xfusion_rex .feature_wrap .feature_list li:nth-child(even) .con {
    left: 0;
    /* width: 60%; */
    max-width: inherit;
    padding: 53px 60px 13px 0px;
    text-align: right;
}

.m222 .xfusion_rex .feature_wrap .feature_list li:nth-child(even) .con .dot_list_style1 li {
    padding: 0 15px 0 30px;
}

.m222 .xfusion_rex .feature_wrap .feature_list li:nth-child(even) .con .dot_list_style1 li:before {
    left: auto;
    right: 0;
}

.m222 .xfusion_rex .feature_wrap .feature_list > li:last-child .dot_list_style1 li {
    width: 100%;
}

.m222 .xfusion_rex .service_wrap {
    position: relative;
    padding: 140px 0;
}

.m222 .xfusion_rex .service_wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    height: 100%;
    background: url('/bbs/sub/img/220819_communication_bg2.jpg')no-repeat center /cover;
}

.m222 .xfusion_rex .service_wrap .con_title_g .title2.type2 {
    color: #fff;
}

.m222 .xfusion_rex .service_wrap .con_title_g .title2.type2:before {
    background: #fff;
}

.m222 .xfusion_rex .service_wrap .service_list {
    display: flex;
    justify-content: space-between;
}

.m222 .xfusion_rex .service_wrap .service_list > ul {
    width: calc(50% - 10px);
    background: rgba(255,255,255,0.9);
    padding: 50px 40px;
}

.m222 .xfusion_rex .service_wrap .service_list > ul > li {
    position: relative;
    padding-left: 13px;
}

.m222 .xfusion_rex .service_wrap .service_list > ul > li:nth-child(n + 2) {
    margin-top: 5px;
}

.m222 .xfusion_rex .service_wrap .service_list > ul > li:before {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #258adc;
}

#wrap .m222 .xfusion_rex .inner {
    padding-bottom: 0;
}

.page_layout_style2 .cloud_service_img {
    overflow-x: scroll;
}

.page_layout_style2 .cloud_service_img img {
    max-width: 1320px;
}

.page_layout_style2 .partnership_wrap {
}

.page_layout_style2 .partnership_wrap .partnership_con {
    /* display:flex; */
    /* flex-wrap:wrap; */
    margin-top: 40px;
}

.page_layout_style2 .partnership_wrap .partnership_con>div {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    border-radius: 60px;
}

.page_layout_style2 .partnership_wrap .partnership_con>div:before {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    height: 30px;
}

.page_layout_style2 .partnership_wrap .partnership_con>div .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    background: #fff;
    border-radius: 50vh;
}

.page_layout_style2 .partnership_wrap .partnership_con>div p.txt1 {
    width: 100%;
    font-family: 'Lexend';
    font-size: 17px;
    font-weight: 300;
    color: #fff;
    line-height: 1.8;
    margin-top: 0;
    text-align: center;
    margin-top: 20px;
}

.page_layout_style2 .partnership_wrap .partnership_con>div p.txt1 br {
    display: block;
}

.page_layout_style2 .partnership_wrap .partnership_con>div:nth-child(1) {
    background: #179fe2;
    margin-bottom: 60px;
}

.page_layout_style2 .partnership_wrap .partnership_con>div:nth-child(1):before {
    background: url(/bbs/sub/img/cloud_contact_partner_bg1_m.png) no-repeat center / 100% 100%;
}

.page_layout_style2 .partnership_wrap .partnership_con>div:nth-child(2) {
    background: #0ab299;
}

.page_layout_style2 .partnership_wrap .partnership_con>div:nth-child(2):before {
    background: url(/bbs/sub/img/cloud_contact_partner_bg2_m.png) no-repeat center / 100% 100%;
    justify-content: flex-end;
    bottom: auto;
    top: -30px;
}

.page_layout_style2 .partnership_wrap .partnership_con>div:nth-child(2) .logo {
    order: 2;
}

.page_layout_style2 .partnership_wrap .partnership_con>div:nth-child(2) p.txt1 {
    order: 1;
    margin-top: 0;
    margin-bottom: 20px;
}

.m232 .sec1 {
    padding-bottom: 0;
}

.m232 .cloud_service_img {
    overflow-x: auto;
}

.m232 .cloud_service_img .inner {
    width: 1320px;
    height: 997px;
}

.m232 .cloud_service_img .title {
    display: flex;
}

.m232 .cloud_service_img .title>div {
    width: 50%;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.01em;
    line-height: 80px;
    text-align: center;
    background: #bfbfbf;
}

.m232 .cloud_service_img .title>div:nth-child(2) {
    background: #91d3eb;
}

.m232 .cloud_service_img .con {
    position: relative;
    height: calc(100% - 80px);
    padding: 70px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.m232 .cloud_service_img .con:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: #f6f6f6;
}

.m232 .cloud_service_img .con:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: #eef9fd;
}

.m232 .cloud_service_img .con .cloud_list {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1045px;
    height: 680px;
    margin: -340px 0 0 -522px;
    background: #fff;
    border: 1px solid #0e4d90;
    border-radius: 50vh;
    z-index: 10;
}

.m232 .cloud_service_img .con .cloud_list:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 95px;
    width: 66px;
    height: 47px;
    margin-top: -23px;
    background: url(/bbs/sub/img/cloud_contact_center_arrow_l.png) no-repeat center / contain;
}

.m232 .cloud_service_img .con .cloud_list:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 95px;
    width: 66px;
    height: 47px;
    margin-top: -23px;
    background: url(/bbs/sub/img/cloud_contact_center_arrow_r.png) no-repeat center / contain;
}

.m232 .cloud_service_img .con .cloud_list li {
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    text-align: center;
    background: #0e4d90;
    border-radius: 20px;
    padding: 20px 0;
}

.m232 .cloud_service_img .con .cloud_list li p {
    font-family: 'Lexend';
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    letter-spacing: -0.025em;
    line-height: 1.4;
    margin-top: 10px;
}

.m232 .cloud_service_img .con .cloud_list li:nth-child(1) {
    top: -60px;
    left: 50%;
    margin-left: 110px;
}

.m232 .cloud_service_img .con .cloud_list li:nth-child(2) {
    top: 137px;
    left: auto;
    right: -40px;
}

.m232 .cloud_service_img .con .cloud_list li:nth-child(3) {
    top: auto;
    bottom: 137px;
    left: auto;
    right: -40px;
}

.m232 .cloud_service_img .con .cloud_list li:nth-child(4) {
    top: auto;
    bottom: -60px;
    left: 50%;
    margin-left: 110px;
}

.m232 .cloud_service_img .con .cloud_list li:nth-child(5) {
    top: auto;
    bottom: -50px;
    left: 50%;
    margin-left: -235px;
}

.m232 .cloud_service_img .con .cloud_list li:nth-child(6) {
    top: auto;
    bottom: 20px;
    left: 25px;
}

.m232 .cloud_service_img .con .cloud_list li:nth-child(7) {
    top: 50%;
    left: -80px;
    transform: translateY(-50%);
}

.m232 .cloud_service_img .con .cloud_list li:nth-child(8) {
    top: 40px;
    left: 25px;
}

.m232 .cloud_service_img .con .cloud_list li:nth-child(9) {
    top: -50px;
    left: 50%;
    margin-left: -250px;
}

.m232 .cloud_service_img .con .middle_con {
    position: relative;
    z-index: 100;
}

.m232 .cloud_service_img .con .middle_con .title_box .img {
}

.m232 .cloud_service_img .con .middle_con .title_box strong {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    line-height: 1.6;
    letter-spacing: -0.01em;
    text-align: center;
    margin-top: 16px;
}

.m232 .cloud_service_img .con .middle_con .middle_text_list {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 405px;
    margin: -202px 0 0 -250px;
    border: 1px dashed rgba(14,77,144,0.4);
    border-radius: 50vh;
}

.m232 .cloud_service_img .con .middle_con .middle_text_list li {
    position: absolute;
    font-family: 'Lexend';
    font-size: 15px;
    color: #0e4d90;
    letter-spacing: -0.025em;
    line-height: 1.3;
    text-align: center;
    background: #f3f6f9;
    border: 1px solid #0e4d90;
    border-radius: 20px;
    padding: 9px 25px;
}

.m232 .cloud_service_img .con .middle_con .middle_text_list li:nth-child(1) {
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
}

.m232 .cloud_service_img .con .middle_con .middle_text_list li:nth-child(2) {
    top: 35px;
    right: -35px;
}

.m232 .cloud_service_img .con .middle_con .middle_text_list li:nth-child(3) {
    top: 113px;
    right: -70px;
}

.m232 .cloud_service_img .con .middle_con .middle_text_list li:nth-child(4) {
    bottom: 145px;
    right: -64px;
}

.m232 .cloud_service_img .con .middle_con .middle_text_list li:nth-child(5) {
    bottom: 44px;
    right: -45px;
}

.m232 .cloud_service_img .con .middle_con .middle_text_list li:nth-child(6) {
    top: auto;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
}

.m232 .cloud_service_img .con .middle_con .middle_text_list li:nth-child(7) {
    bottom: 53px;
    left: -45px;
}

.m232 .cloud_service_img .con .middle_con .middle_text_list li:nth-child(8) {
    bottom: 144px;
    left: -87px;
}

.m232 .cloud_service_img .con .middle_con .middle_text_list li:nth-child(9) {
    top: 123px;
    left: -50px;
}

.m232 .cloud_service_img .con .middle_con .middle_text_list li:nth-child(10) {
    top: 35px;
    left: -25px;
}

.m233 .sec1 {
    padding-bottom: 0;
}

.m233 .partnership_wrap {
    margin-bottom: 0;
    padding-bottom: 140px;
}

.m233 .case_wrap {
    margin-top: 0 !IMPORTANT;
}

.m251 .role_wrap .diagram .d_i_g .d_i5 .tit, .m251 .role_wrap .diagram .d_i_g .d_i6 .tit {
    order: 2;
}

.m251 .role_wrap .diagram .d_i_g .d_i5 .txt1, .m251 .role_wrap .diagram .d_i_g .d_i6 .txt1 {
    order: 1;
    padding-right: 20px;
}

.m243 .sec1 {
    padding-bottom: 0;
}

.m242 .service_graph_wrap {
    margin-top: 80px;
    overflow-x: auto;
}

.m242 .service_graph_wrap .inner {
    position: relative;
    width: 1320px;
    background: #f6f6f6;
    padding: 60px 60px 150px 125px;
}

.m242 .service_graph_wrap .tit_list {
}

.m242 .service_graph_wrap .tit_list li {
    position: absolute;
    width: 180px;
    height: 180px;
    font-size: 18px;
    color: #fff;
    line-height: 180px;
    letter-spacing: -0.025em;
    text-align: center;
    background: #4977cc;
    border-radius: 50%;
}

.m242 .service_graph_wrap .tit_list li:nth-child(1) {
    top: 115px;
    left: 226px;
}

.m242 .service_graph_wrap .tit_list li:nth-child(2) {
    bottom: 183px;
    left: 60px;
}

.m242 .service_graph_wrap .tit_list li:nth-child(3) {
    top: 36%;
    right: 60px;
}

.m242 .service_graph_wrap .tit_list li:nth-child(4) {
    bottom: 60px;
    right: 226px;
}

.m242 .service_graph_wrap .graph {
    position: relative;
    width: 804px;
    height: 465px;
    margin: 0 auto 0;
    background: url(/bbs/sub/img/220824_nb_system_g_graph.png) no-repeat center / contain;
}

.m242 .service_graph_wrap .graph .text_list {
    width: 100%;
    height: 100%;
}

.m242 .service_graph_wrap .graph .text_list li {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 142px;
    height: 82px;
    font-size: 17px;
    color: #000;
    letter-spacing: -0.01em;
    text-align: center;
}

.m242 .service_graph_wrap .graph .text_list li:nth-child(1) {
    top: 64px;
    left: 161px;
}

.m242 .service_graph_wrap .graph .text_list li:nth-child(2) {
    top: 0;
    right: 250px;
}

.m242 .service_graph_wrap .graph .text_list li:nth-child(3) {
    top: 225px;
    left: 161px;
}

.m242 .service_graph_wrap .graph .text_list li:nth-child(4) {
    top: 64px;
    right: 0;
}

.m242 .service_graph_wrap .graph .text_list li:nth-child(5) {
    bottom: 0;
    left: 161px;
}

.m242 .service_graph_wrap .graph .text_list li:nth-child(6) {
    bottom: 0;
    left: 0;
}

.m242 .service_graph_wrap .graph .text_list li p {
    padding-top: 40px;
    line-height: 1;
}

.m242 .service_graph_wrap .graph .mid_tit {
    position: absolute;
    top: 154px;
    right: 212px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 220px;
    text-align: center;
}

.m242 .service_graph_wrap .graph .mid_tit img {
}

.m242 .service_graph_wrap .graph .mid_tit strong {
    display: block;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.01em;
    margin-top: 15px;
}

.m242 .contents .con_g.service_wrap .img_wrap {
    margin-top: 80px;
    background: #f6f6f6;
    text-align: center;
    padding: 70px;
}

.m242 .contents .con_g.service_wrap .img_wrap img {
    max-width: 100%;
}

.m242 .contents .con_g.service_form_wrap .img_wrap {
    overflow-x: auto;
}

.m242 .contents .con_g.service_form_wrap .img_wrap img {
    width: 1320px;
}

.m242 .contents .con_g.service_form_wrap .text_list {
    display: flex;
    flex-wrap: wrap;
    width: 725px;
    padding-top: 40px;
}

.m242 .contents .con_g.service_form_wrap .text_list li {
    width: 50%;
    font-family: 'Lexend';
    font-size: 17px;
    color: #555;
    letter-spacing: -0.025em;
    line-height: 1.7;
}

.m242 .contents .con_g .process_graph_wrap {
    overflow-x: auto;
}

.m242 .contents .con_g .process_graph {
    display: flex;
    width: 1320px;
    padding: 0 94px 50px 40px;
}

.m242 .contents .con_g .process_graph>div .text {
    position: relative;
    background: #edf9fd;
    border: 1px dashed #00abdc;
    font-size: 17px;
    color: #111;
    letter-spacing: -0.01em;
    line-height: 1.7;
    text-align: center;
    padding: 16px 0;
}

.m242 .contents .con_g .process_graph .left {
    width: 367px;
}

.m242 .contents .con_g .process_graph .left>div {
    position: relative;
    padding: 40px 45px;
    border: 1px dashed #00abdc;
    border-right: none;
    margin-top: 40px;
}

.m242 .contents .con_g .process_graph .left>div:before {
    content: "";
    position: absolute;
    top: -5px;
    right: 0;
    width: 8px;
    height: 9px;
    background: url(/bbs/sub/img/220822_nb_system_p_arrow2.png) no-repeat center / contain;
}

.m242 .contents .con_g .process_graph .left .text + .text {
    margin-top: 20px;
}

.m242 .contents .con_g .process_graph .middle {
    width: 420px;
}

.m242 .contents .con_g .process_graph .middle ul li {
    position: relative;
    font-size: 20px;
    color: #fff;
    line-height: 80px;
    text-align: center;
    background: #0085ce;
}

.m242 .contents .con_g .process_graph .middle ul li + li {
    margin-top: 48px;
}

.m242 .contents .con_g .process_graph .middle ul li + li:before {
    content: "";
    position: absolute;
    top: -48px;
    left: 0;
    width: 100%;
    height: 48px;
    background: url(/bbs/sub/img/220822_nb_system_p_arrow.png) no-repeat center;
}

.m242 .contents .con_g .process_graph .middle ul li:first-child:after {
    content: "장애접수";
    position: absolute;
    bottom: -39px;
    left: 110px;
    font-size: 15px;
    color: #000;
    line-height: 30px;
    padding: 0 12px;
    background: #91d3eb;
}

.m242 .contents .con_g .process_graph .right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 360px;
    margin-left: 40px;
    padding: 55px 0 44px;
}

.m242 .contents .con_g .process_graph .right .text + .text {
    margin-top: 40px;
}

.m242 .contents .con_g .process_graph .right .text:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -245px;
    width: 245px;
    height: 1px;
    border-top: 1px dashed #00abdc;
}

.m242 .sec1 {
    padding-bottom: 0;
}

.m242 .case_wrap .list_wrap_style3 ul li {
    padding: 0 43px 0 53px;
}

.m242 .service_form_graph {
    overflow-x: auto;
}

.m242 .service_form_graph .inner {
    display: flex;
    width: 1320px;
}

.m242 .service_form_graph .inner .side {
    position: relative;
    width: 60px;
    background: #757575;
}

.m242 .service_form_graph .inner .side > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 857px;
    height: 6.7%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.m242 .service_form_graph .inner .side p {
    width: 100%;
    font-size: 20px;
    color: #fff;
    letter-spacing: -0.01em;
    line-height: 1;
    text-align: center;
}

.m242 .service_form_graph .inner .left > div {
    transform: rotate(-90deg);
    transform-origin: top left;
    top: 100%;
}

.m242 .service_form_graph .inner .right > div {
    transform: rotate(90deg);
    transform-origin: top left;
    left: 100%;
}

.m242 .service_form_graph .inner .right > div p {
    width: auto;
    margin: 0 20px;
}

.m242 .service_form_graph .inner .middle {
    width: calc(100% - 120px);
    margin: 0 10px;
}

.m242 .service_form_graph .inner .middle .box {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px 30px;
}

.m242 .service_form_graph .inner .middle .box + .box {
    margin-top: 10px;
}

.m242 .service_form_graph .inner .middle .box .tit {
    width: 45px;
    height: 35px;
    font-size: 17px;
    color: #fff;
    letter-spacing: -0.01em;
    text-align: center;
    transform: rotate(-90deg);
    border-bottom: 1px solid rgba(255,255,255,0.7);
    margin-left: -9px;
}

.m242 .service_form_graph .inner .middle .box .tit.en {
    font-family: 'Lexend';
    font-size: 20px;
}

.m242 .service_form_graph .inner .middle .box .con {
    display: flex;
    align-items: center;
    width: calc(100% - 35px);
}

.m242 .service_form_graph .inner .middle .box .con > p {
    width: 20%;
    font-size: 17px;
    font-weight: 300;
    color: #fff;
    letter-spacing: -0.01em;
    padding-left: 20px;
}

.m242 .service_form_graph .inner .middle .box .list {
    display: flex;
    justify-content: space-between;
}

.m242 .service_form_graph .inner .middle .box .list li {
    font-size: 17px;
    color: #555;
    letter-spacing: -0.01em;
    line-height: 40px;
    text-align: center;
}

.m242 .service_form_graph .inner .middle .box .list li p {
    display: inline-block;
    padding-left: 30px;
}

.m242 .service_form_graph .inner .middle .box1 {
    background: #0085ce;
}

.m242 .service_form_graph .inner .middle .box2 {
    background: #4977cc;
}

.m242 .service_form_graph .inner .middle .box3 {
    background: #4977cc;
}

.m242 .service_form_graph .inner .middle .box4 {
    background: #0e4d90;
}

.m242 .service_form_graph .inner .middle .box5 {
    background: #183c87;
}

.m242 .service_form_graph .inner .middle .box6 {
    background: #252525;
}

.m242 .service_form_graph .inner .middle .box7 {
    background: #382b6d;
}

.m242 .service_form_graph .inner .middle .box1 .list {
    width: 80%;
}

.m242 .service_form_graph .inner .middle .box1 .list li {
    width: calc(20% - 16px);
    background: #edf2fa;
}

.m242 .service_form_graph .inner .middle .box2 .list {
    width: 80%;
}

.m242 .service_form_graph .inner .middle .box2 .list li {
    width: 30.65%;
    background: #edf2fa;
}

.m242 .service_form_graph .inner .middle .box2 .list li:nth-child(even) {
    width: 18.2%;
    background: #fdfeff;
}

.m242 .service_form_graph .inner .middle .box2 .list li:nth-child(even) p {
    padding-left: 0;
}

.m242 .service_form_graph .inner .middle .box2 .list li:last-child {
    margin-left: 2.3%;
    background: none;
    border: 1px solid #fff;
    color: #fff;
}

.m242 .service_form_graph .inner .middle .box3 .tit {
    transform: rotate(0);
    width: 100%;
    height: auto;
    border: none;
}

.m242 .service_form_graph .inner .middle .box4 {
    display: block;
}

.m242 .service_form_graph .inner .middle .box4 > div {
    display: flex;
    align-items: center;
}

.m242 .service_form_graph .inner .middle .box4 > div .list {
    display: flex;
    width: 100%;
    background: #6e94bc;
    padding: 10px 20px;
}

.m242 .service_form_graph .inner .middle .box4 > div .list li {
    font-size: 17px;
    font-weight: 500;
    color: #0e4d90;
    letter-spacing: -0.01em;
    line-height: 40px;
    text-align: center;
    background: #fff;
}

.m242 .service_form_graph .inner .middle .box4 .tit {
    width: auto;
    min-width: 45px;
    border: none;
}

.m242 .service_form_graph .inner .middle .box4 .con_box1 .list li {
    width: calc(100% / 7);
    margin-right: 10px;
}

.m242 .service_form_graph .inner .middle .box4 .con_box1 .list li:last-child {
    margin-right: 0;
}

.m242 .service_form_graph .inner .middle .box4 .con_box2 {
    margin-top: 10px;
}

.m242 .service_form_graph .inner .middle .box4 .con_box2 .tit {
    width: 50px;
    margin: 8px 0 0 -13px;
}

.m242 .service_form_graph .inner .middle .box4 .con_box2 .con {
    align-items: unset;
    width: calc(100% - 14px);
}

.m242 .service_form_graph .inner .middle .box4 .con_box2 .con > div {
    background: #6e94bc;
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

.m242 .service_form_graph .inner .middle .box4 .con_box2 .con > div + div {
    margin-left: 10.5px;
}

.m242 .service_form_graph .inner .middle .box4 .con_box2 .con > div .list {
    flex-wrap: wrap;
    justify-content: flex-start;
    background: none;
    padding: 0;
    width: calc(100% - 40px);
}

.m242 .service_form_graph .inner .middle .box4 .con_box2 .con > div .cate {
    height: 40px;
    font-family: 'Lexend';
    font-size: 20px;
    color: #0e4d90;
    letter-spacing: -0.01em;
    transform: rotate(-90deg);
}

.m242 .service_form_graph .inner .middle .box4 .con_box2 .con > div.list_con1 {
    width: calc(60% - 7px);
}

.m242 .service_form_graph .inner .middle .box4 .con_box2 .con > div.list_con1 .list li {
    width: calc(25% - 7.5px);
    margin: 10px 10px 0 0;
}

.m242 .service_form_graph .inner .middle .box4 .con_box2 .con > div.list_con1 .list li:nth-child(-n + 4) {
    margin-top: 0;
}

.m242 .service_form_graph .inner .middle .box4 .con_box2 .con > div.list_con1 .list li:nth-child(4n) {
    margin-right: 0;
}

.m242 .service_form_graph .inner .middle .box4 .con_box2 .con > div.list_con2 {
    width: calc(23% - 7px);
}

.m242 .service_form_graph .inner .middle .box4 .con_box2 .con > div.list_con2 .list {
    display: block;
}

.m242 .service_form_graph .inner .middle .box4 .con_box2 .con > div.list_con2 .list li {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.4;
    height: 65px;
}

.m242 .service_form_graph .inner .middle .box4 .con_box2 .con > div.list_con2 .list li + li {
    margin-top: 10px;
}

.m242 .service_form_graph .inner .middle .box4 .con_box2 .con > div.list_con3 {
    width: calc(17% - 7px);
    justify-content: center;
}

.m242 .service_form_graph .inner .middle .box4 .con_box2 .con > div.list_con3 .cate {
    transform: none;
    text-align: center;
    width: auto;
    height: auto;
}

.m242 .service_form_graph .inner .middle .box5 .tit {
    margin-left: -29px;
    width: auto;
    padding: 0 25px;
}

.m242 .service_form_graph .inner .middle .box5 .list {
    flex-wrap: wrap;
    width: calc(100% - 45px);
    margin-left: -10px;
    /* padding-left: 15px; */
}

.m242 .service_form_graph .inner .middle .box5 .list li {
    width: calc(20% - 8px);
    font-weight: 500;
    color: #042c7e;
    margin: 10px 10px 0 0;
    background: #e8ecf3;
}

.m242 .service_form_graph .inner .middle .box5 .list li:nth-child(-n + 5) {
    margin-top: 0;
}

.m242 .service_form_graph .inner .middle .box5 .list li:nth-child(5n) {
    margin-right: 0;
}

.m242 .service_form_graph .inner .middle .box5 .list li.bgc {
    background: #9eb0d1;
}

.m242 .service_form_graph .inner .middle .box6 .tit {
    width: 270px;
    height: auto;
    transform: none;
    border-bottom: none;
    text-align: left;
    margin: 0;
}

.m242 .service_form_graph .inner .middle .box6 .list {
    width: calc(100% - 270px);
}

.m242 .service_form_graph .inner .middle .box6 .list li {
    width: calc(25% - 7.5px);
    background: #eaeaea;
    font-weight: 500;
    color: #000;
}

/*.m242 .service_form_graph .inner .middle .box6 .list li:nth-child(2) {background:#b0afb4}*/
.m242 .service_form_graph .inner .middle .box6 .list li:nth-child(4) {
    background: none;
    font-family: 'Lexend','Noto Sans KR';
    font-weight: 400;
    color: #fff;
}

.m242 .service_form_graph .inner .middle .box6 .list li + li {
    margin-left: 10px;
}

.m242 .service_form_graph .inner .middle .box7 .tit {
    width: 270px;
    height: auto;
    transform: none;
    border-bottom: none;
    text-align: left;
    margin: 0;
}

.m242 .service_form_graph .inner .middle .box7 .list {
    width: calc(100% - 270px);
}

.m242 .service_form_graph .inner .middle .box7 .list li {
    width: calc(25% - 7.5px);
    background: #c4c0d3;
    font-weight: 500;
    color: #382b6d;
}

.m242 .service_form_graph .inner .middle .box7 .list li:nth-child(4) {
    background: #ebeaf1;
}

.m242 .service_form_graph .inner .middle .box7 .list li + li {
    margin-left: 10px;
}

.m223 .sec1 {
    padding-bottom: 0;
}

/* 220902 추가 */
.m222 .xfusion_ecp .service_wrap .service_list>li .icon>div {
    width: 100%;
    height: 100%;
}

.m222 .xfusion_ecp .features_wrap .features_items > li .con {
    font-size: 22px;
    color: #fff;
    line-height: 1.7;
}

.m222 .xfusion_ecp .features_wrap .features_items > li {
    background: none;
}

.m222 .xfusion_ecp .features_wrap .features_items > li .title {
    padding-top: 54px;
}

.m222 .xfusion_ecp .features_wrap .features_items > li .con {
    background-repeat: no-repeat;
    background-position: left center;
    text-align: left;
    padding-left: 100px;
    margin: 0;
}

.m222 .xfusion_rex .service_wrap:before {
    background: url('/bbs/sub/img/220902_communication_bg2.jpg')no-repeat center /cover;
}

.m232 .cloud_service_img .con .middle_con .title_box strong {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-40%);
    width: 100%;
}

.board_view {
    padding: 160px 0 195px;
}

/*20220907*/
/*m221*/
#wrap .m221 .solution_wrap {
    padding-top: 0;
    margin-top: 140px;
    padding-bottom: 160px;
}

#wrap .m221 .solution_wrap:before {
    background: #f6f6f6;
}

.m221 .solution_wrap .slider_wrap {
    position: relative;
    width: 100%;
    margin-top: 50px;
}

.m221 .solution_wrap .s_slider {
    position: relative;
}

.m221 .solution_wrap .s_slider .slide {
    position: relative;
    width: 100%;
    transition: width 0.6s cubic-bezier(0.6, 0, 0.4, 1);
    height: 500px;
    overflow: hidden;
    margin-right: 20px;
}

.m221 .solution_wrap .s_slider:not(.hide) .slide:not(.swiper-slide-active,.active) {
    width: 100px;
}

.m221 .solution_wrap .s_slider:not(.hide) .slide:not(.swiper-slide-active,.active) img {
    filter: grayscale(100%);
}

.m221 .solution_wrap .s_slider .slide .img {
    position: relative;
    width: 1320px;
    /* padding-bottom: 38%; */
    overflow: hidden;
}

.m221 .solution_wrap .s_slider .slide:not(.swiper-slide-active,.active) .img {
    width: 1320px;
}

.m221 .solution_wrap .s_slider .slide .img img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-width: initial;
    transition: all 0.55s cubic-bezier(0.6, 0, 0.4, 1);
}

.m221 .solution_wrap .s_slider.hide {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
}

.m221 .solution_wrap .s_slider.hide .slide {
    opacity: 0;
}

.m221 .solution_wrap .slider_wrap .swiper-button-next, .m221 .solution_wrap .slider_wrap .swiper-button-prev {
    position: absolute;
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.6);
    opacity: 1;
    border-radius: 50%;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    bottom: auto;
    margin: 0;
}

.m221 .solution_wrap .slider_wrap .swiper-button-next {
    left: auto;
    right: 30px;
}

.m221 .solution_wrap .slider_wrap .swiper-button-next:after, .m221 .solution_wrap .slider_wrap .swiper-button-prev:after {
    display: block;
    content: "";
    position: absolute;
    top: 15px;
    left: 16px;
    width: 8px;
    height: 8px;
    border: 2px solid #000;
    transform: rotate(135deg);
    border-top: 0;
    border-left: 0;
}

.m221 .solution_wrap .slider_wrap .swiper-button-next:after {
    transform: rotate(-45deg);
    left: 13px;
}

.m221 .solution_wrap .swiper-pagination {
    display: inline-block;
    width: auto;
    position: absolute;
    bottom: 20px;
    left: auto;
    right: 30px;
    top: auto;
    z-index: 10;
    font-size: 1.5rem;
    font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;
    background: rgba(255,255,255,0.6);
    border-radius: 32px;
    padding: 6px 16px;
}

.m221 .solution_wrap .swiper-pagination-current {
    color: #0080c9;
    font-size: 1.7rem;
}

.m221 .solution_wrap .s_list {
    position: relative;
    margin-bottom: 50px;
}

.m221 .solution_wrap .s_list li {
    display: none;
}

.m221 .solution_wrap .s_list li .nb {
    font-size: 3rem;
    font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;
    color: #269ee2;
    font-weight: 500;
    line-height: 1em;
    margin-bottom: 10px;
}

.m221 .solution_wrap .s_list li .tit {
    font-size: 5rem;
    color: #000;
    font-weight: 600;
}

.m221 .solution_wrap .s_list li.active {
    display: block;
    animation-name: opacityAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 0.9s;
    animation-fill-mode: forwards;
}

.m221 .solution_wrap .s_tabs {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    font-size: 2rem;
    font-weight: 500;
    z-index: 10;
}

.m221 .solution_wrap .s_tabs li:not(:last-child) {
    margin-right: 40px;
}

.m221 .solution_wrap .s_tabs li button {
    color: #d8d8d8;
}

.m221 .solution_wrap .s_tabs li.active button {
    color: #000;
    font-weight: 600;
    transition: 0.3s;
}

.m221 .solution_wrap .s_info {
    position: relative;
    width: 100%;
    padding-top: 70px;
}

.m221 .solution_wrap .s_info .list {
    display: none;
}

.m221 .solution_wrap .s_info .list.active {
    display: block;
    animation-name: opacityAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 0.9s;
    animation-fill-mode: forwards;
}

.m221 .solution_wrap .s_info .list {
    position: relative;
    width: 100%;
}

.m221 .solution_wrap .s_info .list:after {
    display: block;
    clear: both;
    content: "";
}

.m221 .solution_wrap .s_info .list .i {
    width: 100%;
    background-repeat: no-repeat;
    background-position: top left;
}

.m221 .solution_wrap .s_info .list .i + .i {
    border-top: 1px solid #c5c5c5;
    padding-top: 70px;
    margin-top: 70px;
    background-position: top 66px left;
}

.m221 .solution_wrap .s_info .list .i .tit {
    font-size: 2.8rem;
    color: #000000;
    font-weight: 600;
    margin-bottom: 30px;
    background-image: url('/bbs/sub/img/solution_item1_i_1.png');
    background-repeat: no-repeat;
    background-position: left top;
    min-height: 52px;
    padding: 5px 0 0 75px;
}

.m221 .solution_wrap .s_info .list .i2 .tit {
    background-image: url('/bbs/sub/img/solution_item1_i_2.png');
}

.m221 .solution_wrap .s_info .list ul.type1 li {
    position: relative;
    padding-left: 10px;
}

.m221 .solution_wrap .s_info .list ul.type1 li + li {
    margin-top: 8px;
}

.m221 .solution_wrap .s_info .list ul.type1 li:before {
    display: block;
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #258adc;
}

.m221 .solution_wrap .s_info .list ul.type2 {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    max-width: 600px;
}

.m221 .solution_wrap .s_info .list ul.type2 li {
    width: calc(25% - 22.5px);
    margin-right: 30px;
    text-align: center;
}

.m221 .solution_wrap .s_info .list ul.type2 li:nth-child(4n) {
    margin-right: 0;
}

.m221 .solution_wrap .s_info .list ul.type2 li:nth-child(n+5) {
    margin-top: 20px;
}

.m221 .solution_wrap .s_info .list ul.type2 li .icon {
    width: 100%;
    max-width: 100px;
    height: 100px;
    background: #ffffff;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 3px 30px rgba(0,0,0,0.1);
}

.m221 .solution_wrap .s_info .list ul.type2 li .txt {
    position: relative;
    left: 50%;
    width: calc(100% + 20px);
    font-size: 2rem;
    color: #1f1f1f;
    font-weight: 600;
    line-height: 1.55;
    padding-top: 18px;
    transform: translateX(-50%);
}

#wrap .m221 .ability_wrap {
    margin: 0;
    padding: 155px 0;
}

.m221 .ability_wrap:before {
    width: 100vw;
    background: url('/bbs/sub/img/xfusion_sports_ability_bg.jpg')no-repeat center right 10%/cover;
    left: 50%;
    transform: translateX(-50%);
}

#wrap .m221 .ability_wrap .sub_title {
    margin-bottom: 80px;
}

.m221 .ability_wrap .ability_list {
    position: relative;
    width: 100%;
    color: #fff;
    text-align: center;
}

.m221 .ability_wrap .ability_list .list {
    width: 100%;
    padding: 70px 0;
}

.m221 .ability_wrap .ability_list .list + .list {
    border-top: 1px solid rgba(255,255,255,0.3);
}

.m221 .ability_wrap .ability_list .tit {
    font-size: 2.6rem;
    font-weight: 500;
    margin-bottom: 50px;
}

.m221 .ability_wrap .ability_list .big {
    color: #00abdc;
    line-height: 1em;
    font-size: 2.6rem;
    font-weight: 500;
    font-family: 'Lexend','Montserrat','Noto Sans KR',sans-serif;
}

.m221 .ability_wrap .ability_list .big .num {
    font-size: 12rem;
    font-weight: 600;
    line-height: 1em;
    display: inline-block;
}

.m221 .ability_wrap .ability_list .big.type2 .num {
    font-size: 10rem;
}

.m221 .ability_wrap .ability_list .big span {
    display: inline-block;
    text-align: left;
    line-height: 1.23;
    margin-left: 10px;
}

.m221 .ability_wrap .ability_list .list:last-child .big span {
}

.m221 .ability_wrap .ability_list ul.txt {
    font-size: 2rem;
    margin-top: 35px;
}

.m221 .ability_wrap .ability_list ul.txt > li + li {
    margin-top: 18px;
}

.m221 .ability_wrap .ability_list ul ul {
    color: rgba(255,255,255,0.7);
    font-size: 1.7rem;
    margin-top: 18px;
}

.m221 .ability_wrap .ability_list ul ul > li + li {
    margin-top: 4px;
}

#wrap .m221 .trait_wrap {
    margin-top: 0;
    padding-top: 170px;
}

.m221 .trait_wrap .con {
    position: relative;
    width: 100%;
    height: 590px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.m221 .trait_wrap .trait_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}

.m221 .trait_wrap .trait_bg .slide {
    width: 100%;
    height: 100%;
    padding: 0 3%;
}

.m221 .trait_wrap .trait_bg .slide .img {
    display: block;
    width: 100%;
    height: 100%;
}

.m221 .trait_wrap .trait_info {
    position: relative;
    width: 100%;
    padding: 0 170px;
    text-align: center;
    color: #fff;
    z-index: 10;
}

.m221 .trait_wrap .trait_info, .m221 .trait_wrap .trait_bg {
    pointer-events: none !important;
}

.m221 .trait_wrap .trait_bg.drag {
    transform: scale(0.8);
}

.m221 .trait_wrap .trait_info .slide > * {
    opacity: 0;
}

.m221 .trait_wrap .trait_info .slide.swiper-slide-active > * {
    animation-name: opacityAni;
    animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);
    animation-duration: 0.9s;
    animation-delay: 0.9s;
    animation-fill-mode: forwards;
}

.m221 .trait_wrap .trait_info .title {
    font-size: 3.2rem;
    font-weight: 600;
    margin-bottom: 34px;
}

.m221 .trait_wrap .trait_info .title .img img {
    max-width: 100%;
}

.m221 .trait_wrap .trait_info ul {
    margin-top: 35px;
    color: rgba(255,255,255,1);
    font-size: 2rem;
    font-weight: 300;
}

.m221 .trait_wrap .trait_info ul li:before {
    display: inline-block;
    content: "";
    width: 4px;
    height: 4px;
    background: #fff;
    vertical-align: top;
    margin: 17px 10px 0 0;
}

.m221 .trait_wrap .swiper-next, .m221 .trait_wrap .swiper-prev {
    position: absolute;
    width: 54px;
    height: 39px;
    opacity: 1;
    background: transparent;
    border-radius: 50%;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    bottom: auto;
    margin: 0;
    z-index: 20;
    cursor: pointer;
}

.m221 .trait_wrap .swiper-next {
    left: auto;
    right: 50px;
}

.m221 .trait_wrap .swiper-next svg, .m221 .trait_wrap .swiper-prev svg {
    width: 100%;
    height: 100%;
}

.m221 .trait_wrap .swiper-next svg *, .m221 .trait_wrap .swiper-prev svg * {
    stroke: #fff;
    stroke-width: 1.5px;
}

#wrap .m221 .case_wrap {
    margin-top: 0;
    padding-top: 150px;
}

#wrap .m221 .case_wrap li {
    width: 100%;
}

#wrap .m221 .case_wrap li + li {
    margin-top: 6px;
}

/*20220923 신규수정*/
.m42 {
    padding-bottom: 160px;
}

/*20220926 신규수정*/
.m31.page_layout_style1 .page_info_wrap.main_title {
    margin-bottom: 0;
}

.m31 .table_wrap {
    position: relative;
    width: 100%;
    overflow-x: auto;
}

.m31 .noti {
    font-size: 1.8rem;
    text-align: right;
    margin-bottom: 30px;
}

.m31 .table_wrap .table {
    position: relative;
    width: 1200px;
    display: flex;
    flex-wrap: wrap;
    border-top: 2px solid #000000;
    border-bottom: 1px solid #000;
}

.m31 .table_wrap .table .thead {
    width: 100%;
    border-bottom: 1px solid #999999;
}

.m31 .table_wrap .table .thead .tr {
    text-align: center;
    justify-content: center;
}

.m31 .table_wrap .table .thead .th {
    position: relative;
    font-size: 2rem;
    color: #222222;
    font-weight: 600;
    padding: 10px 0;
}

.m31 .table_wrap .table .thead .th + .th:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 20px;
    background: #e5e5e5;
    transform: translateY(-50%);
}

.m31 .table_wrap .table .tr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.m31 .table_wrap .table .th {
    width: 100%;
}

.m31 .table_wrap .table .td {
    text-align: right;
    width: 100%;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    color: #222222;
    padding: 0 34px;
}

.m31 .table_wrap .table .td + .td {
    border-left: 1px solid #e5e5e5;
}

.m31 .table_wrap .table .td b {
    font-weight: 600;
}

.m31 .table_wrap .table .tr {
    display: flex;
    flex-wrap: wrap;
}

.m31 .table_wrap .table .tr > * {
    width: 25%;
}

.m31 .table_wrap .table .tr > *:first-child {
    justify-content: center;
}

.m31 .table_wrap .table .tr .th:first-child:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 100%;
    background: #e5e5e5;
}

.m31 .table_wrap .table .tbody {
    width: 100%;
}

.m31 .table_wrap .table .tbody .tr:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}

.m31 .table_wrap .table .tbody .tr.type1 {
    background: #f8f8f8;
}

.m31 .table_wrap .table .tbody .tr.type2 {
    background: #f5fafd;
}

/* 221006 추가 */
.board_view .g_pagination .pg_list_btn {
    background: #edeeef;
}

.board_view .g_pagination .pg_list_btn a .txt {
    color: #444;
}

.board_view .g_pagination .pg_list_btn .list_i span {
    background: #444;
}

.board_view .g_container .apply_btn {
    margin-top: 100px;
}

.board_view .g_container .apply_btn > * {
    width: 300px;
    height: 60px;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 20px;
    justify-content: center;
    margin: 0 5px;
    color: #444;
    padding-bottom: 1px;
    font-size: 1.8rem;
    background: #269ee2;
    color: #fff;
}

.board_view .g_container .apply_btn > * span {
    width: 20px;
    height: 13px;
    margin-left: 8px;
    margin-top: 1px;
    transition: 0.3s;
}

.board_view .g_container .apply_btn > * span svg {
    width: 100%;
    height: 100%;
}

.board_view .g_container .apply_btn > * span svg * {
    stroke: #fff;
    stroke-width: 2px;
}

.form_wrap .table .td.salary {
}

.form_wrap .table .td.salary select , .form_wrap .table .td.salary input {
    100%}

.form_wrap .table .td.salary input {
    margin-top: 10px;
}

.form_wrap .table .tr.type2 {
    margin-right: 50%;
}

.m212 .effect_wrap .list_wrap_style2 {
}

.m212.page_layout_style2 .effect_wrap .list_wrap_style2 li {
    padding: 0;
}

.m212.page_layout_style2 .effect_wrap .list_wrap_style2 > li {
    padding: 60px 0;
    text-align: left;
}

.m212.page_layout_style2 .effect_wrap .list_wrap_style2 > li strong.tit {
    display: block;
    font-size: 20px;
    color: #000;
    padding-left: 70px;
    padding-bottom: 18px;
    background-position: left top 5px;
    background-repeat: no-repeat;
}

.m212.page_layout_style2 .effect_wrap .list_wrap_style2 > li .text_list {
    padding-left: 70px;
}

.m212.page_layout_style2 .effect_wrap .list_wrap_style2 > li .text_list > li {
    font-size: 17px;
    letter-spacing: -0.01em;
    line-height: 1.8;
}

.m212.page_layout_style2 .effect_wrap .list_wrap_style2 > li .text_list > li + li {
    margin-top: 7px;
}

.m212.page_layout_style2 .effect_wrap .list_wrap_style2 > li .text_list > li > b {
    position: relative;
    display: block;
    font-weight: 400;
    color: #666;
    padding-left: 10px;
}

.m212.page_layout_style2 .effect_wrap .list_wrap_style2 > li .text_list > li > b:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #258adc;
}

.m212.page_layout_style2 .effect_wrap .list_wrap_style2 > li .text_list > li > ul {
    padding-left: 13px;
}

.m212.page_layout_style2 .effect_wrap .list_wrap_style2 > li .text_list > li > ul > li {
    font-weight: 300;
}



footer .footer_wrap .area_r {
    width: 100%;
    text-align: left;
    display: block;
    margin-top: 50px;
}


.yearbox {
	position: relative;
	width: 100%;
	min-height: 630px;
	padding-left: 440px;
	margin: 30px 10px 80px;
}
.yearbox .head {
	position: absolute;
	left: 0;
	top: 0;
	width: 280px;
	height: 100%;
}
.yearbox .head:after {
	content: "";
	display: block;
	position: absolute;
	right: -90px;
	top: -30px;
	z-index: 0;
	width: 213px;
	height: 210px;
	background: url(/images/home/sub04/yearbox_simbol.png) no-repeat center center;
}
.yearbox .head strong {
	display: block;
	position: relative;
	z-index: 10;
	line-height: 40px;
	padding-bottom: 30px;
	font-weight: 600;
	font-size: 25px;
	color: #1b1f5e;
	letter-spacing: -0.05em;
}
.yearbox .head p {
	position: relative;
	z-index: 10;
	margin: 20px 0 90px 0;
}
.yearbox .head p span {
	display: inline-block;
	position: relative;
	line-height: 34px;
	font-weight: 400;
	font-size: 24px;
	color: #33373b;
}
.yearbox .head p span:last-child {
	color: #777;
	line-height: 31px;
	letter-spacing: -0.06em;
	font-size: 18px;
}
.yearbox .head strong:after {
	content: "";
	display: block;
	width: 50px;
	height: 3px;
	background: #42478f;
	position: absolute;
	left: 0%;
	bottom: 0;
	margin-left: 5px;
}
.yearbox .head p span:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 100%;
	height: 1px;
	background-color: #33373b;
}
.yearbox .head p span:last-child:after {
	display: none;
}
.yearbox .head .boxs img {
	display: block;
	width: 100%;
}
 .yearbox .head .boxs img:not(:nth-child(1)) {
margin-top:15px;
}
.yearbox .midd {
}
.yearbox .midd>ol {
	position: relative;
}
.yearbox .midd>ol:before {
	content: "";
	display: block;
	position: absolute;
	left: 12px;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #ddd;
}
.yearbox .midd>ol>li {
	position: relative;
}
 .yearbox .midd>ol>li:not(:nth-child(1)) {
padding-top:20px;
}
.yearbox .midd>ol>li>strong {
	display: block;
	position: relative;
	line-height: 24px;
	padding: 5px 0 5px 50px;
	font-size: 17px;
	color: #42478f;
	background-color: #fff;
	font-weight: 700;
}
.yearbox .midd>ol>li>strong:before, .yearbox .midd>ol>li>strong:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
	width: 24px;
	height: 24px;
	background-color: #0085ce;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
.yearbox .midd>ol>li>strong:before {
	opacity: 0.1;
}
.yearbox .midd>ol>li>strong:after {
	transform: scale(0.3);
}
.yearbox .midd>ol>li>ol {
	padding-bottom: 20px;
	margin: 10px 0 0 50px;
}
.yearbox .midd>ol>li:not(:last-child)>ol {
	border-bottom: 1px dashed #ddd;
}
.yearbox .midd>ol>li>ol>li {
	position: relative;
	padding-left: 70px;
	margin: 5px 0;
}
.yearbox .midd>ol>li>ol>li>strong {
	display: block;
	line-height: 26px;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 15px;
	color: #596068;
}
.yearbox .midd>ol>li>ol>li>p {
	line-height: 26px;
	margin: 0;
	font-size: 15px;
	color: #596068;
}

 @media all and (max-width: 1100px) {
.yearbox {
	padding-left: 320px;
}
}

 @media all and (max-width: 900px) {
.yearbox {
	padding-left: 320px;
}
}
 @media all and (max-width: 700px) {
.yearbox {
	padding-left: 0;
	margin: 40px 0;
}
.yearbox .head {
	position: relative;
	width: auto;
}
.yearbox .head p {
	width: 260px;
	margin-bottom: 30px;
}
.yearbox .head .boxs img {
	display: inline-block;
	width: auto;
	height: 161px;
	vertical-align: top;
}
 .yearbox .head .boxs img:not(:nth-child(1)) {
margin-top:0;
}
 .yearbox .head .boxs img:not(:nth-child(3)) {
margin-top:10px;
}
 .yearbox .head .boxs img:not(:nth-child(4)) {
margin-top:10px;
}
.yearbox .midd {
	margin-top: 40px;
}
}
 @media all and (max-width: 600px) {
.yearbox .head .boxs:after {
	content: "";
	display: block;
	clear: both;
}
.yearbox .head .boxs img {
	display: block;
	float: left;
	width: 49%;
	height: auto;
}
.yearbox .head .boxs img:nth-child(2) {
	float: right;
}
.yearbox .head .boxs img:nth-child(3) {
	float: right;
}
}
 @media all and (max-width: 500px) {
.yearbox {
	padding-left: 0;
	margin: 0px 0;
}
.yearbox .head strong {
	line-height: 35px;
	font-size: 28px;
}
.yearbox .head p {
	margin: 15px 0 20px 0;
}
.yearbox .head p span {
	line-height: 29px;
	font-size: 20px;
}
.yearbox .midd {
	margin-top: 20px;
}
.yearbox .midd>ol>li>strong {
	padding-left: 40px;
	font-size: 16px;
}
.yearbox .midd>ol>li>ol {
	margin-left: 40px;
}
.yearbox .midd>ol>li>ol>li>strong,  .yearbox .midd>ol>li>ol>li>p {
	font-size: 15px;
	line-height: 20px;
}
.yearbox .head p span:last-child {
	font-size: 17px;
}
}

.bo-v-tit {
    letter-spacing: -0.05em;
    display: block;
    font-size: 20px;
    word-break: break-all;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.bo_v_nb li {
    font-size: 16px;
    border-top: 1px solid #f1f1f1;
    padding: 13px;
    transition: all ease-out .3s;
}


.hide, .skip, .sr-only {
    position: absolute;
    height: 0;
    font-size: 0;
}
.kakao_map {
    position: relative;
}
.root_daum_roughmap {
    position: relative;
    width: 550px;
    margin: 0 auto;
    background-color: #efefef;
}
.root_daum_roughmap_landing {
    overflow: hidden;
    margin: 0;
    background: transparent;
}
.kakao_map .root_daum_roughmap {
    width: 100%;
}


.contact .item {font-size: .98rem;padding: 1.5rem 2rem;background-color: #f7f8fa;font-weight: 500;color: #333;text-align: left;}

.contact .item li { display: block; position: relative; padding-left: 0rem; vertical-align: middle; font-size:1.5rem; font-weight:400;}

.contact .item li + li {margin-top: 10px;}

.contact .item li.add { float: none; }
.contact .item li .mapicon{
	width: 45px;
    height: 45px;
    background: #ddd;
    text-align: center;
    line-height: 45px;
    border-radius: 50%;
    margin-right: .57rem;
	color:#0056b3;
}

.split2 span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    opacity: 1;
}


	/* company : flat */
.flat>li{display:flex;align-items:center}
.flat>li:nth-child(2n){flex-direction:row-reverse}
.flat__thumbnail{flex-basis:50%}
.flat__content{flex-basis:50%;padding: 0 5%;box-sizing:border-box}
.flat__content .list{margin-top:22px}
.flat__title{position:relative;margin-bottom:15px;font-size:24px;font-weight:600}
.flat__num{position:absolute;left:-45px;top:50%;margin-top:-11px;font-size:16px;color:var(--point)}
.flat__info{margin-top:30px;color:#666}
.flat__info>li{position:relative;padding-left:15px;line-height:2}
.flat__info>li:before{content:'';position:absolute;left:0;top:50%;width:5px;height:5px;margin-top:-2px;border-radius:50%;background:#dadada}
.flat .textbox__title{margin-bottom:5px;color:#333}
	/* info */
.info{text-align:center}
.info__title{
    text-align: left;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
    }
.textbox p {
 
    font-size: 16px;
    font-weight: 500;
    line-height: 1.45;
}
.info__description{font-size: 18px;margin-top:22px;line-height: 1.57;text-align: left;}
.info__image{margin-top:70px;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}
.info__image--fit{margin-top:30px}
.info__caption{margin-top:-100px;padding:145px 0;background:#f9f9f9;font-size:20px;line-height:1.6;text-align:left}
.info__image--way{height:645px;background-image:url(../images/img_hyosungway.jpg)}
.info__image--talent{height:485px;background-image:url(../images/img_talent.jpg)}
	/* icons */
.icons{display:flex}
.icons>li{flex:1;padding: 0 30px;border-right:1px solid #ececec;text-align:center}
.icons>li:last-child{border-right:0 none}
.icons__icon{padding-top:14px}
.icons__icon .ico{display:flex;align-items:center;justify-content:center}
.icons__title{display:block;margin:26px 0 6px;font-size: 22px;font-weight:500;line-height:1.4}
.icons__title--fit{margin:0}
.icons__title--small{font-size:18px;font-weight:300;color:#666}
.icons__description{margin-top:10px;color:var(--darkgray)}
.icons p{color: #777;font-size: 14px;margin-top:10px;letter-spacing: -0.07em;}
.icons--fit>li{padding:0 20px}
.icons--large .icons__title{margin-bottom:18px;font-size:22px}
.icons--box{padding:26px 0;border:1px solid var(--lightgray)}
.icons--box--large{padding:50px 0}
.item--small {
    margin-top: 110px;
}
/* inner */
.inner~.inner{margin-top:110px;padding-top:110px;border-top:1px solid #999}
.inner--small{padding-top:50px}
.inner--line{border-top:1px solid #333}
.inner--margin{margin-top:100px}
.inner~.inner--small{padding-top:50px}

/* box */
.box{display:flex}
.box__title{flex-basis:28%;flex-shrink:0;font-size:32px;font-weight:500;line-height:1.25}
.box__title--large{flex-basis:30%;font-size:36px}
.box__title--large--full{flex-basis:100%;font-size:36px}
.box__wrap{flex-grow:1}
.box__inner~.box__inner{margin-top:40px;padding-top:40px;border-top:1px solid var(--lightgray)}
.box__inner~.box__inner--large{margin-top:50px;padding-top:50px}
.box__inner--fit{padding-top:0 !important;border-top:0 none !important}
.box .icons--fit{margin-top:0;}
.box--line{padding-top:55px;border-top:1px solid #333}
.box__title span{display:block;position:relative;padding-left:222px;font-size:24px;font-weight:600}
.box__title span:before{content:'';position:absolute;top:11px;left:0;width:180px;height:1px;background:#000}
.box__title--small{font-size:20px;line-height:1.7}
.box__title--xsmall--full{flex-basis:100%;font-size:18px;font-weight:400;line-height:1.55}
/* textbox */
.textbox{position:relative;padding-left:50px}
.textbox__number{position:absolute;top: 8px;left:0;font-size: 22px;color:#250088;font-weight:600}
.textbox__number--fit{top:2px}
.textbox__number--fit+.textbox__subtitle{position:relative;top:-1px}
.textbox__title{font-size: 22px;font-weight:500;color:#250088}
.textbox__subtitle{font-size:20px;font-weight:500}
.textbox__subtitle~.black{margin-top:8px}
.textbox__subtitle~.black~.list{margin-top:20px}
.textbox__title~.textbox__subtitle{margin-top:3px}
.textbox .list{margin-top:10px}
.textbox .list~.textbox__subtitle{margin-top:25px}
.textbox__title small{position:relative;display:inline-block;padding-left:10px;font-size:18px;font-weight:300}
.textbox__title small:before{content:':';position:absolute;top:0;left:0}
.textbox--fit{padding-left:0}
.textbox--fit .textbox__title{margin-bottom:8px;color:#333}
.textbox--ethics .textbox__subtitle{margin-top: 10px;}
.textbox--ethics .list{margin-top:6px}
.textbox--ethics .list~.list{margin-top:10px}
/* list */
.list>li{font-size: 16px;position:relative;padding-left:15px;color:var(--darkgray);text-align:left}
.list>li:before{content:'';position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:#ccc}
.list>li~li{margin-top:10px}
.list small{font-size:16px;color:var(--gray)}
.list--small>li~li{margin-top:6px}
.list--black>li{color:var(--black)}
.list--black strong{font-weight:600}

.item--line {
    margin-top: 100px;
    padding-top: 80px;
    border-top: 1px solid #999;
}

.flat li  img{width:100%;}
.flat>li {
    flex-direction: column;
    align-items: flex-start;
}

.icons>li {
    flex: 0;
    flex-basis: 33.33333333%;
    margin-top: 20px;
    padding: 0 20px 50px;
    border-right: 0 none;
}

.btn_bo_user_btm_v { margin-top: 0px;}