@charset "utf-8";

  /* ****************** SUB LAYOUT ********************** */
/*  SUB LAYOUT :: 비주얼 */
#visual{position:relative; width:100%; height:var(--sub-visual-height); }
#visual .visual-img-con{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%;
	height:var(--sub-visual-height);
	overflow:hidden; 
}
#visual .visual-img-inner{
	width:100%; 
	height:100%; 
	background-size:cover !important; 
	transform: scale(1.1,1.1); 
	transition:transform 5s linear;
}
#visual .visual-txt-con{position:relative; z-index:1; text-align:center; display:table; width:100%; height:100%;}
#visual .visual-txt-container{position:relative; width:100%; padding-top: calc(var(--header-height) / 2);}
#visual .visual-tit,
#visual .location{
    transform: translateY(30px);
}
#visual .visual-tit{
	font-size:7rem; font-weight:700; letter-spacing: -0.025em; color: #fff;
}
#visual .location{
	transition-delay:0.5s;
}

/* SUB LAYOUT :: 상단효과 active */
#visual.active .visual-img-inner{
     transform: scale(1.0,1.0) rotate(0.002deg);
}
#visual.active .visual-tit,
#visual.active .location{
	opacity:1.0;
    transform: translateY(0px);
}

/* SUB LAYOUT :: 위치정보(location) */
.location{padding-top:3.5rem;}
.location ul{display: flex; flex-wrap:wrap; align-items: center; justify-content: center;}
.location li{position: relative; margin-right: 3.3rem; font-size:1.6rem; letter-spacing:-0.025em; color:#fff;}
.location li:last-child{margin-right: 0;}
.location li a{color:inherit;}
.location li i{font-size:1.6rem;}
.location li:before{position: absolute; top: 50%; margin-top: -0.1rem; left: -2.4rem; width: 1.3rem; height: 0.2rem; background-color: #fff; content: "";}
.location li:first-child:before{display:none;}

/*  SUB LAYOUT :: 서브메뉴(스타일1) */
#topMenu01{position:relative; z-index: 1; }
#topMenu01 .side-menu-inner{text-align:center; width:100%; height:var(--sub-menu-height); border-bottom:1px solid #dfdfdf; background: rgba(255,255,255,1);}
#topMenu01 .side-menu-inner ul{display: table; width: 100%;/* display:flex; align-items:center; justify-content:center; */}
#topMenu01 .side-menu-inner ul li{display: table-cell;/* max-width:26rem; */} /* max-width 자유롭게 수정 */
#topMenu01 .side-menu-inner ul li > a{
	display:block; 
	display:table; 
	position:relative;
	width:100%;
	height:var(--sub-menu-height);
	line-height:1.2; 
	color:#000; 
	font-size:1.6rem; 
	letter-spacing:-0.025em; 
	font-weight:500; 
	word-break:keep-all;
	transition:var(--transition-custom);
}
#topMenu01 .side-menu-inner ul li > a:before{
	position:absolute;
	bottom:0px;
	left:50%;
	width:0;
	height:3px;	
	background-color:#233289;
	content:"";
	transition:var(--transition-custom);
}
#topMenu01 .side-menu-inner ul li > a > span{display:table-cell; vertical-align:middle; padding:0 25px;}
#topMenu01 .side-menu-inner ul li > a:hover:before, 
#topMenu01 .side-menu-inner ul li.on > a:before{width:100%; margin-left:-50%;  }

/* SUB LAYOUT :: 서브메뉴 Fixed (공통) */
@media all and (min-width:1025px){
	.fixed-sub-menu.top-fixed .side-menu-inner{position:fixed; top:0px; left:0px; z-index:9999;}
}

/* SUB LAYOUT :: 모바일메뉴(공통)  */
#topMenuM{display:none;}

/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
#content{padding:17rem 0}
#content.pdb-0{padding-bottom: 0;}

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.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 !important; }
	.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; }
	.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;
		}
	}
}



