@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:400,500,600,900&subset=korean');

.small{font-family:"NanumBarunGothic" !important;font-size:15px;font-weight:400;}
.serif, .serif *{font-family: 'Noto Serif SC', serif !important;}
.wrap{overflow:hidden;}
.left{float:left;}
.right{float:right;}
.bar{display:block; width:20px; height:3px; margin-bottom:15px;background-color:#0068ad;}
.has-bullet {list-style:square;margin-left:20px;}
.has-bullet li{margin-bottom:5px;}
.func{padding:15px 0;margin-bottom:15px;font-size:17px;text-align:center;background-color:#e0f0ff;border-radius:0 15px 0 15px;}
.red{color:#de0e16;}

.func{padding:15px 0;margin-bottom:15px;font-size:17px;text-align:center;background-color:#e0f0ff;border-radius:0 15px 0 15px;}
.red{color:#de0e16;}
.row::after {display:block; clear:both; content:'';}
.row {}
.timing .row.half > .col {width:50%; float:left; margin-left: 0%;;}
.timing .row.half > .col:last-child {width:48%; margin-left:2%;}

/*visual*/
.visual{padding-top:115px; height:250px;position:relative;}
#pro_main .visual{background:#c2d8f0;}
.coupling .visual{background:url('../images/visual_product1.jpg') 50% 100% no-repeat;}
.shr .visual{background:url('../images/visual_coupling_shr.jpg') 50% 100% no-repeat;}
.sad .visual{background:url('../images/visual_coupling_sad.jpg') 50% 100% no-repeat;}
.sd .visual{background:url('../images/visual_coupling_sd.jpg') 50% 100% no-repeat;}
.shd .visual{background:url('../images/visual_coupling_shd.jpg') 50% 100% no-repeat;}
.sjc .visual{background:url('../images/visual_coupling_sjc.jpg') 50% 100% no-repeat;}
.soh .visual{background:url('../images/visual_coupling_soh.jpg') 50% 100% no-repeat;}
.srb .visual{background:url('../images/visual_coupling_srb.jpg') 50% 100% no-repeat;}
.srg .visual{background:url('../images/visual_coupling_srg.jpg') 50% 100% no-repeat;}
.scj .visual{background:url('../images/visual_coupling_scj.jpg') 50% 100% no-repeat;}
.sfc .visual{background:url('../images/visual_coupling_sfc.jpg') 50% 100% no-repeat;}
.sk .visual{background:url('../images/visual_coupling_sk.jpg') 50% 100% no-repeat;}
.scd .visual{background:url('../images/visual_coupling_scd.jpg') 50% 100% no-repeat;}
.shaft .visual{background:url('../images/visual_shaft.jpg') 50% 100% no-repeat;}
.safety .visual{background:url('../images/visual_safety.jpg') 50% 100% no-repeat;}
.power .visual{background:url('../images/visual_power.jpg') 50% 100% no-repeat;}
.timing .visual{background:url('../images/visual_timing.jpg') 50% 100% no-repeat;}
.unit .visual{background:url('../images/visual_unit.jpg') 50% 100% no-repeat;}
.spm .visual{background:url('../images/visual_spm.jpg') 50% 100% no-repeat;}
.company .visual{background:url('../images/visual_company.jpg') 50% 100% no-repeat;}
.technology .visual{background:url('../images/visual_tech.jpg') 50% 100% no-repeat;}
.new .visual{background:url('../images/visual_new_product.jpg') 50% 100% no-repeat;}
.customer .visual{background:url('../images/visual_customer.jpg') 50% 100% no-repeat;}

.visual .layout_center{overflow:hidden;}
#pro_main .visual .layout_center{background:#c2d8f0 url('../images/visual_product.jpg') 250px 100% no-repeat;}
.visual h2{width:250px; height:250px;padding-top:90px;margin-right:50px;font-size:18px; line-height:1.6em;text-align:center;color:#fff; box-sizing:border-box;background-color:rgba(0,104,173,0.7);}
.technology .visual h2,
.company .visual h2,
#pro_main .visual h2,
.new .visual h2,
.customer .visual h2{padding-top:105px;}
.coupling .visual h2{background-color:rgba(0,104,173,0.7);}
.shaft .visual h2{background-color:rgba(0,132,163,0.7);}
.safety .visual h2{background-color:rgba(118,104,163,0.7);}
.power .visual h2{background-color:rgba(168,139,106,0.7);}
.timing .visual h2{background-color:rgba(57, 86, 155 ,0.7);}
.unit .visual h2{background-color:rgba(44,101,6,0.7);}
.spm .visual h2{background-color:rgba(161,111,96,0.7);}
.visual h2 strong{font-size:30px;font-weight:600; }
.shr .visual h2 strong{font-size:26px;}
.visual h2 strong span{font-size:18px;}
.visual p{font-size:17px;line-height:1.6em; }
.coupling .visual p{margin-top:85px;color:#47698e;}
.shaft .visual p{margin-top:95px;color:#187780;}
.safety .visual p{margin-top:95px;color:#615291;}
.power .visual p{margin-top:85px;color:#675138;}
.timing .visual p{margin-top:85px;color:#47698e;}
.unit .visual p{margin-top:85px;color:#5a8240;}
.spm .visual p{margin-top:85px;color:#834e3e;}
	
.visual p span{font-size:15px;}

/*레이아웃*/
.contents_wrap{background-color:#fff;padding:60px 0 120px 0;}
.contents_wrap .lnb{width:250px;}
.contents_wrap .contents{width:1020px;}
#pro_main .contents_wrap .contents{width:1300px;}

/*폰트스타일*/
.contents p{margin-bottom:5px;line-height:1.6em;}
.contents h3{padding-bottom:10px;margin-bottom:60px;font-size:30px; color:#555; font-weight:600;border-bottom:1px solid #cdcdcd;}
.contents h4{min-height:30px;padding-left:40px; margin-bottom:30px;font-size:22px;font-weight:400;background:url('../images/bullet.jpg') 0 50% no-repeat;}
.contents h5{margin-bottom:30px;font-size:22px; font-weight:400;color:#555;}

/*lnb*/
.contents_wrap aside{position:relative;}
.lnb a span{padding-left:5px;font-size:14px;letter-spacing:-0.3px;}
.lnb .depth1 a{padding-left:10px;}
.lnb .depth2 a{padding-left:20px;}
.lnb .depth3 a{padding-left:30px;}
.lnb .depth4 a{padding-left:40px;}
.lnb .depth1>a{display:block;height:40px; font-size:18px; line-height:40px;color:#fff !important;  border-radius:0 100px 0 0;background-color:#0069ad;}
.coupling .lnb .depth1>a{background-color:#0069ad;}
.shaft .lnb .depth1>a{background-color:#0084a3;}
.safety .lnb .depth1>a{background-color:#7668a3;}
.power .lnb .depth1>a{background-color:#a88b6a;}
.unit .lnb .depth1>a{height:auto; padding-top:10px;padding-bottom:10px;line-height:1.2em;background-color:#2c6506;}
.spm .lnb .depth1>a{background-color:#a16f60;}
.lnb .depth2>a{display:block; height:35px; font-size:16px; line-height:35px;border-bottom:1px dotted #aaa;}
.unit .lnb .depth2>a{ color:#fff !important;background-color:#777;}/*background-color:rgba(44,101,6,0.9);*/
.lnb .depth2.on>a{font-weight:600; background-color:#efefef}
.coupling .lnb .depth2.on>a{color:#0069ad !important;}
.shaft .lnb .depth2.on>a{color:#0084a3 !important;}		
.unit .lnb .depth2.on>a{background-color:rgba(44,101,6,0.9);}		
.lnb .depth3>a{display:block; height:35px; font-size:15px; line-height:35px;border-bottom:1px dotted #aaa;background-color:#efefef;}
.timing .lnb .depth1 > a {background-color:#475b99}
.unit .lnb .depth3>a{background-color:#f4f4f4;}
.lnb .depth3.on>a{font-weight:600; color:rgba(44,101,6,0.9) !important;background:#efefef url('../images/lnb_depth3_bullet.jpg') 20px 50% no-repeat;}
.lnb .depth4>a{display:block; height:35px; font-size:15px; line-height:35px;border-bottom:1px dotted #aaa;background-color:#efefef;}
.unit .lnb .depth4>a{background-color:rgba(145,176,125,0);}

.lnb .depth2 ul{display:none;}
.lnb .depth2.on ul{display:block;}

.lnb .all-product {width:100%;height:35px;margin-top:00px;color:#fff;line-height:35px;background: linear-gradient(135deg, #333 0%,#484848 74%,#333 77%,#555 100%);}
.lnb .all-product a{display:block; width:100%; height:35px; padding-left: 50px; background:url('../images/icon_p_menu.png') 15px 50% no-repeat;box-sizing:border-box;}

/*tab*/
.tab_wrap{overflow:hidden;border-bottom:1px solid #cdcdcd;}
.tab_wrap li{float:left;width:250px;height:40px;margin-right:10px; font-size:18px;text-align:center;line-height:40px;background-color:#e6e6e6;position:relative;border-radius:0 10px 0 0;}
.tab_wrap li:last-child{margin-right:0;}
.coupling .tab_wrap .on{color:#fff;background-color:#7da4d1;}
.shaft .tab_wrap .on{color:#fff;background-color:#9ec5aa;}
.power .tab_wrap .on{color:#fff;background-color:#c3ad94;}
.unit .tab_wrap .on{color:#fff;background-color:#80a36a;}
.tab_wrap li a{position:absolute; width:100%; height:50px; top:0; left:0; z-index:10;}

.tab_wrap2{overflow:hidden;text-align:center;margin-bottom:60px;}
.spec .tab_wrap2{margin-bottom:30px;}
.tab_wrap2 li{float:left;height:100px;font-size:17px;line-height:43px;}

.tab_wrap2 li:nth-child(1){line-height:95px;color:#fff;position:relative;}/*background-color:#7da4d1;*/
.tab_wrap2 li:nth-child(1) a{display:block;position:absolute;top:0; left:0; z-index:10;width:100%;background-color:#527fbc;opacity:0.7;}
.safety .tab_wrap2 li:nth-child(1) a{background-color:#9084b6;}
.power .tab_wrap2 li:nth-child(1) a{background-color:#b8a283;}
.unit .tab_wrap2 li:nth-child(1) a{background-color:#80a36a;}
.tab_wrap2 li:nth-child(2) p{height:45px;line-height:45px;background-color:#e7e6e6;}
.tab_wrap2 li:nth-child(2) a{display:inline-block; height:43px;color:#333 ;background-color:#fff;opacity:0.7; background:url(../../page/images/t_arrow-b.png) no-repeat calc(100% - 15px) center; box-sizing:border-box;border:1px solid #bbb; font-size:14px;}

.tab_wrap2 .on a,
.tab_wrap2 .on,
.tab_wrap2 a:hover{opacity:1 !important; transition:0.3s;}

.timing .contents h4{line-height:27px;}
.timing .tab_wrap2 li span {font-size: 13px;}
.tab_wrap2.col3 li:nth-child(1){width:330px;margin-right:10px;}
.tab_wrap2.col3 li:nth-child(2){width:680px;}
.tab_wrap2.col3 li:nth-child(2) a{width:338px;}

.tab_wrap2.col4 li:nth-child(1){width:250px;margin-right:5px;}
.tab_wrap2.col4 li:nth-child(2){width:765px;}
.tab_wrap2.col4 li:nth-child(2) a{width:252px;}
.timing .tab_wrap2.col4 li:nth-child(2) a{width:auto; padding:0px 24px;}
.timing1 .tab_wrap2.col4 li:nth-child(2) a,
.timing2 .tab_wrap2.col4 li:nth-child(2) a,
.timing4 .tab_wrap2.col4 li:nth-child(2) a,
.timing5 .tab_wrap2.col4 li:nth-child(2) a{width:16.2%;}
.timing3 .tab_wrap2.col4 li:nth-child(2) a,
.timing6 .tab_wrap2.col4 li:nth-child(2) a{width:19.6%;}

.tab_wrap2.col5 li{height:97px;}
.tab_wrap2.col5 li:nth-child(1){width:200px;margin-right:5px;}
.tab_wrap2.col5 li:nth-child(2){width:815px;}
.tab_wrap2.col5 li:nth-child(2) a{padding: 0 14px;}
.safety .tab_wrap2.col5 li:nth-child(2) a{width:289px;padding: 0 13px;border:1px solid #7c7c7c;}
.safety .tab_wrap2.col5 li:nth-child(2) a.safety_order_link{width:110px;margin-left:-5px;color:#555 !important;  background-color:#fff;box-sizing:border-box;}
.safety a.safety_order_link span{font-size:10px;vertical-align:top;}
.safety .tab_wrap2.col5 li:nth-child(2) .on + a.safety_order_link{color:#000 !important;border:1px solid #444;}
.timing .tab_wrap2 li:nth-child(1) a {background-color:#566aac;}
.tab_wrap2.col6 li:nth-child(1){width:165px;margin-right:5px;}
.tab_wrap2.col6 li:nth-child(2){width:850px;}
.tab_wrap2.col6 li:nth-child(2) a{padding: 0 12px;}
.coup-p4 .tab_wrap2.col6 li:nth-child(2) a{float:left;width:140px;margin-right:5px;padding:0;}
.coup-p4 .tab_wrap2.col6 li:nth-child(2) a:nth-of-type(1){width:190px;}
.coup-p4 .tab_wrap2.col6 li:nth-child(2) a:nth-of-type(3){width:220px;}
.coup-p4 .tab_wrap2.col6 li:nth-child(2) a:last-child{margin-right:0;}
.tab_wrap2.col6 li:nth-child(2) a span{font-size:14px;}

#timing5 #table-277 tbody td:last-child {width:50px;}
/*table 스타일*/
table{width:100%;}
th,td{padding:10px 0;line-height:1.4em;vertical-align:middle; text-align:center;}

tbody th,
tbody td{border:1px solid #cdcdcd;}
thead th:first-child,
tbody th{border-left:none;}
thead th:last-child,
tbody td:last-child{border-right:none;}
/*.tb-rl{writing-mode:tb-rl;}*/
#coup-p3-1 .tb-rl{width:35px; line-height:40px;}

.type1{width:100%;border-right:1px solid #cdcdcd;}
.type1 thead th{color:#fff;background-color:#4c8dc3;border:1px solid #fff;}
.shaft .type1 thead th{background-color:#469db8;}
.safety .type1 thead th{background-color:#9085b6;}
.power .type1 thead th{background-color:#b8a283;}
.unit .type1 thead th{background-color:rgba(90,130,64,0.8);}
.spm .type1 thead th{background-color:#b68b7a;}
.type1 tbody th{background-color:#efefef;}
.type1 a, 
.type2 a{padding:5px 10px;font-size:14px;color:#fff !important;background-color:#7da4d1;border-radius:30px;}
.power .type1 a{background-color:#c0ab8f;}
.unit .type1 a{background-color:#a3be91;}

.type2 thead th{color:#fff;background-color:#a1a2a2; border:1px solid #fff;}
.type2 tbody th{background-color:#f4f4f4;}
.timing .type1 thead th{color:#fff;background-color:#527fbc;border:1px solid #fff; }

/*그외 공통 스타일시트*/
.has-l-style li{line-height:1.4; margin-bottom:10px;}
.has-l-style li:before{content:"■";margin-left:-19px;margin-right:10px;font-size:8px; vertical-align:middle;}
.coupling .has-l-style li:before,
#tech_cadenas .has-l-style li:before{color:#0068ad;}
.shaft .has-l-style li:before{color:#0084a3;}
.safety .has-l-style li:before{color:#7668a3;}
.power .has-l-style li:before{color:#a88b6a;}
.unit .has-l-style li:before{color:#5a8240;}
.spm .has-l-style li:before{color:#834e3e;}
#coup-p12-1 .has-l-style li::before{color:#fff;}

.case{margin-bottom:60px;}
.case h5{padding-top:5px;font-size:18px;text-align:left;}
.coupling .case h5{color:#0068ad; border-top:2px solid #0068ad;}
.shaft .case h5{color:#0084a3; border-top:2px solid #0084a3;}
.safety .case h5{color:#7668a3; border-top:2px solid #7668a3;}
.power .case h5{color:#a88b6a; border-top:2px solid #a88b6a;}
.unit .case h5{color:#5a8240; border-top:2px solid #5a8240;}
.spm .case h5{color:#834e3e; border-top:2px solid #834e3e;}
#tech_cadenas .case h6{padding:5px;font-size:20px;text-align:left;color:#fff;font-weight:500; border-top:2px solid #be3235;background-color:#be3235;}
.case h5 span{font-size:15px;}

.ref{padding-bottom:30px;background-color:#f0f6fc;}
.ref h4{min-height:0;margin-bottom:30px;padding:7px 10px;font-size:17px;color:#fff;background:#3a89c1;}
.ref table{width:96%;margin:0 auto;background-color:#fff;}
.ref table th,
.ref table td{font-size:14px;}
.ref p{font-size:14px;}

/*product 메인*/
.main_product{float:left; margin-right:20px;}
.main_product3{margin-right:0;}
.timing h5{color:#527fbc; border-top:2px solid #527fbc; font-size:18px; padding-top: 20px; padding-top:5px;margin-top:20px;}

.pro_intro {width:420px; height:250px;margin:15px 0;position:relative;cursor:pointer;}
.pro_intro1{background:url('../images/box1_off.jpg') 50% 50% no-repeat;}
.pro_intro2{background:url('../images/box2_off.jpg') 50% 50% no-repeat;}
.pro_intro3{background:url('../images/box3_off.jpg') 50% 50% no-repeat;}
.pro_intro4{background:url('../images/box4_off.jpg') 50% 50% no-repeat;}
.pro_intro5{background:url('../images/box5_off.jpg') 50% 50% no-repeat;}
.pro_intro6{background:url('../images/box7_off.jpg') 50% 50% no-repeat;}

.pro_intro h3{visibility:hidden;}
.pro_intro a{display:block; width:100%; height:250px; position:absolute;top:0;left:0;z-index:10;}
.pro_intro1 a{background:url('../images/box1_on.jpg') 50% 50% no-repeat;}
.pro_intro2 a{background:url('../images/box2_on.jpg') 50% 50% no-repeat;}
.pro_intro3 a{background:url('../images/box3_on.jpg') 50% 50% no-repeat;}
.pro_intro4 a{background:url('../images/box4_on.jpg') 50% 50% no-repeat;}
.pro_intro5 a{background:url('../images/box5_on.jpg') 50% 50% no-repeat;}
.pro_intro6 a{background:url('../images/box7_on.jpg') 50% 50% no-repeat;}
.pro_intro a{display:none;}

/*주문방법 공통 스타일 및 깜빡임 효과*/
.order-method .order-diagram{height:138px;margin-bottom:20px;position:relative;}
.order-method .order-diagram span{display:block;position:absolute;height:30px; cursor:pointer;}
.order-diagram span:nth-child(1){width:40px;left:143px;}
.order-diagram span:nth-child(2){width:30px;left:267px;}
.order-diagram span:nth-child(3){width:45px;left:301px;}
.order-diagram span:nth-child(4){width:25px;left:408px;}
.order-diagram span:nth-child(5){width:52px;left:435px;}
.order-method .text{overflow:hidden;width:100%;padding:10px 0;border-bottom:1px dotted #cdcdcd;position:relative;}
.order-method .text h6{float:left;color:#0068ad;}
.shaft .order-method .text h6{color:#0084a3;}
.safety .order-method .text h6{color:#7668a3;}
.order-method .text dl{margin-left:110px;}
.order-method .text dt,
.order-method .text dd{height:30px; line-height:17px; margin-bottom:7px; font-size: 14px; padding-left: 90px;}
.order-method .text dd.line2{height:45px;line-height:1.4em;}
.order-method .text dt{float:left;width:80px;padding-left:10px;background:#d6d9de url('../images/order_bg.jpg') 100% 0 no-repeat;box-sizing:border-box;}
.order-method .text .bg{display:block; width:100%; height:100%;	position:absolute;top:0;z-index:10;display:none;}
.order-method .text .on{display:block; animation: order-blink 1s .5s ease-in-out infinite alternate;}
@keyframes order-blink{
	from{background-color:rgba(0,104,173,0.3);}
	to{background-color:rgba(0,104,173,0.1);}
}
	
/*도면다운로드*/
.btn_download{overflow:hidden;margin-bottom:7px;}
.shaft .btn_download,
.safety .btn_download{margin-bottom:20px;}
.btn_download ul{overflow:hidden;float:right;width:auto;}
.shaft .btn_download ul{width:178px;}
#unit4-1 .btn_download ul{width:450px;}
#coup-p10-4 .btn_download ul{width:375px;}
#power-p1-3 .btn_download ul,#power-p1-2 .btn_download ul,#coup-p11-2-2 .btn_download ul{width: 360px;}
#coup-p11-3-2 .btn_download ul{width: 340px;}
#coup-p2-3-2 .btn_download ul,#coup-p2-2-3 .btn_download ul,#coup-p2-3-2 .btn_download ul,#coup-p2-4-2 .btn_download ul,#coup-p2-4-3 .btn_download ul,#coup-p2-5-2 .btn_download ul {width: auto}
.btn_download li{float:left;padding:13px 9px 14px 41px; margin-left:5px;position:relative;
				font-size:12px;text-align:center;line-height:1.4em;
				background:#f4f4f4 url('../images/btn_download.jpg') 10px 50% no-repeat;border:1px solid #cdcdcd;}
.btn_download li.cadicon{background: #66A2BE url('../images/cad-icon.jpg') no-repeat center center;
background-size: 30px;padding: 24px; color: #fff;}
.btn_download li a{display:block; width:100%; height:100%;position:absolute;top:0; left:0;z-index:10;}

/*pro_top(공통)*/
.coupling .contents_wrap{padding-top:40px;}
.pro_top{overflow:hidden;margin-bottom:60px;}
.pro_top li {float:left;width:317px;height:45px;margin:3px; line-height:41px;text-align:center;position:relative;}
.pro_top li:hover,
.pro_top li.on{color:#fff;background-color:#3a89c1;transition:0.2s;}
.coupling .pro_top li{background-color:#bdd7ee;}
.coupling .pro_top li.pro_top3{width:424.5px;}
.shaft .pro_top li{background-color:#d2e2d7;}
.power .pro_top li{width:235px;background-color:#ddd0c0;}
.power .pro_top li:nth-child(3){width:330px;}
.timing .pro_top li{float:left;width:427px;height:45px;margin:3px; line-height:41px;text-align:center;position:relative;}

.unit .pro_top li{width:319px;height:62px;line-height:62px;background-color:#d2dfc3;}
.unit .pro_top li:last-child{height:52px;padding:5px 0;line-height:1.6em;}
.pro_top li a{position:absolute; display:block; width:100%; height:45px;top:0; left:0;z-index:10; }
.unit .pro_top li.unit_li{width:254px;}
.unit .pro_top li.full{width:100%;height:45px; line-height:45px;color:#fff;background-color:#63894a;}

/* 0811 unit1 수정 임시 css */
.unit .pro_top .unit-btn-p{position:relative;}
.unit .pro_top li.full.unit-btn-top{height:100px; line-height:100px;color:#fff;background-color:#63894a;font-size:20px;}
.unit .pro_top li.full.unit-btn{width:170px;height:45px; line-height:45px;color:#444;background-color:#E9FBEF;position:absolute;top:30px;border:none;font-size:14px;}
.unit .pro_top li.full.unit-btn a::after{content:url(../../page/images/t_arrow-b.png) ; display:block; position:absolute; right:15px; top:-1px; transition:all 0.1s ease-out;}
.unit .pro_top li.full.unit-btn a:hover::after {right: 12px;}
.unit .pro_top li.full.unit-btn.unit-btn1{right:260px;}
.unit .pro_top li.full.unit-btn.unit-btn2{right:65px;}

.unit .pro_top li:last-child{height:52px;padding:5px 0;line-height:1.6em;}
.pro_top li a{position:absolute; display:block; width:100%; height:45px;top:0; left:0;z-index:10; }

/*p-detail*/
.p-detail .contents h3{margin-bottom:20px;}
.p-detail h4{background:none;padding:0;margin-bottom:60px;font-size:22px;}
.p-detail h4 span{font-size:17px;}
.p-detail p strong{color:#0068ad}
.p-detail .tab_wrap{margin-bottom:60px;}
.spec.p-detail .tab_wrap{margin-bottom:30px;}
.p-detail article .left,
.p-detail article .right{width:490px;}

.overview .wrap th,
.overview .wrap td{min-width:160px;}
.overview .wrap1 .left{text-align:center;}

.spec table th,
.spec table td{min-width:30px;font-size:15px;}
.spec article>.image{padding:50px 0;text-align:center;}
.spec .type1 a{padding:0; border-radius:0; background-color:transparent;}
.spec .wrap1 td{padding:0;}
.spec table .cad{background-color:#66a2be;}
.spec table .cad2{background-color:#666;}
.spec .circle th{font-size:14px !important;}
.spec .circle td{font-size:12px !important;}
.spec .has-l-style{margin:20px;}
.spec .has-l-style li{margin-bottom:7px;}

.sep-clamp .bg{width:100%; padding:30px;box-sizing:border-box;background-color:#eef2f7;}
.sep-clamp .image{height:270px;border-radius:30px;}

.coupling.p-detail .contents,
.shaft.p-detail .contents,
.timing.p-detail .contents,
.power.p-detail .contents,
.unit1.p-detail .contents,
.unit4.p-detail .contents,
.unit5.p-detail .contents,
.unit3.spec .contents,
.unit2.spec .contents,
.spm .contents{background:url('../images/RoHS-reach.jpg') 100% 60px no-repeat;}

.coupling.p-detail h4,
.shaft.p-detail h4,
.safety.p-detail h4{margin-bottom:80px;}
.power.p-detail h3,
.unit1.p-detail h3,
.spm h3{margin-bottom:130px;}
.unit5.p-detail h3{margin-bottom:160px;}
.unit4 h3+p{margin-bottom:80px;}

.type_title{display:inline-block;width:100%;padding-left:10px;font-size:19px;color:#fff;background-color:#0068ad}
.shaft .type_title{background-color:#0084a3;}
.safety .type_title{background-color:#7668a3;}
.type_title span{font-size:16px;}

.ex{padding:7px;background-color:#d3dded;}


/* 200312 수정 */
.coup-p5-2 .wrap3 thead tr:first-child th:first-child {width:130px}
.coup-p5-2 .wrap3 thead tr:first-child th:nth-of-type(2) {width:100px}
.coup-p5-2 .wrap3 table td {max-width: 80px;}

/* 200320 수정 */
#safety-p1-2.spec table .cad2 {height:57.5px; padding-top:5px; box-sizing:border-box;}

/* 200526 버튼 수정 */
.keyword {text-indent:-99999px; height:1px; margin-top:0 !important}
h3 .pdf-download {float:right;}
.contents_right *{ box-sizing:border-box;}
.pro_top li {background:#f6f8fb; border: 2px solid #d8dee7; box-sizing:border-box; font-size: 14px;line-height:42px;}
.pro_top li:hover {border-color:#c2ccda; background:#e8ecf3; font-size: 14px;line-height:42px;}
.coupling .pro_top li {background:#f6f8fb;}
.coupling .pro_top li:hover, .coupling .pro_top li a.on {background:#e8ecf3; color:#262a30}
.pro_top li a {position:absolute; font-size: 14px}
.pro_top li a::after {content:url(../../page/images/t_arrow-b.png) ; display:block; position:absolute; right:15px; top:-2px; transition:all 0.1s ease-out;}
.pro_top li a:hover::after {right: 12px;}

.tab_wrap2 li:nth-child(2) a {color:#333 !important;  transition: 0.1s ease-out;}
.tab_wrap2 li:nth-child(2) a:hover,  .tab_wrap2 li:nth-child(2) a.on {border: 1px solid #0069ad; color:#0069ad !important; background-position:calc(100% - 12px) center;}
.sjc .tab_wrap2 li:nth-child(2) a {background-position:calc(100% - 4px) center; text-align:center;}
.sjc .tab_wrap2 li:nth-child(2) a:hover {background-position:calc(100% - 7px) center}
.shaft .pro_top li {border: 2px solid #d2e2d7; background:#f1fbf4; font-size:14px;}
.shaft .pro_top li:hover, .shaft .pro_top li a.on {border-color:#c1d7c8; background:#e5f5ea; color:#2e3c32 !important;}
.safety .tab_wrap2.col5 li:nth-child(2) a:hover, .safety .tab_wrap2.col5 li:nth-child(2) a.on {border: 1px solid #6b5d99; color:#3e3d60 !important;}
.safety .tab_wrap2.col5 li:nth-child(2) a.safety_order_link {background:none; background:#c6c5e6; color:#3e3d60 !important; margin-left:2px;}

.power .pro_top li {background:#f7f1e9; border:2px solid #ddd0c0; font-size:14px;}
.power .pro_top li:hover {background: #f1e9de;border:2px solid #ccbba7; color:#49361c;}
.power .tab_wrap2 li:nth-child(2) a:hover, .power .tab_wrap2 li:nth-child(2) a.on {border-color:#875513; color:#875513 !important;}
.unit .pro_top li.full a::after {content:'';}
.unit .pro_top li:not(.full):hover {border-color:#b8d3c0 ; background:#e6fbed ; color:#13351d; line-height: 62px;}
.unit .pro_top li {border: 2px solid #d2e2d7; background:#f1fbf4; font-size:14px; height:64px;}
.unit .pro_top li:last-child {height:64px;}
.unit .pro_top li:last-child a::after {top: 17px;}
.unit .pro_top li:last-child:hover {line-height:1.6em;}
.unit1-list li {color:#666; border: 1px solid #bbb; background:url(../../page/images/t_arrow-b.png) no-repeat calc(100% - 10px) center #fff; background-color:#fff !important; box-sizing:border-box; font-size:14px; text-align:left; padding-left:10px;}
.unit .tab_wrap2.col4 li:nth-child(2) a:hover , .unit1-list li:hover {color:#1b5d2f !important; border-color:#1b5d2f;background-position: calc(100% - 10px) center;}

/*유튜브 查看更多 css*/
.youtube-link {width:230px; height:130px; position:relative; margin-bottom:10px; border:1px solid #ccc; margin-top:15px;}
.youtube-link a{display:block; width:100%;height:40px; font-size:13px;color:#fff !important;line-height:40px; text-align:center;
						position:absolute;bottom:0;background:rgba(0,0,0,0.7) ;overflow:hidden;}
.youtube-link a .thumbnail{vertical-align:middle; padding-left:10px;}
.youtube-link .youtube-product-icon {position:absolute; top: 7px; right:7px;}
.youtube-link:hover a{height:100%; line-height:130px;transition:0.1s;}
#coup-p4-1 h4 {margin-bottom:10px;}
#safety-p1-1 h4 {margin-bottom:85px;}

#coup-p11-1 .youtube-link a, #coup-p2-1 .youtube-link a{/*  white-space:nowrap; */text-overflow:ellipsis;}
#coup-p11-1 .youtube-link:hover a,
#coup-p2-1 .youtube-link:hover a{height:100%;line-height:normal;white-space:normal;text-overflow:clip;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:center;}