/*
	작업자 : 이효섭
	
*/

.clearfix:after { content:""; display:block; clear:both;}

/*서브타이틀 스타일 1*/

.titType1 { color:#333; font-weight:500; font-size:20px; margin:0 0 12px 0;}
.titType1 span { display:block; color:#666; font-size:14px;  margin:0 0 0 15px;}
.titType1:before { content:""; width:9px; height:29px; display:inline-block; vertical-align:middle; background:#2cace9; border-radius:5px; margin:0 8px 0 0;}

.eduCont { position:relative;}
.eduCont > section { margin:40px 0 0 0;}
.eduCont > section:first-child { margin:0;}

/* 버튼*/
.downLoadBtn { position:absolute; right:0 ;top:60px; font-size:0;}
.downLoadBtn a { font-size:14px; color:#333; font-weight:500; padding:0 0 0 39px; line-height:42px; display:inline-block; margin:0 5px 0 0; width:200px; 	height:42px; 	border:1px solid #ccc; 	background:linear-gradient(#f6f6f6, #ededed); border-radius:20px;}
.downLoadBtn a:last-child { margin:0;}
.downLoadBtn a:before {display:inline-block; vertical-align:middle; margin:4px 9px 0 0;}
.downLoadBtn a.print:before { content:url("/img/sub/printIcon.png"); }
.downLoadBtn a.annualEdu:before { content:url("/img/sub/calendarIcon.png");}
.downLoadBtn a.official:before { content:url("/img/sub/documentIcon.png");}
.downLoadBtn a:after { content:url("/img/sub/printBtn.png"); display:inline-block; vertical-align:middle; margin:0 0 0 29px;}


/*테이블 스타일 1*/

.eduCont .tStyle1 { border-top:2px solid #444;}  
.eduCont .tStyle1 { border-bottom:1px solid #ccc; } 
.eduCont .tStyle1 .col1{ width:170px }
.eduCont .tStyle1 tr th { background:#f6f6f6; padding:0 0 0 19px; height:100%; box-sizing:border-box; line-height:59px; font-size:14px; color:#222; font-weight:400; text-align:left; padding:0 0 0 19px; }
.eduCont .tStyle1 tr td { padding:13px 20px;}
.eduCont .tStyle1 tr td p { font-size:14px;}
.eduCont .tStyle1 tr th,
.eduCont .tStyle1 tr td { border-bottom:1px solid #ccc;}

/*테이블 스타일 1*/

.tStyle1 { border-top:2px solid #444;}  
.tStyle1 { border-bottom:1px solid #ccc; } 
.tStyle1 .col1{ width:170px }
.tStyle1 tr th { background:#f6f6f6; padding:0 0 0 19px; height:100%; box-sizing:border-box; line-height:59px; font-size:14px; color:#222; font-weight:400; text-align:left; padding:0 0 0 19px; }
.tStyle1 tr td { padding:13px 20px;}
.tStyle1 tr td p { font-size:14px;}
.tStyle1 tr th,
.tStyle1 tr td { border-bottom:1px solid #ccc;}

/*테이블 스타일 1*/
.tStyle2 {  border-top:2px solid #005a99; font-size:14px;}
.tStyle2 th { background:#ecf4f9; padding:13px 0; color:#333;}
.tStyle2 th,
.tStyle2 td { border-bottom:1px solid #c9c9c9; padding:20px 0;}
.tStyle2 td p.name { color:#222; margin:0 0 5px 0;}
.tStyle2 td { padding-left:11px; word-break: keep-all;/* text-align:center;*/}
.tStyle2 td:nth-child(4) { text-align:left;}


/* 탭 스타일 2*/
.tabStyle2 { border-bottom:1px solid #dcdcdc;}
.tabStyle2 li { width:180px; background:#e6e6e6; font-size:15px; height:50px; line-height:50px; text-align:center; float:left;}
.tabStyle2 li a {line-height:50px; display:block;}
.tabStyle2 li.on a { background:#0a6fb3; color:#fff; }

/*게시판 top, paging, btn 스타일*/
.listStyle {position:relative;}
.listStyle .topCon { margin:20px 0 16px 0;}
.listStyle .topCon .total { display:inline-block; float:left; color:#444;}
.listStyle .topCon .sch { float:right; margin:-10px 0 0 0;}
.listStyle .topCon .sch select,
.listStyle .topCon .sch input { height:30px; }
.listStyle .topCon .sch select { border:1px solid #ccc; width:120px; color:#999; font-size:13px; }
.listStyle .topCon .sch input[type="text"] { width:250px; border:1px solid #ccc; vertical-align:top; box-sizing:border-box;}
.listStyle .topCon .sch input[type="submit"] { width:100px; background:#444; color:#fff; border:none; height:30px; } 
.listStyle .paging { text-align:center; margin:13px 0 0 0;}
.listStyle .paging button { display:inline-block; font-family:"돋움",dotum;  background:none; border:1px solid #dbdbdb; width:25px; height:31px; cursor:pointer;}
.listStyle .paging ul  { font-size:0; display:inline-block ;vertical-align:top;}
.listStyle .paging ul li { width:25px; height:31px; border:1px solid #dbdbdb; text-align:center; box-sizing:border-box;  display:inline-block; margin:0 1.5px;}
.listStyle .paging ul li a { display:block; line-height:29px;  font-size:13px;}
.listStyle .paging ul li:first-child a { background:#676767; color:#fff; }
.listStyle .paging ul li.on a{  background:#676767; color:#fff; }
.listStyle .button { text-align:center; position:absolute; right:0; bottom:0;}
.listStyle .button a { background:#999; color:#fff; display:block; width:180px; height:50px; line-height:50px;}

/*게시판 스타일 1*/
.listStyle1 .list {text-align:center; margin:0 auto; border-top:2px solid #555; padding:18px 20px 0; }
.listStyle1 .list li { float:left; margin:0 40px 25px 0;}
.listStyle1 .list li:nth-child(4n) { margin:0 0 25px 0;}
.listStyle1 .list li dl { margin:15px 0 0 0;}
.listStyle1 .list li dl dt { color:#222; }
.listStyle1 .list li dl dd {}


/*게시판 스타일 2*/
.listStyle2 .topCon { margin:30px 0 10px 0;}
.listStyle2 .list { border-top:2px solid #555; padding:18px 0 0 0; }
.listStyle2 .list li { float:left; margin:0 60px 28px 0; position:relative; text-align:center;}
.listStyle2 .list li:nth-child(3n) { margin:0 0 28px 0;}
.listStyle2 .list li a { }
.listStyle2 .list li a:hover .img:before { opacity:0; }
.listStyle2 .list li a .img { position:relative;}
.listStyle2 .list li a .img:before { content:"";  width:100%; height:100%; background:url("/img/sub/playBtn.png") no-repeat center rgba(0,0,0,0.5); display:block; top:0; left:0; position:absolute; opacity:1; transition:all 0.5s;}
.listStyle2 .list li a dl { margin:10px 0 0 0;}
.listStyle2 .list li a dl dt { font-size:14px; color:#222;}
.listStyle2 .list li a dl dd { color:#555;}


/* 교육내용 */
.eduCont .con2 {}
.eduCont .con2 ul { padding:0 0 0 19px;}
.eduCont .con2 ul li { margin:0 0 6px 0;}
.eduCont .con2 ul li:last-child { margin:0;}

.eduCont .con3 table td p { color:#222; margin:0 0 4px 0;}
.eduCont .con3 table td ul { }
.eduCont .con3 table td ul li { }
.eduCont .con3 table td ul li:before { content:"-"; margin:0 5px 0 0}
.eduCont .manager { margin:18px 0 0 0;}
.eduCont .manager li { }
.eduCont .manager li:before { content:"·"; margin:0 6px 0 0;}
.eduCont .manager li span { color:#222; }

/*곡면교육*/
.eduCont02 .con3 > p { font-size:15px; color:#333; font-weight:500; margin:0 0 10px 0;}

/* 교육 일정 - 리스트로보기 */
#cont.schedual { padding-top:60px; }
.schedual .calendarIBox { margin:30px 0;}
.schedual .calendarIBox .left { float:left; font-size:0; padding:0 36px 0 0; position:relative;}
.schedual .calendarIBox .left:after { content:""; display:inline-block; width:1px; height:27px; background:#d5d5d5; vertical-align:middle; position:absolute; right:0; top:-2px;}
.schedual .calendarIBox .left span { font-size:27px; color:#bbb; font-weight:700; display:inline-block; cursor:pointer; display:inline-block;}
.schedual .calendarIBox .left span:hover { color:#0a6fb3; }
.schedual .calendarIBox .left .year { font-size:27px; color:#333; font-weight:700; margin:0 23px;}
.schedual .calendarIBox .right { float:left; margin:0 0 0 45px;}
.schedual .calendarIBox .right .month {}
.schedual .calendarIBox .right .month li { float:left; }
.schedual .calendarIBox .right .month li:before { content:""; display:inline-block; width:1px; height:10px; border-left:1px dotted #9b9b9b; margin:0 22px;}
.schedual .calendarIBox .right .month li:first-child:before { display:none;}
.schedual .calendarIBox .right .month li a { font-size:15px; color:#888; font-weight:500;}
.schedual .calendarIBox .right .month li.on a,
.schedual .calendarIBox .right .month li a:hover  { color:#005691; }

.schedual .eduSelect { background:#f5f5f5; border-top:2px solid #555; text-align:center; ;box-sizing:border-box; border-bottom:1px solid #c9c9c9; margin:0 0 10px 0;}
.schedual .eduSelect > div { float:left; width:494px; border-right:1px solid #c9c9c9; box-sizing:border-box;  height:60px; line-height:60px;}
.schedual .eduSelect .tit { color:#333; font-weight:500; width:212px; border-left:1px solid #c9c9c9;}
.schedual .eduSelect > div span { color:#333;}
.schedual .eduSelect > div span,
.schedual .eduSelect > div .selectBox { display:inline-block; }
.schedual .eduSelect > div .selectBox {background:#fff; box-sizing:border-box; margin:0 0 0 21px; position:relative;}
.schedual .eduSelect > div .selectBox p { line-height:34px; color:#555; cursor:pointer; background:url("/img/sub/arrow02.png") no-repeat 300px center; width:320px; border:1px solid #c9c9c9; height:34px; }
.schedual .eduSelect > div .menu { position:absolute; width:100%; top:100%; background:#fff; display:none;}
.schedual .eduSelect > div .menu li { border:1px solid #c9c9c9; border-top:none; }
.schedual .eduSelect > div .menu li a {  display:block; line-height:34px;}
.schedual .eduSelect > div .menu li a:hover { background:#0a6fb3; color:#fff;}
.schedual .col1 { width:180px;}
.schedual .col4 { width:460px;}
.schedual .col5 { width:128px;}
.schedual td.apply { width:128px;}
.schedual td.apply p, 
.schedual td.apply p a { line-height:42px; font-size:13px; width:98px; background:#0f86e2; color:#fff; font-size:13px; display:block;text-align:center;}
.schedual td.apply p a.end { line-height:42px; font-size:13px; width:98px; background:#5d5d5d; color:#fff; font-size:13px; display:block;text-align:center;}
.schedual td.apply p { background:#a3a3a3} 

.schedual #con2 { background:url("/img/sub/exBg.jpg") no-repeat; height:260px; padding:49px 92px; box-sizing:border-box;}
.schedual #con2 .speakerIcon,
.schedual #con2 .txt { display:inline-block; vertical-align:middle;}
.schedual #con2 .txt { width:600px;  color:#fff; margin:0 0 0 95px;}
.schedual #con2 .txt p { font-size:16px; font-weight:500; margin:0 0 16px 0;}
.schedual #con2 .txt span  { font-size:15px; display:block; letter-spacing:-0.1px; line-height:22px;}

/* 교육일정 - 달력으로*/
.calendal table th { border-right:1px solid #c9c9c9;}
.calendal table th:first-child { border-left:1px solid #c9c9c9;}
.calendal table td { border:1px solid #c9c9c9; height:149px; position:relative;}
.calendal table td .date { position:absolute; left:10px; top:12px;}
.calendal table td.eduOn { background:#fcfaeb; vertical-align: top;}
.calendal table td.eduOn p { margin:10px 0; font-size:13px; word-break:keep-all;}


/*세미나*/
.seminar .tabStyle2 { border:none;}



/* 교육 일정/신청 */
.inquiry table { border-top:2px solid #5c5c5c;}
.inquiry table .col1 { width:10.83333333333%; }
.inquiry table tr { }
.inquiry table tr th,
.inquiry table tr td { height:60px; border-bottom:1px solid #d6d6d6; box-sizing:border-box; }
.inquiry table tr td.eduName { color:#005d9c; font-weight:500;}
.inquiry table tr th { background:#f6f6f6; font-size:14px; color:#222; font-weight:400; text-align:left; padding:0 0 0 18px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}
.inquiry table tr td { padding:13px 0 13px 10px;}
.inquiry table tr td input { height:30px; border:1px solid #d6d6d6; box-sizing:border-box; width:320px;}
.inquiry table tr td input[type="tel"] { width:200px; }
.inquiry table tr td.tel span { display:inline-block; margin:0 8px;}
.inquiry table tr td.tel select { width:150px;}
.inquiry table tr td.email input[type="text"]{ width:300px }
.inquiry table tr td.email span { margin:0 8px;}
.inquiry table tr td.email select { width:300px;}
.inquiry table tr td.hompage label { display:inline-block; margin:0 5px 0 0; vertical-align:middle;}
.inquiry table tr td.hompage input { width:400px;}
.inquiry table tr td select { width:320px;  height:30px; border:1px solid #d6d6d6; box-sizing:border-box;}
.inquiry table tr td.title input { width:95.98130841121%; }
.inquiry table tr td textarea { width:986px; resize:none; height:130px; border:1px solid #c9c9c9;}

.fileBox .fileName { display:inline-block; width:22.42990654206%; height:32px; padding-left:10px; margin-right:5px; line-height:30px; border:1px solid #d6d6d6; background:#fff; vertical-align:middle}
.fileBox .btn_file { display:inline-block; border:1px solid #d6d6d6; width:100px; height:30px; font-size:0.8em;line-height:30px; text-align:center; vertical-align:middle; background:#e4e4e4; font-size:14px; color:#555;}
.inquiry .agreeGuide { margin:30px 0 0 0; position:relative; }
.inquiry .agreeGuide p { font-size:13px; color:#333; margin:0 0 10px 0; }
.inquiry .agreeGuide .txtBox { background:#f5f5f5; border:1px solid #d6d6d6; padding:20px; box-sizing:border-box;}
.inquiry .agreeGuide .txtBox dl { font-size:13px; color:#777;}
.inquiry .agreeGuide .txtBox dl dt { margin:0 0 15px 0;}
.inquiry .agreeGuide .txtBox dl dd { line-height:20px; }
.inquiry .agreeGuide .chk { color:#777; margin:8px 0 0 0;}
.inquiry .agreeGuide .more { position:absolute; right:0;top:0; color:#777; font-size:13px;}
.inquiry .btn { text-align:center; font-size:0; margin:72px 0 0 0;}
.inquiry .btn button { width:250px; display:inline-block; font-size:16px; font-weight:700; border:none; color:#fff; height:50px; margin:0 5px; cursor:pointer; }
.inquiry .btn button[type="button"] { background:#2c73b9;}
.inquiry .btn button[type="submit"] { background:#2c73b9;}
.inquiry .btn button[type="reset"] { background:#7b7b7b;}



/*제품소개 */
.boxTxtSt2 { margin:60px 0 0 0; border-bottom:1px solid #e3e3e3; padding:0 44px 30px;}
.boxTxtSt2 ul {}
.boxTxtSt2 ul li { width:324px; height:269px; border:1px solid #a5a5a5; text-align:center; float:left; margin:0 70px 40px 0; box-sizing:border-box;}
.electrical ul li { height:350px !important }
.boxTxtSt2 ul li:nth-child(3n) { margin:0 0 40px 0;}
.boxTxtSt2 ul li h4 { background:#3f98e0; color:#fff; font-size:20px; font-weight:500; height:70px; line-height:70px;}
.boxTxtSt2 ul li p { line-height:22px; margin:15px auto 29px; width:287px; font-size:14px;}
.boxTxtSt2 ul li a { width:110px; height:34px; background:#565656; border-radius:8px; display:block; margin:0 auto; color:#fff; line-height:34px; font-size:13px; font-weight:500;}


/*제품설계*/
.prod_boxTxt2 { }
.prod_boxTxt2 ul li h4 { line-height:1.2; height:70px; padding:12px 0 0 0; box-sizing:border-box;}
.prod_boxTxt2 ul { font-size:0; text-align:center; width:100%;}
.prod_boxTxt2 ul li  { width:324px; margin:0 70px 0 0; height:269px; position:relative; float:none; display:inline-block; vertical-align:middle;}
.prod_boxTxt2 ul li:nth-child(1) h4 { background:#3f98e0; }
.prod_boxTxt2 ul li:nth-child(3n) { margin: 0;}
.prod_boxTxt2 ul li:last-child { float:none; }
.prod_boxTxt2 ul li p a { position:absolute; bottom:20px; left:50%; margin:0 0 0 -55px; background:#565656;}
.prod_boxTxt2 ul li p { padding:15px 13px;}

.advantages { }
.advantages:after { content:""; clear:both; display:block;}
.advantages ul { margin:65px 0 0 0;}
.advantages ul li { float:left; width:400px; height:100px;}
.advantages ul li dl { }
.advantages ul li dl dt {  font-size:17px; font-weight:500; color:#333; background:url("/img/sub/bulletBg.gif") no-repeat left 3px; padding:0 0 0 20px; margin:0 0 10px 0; line-height:25px;}
.advantages ul li dl dd { font-size:14px; color:#666; padding:0 0 0 20px;}

.solidworks .advantages .txt { float:left; width:600px;}
.solidworks .advantages .txt p  {font-size:17px; font-weight:500; color:#333;}
.solidworks .advantages ul {margin:30px 0 0 0;}
.solidworks .advantages ul li { float:none; width:auto; height:auto; margin:0 0 32px 0;}
.solidworks .advantages .flR { float:right }
.solidworks .advantages .flL { float:left;}

.prod_boxTxt ul.hgAuto li { height:auto; }
.lineTop_1 {  border-top:1px solid #e0e0e0; padding:39px 0 0 0}

.view { text-align:center;}
a.electrical3dView {  padding:0 35px; height:55px; background:#444; line-height:55px; display:inline-block; border-radius:12px;  bottom:0; color:#fff; font-size:18px; font-weight:500; text-align:center; margin:35px 0 0 0}

.pcb .view {}
.pcb .view .title1 { margin:0 0 20px 0;}
.pcb .view .electrical3dView { margin:0; background:#333;}

.draft .view {margin:40px 0 0 0; }

/* 메인 신청하기 팝업 */
.eventPupup { overflow: hidden; width: 600px; height: 640px;}
.eventPupup.modal { padding: 0; z-index: 9999; max-width: 600px; width: 600px; max-height: 750px; height: 750px; border-radius: 0; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto;}
.eventPupup.modal a.close-modal { display: none;}
.eventPupup .titbox { height: 90px; border-bottom: 4px solid #06344c; position: relative; padding-left: 40px; box-sizing: border-box;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a6d9f+0,0f4668+100 */
background: rgb(10,109,159); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(10,109,159,1) 0%, rgba(15,70,104,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(10,109,159,1) 0%,rgba(15,70,104,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(10,109,159,1) 0%,rgba(15,70,104,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a6d9f', endColorstr='#0f4668',GradientType=1 ); /* IE6-9 */
}
.eventPupup .titbox h3 { font-weight: 700; font-size: 22px; line-height: 86px; color: #fff;}
.eventPupup .titbox h3 img { margin: 25px 22px 0 0;}
.eventPupup .titbox span { font-size: 12px; line-height: 120%; color: #fafafa; position: absolute; bottom: 15px; right: 30px;}

.eventPupup .formW { overflow: hidden; background: #eee; padding: 39px 30px 36px; box-sizing: border-box;}
.eventPupup .formW ul { overflow: hidden; margin-bottom: 20px;}
.eventPupup .formW ul li { overflow: hidden; margin-bottom: 25px;}
.eventPupup .formW ul li strong { display: inline-block; width: 76px; font-weight: 400; font-size: 14px; line-height: 32px; color: #555; padding-left: 10px;}
.eventPupup .formW ul li input { border: 1px solid #ccc; box-sizing: border-box;}
.eventPupup .formW ul li select { border: 1px solid #ccc; box-sizing: border-box; width: 180px; height: 32px; padding-left: 49px; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background: #fff url(/img/sub/bg_formW2.gif) no-repeat right center;}
/* IE 10, 11의 네이티브 화살표 숨기기 */ 
select::-ms-expand { display: none; }
.eventPupup .formW ul li span { margin: 0 5px;}
.eventPupup .formW > a { display: block; width: 100%; height: 65px; box-sizing: border-box; background: #efb608; border: 1px solid #d29f02; text-align: center; font-weight: 700; font-size: 20px; line-height: 63px; color: #fff;}
.eventPupup .formW .btn-submit { display: block; width: 100%; height: 65px; box-sizing: border-box; background: #efb608; border: 1px solid #d29f02; text-align: center; font-weight: 700; font-size: 20px; line-height: 63px; color: #fff;}
.eventPupup .formW p.po_r {position:absolute; right:0; top:0; text-align:right; width:400px; font-size:15px; color:#666;}

.eventPupup .psBox { background: #fff; font-size: 14px; line-height: 120%; color: #888; padding: 22px 0 32px 30px; overflow: hidden; }
.eventPupup .psBox span { display: block; float: left; width: 20px; }
.eventPupup .psBox p { float: left; width: calc(100% - 20px);}