/* ****************** SUB LAYOUT ********************** */
@media all and (max-width:1600px){
	/*  SUB LAYOUT :: 비주얼 */
	#visual .visual-txt-con{padding:0 var(--area-padding); box-sizing: border-box;}
}
@media all and (max-width:1280px){
	/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
	#content{padding:10rem 0}
}
@media all and (max-width:800px){
	/*  SUB LAYOUT :: 비주얼 */
	#visual .visual-tit{font-size:5rem;}
	/* SUB LAYOUT :: 위치정보(location) */
	.location{padding-top:3.5rem;}
	.location ul{display: flex; flex-wrap:wrap; align-items: center; justify-content: center;}
	.location li{margin-right: 3.3rem; font-size:1.6rem;}
	.location li:last-child{margin-right: 0;}
	.location li i{font-size:1.6rem;}
	.location li:before{margin-top: -0.1rem; left: -2.4rem; width: 1.3rem; height: 0.2rem;}
	/*  SUB LAYOUT ::  서브메뉴(스타일1,2,3) */
	#topMenu01,
	#topMenu02,
	#topMenu03{display:none}
	/* -------- SUB LAYOUT :: 서브메뉴 모바일 -------- */
	#topMenuM{margin-top: calc(-1*(var(--sub-menu-height) + 3px)); display:block; position:relative; z-index: 101; height:calc(var(--sub-menu-height) + 3px); }
	#topMenuM .top-menu-wrapper{position:absolute; top:0; left:0; right:0; height:var(--sub-menu-height); }
	#topMenuM .top-menu-inner{position:relative; height:var(--sub-menu-height); border-top:3px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.04); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
	#topMenuM .menu-location{position:relative; box-sizing:border-box; width:100%;}
	#topMenuM .menu-location > .cur-location{position:relative; display:block; width:100%; text-align:left; height:var(--sub-menu-height); padding:0 var(--area-padding); padding-right:calc(var(--area-padding) + 3rem); box-sizing:border-box;}
	#topMenuM .menu-location > .cur-location span{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:var(--sub-menu-height); color:#fff; font-weight:400; font-size:15px;}
	#topMenuM .menu-location > .cur-location .arrow{position:absolute; top:50%; right:var(--area-padding); width:20px; height:20px; margin-top:-10px; font-size:20px; color: #fff;}
	#topMenuM .menu-location .location-menu-con{display:none; position:absolute; top:100%; left:-1px; right:-1px; border-bottom:1px solid #ddd; background-color:#fff; z-index:11; }
	#topMenuM .menu-location .location-menu-con li{border-top:1px solid #eee;}
	#topMenuM .menu-location .location-menu-con li a{display:flex; align-items:center; width:100%; height:35px; padding:0 var(--area-padding); font-size:14px; line-height:1.5; word-break:keep-all; box-sizing:border-box;}
	#topMenuM .menu-location .location-menu-con li.on{position:relative;}
	#topMenuM .menu-location .location-menu-con li.on a{color:var(--main-color); font-weight:700;}
	/* Home 버튼 있을때 */
	#topMenuM .location-to-home-btn + .top-menu-inner{padding-left:var(--sub-menu-height)}
	#topMenuM .location-to-home-btn{position:absolute; width:var(--sub-menu-height); height:var(--sub-menu-height); left:0px; top:0px; text-align:center; }
	#topMenuM .location-to-home-btn i{color:var(--main-color); font-size:20px; line-height:var(--sub-menu-height);}
	/* 2depth 있을때 */
	#topMenuM .menu-2dep{display:flex;}
	#topMenuM .menu-2dep .menu-location{width:50%; border-left:1px solid #ddd;}
	#topMenuM .menu-2dep .menu-location.loaction2{}
	#topMenuM .menu-2dep .menu-location .location-menu-con{border:1px solid #ddd; border-top:0; }
	/* Menu OPEN */
	#topMenuM .menu-location.open > .cur-location .arrow{transform:rotate(-180deg); margin-top:-10px;}

	/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
	#content{padding:7rem 0}
}



/* -------- 공통 :: 탭 -------- */
/* 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; }
.sub-tab-list-style ul li:first-child.selected { border-radius: 0.5rem 0 0 0.5rem ; }
.sub-tab-list-style ul li:last-child.selected { border-radius:  0 0.5rem 0.5rem 0 ; }
.sub-tab-list-style ul li.selected{z-index:1; background: #146ee2; overflow: hidden;}
.sub-tab-list-style ul li.selected a 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:800px){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style {overflow: visible; margin-bottom: 5rem;}
	.sub-tab-wrapper-style,
	.sub-tab-list-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li {}
	.sub-tab-list-style ul,
	.sub-tab-list-style ul li a{height:50px; }
	.sub-tab-list-style ul li a em{ line-height: 50px;}
	.sub-tab-list-style ul li {width: 13rem;}

	.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;}
	.sub-drop-open-btn-style{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}
	.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;}
}

/* 공통 타이틀 */
.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; font-weight: bold;}
.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: break-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: 20rem; 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% - 20rem); 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:27rem; 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% - 17rem); 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;}
.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;}
	.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: 1.8rem;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: -0.025em;
    color: var(--main-color);
}

