/* 상단 서브타이틀 */
.tit_box{width:100%; margin:0 auto; background-size:cover;}
.bg1{background:#000 url(../images/sub/bg_sub1.jpg) center top no-repeat;}
.bg2{background:#000 url(../images/sub/bg_sub2.jpg) center top no-repeat;}
.bg3{background:#000 url(../images/sub/bg_sub3.jpg) center top no-repeat;}
.bg4{background:#000 url(../images/sub/bg_sub4.jpg) center top no-repeat;}
.bg5{background:#000 url(../images/sub/bg_sub5.jpg) center top no-repeat;}
.bg6{background:#000 url(../images/sub/bg_sub6.jpg) center top no-repeat;}
.tit_box .tit{/* padding-top:50px; text-align:center; font-size:47px; font-weight:700; color:#fff; letter-spacing:-1px; */height:120px;}
.tit_box .menu{margin-top:45px;width:1000px; height:50px; background-color:rgba( 0, 0, 0, 0.7 ); text-align:center; color:#fff;}
.tit_box .menu ul{}
.tit_box .menu ul li{display:inline-block;}
.tit_box .menu ul li a{display:inline-block; padding:0 10px; line-height:50px; color:#fff; font-size:16px;} 
.tit_box .menu ul li a:hover{text-decoration:underline;}
.tit_box .menu ul li a.on{background:#e50046;}

/* 회원가입 */
.join{}
.join .process{margin:70px 0 50px; border-top:1px solid #dddddd;}
.join .process li{float:left; width:33%; padding-left:35px; color:#888; line-height:60px; border-bottom:1px solid #ddd; box-sizing:border-box; background:url(../images/sub/join_arr.png) 0 50% no-repeat;}
.join .process li:first-child{width:34%; padding-left:25px; background-image:none;}
.join .process li.on{color:#253a49; border-bottom:1px solid #253a49; font-weight:500;}  
.join_agreement{}
.join_agreement .agree{margin-bottom:30px;}
.join_agreement .agree .tit{position:relative; height:50px; padding-left:30px; line-height:50px; font-size:17px; background:#303c49; color:#fff;}
.join_agreement .agree .tit span{font-size:14px;}
.join_agreement .agree .tit .inp_checkbox{position:absolute; top:10px; right:15px; color:#fff; line-height:32px;}
.join_agreement .agree .agree_box{overflow-y:scroll; padding:30px; height:100px; border:1px solid #eee; border-top:0px;}
.join_agreement .all_agree{text-align:center;}
.join_agreement .all_agree .inp_checkbox{display:inline-block; margin:0 auto; text-align:center; line-height:32px;}
.join_agreement .join_noti{margin-bottom:30px;}
.join_agreement .join_noti .tit{padding-left:30px; margin-bottom:10px; font-size:17px; color:#253a49; background:url(../images/sub/join_noti.png) 0 50% no-repeat;}
.join_agreement .join_noti .box{padding:30px; font-size:14px; line-height:1.5; border:1px solid #eee;}

/* 정보입력 */
.join_box{padding:50px 50px 25px; border-bottom:1px solid #666;}
.join_box .box{margin-bottom:25px;}
.join_box .box .box_label{float:left; width:185px; padding-top:10px; font-weight:500; font-size:16px;}
.join_box .box .box_inp{float:left; width:685px;font-size:16px;}
.join_box .box .box_inp input[type="text"], .join_box .box .box_inp input[type="password"], .join_box .box .box_inp input[type="number"]{height:42px; width:410px; border:1px solid #eee; text-indent:10px; box-sizing:border-box;}
.join_box .box .box_inp select{width:120px; height:42px; border:1px solid #eee; box-sizing:border-box;}
.join_box .box .box_inp button{width:130px; height:42px; margin-left:6px; vertical-align:top;}
.join_box .box .mail input[type="text"]{width:123px;}
.join_box .box .phone input[type="text"]{width:123px; }
.join_box .box .phone input[type="text"] + input[type="text"]{margin-left:10px;}
.join_box .box .phone select{margin-right:10px;} 
.join_box .box .address{} 
.join_box .box .address button{} 
.join_box .box .address .detail input[type="text"]{margin-top:10px;} 
.join_box .box .mail select{margin-left:15px;}
.join_box .box .box_inp .txt_dec{padding-left:6px; margin-top:10px; margin-bottom:3px; font-size:13px; font-family:'Dotum', '돋움'; background:url(../images/common/bullet_dec.png) 0 50% no-repeat;}
.join_box .box .box_inp .inp_radio{display:inline-block; margin:10px 30px 0 0;}
.join_box .box .box_inp .file_box{position:relative; display:inline-block; font-size:0;}
.join_box .box .box_inp .file_box:first-child{margin-top:0px}
.join_box .box .box_inp .file_box input[type="file"]{position:absolute; width:100%; height:42px; opacity:0;filter:Alpha(opacity=0); top:0px; left:0px; cursor:pointer}
.join_box .box .box_inp .file_box label{display:inline-block; height:42px; line-height:42px; width:130px; text-align:center; font-size:15px; vertical-align:middle; cursor:pointer;}
.join_box .box .box_inp .file_box .upload_nm{width:410px; height:42px; margin-right:10px; background:#fff; vertical-align:middle; border:1px solid #eee; -webkit-appearance: none; -moz-appearance: none; appearance: none;  font-size:13px; font-family:'Dotum', '돋움'; text-indent:10px;}
/* 신청완료 */
.join_complete{text-align:center;}
.join_complete .tit{padding-top:200px; margin-bottom:15px; font-size:24px; font-weight:700; background:url(../images/sub/join_complete.png) 50% 30px no-repeat;}
.join_complete .txt{color:#666; line-height:1.5;}
.btn_box{margin-top:30px;}
.btn_box button{width:150px; height:50px; font-size:17px; font-weight:500;}

/* 찾기 */
.find{margin-top:70px; padding:40px 0; border:1px solid #eee; box-sizing:border-box;}
.find .find_box{float:left; width:428px; padding:10px 35px;}
.find .find_box .tit{font-size:24px; font-weight:700; color:#303c49; }
.find .find_box .txt{margin:20px 0 40px; font-size:14px; color:#555;}
.find .find_box .box{}
.find .find_box .box li{margin-bottom:25px;}
.find .find_box .box span{display:inline-block; width:92px;}
.find .find_box .box input[type="text"]{width:330px; height:42px; border:1px solid #eee; text-indent:10px;}
.find .find_box .box .half input[type="text"]{width:153px;}
.find .find_box button{width:100%; height:52px;}

/* 회원정보수정 */
.join .inp_txt{height:42px; width:410px; line-height:42px; border:1px solid #eee; text-indent:10px; box-sizing:border-box; background:#f9f9f9;}

/* rule */
.rule{padding-top:70px; line-height:1.5;}
.agree_box .rule{padding-top:0px;}
.rule .tit_box{font-size:25px; margin-bottom:50px; color:#303c49;}
.agree_box .rule .tit_box{margin-bottom:20px;}
.rule dl{margin-bottom:50px; }
.rule dl dt{margin-bottom:15px; font-size:20px;}
.rule dl dd{padding:20px; background:#fcfcfc; font-size:14px;}
.rule dl dd ul{}
.rule dl dd li{margin-top:10px;}
.rule dl dd li div{padding-left:20px; margin-top:10px; color:#666;}
.rule table{margin-top:15px; border:1px solid #eee;}
.rule table th{height:40px; border-left:1px solid #eee; background:#fff; font-weight:500;}
.rule table td{height:40px; border-left:1px solid #eee; border-top:1px solid #eee; text-align:center;}

/* 기술자료-도면 */
.cad_list{}
.page_tit{padding-top:70px; padding-bottom:10px; margin-bottom:20px; font-size:28px; font-weight:500; border-bottom:1px solid #ddd; letter-spacing:-1px;}
.cad_list .page_tit{}
.cad_list .model{position:relative; margin-top:30px;}
.cad_list .model .txt_dec{position:absolute; top:-60px; right:0px; padding-left:7px; font-size:15px; color:#777; background:url(../images/sub/bullet_decred.jpg) 0 50% no-repeat;}
.cad_list .model .type{text-align:center;}
.cad_list .model .type li{display:inline-block; margin-left:30px;}
.cad_list .model li.model1{margin-left:0px;}
.cad_list .model li a{display:inline-block; width:217px; height:187px; padding-top:140px; text-align:center; border:1px solid #eee; font-size:20px; box-sizing:border-box; background-size:auto 130px !important; font-weight:500;}
.cad_list .model li a:hover{border:1px solid #e50046; cursor:pointer;}
.cad_list .model li.model1 a{background:url(../images/sub/model1.png) center top no-repeat;}
.cad_list .model li.model2 a{background:url(../images/sub/model2.png) center top no-repeat;}
.cad_list .model li.model3 a{background:url(../images/sub/model3.png) center top no-repeat;}
.cad_list .model li.model4 a{background:url(../images/sub/model4.png) center top no-repeat;}
.cad_list .file_list{}
.cad_list .file_list .product_name{margin-bottom:10px; font-size:22px; font-weight:500; }
.cad_list .file_list table{ font-size:17px;}
.cad_list .file_list table th{height:45px; background:#303c49; color:#fff;}
.cad_list .file_list table td{padding:12px 7px; border-bottom:1px solid #eee; text-align:center;}
.cad_list .file_list table td a{display:inline-block; width:70px; height:28px; line-height:28px; font-size:15px; font-weight:500;}
.cad_list .file_list table td a:hover{text-decoration:underline;}
.cad_list .file_list table td .btn1{color:#e50046; border:1px solid #e50046;}
.cad_list .file_list table td .btn1 i{display:inline-block; width:13px; height:12px; margin-left:5px; background:url(../images/sub/file_red.png) 0 0 no-repeat;}
.cad_list .file_list table td .btn2{color:#253a49; border:1px solid #253a49;}
.cad_list .file_list table td .btn2 i{display:inline-block; width:13px; height:12px; margin-left:5px; background:url(../images/sub/file_navi.png) 0 0 no-repeat;}
.cad_list .program_file{overflow:hidden; margin-top:30px; padding:20px 30px; border:1px solid #eee; }
.cad_list .program_file .txt_dec{float:left; margin-top:5px; padding-left:28px; background:url(../images/sub/join_noti.png) 0 50% no-repeat; font-size:16px; }
.cad_list .program_file div{float:right;}
.cad_list .program_file div a{display:inline-block; padding-left:51px; margin-left:40px; line-height:36px; font-size:15px;}
.cad_list .program_file div a:hover{text-decoration:underline;}
.cad_list .program_file div .dwg{background:url(../images/sub/down_cad.png) 0 50% no-repeat;}
.cad_list .program_file div .pdf{background:url(../images/sub/down_pdf.png) 0 50% no-repeat;}

.cad_list .pop_box{display:none;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:1000px;height:635px;background:#fff;}
.cad_list .pop_box.on{display:block;}
.cad_list .pop_box img{width:100%;}
.cad_list .pop_box .tit{background:#303c49;height:55px;line-height:55px;color:#fff;font-size:17px;font-weight:500;text-align:center;}
.cad_list .pop_box .btns{text-align:center;padding:34px 0;}
.cad_list .pop_box .btns a{display:inline-block;width:auto;padding: 0 15px;height:45px;line-height:45px;background:#e50046;color:#fff;border:2px solid #e50046;box-sizing:border-box;transition:.3s;}
.cad_list .pop_box .btns a.btn_no{margin-left:20px;background:#000;border:2px solid #000;}
.cad_list .pop_box .btns a:hover{border:2px solid #000;}
.cad_list .pop_box .btns a.btn_no:hover{border:2px solid #e50046;}
.dim{display:none;position:absolute;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.8);z-index:1;}
.dim.on{display:block;}
.cad_list .pop_box .clse{position:absolute;top:14px;right:15px;display:inline-block;width:26px;height:26px;background:url("../images/sub/btn_close.png")no-repeat 50% 50%;}


/* 바디빌더가이드 책자 */  
.pamphlet_list{}
.pamphlet_list .list{margin-top:40px;} 
.pamphlet_list .list li{position:relative; float:left; width:169px; height:217px; margin:0 40px 70px; cursor:pointer;}
.pamphlet_list .list li img{width:100%; height:217px;}
.pamphlet_list .list .name{height:50px; margin-top:10px; text-align:center; line-height:1.4; font-size:18px;}
.pamphlet_list .list .hover{display:none; position:absolute; top:0px; left:0px; width:169px; height:217px; background:url(../images/sub/bg_op80.png) 0 0 repeat; text-align:center;}
.pamphlet_list .list li:hover .hover{display:block;}
.pamphlet_list .list li:hover .name{text-decoration:underline;}
.pamphlet_list .list .hover a{display:inline-block; margin-top:90px; width:66px; height:26px; line-height:26px; color:#fff; border:1px solid #fff;}
.pamphlet_list .list .hover a:hover{text-decoration:underline;}
.pamphlet_list .list .hover a i{display:inline-block; width:13px; height:12px; margin-left:5px; background:url(../images/sub/file_white.png) 0 0 no-repeat;}
.pamphlet_list .nodata{text-align:center; line-height:6; color:#999; }

/* 바디빌더가이드 동영상 */
.video_list{}
.video_list .list{margin-left:-16px;}
.video_list .list li{float:left; width:238px; margin-left:16px; margin-bottom:15px; }
.video_list .list li a{position:relative; display:block; overflow:hidden; width:100%; height:136px; background:#1d1d1d;}
.video_list .list li a img{width:100%;}
.video_list .list li a .ic_play{position:absolute; top:50px; left:50%; margin-left:-21px; width:42px; height:42px; background:url(../images/sub/ic_play.png) 0 0 no-repeat;}
.video_list .list li a .mask{position:absolute; bottom:0px; left:0px; width:100%; height:39px; background:url(../images/sub/bg_video.png) 0 0 repeat-x;}
.video_list .list li .name{padding:10px 10px 0; height:55px; font-size:17px; line-height:1.3;}
.video_list .list li:hover .name{text-decoration:underline;}
.video_list .list .nodata{text-align:center; line-height:6; color:#999; }

/* 제품정보 사용자가이드 */
.product .model{position:relative; margin:52px 0 50px;}
.product .model .txt_dec{position:absolute; top:-23px; right:0px; padding-left:7px; font-size:13px; font-family:'Dotum', '돋움'; color:#777; background:url(../images/sub/bullet_decred.jpg) 0 50% no-repeat;}
.product .model ul{text-align:center;}
.product .model li{display:inline-block; float:left; width:235px; margin-left:20px; }
.product .model li.model1{margin-left:0px;}
.product .model li a{position:relative; display:inline-block; width:100%; height:167px; padding-top:120px;  border:1px solid #fff; box-sizing:border-box; background-size:100% 100% !important;}	 /*   */
.product .model li a:hover, .product .model li a.on{border:1px solid #e50046; }
.product .model li.model1 a{background:url(../images/sub/model1.png) center top no-repeat;}
.product .model li.model2 a{background:url(../images/sub/model2.png) center top no-repeat;}
.product .model li.model3 a{background:url(../images/sub/model3.png) center top no-repeat;}
.product .model li.model4 a{background:url(../images/sub/model4.png) center top no-repeat;}
.product .model li .name{height:50px; margin-top:10px; text-align:center; font-size:18px;}
.product .model li:hover .name{text-decoration:underline;}

.product .model li a i{display:none; position:absolute; top:0px; left:0px; width:16px; height:10px; background:url(../images/sub/model_arr.png) 0 0 no-repeat;}
.product .model li a.on i{display:block; top:186px; left:50%; margin-left:-8px;}
.product .line_list{}
.product .line_list ul{background:#fafafa; border-top:1px solid #e5e7eb;}
.product .line_list li{padding:16px 20px;border-bottom:1px solid #e5e7eb; font-size:18px;}
.product .line_list li:hover{text-decoration:underline; cursor:pointer;}
.product .line_list li .ic_down{display:inline-block; margin-left:10px; width:66px; height:26px; line-height:26px; color:#e50046; border:1px solid #e50046; text-align:center; font-size:15px;}
.product .line_list li .ic_down i{display:inline-block; width:13px; height:12px; margin-left:5px; background:url(../images/sub/file_red.png) 0 0 no-repeat;}
.product .thumb_list{padding:50px 25px 0; background:#fafafa; border-top:1px solid #e5e7eb; border-bottom:1px solid #e5e7eb;}
.product .thumb_list ul{}
.product .thumb_list ul li{float:left; width:189px; margin:0 24px 25px;}
.product .thumb_list ul li a{position:relative; text-align:center;}
.product .thumb_list ul li a .thumb{position:relative; width:189px; height:120px; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);}
.product .thumb_list ul li a .thumb .hover .ic_down{position:absolute; top:0px; left:50%; margin-left:-50px;  margin-top:48px; width:100px; height:26px; line-height:26px; color:#fff; border:1px solid #fff;}
.product .thumb_list ul li a .thumb .hover .ic_down i{display:inline-block; width:13px; height:12px; margin-left:5px; background:url(../images/sub/file_white.png) 0 0 no-repeat;}
.product .thumb_list ul li a .name{height:44px; margin-top:10px; text-align:center; line-height:1.4;}
.product .thumb_list ul li a .thumb .hover{display:none; position:absolute; top:0px; left:0px; width:198px; height:120px; background:url(../images/sub/bg_op80.png) 0 0 repeat; text-align:center;}
.product .thumb_list ul li a:hover .thumb .hover{display:block;}
.product .thumb_list ul li a:hover .name{text-decoration:underline;}
.product .nodata{text-align:center; line-height:10 !important; color:#999; border-top:1px solid #eee; }

/* 엔지니어 */
.engineer .txt_dec{margin:-10px 0 15px; color:#e50046; font-weight:500; font-size:17px; line-height:1.3;}
.engineer .txt_dec em{display:inline-block; vertical-align:middle; margin:2px 5px 0 0;}
.engineer .agree{margin-bottom:30px;}
.engineer .agree .tit{position:relative; height:50px; padding-left:30px; line-height:50px; font-size:17px; background:#303c49; color:#fff;}
@media all and (min-width:320px) and (max-width:1000px) {
	.engineer .agree .tit{padding-left:10px; font-size:14px;}
}
.engineer .agree .tit span{font-size:14px;}
.engineer .agree .tit .inp_checkbox{position:absolute; top:10px; right:15px; color:#fff; line-height:32px;}
.engineer .agree .agree_box{overflow-y:scroll; height:90px; padding:30px; border:1px solid #eee; border-top:0px;}
.engineer .join_box{padding:0px; border-top:1px solid #e5e7eb; border-bottom:0px;}
.engineer .join_box .box{padding:20px 30px; margin-bottom:0px; border-bottom:1px solid #e5e7eb;}
.engineer .join_box .box .box_label{width:215px;}
.engineer .join_box .box .box_inp{width:700px;}
.engineer .join_box .box .box_inp .inp_checkbox{margin:5px 0;} 
.engineer .join_box .box .box_inp textarea{width:100%; height:100px; padding:15px; border:1px solid #eee; box-sizing:border-box;}
.engineer .join_box .box .box_inp .vin_num{margin-top:15px;}
.engineer .join_box .box .box_inp .noti_dec{display:inline-block; margin-left:10px; padding-left:25px; color:#666; background:url(../images/sub/noti_dec.png) 0 50% no-repeat;}
.engineer .join_box .box .add input[type="text"]{width:100%; margin-top:10px;}
.engineer .join_box .box .box_inp .calendar_box{float:left; width:280px; min-height:260px;}
.engineer .join_box .box .box_inp .calendar_box .month_list{width:999px;}
.engineer .join_box .box .box_inp .calendar{float:left; position:relative; width:280px;} 
.engineer .join_box .box .box_inp .calendar .prev{position:absolute; top:7px; left:0px; width:17px; height:23px; margin:0px; background:url(../images/sub/month_prev.png) center center no-repeat;} 
.engineer .join_box .box .box_inp .calendar .next{position:absolute; top:7px; right:0px; width:17px; height:23px; margin:0px; background:url(../images/sub/month_next.png) center center no-repeat;} 
.engineer .join_box .box .box_inp .calendar .month{margin-bottom:15px; text-align:center; font-size:22px; font-weight:700;} 
.engineer .join_box .box .box_inp .calendar table{font-size:16px;} 
.engineer .join_box .box .box_inp .calendar table th{width:40px; text-align:center; line-height:35px;} 
.engineer .join_box .box .box_inp .calendar table td{width:40px; text-align:center; line-height:35px;} 
.engineer .join_box .box .box_inp .calendar table td.gray button{color:#999;} 
.engineer .join_box .box .box_inp .calendar table td.end{background:#eaeef3;} 
.engineer .join_box .box .box_inp .calendar table td.end button{color:#aaa;} 
.engineer .join_box .box .box_inp .calendar table td.pick button{background:#e50046; color:#fff;}  
.engineer .join_box .box .box_inp .calendar table td button{width:40px; height:35px; line-height:35px; margin:0px;} 
.engineer .join_box .box .box_inp .info{float:left; margin:153px 0 0 70px;}
.engineer .join_box .box .box_inp .info p{margin-bottom:10px;}
.engineer .join_box .box .box_inp .info .end_dec{padding-left:25px; color:#666; background:url(../images/sub/ic_end.png) 0 50% no-repeat;}
.engineer .join_box .box .box_inp .info .pick_dec{padding-left:25px; color:#666; background:url(../images/sub/ic_pick.png) 0 50% no-repeat;}
.engineer .join_box .box .box_inp .info .noti_dec{padding-left:25px; color:#666; background:url(../images/sub/noti_dec.png) 0 50% no-repeat;}
.engineer .apply_noti{padding:20px 20px 10px; margin-top:20px; border:1px solid #eee; }
.engineer .apply_noti .noti_dec{padding-left:25px; margin-bottom:15px; font-weight:500; background:url(../images/sub/noti_dec.png) 0 50% no-repeat; font-size:18px;}
.engineer .apply_noti ul{padding-left:25px;}
.engineer .apply_noti ul li{padding-left:7px; margin-bottom:10px; font-size:15px; color:#666666; background:url(../images/sub/bullet_decred.jpg) 0 9px no-repeat; }
@media all and (min-width:320px) and (max-width:1000px) {
	.wrap{max-width:1200px;}
	.engineer.inner{width:100%;}
	.engineer{padding:15px; box-sizing:border-box;}
	.engineer .join_box .box{padding:20px 10px;}
	.engineer .join_box .box .box_label{width:100%; margin-bottom:20px;}
	.engineer .join_box .box .box_inp{width:100%;}
	.engineer .join_box .box .box_inp input[type="text"]{width:100%;}
	.engineer .join_box .box .phone select{width:80px;}
	.engineer .join_box .box .phone input[type="text"]{width:calc( 50% - 61px );}
	.engineer .join_box .box .box_inp .calendar{width:100%; margin:0 auto;}
	.engineer .join_box .box .box_inp .calendar table td, .engineer .join_box .box .box_inp .calendar table th{width:14.2%;}
	.engineer .join_box .box .box_inp .calendar table td button{width:100%;}
	.engineer .join_box .box .box_inp .info{margin:15px 0 0 0px;}
	.engineer .apply_noti ul{padding:0px;}
	.engineer .btn_box{overflow:hidden;}
	.engineer .btn_box button{float:left; width:calc( 50% - 6px ); }
}
.engineer .view{}
.engineer .view .head{padding:27px 50px; margin-bottom:30px; border:5px solid #f7f7f7;}
.engineer .view .head ul{}
.engineer .view .head ul li{float:left; width:50%;}
.engineer .view .head ul li span{display:inline-block; width:75px; margin-right:20px; background:url(../images/common/utill_bar.png) right 50% no-repeat;}
.engineer .view .head ul li em.red{display:inline-block; padding:0 10px; line-height:28px; background:#e50046; font-size:13px; color:#fff; font-weight:500;}
.engineer .view .head ul li em.gray{display:inline-block; padding:0 10px; line-height:28px; background:#9bb0c6; font-size:13px; color:#fff; font-weight:500;}
.engineer .view .head ul li em.green{display:inline-block; padding:0 10px; line-height:28px; background:#bbc801; font-size:13px; color:#fff; font-weight:500;}
.engineer .view .info{}
.engineer .view .info .name{padding-bottom:10px;font-size:17px; font-weight:500;}
.engineer .view .info table{border-bottom:1px solid #ddd; border-top:1px solid #111;}
.engineer .view .info table th{padding:10px 0 10px 30px; background:#f9f9f9; font-weight:400; text-align:left; vertical-align:top;}
.engineer .view .info table td{padding:10px 0 10px 30px;}

.engineer .read .box .box_inp .calendar_box{clear:both; width:100%; height:auto;}
.engineer .read .box .box_inp .calendar{width:100%;} 
.engineer .read .box .box_inp .calendar table th{text-align:center; line-height:55px;} 
.engineer .read .box .box_inp .calendar table td{position:relative; line-height:55px;} 
.engineer .read .box .box_inp .calendar table td .alarm{position:absolute; top:10px; right:10px; display:inline-block; width:10px; height:10px; background:url(../images/sub/ic_alarm.png) 0 0 no-repeat;} 
.engineer .read .box .box_inp .calendar table td button{width:100%; height:55px; line-height:55px; margin:0px;} 
.engineer .read .box .box_inp .apply_num{float:left; width:100%; margin-top:20px; }
.engineer .read .box .box_inp .apply_num .txt_info{margin-bottom:10px;}
.engineer .read .box .box_inp .apply_num .txt_info .alarm{display:inline-block; width:10px; height:10px; background:url(../images/sub/ic_alarm.png) 0 0 no-repeat;}
.engineer .read .box .box_inp .apply_num ul{padding:20px; border:1px solid #eee; box-sizing:border-box;}
.engineer .read .box .box_inp .apply_num ul a{display:block; margin:3px 0; padding-left:7px; background:url(../images/sub/bullet_decred.jpg) 0 50% no-repeat;}
.engineer .read .box .box_inp .apply_num ul a:hover{text-decoration:underline;}

/* 게시판 */
.board_list{margin-top:30px;}
.board_list .search_box{text-align:right;}
.board_list .search_box input[type="text"]{width:232px; height:40px; margin-right:5px; text-indent:10px; font-family:'Dotum', '돋움'; font-size:13px; color:#666666; border:1px solid #eee; box-sizing:border-box;}
.board_list .search_box button{width:90px; height:40px; background:#253a49; color:#fff; font-weight:500;}
.board_list table{margin:10px 0 30px; font-size:16px;}
.board_list table th{height:47px; border-top:1px solid #333; border-bottom:1px solid #333; font-weight:500;}
.board_list table td{padding:15px 10px; text-align:center; border-bottom:1px solid #ddd;}
.board_list table td .ic_noti{display:inline-block; width:29px; height:20px; background:url(../images/sub/board_noti.png) 0 0 no-repeat;}
.board_list table td a{}
.board_list table td a:hover{text-decoration:underline;}
.board_list table td .nodata{padding:50px 0; color:#999; font-weight:300;}
.page_box{text-align:center; }
.page_box ul li{display:inline-block; vertical-align:top; cursor:pointer;}
.page_box ul li div{display:inline-block; width:32px; height:32px; margin:0 3px; line-height:32px;}
.page_box ul li .page_first_btn{background:url(../images/sub/first_page.png) no-repeat}
.page_box ul li .page_p_btn{background:url(../images/sub/prev_page.png) no-repeat; }
.page_box ul li .page_n_btn{background:url(../images/sub/next_page.png) no-repeat}
.page_box ul li .page_last_btn{background:url(../images/sub/last_page.png) no-repeat}
.page_box ul li.page_margin, .page_box ul li .page_next_btn, .page_box ul li .page_prev_btn{width:0px; height:0px; margin:0; }
.page_box ul li div.page_number_btn_on{background:#253a49; color:#fff;}
.board_list .btn_box{margin-top:0px; text-align:right;}

.board .board_read{}
.board .board_read .head{position:relative; padding:15px 200px 30px 20px; border-bottom:1px solid #111;}
.board .board_read .head .tit{font-size:28px; }
.board .board_read .head .info{margin-top:8px;}
.board .board_read .head .info li{float:left; padding-left:10px; margin-right:10px; background:url(../images/common/utill_bar.png) 0 50% no-repeat; font-size:15px; color:#777; font-weight:300;}
.board .board_read .head .info li:first-child{padding-left:0px; background-image:none;}
.board .board_read .head .btn_page{position:absolute; top:20px; right:20px; border-left:1px solid #ddd; }
.board .board_read .head .btn_page button{float:left; width:83px; height:36px; color:#666; border:1px solid #ddd; border-left:0px; font-weight:300;}
.board .board_read .head .btn_page button:hover{text-decoration:underline;}
.board .board_read .read_box{padding:30px 0px 0; border-bottom:1px solid #111;}
.board .board_read .read_box .file_box{text-align:right; padding:0px 20px 10px; }
.board .board_read .read_box .file_box a{display:inline-block; padding-left:25px; margin-bottom:5px; background:url(../images/sub/ic_file.png) 0 50% no-repeat; text-decoration:underline; font-weight:300;} 
.board .board_read .read_box .file_box a:hover{color:#e50046;} 
.board .board_read .read_box .read{padding:10px 20px 30px; font-size:16px;}
.board .board_read .read_box .answer_box{padding:20px; background:#eff2f5;}
.board .board_read .read_box .answer_box .tit{padding-left:45px; line-height:35px; background:url(../images/sub/ic_answer.png) 0 50% no-repeat; font-weight:500; font-size:20px;}
.board .board_read .read_box .answer_box .answer{padding:10px 0 10px 45px; font-size:16px;}
.board .board_read .btn_box{}
.board .board_read .btn_box .btn_red{margin-left:10px;}
/* 바디빌더게시판 */
.reply_box{margin-top:45px;}
.reply_box .reply{padding:20px; margin-bottom:30px; border:1px solid #ddd; }
.reply_box .reply textarea{width:100%; height:60px; padding:10px; box-sizing:border-box; border:none;}
.reply_box .btn_box{margin-top:10px;text-align:right;}
.reply_box .btn_box button{width:83px; height:36px;}
.reply_box .reply_list{}
.reply_box .reply_list .list{border-top:1px solid #eee;}
.reply_box .reply_list .list li{position:relative; padding:20px 20px 25px; border-bottom:1px solid #eee;}
.reply_box .reply_list .list li .name{font-weight:500; }
.reply_box .reply_list .list li .name span{margin-left:5px; color:#777777; font-weight:300;}
.reply_box .reply_list .list li .txt{margin-top:5px; font-weight:300;}
.reply_box .reply_list .list li .btn_ggray{position:absolute; top:17px; right:20px; width:61px; height:28px; border:1px solid #dddd; background:url(../images/sub/btn_ggray.png) 0 0 repeat-x; font-size:13px; color:#666; font-weight:300;}
.reply_box .reply_list .list li.reply_2dp{padding-left:35px; background:#fafafa url(../images/sub/reply_2dp.png) 20px 27px no-repeat; }
.reply_box .reply_list .list li.reply_2dp textarea{width:100%; padding:10px; box-sizing:border-box;}

.board .write{margin-top:-20px;}
.board .write .box{padding:20px 15px 20px 40px; border-bottom:1px solid #eee; }
.board .write .box .box_label{float:left; width:145px; padding-top:10px; font-weight:500; font-size:16px;}
.board .write .box .box_inp{float:left; width:795px;}
.board .write .box .box_inp input[type="text"], .board .write .box .box_inp input[type="password"], .board .write .box .box_inp input[type="number"]{height:42px; width:410px; border:1px solid #eee; text-indent:10px; box-sizing:border-box;}
.board .write .box .box_inp .inp_txt{line-height:42px; font-size:16px;}
.board .write .box .box_inp select{width:100%;height:42px; border:1px solid #eee; box-sizing:border-box;}
.board .write .box .box_inp .btn{width:130px; height:42px; margin-left:6px; vertical-align:top;}
.board .write .box .box_inp textarea{width:100%; height:250px; padding:10px; box-sizing:border-box; border:1px solid #eee;}
.board .write .box .box_inp .file_box{position:relative; display:inline-block; font-size:0;}
.board .write .box .box_inp .file_box:first-child{margin-top:0px}
.board .write .box .box_inp .file_box input[type="file"]{position:absolute; width:100%; height:42px; opacity:0;filter:Alpha(opacity=0); top:0px; left:0px; cursor:pointer}
.board .write .box .box_inp .file_box label{display:inline-block; height:42px; line-height:42px; width:130px; text-align:center; font-size:15px; vertical-align:middle; cursor:pointer;}
.board .write .box .box_inp .file_box .upload_nm{width:410px; height:42px; margin-right:10px; background:#fff; vertical-align:middle; border:1px solid #eee; -webkit-appearance: none; -moz-appearance: none; appearance: none;  font-size:13px; font-family:'Dotum', '돋움'; text-indent:10px;}
.board .write .btn_box{text-align:right;}

.board .news_list{}
.board .news_list .search_box{text-align:right;}
.board .news_list .search_box input[type="text"]{width:232px; height:40px; margin-right:5px; text-indent:10px; font-family:'Dotum', '돋움'; font-size:13px; color:#666666; border:1px solid #eee; box-sizing:border-box;}
.board .news_list .search_box button{width:90px; height:40px; background:#253a49; color:#fff; font-weight:500;}
.board .news_list .list{margin:20px 0 30px; border-bottom:1px solid #111;}
.board .news_list .list li{position:relative; padding:25px 20px; border-top:1px solid #eee;}
.board .news_list .list li .nodata{padding:40px 0; font-weight:300; color:#999; text-align:center;}
.board .news_list .list a{display:block; min-height:152px;}
.board .news_list .list a .thumb{position:absolute; top:25px; right:20px; overflow:hidden; width:250px; height:152px; }
.board .news_list .list a .thumb img{width:100%;}
.board .news_list .list a .news{width:660px;}
.board .news_list .list a .news .tit{margin:5px 0 20px; font-size:26px; font-weight:500;}
.board .news_list .list a:hover .news .tit{text-decoration:underline;}
.board .news_list .list a .news .txt{overflow:hidden; margin-bottom:25px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical;}
.board .news_list .list a .news .info{font-size:13px; color:#999;}

/* 회원탈퇴 */ 
.out{}
.out .box_inp{}
.out .box_inp .inp_checkbox{float:left; width:330px; margin-bottom:15px;}
.out .box_inp textarea{width:100%; height:120px; padding:10px; border:1px solid #eee; box-shadow:hidden;}

/* 엔지니어 신청내역 */
.apply_list{}
.apply_list table td .red{display:inline-block; padding:0 10px; line-height:28px; background:#e50046; font-size:15px; color:#fff; font-weight:500;}
.apply_list table td .gray{display:inline-block; padding:0 10px; line-height:28px; background:#9bb0c6; font-size:15px; color:#fff; font-weight:500;}
.apply_list table td .green{display:inline-block; padding:0 10px; line-height:28px; background:#bbc801; font-size:15px; color:#fff; font-weight:500;}
.apply_list table td a{display:inline-block; padding:0 20px; height:28px; line-height:28px; border:1px solid #111; background:#fff; font-size:15px;}
.apply_list table td a:hover{background:#111; color:#fff;}

/* 마이페이지 */
.mypage{}
.mypage .my_info{padding:20px 0; border:5px solid #f7f7f7;} 
.mypage .my_info .info{float:left; position:relative; width:435px; padding:0 30px; border-right:1px solid #eee;} 
.mypage .my_info .info .tit, .mypage .my_info .engineer_apply .tit{padding:0 0 5px 10px; margin-bottom:15px; font-size:19px; font-weight:500; border-bottom:1px solid #eee;} 
.mypage .my_info .info ul{padding-left:120px; background:url(../images/sub/ic_myinfo.png) 10px 0 no-repeat;} 
.mypage .my_info .info ul li{margin-bottom:7px; font-size:16px; color:#666; } 
.mypage .my_info .info ul li span{display:inline-block; width:70px; } 
.mypage .my_info .info a{display:inline-block; position:absolute; top:-5px; right:30px; padding:5px 10px 3px; border:1px solid #ddd;color:#666; font-size:15px;} 
.mypage .my_info .info a:hover{background:#666; color:#fff; border:1px solid #666;}
.mypage .my_info .engineer_apply{float:left; width:434px; padding:0 30px; } 
.mypage .my_info .engineer_apply ul{padding-left:120px; min-height:66px; background:url(../images/sub/ic_apply.png) 10px 0 no-repeat;} 
.mypage .my_info .engineer_apply ul li{position:relative; padding-left:7px; margin-bottom:7px; background:url(../images/sub/bullet_decred.jpg) 0 50% no-repeat; font-size:16px; color:#666;} 
.mypage .my_info .engineer_apply ul li em{display:inline-block; position:absolute; top:0px; right:0px; width:65px; height:24px;line-height:24px; text-align:center; color:#fff; font-size:15px; font-weight:500;}
.mypage .my_info .engineer_apply ul li em.red{background:#e50046; } 
.mypage .my_info .engineer_apply ul li em.gray{background:#9bb0c6;} 
.mypage .my_info .engineer_apply ul li em.green{background:#bbc801;} 
.mypage .my_info .engineer_apply ul li a{font-size:15px; color:#666;} 
.mypage .my_info .engineer_apply ul li a:hover{text-decoration:underline;}
.mypage .my_info .engineer_apply ul li.nodata{padding-left:0px; background:none; text-align:center; line-height:5;} 
.mypage .news_list, .mypage .board_list{margin-top:70px;} 
.mypage .board_name{ font-size:22px; font-weight:500;}
.mypage .news_list{position:relative; }
.mypage .news_list .btn_more{position:absolute; top:3px; right:0px; display:inline-block; padding:5px 10px 3px; border:1px solid #ddd;color:#666; font-family:'Dotum', '돋움'; font-size:13px;}
.mypage .news_list .btn_more:hover{background:#666; color:#fff; border:1px solid #666;}
.mypage .news_list .list{margin-top:10px;}
.mypage .news_list .list li{border-top:1px solid #111 !important;}

/* 기술지원 신청 현황 */
.board .tab_menu{}
.board .tab_menu ul{}
.board .tab_menu ul li{float:left; width:50%; border-color:#111; border-bottom:0px; box-sizing:border-box;}
.board .tab_menu ul li:first-child{margin-left:0px;}
.board .tab_menu ul li a{display:block; height:55px; margin-left:-1px; border:1px solid #eee; border-bottom:1px solid #111; text-align:center; line-height:53px; color:#777; background:#fafafa; font-size:18px; font-weight:500;}
.board .tab_menu ul li a.on{position:relative; border:1px solid #111; border-bottom:0px; color:#111; background:#fff; z-index:1; }
.board_list .board_name{font-size:18px; font-weight:500;}
.board .txt_info{} 
.board .txt_info p{margin-bottom:5px;}
.board .txt_info span{display:inline-block; padding:0 10px; line-height:28px;  font-size:15px; color:#fff; font-weight:500;}
.board .txt_info .red{background:#e50046;}
.board .txt_info .green{background:#bbc801;}

/* 2019-03-25 문구 추가 */
.cad_list .head, .pamphlet_list .head, .video_list .head{margin-top:20px; padding:15px 20px; background:#fafafa;}
.cad_list .head .txt_dec, .pamphlet_list .head .txt_dec, .video_list .head .txt_dec{color:#e50046; font-weight:500;}
.cad_list .head .txt_dec em, .pamphlet_list .head .txt_dec em, .video_list .head .txt_dec em{display:inline-block; vertical-align:middle; margin:2px 5px 0 0;}
.cad_list .txt_noti{margin-top:30px;}
.cad_list .txt_noti .tit{padding-left:25px; background:url(../images/sub/noti_dec.png) 0 50% no-repeat; font-weight:bold; font-size:17px;}
.cad_list .txt_noti ol{margin:10px 0 0 12px; padding-left:25px; list-style: decimal;}
.cad_list .txt_noti ol li{margin-bottom:10px; font-size:14px; }

/* 2021-04-29 */
.pop_sleep{text-align:center; padding:250px; background:url(../images/sub/img_sleep.png) 50% 20px no-repeat;}
.pop_sleep strong{display:block; margin-bottom:10px; font-size:20px; font-weight:700; text-align:center; }
.pop_sleep span{color:#999; line-height:1.3;}
.pop_sleep button{width:100px; height:35px; color:#fff; line-height:33px; text-align:center; }