@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2020-11-25
******************************************************** */

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

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:70px; margin-bottom:13px; }
.sub-tab-list-style ul{display:flex; justify-content: center; width:100%; height:100%; /* table-layout:fixed; */}
.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:240px; background-color:#fff; border:1px solid #e2e2e2; /* border-left:0 */  margin-left:7px; }
.sub-tab-list-style ul li:first-child{/* border-left:1px solid #e5e5e5; */ margin-left:0}
.sub-tab-list-style ul li a{display:table; height:70px; width:100%; transition:all 0.3s;}
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#828282; font-size:19px; letter-spacing:-0.30px; text-align:center; transition:all 0.3s;}
.sub-tab-list-style ul li.selected{z-index:1; }
.sub-tab-list-style ul li.selected a, .sub-tab-list-style ul li a:hover{background-color:#0053a0; border-color:#0053a0}
.sub-tab-list-style ul li.selected a em, .sub-tab-list-style ul li a:hover em{color:#fff; font-weight:600;}
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* 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%}
}

/* ******************  공통 ********************** */
.cm-txt{font-size:16px; line-height:1.5em; letter-spacing:-0.55px; color:#828282;}
.cm-txt-02{font-size:18px; line-height:1.77em; letter-spacing:-0.65px; color:#525252;}
.cm-dotted{position: relative; padding-left:10px;}
.cm-dotted:before{position: absolute; content:''; width:3px; height:3px; -webkit-border-radius:50%;border-radius:50%; top:11px; left:0; background:#828282;}
.cm-dashed{position: relative; padding-left:10px;}
.cm-dashed:before{position: absolute; content:''; width:5px; height:1px; top:12px; left:0; background:#828282;}

.cm-tit-dotted{position: relative; display: block; font-size: 22px; line-height:1.18em; letter-spacing:-0.65px; color:#353535; font-weight:600; padding-left:10px; margin-bottom:10px;}
.cm-tit-dotted:before{position: absolute; content:''; width:5px; height:5px; top:3px; left:0; background:#525252;}
.cm-tit-dotted:after{position: absolute; content:''; width:5px; height:5px; top:10px; left:0; background:#0053a0;}

.cm-slash{position: relative; display: inline-block; margin-right:11px;}
.cm-slash:last-child{margin-right:0;}
.cm-slash:before{position: absolute; content:'/'; right:-8px;}
.cm-slash:last-child:before{display: none;}

.co-green{color:#358ca2;}
.co-blue{color:#0053a0;}
/* ******************  회사소개 ********************** */
/* --------- 경영이념 --------- */
.ideology-con{margin-bottom:18em;}
.last-con{margin-bottom:0 !important;}
.ideology-con .ideology-content-tit{font-size:48px; letter-spacing:-0.65px; color:#2e2e2e; text-align:center; margin-bottom:40px;}
/* 경영이념 */
.ideology-box-01{display: flex; flex-wrap:wrap; justify-content: space-between; width:100%;}
.ideology-box-01 .inner-con{width:24.3%; background:#f5f5f5; text-align:center; padding:4.61% 10px; box-sizing:border-box;}
.ideology-box-01 .inner-con .tit{font-size:26px; line-height:1.23em; letter-spacing:-0.65px; color:#525252;}
.ideology-box-01 .inner-con .icon{display: block; width:46px; height:47px; background:no-repeat center; margin:46px auto;}
.ideology-box-01 .inner-con .icon.icon01{background-image:url('/images/content/ideology_icon_01.png');}
.ideology-box-01 .inner-con .icon.icon02{background-image:url('/images/content/ideology_icon_02.png');}
.ideology-box-01 .inner-con .icon.icon03{background-image:url('/images/content/ideology_icon_03.png');}
.ideology-box-01 .inner-con .icon.icon04{background-image:url('/images/content/ideology_icon_04.png');}

/* 품질환경 */
.quality-txt-box{text-align:center;}
.quality-txt-box .txt{font-size:36px; line-height:1.38em; letter-spacing:-0.65px; color:#525252; margin-bottom:47px;}
.ideology-box-02{display: flex; flex-wrap:wrap; justify-content: space-between; width:100%; margin-top:60px;}
.ideology-box-02 .inner-box-wrap{width:48%;}
.ideology-box-02 .inner-box-wrap .inner-box{background:#f5f5f5; padding:5%; box-sizing:border-box;}
.ideology-box-02 .inner-box-wrap .inner-box span{display: block; position: relative; width:100%; height:0; padding-top:54.64%;}
.ideology-box-02 .inner-box-wrap .inner-box span img{position: absolute; max-width:100%; max-height:100%; top:0; right:0; bottom:0; left:0; margin:auto;}
.ideology-box-02 .inner-box-wrap .quality-tit{display: block; font-size:20px; line-height:1.5em; letter-spacing:-0.25px; color:#484848; text-align:center; margin-top:18px}

/* --------- 회사 연혁 --------- */
.history-top-box{position: relative; background:no-repeat center top;  padding:8.33% 0 6.98%; margin-bottom:95px;}
#tabConM01 .history-top-box{background-image:url('/images/content/history_top_img01.jpg');}
#tabConM02 .history-top-box{background-image:url('/images/content/history_top_img02.jpg');}
#tabConM03 .history-top-box{background-image:url('/images/content/history_top_img03.jpg');}
.history-top-box:before{padding: absolute; content:''; top:-1px; left:0; width:100%; height:1px; background:#ddd; z-index:-1;}
.history-top-box .tit-box{text-align:center;}
.history-top-box .tit-box .sub-tit{font-size:24px; color:#fff; margin-bottom:20px;}
.history-top-box .tit-box .tit{font-size:72px; color:#fff; margin-bottom:67px;}
.history-top-box .tit-box .txt{font-size:22px; line-height:1.5em; letter-spacing:-0.65px; color:#fff; opacity:0.5;}

.history-tab-style{max-width:1000px; margin:0 auto;}
.history-tab-style ul li{border:none;}
.history-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.history-tab-list-style ul:after{display:none}
.history-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#fff; /* border:1px solid #e5e5e5; */ border-left:0 }
.history-tab-list-style ul li:before{position: absolute; content:''; width:1px; height:14px; background:#d8d8d8; right:0; top:23px;}
.history-tab-list-style ul li:last-child:before{display: none;}
.history-tab-list-style ul li a{position: relative; display:table; height:61px; width:100%;}
.history-tab-list-style ul li a:before{position: absolute; content:''; width:60%; height:2px; background:#0053a0; bottom:-1px; left:20%; opacity:0; transition:all 0.3s;}
.history-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:20px; line-height:1.3em; letter-spacing:-0.30px; text-align:center; font-weight:bold; transition:all 0.3s;}
.history-tab-list-style ul li.selected{z-index:1; }

.company-history-wrapper.over:before{background:#0053a0;}
.company-history-wrapper.over .company-history-info-box::after{background:#0053a0;}

/* 2015 - 현재 연도 부분만 display:none; */
#tabConM01 .tit-box .sub-tit{display:none;}

/* --------- 인사말 --------- */
.cm-company-img-box{display: table; width:100%; height:510px; background:no-repeat center; text-align:center; margin-bottom:108px;}
.cm-company-img-box.box-greeting{background-image:url('/images/content/greeting_wrap_img.jpg');}
.cm-company-img-box.box-ideology{background-image:url('/images/content/ideology_wrap_img.jpg');}
.cm-company-img-box.box-summary{background-image:url('/images/content/summary_wrap_img.jpg');}
.cm-company-img-box .inner-txt-box{display: table-cell; vertical-align:middle; padding:0 5%;}
.cm-company-img-box .txt-sub{font-size:22px; line-height:1.5em; letter-spacing:-0.65px; color:#fff; font-weight:400; margin-top:35px;}
.cm-company-img-box .txt{font-size:36px; line-height:1.38em; letter-spacing:-0.65px; color:#fff;}
.cm-company-img-box .txt-en{font-size:18px; line-height:1.5em; color:#fff; opacity:0.7; margin-top:25px;}
.cm-company-img-box .txt-en-02{font-size:16px; line-height:1.5em; letter-spacing:2px; color:#fff; opacity:0.7; font-weight:400; margin-bottom:37px;}

.cm-company-txt-table{display: table; width:100%;}
.cm-company-txt-table .right-txt-box{display: table-cell; width:47.67%; vertical-align:top;}
.cm-company-txt-table .right-txt-box .txt{font-size:42px; line-height:1.38em; letter-spacing:-0.65px; color:#2e2e2e;}
.cm-company-txt-table .left-txt-box{display: table-cell; width:52.33%; vertical-align:top;}
.cm-company-txt-table .left-txt-box .txt{font-size:18px; line-height:2.11em; letter-spacing:-0.65px; color:#525252; margin-bottom:38px;}
.cm-company-txt-table .left-txt-box .txt:last-child{margin-bottom:0;}
.cm-company-txt-table .left-txt-box .txt.ceo-name{font-weight:600;}


/* --------- 조직구성 --------- */
.org-con-wrap{margin-top:7.5em;}

/* --------- 오시는길 --------- */
.global-map-con{position: relative; width:100%; height:576px; background:no-repeat left; background-image:url("/images/content/location_map_img.jpg");}
.global-map-con{position:relative; text-align:center}
.global-map-con img{max-width:100%}
.global-map-con-m{display:none;}
.global-nation-box{position:absolute; top:0px; left:0px; width:100%; height:100%; }
@keyframes nation-circle {
  0% {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0.5; 
   }
  50% {
	opacity: 1.0; 
   }
  100% {
	-webkit-transform: scale(1);
			transform: scale(1);
	opacity: 0; } 
}
.nation-circle{position:absolute; display:inline-block;width:125px; padding-top:125px}
.nation-circle.circle-01{left:551px; top:150px;}
.nation-circle.circle-02{left:423px; top:268px;}
.nation-circle:before{position: absolute; content:''; width:7px; height:7px; border:2px solid #fff; -webkit-border-radius:50%;border-radius:50%; top:50%; left:50%; -webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%); z-index:99}
.nation-circle > span:nth-child(2) {
	-webkit-animation-delay: 1s;
	animation-delay: 1s; 
}
.nation-circle > span:nth-child(3) {
	-webkit-animation-delay: 2s;
		animation-delay: 2s;
}
.nation-circle > span:nth-child(4) {
	-webkit-animation-delay: 3s;
		animation-delay:3s;
}
.nation-circle > span {
	background:rgba(0,83,160,0.1);
	border-radius: 50%;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	left: 0;
	top: 0px;
	opacity: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: nation-circle 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite;
	animation: nation-circle 4s cubic-bezier(1, 2, 0.66, 0.5) infinite; 
	}

	.map-txt{position: absolute; font-size:15px; line-height:1.2em; letter-spacing:-0.65px; color:#00529f; width:200px; bottom:-8px; font-weight:600; left:50%; -webkit-transform:translateX(-50%);transform:translateX(-50%);}
	.map-txt b{color:#525252}
	.circle-02 .map-txt{bottom:-40px;}
	

	/* 오시는길 :: 정보 */
	.location-info-wrap{margin-top:60px;}
	.lcoation-info-con{display: table; width:100%; border-bottom:1px solid #e2e2e2; margin-bottom:55px; padding-bottom:55px;}
	.lcoation-info-con:last-child{border-bottom:0; margin-bottom:0; padding-bottom:0;}
	.lcoation-info-con .info-tit-box{display: table-cell; width:33.07%; vertical-align:top;}
	.lcoation-info-con .info-tit-box .tit{font-size:36px; line-height:1.16em; letter-spacing:-0.65px; color:#00529f;}
	.lcoation-info-con .info-tit-box .sub-tit{font-size:22px; line-height:1.91em; letter-spacing:-0.65px; color:#525252;}
	.lcoation-info-con .info-txt-box{display: table-cell; width:66.93%; vertical-align:top;}
	.lcoation-info-con .info-txt-box dl{position: relative; margin-bottom:12px;}
	.lcoation-info-con .info-txt-box dl dt{position: absolute; left:0;}
	.lcoation-info-con .info-txt-box dl dt .cm-txt{color:#525252; font-weight:bold;}
	.lcoation-info-con .info-txt-box dl dd{position: relative; margin-left:190px;}
	.lcoation-info-con .info-txt-box dl dd .cm-txt{color:#525252;}
	.lcoation-info-con .info-txt-box dl dd:before{position: absolute; content:''; width:1px; height:15px; background:#e1e1e1; left:-20px; top:6px;}

	.map-link-wrap{display: flex; /* justify-content: space-between; */ flex-wrap:wrap; width:100%; /* margin-top:20px; */ margin: 20px -10px 0;}
	.map-link-wrap .map-link-btn{display: table; width:32%; padding:20px 4.02%; box-sizing:border-box; background:#f5f5f5; border-radius:112px; margin: 0 10px;}
	.map-link-wrap .map-link-btn span{display: table-cell; width:23px; vertical-align:middle;}
	.map-link-wrap .map-link-btn p{display: table-cell; width:calc(100% - 23px); padding-left:10px; vertical-align:middle; color:#525252; font-weight:500;}
	

/* ******************  사업소개 ********************** */
/* --------- 표면처리약품 --------- */
/* 리스트페이지 :: Left-box */
.surface-page{display: block; position: relative; width:100%; vertical-align:top;}
.sub-left-box-wrapper-style{display: block; position: absolute; width:260px; left:0; z-index:1;}
.left-list-item .left-item-tit-box{display: table; table-layout:fixed; width:100%; height:72px; padding:0 35px; border:1px solid #e2e2e2; box-sizing:border-box; cursor:pointer; transition: all 0.3s;}
.left-list-item .left-item-tit-box .tit{display: table-cell; vertical-align:middle; width:90%; font-size:19px; line-height:1.68em; letter-spacing:-0.55px; color:#2a2a2a; font-weight:600;}
.left-list-item .left-item-tit-box i{display: table-cell; vertical-align:middle; font-size:19px; color:#959595;}

.left-list-item .item-list{background:#f2f2f2; padding:15px 35px; border:1px solid #e2e2e2; border-top:0; border-bottom:0; box-sizing:border-box; display: none;}
.left-list-item:last-child .item-list{border-bottom:1px solid #e2e2e2;}
.left-list-item .item-list li{margin-top:12px; transition:all 0.3s;}
.left-list-item .item-list li:first-child{margin-top:0px;}
.left-list-item .item-list li .cm-txt{transition:all 0.3s;}

.left-list-item .item-list li.selected .cm-txt, .left-list-item .item-list li:hover .cm-txt{font-weight:600; color:#0053a0;}

.left-list-item.cur .item-list{display: block;}
.left-list-item.cur .left-item-tit-box, .left-list-item .left-item-tit-box:hover{ background:#0053a0; border-color:#0053a0;}
.left-list-item.cur .left-item-tit-box .tit, .left-list-item .left-item-tit-box:hover .tit{color:#fff;}
.left-list-item.cur .left-item-tit-box i, .left-list-item .left-item-tit-box:hover i{color:#fff;}

.sub-left-box-wrapper-style.box-fixed .left-box-item {position:fixed; top:30px; width:260px; }
.sub-left-box-wrapper-style.bottom-fixed {position:absolute; bottom:0; top:auto; width:100%; width:260px;}

/* 리스트페이지 :: Right-content */
.sub-right-con-box{display: block; width:100%; padding-left:330px; vertical-align:top; box-sizing:border-box;}
.sub-right-con-box .right-con-tit{font-size:36px; letter-spacing:-0.25px; color:#353535; font-weight:600; margin-bottom:34px;}
.sub-right-con-box .cm-btn-controls{overflow:visible;}
/* 리스트페이지 :: Right-content :: 제품리스트 */
.cm-surface-txt-01{font-size:15px; line-height:1.5em; letter-spacing:-0.55px; color:#828282;}
.cm-surface-txt-02{font-size:14px; line-height:1.5em; letter-spacing:-0.55px; color:#828282;}
.cm-surface-txt-02.cm-dashed:before{top:10px;}
.surface-table{width:100%;}
.surface-table thead tr th{background:#353535; border-right:1px solid #e6e6e6; box-sizing:border-box; padding:18px 3px;}
.surface-table thead tr th .cm-surface-txt-01{color:#fff;}
.surface-table tbody tr:nth-child(even){background:#f8f8f8;}
.surface-table tbody tr th{font-weight:400; padding:0 5px;}
.surface-table tbody tr th, .surface-table tbody tr td{border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; box-sizing:border-box;}
.surface-table tbody tr td{padding:18px 24px;}
.surface-table tbody tr td:last-child{border-right:0;}
.surface-table tbody tr td .cm-txt{margin-bottom:4px;}

.surface-table tbody tr td .link-btn{display: block; width:37px; height:37px; margin:auto; text-align:center; background:#e2e2e2; -webkit-border-radius:50%;border-radius:50%; transition: all 0.3s;}
.surface-table tbody tr td .link-btn i{font-size:18px; color:#828282; line-height:37px; transition: all 0.3s;}
.surface-table tbody tr td .link-btn:hover{ background:#0053a0;}
.surface-table tbody tr td .link-btn:hover i{color:#fff;}

.surface-item-wrap{margin-bottom:65px;}
.surface-item-wrap:last-child{margin-bottom:0px;}
.surface-item-tit{display: block; font-size:26px; line-height:1.38em; letter-spacing:-0.55px; color:#353535; margin-bottom:13px;}
.surface-item-tit i{color:#0053a0; margin-left:-5px; font-size:20px;}

/* 뷰페이지 */
.right-sub-tit{position: relative; display: block; font-size:26px; line-height:1.38em; letter-spacing:-0.55px; color:#0053a0; font-weight:600; margin-bottom:60px;}
.right-sub-tit:before{position: absolute; content:''; width:100%; height:1px; background:#dbdbdb; bottom:-9px; left:0;}
.right-sub-tit:after{position: absolute; content:''; width:48px; height:1px; background:#0053a0; bottom:-9px; left:0;}

.editor-inner-box{margin-bottom:70px;}
.editor-inner-box:last-child{margin-bottom:0;}
.editor-inner-box .tit{position: relative; display: block; font-size: 22px; line-height:1.18em; letter-spacing:-0.65px; color:#353535; font-weight:600; padding-left:10px; margin-bottom:10px;}
.editor-inner-box .tit:before{position: absolute; content:''; width:5px; height:5px; top:3px; left:0; background:#525252;}
.editor-inner-box .tit:after{position: absolute; content:''; width:5px; height:5px; top:10px; left:0; background:#0053a0;}
.business-right-con{/* border-bottom:1px solid #dbdbdb; */ padding-bottom:30px;}
@media all and (max-width:800px){
	.cm-surface-txt-01{font-size:13px;}
	.cm-surface-txt-02{font-size:12px;}
	.cm-surface-txt-02.cm-dashed:before{top:8px;}	
}

/* --------- 표면처리설비 --------- */
/* 표면처리설비 :: 상단 공통 */
.plating-item-wrap{display: table; width:100%; border:1px solid #e0e0e0; box-sizing:border-box; margin-bottom:135px;}
.plating-item-wrap .left-box{display: table-cell; width:32%; text-align:center; background:#f4f4f4; vertical-align: middle; padding:0 15px; box-sizing:border-box;}
.plating-item-wrap .left-box .plating-txt{font-size:26px; line-height:1em; letter-spacing:-0.65px; font-weight:600;}
.plating-item-wrap .left-box span{display: block; margin:30px 0;}
.plating-item-wrap .left-box span img{max-width:100%;}
.plating-item-wrap .right-box{display: table-cell; width:68%; padding:40px 55px; box-sizing:border-box;}
.plating-right-list li{display: flex; align-items: center; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed rgba(52,52,52,0.2);}
.plating-right-list li:last-child{padding-bottom:0; margin-bottom:0; border-bottom:0;}
.plating-right-list li .plating-list-tit{position: relative; display: table; width:34.03%; height:90px; border-radius:45px; background:#e5ebf1; text-align:center;}
.plating-right-list li .plating-list-tit:before{position: absolute; content:''; width:26px; height:19px; background:no-repeat center; background-image:url('/images/content/plating_top_arrow.png'); right:-50px; top:50%; transform:translateY(-50%);}
.plating-right-list li .plating-list-tit span{display: table-cell; vertical-align:middle; font-size:22px; line-height:1.45em; letter-spacing:-0.65px;}

.plating-right-list .plating-list-txt{display: table; width: 63.97%; padding-left:80px; box-sizing:border-box;}
.plating-right-list .plating-list-txt dl{display: table-cell; vertical-align:middle;}
.plating-right-list .plating-list-txt dl dt .cm-txt{text-indent:3px; color:#525252; font-weight:600; margin-bottom:5px;}
.plating-right-list .plating-list-txt dl dd .cm-txt{margin-bottom:5px;}
.plating-right-list .plating-list-txt dl dd .cm-txt:last-child{margin-bottom:0;}

@media all and (min-width:801px){
	.plating-tab-style .sub-tab-wrapper-style{margin-bottom:47px;}
	.plating-tab-style .sub-tab-list-style ul li{width:33.33%; margin-left:0; border-bottom:1px solid #0053a0; border-left:none;}
	.plating-tab-style .sub-tab-list-style ul li:first-child{border-left:1px solid #e2e2e2;}
	.plating-tab-style .sub-tab-list-style ul li a em{font-weight:600;}
}

.editor div{width:100% !important; margin-right:0 !important; margin-left:0 !important;}

/* 표면처리설비 :: 테이블 공통 */
.plating-table{border-top:1px solid #424242; box-sizing:border-box; margin-top:19px; width:100%;}
.plating-table tbody tr th, .plating-table tbody tr td{border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; padding:20px 10px; box-sizing:border-box;}
.plating-table tbody tr td:last-child{border-right:0}
.plating-table tbody tr th{background:#f4f4f4;}
.plating-table tbody tr th .cm-txt{color:#353535;}
.plating-table tbody tr td{text-align:center;}
.plating-table tbody tr td .cm-txt{position: relative; z-index:1;}
.plating-table tbody tr td.table-sub-tit .cm-txt{color:#353535;}
.plating-table tbody tr td.table-txt{text-align:left; padding:20px 30px;}

.plating-popup-list{margin-top:14px;}
.plating-popup-list li{margin-bottom:8px;}
.plating-popup-list li:last-child{margin-bottom:0px;}
.plating-popup-list li a{display: block; position: relative; width:100%; background:#f5f5f5; border-radius:50px; padding:17px 30px; border:3px solid #f5f5f5; box-sizing:border-box; z-index:1;}
.plating-popup-list li a em{display: block; color:#525252; font-weight:500; width:calc(100% - 100px); word-break:keep-all;}
.plating-popup-list li a span{position: absolute; top:calc(50% + 3px); right:30px; -webkit-transform:translateY(-50%);transform:translateY(-50%); color:#b9b9b9; font-weight:500; text-align:right;}
.plating-popup-list li a span i{position: relative; font-size:30px; vertical-align:middle; top:-3px;}

.plating-popup-list li a:hover{background:#fff; border-color:#0053a0; transition:all 0.3s;}
.plating-popup-list li a:hover span, .plating-popup-list li a:hover em{color:#0053a0; transition:all 0.3s;}


.border-red-box{position: relative;}
.border-red-box:before{position: absolute; content:''; width:calc(100% + 1px); height:calc(100% + 2px); border:2px solid #bf2639; top:-1px; left:-1px; box-sizing:border-box;}
.border-red-box.box-01:before{border-right:0;}
.border-red-box.box-02:before{border-left:0;}
.border-red-box.box-02:after{position: absolute; content:''; width:141.5%; height:100%; box-shadow: 7px 11px 18px 0px rgba(0, 0, 0, 0.19); top:0; left:-41.5%;}
.border-red-box.box-02 .cm-txt{padding-left:10px; box-sizing:border-box;}
.border-red-box.box-02 .cm-txt.cm-dotted{color:#b83838; text-indent:0px; font-weight:bold;}

/* 표면처리설비 :: 슬라이드 */
#tabConM03 .plating-img-slide-wrap .cm-tit-dotted{margin-bottom:17px;}
.plating-img-slide-wrap{width:100%; margin-top:60px;}
.plating-img-slide{position: relative; margin:0 -10px;}
.plating-img-slide li{margin:0 10px;}
.plating-img-slide li img{width:100%;}
.plating-img-slide .slick-arrow{position: absolute; top:50%; -webkit-transform:translateY(-50%);transform:translateY(-50%); font-size:30px;}
.plating-img-slide .slick-arrow.slick-prev{left:-30px;}
.plating-img-slide .slick-arrow.slick-next{right:-30px;}

/* 표면처리설비 :: 설비제어 */
.plating-tab-03-con .gray-box{background:#f7f7f7; text-align:center; padding:4.38% 4.38% 2%; margin-top:46px;}
.plating-tab-03-con .gray-box .sub-tit{display: block; font-size:30px; line-height:1.2em; letter-spacing:-0.25px; color:#4b4b4b; font-weight:600; margin-bottom:40px;}
.plating-tab-03-con .gray-box .sub-tit span{color:#0072db;}
.plating-tab-03-con .gray-box img{max-width:100%;}


/* 표면처리설비 :: 팝업창 */
.plating-modal-content{position: relative; width:100%; max-width:1400px; margin:30px auto; }
.plating-modal-wrap{position: relative; background:#fff; padding:60px 50px; box-sizing:border-box;}
.plating-popup-con .popup-tit-box{margin-bottom:40px;}
/* 팝업스타일 01 */
.popup-list-type01{display: table; width:100%; padding:22px 4.96%; border:1px solid #dbdbdb; box-sizing:border-box; margin-bottom:15px;}
.popup-list-type01:last-child{margin-bottom:0px;}
.popup-list-type01 .img-box{display: table-cell; width:144px; vertical-align:middle;}
.popup-list-type01 .img-box span{position: relative; display: block; width:144px; height:0; padding-top:144px; -webkit-border-radius:50%;border-radius:50%;}
.popup-list-type01 .img-box span img{position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-width:100%; height:100%;}
.popup-list-type01 .txt-box{position: relative; display: table-cell; width:calc(100% - 144px); vertical-align:middle; padding-left:5.68%;}
.popup-list-type01 .txt-box .tit{position: absolute; font-size:24px; line-height:1.16em; letter-spacing:-0.45px; font-weight:600; top:50%; transform:translateY(-50%); width:23%;}
.popup-list-type01 .txt-box ul{padding-left:25.85%;}
.popup-list-type01 .txt-box ul li .cm-txt{margin-bottom:5px; padding-right:10px;}
.popup-list-type01 .txt-box ul li .cm-txt.cm-dotted{padding-left:20px;}
.popup-list-type01 .txt-box ul li .cm-txt.cm-dotted:before{left:10px;}
.popup-list-type01 .txt-box ul li.inner-box{display: flex;}
.popup-list-type01 .txt-box ul li.inner-box .inner-con-01{width:55%;}
.popup-list-type01 .txt-box ul li.inner-box .inner-con-02{/* width:35.93%; */}
/* 팝업스타일 02 */
.popup-list-type02{display: flex; width:100%; padding-top:11px;}
.popup-list-type02 .list-con{position: relative; width:30.94%; margin-right:3.61%;}
.popup-list-type02 .list-con:last-child{margin-right:0;}
.popup-list-type02 .list-con span img{max-width:100%;}
.popup-list-type02 .list-con .num{position: absolute; top:-24px; left:10px; font-size:16px; letter-spacing:-0.45px; color:#fff; font-weight:bold; width:48px; height:48px; line-height:48px; text-align:center; -webkit-border-radius:50%;border-radius:50%; background:#0053a0;}
.popup-list-type02 .list-con .txt{font-size:24px; line-height:1.5em; letter-spacing:-0.45px; font-weight:bold; margin:17px 0 7px;}
/* 팝업스타일 03 */
.popup-list-type03{display: flex; width:100%;}
.popup-list-type03 .img-box{position: relative; width:calc(50% - 5px); margin-right:10px; background:#f4f4f4; text-align:center; padding:35px 20px; box-sizing:border-box;}
.popup-list-type03 .img-box.left-img-box span{position: absolute; width: calc(100% - 40px); top: 50%; left: 50%; transform: translate(-50%, -50%);}
.popup-list-type03 .img-box span img{max-width:100%;}
.popup-list-type03 .img-box:last-child{margin-right:0;}
.popup-list-type03 .img-box .cm-txt{color:#4b4b4b; font-weight:600; margin-top:20px;}


.plating-modal-content .modal-close-btn{top:45px; right:45px; z-index:1;}
.plating-modal-content .modal-close-btn i{color:#000;}
@media all and (max-width:1460px){
	.plating-modal-content{max-width:none; width:100%; padding:100px 30px; box-sizing:border-box;}
}
@media all and (max-width:1220px){
	/* 팝업스타일 01 */
	.popup-list-type01 .txt-box .tit{width:170px;}
	.popup-list-type01 .txt-box ul{padding-left:200px;}
	.popup-list-type01 .txt-box ul li.inner-box{display: block;}
	.popup-list-type01 .txt-box ul li.inner-box .inner-con-01{width:100%;}
}
@media all and (max-width:1024px){
	/* 팝업스타일 01 */
	.popup-list-type01 .txt-box .tit{width:150px;}
	.popup-list-type01 .txt-box ul{padding-left:170px;}	
}
@media all and (max-width:800px){
	.plating-modal-wrap{padding:40px 20px;}
	.plating-popup-con .popup-tit-box{margin-bottom:20px;}
	.plating-tab-03-con .gray-box{margin-top:20px;}
	#tabConM03 .plating-img-slide-wrap .cm-tit-dotted{margin-bottom:10px;}
	/* 팝업스타일 01 */
	.popup-list-type01 .txt-box .tit{position: relative; display: block; width:100%; top:auto; -webkit-transform:translate(0);transform:translate(0); font-size:17px; margin-bottom:15px;}
	.popup-list-type01 .txt-box .tit br{display: none;}
	.popup-list-type01 .txt-box ul{padding-left:0;}
	.plating-modal-content .modal-close-btn{top:20px; right:20px; z-index:1;}
	/* 팝업스타일 02 */
	.popup-list-type02{display: block;}
	.popup-list-type02 .list-con{width:100%; margin-right:0; margin-bottom:40px;}
	.popup-list-type02 .list-con .num{font-size:13px; width:40px; height:40px; line-height:40px; top:-20px;}
	.popup-list-type02 .list-con span img{max-width:none; width:100%;}
	.popup-list-type02 .list-con .txt{font-size:17px; margin:10px 0 5px;}
	/* 팝업스타일 03 */
	.popup-list-type03{display: block;}
	.popup-list-type03 .img-box{width:100%; margin-right:0; margin-bottom:20px; padding:15px;}
	.popup-list-type03 .img-box.left-img-box span{position: relative; top:auto; left:auto; transform:translate(0,0);}
}
@media all and (max-width:640px){
	/* 팝업스타일 01 */
	.popup-list-type01{display: block; padding:20px 15px;}
	.popup-list-type01 .img-box{display: block; margin:auto; margin-bottom:20px;}
	.popup-list-type01 .txt-box{display: block; width:100%; padding-left:0;}
}


/* --------- 기술연구소 --------- */
/* 연구소소개 */
.institute-con-wrap{position: relative;}
/* 컨트롤러 영역 */
.tech-rolling-control{position:absolute; left:0; right:0; bottom: 67px; width:100%; z-index:9;}
/* 진행바 */
.tech-rolling-loading-wrapper{width: 100%;}
.tech-rolling-loading-wrapper ul{text-align: center;}
.tech-rolling-loading-wrapper ul li{margin: 0 10px; display: inline-block;}
.tech-rolling-control .main-visual-loading-bar{position: relative;}
/* Circle */
.tech-rolling-circle-box{display:inline-block; vertical-align:middle; z-index:999; text-align:center;}
.tech-rolling-circle-box .circle-box {position:relative; margin:auto; width:26px; height:26px; border-radius: 50%; z-index:11; box-sizing:border-box;}
.tech-rolling-circle-box .circle-box:before{position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; content: ''; width: 10px; height: 10px; background-color: #fff; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.1s; transition: all 0.1s;}
.tech-rolling-loading-wrapper ul li.active .tech-rolling-circle-box .circle-box:before{top: 0; left: 0; margin-top: 0; margin-left: 0; width: 100%; height: 100%; border:2px solid rgba(255, 255, 255, 0.2); background-color: transparent;}
.tech-rolling-circle-box .circle-box svg{overflow: visible; position:absolute; top:1px; left:1px; width:24px; height:24px; fill:none; stroke:#fff; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); z-index: 1;}
.tech-rolling-circle-box .circle-box svg circle {transform-origin: center; stroke: #fff; stroke-dasharray: 401.4743; stroke-dashoffset: 401.4743; stroke-width:10px;}

.institute-con-wrap{position: relative; max-width: 1081px; width: 83.15%; margin:7.5em auto 0px;}
.institute-slide-con{position: relative;}
.institute-wrap{position: relative; width:83.07%; width: 100%; height:0px; padding-top:48.53%; padding-top: 58.37%; margin:auto; text-align:center; background:no-repeat center; background-size: cover !important;}
.institute-wrap .tit{position: absolute; opacity:0; width:100%; padding:0 30px 60px; box-sizing:border-box; font-size:48px; line-height:1.25em; letter-spacing:-0.65px; color:#fff; top:50%; left:50%; -webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%); transition:all 0.3s;}
.swiper-slide-active .institute-wrap .tit{opacity:1}
.institute-slide-item{-webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0);}

@media all and (min-width:1025px){
	.institute-slide-item.swiper-slide-next .institute-wrap{margin-left:0;}
	.institute-slide-item.swiper-slide-prev .institute-wrap{margin-right:0;}
}

/* swiper :: btn */
.institute-con-wrap .swiper-button-prev, 
.institute-con-wrap .swiper-button-next{font-size:32px; color:#032e2e;}
.institute-con-wrap .swiper-button-prev{left: -65px;}
.institute-con-wrap .swiper-button-next{right: -65px;}


/* 장비보유현황 */
.technology-list-wrap{display: flex; flex-wrap:wrap; /* justify-content: space-between;  */width:100%;}
.technology-con{width:32%; margin-right:2%;}
.equipment-list .technology-con{margin-top:4%;}
.certification-list .technology-con{margin-top:9%;}
.technology-con:nth-child(-n+3){margin-top:3.8%;}
.technology-con:nth-child(3n){margin-right:0%;}
.technology-con .img-box{background:#f8f8f8; margin-bottom:22px; padding:5%; box-sizing:border-box;}
.technology-con .img-box span{position: relative; display: block; width:100%; height:0; padding-top:66.42%;}
.technology-con .img-box span img{position: absolute; top:0; right:0; bottom:0; left:0; margin:auto; max-width:100%; max-height:100%;}

.equipment-info-box{}
.equipment-info-box .tit{position: relative; font-size:24px; line-height:1.66em; letter-spacing:-0.65px; color:#000; padding-bottom:15px; margin-bottom:13px;}
.equipment-info-box .tit:before{position: absolute; content:''; width:100%; height:1px; background:#ebebeb; left:0; bottom:0;}
.equipment-info-box .tit:after{position: absolute; content:''; width:17.26%; height:1px; background:#0053a0; left:0; bottom:0;}
.equipment-info-box dl{position: relative; margin-bottom:8px;}
.equipment-info-box dl:last-child{margin-bottom:8px;}
.equipment-info-box dl dt{position: absolute; left:0;}
.equipment-info-box dl dt p{color:#2f2f2f; padding-left:7px;}
.equipment-info-box dl dt p:before{top:14px; background-color:#0053a0; border-radius:0;}
.equipment-info-box dl dd{padding-left:80px;}
.equipment-info-box dl dd p{color:#959595;}


/* 연구소 둘러보기 */
.around-top-box{text-align:center; margin:95px 0 50px;}
.around-top-box .top-tit{display: block; font-size:42px; line-height:1.38em; letter-spacing:-0.65px; color:#525252; font-weight:400; margin-bottom:50px;}
.around-top-box p{color:#959595;}

.around-con-list-box{display: flex; flex-wrap:wrap; justify-content: center; width:100%;}
.around-con-list-box .around-item{width:48.46%; margin-top:50px;}
.around-con-list-box .around-item:first-child{margin-right:3.08%;}
.around-item .cm-tit-dotted{margin-bottom:17px;}


/* slick */
.around-item-list{display: table; width:100%; table-layout:fixed;}
.around-img-list-wrap{display: table-cell; width:68.57%; vertical-align:top;}
.around-img-list img{width:100%;}

.around-txt-list-wrap{position: relative; display: table-cell; width:31.43%; vertical-align:top; background:#000;}
.around-txt-list li{width:100%;}
/* .around-txt-list li a{display: table; width:100%; background:#3f3f3f; border-top:1px solid rgba(255,255,255,0.1); text-align:center; padding:13.42% 0; box-sizing:border-box; transition:all 0.8s;}
.around-txt-list li a em{display: table-cell; vertical-align:middle; color:#fff; opacity:0.6;} */
.around-txt-list li a{position: relative; display: block; width:100%; background:#3f3f3f; border-top:1px solid rgba(255,255,255,0.1); text-align:center; padding-top:calc(41% + 5px); box-sizing:border-box; transition:all 0.8s;}
.around-txt-list li a em{position: absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); color:#fff; opacity:0.6;}

.around-txt-list li.slick-current a{background:#0053a0;}
.around-txt-list li.slick-current a em{color:#fff; opacity:1;}

.slick-arrow.around-slick{position: absolute; bottom:0px; width:50%; padding:17.18%; z-index:11; background:#000;}
.slick-arrow.around-slick i{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:9; font-size:24px; opacity:0.8; color:#fff;}
.slick-prev.around-slick{left:0; border-right:1px solid rgba(255,255,255,0.15);}
.slick-next.around-slick{right:0;}

.around-con-wrap .technology-con .img-box{padding:0; background:#fff;}
.around-con-wrap .technology-con .img-box span{padding-top:76.38%;}

/* 특허현황 */
.certification-info-box .tit{font-size:26px; line-height:1.5em; letter-spacing:-0.25px; color:#484848; margin-bottom:11px;}
.certification-info-box p{margin-bottom:5px;}
.certification-info-box p:last-child{margin-bottom:0px;}


/* ****************** 베트남법인 ********************** */
/* --------- 회사개요 --------- */
.summary-con{margin-bottom:9em;}
.summary-con:last-child{margin-bottom:0em;}
/* 회사개요 :: 아이콘리스트 */
.summary-list-wrap{display: flex; justify-content: space-evenly; width:100%;}
.summary-list-wrap .list-con{width:15.38%; text-align:center;}
.summary-list-wrap .list-con .icon{display: block; width: 107px; height: 0; padding-top:107px; background:no-repeat center; background-size:cover; margin:0 auto 13px; -webkit-border-radius:50%;border-radius:50%;}
.summary-list-wrap .list-con .icon.icon01{background-image:url('/images/content/summary_icon01.png');}
.summary-list-wrap .list-con .icon.icon02{background-image:url('/images/content/summary_icon02.png');}
.summary-list-wrap .list-con .icon.icon03{background-image:url('/images/content/summary_icon03.png');}
.summary-list-wrap .list-con .icon.icon04{background-image:url('/images/content/summary_icon04.png');}
.summary-list-wrap .list-con .icon.icon05{background-image:url('/images/content/summary_icon05.png');}
.summary-list-wrap .list-con .icon.icon06{background-image:url('/images/content/summary_icon06.png');}
.summary-list-wrap .list-con:nth-child(odd) .icon{background-color:#f3f3f3;}
.summary-list-wrap .list-con:nth-child(even) .icon{background-color:#e5edf5;}
/* 회사개요 :: 테이블 */
.summary-table{width:100%; border-top:1px solid #353535;}
.summary-table tbody th, .summary-table tbody td{border-bottom:1px solid #e6e6e6;}
.summary-table tbody th{background:#f8f8f8;}
.summary-table tbody th p{color:#353535;}
.summary-table tbody td{padding:20px 3.46%;}
.summary-table tbody td .inner-list{display: flex; flex-wrap:wrap; width:100%;}
.summary-table tbody td .inner-list li{width:50%; padding-right:10px; box-sizing:border-box;}
.summary-table tbody td .inner-list li p{line-height:1.6em;}


/* --------- 법인안내 --------- */
.intro-list-con .intro-item dt{position: relative; width:100%; background:#f7f7f7; padding:28px 39px; box-sizing:border-box; border:1px solid #dcdcdc; border-top:0; transition:all 0.3s;}
.intro-list-con .intro-item:first-child dt{border-top:1px solid #dcdcdc;}
.intro-list-con .intro-item dt .tit{font-size:20px; line-height:1.3em; letter-spacing:-0.65px; color:#353535; transition:all 0.3s;}
.intro-list-con .intro-item dt span{position: absolute; display: table; top:50%; right:45px; -webkit-transform:translateY(-50%);transform:translateY(-50%);  width:28px; height:28px; background:#cdcdcd; text-align:center; -webkit-border-radius:50%;border-radius:50%; transition:all 0.3s;}
.intro-list-con .intro-item dt span i{display: table-cell; vertical-align:middle; color:#fff;}

.intro-list-con .intro-item.open dt, .intro-list-con .intro-item:hover dt{background:#0053a0;}
.intro-list-con .intro-item.open dt .tit, .intro-list-con .intro-item:hover dt .tit{color:#fff;}
.intro-list-con .intro-item.open dt span, .intro-list-con .intro-item:hover dt span{background:rgba(255,255,255,0.1);}
.intro-list-con .intro-item.open dt i:before{content:'\e930';}

.intro-list-con .intro-item dd{padding:25px 39px; border:1px solid #dcdcdc; border-top:0; box-sizing:border-box; display: none;}
.intro-inner-box .inner-con{margin-bottom:21px;}
.intro-inner-box .inner-con .cm-tit-dotted{font-size:20px;}
.intro-inner-box .inner-img-box{text-align:center;}
.intro-inner-box .inner-img-box img{max-width:100%;}

.inner-box-double{display: flex; width:100%;}
.inner-box-double .box-double{width:50%; padding-right:10px; box-sizing:border-box;}


/* ******************  투자정보 ********************** */
/* --------- 내부정보관리규정 --------- */
.regulation-con{margin-bottom:70px;}
.regulation-con:last-child{margin-bottom:0;}
.regulation-con .gray-tit-box{background:#f7f7f7; padding:12px; margin-bottom:18px;}
.regulation-con .gray-tit-box h5{margin-bottom:0; color:#0053a0;}
.regulation-con .regulation-inner{padding:0 12px; margin-bottom:32px;}
.regulation-con .regulation-inner dt{font-weight:bold; margin-bottom:5px;}
.regulation-con .regulation-inner dd p{margin-bottom:5px;}
.regulation-con .regulation-inner .cm-txt{color:#525252;}

.regulation-con .regulation-inner dd .plus-txt-box .plus-txt{padding-left:12px;}

.regulation-con .gray-plus-box{background:#f7f7f7; padding:12px 30px;}
.regulation-con .gray-plus-box strong{display: block; color:#0053a0;}
.regulation-con .gray-plus-box .cm-txt{margin-bottom:5px;}
.regulation-con .gray-plus-box .cm-txt:last-child{margin-bottom:0}


/* ******************  홍보실 ********************** */
/* --------- 공지사항 --------- */
.cm-board-page .bbs-list-head span {padding:0;border-top-color:#3f3f3f;border-bottom:0;}

/* 리스트 */
.cm-board-page .bbs-list-head span {padding:0; border-top-color:#3f3f3f; border-bottom:0;}
.cm-board-page .bbs-list-row.notice-row .notice-tit {width: 53px; height:23px; background-color:#0053a0; text-align:center; color:#fff; font-size:14px; line-height:23px; border-radius:0; padding:0px;}
.cm-board-page .bbs-subject-con .bbs-subject-txt {position:relative; padding-right:25px;text-overflow:unset; overflow:visible; white-space:normal; -webkit-box-sizing: border-box; box-sizing: border-box; }
.cm-board-page .bbs-subject-con .bbs-subject-txt em {display:inline-block; vertical-align:top; max-width:100%; letter-spacing:-0.5px;}
.cm-board-page .bbs-subject-con .bbs-subject-txt .new {position:absolute; right:0; top:50%; margin-top:-9px; display:block; width:18px; height:18px; border-radius:50%; font-size:10px; line-height:18px; color:#fff; background-color:#0053a0; text-align:center; font-weight:600; }
.cm-board-page .bbs-list-row .column {padding:28px 0; font-size:16px; color: #3f3f3f;}
.cm-board-page .bbs-list-row .column.download a{color:#3f3f3f; font-size:18px;}
.cm-board-page .bbs-list-row .column.date {color:#959595; font-weight:400;}
.cm-board-page .bbs-list-row:hover {background-color:#f7f7f7; }
.cm-board-page .bbs-list-row .column .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:0.5rem; font-weight:400; letter-spacing:-0.5px;
	font-family:"돋움",dotum,"나눔고딕", NanumGothic, "Nanum Gothic",Arial, sans-serif;
	-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;
}

/* 상단정보 */
.cm-board-page .bbs-view-top {position:relative; text-align:center; padding:0 50px 40px; border-top: none;}
.cm-board-page .bbs-view-top .notice {display:inline-block; width: 53px; height:23px; background-color:#0053a0; text-align:center; color:#fff; font-size:14px; line-height:23px; border-radius:0; padding:0px;}
.cm-board-page .bbs-view-top .bbs-tit {font-size: 40px; letter-spacing:-0.5px; color:#3f3f3f; line-height:1.3; font-weight:700; margin-top:10px;}
.cm-board-page .bbs-view-top .bbs-write-info {margin-top:15px; font-size: 16px; letter-spacing: -0.4px; color: #959595;}
.cm-board-page .bbs-view-top a {position:absolute; top:50%; margin-top: -20px; transform:translateY(-50%); font-size:45px; color:#9f9f9f;}
.cm-board-page .bbs-view-top a.prev-btn {left:0;}
.cm-board-page .bbs-view-top a.next-btn {right:0;}
/* 첨부파일 */
.cm-board-page .bbs-view-file-info-box {padding:40px 0; background-color:#fff; margin-bottom:0; border-bottom:0;}
.cm-board-page .bbs-view-file-info-box .tit {display:block; font-size:30px; letter-spacing:-0.5px; color: #3f3f3f; margin-bottom:10px; }
.cm-board-page .bbs-view-file-info-box .bbs-file-list a {display:inline-block; position:relative; padding-left: 25px; letter-spacing:-0.5px; color: #3f3f3f;}
.cm-board-page .bbs-view-file-info-box .bbs-file-list a:before {content:"\e904"; font-family:'xeicon'; position:absolute; left:0; top:0; }
/* 이전글,다음글 보기 */
.cm-board-page .bbs-view-prev-next-list {background-color: #f9f9f9; padding:28px 74px;}
.cm-board-page .bbs-view-prev-next-list li ,
.cm-board-page .bbs-view-prev-next-list li:first-child {border:0;}
.cm-board-page .bbs-prev-next-tbl th, .cm-board-page .bbs-prev-next-tbl td {height:38px; font-size:18px;}
.cm-board-page .bbs-prev-next-tbl .bbs-prev-next-tit {font-weight:600; padding-left:32px;}
.cm-board-page .bbs-prev-next-tbl .bbs-prev-next-tit i {right:auto; left:0;}
.cm-board-page .bbs-prev-next-tbl .bbs-prev-next-tit:after {display:none;}
.cm-board-page .bbs-prev-next-tbl td {position:relative; padding-right: 120px; }
.cm-board-page .bbs-prev-next-tbl td a {display:inline;}
.cm-board-page .bbs-prev-next-tbl td a .bbs-tit {display:inline-block; max-width:100%; vertical-align:middle;}
.cm-board-page .bbs-prev-next-tbl td .date {position:absolute; right:0; top: 50%; transform:translateY(-50%); color: #959595; font-size:16px;}
.cm-board-page .bbs-view-file-info-box + .bbs-view-prev-next-list {margin-top:0;}

.select-input .bbs-search-btn{font-size:20px; padding-right:15px; vertical-align:middle;}
/* 목록버튼 */
.cm-btn-controls .btn-style04{width:200px; height:58px; line-height:52px; box-sizing:border-box; background:#fff; border:3px solid #3f3f3f; color:#3f3f3f; font-size:18px; font-weight:700; border-radius:50px;}

/* --------- 카달로그 --------- */
.cadalog-con-wrap{background:no-repeat 70% center; background-image:url('/images/content/cadalog_bg.jpg'); background-size:cover; padding:7.69% 0 9.61%;}
.cadalog-con-wrap .txt-box{padding:0 9.23%; width:65%; box-sizing:border-box;}
.cadalog-con-wrap .txt-box .tit-en{font-size:16px; line-height:1.5em; color:#0053a0; font-weight:bold;}
.cadalog-con-wrap .txt-box .tit{font-size:36px; line-height:1.33em; color:#525252; font-weight:400; margin:20px 0;}
.cadalog-con-wrap .txt-box .txt{font-size:18px; line-height:1.5em; color:#525252;}
.cadalog-con-wrap .txt-box .cadalog-btn{display: table; width:238px; height:65px; text-align:center; background:#0053a0; margin-top:54px;}
.cadalog-con-wrap .txt-box .cadalog-btn em{display: table-cell; vertical-align:middle; font-size:18px; line-height:1.5em; letter-spacing:-0.65px; color:#fff;}

/* ******************  고객지원 ********************** */
/* --------- 온라인문의 --------- */
.online-page .bbs-inquiry-agree-con{margin:28px 0 14px;}
.online-page .bbs-inquiry-agree-con .agree-txt{display: inline-block; font-size:17px;}

.policy-modal-btn{display: inline-block; margin-left:5px; width:32px; height:32px; line-height:32px; text-align:center; -webkit-border-radius:50%;border-radius:50%; background:#414141;}
.policy-modal-btn i{font-size:14px; color:#fff;}
.online-table-content{vertical-align:top;}

.cm-btn-controls .cm-txt{color:#888; margin-bottom:20px;}
.cm-btn-controls .btn-style05{display: block; width:210px; height:60px; line-height:60px; background:#0053a0; margin:auto;}