.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: #666;
    padding-top: 1.5rem;
}

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

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

.business-product-con {

    grid-template-columns: 1fr;
	
}
}

#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:800px){
#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: 2rem;
    font-weight: 600;
    letter-spacing: -0.015em;
    color: #000;
    line-height: 1.3;
    padding-top: 3.5rem;
    text-align: center;
}
.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;
    width:90%;
}

.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.4rem;
    font-weight: 400;
    letter-spacing: -0.015em;
    color: #666;
    line-height: 1.6;
    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: 35px;
    line-height: 1.3;
    letter-spacing: -0.75px;
    font-weight: 800;
    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: 2.8rem;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 1.5em;
    color: #fff;
    padding-bottom: 1.5rem;
}

.story-content-txt {
    font-size: 5.4rem;
    font-weight: 700;
    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: 100%;}
	
	.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);
	margin-bottom:30px
}

.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: 2.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:31%; 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: 2px; display: block;  border-radius: 5px;}
.tablecontents::-webkit-scrollbar-thumb { height: 2px; 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;}
	
}

.location-con02 {background: #f9f9f9;}
.location-map-con iframe {width: 100%;}
.location-con {display: flex;}
.location-con .tit {width: 31.5%; font-size: 6rem; font-weight: 700; letter-spacing: -0.050em; color: #000; line-height: 1.1;}
.location-con .info-box {width: 68.5%; }
.location-con .info-box dl {padding: 2.5rem 0; display: flex; border-bottom: 1px solid rgba(0,0,0,0.1);}
.location-con .info-box dl:first-child {border-top: 3px solid #000000;}
.location-con .info-box dl dt {width: 18.88%; padding-left: 3rem; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.050em; color: #000; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.location-con .info-box dl dt em  {display: inline-block; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.065em; color: #999999; padding-top: 0.5rem;}
.location-con .info-box dl dd {width: calc(100% - 18.88%); padding-left: 1rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.025em; color: #666666; line-height: 1.44;}
.location-con .info-box dl dd .txt {position: relative; color: #333333; letter-spacing: -0.065em; padding-left: 7rem; margin-bottom: 1rem;}
.location-con .info-box dl dd .txt:last-of-type {margin-bottom: 0;}
.location-con .info-box dl dd .txt:before {position: absolute; top: 0; left: 0; width: 6rem; height: 3rem; line-height: 3rem; border-radius: 1.5rem; text-align: center; font-size: 1.8rem; font-weight: 700; color: #fff; letter-spacing: -0.050em;}


@media all and (max-width:800px){
	.location-con {flex-wrap: wrap;}
	.location-con .tit {width: 100%; padding-left: 0; font-size: 3.6rem; margin-bottom: 3rem;}
	.location-con .info-box {width: 100%;} 
	.location-con .info-box dl dt {padding-left: 1.5rem;}
}
@media all and (max-width:640px){
	.location-con .info-box dl {flex-wrap: wrap;}
	.location-con .info-box dl dt {width: 100%; margin-bottom: 1rem;}
	.location-con .info-box dl dd {width: 100%; padding-left: 1.5rem;}
}





: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;
}
@media all and (max-width:800px){
	:root{
		--board-list-height: auto;
		--board-list-font-size: 13px;
		--board-list-font-color: #aaa;
		--board-list-item-padding: 20px;
		--board-view-font-size: 13px;
	}
}
/* 게시판 :: 기본리스트 :: 레이아웃 */
.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;}
}
/* ***** 채용공고 지원하기 팝업***** */
.recruit-modal-content {position: relative;width: 96%;max-width: 1000px; margin: 20px auto; background-color: #fff; border-radius: 1rem;}
.recruit-modal-content .report-inner-top .tit {font-size: 2.2rem; font-weight: 700; letter-spacing: -0.025em; color: #000000; line-height: 1.2; padding-top: 1.5rem;}
.recruit-modal-content .report-inner .report-form-con {border-bottom: 0; padding: 4rem 0 5.5rem;}
.recruit-modal-content .inquiry-con-write-box {margin: -0.5rem; padding-bottom: 4rem;}
.recruit-modal-content .inquiry-con-write-box dl.w50 {width: calc(50% - 1rem); margin: 0.5rem;}
.recruit-modal-content .inquiry-con-write-box dl.resume dt {width: 15.5rem;}
.recruit-modal-content .inquiry-con-write-box dl.resume dd {width: calc(100% - 15.5rem);}
.recruit-modal-content .inquiry-con-write-box dl.portfolio dt {width: 12rem;}
.recruit-modal-content .inquiry-con-write-box dl.portfolio dd {width: calc(100% - 12rem);}
.recruit-modal-content .bbs-inquiry-agree-con {border-top: 1px solid #eeeeee;}
/* .recruit-modal-content .inquiry-con-write-box .custom-radio-item input[type="radio"]:checked + label {color: #146de1;}
.recruit-modal-content .inquiry-con-write-box .custom-radio-item input[type="radio"]:checked + label::before {color: #146de1;} */
.bbs-inquiry-agree-con{padding-top: 3rem;}
.bbs-write-tbl-box + .bbs-inquiry-agree-con{margin-top:50px;}
.bbs-inquiry-agree-con .agree-tit{color:#000; font-size:1.6rem; letter-spacing:-0.5px; font-weight:600; padding-bottom:1.5rem;}
.inquiry-agreement-con{height:220px; overflow-y:auto; overflow-x:hidden; padding:20px; background-color:#f6f6f6; box-sizing:border-box;}
.inquiry-agreement-con p {padding-bottom: 0.5rem;}
.bbs-inquiry-agree-con .agree-txt{margin-top:3rem; font-size:1.6rem; letter-spacing:-0.5px; color:#333; text-align: center;}
.bbs-inquiry-agree-con .agree-txt:first-child{margin-top:0}
.bbs-inquiry-agree-con .agree-txt input{display:none;}
.bbs-inquiry-agree-con .agree-txt label{position:relative; padding-left:3.1rem; }
.bbs-inquiry-agree-con .agree-txt label i{position:absolute; left:0px; top: -0.2rem; font-size:2.4rem; color:#ddd;}
.bbs-inquiry-agree-con .agree-txt input:checked + label i{color:#000;}
.inquiry-essential-txt{text-align:right; color:#373737; font-size:14px; letter-spacing:-0.3px; padding-bottom:15px;}
.recruit-btn-con {display: flex; align-items: center; justify-content: center;}
.recruit-btn-con button,
.recruit-btn-con a {display: inline-block; margin: 0 0.5rem; width: 20rem;}

@media all and (max-width:1024px){
	.recruit-modal-content {max-width: 760px;}
	.recruit-modal-content .inquiry-con-write-box dl.w50 {    width: calc(100% - 1rem);}
}
@media all and (max-width:800px){
	.recruit-modal-content {max-width: 570px;}
}
@media all and (max-width:480px){
	.recruit-modal-content {max-width: none;}
}


section.tbl{color:#000; overflow:hidden;}
section.tbl > article{margin-bottom:8rem;}
section.tbl .tbl-tit{font-size:2.4rem; font-weight:500; color:#222; letter-spacing:-0.5px; margin-bottom:15px; padding-right:50px}
section.tbl .tbl-tit span{display:inline-block; font-size:1.8rem; font-weight:300; color:#aaa;}
.stockTbl{clear:both; width:100%; color:#000;}
.stockTbl th{font-size:1.8rem; height:55px; vertical-align:middle; background-color:#003b90; border:0px; border-top:2px solid #000; border-bottom:1px solid #003b90; text-align:center; font-weight:500;  color:#fff; }
.stockTbl td{font-size:1.6rem; height:55px; color:#333; vertical-align:middle; text-align:center; border-left:1px solid #ededed;  border-bottom:1px solid #ededed;  /*word-break:keep-all;*/ }
.stockTbl td:first-child{border-left:0}
.stockTbl tbody th{font-size:1.8rem; height:55px; vertical-align:middle; background-color:#fafafa; border:0px;  border-bottom:1px solid #ededed; text-align:center; font-weight:500;  color:#333; }

/* 투자정보 :: 재무정보 */
.stock03-table th{border-bottom:1px solid #afafaf; border-top:2px solid #000;}
.stock03-table td{border:1px solid #ededed;}
.stock03-table td.bg:first-child{border-left:1px solid #afafaf}

@media all and (max-width:480px){
	.ir-page .bbs-list-con .board-search-box .search-subject-select + .search-word,
	.ir-page .bbs-list-con .board-search-box .board-custom-select-box + .search-word {width: calc(100% - 130px);}
}

/* -------- 스크롤 가이드 추가 및 수정 (MH 2022-02-10) -------- */
.stock-scroll-drag-guide{display:none;}
@media all and ( max-width: 800px ){
	
	.stocktbl-tit-box{display:flex; align-items:flex-start; justify-content:space-between; }
	.stock-scroll-drag-guide {display:flex; justify-content:flex-end }
	.stock-scroll-drag-guide .stock-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.stock-scroll-drag-guide .stock-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.stock-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:stock-drag-hand 3s both infinite; }
	.stock-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; }
	.stock-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
	@keyframes stock-drag-hand {
		0% {
			left: 0;
			margin-left: 0px;
			transform: rotate(0deg);
		}
		10% {
			left: 0;
			margin-left: 0px;
			transform: rotate(0deg);
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}
}
.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;}

/* 문의하기 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:23rem; 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;}
.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;}
	.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;}
}



/* ****************** 공통 :: PAGING ********************** */
.paging{display:flex; justify-content:center; width:100%; text-align:center; margin:7rem 0 3rem; flex-wrap:wrap;}
.paging a{position:relative; display:block; width:30px; height:30px;  line-height:30px; margin:0 2px; border:1px solid #ddd; text-align:center; font-size:13px; color:#868686; letter-spacing:-0.25px; background-color:#fff; }
.paging a:hover{color:#222;}
.paging a.cur{border-color:#333; background-color:#333; color:#fff;}
.paging a.paging-arrow i{position:relative; top:-1px; vertical-align:middle; color:inherit; font-size:24px;}
/* .paging:not(.no-margin) a.paging-prev{margin-right:15px}
.paging:not(.no-margin) a.paging-next{margin-left:15px} */ 
.paging .paging-first i,
.paging .paging-last i{transform:translateX(-8px)}
.paging .paging-first i:before,
.paging .paging-last i:before{display:block;width:7px}
/* Style02(네모-라인형)  */
.paging.no-margin a{margin:0; margin-left:-1px}
.paging.no-margin a.cur{position:relative; z-index:1; background-color:transparent; color:#333;}
.paging.no-margin a:first-child{margin-left:0;}
/* Style02(원형) */
.paging-style02 a{border-radius:50%;}
/* Style02(라인) */
.paging-style03 a{width:auto; padding:0 2px 3px; margin:0 11px; border:0; font-size:1.7rem;}
.paging-style03 a.cur{background-color:transparent; color:#333;}
.paging-style03 a.cur:after{position:absolute; bottom:0px; left:50%; width:100%; margin-left:-50%; height:2px; background-color:#333; content:"";}
@media all and (max-width:480px) {
	/* 공통 :: PAGING */
	.paging-style03 a {margin: 0 6px;}
}
/* @media all and (max-width:359px) {
	공통 :: PAGING
	.paging a{margin:0 0 0 1px}
	.paging:not(.no-margin) a.paging-prev{margin-right:0}
	.paging:not(.no-margin) a.paging-next{margin-left:-1px}
} */


/* ****************** 공통 :: 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); overflow:hidden}
.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;}
}


/* 문의하기 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:23rem; 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;}
.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;}
	.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;}
}



/* ========================================================
 * Product
======================================================== */
#productContent{margin-bottom:20rem; }
.product-category-con{margin-bottom:6.7rem; }
/* ******************  제품 리스트 ********************** */
.product-list-con{overflow:hidden; /*margin-top:3.2rem;*/border-top:1px solid #ebebeb; padding-bottom:3.2rem; border-bottom:1px solid #ebebeb;  }
.prd-list-con .prd-item {width:calc(25% - 1.3rem); margin:1.5rem 0.65rem 2rem; float:left} 
.prd-list-con .prd-item a{display:block;}
.prd-list-con .prd-item .prd-thumb-con{display:block; position:relative; height:0; padding-top:102.59%;    border: 1px solid #eee;  border-radius: 30px;}
.prd-list-con .prd-item .prd-thumb-con img{object-fit:cover; image-rendering:-webkit-optimize-contrast}
.prd-list-con .prd-item .prd-tit{display:block;  font-size:2.2rem; color:#333; font-weight:bold; text-align:center; line-height:1.2; margin-top:1em; overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;}
.prd-list-con .prd-item .prd-price {display:block;font-size:1.6rem;  color:#666;text-align:center; line-height:1.2; margin-top:0.5em;}


/* Main Prd List */
.main-prd-list .prd-item{margin:0}
.main-prd-list .prd-item .prd-info-box{margin-top:3rem;}
.main-prd-list .prd-item .prd-category{color:#868686; font-size:1.4rem; }
.main-prd-list .prd-item .prd-tit{text-align:left; margin-top:1.2rem}
@media all and (min-width:801px){
	.prd-list-con:not(.main-prd-list){/*display:flex; align-items:center;*/ padding-top:3.4rem; padding-bottom:3.4rem; margin:0 -0.65rem}
	.prd-list-con:not(.main-prd-list):last-child{}
	/* .prd-list-con .prd-item .prd-thumb-con img{top:3rem; bottom:3rem; left:3rem; right:3rem; max-width:calc(100% - 6rem); max-height:calc(100% - 6rem)} */
}
@media all and ( max-width: 800px ){
	.prd-list-con .prd-item {width:calc(50% - 1.3rem); margin:1.5rem 0.65rem 2rem; float:left} 
	.prd-list-con .prd-item .prd-tit {font-size:1.9rem}
	.main-prd-list .prd-item .prd-info-box,
	.main-prd-list .prd-item .prd-info-box .prd-tit{text-align:center;}
	


}
/* ******************  제품 뷰 ********************** */

#itemDetail-head { margin-top:50px}
#itemDetail-head #itemDetail-head-wrap {display: flex; flex-wrap: wrap; justify-content:space-between;}
#itemDetail-head #itemDetail-head-wrap .wrap {width: 50%; position: relative; box-sizing: border-box;}
#itemDetail-head .action.back {font-weight: bold; margin-top: -20px; font-size: 16px; color: #3F4053; margin-bottom: 15px; display: block; padding-left:30px; background-image: url(../images/button/icon-back.png); background-repeat: no-repeat; background-position: center left; background-size: 16px;}

#productTopContent{display:flex; justify-content:space-between; margin-bottom:11rem;}
/* -------- 제품 뷰 상단 -------- */
/* 제품 뷰 :: 좌측 */
.prd-left-con{width:43.875%;}
.large-photo-con{border:1px solid #e3e3e3;  border-radius: 50px; }
.large-photo-con .large-photo-item span{display:block; position:relative; height:0; padding-top:102.59%;}
.large-photo-con .slick-dots{position:absolute; bottom:-3rem; left:0; right:0; display:flex; align-items:center; justify-content:center; }
.large-photo-con .slick-dots li{float:left; margin:0 0.6rem }
.large-photo-con .slick-dots li button{cursor:pointer; margin:0px; padding:0px; background:none; vertical-align:top; width:8px; height:8px; background-color:#cbcbcb; font-size:0; border-radius:50%;}
.large-photo-con .slick-dots li.slick-active button{background-color:var(--main-color); }
/* 제품 뷰 :: 우측 */
.product-right-con{width:43.875%;}
.product-info-con{margin-bottom:2.7rem;}
.product-info-con .prd-tit{color:#333333; line-height:1.33; font-size:4.2rem; font-weight:bold; margin-bottom:2.4rem}
.product-info-con .prd-sub-txt{color:#8b8b8b; line-height:1.8; font-size:1.6rem; }
.product-about-con{margin-bottom:4rem;}
.product-about-con h4{color:#333; font-size:2.4rem; font-weight:bold; line-height:1.2; margin-bottom:1em}
.product-about-con .prd-about-tbl{width:100%; border-top:1px solid #333;}
.product-about-con .prd-about-tbl th,
.product-about-con .prd-about-tbl td{ padding:15px 0; font-size:1.7rem; color:#8b8b8b; /*border-bottom:1px solid #e9e9e9;*/}
.product-about-con .prd-about-tbl th{text-align:left; color:#333; }
.product-about-con .prd-about-tbl td {width: 30%;}
.product-about-con .prd-about-tbl td strong { color:#333; font-weight:bold; font-size:2rem}
.product-about-con .prd-about-tbl tbody {margin-top:50px;}
.product-detail-info{margin-bottom:4.5rem;}
.product-detail-info p{position:relative; color:#333; font-size:1.5rem; line-height:1.87; font-weight:300; color:#333; padding-left:8px;}
.product-detail-info p:before{position:absolute; left:0; top:0; content:"·"; font-weight:600;}
.product-btns{display:flex; align-items:center; justify-content:space-between; }
.product-btns button{width:calc(50% - 0.3rem); height:6.2rem; box-sizing:border-box; display:flex; align-items:center; justify-content:center; color:#fff; font-size: 1.7rem; background-color:var(--main-color); border:1px solid var(--main-color); border-radius:10px;}
.product-btns button.to-list-btn{color:var(--main-color); background-color:#fff;}

/* 제품 정보  */
.solution-con {padding: 15rem 0;}
.solution-con .solution-con-txt {font-size: 3rem; font-weight: 500; letter-spacing: -0.050em; line-height: 1.33; color: #000; padding-bottom: 5rem; text-align: center;}
.solution-con .solution-con-sub-tit {position: relative; font-size: 3.0rem; font-weight: 700; letter-spacing: -0.050em; color: #000; line-height: 1.375; text-align: center;}
/* .solution-con .solution-con-sub-tit:before {position: absolute; content: ''; width: 2.8rem; height: 1.6rem; top: -2.8rem; left: 50%; transform: translateX(-50%); 
	background: url(/images/content/solution_sub_tit_point.png)no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;} */
/* 상단 제품 정보 */
.cm-solution-top {position: relative; }
.cm-solution-top-bg {position: absolute; top:9rem; left: 50%; transform: translateX(-50%); width: 180rem; height: 34rem; border-radius: 17rem; z-index: -1;
	background: linear-gradient(180deg, rgba(20,110,226,0.03) 0%,rgba(255,255,255,0.03) 100%);}
.cm-solution-top-con {display: flex; align-items: center; padding-bottom: 9rem; border-bottom: 1px solid rgba(0,0,0,0.1);}
.cm-solution-top-con .solution-top-img {width: 50%; text-align: left; padding-right: 5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cm-solution-top-con .solution-top-img img {max-width: 100%; margin-left: -1rem; width:90%}
.cm-solution-top-con .solution-top-info {width: 50%; padding-top: 6rem;}
.cm-solution-top-con .solution-top-info .tit {font-size: 6rem; font-weight: 700; letter-spacing: -0.025em; color: #000000; line-height: 1.15;}
.cm-solution-top-con .solution-top-info .tit em {display: inline-block; font-size: 2rem; font-weight: 700; letter-spacing: -0.050em; color: rgba(0,0,0,0.3);}
.cm-solution-top-con .solution-top-info .sub-tit {font-size: 3.4rem; font-weight: 700; letter-spacing: -0.050em; color: #000; line-height: 1.3; padding-top: 3.5rem;}
.cm-solution-top-con .solution-top-info .txt {font-size: 2rem; font-weight: 600; letter-spacing: -0.050em; color: #000000; line-height: 1.65; padding-top: 0.8rem;} 
.cm-solution-top-con .solution-top-info .cm-btn02 {margin-top: 3rem; border-radius: 0.5rem;}
.cm-solution-top-con .solution-top-info .sub-txt {display: block; font-size: 1.5rem; font-weight: 600; letter-spacing: -0.025em; color: #666666; line-height: 1.3; padding-top: 3.5rem;}
.top-style02 .cm-solution-top-bg {top: 0;}
.top-style02 .cm-solution-top-con {padding:7rem 0 6.5rem;}
.top-style02 .cm-solution-top-con .solution-top-info {padding-top: 0;}
.top-style02 .cm-solution-top-con .solution-top-img {text-align: center; padding-right: 0; }
.top-style02 .cm-solution-top-con .solution-top-img img {margin-left: 0;}

/* 제품 정보  */
.solution-info-con {padding: 9rem 0; }
.solution-info-list {display: flex; justify-content: center;}
.solution-info-list li {text-align: center; width: 16%; padding: 0 1rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.solution-info-list li span {display: inline-block; width: 12rem; height: 13.2rem; margin: 0 auto;}
.solution-info-list li span img {max-width: 100%;}
.solution-info-list li strong {display: block; font-size: 1.8rem; font-weight: 700; letter-spacing: -0.050em; color: #000000; line-height: 1.44; padding-top: 2rem;}
.solution-info-list li .txt {font-size: 1.4rem; font-weight: 500; letter-spacing: -0.025em; color: #333333; line-height: 1.5; padding-top: 1rem;}
/* Key Features */
.solution-feature-con .sub-con-tit-box {text-align: center;}
/* .solution-feature-con .sub-con-tit-box .sub-con-txt {font-size: 3rem; font-weight: 500;} */
.solution-feature-list li {position: relative; width: 100%; height: 8rem; border: 0.4rem solid #f1f1f1; border-radius: 4.5rem; margin-bottom: 2.2rem;/* overflow: hidden; */box-sizing: border-box; transition: all 0.3s;}
/* .solution-feature-list li:before {position: absolute; content: ''; width: 38rem; height: 9rem; background: #f1f1f1; border-radius:4.5rem; top: -0.4rem; left: -0.4rem; z-index: 1;  transition: all 0.3s;} */
.solution-feature-list li:last-child {margin-bottom: 0;}
.solution-feature-list li dl {width: 100%; height: 7.2rem; display: flex; align-items: center;}
.solution-feature-list li dl dt {position: relative; display: flex; align-items: center; width: 38rem; height: 100%; text-align: center; padding-left: 7rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; z-index: 1;
	font-size: 2.4rem; font-weight: 700; letter-spacing: -0.050em; color: #000000; line-height: 1.3; z-index: 10; transition: all 0.3s;}
.solution-feature-list li dl dt:before {position: absolute; content: ''; width: 100%; height: 7.6rem; background: #f1f1f1; border-radius:4.5rem; top: -0.3rem; left: -0.4rem; z-index: -1;  transition: all 0.3s;}
.solution-feature-list li dl dt span {display: inline-block; margin-right: 2rem; width: 5.1rem; text-align: center;}
.solution-feature-list li dl dt span .icon_on {display: none;}
.solution-feature-list li dl dt span img {max-width: 100%;}
.solution-feature-list li dl dd {width: calc(100% - 38rem); padding-left: 5rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.050em; color: #000000; line-height: 1.4;}
.solution-feature-list li dl dd .sub-txt {display: inline-block; font-size: 1.3rem; font-weight: 500; letter-spacing: -0.050em; color: #666666; line-height: 1.4;}
/* active */
.solution-feature-list li.active {border-color: #146ee2; box-shadow: 1rem 1rem 4rem rgba(22,98,196,0.1);}
/* .solution-feature-list li.active:before {background: #146ee2;} */
.solution-feature-list li.active dl dt {color: #fff;}
.solution-feature-list li.active dl dt:before {background: #146ee2;}
.solution-feature-list li.active dl dt span .icon {display: none;}
.solution-feature-list li.active dl dt span .icon_on  {display: inline-block;}



@media all and (max-width:800px){
	.solution-con {padding: 10rem 0;}
	.solution-con .solution-con-txt {font-size: 2.7rem;}
	/* 상단 솔루션 정보 */
	.cm-solution-top-con {flex-wrap: wrap;}
	.cm-solution-top-con .solution-top-img {width: 100%; padding-right: 0; text-align:center}
	.cm-solution-top-con .solution-top-img img {max-width: 100%; width:90%}
	.cm-solution-top-con .solution-top-info {width: 100%; padding-top: 5rem; margin-bottom: 0;}
	.cm-solution-top-con .solution-top-info .tit {font-size: 4.8rem;}
	.cm-solution-top-con .solution-top-info .sub-tit {font-size: 3rem;}
	.cm-solution-top-con .solution-top-info .cm-btn01 {margin-bottom: 0;}
	.solution-info-list li strong {padding-top: 1rem;}
	/* 솔루션 정보  */
	.solution-info-list {flex-wrap: wrap; justify-content: start; margin: -2rem 0;}
	.solution-info-list li {width: 33.33%; margin: 2rem 0; }
	
		.solution-feature-list li {height: auto; border-radius: 3rem; margin-bottom: 2rem;}
	.solution-feature-list li dl {flex-wrap: wrap; height: auto;}
	.solution-feature-list li dl dt {width: 100%; padding: 2rem 3rem ;}
	.solution-feature-list li dl dt span {text-align: left; width: 6.5rem; margin-right: 1.1rem;}
	.solution-feature-list li dl dt:before {height: 100%; border-radius: 2rem 2rem 0 0; top: 0; left: 0;}
	.solution-feature-list li dl dd {width: 100%; padding: 2.5rem 3rem ;}
	
	.txt-c img {width:100%}


}