@charset "utf-8";

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:calc(-1* var(--area-padding)); cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.cm-scroll-drag-guide {display:flex; justify-content:flex-end; margin-right:var(--area-padding); }
	.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; z-index:-1 }
	.cm-scroll-drag-guide .cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1; }
	.cm-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}
}

.company-page {position:relative; z-index:2}
/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:8.5rem; border-radius: 0.5rem; margin-bottom:7.5rem; overflow: hidden;z-index:100;}
.sub-tab-list-style {position: relative; display:table; margin: 0 auto; border-radius: 0.5rem; background: #f1f1f1;}
.sub-tab-list-style ul{ position: relative; height:7rem; display: flex; align-items: center; justify-content: center;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width: 18.5rem; }
/* .sub-tab-list-style ul li:first-child {border-radius: 2rem 0 0 2rem;}
.sub-tab-list-style ul li:last-child {border-radius: 0rem 2rem 2rem 0;} */
.sub-tab-list-style ul li a{display:block; height:7rem; width:100%; text-align:center;}
.sub-tab-list-style ul li a em{/* display:table-cell;  */ line-height: 7rem;vertical-align:middle; color:#000; font-size:1.8rem; font-weight: 500; /*letter-spacing:-0.050em;*/ cursor:pointer}
.sub-tab-list-style ul li:first-child a.selected { border-radius: 0.5rem 0 0 0.5rem ; }
.sub-tab-list-style ul li:last-child a.selected { border-radius:  0 0.5rem 0.5rem 0 ; }
.sub-tab-list-style ul li a.selected{z-index:1; background: #233289; overflow: hidden;}
.sub-tab-list-style ul li a.selected em {color:#fff; }




/* Tab Fixed Move*/
/* .sub-tab-list-style.top-fixed{position:fixed; top:0; left:50%; transform: translateX(-50%);} */
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	/* .sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%} */
	
}
@media all and (max-width:1025px){
	.sub-tab-wrapper-style {z-index: 99;}
	.sub-tab-list-style ul {display:none}
}
	
@media all and (max-width:800px){
	/* Tab 공통 스타일 */
	.sub-tab-list-style ul{ position: relative; height:auto;} 
	.sub-tab-wrapper-style {overflow: visible; margin-bottom:0rem;}
	.sub-tab-wrapper-style,
	.sub-tab-list-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li { width:100%}
		.sub-tab-list-style ul li {display: block;
        position: relative;
        height: 4rem;
        line-height: 4rem;
        font-size: 1.5rem;}
	.sub-tab-list-style ul,
	.sub-tab-list-style ul li a{ height:auto}
	.sub-tab-list-style ul li a em {font-size: 1.5rem; line-height:1.5}


	.sub-tab-wrapper-style02 {height: 50px; margin-bottom:6rem;}
	.sub-tab-list-style02 ul {height: 50px;}
	.sub-tab-list-style02 ul li a {line-height: 48px;}
	.sub-tab-list-style02 ul li a span {font-size: 16px; padding: 0 4rem;}

	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative; z-index:999}
	.sub-drop-open-btn-style{ color:#fff;  z-index:999; display:block; position:relative; padding:0 15px; height:50px; line-height:50px; font-size:15px; font-weight: 500; background: linear-gradient(135deg,  rgba(81,188,255,1) 0%,rgba(81,188,255,1) 16%,rgba(13,83,155,1) 100%);border-radius: 2rem; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border-radius: 2rem; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:relative; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent; cursor:pointer}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0; border-radius: 0;}
	.sub-drop-menu-style ul li:last-child {border-radius: 0;}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:13px 15px; border:0; text-align: left; }
	.sub-drop-menu-style ul li a em{font-size:13px; line-height: 1.2;}
	.sub-drop-menu-style ul li a i {display: none;}
	.sub-drop-menu-style ul li.selected {background:transparent;}
	.sub-drop-menu-style ul li.selected a em{color: var(--sub-color); font-weight:600;}
}
@media all and (max-width:480px){
	/*.sub-tab-list-style ul li {width: 12rem;}*/
}

.con-tab {position:relative; z-index:1}
/*.con-tab{ display: none; padding: 0 0 80px 0;} 
.con-tab.selected{ display: block;}  
*/
@media all and (max-width:800px){
.con-tab {position:static}
}
/* 공통 타이틀 */
.content-tit {text-align: center; padding-bottom: 4rem;}
.sub-menu-tit {font-size: 6rem; font-weight: 700; /*letter-spacing: -0.01em;*/ color: #000; line-height: 1.3; }
.sub-menu-txt {font-size: 2.0rem; font-weight: 500; /*/*letter-spacing: -0.050em;*/*/ color: #000; line-height: 1.3; padding-top: 2rem;}
.sub-con-tit-box {margin-bottom: 7rem; text-align: center;}
.sub-con-tit-box em {display: inline-block; font-size: 2rem; font-weight: 700; /*letter-spacing: -0.050em;*/ color: #146ee2; padding-bottom: 2rem;}
.sub-con-tit {font-size: 8rem;font-weight: 700; /*/*letter-spacing: -0.050em;*/*/ color: #000000; line-height: 1.1;}
.sub-con-tit02 {    font-size: 3.8rem;    line-height: 1.4;    letter-spacing: -0.05em;    color: var(--main-color);    font-weight: 700;    margin-bottom: 1.2rem; display:block; position:relative;  }
.sub-con-tit.let50 {/*letter-spacing: -0.050em;*/}
.sub-con-txt {font-size: 2.4rem; font-weight: 700; /*/*letter-spacing: -0.050em;*/*/ color: #000; line-height: 1.41; padding-top: 2rem; word-break:keep-all;}
.sub-con-txt02 {font-size:2rem; font-weight: 400; /*/*letter-spacing: -0.050em;*/*/ color: #666; line-height: 1.33; padding-top:2.3rem; line-height:1.5}
.sub-con-tit-box .sub-txt {font-size: 1.5rem; font-weight: 600; /*/*letter-spacing: -0.025em;*/*/ color: #666666; padding-top:2.5rem;}


.cm-btn01 {display: block; width: 20rem; height: 5rem; line-height: 5rem; background: #146ee2; border-radius: 2.5rem; box-shadow: 1rem 1rem 2rem rgba(20,110,226,0.34); text-align: center; font-size: 1.5rem; font-weight: 700; color: #fff;}
.cm-btn01.btn-big {height: 6rem; border-radius: 3.5rem;}

@media all and (max-width:800px){
	.sub-menu-tit {font-size: 3.6rem;}
	.sub-con-tit {font-size: 3.6rem;}
	.sub-con-txt {font-size: 2.3rem; padding-top: 2rem; }
	.sub-con-txt02 {font-size: 2.2rem;}
}
@media all and (max-width:480px){
	.sub-menu-tit br,
	.sub-con-tit br{display: none;}
}

 /* ******************  01. Company ********************** */
 .company-con {padding: 15rem 0;}
 /* ----------- Company :: 기업소개 ----------- */
.intro-top-info-con {padding: 15% 0; background: url(../images/content/intro_top_bg.jpg)no-repeat center/cover;}
.intro-top-info-con .intro-top-list {display: flex;}
.intro-top-info-con .intro-top-list li {width: 20%; border-right: 1px solid rgba(255,255,255,0.1);-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; text-align: center;}
.intro-top-info-con .intro-top-list li:first-child {border-left: 1px solid rgba(255,255,255,0.1);}
.intro-top-info-con .intro-top-list li strong {font-size: 7rem; font-weight: 700; /*/*letter-spacing: -0.050em;*/*/ color: #fff;}
.intro-top-info-con .intro-top-list li .txt {font-size: 2rem; font-weight: 500; /*letter-spacing: -0.050em;*/ color: #fff; padding-top: 3rem;}
.intro-con01 {padding: 15rem 0 25rem;}
.intro-con01-list {display: flex; margin: 0 -2.5rem; padding: 0 3rem;}
.intro-con01-list li {position: relative; width: calc(33.33% - 5rem); min-height: 55rem; margin: 0 2.5rem; border-radius: 2rem; box-shadow: 1rem 1rem 3.5rem rgba(51,51,51,0.3); cursor: pointer;}
.intro-con01-list li:before {opacity: 0; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 2rem; background: rgba(20,110,226,0.9);-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); transition: all 0.3s;}
.intro-con01-list li:first-child {background: url(../images/content/intro_img01.jpg)no-repeat center/cover;}
.intro-con01-list li:nth-child(2) {background: url(../images/content/intro_img02.jpg)no-repeat center/cover; top: 10rem;}
.intro-con01-list li:last-child {background: url(../images/content/intro_img03.jpg)no-repeat center/cover;}
.intro-con01-list li .inner {position: relative; display: flex; flex-direction: column; justify-content: end; text-align: center;  border-radius: 2rem; width: 100%; height: 100%; padding: 6.5rem 2rem 4.5rem; box-sizing: border-box; z-index: 10;}
.intro-con01-list li .inner em {position: absolute; width: 8rem; height: 8rem; line-height: 8rem; border-radius: 50%; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); top: 50%; left: 50%; transform: translate(-50%,-50%);}
.intro-con01-list li .inner em i {position: relative; top: 0.4rem; font-size: 2rem; color: #fff;}
.intro-con01-list li .inner .tit {display: block; font-size: 3rem; font-weight: 700; /*letter-spacing: -0.050em;*/ color: #fff; line-height: 1.2; }
.intro-con01-list li .inner .txt {opacity: 0; height: 0; font-size: 1.8rem; font-weight: 500; /*letter-spacing: -0.035em;*/ color: rgba(255,255,255,0.7); line-height: 1.44;}

.intro-con01-list li.on:before {opacity: 1;}
.intro-con01-list li.on .inner {justify-content: start;} 
.intro-con01-list li.on .inner .tit {padding-bottom: 8rem;}
.intro-con01-list li.on .inner .txt {opacity: 1; height: auto;}
.intro-con01-list li.on .inner em {display: none; }


.intro-con02 {background: #f9f9f9;}
.intro-reference-box {border-top: 2px solid #000000; margin-bottom: 4rem;}
.intro-reference-box:last-of-type {margin-bottom: 0;}
.intro-reference-box .tit {padding: 2.3rem 2.8rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; background: #f2f2f2;}
.intro-reference-box .tit strong {position: relative; display: inline-block; padding-left: 2rem; font-size: 2.4rem; font-weight: 700; /*/*letter-spacing: -0.020em;*/*/ line-height: 1.1; color: #000000;}
.intro-reference-box .tit strong:before {position: absolute; content: ''; left: 0; top: 50%; margin-top: -0.5rem; width: 0.7rem; height: 0.7rem; border-radius: 0.7rem; background: #000;}
/* .intro-reference-box .partners-list .partern-item {background: #fff;}
.intro-reference-box .partners-list .partern-item:nth-child(7n + 1) .partern-item-inner  {border-left: 1px solid #f9f9f9;}
.intro-reference-box .partners-list .partern-item:nth-child(7n) .partern-item-inner {border-right:  1px solid #f9f9f9;} */

.intro-con03 .intro-info-con {display: flex;}
.intro-con03 .intro-info-con .left-box {width: 50%; padding-right: 3.8rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.intro-con03 .intro-info-con .left-box img {max-width: 100%; box-shadow: 1.5rem 1.5rem 6rem rgba(51,51,51,0.1);}
.intro-con03 .intro-info-con .right-box {width: 50%; padding-left: 3.8rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.intro-con03 .intro-info-con .right-box dl {display: flex; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 2.1rem 0;}
.intro-con03 .intro-info-con .right-box dl:first-child {border-top: 2px solid #000000;}
.intro-con03 .intro-info-con .right-box dl dt {width: 10rem; font-size: 1.8rem; font-weight: 700; /*letter-spacing: -0.050em;*/ line-height: 1.3; color: #000;}
.intro-con03 .intro-info-con .right-box dl dd {width: calc(100% - 10rem); font-size: 1.8rem; font-weight: 500; /*letter-spacing: -0.050em;*/ line-height: 1.3; color: #000;}

@media all and (max-width:800px){
	 .company-con {padding: 10rem 0;}

	.intro-top-info-con .intro-top-list {flex-wrap: wrap; margin: -2.5rem 0;}
	.intro-top-info-con .intro-top-list li {width: 50%; margin: 2.5rem 0;}
	.intro-top-info-con .intro-top-list li:first-child {border-left: 0;}
	.intro-top-info-con .intro-top-list li:last-child {border-right: 1px solid rgba(255,255,255,0.1);} 
	.intro-top-info-con .intro-top-list li:nth-child(2n) {border-right: 0;}
	.intro-top-info-con .intro-top-list li strong {font-size: 6rem;}
	.intro-con01 {padding: 10rem 0;}
	.intro-con01-list {flex-wrap: wrap; margin: -1rem 0;}
	.intro-con01-list li {width: 100%; margin: 1rem 0; min-height: 45rem;}
	.intro-con01-list li:nth-child(2) {top: 0;}
	.intro-con01-list li .inner em {opacity: 1; width: 7rem; height: 7rem; line-height: 7rem;}
	/* .intro-reference-box .partners-list .partern-item:nth-child(7n) .partern-item-inner {border-right: 1px solid #ddd;}
	.intro-reference-box .partners-list .partern-item:nth-child(7n + 1) .partern-item-inner {border-left: 1px solid #ddd;}
	.intro-reference-box .partners-list .partern-item:nth-child(4n) .partern-item-inner {border-right: 1px solid #f9f9f9;}
	.intro-reference-box .partners-list .partern-item:nth-child(4n + 1) .partern-item-inner {border-left: 1px solid #f9f9f9;} */
	.intro-con03 .intro-info-con {flex-wrap: wrap;}
	.intro-con03 .intro-info-con .left-box {width: 100%; margin-bottom: 3rem;}
	.intro-con03 .intro-info-con .right-box {width: 100%; padding-left: 0;}
}
@media all and (max-width:480px){
/* 	.intro-reference-box .partners-list .partern-item:nth-child(4n) .partern-item-inner {border-right: 1px solid #ddd;}
	.intro-reference-box .partners-list .partern-item:nth-child(4n + 1) .partern-item-inner {border-left: 1px solid #ddd;}
	.intro-reference-box .partners-list .partern-item:nth-child(2n) .partern-item-inner {border-right: 1px solid #f9f9f9;}
	.intro-reference-box .partners-list .partern-item:nth-child(2n + 1) .partern-item-inner {border-left: 1px solid #f9f9f9;} */
}



/* History 01 :: Layout */

.history-top-banner{margin-bottom:6.5rem; text-align:center}
.history-top-banner img{max-width:100%; border-radius:2rem}




.history-style01 {
    position: relative;
	padding:50px 0;
}

.history-style01 .history-year-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-bottom: 6rem;
}

.history-style01 .history-year-item:last-child {
    padding-bottom: 0
}

.history-style01 .history-year-item .history-info-box {
    width: 50%;
}

.history-style01 .history-year-item .history-back-line {
    position: absolute;
    top: 10px;
    height: 100%;
    width: 1px;
    left: 50%;
    background-color: #ddd;
}

.history-style01 .history-year-item:last-child .history-back-line {
    display: none;
}

.history-style01 .history-year-item .history-back-line .line-inner {
    display: block;
    width: 100%;
    height: 0;
    background-color:var(--main-color);;
}

.history-style01 .history-year-item .history-year-tit {
    position: relative;
    font-size: 36px;
    color: #111;
    font-weight: 800;
    margin-bottom: 2rem;
}

/* .history-style01 .history-year-item .history-year-tit:after{position:absolute; top:50%; width:calc(30px - 1rem); height:1px; background-color:#ddd; content:"";} */
.history-style01 .history-year-item .history-year-tit .dot {
    position: absolute;
    display: block;
    top: 50%;
    background: rgba(221,221,221,0.3);
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    transform: translate(0%, -50%);
}

/*.history-style01 .history-year-item .history-year-tit .dot:before {
    position: absolute;
    content: '';
    background: rgba(221,221,221,0.4);
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.history-style01 .history-year-item .history-year-tit .dot:after {
    position: absolute;
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    background-color: #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 0.3rem solid var(--main-color);;
}*/

/* .history-style01 .history-year-item .history-year-tit .dot{position:absolute; display: block; top:50%; width:0.5rem; height:0.5rem; background-color:#fff; border-radius:50%; transform:translate(0%, -50%); } */
/* History 01 :: Month */
.history-style01 .history-month-box .history-month-item {
    position: relative;
    display: flex;
 
    margin: 10px 0;
}

.history-style01 .history-month-box .history-month-item .history-month {
    width: 8rem;
    display: block;
    font-size: 20px;
    /*/*letter-spacing: -0.015em;*/*/
    color: var(--main-color);;
    font-weight: 700;
	   line-height: 1.5;
}

.history-style01 .history-month-box .history-month-item .history-detail-txt-con {
    width: 100%;
}



.history-style01 .history-month-box .history-month-item .history-month + .history-detail-txt-con {
    width: calc(100% - 5rem);
}

.history-style01 .history-month-box .history-month-item .history-detail-txt {
    color: #444;
    font-size: 18px;
	   line-height: 1.5;
    /*letter-spacing: -0.015em;*/
    margin-bottom:;
    word-break: keep-all;
}

.history-style01 .history-month-box .history-month-item .history-detail-txt strong{
    color: var(--main-color);;
	font-size: 1.8rem;
}

.history-style01 .history-month-box .history-month-item .history-detail-txt:last-of-type {
    margin-bottom: 0
}

.history-style01 .history-month-box .history-month-item .history-detail-txt.only-txt {
    position: relative;
}

.history-style01 .history-month-box .history-month-item .history-detail-txt.only-txt:before {
    position: absolute;
    top: 0;
    content: "-";
}

/* History :: active */
.history-style01 .history-year-item .history-year-tit, .history-style01 .history-year-item .history-year-tit:after, .history-style01 .history-year-item .history-year-tit .dot, .history-style01 .history-month-box .history-month-item, .history-style01 .history-month-box .history-month-item:before, .history-style01 .history-month-box .history-month-item .history-month {
    transition: all 0.5s ease-in-out;
    transition-property: color, background-color, border-color
}

.history-style01 .history-year-item.active .history-year-tit {
    color: var(--main-color);;
}

.history-style01 .history-year-item.active .history-year-tit:after {
    background-color: var(--main-color);;
}

.history-style01 .history-year-item.active .history-year-tit .dot {
    background-color: var(--main-color);;
}

.history-style01 .history-year-item.active .history-month-box .history-month-item:before {
    border-color: var(--main-color);;
}

.history-style01 .history-year-item.active .history-month-item .history-month {
    color: var(--main-color);;
}

/* History :: 이미지 */
.history-style01 .history-img-box {
    width: calc(50% - 30px);
    margin-top: 8rem
}

.history-style01 .history-img-box span {
    display: inline-block;
}

.history-style01 .history-img-box span img {
    max-width: 100%;
}

.history-style01 .history-right {text-align:left}


@media all and (min-width: 801px) {
    /* 우측내용 */ .history-style01 .history-right {
        flex-direction:row-reverse;
    }

    .history-style01 .history-right .history-year-tit:not(.reverse) {
        padding-left: 60px;
    }

    .history-style01 .history-right .history-year-tit:not(.reverse):after {
        left: 0;
    }

    .history-style01 .history-right .history-year-tit:not(.reverse) .dot {
        left: 0;
        transform: translate(-50%,-50%)
    }

    .history-style01 .history-right .history-month-box .history-month-item {
        padding-left: 60px
    }

    .history-style01 .history-right .history-month-box .history-month-item .history-detail-txt.only-txt {
        padding-left: 1em;
    }

    .history-style01 .history-right .history-month-box .history-month-item .history-detail-txt.only-txt:before {
        left: 0;
    }

    .history-style01 .history-right .history-img-box {
        text-align: right;
    }

    /* 좌측내용 */
    .history-style01 .history-left {
        text-align: right;
    }

    .history-style01 .history-left .history-year-tit:not(.reverse) {
        padding-right: 60px;
    }

    .history-style01 .history-left .history-year-tit:not(.reverse):after {
        right: 0;
    }

    .history-style01 .history-left .history-year-tit:not(.reverse) .dot {
        right: 0;
        transform: translate(50%,-50%)
    }

    .history-style01 .history-left .history-month-box .history-month-item {
        flex-direction: row-reverse;
        padding-right: 60px
    }

    .history-style01 .history-left .history-month-box .history-month-item:before {
        right: 0px;
        transform: translate(50%, 0)
    }

    .history-style01 .history-left .history-month-box .history-month-item .history-detail-txt.only-txt {
        padding-right: 1em;
    }

    .history-style01 .history-left .history-month-box .history-month-item .history-detail-txt.only-txt:before {
        right: 0;
    }

    .history-style01 .history-left .history-img-box {
        text-align: left;
    }

    /* 연도 타이틀이 내용 반대편에 있을때 (reverse) */
    .history-style01 .history-year-item .history-year-tit.reverse {
        position: absolute;
        top: -5px;
    }

    .history-style01 .history-right .history-year-tit.reverse {
        right: 50%;
        padding-right: 60px;
    }

    .history-style01 .history-right .history-year-tit.reverse:after {
        right: 0
    }

    .history-style01 .history-right .history-year-tit.reverse .dot {
        left: 100%;
        transform: translate(-50%,-50%)
    }

    .history-style01 .history-left .history-year-tit.reverse {
        left: 50%;
        padding-left: 60px;
    }

    .history-style01 .history-left .history-year-tit.reverse:after {
        left: 0
    }

    .history-style01 .history-left .history-year-tit.reverse .dot {
        right: 100%;
        transform: translate(50%,-50%)
    }
}

@media all and (max-width: 800px) {
    /* History 01 :: Layout */ .history-style01 .history-year-item .history-info-box {
        width:100%; text-align:left
    }

    .history-style01 .history-year-item .history-back-line {
        left: 15px; top:30px
    }

    .history-style01 .history-year-item .history-year-tit {
        padding-left: 60px
    }

    .history-style01 .history-year-item .history-year-tit:after {
        display: none;
    }

    .history-style01 .history-year-item .history-year-tit .dot {
        left: -3px;
    }

    /* History 01 :: Month */
    .history-style01 .history-month-box .history-month-item {
        padding-left: 60px
    }

    .history-style01 .history-month-box .history-month-item:before {
        left: 1px;
        transform: translateX(50%)
    }

    /* History :: 이미지 */
    .history-img-box {
        position: static;
        width: auto;
        margin: 5rem 0 0 30px
    }
}



.historyList{ background:url("../img/sub/dot_h.png") repeat-y 220px top; }
.historyList .year{ border-top:1px solid #ececec;position:relative; padding:40px 0 40px 127px;}
.historyList .year:first-child{ border-top:2px solid #2f3592;}
.historyList .year > dt{ position:absolute; left:0; top:50px; color:#2f3592; font-size:30px; font-weight:800; font-family: 'Noto Sans KR', sans-serif;   }
.historyList .month{ position:relative; padding-left:28px; margin-top:15px;}
.historyList .month:first-child{ margin-top:0;}
.historyList .month > dt{ text-align:right; padding-right:17px;width:70px; line-height:24px; font-size:16px; position:absolute; left:0; top:0; }
.historyList .month > dd{ padding-left:63px; color:#767676; font-weight:normal}
.historyList .month > dd > p{ background:url("../img/sub/blue_sq.png") no-repeat left 9px; padding-left:25px; font-size:15px}

@media screen and (max-width: 1200px) {
	.historyList{ background:none; }
	.historyList .year{ padding:40px 0 20px 50px;}
}

@media screen and (max-width: 640px) {
	.historyList{ background:none; }
	.historyList .year{ padding:40px 0 20px 10px;}
	
	.historyList .year > dt{ position:static; margin-bottom:10px; font-size:24px; }
	.historyList .month{ padding-left:0px; } 
	.historyList .month > dt{ display:block; text-align:left;}
	.historyList .month > dd{ display:block; padding-left:35px;  }
	.historyList .month > dd > p { padding-left:15px;}
	 
}



/* 문의하기 03 :: 작성폼 */
.inquiry-con-write-box{display: flex; flex-wrap: wrap; margin: -0.8rem -1rem; padding-bottom: 2rem;}
.inquiry-con-write-box dl {display:table; width: calc(100% - 2rem); margin: 0.8rem 1rem; background-color:#fafafa;}
.inquiry-con-write-box dl.w50 {width: calc(50% - 2rem); margin: 0.8rem 1rem;}
.inquiry-con-write-box dt {display:table-cell; position:relative; width:13rem; vertical-align: top; height:6rem; padding-left: 2.8rem; font-size:1.6rem; font-weight: 700; line-height: 6rem; /*letter-spacing: -0.015em;*/ color:#000000; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.inquiry-con-write-box dd {width: calc(100% - 13rem); display:table-cell; vertical-align: top; padding:0 1rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }
.inquiry-con-write-box dd input,
.inquiry-con-write-box dd select,
.inquiry-con-write-box dd textarea{
	height:6rem; border:0; width:100%; font-size:1.4rem; letter-spacing: -0.02em; color:#000; font-weight: 400; background-color:#fafafa; text-indent: 1rem;
}
.inquiry-con-write-box dd textarea {width:100%; height:26rem; padding: 1.5rem 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize:none;  }
.inquiry-con-write-box dd input::placeholder,
.inquiry-con-write-box dd textarea::placeholder {color: #b7b7b7;}
.inquiry-con-write-box .custom-radio-item label {color: rgba(0,0,0,0.5);}
.inquiry-con-write-box .custom-radio-item input[type="radio"]:checked + label {color: #000;}
.inquiry-con-write-box .custom-radio-item input[type="radio"]:checked + label::before {color: #000;}
.custom-check-wrap {display: flex; align-items: center;}
.custom-check-wrap strong {width: 17.5rem; font-size: 1.6rem; font-weight: 700; /*letter-spacing: -0.025em;*/ color: #000000;}
.custom-check-wrap .custom-checkbox-item-box {display: flex; width: calc(90% - 17.5rem);}
.custom-check-wrap:first-of-type .custom-checkbox-item-box {border-bottom: 0.1rem solid rgba(51,51,51,0.1);}
.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item {display: inline-block; width: 14%;}
.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:first-child {width: 12%;}
.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:nth-child(4) {width: 12%;}
.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:last-child {width: 20%;}

.inquiry-bottom-con {display: flex; align-items: center; justify-content: space-between; padding-top: 1.5rem;}
.inquiry-bottom-con .agree-txt {display: flex; align-items: center;}
.inquiry-bottom-con .agree-txt li {margin-right: 2.3rem;}
.inquiry-bottom-con .agree-txt input {display: none;}
.inquiry-bottom-con .agree-txt label {position: relative; display: inline-block; padding-left: 3rem; font-size: 1.55rem;  font-weight: 500; letter-spacing: -0.05em; line-height: 2.4rem; color: #000000;}
.inquiry-bottom-con .agree-txt label:before {position: absolute; content: '\e92c'; top: 0.1rem; left: 0; font-size: 2.4rem; color: #000; font-family: xeicon; display:none;}
.inquiry-bottom-con .agree-txt label a {display: inline-block; color: #000; border-bottom: 0.3rem solid #000;}
.inquiry-bottom-con .agree-txt input:checked + label:before {content: '\e92b';}
.inquiry-bottom-con .right-box {display: flex; align-items: center;}
.cm-btn02 {display: block; width: 20rem; height: 6rem; line-height: 5.4rem; text-align: center; border-radius: 1rem; border: 0.3rem solid #cfcfcf; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.5rem; color: #000; font-weight: 700; transition: all 0.3s;} 
.cm-btn02:hover {border-color: #717171;}
.inquiry-essential-txt{text-align:right; color:#333333; font-size:1.6rem; letter-spacing:-0.025em; padding-bottom:15px;}
.essential-icon{color:var(--sub-color); font-size: 1.8rem; margin-right:0.1em}
.privacy-btn {position: absolute; left: 1.5rem; top: 13px;width: 140px; height: 33px;}
.privacy-btn a {display: flex; align-items: center; justify-content: space-between; padding: 0 10px; width: 100%; height: 100%; line-height: 31px; border: 1px solid #030e1b; 
	font-size: 14px; font-weight: 600; color: #030e1b; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.privacy-btn a i {font-size: 18px;}
.cm-btn-controls .cm-btn01 {margin: 10rem auto 0;}
.recaptcha-box {height: 63px; padding: 1rem ;}
.recaptcha-box .g-recaptcha {display: inline-block;}

@media all and (min-width:801px){
	.recaptcha-box .g-recaptcha {transform: scale(0.8); transform-origin: 0 0; width: calc(100% / 0.8);}
}

@media all and (max-width:1280px){
	.custom-check-wrap .custom-checkbox-item-box .custom-checkbox-item,
	.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:first-child, 
	.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:nth-child(4), 
	.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:last-child {width: auto;}
}
@media all and (max-width:800px){
	.public-info-con {padding-top: 0;}
	.inquiry-con-write-box dl.w50 {width: calc(100% - 2rem);}
	.inquiry-con-write-box dt { padding-left: 2rem; width: 11rem;}
	.inquiry-con-write-box dd {width: calc(100% - 11rem);}
	.inquiry-con-write-box dl.recaptcha{display: block;}
	.inquiry-con-write-box dl.recaptcha dt {width: 12rem; width: 100%; height: auto; display: block;}
	.inquiry-con-write-box dl.recaptcha dd {width: calc(100% - 12rem); width: 100%; display: block;}
	.custom-check-wrap {flex-wrap: wrap;}
	.custom-check-wrap strong { display: inline-block;width: 100%; padding-top: 2rem; padding-left: 7px;}
	.custom-check-wrap .custom-checkbox-item-box {width: 100%; flex-wrap: wrap; /* margin: -2px -7px; */ margin: -7px 0;}
	.custom-check-wrap .custom-checkbox-item-box .custom-checkbox-item {margin: 7px;}
	.inquiry-con-tbl .custom-radio-item-box {margin: -3px 0;}
	.inquiry-con-tbl .custom-radio-item-box .custom-radio-item {margin: 7px;}
	.inquiry-bottom-con {flex-wrap: wrap;}
	.inquiry-bottom-con .agree-txt {flex-wrap: wrap; width: 100%; align-items: start; justify-content: center;}
	.inquiry-bottom-con .agree-txt li {width: 100%; text-align: left; margin-right: 0; margin-bottom: 1.5rem;}
	.inquiry-bottom-con .agree-txt li:last-child {margin-bottom: 0;}
	.inquiry-bottom-con .right-box {width: 100%; text-align: center; margin-top:20px;}
	.recaptcha-box {height: auto; padding: 0 1rem 2rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
	.cm-btn02 {margin: 3rem 0 0;}

}


/* ****************** 공통 :: SEARCH BOX ********************** */
.board-search-box{text-align:center; padding:30px 0; }
.board-search-box .board-search-inner{display:flex; align-items:center; max-width:420px; height:50px; margin:0px auto; box-sizing:border-box; border:1px solid #ddd; background-color:#fff;}
.board-search-box .board-search-inner:after{display:none;}
.board-search-box .search-subject-select,
.board-search-box .search-word{height:100%; background-color:transparent; border:0; padding:0 15px; font-weight: 400; font-size:1.6rem; letter-spacing:-0.3px; box-sizing:border-box;}
.board-search-box .search-subject-select{width:120px; }
.board-search-box .search-subject-select:not(.custom-select){padding-left:1em;}
.board-search-box .search-word{width:100%; border-right:0;}
.board-search-box .search-subject-select + .search-word,
.board-search-box .board-custom-select-box + .search-word{width:calc(100% - 170px); border-left:1px solid #ddd; }
.board-search-box .search-subject-select:focus,
.board-search-box .search-word:focus{color:#333; outline:none; background-color:transparent;}
.board-search-box .search-word::placeholder{color: rgba(18, 18, 18, 0.5);}
.board-search-box .search-word::-webkit-search-cancel-button{display:none;}
.board-search-box .bbs-search-btn{margin:0px; border:0; width:50px; height:100%; font-size:15px; letter-spacing:-0.5px; color:#333; cursor:pointer; vertical-align:top; }
.board-search-box .bbs-search-btn i{line-height: 3.6rem; font-size:1.8rem; color: #222;}
/* Search Select Custom */
.board-search-box .board-custom-select-box{width:120px; height:100%; }
.board-custom-select-box .custom-select-wrapper{height:100%;}
.board-custom-select-box .search-subject-select{padding:0;}
.board-custom-select-box .custom-select-trigger{border:0; height:100%; display:flex; align-items:center; }
.board-custom-select-box .custom-option-drop-list{border-color:#ddd; left:-1px; right:-1px;}
.board-custom-select-box .custom-option-item{text-align:left; font-size:0.8666em; font-weight:400; padding:8px 15px;}
.board-custom-select-box .custom-option-item.selection{background-color:#eee; }
/* 스타일 02(하단라인형) */
.search-style-bottom-line .board-search-inner{border:0; border-bottom:3px solid #333;}
.search-style-bottom-line .search-subject-select + .search-word,
.search-style-bottom-line .board-custom-select-box + .search-word{border-left:0;}
.search-style-bottom-line .board-custom-select-box .custom-option-drop-list{margin-top:3px; left:0; border-width:3px; border-color:#333;}
/* 스타일 03(원형배경) */
.search-style-radius .board-search-inner{background-color:#f8f9fb; border-radius:50px; border:0; border:1px solid var(--main-color)}
.search-style-radius .search-subject-select + .search-word,
.search-style-radius .board-custom-select-box + .search-word{border-left:0;}
.search-style-radius .board-custom-select-box .custom-select-trigger{padding-left:1.5em}
.search-style-radius .board-custom-select-box .custom-option-drop-list{left:1.5em; margin-top:-8px; border:1px solid #333; box-shadow:3px 4px 7px 0px rgba(0, 0, 0, 0.1);}
/* -------- SEARCH BOX 상단 일때  -------- */
.bbs-top-list-box .board-search-box{width:420px; padding:0;}
.bbs-top-list-box .board-search-inner{/* margin:0; max-width:none; */}
/* 센터정렬 */
.bbs-top-list-box.top-search-center{justify-content:flex-end;}
.bbs-top-list-box.top-search-center .board-search-box{width:100%; margin:0 auto 30px; }

@media all and (max-width:800px) {
	.board-search-box{padding:0; border:0}
	.board-search-box .board-search-inner{max-width:none; }
	/* -------- SEARCH BOX 상단 일때  -------- */
	.bbs-top-list-box .board-search-box{width:100%; margin-bottom:5%;}
	/* 센터정렬 */
	.bbs-top-list-box.top-search-center{justify-content:flex-start;}
	.bbs-top-list-box.top-search-center .board-search-box{margin-bottom:5%;}
}
@media all and (max-width:480px) {
	.board-search-box .board-search-inner{height:40px;}
	.board-search-box .search-subject-select,
	.board-search-box .search-word{font-size:13px;}
	.board-search-box .search-subject-select{width:100px}

	.board-search-box .search-subject-select + .search-word,
	.board-search-box .board-custom-select-box + .search-word{width:calc(100% - 150px);}
	.board-search-box .board-custom-select-box{width:100px;}
	.board-custom-select-box .custom-select-trigger{font-size:13px;}
}

:root{
	--board-main-color: var(--sub-color);
	--board-list-height: 74px; /* 리스트 높이*/
	--board-list-font-size: 15px;
	--board-list-font-color: #666666;
	--board-list-icon-width: 60px; 	/* 댓글이 있을때 100px */
	--board-view-font-size: 14px;
}

/* ****************** 공통 :: NO LIST ********************** */
.bbs-no-list{padding:100px 0; text-align:center; color:#777; font-size:15px; border-top:1px solid #333; border-bottom:1px solid #ddd; }
.bbs-list-tbl + .bbs-no-list{margin-top:-1px;}
@media all and (max-width:800px) {
	/* 공통 :: NO LIST */
	.bbs-no-list{padding:60px 0; font-size:14px; font-weight:500;}
}

/* 게시판 :: 기본리스트 :: 레이아웃 */
.bbs-list-tbl{display:table; width:100%; table-layout:fixed; font-size:var(--board-list-font-size); border-top:0.3rem solid #232323;}
.bbs-list-col-group{display:table-column-group; }
.bbs-list-col-group .bbs-col-group-item{display:table-column;}
.bbs-list-head{display:table-header-group; }
.bbs-list-head .bbs-head-item{display:table-cell; vertical-align:middle; height:var(--board-list-height); text-align:center; background:#fff; color:#222; font-weight:500; font-size:1em; letter-spacing:-0.03125em; border-bottom:1px solid #ddd;}
.bbs-list-tbody{display:table-row-group; }
.bbs-list-row{display:table-row; width:100%; transition:background-color 0.3s;}
.bbs-list-row .column{display:table-cell; vertical-align:middle; height:var(--board-list-height); color:var(--board-list-font-color); font-size:1.5rem; font-weight: 700; letter-spacing:-0.03125em; text-align:center; border-bottom:1px solid #ddd;}
/* 게시판 :: 기본리스트 ::  공지 */
.bbs-list-row.notice-row .notice-tit{display:inline-block; height:30px; line-height:30px; padding:0px 15px; border-radius: 1.5rem; background-color:var(--sub-color); color:#fff; font-size:1.5rem; }
.bbs-list-row.notice-row .bbs-subject-con .notice-tit{display:none;}
/* 게시판 :: 기본리스트 ::  제목 */
.bbs-list-row .bbs-title{text-align:left;}
.bbs-list-row .bbs-title a{display:flex; align-items:center; position:relative; height:var(--board-list-height); padding:0 var(--board-list-icon-width) 0 0;}
.bbs-list-row .bbs-title.center{text-align:center;}
.bbs-list-row .bbs-title.center a{justify-content:center; }
.bbs-subject-con{display:inline-block; position:relative; max-width:100%;}
.bbs-subject-con .bbs-subject-txt{display: inline-block; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 2rem; font-weight: 700; color: #000; line-height:1.125;}
.bbs-subject-con .bbs-subject-txt .category{font-weight:600; color:#000; margin-right:5px;}
.bbs-subject-con .bbs-subject-icons{ position: absolute; left:100%; top: 50%; display:flex; align-items:center; width: var(--board-list-icon-width); transform:translateY(-50%);}
.bbs-subject-con .bbs-subject-icons img{vertical-align:middle; margin:-2px 2px 0 2px;}
.bbs-subject-con .bbs-icons{display:inline-block; color:#999; vertical-align:middle; margin-left:0.1em; }
.bbs-subject-con .bbs-icons i{font-size:17px; margin-left:1px}
.bbs-subject-con .bbs-icons.new-icon-v2{color:var(--board-main-color); }
.bbs-subject-con .comment-num{display:inline-block; height:14px; margin:2px 0 0 2px; color:#aaa; line-height:16px; font-size:12px; font-weight:400; letter-spacing:-0.5px;vertical-align:middle;}
.bbs-subject-con .comment-num i{height:16px; font-size:14px; color:#aaa;}
.bbs-subject-con .reply-icon{
	display:inline-block; padding:2px 8px 2px 3px; margin:0 3px 0 0; vertical-align:middle; line-height:12px; 
	color:#fff; background-color:#333; font-size:10px; font-weight:400; letter-spacing:-0.5px;
	font-family:"돋움",dotum,"나눔고딕", NanumGothic, "Nanum Gothic",Arial, sans-serif;
}
/* no-list */
.bbs-list-none{border-top: 0.3rem solid #232323; border-bottom: 1px solid #ddd; width:100%; height:var(--board-list-height); font-size: 2rem; font-weight: 700; color: #000; line-height:1.125; display: flex; align-items: center; justify-content: center; text-align: center;}
.bbs-list-none + .bbs-list-tbl{border: 0;}
/* 게시판 :: 기본리스트 ::  etc */
.bbs-list-row .bbs-view-btn{display: inline-block; width: 4rem; height: 4rem; line-height: 3.6rem; border-radius:50%; font-size:1.5rem; color:rgba(17,17,17,0.5); border: 0.3rem solid #e0e0e0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align: center; transition: all 0.3s;}
.bbs-list-row .bbs-state{display:inline-block; min-width:8rem; padding:0 1rem; height:30px; line-height:30px; font-size:1.5rem; font-weight: 600; border-radius: 1.5rem; background-color:#333333; 
	color:#fff; text-align:center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.bbs-list-row .bbs-state.ing{ background-color:var(--sub-color);}
.bbs-view-con {border-top:2px solid #232323;}
/* 게시판 :: 뷰 :: 상단 타이틀 정보 */
.bbs-view-top{padding:6rem 2rem 5rem; border-bottom:1px solid #ddd; text-align: center;}
.bbs-view-top .bbs-tit{color:#000000; font-size:6rem; letter-spacing:-0.025em; font-weight:700; line-height:1.05; word-break:keep-all; padding-bottom: 0.5rem;}
.bbs-view-top .bbs-write-info{margin-top:20px;}
.bbs-view-top .bbs-write-info dt {display:inline-block; color:#000000; vertical-align:middle; font-weight:600; font-size: 1.8rem; padding: 0 1.4rem; border-right: 1px solid #ddd; margin-bottom: 5px;}
.bbs-view-top .bbs-write-info dt:last-child {border-right: 0;}
.bbs-view-top .bbs-write-info dt.ing {color: #2661af;}
.bbs-view-content{padding:60px; border-bottom:1px solid #eee; }
/* 게시판 :: 뷰 :: 공유아이콘 */
.bbs-view-share-con{overflow:hidden; padding:10px 20px; border-bottom:1px solid #eee;}
.bbs-view-share-con ul{float:right;}
.bbs-view-share-con ul li{float:left;margin-left:5px;  -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.bbs-view-share-con ul li:first-child{margin-left:0;}
.bbs-view-share-con ul li a, .bbs-view-share-con ul li button{display:block;  width:34px; height:34px; text-align:center; line-height:34px;}
.bbs-view-share-con ul li img{width:30px;}
.bbs-view-share-con ul li i{font-size:20px; line-height:34px; color:#fff;}
.bbs-view-share-controls .bbs-button-controls{float:left;}
.bbs-view-share-controls .bbs-hit-good-num-con{float:right;}

/* 게시판 :: 뷰 :: 첨부파일 */
.bbs-view-file-info-box{line-height:20px; border-bottom:1px solid #eee; background-color:#f9f9f9; padding:10px 20px; margin-bottom:10px;}
.bbs-view-share-con + .bbs-view-file-info-box{border-top:0;}
.bbs-view-file-info-box .bbs-file-list{overflow:hidden; padding-top:5px; font-size:13px;}
.bbs-view-file-info-box .bbs-file-list:first-child{padding-top:0;}
.bbs-view-file-info-box .bbs-file-list dt{float:left; width:100px; font-weight:600; color:#333;}
.bbs-view-file-info-box .bbs-file-list dd{float:left; width:70%; width:calc(100% - 100px ); }
.bbs-view-file-info-box .bbs-file-list dd a:hover{text-decoration:underline;}
.bbs-view-file-info-box .bbs-file-list dd i{vertical-align:middle; font-size:15px;}

/* 게시판 버튼 */
.recruit-view-con .cm-btn-controls { padding-top: 10rem; display: flex; align-items: center; justify-content: center;}
.recruit-view-con .recruit-btn {display: inline-block; margin: 0 0.5rem; width: 20rem; height: 6rem; line-height: 5.4rem; border: 0.3rem solid #cfcfcf; border-radius: 0.5rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.5rem; color: #000; text-align: center; transition: all 0.3s;}
.recruit-view-con .recruit-btn:hover {border-color: #717171;}

@media all and (min-width:801px),(hover:hover) {
	.bbs-list-row:hover{background-color:#f6f6f6}
	.bbs-list-row:hover .bbs-view-btn { border-color: var(--sub-color); background: var(--sub-color); color: #fff;}
}
@media all and (max-width:800px){
	/* 게시판 :: 기본리스트 :: 레이아웃 */
	.bbs-list-tbl{border-top:1px solid #d7d7d7;}
	.bbs-list-tbl, .bbs-list-row, .bbs-list-row .column, .bbs-list-tbody{display:block;}
	.bbs-list-col-group,
	.bbs-list-head{display:none; position:absolute; top:-1000em; left:-1000em;}
	.bbs-list-row{position:relative; width:auto; padding:var(--board-list-item-padding) 0; border-bottom:1px solid #eee;}
	.bbs-list-row .column{border-bottom:0; text-align:left;}
	/* no-list */
	.bbs-list-none{border-top:1px solid #d7d7d7; border-bottom: 1px solid #ddd; padding: 3rem 0; font-size: 1.7rem; font-weight: 500; line-height:1.125;}
	/* 게시판 :: 기본리스트 ::  공지 */
	/* .bbs-list-row.notice-row .bbs-notice-category{display:none;} */
	.bbs-list-row.notice-row .bbs-subject-con .notice-tit{display:inline-block; margin-right:0.5em;}
	/* 게시판 :: 기본리스트 :: 항목 */
	.bbs-list-row .column.bbs-m-display-none{display:none;}
	.bbs-list-row .column.bbs-block{width:100%; margin-top:5px;}
	.bbs-list-row .column.bbs-inline{display:inline-flex; align-items:center; width:auto; margin:5px 4% 0px 5px; }
	.bbs-list-row .column.bbs-absolute{position:absolute; top:20px; right:2%; margin: 0;}
	.bbs-list-row .column:not(.bbs-title):not(.bbs-m-display-none):before{padding-right:5px; color:#aaa; content: attr(data-label);}
	.bbs-list-row .column[data-label=""]:before{padding-right:0; display:none;}
	.bbs-list-row .bbs-title a{padding: 15px 5px 10px;}
	.bbs-subject-con .bbs-subject-txt{font-size:1.15em; font-weight:500; color:#222;}
	.bbs-list-row .bbs-title.center{text-align:left;}
	.bbs-list-row .bbs-title.center a{justify-content:flex-start; }
	/* 게시판 :: 기본리스트 ::  etc */
	.bbs-list-row .bbs-view-btn{ line-height: 4rem;}
	.bbs-list-row .bbs-state{height:24px; line-height:24px; }

	.recruit-view-con .cm-btn-controls { padding-top: 5rem; }

	/* 게시판 :: 뷰 */
	.bbs-view-top{padding:25px 0;}
	.bbs-view-top .bbs-tit{font-size: 3.6rem; line-height: 1.2;}
	.bbs-view-top .bbs-view-info{float:none; overflow:hidden;}
	.bbs-view-top .bbs-write-info{margin-top:20px;}
	.bbs-view-top .bbs-write-info dt,
	.bbs-view-top .bbs-write-info dd{font-size:14px;}
	.bbs-view-top .bbs-write-info dd{margin:0 7px 0 0}
	.bbs-view-content{padding:4rem 0;}

	/* 게시판 :: 뷰 :: 공유아이콘 */
	.bbs-view-share-con{padding:10px 15px}

	/* 게시판 :: 뷰 :: 첨부파일 */
	.bbs-view-file-info-box{padding:10px 15px;}
	.bbs-view-file-info-box .bbs-file-list{font-size:12px;}
}


.product-category {
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.5em;
    /*letter-spacing: -0.025em;*/
    color: var(--main-color);
	font-family: var(--font-family1);
}

.business-product-con {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 4rem 4.5rem;
    margin-top: 6.8rem;
}

.business-product-con .product-list {
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #cfcfcf;
    border-radius: 20px;
    text-align: center;
    transition: all 0.3s;
}

.business-product-con .product-list  {
    display: block;
    padding: 5rem 2rem 7.6rem 2rem;
    box-sizing: border-box;
	cursor:default
}

.business-product-con .product-list img {
    max-width: 100%;
}

.business-product-con .product-list .txt-box {
    margin-top: 6.5rem;
}

.business-product-con .product-list .product-tit {
    font-size: 3.6rem;
   
    line-height: 1.1em;
    /*letter-spacing: -0.025em;*/
    color: #333;
    padding-top: 1.5rem;
}

.business-product-con .product-list p {
    font-size: 1.6rem;
   
    line-height: 1.1em;
   
    color: #333;
    padding-top:2rem;
}

/*
.business-product-con .product-list:hover {
    border-color: var(--main-color);
}*/

@media all and ( max-width: 800px ){
.business-product-con .product-list .product-tit {font-size:2.4rem}
.business-product-con {

    grid-template-columns: 1fr 1fr;
        grid-gap: 2rem;
        margin-top: 3.4rem;
	
}
.business-product-con .product-list .txt-box {
    margin-top: 2.5rem;
}

.business-product-con .product-list {
    display: block;
    padding: 5rem 2rem;
}
}

#globalCon {
    position: relative;
    padding: 0rem 0 15rem;
}

.global-con {
    position: relative;
    display: flex;
    align-items: center;
    height: 88rem;
}

/* .global-con {padding: 12.5rem 0;} */
.global-info-con {
    position: relative;
    width: calc(100% - 96rem);
    padding: 0 9rem 0 27.5rem;
    box-sizing: border-box;
}

.global-info-con .intro-tit-box .intro-tit {
    font-size: 6.6rem;
}

.global-location-con {
    width: 100%;
    padding-top: 3rem;
}

.global-tab-wrapper-style {
    position: relative;
    width: 100%;
    height: 4rem;
    margin-bottom: 5rem;
}

.global-tab-list-style ul {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
}

.global-tab-list-style ul li {
    position: relative;
    margin: 0 0.2rem;
}

.global-tab-list-style ul li:first-child {
    margin-left: 0;
}

.global-tab-list-style ul li:last-child {
    margin-right: 0;
}

.global-tab-list-style ul li:before {
    position: absolute;
    content: '';
    opacity: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.3rem;
    background: var(--main-color);
}

.global-tab-list-style ul li a {
    display: table;
    height: 4rem;
    width: 100%;
    padding: 0 0.7rem;
    box-sizing: border-box;
}

.global-tab-list-style ul li a em {
    display: table-cell;
    vertical-align: middle;
    color: rgba(0,0,0,0.4);
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: -0.05em;
    text-align: center;
}

.global-tab-list-style ul li.selected:before {
    opacity: 1;
}

.global-tab-list-style ul li.selected a em {
    color: var(--main-color);
}

.global-location-con .location-box {
    position: relative;
    width: 100%;
    height: 52rem;
    border-radius: 1.6rem;
    box-shadow: 2rem 2rem 5rem rgba(0,0,0,0.13);
    overflow: hidden;
}

.global-location-con .location-box .location-info {
    padding: 5rem;
    box-sizing: border-box;
}

.global-location-con .location-box .location-info .location-tit {
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #000;
    line-height: 1.3;
    margin-bottom: 1rem;
}

.global-location-con .location-box .location-info .location-txt {
    position: relative;
    font-size: 1.65rem;
    font-weight: 500;
    letter-spacing: -0.05em;
    color: rgba(0,0,0,0.8);
    line-height: 1.93;
    padding-left: 2rem;
}

.global-location-con .location-box .location-info .location-txt:before {
    position: absolute;
    content: '\eb59';
    font-size: 1.65rem;
    left: 0;
    top: 0;
    color: rgba(0,0,0,0.8);
    font-family: xeicon;
}
.location-info dl {
	display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 1rem 0;
    margin-top:2rem
}

.location-info dl:first-child {}
.location-info dl dt {width: 10rem; font-size: 1.65rem; font-weight: 700; /*letter-spacing: -0.050em;*/ line-height: 1.3; color: #000;}
.location-info dl dd {width: calc(100% - 10rem); font-size: 1.65rem; font-weight: 500; /*letter-spacing: -0.050em;*/ line-height: 1.3; color: #666;}



.global-location-con .location-box .location-map-box {
    position: relative;
    width: 100%;
    height: 23rem;
    bottom: 0;
    left: 0;
}

.location-map-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
}


.global-map-wrap {
    position: relative;
    width: 96rem;
    height: 88rem;
    box-sizing: border-box;
}

.global-map-wrap .spidochescaler-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.global-map-wrap .global-map-con {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 3rem 0 0 3rem;
    overflow: hidden;
}

.global-map-wrap .global-map-con:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    /* border-radius: 3rem; */
    background: url(/resources/images/content/global_map.jpg)no-repeat 0 0 / 100%;
}

.global-map-wrap .global-map-con .map-maker {
    position: absolute;
    width: 3rem;
    height: 3.9rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.global-map-wrap .global-map-con .map-maker[data-name="WBP사업본부"] {margin-top:-8.5rem; margin-left: -21.5rem;}
.global-map-wrap .global-map-con .map-maker[data-name="치공구사업본부"] {margin-top:10.5rem; margin-left: -10.5rem;}
.global-map-wrap .global-map-con .map-maker[data-name="조립사업본부"] {margin-top:15rem; margin-left: -13rem;}
.global-map-wrap .global-map-con .map-maker[data-name="부품사업본부"] {margin-top:16.5rem; margin-left: -11.5rem;}



.global-map-wrap .global-map-con .map-maker img {
    max-width: 100%;
}

.global-map-wrap .global-map-con .map-maker .maker-on {
    display: none;
}

.global-map-wrap .global-map-con .map-maker.on .maker-on {
    display: block;
}

.global-map-wrap .global-map-con .map-maker.on .maker-off {
    display: none;
}
.intro-tit-box em {
    display: inline-block;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -0.010em;
    color: var(--main-color);
    margin-bottom: 1.5rem;
}

.intro-tit-box .intro-tit {
    font-size: 5rem;
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #000;
    line-height: 1.3;
}
@media all and (max-width:1600px){
	.global-info-con {
    position: relative;
   width: 100%; 
    padding: 0 9rem 0 27.5rem;
    box-sizing: border-box;
}
.global-map-wrap  {display:none;  height: 0rem;}
}

@media all and (max-width:1280px){
#globalCon {padding: 0;}
	.global-con {flex-wrap: wrap;}
	.global-info-con {width: 100%; padding: 0 var(--area-padding) 5rem;}
	.global-info-con .intro-tit-box .intro-tit {font-size: 4rem;}
	.global-tab-wrapper-style {z-index: 99;}
	.global-tab-list-style ul {display: none;}
	.global-tab-list-style ul li {width: 100%; margin: 0; height: 4rem; background: #fff;}
	.global-tab-list-style ul li:before  {display: none;}
	.global-tab-list-style ul li a {display: block; padding: 0 1.5rem; width: 100%; height: 4rem; line-height: 4rem;}
	.global-tab-list-style ul li a em {font-size: 1.5rem;}
	.global-location-con .location-box .location-info .location-tit {font-size: 2.6rem;}

	.global-map-wrap {/*width: 100%; height: 60rem; padding: 0 var(--area-padding); */display:none;  height: 0rem;}
	.global-map-wrap .global-map-con {width: 100%; border-radius: 3rem;}
.global-map-wrap .global-map-con .map-maker[data-name="WBP사업본부"] {margin-top:-8.5rem; margin-left: -21.5rem;}
.global-map-wrap .global-map-con .map-maker[data-name="치공구사업본부"] {margin-top:10.5rem; margin-left: -10.5rem;}
.global-map-wrap .global-map-con .map-maker[data-name="조립사업본부"] {margin-top:15rem; margin-left: -13rem;}
.global-map-wrap .global-map-con .map-maker[data-name="부품사업본부"] {margin-top:16.5rem; margin-left: -11.5rem;}

	
}
@media all and (max-width:640px){
	.global-map-wrap {height: 48rem;}
	.global-map-wrap .global-map-con .map-maker {width: 2rem;}
.global-map-wrap .global-map-con .map-maker[data-name="WBP사업본부"] {margin-top:-8.5rem; margin-left: -21.5rem;}
.global-map-wrap .global-map-con .map-maker[data-name="치공구사업본부"] {margin-top:10.5rem; margin-left: -10.5rem;}
.global-map-wrap .global-map-con .map-maker[data-name="조립사업본부"] {margin-top:15rem; margin-left: -13rem;}
.global-map-wrap .global-map-con .map-maker[data-name="부품사업본부"] {margin-top:16.5rem; margin-left: -11.5rem;}

	
}
@media all and (max-width:480px){
	.global-map-wrap {height: 37rem;}
.global-map-wrap .global-map-con .map-maker[data-name="WBP사업본부"] {margin-top:-8.5rem; margin-left: -21.5rem;}
.global-map-wrap .global-map-con .map-maker[data-name="치공구사업본부"] {margin-top:10.5rem; margin-left: -10.5rem;}
.global-map-wrap .global-map-con .map-maker[data-name="조립사업본부"] {margin-top:15rem; margin-left: -13rem;}
.global-map-wrap .global-map-con .map-maker[data-name="부품사업본부"] {margin-top:16.5rem; margin-left: -11.5rem;}

	
}


.org-con {
    padding: 16rem 0 21.5rem;
    background: url(/resources/images/content/org_bg.jpg)no-repeat top 58% left 0 / contain;
}

.org-con .intro-tit-box {
    text-align: center;
}

.org-con .org-box {
    padding-top: 11rem;
}

.org-con .org-box .org-head {
    position: relative;
    width: 32rem;
    height: 13rem;
    padding: 2rem;
    background: rgba(70,121,211,0.1);
    border-radius: 6.5rem;
    box-sizing: border-box;
    margin: 0 auto;
}

.org-con .org-box .org-head:before {
   /* position: absolute;
    content: '';
    width: 1px;
    height: 5.2rem;
    background: #d7d7d7;
    bottom: -5.2rem;
    left: 50%;
    transform: translateX(-50%);*/
}


.org-con .org-box .org-head span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 4.5rem;
    background: var(--main-color);
    font-size: 3rem;
    font-weight: 600;
    /*letter-spacing: -0.015em;*/
    color: #fff;
}

.org-con .org-list {
    position: relative;
    padding-top: 10rem;
    display: flex;
    margin: 0 -0.8rem;
}

.org-con .org-list:before {
    position: absolute;
    content: '';
    width: calc(100% - 20%);
    height: 1px;
    background: #d7d7d7;
    top: 5.1rem;
    left: 10%;
}

.org-con .org-list li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(20% - 1.6rem);
    margin: 0 0.8rem;
    min-height: 24rem;
    border: 1px solid #4679d3;
    border-radius: 0.8rem;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.org-con .org-list li span {
    display: block;
    height: 6.4rem;
    line-height: 6.4rem;
}

.org-con .org-list li span img {
    max-height: 100%;
}

.org-con .org-list li strong {
    display: block;
    font-size: 2.4rem;
    font-weight: 600;
    /*letter-spacing: -0.015em;*/
    color: var(--main-color);
    line-height: 1.3;
   /* padding-top: 3.5rem;*/
}
.org-con .org-list li p {
    
    font-size: 1.6rem;
    font-weight: 400;
    /*letter-spacing: -0.015em;*/
    color: #666;
    line-height: 1.3;
    padding-top:1.5rem;
	text-align:center;
}

.org-con .org-list li:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 2.2rem;
    background: #d7d7d7;
    top: -4.9rem;
    left: 50%;
    transform: translateX(-50%);
}

.org-con .org-list li:after {
    position: absolute;
    content: '';
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 0.7rem;
    background: var(--main-color);
    top: -2.7rem;
    left: 50%;
    transform: translateX(-50%);
}

@media all and (max-width:800px){
	.org-con {padding: 10rem 0;}
	.org-con .org-box {padding-top: 5rem;}
	.org-con .org-box .org-head { width: 20rem;height: 10rem;}
/*	.org-con .org-box .org-head:before {height: 4rem; bottom: -4rem;}*/
	.org-con .org-box .org-head:after {position: absolute; content: ''; width: 7px; height: 7px; border-radius: 7px; background: var(--main-color); bottom: -4.2rem; left: 50%; transform:translateX(-50%);}
	.org-con .org-box .org-head span {font-size: 2.4rem;}
	.org-con .org-list {margin: -0.8rem; flex-wrap: wrap; padding-top: 6rem;}
	.org-con .org-list:before {display: none;}
	.org-con .org-list li {width: calc(50% - 1.6rem); margin: 0.8rem; min-height: 20rem;}
	.org-con .org-list li:before,
	.org-con .org-list li:after {display: none;}
	.org-con .org-list li span {height: 5rem;}
	.org-con .org-list li strong {padding-top: 3rem;}
}




.org-con2 {
    padding: 16rem 0 21.5rem;
  
}

.org-con2 .intro-tit-box {
    text-align: center;
}

.org-con2 .org-box {
    padding-top: 11rem;
}

.org-con2 .org-box .org-head {
    position: relative;
    width: 32rem;
    height: 13rem;
    padding: 2rem;
    background: rgba(70,121,211,0.1);
    border-radius: 6.5rem;
    box-sizing: border-box;
    margin: 0 auto;
}

.org-con2 .org-box .org-head:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 5.2rem;
    background: #d7d7d7;
    bottom: -5.2rem;
    left: 50%;
    transform: translateX(-50%);
}


.org-con2 .org-box .org-head span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 4.5rem;
    background: var(--main-color);
    font-size: 3rem;
    font-weight: 600;
    /*letter-spacing: -0.015em;*/
    color: #fff;
}

.org-con2 .org-list {
    position: relative;
    padding-top: 10rem;
    display: flex;
    margin: 0 -0.8rem;
}

.org-con2 .org-list:before {
    position: absolute;
    content: '';
    width: calc(100% - 17%);
    height: 1px;
    background: #d7d7d7;
    top: 5.1rem;
    left: 8.3%;
}

.org-con2 .org-list li {
    position: relative;
    /*display: flex;*/
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(16.6% - 1.6rem);
    margin: 0 0.8rem;
    min-height: 28rem;
    border: 1px solid #4679d3;
    border-radius: 0.8rem;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.org-con2 .org-list li span {
    display: block;
    height: 6.4rem;
    line-height: 6.4rem;
}

.org-con2 .org-list li span img {
    max-height: 100%;
}

.org-con2 .org-list li strong {
    display: block;
    font-size: 2rem;
    font-weight: 600;
    /*letter-spacing: -0.015em;*/
    color: var(--main-color);
    line-height: 1.3;
    padding-top: 3rem;
	text-align:center
}
.org-con2 .org-list li p {
    
    font-size: 1.6rem;
    font-weight: 400;
    /*letter-spacing: -0.015em;*/
    color: #666;
    line-height: 1.9;
    padding-top:1.5rem;
	text-align:center;
}

.org-con2 .org-list li:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 2.2rem;
    background: #d7d7d7;
    top: -4.9rem;
    left: 50%;
    transform: translateX(-50%);
}

.org-con2 .org-list li:after {
    position: absolute;
    content: '';
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 0.7rem;
    background: var(--main-color);
    top: -2.7rem;
    left: 50%;
    transform: translateX(-50%);
}

@media all and (max-width:800px){
	.org-con2 {padding: 10rem 0;}
	.org-con2 .org-box {padding-top: 5rem;}
	.org-con2 .org-box .org-head { width: 20rem;height: 10rem;}
	.org-con2 .org-box .org-head:before {height: 4rem; bottom: -4rem;}
	.org-con2 .org-box .org-head:after {position: absolute; content: ''; width: 7px; height: 7px; border-radius: 7px; background: var(--main-color); bottom: -4.2rem; left: 50%; transform:translateX(-50%);}
	.org-con2 .org-box .org-head span {font-size: 2.4rem;}
	.org-con2 .org-list {margin: -0.8rem; flex-wrap: wrap; padding-top: 6rem;}
	.org-con2 .org-list:before {display: none;}
	.org-con2 .org-list li {width: calc(50% - 1.6rem); margin: 0.8rem; min-height: 20rem;}
	.org-con2 .org-list li:before,
	.org-con2 .org-list li:after {display: none;}
	.org-con2 .org-list li span {height: 5rem;}
	.org-con2 .org-list li strong {padding-top: 3rem;}
	.org-con2 .org-list li p {padding-bottom:3rem}
}



.vision-item-sub-tit {
    margin-top: 55px;
    font-size: 7rem;
    line-height: 1.3;    
    font-weight: 500;
    color: #000;
    text-align: center;
	margin-bottom:80px;
	

}
.story-content-bg-con {
    position: relative;
    width: 100%;
    height: 0;
}

.story-content-bg-con.vision-bg {
    padding-top: 33.421%;
    background: center / cover no-repeat url("/resources/images/content/story_vision_bg.jpg");
}



.story-content-bg-con .txt-box {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

.story-content-bg-con .txt-box figure {
    padding-top: 10%;
}

.story-content-bg-con .txt-box figure img {
    max-width: 100%;
}

.story-content-tit {
    font-size: 3.2rem;
    font-weight: 600;
    /*letter-spacing: -0.025em;*/
    line-height: 1.5em;
    color: #fff;
    padding-bottom: 1.5rem;
}

.story-content-txt {
    font-size: 7rem;
    font-weight:500;
   /* letter-spacing: -0.055em;*/
    line-height: 1.3em;
    color: #fff;
    padding-bottom: 1.5rem;
}

.story-content-tit.black, .story-content-txt.black {
    color: #000;
}

.story-content-txt > span {
    color: var(--sub-color);
}

.story-content-txt02 {
    font-size: 2.1rem;
    font-weight: 500;
    /*letter-spacing: -0.025em;*/
    line-height: 1.5em;
    color: rgba(255, 255, 255, 0.6);
}

@media all and (max-width:800px){
		.story-con-top .cm-tit-box em {font-size: 2.2em;}
	.story-con-top .cm-tit-box .tit {font-size: 4.8rem;} 
	.story-con-top-txt {padding: 10rem 0 12rem;}
	.story-con-top-txt .txt01 {font-size: 3rem;}
	.story-con-top-txt .line {height: 10rem; bottom: -5rem;}
	.story-con-top-txt .line:before {height: 5rem;}

	.story-value-con {padding: 10rem 0;}
	.story-content-bg-con .txt-box {padding:0 var(--area-padding);}
	.story-value-con .value-list-box {padding-top: 5rem; grid-template-columns: repeat(2, 1fr); grid-gap: 6rem 2rem;}
	.story-value-con .value-list-box .value-list figure img {max-width: 50%;}
	.story-value-con .value-list-box .value-list figure::before {right: -2.3rem;}
	.story-value-con .value-list-box .value-list:nth-child(2) figure::before {display: none;}
	
	.story-content-bg-con.vision-bg {padding-top: 55%;}
	
	.story-content-bg-con .txt-box figure img {max-width: 20%;}
	.story-content-txt {font-size: 4rem;}
}

.value-wrapper{width: 100%; max-width: 1270px; margin: 0 auto; top:-110px; position:relative; z-index:99}
.value-list{margin: 0 -1.25%; display: flex; justify-content: center; flex-direction: row;}
.value-list-item{width: 30.83%; margin: 0 1.25%; padding: 40px 10px 45px; background-color: #fff; border: 1px solid #d4d4d4; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; -webkit-box-shadow: 10px 10px 15px 0 rgba(0,0,0,0.05); box-shadow: 10px 10px 15px 0 rgba(0,0,0,0.05);}
.value-list-item h5{  font-size: 3rem;
    font-weight: 600;
    /*letter-spacing: -0.025em;*/  color: var(--main-color); font-weight:800}
.value-list-item p{margin-top: 30px; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.75px; color: rgba(0,0,0,0.75);}

@media all and (max-width:1280px){
	.value-wrapper{margin: 40px auto; top:0px;}
}
@media all and (max-width:800px){
	
	.value-list{margin: 0; display: block;}
	.value-list-item{width: 100%; margin: 10px 0; padding: 25px 10px 30px;}
	.value-list-item h5{font-size: 19px;}
	.value-list-item p{margin-top: 15px; font-size: 14px;}
}


.had-top-con {
    position: relative;
    padding: 7.5rem 0 15rem 0;
}

.had-top-con::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 109.775%;
    top: -10%;
    left: 0;
    background: center / cover no-repeat url("/images/content/had_con_bg.png");
    z-index: 0;
    pointer-events: none;
}

.had-content .had-top-list-box {
    max-width: 1095px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 5.25rem;
}

.had-content .had-top-list-box .had-top-list {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 19px 40px rgba(0, 0, 0, 0.11);
    background-color: #fff;
    border-radius: 6px;
    text-align: center;
    height: 32rem;
    padding: 4rem;
    box-sizing: border-box;
    transition: var(--transition-custom);
}

.had-content .had-top-list-box .had-top-list:nth-child(2) {
    top: 20.5%;
}

.had-content .had-top-list-box .icon-box {
    position: relative;
   /* margin-bottom: 7.8rem;*/
}

.had-content .had-top-list-box .icon-box img {
    max-width: 100%;
}

.had-content .had-top-list-box .icon-box figure {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 12.7rem;
    transition: var(--transition-custom);
}

.had-content .had-top-list-box .icon-box figure.hover-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

.had-content .had-top-list-box .had-top-list-tit {
    font-size: 3.2rem;
    font-weight: 700;
    letter-spacing: -0.055em;
    line-height: 1.31em;
    color: #000;
    transition: var(--transition-custom);
}

.had-content .had-top-list-box .had-top-list-txt {
    font-size: 1.6rem;
    font-weight: 500;
    /*letter-spacing: -0.025em;*/
    line-height: 1.43em;
    color: rgba(0, 0, 0, 0.6);
    transition: var(--transition-custom);
}

.had-content .had-top-list-box .had-top-list.active {
    background-color: var(--main-color);
}

.had-content .had-top-list-box .had-top-list.active .icon-box figure.default-img {
    opacity: 0;
    pointer-events: none;
}

.had-content .had-top-list-box .had-top-list.active .icon-box figure.hover-img {
    opacity: 1;
    pointer-events: auto;
}

.had-content .had-top-list-box .had-top-list.active .had-top-list-tit {
    color: #fff;
}

.had-content .had-top-list-box .had-top-list.active .had-top-list-txt {
    color: rgba(255, 255, 255, 0.6);
}



@media all and (max-width:1155px){
	.had-content .had-top-list-box {max-width: none; padding:0 var(--area-padding)}
}

@media all and (max-width:800px){
	.had-top-con {padding: 0 0 10rem 0;}
	.had-top-con::before {top: -40%;}
	.had-content .business-tab-con-wrap {margin-top: 0;}
	.had-content .had-top-list-box {grid-template-columns: repeat(1, 1fr); grid-gap: 3rem 0; place-items: center;}
	.had-content .had-top-list-box .had-top-list {width: 33rem; max-width: 33rem; height: auto; padding: 4rem 2rem;}
	.had-content .had-top-list-box .had-top-list:nth-child(2) {top: 0;}
	.had-content .had-top-list-box .icon-box {margin-bottom: 2rem;}
	.had-content .had-top-list-box .icon-box img {max-width: 70%;}
	.had-content .had-top-list-box .had-top-list-tit {font-size: 2.4rem;}

	.had-content .business-tab-con {padding-bottom: 4.2rem;}
	.had-content .had-tab-con-inner .txt-box {display: block;}
	.had-content .had-tab-con-inner .txt-box .left-box {width: 100%; padding-right: 0;}
	.had-content .had-tab-con-inner .txt-box .right-box {width: 100%; padding-left: 0; padding-top: 3rem;}
	.had-content .had-tab-con-inner .txt-box .left-box .logo {margin-right: 1.5rem;}
	.had-content .had-tab-con-inner .txt-box .left-box::before {display: none;}

	.had-content .had-tab-con-inner .img-box .link-box {width: 8rem; height: 8rem;}
}

@media all and (max-width:480px){
	.had-content .had-top-list-box .had-top-list {width: 100%; max-width: none;}
	.had-content .had-tab-con-inner .logo img {max-width: 85%;}
}

.certifi-list-style05 .certificate-list{margin:0 -1%; display: flex; flex-wrap:wrap;}
.certifi-list-style05 .certificate-list li{float:left; width:22.76%; margin:0 1.12% 70px 1.12%;}
.certifi-list-style05 .certificate-list .certificate-img-thumb{position:relative; padding:80.7px 0; background-color: #f4f4f4;}
.certifi-list-style05 .certificate-list .certificate-img-thumb .img-con{
	display:block; 
	position:relative; 
	width: 54.81%; 
	margin:0px auto; 
	/* border-style: solid;
	border-width: 10px;
	border-image-source: linear-gradient(to top, #b09260, #f3d98d, #dbc48d, #dbc48d, #f3d98d, #dbc48d);
	border-image-slice: 1; */
 }
/*  .certifi-list-style05 .certificate-list .certificate-img-thumb .img-con:before{
	position: absolute; 
	content: ''; 
	z-index: 1; 
	top: -0.6771vw; 
	left: -0.6771vw; 
	width: calc(100% + 1.3542vw); 
	height: calc(100% + 1.7708vw); 
	background: url("/images/content/certificate_cover.png") 0 0 no-repeat; 
	background-size:100% 100%;
} */
.certifi-list-style05 .certificate-list .certificate-img-thumb .img-con span{position: relative; width: 100%; height: 0; padding-top: 133.1%; display: block;}
.certifi-list-style05 .certificate-list .certificate-img-thumb .img-con span img{position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.09);}
.certifi-list-style05 .certificate-list .certificate-img-thumb .certificate-over-box{position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; border:3px solid var(--main-color); opacity:0; visibility:hidden; transition:all 0.3s}
.certifi-list-style05 .certificate-list .certificate-img-thumb .certificate-over-box i{position:absolute; top:50%; left:50%; margin:-3.6rem 0 0 -3.6rem; width:7.2rem; height:7.2rem; line-height:7.2rem; background-color:var(--main-color); text-align:center; color:#fff; font-size:2.4rem; border-radius:50%;}
.certifi-list-style05 .certificate-list .certificate-tit{font-size:2.2rem; font-weight: 700; line-height: 1.45em; color:#000; letter-spacing:-0.055em; text-align:center; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-top:3.4rem;}
.certifi-list-style05 .certificate-list .certificate-txt {font-size:1.5rem; font-weight: 500; line-height: 1.66em; color:rgba(0, 0, 0, 0.8); letter-spacing:-0.055em; text-align: center; padding-top: 0.7rem;}
@media all and (min-width:801px){
	.certifi-list-style05 .certificate-list li a:hover .certificate-img-thumb .certificate-over-box{opacity:1.0; visibility:visible;}
}
@media all and (max-width:1220px){
	.certifi-list-style05 .certificate-list li{width:31.093%;}
}
@media all and (max-width:800px){
	.certifi-list-style05 .certificate-list{max-width:480px; margin:0px auto;}
    .certifi-list-style05 .certificate-list li{width:47.76%; margin-bottom: 4rem;}
	.certifi-list-style05 .certificate-list .certificate-img-thumb{padding:20% 0}
	.certifi-list-style05 .certificate-list .certificate-img-thumb .img-con{width:70%}
	.certifi-list-style05 .certificate-list .certificate-img-thumb .img-con:before{height:calc(100% + 3vw)}
	.certifi-list-style05 .certificate-list .certificate-img-thumb .certificate-over-box{display: none;}
	.certifi-list-style05 .certificate-list .certificate-tit{font-size:2rem; padding-top: 2rem;} 
	.certification-list-wrap {padding-top: 4rem;}
	.certification-content .certification-con-tit {padding-bottom: 2rem;}
	.certification-list-wrap.mt-115 {margin-top: 5.5rem !important;}
}


 .sub-page .con-tit {
    font-size: 3.8rem;
    letter-spacing: -0.065em;
    color: #000;
    font-weight: 700;
	line-height:1.5;
	padding-bottom:20px
    /* width: 30rem; */
}

@media all and (max-width:800px){
 .sub-page .con-tit {
	 font-size: 1.8rem; 
 }
}
.sub-page .con-sub-tit {
    position: relative;
    font-size: 2.6rem;
    letter-spacing: -0.065em;
    color: #000;
    font-weight: 600;
    padding-left: 2rem;
    margin-bottom: 3rem;
    line-height: 1.3;
}

.sub-page .con-sub-tit:before {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background: var(--main-color);
    position: absolute;
    top: 1rem;
    left: 0;
}

.half_desc_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	margin-top:50px;
}

.half_desc_list .item {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 10px;
	margin-bottom:50px;
}

.half_desc_list .item p
{text-align:left;
font-size:24px; font-weight:700;
padding-bottom:10px}

@media all and (max-width:800px){
.half_desc_list .item p
{text-align:left;
font-size:18px; font-weight:700;
padding-bottom:10px}
}

table.common-pc-table  {
    min-width: 900px;
}

.common-pc-table {
    position: relative;
    width: 100%;
    border-collapse: collapse;
    border-style: hidden;
    table-layout: fixed;
	text-align:center;
	
}



.common-pc-table::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 1
}

.common-pc-table::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
   
    height: 1px;
    background-color: #ddd
}

.common-pc-table thead {
    background-color: #f8f8f8
}

.common-pc-table thead th {
    font-weight: 500;
    border-bottom: none
}
.common-pc-table th img 
 {width:100%}


.common-pc-table tbody th {
    background-color: #f8f8f8
}

.common-pc-table th,.common-pc-table td {
    
    padding: 10px 10px;
    border: 1px solid #ddd;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.67;
    border-collapse: collapse
}

@media screen and (min-width: 1200px) {
    .common-pc-table th,.common-pc-table td {
        font-size:18px
    }
}



.common-pc-table .text-center {
    text-align: center
}

.tablecontents {
    width: 100% !important;
    -ms-overflow-style:scrollbar;
}

.tablecontents::-webkit-scrollbar {height:0}

@media all and (max-width:800px){
.tablecontents  {overflow-x: scroll;}
.tablecontents::-webkit-scrollbar {height:4px !important; display: block;  border-radius: 5px;}
.tablecontents::-webkit-scrollbar-thumb { height: 4px; background-color: #aaa; border-radius: 5px;}
.tablecontents::-webkit-scrollbar-track {background-color: #333;  border-radius: 5px;}
}




/* ******************  Product ********************** */
/* Product :: 공통 */
.product-list-page,
.product-editor{padding-bottom:10rem !important;}
.product-con-box{margin-top:11.5rem}

.cm-product-txt{font-size:1.8rem; line-height:1.56em; letter-spacing:-0.025em; color:#666;}
.cm-product-txt sup{font-size:0.5em;}
.cm-check-txt{position: relative; padding-left:3rem; margin-bottom:1rem;}
.cm-check-txt:last-child{margin-bottom:0;}
.cm-check-txt:before{position: absolute; content:'\e92b'; font-family:'xeicon'; color:var(--main-color); font-size:1.11em; left:0; top:0.1rem;}
.cm-product-txt span {width:230px; float:left; color:#000}
.product-con-box .cm-tit{margin-bottom:4rem;}


/* ----- Product :: 제품리스트 ----- */
.product-list-wrap{display: flex; flex-wrap:wrap; margin:0 -5px;}
.product-list-wrap .list-item{width:calc(33.33% - 10px); margin:10rem 5px 0; text-align:center;}
.product-list-wrap .list-item .img-box{position: relative; border:1px solid #e5e5e5; background:#fafafa; border-radius:1.5rem; box-sizing:border-box; padding:3rem; transition:var(--transition-custom);}
.product-list-wrap .list-item .img-box span{position: relative; display: block; width:100%; height:0; padding-top:61.9%;}
.product-list-wrap .list-item .img-box span img{position: absolute; top:0; left:0; bottom:0; right:0; margin:auto; max-width:100%;}
.product-list-wrap .list-item .txt-box{margin-top:5rem;}
.product-list-wrap .list-item .txt-box .item-tit{font-size:2.4rem; letter-spacing:-0.05em; color:#222; font-weight:700; margin-bottom:1.7rem; transition:var(--transition-custom);}
.product-list-wrap .list-item .txt-box .item-txt{font-size:1.8rem; letter-spacing:-0.025em; color:#666;}

.product-list-wrap .list-item a .img-box:before{position: absolute; content:'\e913'; top:50%; left:50%; transform:translate(-50%, -50%); width:7.6rem; height:7.6rem; line-height:7.6rem; border-radius:50%; font-family:'xeicon'; font-size:3rem; color:#fff; z-index:9; opacity:0; transition:var(--transition-custom);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0094da+0,015c8b+100 */
background: #0094da; /* Old browsers */
background: -moz-linear-gradient(left,  #0094da 0%, #015c8b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #0094da 0%,#015c8b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0094da 0%,#015c8b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094da', endColorstr='#015c8b',GradientType=1 ); /* IE6-9 */
}


/* ----- Product :: 제품뷰페이지 ----- */
/* Product :: 상단 제품 설명 */
/* 이미지 리스트 */
.product-info-box{display: flex; align-items: stretch; padding-bottom:6rem; margin-bottom:6rem; justify-content:center; border-bottom:1px solid #ddd;}
.product-info-box .left-box{width:30%;}
.product-big-img-list{border:1px solid #ddd; border-radius:10px; box-sizing:border-box; overflow:hidden;}
.product-big-img-list .img-item{position: relative;}
.product-big-img-list .img-item span{position: relative; display: block; width:100%; height:262px }
.product-big-img-list .img-item span img{position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100%; max-height:100%;}

.product-small-img-list{margin:0 -0.5rem; padding:0 6.5rem; box-sizing:border-box; margin-top:2rem;}
.product-small-img-list .img-item{border:1px solid #ddd; border-radius:1rem; margin:0 0.5rem; padding:1rem 2.5rem; box-sizing:border-box; overflow:hidden;}
.product-small-img-list .img-item span img{max-width:100%;}
.product-small-img-list .img-item.slick-current{border-color:var(--main-color2);}
.product-info-box .slick-arrow{width:4rem; height:4rem; line-height:4rem; font-size:1.8rem; color:#666; box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.2);}
.slick-product-prev{left:0;}
.slick-product-next{right:0;}



/* 텍스트 */
.product-info-box .right-box{display: flex; flex-direction: column; justify-content: space-between; width:70%; padding-left:5.8rem; box-sizing:border-box; padding-top:0.5rem;}
.product-info-box .right-box .tit{font-size:3.2rem; line-height:1.16; letter-spacing:-0.02em; color:#000; font-weight:900; margin-top:2rem;}
.product-info-box .right-box .tit span{color:#ddd;}
.product-info-box .right-box .txt-box{margin-top:1.8rem;}
.product-info-box .right-box .txt-box dt{font-size:3.4rem; line-height:1.4; letter-spacing:-0.05em; color:var(--main-color); font-weight:700; margin-bottom:1.2rem;}

.product-info-box .right-box .info-btn-box{/* height:6rem; padding:1.5rem 0; */ height:auto; padding:0; display: flex; justify-content: flex-start;}
.product-info-box .right-box .info-btn-box .info-btn{display: flex; justify-content: space-between; align-items:center; width:24rem; height:6rem; border-radius:6rem; font-size:1.8rem; color:#fff; font-weight:500; background:var(--main-color); padding:0 3.1rem 0rem; box-sizing:border-box;  margin-left:3rem}
.product-info-box .right-box .info-btn-box .info-btn i{font-size:2.4rem;}
.product-info-box .right-box .info-btn-box .info-btn:first-child{ margin-left:0rem}
.product-info-box .right-box .info-btn-box .info-btn:nth-child(2){background:var(--main-color2);}



.product-img-txt-box .img-box{margin:4rem 0; text-align:center;}
.product-img-txt-box .img-box:first-child{margin-top:0rem;}
.product-img-txt-box .img-box:last-child{margin-bottom:0rem;}
.product-img-txt-box .img-box img{max-width:100%;}




.product-img-txt-box .img-box.inner-img{display: flex; justify-content:space-between;}
.product-img-txt-box .img-box.inner-img .panel-spec-img01{width:50%;}
.product-img-txt-box .img-box.inner-img .panel-spec-img02{width:45.3125%;}

.product-panel-box{margin-bottom:8rem;}
.product-panel-box:last-child{margin-bottom:0rem;}

.product-img-txt-box .img-box.inner-img .img-half{width:49.3125%;}
.product-img-txt-box .img-box.inner-img .img-half .img{display: block; border-radius:3rem; overflow:hidden;}
.product-img-txt-box .img-box.inner-img .img-half img{max-width:100%;}


.product-img-txt-box .plus-img{margin-top:3.5rem;}
.product-img-txt-box .plus-img img{max-width:100%;}

.product-img-txt-box .img-box.inner-img .img-half dl{margin-top:2.5rem;}
.product-img-txt-box .img-box.inner-img .img-half dl dt{font-size:2rem; line-height:1.5; color:#222; font-weight:700; margin-bottom:0.7rem;}



.cm-check-txt_under{position: relative; line-height:1.65; padding-left:3.5rem; margin-bottom: 12px;}
.use-txt{position: absolute; top:0.45rem; left:0; font-size:2rem;line-height:1;letter-spacing:-0.05em;color:var(--main-color2);font-weight:700;}
/* ----- Product :: 제품뷰페이지 ----- */
/* Product :: 상단 제품 설명 */
@media all and (max-width:800px){
	.cm-product-txt{font-size:1.8rem;}
	.product-con-box .cm-tit{margin-bottom:3rem}
	.cm-product-txt span {width:100%; float:left; color:#000; padding-bottom:5px}
	.product-info-box{display: block; margin-bottom:10rem;}
	.product-info-box .left-box{width:100%; margin-bottom:4rem;}
	.product-big-img-list{border-radius:1rem; }
	.product-big-img-list .img-item span {height:auto; height:160px;}
	.product-small-img-list{margin:2rem 0 0; padding:0 5rem;}

	.product-info-box .right-box{width:100%; padding-left:0;}
	.product-info-box .right-box .tit{font-size:3.2rem;}
	.product-info-box .right-box .txt-box dt{font-size:2rem;}
	.product-info-box .right-box .info-btn-box .info-btn{width:48%; height:5.2rem; line-height:5.2rem; font-size:1.6rem; padding:0 2.1rem; margin-top:3rem; margin-left:1.5rem;}
}

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

	.product-casting-list .list-item:before{right:-2%;}

}
@media all and (max-width:800px){
	.product-con-box{margin-top:9rem;}
/
	.product-casting-list .list-item:before{width:4rem; height:4rem; line-height:4rem; font-size:1.8rem; right:-0.5rem;}

}

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

	.product-img-txt-box .img-box.inner-img{display: block;}
	.product-img-txt-box .img-box.inner-img .panel-spec-img01{width:100%;}
	.product-img-txt-box .img-box.inner-img .panel-spec-img02{width:100%; margin-top:2rem;}

	.product-panel-box{margin-bottom:4rem;}
	.product-panel-box .panel-img-box .img-item .img{border-radius:1rem;}
	.product-panel-box .panel-img-box .img-item .txt{font-size:1.6rem; margin-top:1rem;}
	.product-panel-box .panel-txt-box{padding:3rem 1.5rem;}

	.product-img-txt-box .img-box.inner-img .img-half{width:100%; margin-top:2rem;}

}
@media all and (max-width:480px){
	/* 패널디자인 :: 특허 */
	.product-certi-box .certi-right-box .right-item .icon img{width:35%;}
	/* 패널디자인 :: 특허 */
	/* .product-certi-box .certi-item .certi-img{width:100%;} */
}

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

	.product-img-txt-box .plus-img{margin-top:1.5rem;}
	.product-img-txt-box .plus-img img{max-width:70%;}

	.product-img-txt-box .img-box.inner-img .img-half img{max-width:none; width:100%;}
	.product-img-txt-box .img-box.inner-img .img-half dl{margin-top:1.5rem;}
	.product-img-txt-box .img-box.inner-img .img-half dl dt{font-size:1.8rem; margin-bottom:0.3rem;}
	
}


.business-list-page{padding-bottom: 130px;}
.ca-con01{position: relative; padding: 80px 5.6%; background: url("../images/content/ca_con01_bg.jpg") 20% 50% no-repeat; -webkit-background-size: cover; background-size: cover;}
.ca-con01-img{display: none;}
.ca-con01-txt{text-align: right;}
.ca-con01-txt .tit{font-size: 41px; letter-spacing: -0.5px; font-weight: 700; color: #000;}
.ca-con01-txt .tit span{font-weight: 400;}
.ca-con01-txt .txt{margin-top: 30px; font-size: 19px; line-height: 1.7; letter-spacing: -0.5px; color: #000;}
.ca-con01-btn{position:absolute; bottom: 0; right: 0; width: 355px; padding: 15px 25px 15px 40px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ca-con01-btn a{position: relative; display: table; table-layout: fixed; width: 100%; height: 70px;}
.ca-con01-btn a + a{border-top: 1px solid #dbdbdb;}
.ca-con01-btn a span{padding: 0 90px 0 35px; font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: -0.65px; color: #2b2b2b; display: table-cell; vertical-align: middle; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s;}
.ca-con01-btn a em{position: absolute; top: 50%; margin-top: -13px; right: 30px; width: 35px; height: 26px; text-align: center; display: block;}
.ca-con01-btn a em:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ''; -webkit-transform: skew(-10deg); transform: skew(-10deg); background-color: #0f6f39; -webkit-box-shadow: 8px 8px 0 0 rgba(0,0,0,0.1); box-shadow: 8px 8px 0 0 rgba(0,0,0,0.1); -webkit-transition: all 0.3s; transition: all 0.3s;}
.ca-con01-btn a .bgc-red:before{background-color: #e81212;}
.ca-con01-btn a em i{position: relative; z-index: 1; font-size: 16px; line-height: 26px; color: #fff;}

@media all and ( min-width: 801px ){
	.ca-con01-btn a:hover em:before{-webkit-transform: skew(0); transform: skew(0); -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.1); box-shadow: 0 0 0 0 rgba(0,0,0,0.1);}
	.ca-con01-btn a:hover span{-webkit-transform: translateX(-5px); transform: translateX(-5px);}
}

.cm-prd-list-con{margin-top: 90px; padding: 55px 0 35px; background-color: #f9f9f9;}
.cm-prd-wrapper{}
.cm-prd-list{margin: 0 -10px; text-align: center; font-size: 0;}
.cm-prd-item{display: inline-block; width: calc(16.66% - 20px); margin: 0 10px;}
.col-5 .cm-prd-item{width: calc(20% - 20px);}
.cm-prd-item a{display: block;}
.cm-prd-img{position: relative; width: 100%; height: 0; padding-top: 66.62%; overflow: hidden;}
.cm-prd-img span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; -webkit-transition: all 0.3s; transition: all 0.3s;}
.cm-prd-txt{margin-top: 15px; font-size: 19px; line-height: 1.3; letter-spacing: -0.5px; color: #222; text-align: center;}

@media all and ( min-width: 801px ){
	.cm-prd-item a:hover .cm-prd-img span{-webkit-transform: scale(1.08); transform: scale(1.08);}
}





/*  윤리경영 :: 윤리헌장 */
.ethical-con .ethical-con-inner {background-color: #f1f3f7;}
.sub-txt {font-size: 16px; letter-spacing:-0.6px; color: #777; line-height:2em;}


.ethical-con.con02 .tit-box {padding:90px 0 185px; }
.ethical-con.con02 .ethical-con-inner {padding:135px 0 60px;}
.ethical-con.con02 .ethical-con-inner > .area {position:relative;}
/* 동그라미 리스트 */
.ethical-con.con02 .ethical-cir-list-box {position:absolute; width:100%; bottom:100%; margin-bottom:60px; left:0; padding:0 30px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.ethical-con.con02 .ethical-cir-list {margin:0 -2.72%;}
.ethical-con.con02 .ethical-cir-list li {float:left; width:14.54%; margin: 0 2.72%; }
.ethical-con.con02 .ethical-cir-list li .cir-box {position:relative; padding-top:100%; text-align:center; border:1px solid #ddd; background: #fff center no-repeat; text-align:center; border-radius:50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.ethical-con.con02 .ethical-cir-list li.item01 .cir-box {background-image:url("../images/content/ethic_icon_01.png");}
.ethical-con.con02 .ethical-cir-list li.item02 .cir-box {background-image:url("../images/content/ethic_icon_02.png");}
.ethical-con.con02 .ethical-cir-list li.item03 .cir-box {background-image:url("../images/content/ethic_icon_03.png");}
.ethical-con.con02 .ethical-cir-list li.item04 .cir-box {background-image:url("../images/content/ethic_icon_04.png");}
.ethical-con.con02 .ethical-cir-list li.item05 .cir-box {background-image:url("../images/content/ethic_icon_05.png");}
.ethical-con.con02 .ethical-cir-list li .cir-box .num {position:absolute; top:13.5%; width:100%; left:0; font-size:15px; letter-spacing:-0.6px; color: #002060; font-style:italic;}
/* 텍스트 리스트 */
.ethical-con.con02 .ethical-txt-list {margin-bottom:-70px;}
.ethical-con.con02 .ethical-txt-list li {float:left; width:33.33%; margin-bottom:70px; padding-left:25px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.ethical-con.con02 .ethical-txt-list li .tit {font-size:22px; letter-spacing:-0.6px; color: #222; display:block; margin-bottom:10px;}
/* 박스 리스트 */
.ethical-con.con02 .ethical-box-list-box {margin-top:70px;}
.ethical-con.con02 .ethical-box-list {margin:0 -1.49%;}
.ethical-con.con02 .ethical-box-list li {float:left; width:47.01%; margin:0 1.49%;}
.ethical-con.con02 .ethical-box-list li .inner-box {position:relative; min-height:390px; border:1px solid #ddd; padding: 70px 50px 100px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.ethical-con.con02 .ethical-box-list li .tit-wrap {margin-bottom: 40px;}
.ethical-con.con02 .ethical-box-list li .tit {position:relative; display:inline-block; margin-bottom:0;}
.ethical-con.con02 .ethical-box-list li .icon {display:inline-block; margin-right:25px; float:left; margin-top:-18px;}
.ethical-con.con02 .ethical-box-list li .more-btn  {position:absolute; right:35px; bottom:35px; width:136px; height:47px; line-height:46px; background-color: #002060; color:#fff; font-size:16px; font-weight:300; text-align:center;}

/*  윤리경영 :: 윤리경영센터 */
.ethical-con.con03 {margin-top:115px;}
.ethical-con.con03 .txt02 {margin-top: 15px;}

/*  윤리경영 :: 제보대상 */
.ethical-con.con04 {margin-top:75px;}
.ethical-con.con04 .sub-tit-02 {font-size:28px;}
.ethical-con.con04 .ethical-con-inner {padding:80px 0;}
.ethical-con.con04 .ethical-cir-list {text-align:center; padding:0 8.46%;}
.ethical-con.con04 .ethical-cir-list li {display:inline-block; width:33%;}
.ethical-con.con04 .ethical-cir-list li dt {float:left; width:168px; }
.ethical-con.con04 .ethical-cir-list li dd {float:left; width:calc(100% - 128px); text-align:left; margin-left:-40px; display:table; height:168px; }
.ethical-con.con04 .ethical-cir-list li .icon {display:block; width: 100%; height:168px; background: 40px center no-repeat #fff; border-radius:50%;}
.ethical-con.con04 .ethical-cir-list li.item01 .icon { background-image: url("../images/content/ethic_icon_08.png");}
.ethical-con.con04 .ethical-cir-list li.item02 .icon { background-image: url("../images/content/ethic_icon_09.png");}
.ethical-con.con04 .ethical-cir-list li.item03 .icon { background-image: url("../images/content/ethic_icon_10.png");}
.ethical-con.con04 .ethical-cir-list li .txt {font-size: 21px; line-height:1.71em; letter-spacing:-0.75px; color: #272727; display:table-cell; vertical-align:middle;}

/*  윤리경영 :: 신고자보호 */
.ethical-con.con05 {margin-top:90px;}
.ethical-con.con05 .sub-tit-02 {font-size:28px; margin-bottom: 70px;}
.ethical-con.con05 .ethical-txt-list li {float:left; width:33.33%;}
.ethical-con.con05 .ethical-txt-list li.item04 {clear:both;}
.ethical-con.con05 .ethical-txt-list .inner-box {padding:15px 60px 20px 30px; position:relative; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.ethical-con.con05 .ethical-txt-list .inner-box:before {content:""; width:1px; height:100%; background-color: #bebebe; position:absolute; left:0; top:0;}
.ethical-con.con05 .ethical-txt-list .tit {font-size: 22px; letter-spacing:-0.6px; color: #222; }
.ethical-con.con05 .ethical-txt-list .txt {margin-top:25px;}

/*  윤리경영 :: 제보방법 */
.ethical-con.con06 {margin-top:130px;}
.ethical-con.con06 .ethical-con-tit {font-size: 22px; letter-spacing:-0.6px; color: #222;}
.ethical-con.con06 .ethical-tbl-list-box {margin-top:40px; border-top:2px solid #002060; }
.ethical-con.con06 .ethical-tbl-list li {float:left; width:50%; border-bottom:1px solid #ddd; position:relative;}
.ethical-con.con06 .ethical-tbl-list li dl {display:table; height:60px;}
.ethical-con.con06 .ethical-tbl-list li dl dt {display:table-cell; vertical-align:middle; width:140px; padding:0 20px; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.ethical-con.con06 .ethical-tbl-list li dl dt .sub-txt {color: #111;}
.ethical-con.con06 .ethical-tbl-list li dl dd {display:table-cell; vertical-align:middle;}
.ethical-con.con06 .ethical-tbl-list li:before {content:""; width:1px; height:16px; position:absolute; left:0; top:50%; margin-top:-8px; background-color: #ddd; }
.ethical-con.con06 .ethical-tbl-list li.no-line-item:before {display:none;}
/* 제보하기 */
.ethical-report-box {margin-top: 60px;}
.ethical-report-box .report-btn {position:relative; width: 216px; height:60px; color: #fff; background-color: #002060; margin:auto; display:block; font-size:16px; text-align:left; padding: 0 30px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.ethical-report-box .report-btn i {position:absolute; font-size:17px; right:30px; line-height:60px; top:0;}
.ethical-report-box .ethical-report-con {display:none; padding-top:50px;}
.ethical-report-box .ethical-report-con .inner {padding:30px; border:1px solid #ddd;}
.ethical-report-box .ethical-inquiry-box {margin-top:20px;}


/* 윤리경영 모달창 */
.ethic-content .footer-inner-box {padding:4%;}
.ethic-content .footer-inner {border:0; padding:0;}
.ethic-modal-tit {padding:15px 2%; background-color:#E8E8E8; font-size:18px; letter-spacing: -0.25px; color:#272727; font-weight: 600;}
.ethic-txt-bx {padding:0 2%;}
.ethic-modal-sub-tit {font-size:15px; line-height: 26px; letter-spacing: -0.1px; color:#000000; font-weight: 600; margin-top: 30px;}
.ethic-modal-txt {font-size:15px; line-height: 26px; letter-spacing: -0.1px; color:rgba(39,39,39,0.9); margin-bottom: 25px; word-break:keep-all;}
.ethic-content table, .ethic-content th, .ethic-content td{border-collapse: collapse; border: 1px solid; font-size: 15px; line-height: 26px; letter-spacing: -0.1px; color: rgba(39, 39, 39, 0.9); margin-bottom: 25px; word-break: keep-all;	}
.ethic-content td{padding: 0px 5px;}
.ethic-content tr:first-child {background-color: #F9F9F9; text-align: center; }


@media all and (max-width:1320px){
	/* 상단컨텐츠 ::5동그라미 */
	.ethic-info-box dl dt {width:170px;}
	.ethic-info-box dl .tit {font-size:22px;}
	.ethic-info-box dl .exp {font-size:14px;}
	.ethic-info-2 dd {padding-right: 15px;}
	.ethic-info-3 dd {padding-left: 15px;}
	.ethic-info-4 dd {padding-right:15px;}
	.ethic-info-5 dd {padding-left: 15px;}
}
@media all and (max-width:1024px){
	/* 상단컨텐츠 ::5동그라미 */
	.ethic-info-mid {display:none; }
	.ethic-info-box {padding:30px 0;}
	.ethic-info-box dl {position:static; margin:0; float:left; width:50%; padding-bottom: 20px;}
	.ethic-info-box dl dt {width:134px;}
	.ethic-info-box dl dt .icon-inner img {width:30%;}
	.ethic-info-box dl dt .icon-inner .icon-tit {font-size:20px}
	.ethic-info-box dl dd {padding:0; padding-left: 15px; height:auto;}
	.ethic-wrap {float:left; width:50%;}
	/* 오른쪽 */
	.ethic-right {display:table; }
	.ethic-right dt {float:none; display:table-cell; vertical-align:middle;}
	.ethic-right dd {float:none; display:table-cell; vertical-align:middle; height:auto;}
	.ethic-right dd .txt-inner {display:block;}
	/* 왼쪽 */
	.ethic-left dl {display:table; }
	.ethic-left dt {float:none; display:table-cell; vertical-align:middle;}
	.ethic-left dd {float:none;display:table-cell; vertical-align:middle; }
	/* 개별 (1번동그라미) */
	dl.ethic-info-1 {position:static; transform:none;  padding-bottom:0; display:table; width:100%;}
	.ethic-info-1 dt {position:static; transform:none; padding-bottom:0; display:table-cell; vertical-align:middle; width:134px;}
	.ethic-info-1 dd {display:table-cell; vertical-align:middle;  padding-left:15px; text-align:left;}
	.ethic-info-1 dd .tit {padding:0; margin-bottom:15px;;}
	.ethic-info-1 .exp {margin:0;}
	.ethic-info-3 , .ethic-info-5 {clear:both;}

	/*  윤리경영 :: 윤리헌장 */
	.ethical-con.con02 .tit-box {padding:90px 0 105px; }
	.ethical-con.con02 .ethical-con-inner {padding:30px 0 ;}

	/* 동그라미 리스트 */
	.ethical-con.con02 .ethical-cir-list-box {position:static; padding:0;}
	.ethical-con.con02 .ethical-cir-list li .cir-box {background-size: auto 58px;}
	.ethical-con.con02 .ethical-cir-list li .cir-box .num {top:10px;}

	/* 텍스트 리스트 */
	.ethical-con.con02 .ethical-txt-list {margin-bottom:-35px;}
	.ethical-con.con02 .ethical-txt-list li {width:50%; margin-bottom:35px; padding-left:15px; }

	/*  윤리경영 :: 제보대상 */
	.ethical-con.con04 .ethical-cir-list {padding:0;}
	.ethical-con.con04 .ethical-cir-list li .txt {font-size:20px;}
	.ethical-con.con04 .ethical-cir-list li .txt br {display:none;}

	/*  윤리경영 :: 신고자보호 */
	.ethical-con.con05 .ethical-txt-list .inner-box {padding:15px 20px 20px 20px;}
}
@media all and (max-width:1200px){
		/*  윤리경영 :: 상단 컨텐츠 */
		.ethical-con.con01 .sub-tit-02 br {display:none; }
}
@media all and (max-width:1024px){
	.ethical-con.con01 .ethical-con-txt { margin-top:20px;}
}
@media all and (max-width:800px){
	.ethical-con .sub-tit-02 {margin-bottom: 20px;}
	/*  윤리경영 :: 상단 컨텐츠 */
	.ethical-con.con01 .sub-tit-02 {margin-bottom: 30px;}
	.ethical-con.con01 .sub-tit-02 br {display:none; }
	.ethical-con.con01 .ethical-con-txt {font-size: 17px; }
	.ethical-con.con01 .ethical-con-inner {padding:30px 0;}
	/* 상단컨텐츠 ::5동그라미 */
	.ethic-info-box {padding:0 0;}
	.ethic-info-box dl dt {width:96px; }
	.ethic-info-box dl dt .icon-inner .icon-tit {font-size: 16px;}
	.ethic-info-box dl dd {padding:0 15px; width:calc(100% - 96px); }
	.ethic-info-box dl .tit {font-size: 17px; margin-bottom: 10px;}
	.ethic-info-box dl .exp {font-size: 13px;}
	.ethic-info-box dl .exp br {display:none;}
	/*  윤리경영 :: 윤리헌장 */
	.ethical-con.con02 .tit-box {padding:50px 0 30px; }
	/* 동그라미 리스트 */
	.ethical-con.con02 .ethical-cir-list-box {margin-bottom:30px;}
	.ethical-con.con02 .ethical-cir-list {margin:0 -1%;}
	.ethical-con.con02 .ethical-cir-list li {margin:0 1%; width:18%;}
	.ethical-con.con02 .ethical-cir-list li .cir-box {background-size: auto 45px;}
	.ethical-con.con02 .ethical-cir-list li .cir-box .num {font-size:13px;}
	/* 텍스트 리스트 */
	.ethical-con.con02 .ethical-txt-list li .tit {font-size:16px; }
	/* 박스 리스트 */
	.ethical-con.con02 .ethical-box-list-box {margin-top:35px;}
	.ethical-con.con02 .ethical-box-list li .inner-box {padding:40px 20px 60px; min-height:auto;}
	.ethical-con.con02 .ethical-box-list li .tit-wrap {margin-bottom: 30px;}
	.ethical-con.con02 .ethical-box-list li .icon {margin-top:-11px;}
	.ethical-con.con02 .ethical-box-list li .icon img {height: 43px;}
	.ethical-con.con02 .ethical-box-list li .more-btn  {right:20px; bottom:15px; width:100px; height:33px; line-height:32px; font-size:13px;}

	/*  윤리경영 :: 윤리경영센터 */
	.ethical-con.con03 {margin-top:50px;}
	.ethical-con.con03 .txt02 {margin-top: 10px;}

	/*  윤리경영 :: 제보대상 */
	.ethical-con.con04 {margin-top:35px;}
	.ethical-con.con04 .sub-tit-02 {font-size:19px;}
	.ethical-con.con04 .ethical-con-inner {padding:30px 0;}
	.ethical-con.con04 .ethical-cir-list li {float:none; width:100%; margin-bottom:15px; }
	.ethical-con.con04 .ethical-cir-list li dt {width:auto; }
	.ethical-con.con04 .ethical-cir-list li dd {  margin-left:0; height:117px; padding-left: 15px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.ethical-con.con04 .ethical-cir-list li .icon {width: 117px; height:117px; margin:auto; background-position:center; background-size: auto 48px; }
	.ethical-con.con04 .ethical-cir-list li .txt {font-size: 16px;}

	/*  윤리경영 :: 신고자보호 */
	.ethical-con.con05 {margin-top:45px;}
	.ethical-con.con05 .sub-tit-02 {font-size:19px; margin-bottom: 25px;}
	.ethical-con.con05 .ethical-txt-list li {float:none; width:100%; margin-top:10px;}
	.ethical-con.con05 .ethical-txt-list .tit {font-size: 16px; letter-spacing:-0.6px; color: #222; }
	.ethical-con.con05 .ethical-txt-list .txt {margin-top:15px;}

	/*  윤리경영 :: 제보방법 */
	.ethical-con.con06 {margin-top:65px;}
	.ethical-con.con06 .ethical-con-tit {font-size: 16px;}
	.ethical-con.con06 .ethical-tbl-list-box {margin-top:20px;}
	.ethical-con.con06 .ethical-tbl-list li dl {height:42px;}
	.ethical-con.con06 .ethical-tbl-list li dl dt {width:100px;}

	/* 제보하기 */
	.ethical-report-box {margin-top: 30px;}
	.ethical-report-box .report-btn {width: 151px; height:42px; font-size:13px;}
	.ethical-report-box .report-btn i {font-size:14px; line-height:42px;}
	.ethical-report-box .ethical-report-con .inner {padding:30px 20px; }
	.ethical-report-box .ethical-inquiry-box {margin-top:20px;}
}
@media all and (max-width:640px){
	/* 상단컨텐츠 :: 5동그라미 */
	.ethic-wrap {float:none; width:100%; padding-bottom:20px; }
	.ethic-info-box dl {float:none; width:100%; }
	/* 동그라미 리스트 */
	.ethical-con.con02 .ethical-cir-list {margin:0; text-align:center;}
	.ethical-con.con02 .ethical-cir-list li {float:none; width:21%; margin: 0 2%; display:inline-block;  }
	/* 텍스트 리스트 */
	.ethical-con.con02 .ethical-txt-list {margin-bottom:-15px;}
	.ethical-con.con02 .ethical-txt-list li {float:none; width:100%; margin-bottom:15px; padding-left:0; }
	.ethical-con.con02 .ethical-txt-list li br {display:none;}
	/* 박스 리스트 */
	.ethical-con.con02 .ethical-box-list {margin:0 0 -20px;}
	.ethical-con.con02 .ethical-box-list li {float:none; width:100%; margin: 0 0 20px;}
	/* 제보하기 */
	.ethical-con.con06 .ethical-tbl-list li {float:none; width:100%; }
	.ethical-con.con06 .ethical-tbl-list li:before {display:none;}
}
@media all and (max-width:480px){
	/* 동그라미 리스트 */
	.ethical-con.con02 .ethical-cir-list li {padding-bottom:30px;}
	.ethical-con.con02 .ethical-cir-list li .cir-box .num {top:auto; bottom: 0; margin-bottom: -20px;}
}

/* 윤리경영 모달창 */
@media all and (max-width:1200px) {
	.ethic-content h1 {font-size:19px}
	.ethic-modal-tit {font-size:16px}
	.ethic-modal-sub-tit, .ethic-modal-txt {font-size:14px; line-height: 19px;}
}
@media all and (max-width:800px){
	.ethic-content .modal-close-btn {top:14px;}
}




/* ******************  02.사업분야 ********************** */
/* -------- 공통 -------- */
/* 상단 */
.business-top-con01 {
    position: relative;
    padding: 7rem 12rem;
    border: 3px solid #233289;
    min-height: 40rem;
    border-radius: 1.6rem;
    box-shadow: 1rem 1rem 3rem rgba(0,0,0,0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.business-top-txt-box em {
    display: block;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: -0.025em;
    color: #4679d3;
    margin-bottom: 2rem;
}

.business-top-txt-box .business-top-tit {
    font-size: 5.4rem;
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #000;
}

.business-top-txt-box .business-top-txt {
    font-size: 1.9rem;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #000;
    line-height: 1.78;
    padding-top: 3rem;
}

.business-top-txt-box .business-top-scroll {
    position: absolute;
    left: 12rem;
    bottom: 8rem;
    display: block;
    font-size: 1.25rem;
    font-weight: 500;
    color: rgba(0,0,0,0.4);
}

.business-top-txt-box .business-top-scroll i {
    font-size: 1.4rem;
    color: rgba(0,0,0,0.5);
    padding-right: 1rem;
}

/* 컨텐츠 공통 */
.business-con-wrap {
    display: flex;
}

.business-con-wrap .business-left-con {
    width: 32.3%;
}

.business-con-wrap .business-right-con {
    width: 67.7%;
}

.business-con-tit {
    font-size: 4.6rem;
    font-weight: 700;
    letter-spacing: -0.050em;
    color: #000;
    line-height: 1.43;
}

/* 컨텐츠 01 */
.business-con01 {
    position: relative;
    padding: 16rem 0 15rem;
}

.business-con01:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 135%;
    bottom: 0;
    left: 0;
    background: #f5f5f5 url(../images/content/business_con_bg.jpg)no-repeat left 0 bottom 0;
    z-index: -1;
}

.business-con01-list {
    display: flex;
    margin: 0 -1.25rem;
}

.business-con01-list li {
    position: relative;
    width: calc(33.33% - 2.5rem);
    margin: 0 1.25rem;
    background: #fff;
    border-radius: 1.6rem;
    min-height: 36rem;
    padding: 4rem 1.8rem;
    box-sizing: border-box;
    box-shadow: 1rem 1rem 4rem rgba(0,0,0,0.1);
    text-align: center;
}

.business-con01-list li:before {
    opacity: 0;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 3px solid #4679d3;
    border-radius: 1.6rem;
    box-sizing: border-box;
}

.business-con01-list li .num {
    display: block;
    width: 11rem;
    height: 3.8rem;
    line-height: 3.8rem;
    border-radius: 1.9rem;
    background: #f3f3f3;
    margin: 0 auto;
    font-size: 1.4rem;
    font-weight: 600;
    font-style: italic;
    letter-spacing: -0.025em;
    color: rgba(83,83,83,0.7);
}

.business-con01-list li .icon {
    display: inline-block;
    height: 15rem;
    line-height: 7rem;
    margin: 1.5rem 0;
}

.business-con01-list li .icon img {
    max-width: 100%;
    max-height: 100%;
}

.business-con01-list li .txt {
    font-size: 1.75rem;
    font-weight: 500;
    
    color: #000;
    line-height: 1.67;
}

.business-con01-list li:before, .business-con01-list li .num {
    transition: all 0.4s;
}

.business-con01-list li.active:before {
    opacity: 1;
}

.business-con01-list li.active .num {
    background: var(--main-color);
    color: #fff;
}

/* 컨텐츠 02 */
.business-con02 {
    padding: 15rem 0 18rem;
}

.business-con02-list li {
    padding-bottom: 7rem;
}

.business-con02-list li:last-child {
    padding-bottom: 0;
}

.business-con02-list li .img {
    display: block;
    border-radius: 1rem;
    margin-bottom: 1.5rem;
    height: 24.4rem;
}

.business-con02-list li .txt {
    position: relative;
    padding-left: 5.4rem;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: -0.05em;
    color: #000;
    line-height: 1.6;
}

.business-con02-list li .txt:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 3.3rem;
    height: 3.3rem;
    text-align: center;
    line-height: 3.3rem;
    border-radius: 50%;
    background: #4679d3;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: -0.025em;
    color: #fff;
    font-family: 'Poppins', sans-serif;
}

.business-con02-list li:first-child .txt:before {
    content: '01';
}

.business-con02-list li:nth-child(2) .txt:before {
    content: '02';
}

.business-con02-list li:nth-child(3) .txt:before {
    content: '03';
}
.biz-00 .business-top-con01 {
    background: #fff url(../images/content/business_00_bg.png)no-repeat bottom 0px right -3px / contain;
}
.biz-01 .business-top-con01 {
    background: #fff url(../images/content/business_01_bg.png)no-repeat bottom 0px right -3px / contain;  margin-top:100px
}
.biz-02 .business-top-con01 {
    background: #fff url(../images/content/business_02_bg.png)no-repeat bottom 0px right -3px / contain; margin-top:100px
}


@media all and (max-width:1280px){
	.business-top-con {padding: 7rem;}
	.business-top-txt-box .business-top-scroll {left: 7rem;}
}
@media all and (max-width:800px){
	.business-top-con {padding: 0rem;}
	/* 상단 */
	.business-top-con01 {padding: 5rem 4rem; min-height: 60rem;}
	.business-top-txt-box .business-top-tit {font-size: 4rem;}
	.business-top-txt-box .business-top-txt {font-size: 1.6rem;}
	.business-top-txt-box .business-top-txt br {display: none;}
	.business-top-txt-box .business-top-scroll {position: relative; padding-top: 4rem; bottom: 0; left: 0;}
	/* 컨텐츠 공통 */
	.business-con-wrap {flex-wrap: wrap;}
	.business-con-wrap .business-left-con {width: 100%; padding-bottom: 4rem;}
	.business-con-wrap .business-right-con {width: 100%;}
	.business-con-tit {font-size: 3.6rem;}
	.business-con-tit br {display: none;}
	/* 컨텐츠 01 */
	.business-con01 {padding: 10rem 0;}
	.business-con01:before {height: 124%;}
	.business-con01-list {flex-wrap: wrap; margin: -1.5rem 0;}
	.business-con01-list li {width: 100%; margin: 1.5rem 0; min-height: 0;}
	.business-con01-list li .icon {margin: 3.5rem 0 4rem;}
	/* 컨텐츠 02 */
	.business-con02 {padding: 10rem 0;}
	.business-con02-list li .txt  {padding-left: 5rem;}
	/* 컨텐츠 03 */
	.business-con03 {padding: 10rem 0;}
	.business-con03-list {flex-wrap: wrap; margin: -1.5rem 0;}
	.business-con03-list li {width: 100%; margin: 1.5rem 0; min-height: 0; padding: 4rem 0;}
}

/* 치공구사업 */

.biz-page {width:100%; padding:50px 0 ;  background: #f2f2f2; position:relative; z-index:-1} 
.biz-page .top-box {
    display: flex;
	
}

.biz-page .top-box > div {
    width: 50%;
}

.biz-page .top-box .img-box {
     border-radius:1.6rem; background:#fff; padding:38px 50px; overflow:hidden; max-height:375px;
}

.biz-page .top-box img { max-width:100%; height:auto; }


.biz-page .top-box .txt-box {
    background: #f2f2f2;
    padding: 2% 4.19%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.biz-page .top-box .txt-box .txt-tit {
    display: inline-block;
    font-size: 3.8rem;
    letter-spacing: -0.065em;
    color: #111;
    line-height: 1.4em;
    margin-bottom: 2.9rem;
}

.biz-page .top-box .txt-box .txt {
    font-size: 1.8rem;
    letter-spacing: -0.065em;
    color: #666;
    line-height: 1.556em;
}

.biz-page .top-box .txt-box .txt:first-of-type {
    margin-bottom: 3rem;
}

.sub-page .con-box {
    margin: 15rem 0;
}

.biz-page .con-tit {
    margin-bottom: 5rem;
}

@media all and (max-width:1600px){
	.biz-page .top-box img {position: relative; left:50%; transform:translateX(-43%); height: 100%; max-width:initial;}
	.biz-page .top-box .txt-box {position: relative;}
}

@media all and (max-width:1280px){
	.biz-page .top-box .txt-box .txt-tit {font-size:2.5rem; margin-bottom:1.5rem;}
	.biz-page .top-box .txt-box .txt {font-size:1.6rem;}
	.biz-page .top-box .txt-box .txt:first-of-type {margin-bottom: 1.5rem;}
}

@media all and (max-width:800px){
	.biz-page .top-box img {position: static; left:0; transform:translateX(0); height: auto; max-width:100%;}
	.biz-page .top-box {flex-wrap:wrap;}
	.biz-page .top-box > div {width: 100%;}
	.biz-page .top-box .txt-box {padding:7rem 4.19%;}
	.biz-page .top-box .txt-box .txt-tit {font-size:3rem; margin-bottom:1rem; /* text-align:center; */}
	
	.biz-char-box {flex-wrap:wrap;}
	.biz-char-box .solu-list-box {width: 100%; margin-right: 0; margin-bottom:3rem;}
	.biz-page .biz-list {margin-top:3rem; padding:0;}
	.biz-page .biz-list li em {text-align:center;}
	.biz-page .biz-list li .num {margin-top:0; margin-right: 2rem;}

	
}

.products-box .view-body { margin-top:100px; } 
.products-box .viewCont { margin-top:55px;  }
.products-box .viewCont:nth-child(1) { padding-top:55px; }
.products-box .viewCont:not(:last-child) { padding-bottom:80px;  }
.products-box .view-title h3 { color:#111; font-size:40px; font-weight:600; line-height:1.3; }
.products-box h4.vTitle { color:#111; font-size:30px; font-weight:600; line-height:1.3; margin:50px 0 -15px; }
.products-box .viewCont .box { border:2px solid #ddd; padding:20px;     border-radius: 1.6rem;}
.products-box .viewCont .overviewCont { display:flex; align-items:flex-start;}
.products-box .viewCont .overviewCont dl { width:100%; display:flex; gap:0 50px; }
.products-box .viewCont .overviewCont dl:nth-child(2n+1) { padding-right:60px; }
.products-box .viewCont .overviewCont dt { color:#233289; font-size:25px; font-weight:600;  white-space:nowrap; }
.products-box .viewCont .overviewCont dd li:not(:last-child) { margin-bottom:10px; } 
.products-box .viewCont .overviewCont dd li { position:relative; color:#333; font-size:17px; font-weight:300; line-height:1.4; padding-left:14px; }
.products-box .viewCont .overviewCont dd li:before { content:""; display:block; background:var(--main-color); width:3px; height:3px; border-radius:3px; position:absolute; left:0; top:10px; }
.products-box .viewCont .detailsCont dt { color:#111; font-size:25px; font-weight:600; line-height:1.3; }
.products-box .viewCont .detailsCont dd { margin-top:15px; font-size:17px; font-weight:300; line-height:1.45; }
.products-box .viewCont .detailsCont table { margin-top:10px; border-collapse:collapse; border-spacing:0; }
.products-box .viewCont .detailsCont img { max-width:100%; }
.products-box .viewCont .downloadCont { min-height:100px; }
.products-box .viewCont .downloadCont li:not(:last-child) { margin-bottom:10px; } 
.products-box .viewCont .downloadCont li a { border-radius:5px; display:flex; align-items:center; height:70px; padding:0 25px 0 55px; color:#111; font-size:17px; font-weight:500; line-height:1.3; background:#ebebeb url(/img/sub/btn_down.png) 20px center no-repeat; }
@media screen and (max-width:1280px){
    .products-box .view-top .txtbox { padding-top:70px; }
    .products-box .view-top .txtbox p:not(:last-child) { margin-bottom:20px; }
    .products-box .view-top .txtbox p { font-size:18px; }
    .products-box .view-top .imgbox { max-height:522px; }
    .products-box .view-body { margin-top:80px; }
    .products-box .viewCont { padding-top:140px; }
    .products-box .viewCont:nth-child(1) { padding-top:60px; }
    .products-box .viewCont:not(:last-child) { padding-bottom:140px; }
    .products-box .viewCont .box { margin-top:50px; }
    .products-box .view-title h3 { font-size:30px; }
    .products-box h4.vTitle { font-size:24px; margin:40px 0 -10px; }
    .products-box .viewCont .overviewCont dl { width:100%; flex-wrap:wrap; gap:30px; }
    .products-box .viewCont .overviewCont dt { width:100%; font-size:22px;  }
    .products-box .viewCont .overviewCont dd li { font-size:16px; padding-left:14px; }
    .products-box .viewCont .detailsCont dt { font-size:22px; }
    .products-box .viewCont .detailsCont dd { margin-top:15px; font-size:16px; }
    .products-box .viewCont .downloadCont li a { font-size:16px; }
}
@media screen and (max-width:1024px){
    .products-box .view-top > div { width:100%; }
    .products-box .view-top .imgbox .slick-dots { margin-top:20px; }
    .products-box .view-top .imgbox { border-radius:15px; padding:25px 10px; max-width:640px; margin:0 auto; max-height:488px; }
    .products-box .view-top .imgbox .slick-track,
    .products-box .view-top .imgbox .slick-slide { min-height:auto; max-height:488px; }
    .products-box .view-top .txtbox { padding-top:50px; }
    .products-box .view-top .txtbox p { font-size:16px; }
    .products-box .view-body { margin-top:60px; }
    .products-box .viewCont { padding-top:100px; }
    .products-box .viewCont:nth-child(1) { padding-top:40px; }
    .products-box .viewCont:not(:last-child) { padding-bottom:100px; }
    .products-box .viewCont .box { margin-top:40px; }
    .products-box .view-title h3 { font-size:24px; }
    .products-box h4.vTitle { font-size:19px; margin:30px 0 -10px; }
    .products-box .viewCont .overviewCont dl { gap:20px; }
    .products-box .viewCont .overviewCont dt,
    .products-box .viewCont .detailsCont dt { font-size:18px; }
    .products-box .viewCont .overviewCont dd li,
    .products-box .viewCont .detailsCont dd,
    .products-box .viewCont .downloadCont li a { font-size:15px; }
}
@media screen and (max-width:760px){
    .products-box .view-title h3 { font-size:22px; }
    .products-box h4.vTitle { font-size:17px; margin:25px 0 -10px; }
    .products-box .viewCont .box { margin-top:30px; }
    .products-box .viewCont .overviewCont { flex-wrap:wrap; gap:30px; }
    .products-box .viewCont .overviewCont dl { width:100%; }
    .products-box .viewCont .overviewCont dl:nth-child(2n+1) { padding-right:0; }
}

@media screen and (max-width:640px){
    .products-box .view-top .imgbox { max-height:auto; }
    .products-box .view-top .imgbox .slick-track,
    .products-box .view-top .imgbox .slick-slide { min-height:240px; }
    .products-box .view-body { margin-top:50px; }
    .products-box .viewCont { padding-top:0px; }
    .products-box .viewCont:not(:last-child) { padding-bottom:80px; }
    .products-box .viewCont .downloadCont li a { padding:8px 25px 8px 55px; min-height:60px; height:auto; }
}
@media screen and (max-width:580px){
    .products-box .view-top .imgbox { max-height:400px; }
}
@media screen and (max-width:520px){
    .products-box .view-top .imgbox { max-height:385px; }
}
@media screen and (max-width:480px){
    .products-box .view-top .imgbox { max-height:360px; }
}
@media screen and (max-width:460px){
    .products-box .view-top .imgbox { max-height:345px; }
}
@media screen and (max-width:440px){
    .products-box .view-top .imgbox { max-height:332px; }
}
@media screen and (max-width:420px){
    .products-box .view-top .imgbox { max-height:326px; }
}

.technology-process-list{margin-top:140px;}
.technology-process-list > li{float:left; position:relative; width:16.6%; width:calc(100% / 6 - 1px); text-align:center; border-bottom:1px solid #ddd;}
.technology-process-list > li:before,
.technology-process-list-con:after,
.technology-process-list-con h3,
.technology-process-list-con p,
.technology-process-list-con p:after{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.technology-process-list > li:before{position:absolute; bottom:0; left:0; right:0; display:block; content:""; width:100%; height:0;
	/*background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(204,221,237,1) 100%); 
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(204,221,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(204,221,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ccdded',GradientType=0 ); */
	background: rgb(255,255,255); 
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(127,179,219,1) 100%); 
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(127,179,219,1) 100%); 
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(127,179,219,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7fb3db',GradientType=0 ); 
}
.technology-process-list-con{position:relative; padding-bottom:11px;}
.technology-process-list-con:after{display:inline-block; content:""; width:11px; height:11px; border:2px solid #ddd; background-color:#fff; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; position:absolute; bottom:-7px; left:50%; margin-left:-7px;}
.technology-process-list-con h3{font-size:18px; line-height:22px; color:#222; font-weight:400; margin-bottom:3px;}
.technology-process-list-con p{font-size:13px; line-height:44px; color:#aaa; letter-spacing:2px; min-height:77px;}
.technology-process-list-con p span{display:inline-block; line-height:22px; vertical-align:middle;}
/*.technology-process-list-con p:after{display:block; content:""; width:1px; height:30px; background-color:#ddd; margin:3px auto 0;}*/
.technology-process-list-con:before{display:block; content:""; width:1px; height:30px; background-color:#ddd; position:absolute; bottom:16px; left:50%;}
/* 보유기술 :: Process 순차적 활성화 */
.technology-process-list > li.active:before{height:90%;}
.technology-process-list > li.active .technology-process-list-con:after{background-color:var(--main-color); border-color:var(--main-color);}
.technology-process-list > li.active .technology-process-list-con h3{color:var(--main-color);}
.technology-process-list > li.active .technology-process-list-con p{color:var(--main-color);}
.technology-process-list > li.active .technology-process-list-con:before{background-color:var(--main-color);}

.technology-process-list.reverse-process-list .technology-process-list-con h3{min-height:44px;}

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

@media all and (max-width:800px){
	
	/* -------- 보유기술 :: Process -------- */
	.technology-process-list{margin-bottom:70px; margin-top:50px;}
	.technology-process-list-con h3{font-size:13px; line-height:18px;}
	.technology-process-list-con p{font-size:11px; line-height:36px; word-break:break-all; max-height:69px; min-height:69px;}
	.technology-process-list-con p span{line-height:18px; letter-spacing:1px;}
	/* 보유기술 :: Process 순차적 활성화 */
	.technology-process-list > li.active:before{height:95%;}

	.technology-process-list.reverse-process-list .technology-process-list-con h3{min-height:54px;}
}

@media all and (max-width:680px){
	.technology-process-list{margin-bottom:50px;}
	.technology-process-list > li{width:calc(100% / 3); margin-bottom:25px;}

	.technology-process-list.reverse-process-list .technology-process-list-con h3{min-height:36px;}
}


.product-page { margin-top:100px;}
.product-top-con {display:flex; align-items:top; margin-top:50px }

.product-top-con .num {display:inline-block; width:24px; height:24px; border:1px solid #fff; border-radius:50%; background-color:#070d11; color: #fff; text-align:center; font-size:12px; font-weight:400; line-height:24px;  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; box-sizing: border-box; }
.product-top-con .on .num {
	background: rgb(4,136,158);
	background: -moz-linear-gradient(90deg, rgba(4,136,158,1) 0%, rgba(54,94,168,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(4,136,158,1) 0%, rgba(54,94,168,1) 100%);
	background: linear-gradient(90deg, rgba(4,136,158,1) 0%, rgba(54,94,168,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#04889e",endColorstr="#365ea8",GradientType=1);
}

/*: 좌측 이미지 */
.product-top-con .img-con {width:50%;}
.product-top-con .img-con .img-wrap {position:relative; }
.product-top-con .img-con .num-list {position:absolute; width:100%; height:100%; top:0; left:0; }
.product-top-con .img-con .num-list li {position:absolute; top:50%; left:50%; cursor:pointer;}
.product-top-con .img-con img {width:100%;}

/* 우측 정보 */
.product-top-con .info-con {width:50%; padding-left:50px; height: 40rem;   overflow-y: auto;}
.product-top-con .info-con .info-list li {padding-top:32px;}
.product-top-con .info-con .info-list li:first-child {padding-top:0;}
.product-top-con .info-con .tit {font-size:18px; color: #000; font-weight:500; margin-left:25px;}
.product-top-con .info-con dt { display:inline-block; }
.product-top-con .info-con dd {display:none; padding-left:80px; margin-top:20px;}
.product-top-con .info-con .inner-box {display:flex; align-items: flex-end;}
.product-top-con .info-con .inner-box .img {max-width:calc(100% - 113px); }
.product-top-con .info-con .inner-box .img img {max-width:100%;}
.product-top-con .info-con .more-btn {display:inline-block; height:100%; background-color: #02a2c2; padding:0 20px; font-size:16px; font-weight:300; color: #fff; line-height:40px; border-top-left-radius:5px; border-bottom-right-radius:5px; margin-left:20px; cursor:pointer;}




.product-top-con2 {display:flex; align-items:center; margin-top:50px }

.product-top-con2 .num {display:inline-block; width:24px; height:24px; border:1px solid #fff; border-radius:50%; background-color:#070d11; color: #fff; text-align:center; font-size:12px; font-weight:400; line-height:24px;  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; box-sizing: border-box; }
.product-top-con2 .on .num {
	background: rgb(4,136,158);
	background: -moz-linear-gradient(90deg, rgba(4,136,158,1) 0%, rgba(54,94,168,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(4,136,158,1) 0%, rgba(54,94,168,1) 100%);
	background: linear-gradient(90deg, rgba(4,136,158,1) 0%, rgba(54,94,168,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#04889e",endColorstr="#365ea8",GradientType=1);
}

/*: 좌측 이미지 */
.product-top-con2 .img-con2 {width:50%;}
.product-top-con2 .img-con2 .img-wrap2 {position:relative; }
.product-top-con2 .img-con2 .num-list2 {position:absolute; width:100%; height:100%; top:0; left:0; }
.product-top-con2 .img-con2 .num-list2 li {position:absolute; top:50%; left:50%; cursor:pointer;}
.product-top-con2 .img-con2 img {width:100%;}

/* 우측 정보 */
.product-top-con2 .info-list2 li {padding-bottom:25px;}
.product-top-con2 .info-con2 {width:50%; padding-left:50px; height: 40rem;   overflow-y: auto; margin-top:55px;}
.product-top-con2 .info-con2 .info-list li {padding-top:32px;}
.product-top-con2 .info-con2 .info-list li:first-child {padding-top:0;}
.product-top-con2 .info-con2 .tit {font-size:18px; color: #000; font-weight:500; margin-left:25px;}
.product-top-con2 .info-con2 dt { display:inline-block; }
.product-top-con2 .info-con2 dd {display:none; padding-left:80px; margin-top:20px;}
.product-top-con2 .info-con2 .inner-box {display:flex; align-items: flex-end;}
.product-top-con2 .info-con2 .inner-box .img {max-width:calc(100% - 113px); }
.product-top-con2 .info-con2 .inner-box .img img {max-width:100%;}
.product-top-con2 .info-con2 .more-btn {display:inline-block; height:100%; background-color: #02a2c2; padding:0 20px; font-size:16px; font-weight:300; color: #fff; line-height:40px; border-top-left-radius:5px; border-bottom-right-radius:5px; margin-left:20px; cursor:pointer;}


@media all and (max-width:800px){
	
	.product-page {position:relative; margin-top:10px;}
.product-top-con {display:block; margin-top:0}
.product-top-con2 {display:block}

.product-top-con .num {display:inline-block; width:19px; height:19px; border:1px solid #fff; border-radius:50%; background-color:#070d11; color: #fff; text-align:center; font-size:12px; font-weight:400; line-height:19px;  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; box-sizing: border-box; }

.product-top-con .img-con   {width:100%; position:relative; z-index:-1}
.product-top-con .info-con {width:100%; padding-left:0px; padding-top:50px; height:100%;  } 

.product-top-con2 .img-con2   {width:100%; position:relative; z-index:-1}
.product-top-con2 .info-con2 {width:100%; padding-left:0px; padding-top:50px;  height:100%; } 

}


.business-prd-list {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 40px 0;
    background-color: #f6f6f6;
       border-radius: 1.6rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.business-prd-list li {
    width: 40%;
    padding: 0 2.8vw;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.business-prd-list li + li {
    border-left: 1px dashed #bbb;
}

.business-prd-list .img-box {
    text-align: center;
}

.business-prd-list dt {
    margin: 25px 0;
    font-size: 1.8em;
    font-weight: 600;
    color: var(--main-color); 
    letter-spacing: -0.25px;
    line-height: 1.3;
    text-align: center;
}

.business-prd-list dd {
    text-align: center;
    font-size: 1.25em;
    font-weight: 400;
    color: #666;
  
    line-height: 1.5;
}

.business-prd-list dd div {
    /*text-align: left;*/
}

@media all and (max-width:1024px){
	.business-prd-list.col4{flex-wrap:wrap;}
	.business-prd-list.col4 li{width: 50%; margin: 2vw 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.business-prd-list.col4 li:nth-child(3){border-left: 0;}
	.business-prd-list.row li{width: 50%;}
	.business-prd-list.row li:nth-child(3){border-left: 0;}
	.business-prd-list.row li:nth-child(4){border-left: 1px dashed #bbb;}
	.business-prd-list dd{text-align: center;}
	.business-prd-list dd div{display: inline-block; text-align: left;}
	.business-prd-list.process .arrow.arrow01{width: 100px;}
	
}



.business-prd-list.row {
    flex-wrap: wrap;
}

.business-prd-list.row li {
    width: 33.33%;
    margin: 25px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.business-prd-list.row li:nth-child(4) {
    border-left: 0;
}

.business-prd-list.row li:nth-child(7) {
    border-left: 0;
}


.business-prd-list.row li:first-child {
    padding-left: 2.8vw;
}

.business-prd-list.row li:last-child {
    padding-right: 2.8vw;
}

.business-prd-list.process {
    align-items: center;
    background-color: transparent;
    padding: 0;
    padding-top: 40px;
}

.business-prd-list.process li + li {
    border-left: 0;
}

.business-prd-list.process .arrow {
    background: center/contain no-repeat;
    padding: 0;
}



.business-slider, .business-slider-thumb {position: relative; width: 100%; overflow: hidden}
.business-slider img, .business-slider-thumb img {width: 100%;}
.business-slider .swiper-slide {position: relative;}
.business-slider .swiper-slide p {font-size: 28px; color: #fff; width: 100%; padding: 10px 10px; box-sizing: border-box; text-align: center; background: rgba(0,0,0,0.5); position: absolute; bottom: 0;left: 0; z-index: 1;}
.business-slider-thumb {margin-top: 15px;}
.business-slider-thumb .swiper-slide {background: #000; cursor: pointer;}
.business-slider-thumb .swiper-slide img {opacity: .3;}
.business-slider-thumb .swiper-slide.swiper-slide-thumb-active img {opacity: 1;}
.business-slider-btns {position: absolute; top: 50%; margin-top: -34px; width: 68px; height: 68px;  background-position: center; background-repeat: no-repeat; z-index: 1; cursor: pointer; transition: 0.3s}
.business-slider-next {right: 30px; background-image: url('../images/content/arrow_r.jpg');}
.business-slider-next:hover {right: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.business-slider-prev {left: 30px; background-image: url('../images/content/arrow_l.jpg');}
.business-slider-prev:hover {left: 20px;  box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.business-slider-pagination {position: absolute; top: 20px; right: 20px; left: auto; bottom: auto; z-index: 1; display: inline; width: 70px; height: 40px; background: rgba(0,0,0,0.5); border-radius: 5px; text-align: center; box-sizing: border-box; padding: 13px 0; color: #fff;}
.business-slider-pagination span {color: #fff;}

@media all and (max-width:980px){
	.business-slider, .business-slider-thumb {z-index:1}
    .business-slider .swiper-slide p {font-size: 16px; padding: 15px 10px;}
    .business-slider-btns  {width: 30px; height: 30px; margin-top: -12px;}
    .business-slider-prev {left: 5px;}
    .business-slider-prev:hover {left: -5px;}
    .business-slider-next {right: 5px;}    
    .business-slider-next:hover {right: -5px;}
    
    .business-slider-pagination {width: 50px; height: 30px; padding: 9px 0; right: 10px; top: 10px; font-size: 11px;}
}

@media all and (max-width:768px){
    .business-slider .swiper-slide p {font-size: 14px; padding: 10px 5px;}
    .business-slider-thumb {margin-top: 5px;}
}

.vision-con02{margin-top: 14rem;}
.vision-con02-value{margin-top: 7rem;}
.vision-con02-value-list{margin: 0 -4rem; display: flex; flex-wrap:wrap; align-items: center; justify-content: center;}
.vision-con02-value-item{position: relative; margin: 0 4rem; width: calc(20% - 8rem); max-width: 23.5rem; text-align: center;}
.vision-con02-value-item:before{position: absolute; top: 3rem; left: -5.8rem; width: 3.6rem; height: 3.6rem; line-height: 3.6rem; font-size: 2.4rem; text-align: center; content: '\e914'; font-family: xeicon; color: #878787; background-color: #eee; border-radius: 100%;}
.vision-con02-value-item:first-child:before{display: none;}
.vision-con02-value-item .icon{display: inline-block;}
.vision-con02-value-item .icon img{max-height: 59px;}
.vision-con02-value-item .txt{margin-top: 2.5rem; font-size: 2.4rem; line-height: 1.3; letter-spacing: -0.065em; font-weight: 600; color: #393939;}
.vision-con02-img{margin-top: 14rem;}


@media all and (max-width:800px){
	.vision-con02{margin-top: 7rem;}
	.vision-con02-value{margin-top: 4rem;}
	.vision-con02-value-list{margin: -2.5rem -4rem;}
	.vision-con02-value-item{margin: 2.5rem 4rem; width: calc(50% - 8rem); max-width: none;}
	.vision-con02-value-item:before{top: 3rem; left: -5.8rem; width: 3.6rem; height: 3.6rem; line-height: 3.6rem; font-size: 2.4rem;}
	.vision-con02-value-item:nth-child(3):before{display: none;}
	.vision-con02-value-item .icon img{max-height: 59px;}
	.vision-con02-value-item .txt{margin-top: 2rem; font-size: 2.2rem; line-height: 1.3;}
	.vision-con02-img{margin-top: 7rem;}

}

/************* 치공구 *************/
.business-field-page{position: relative; margin-bottom:9em;}

/* 사이드버튼 */
.business-field-menu{position: absolute; width:29.23%; z-index:1;}
.business-field-btn li{width:100%; max-width:350px; height:40px; background:#fff; border:1px solid #e7e7e7; text-align:center; line-height:40px; margin-bottom:10px; box-sizing:border-box; transition:all 0.3s;}
.business-field-btn li.selected{background:var(--main-color); border:none;}
.business-field-btn li a{display:block; font-size:18px; font-weight:500; color:#000;}
.business-field-btn li.selected a{color:#fff;}

.business-field-con{padding-left:30.77%;}
.business-field-table{border-top:3px solid #000;}
.business-field-table-item{border-bottom:1px solid #efefef;}
.business-field-table-item.bg-gray{background:#f2f2f2; border-bottom:none;}
.business-field-table-item dl{display:table; width:100%; padding:40px 0;}
.business-field-table-item .tit{display:table-cell; width:30%; min-width:395px; font-size:30px; font-weight:bold; color:#000; padding-left:43px;}
.business-field-table-item .tit img {width:100%}
.business-field-table-item dd{position: relative; display:table-cell; width:70%; vertical-align:top;padding-left:43px;}
/*.business-field-table-item dd:before{position: absolute; content:''; left:-46px; top:11px; width:6px; height:6px; border:3px solid var(--main-color); border-radius:50%;}*/
.business-field-table-item dd .txt{font-size:18px; line-height:2.06em;  color:#000;}


@media all and (max-width:1024px){
	.business-field-btn li{min-width:150px;}
}
@media all and (max-width:800px){
	.business-field-btn li a{font-size:12px;}
	.business-field-table-item .year{ font-size:20px;}
	.business-field-table-item dd .txt{font-size:13px;}

	.business-field-menu{position: relative; width:100%;}
	.business-field-btn li{width:50%; max-width:none; min-width:0; float:left;}
	.business-field-con{padding-left:0;}
	.business-field-table-item dl{padding:30px 0;}
	.business-field-table-item dd:before{top:7px;}
	.business-field-table-item .tit{display:table-cell; min-width:150px;}
}
@media all and (max-width:480px){
	.business-field-table-item dl{display:block;}
	.business-field-table-item .year{display:block; width:100%; padding-left:10px; margin-bottom:10px;}
	.business-field-table-item dd{display:block; width:100%; padding-left:30px;}
	.business-field-table-item dd:before{left:11px;}
}


.busi_imgbig { position: relative;
  
    border: 2px solid #233289;
    border-radius: 1.6rem;
    box-shadow: 1rem 1rem 3rem rgba(0,0,0,0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	overflow:hidden
}