/* header */
header{ background:none !important; position:relative; }

/* footer */
footer{ margin-top:50px; }

/* sub-wrap */
.sub-wrap{ max-width:1200px; width:100%; margin:0 auto; }
.sub-wrap > div:not(.lnb){ width:78%; margin-top:50px; float:right; }

/* sub-title */
.sub-title{ width:100%; min-height:100px; background:#f6f6f6; }
.sub-title p{ max-width:1200px; width:100%; margin:0 auto; font-size:20px; font-weight:bold; line-height:100px; text-transform:uppercase; }
.sub-title p:before{ content:''; display:inline-block; width:4px; height:30px; background:#2b74ae; vertical-align:middle; margin:-5px 10px 0 0; }

/* lnb */
.lnb{ width:20%; display:inline-block; }
.lnb > ul > li{ margin-top:30px; }
.lnb > ul > li > a{ font-weight:bold; font-size:14px; color:#333; }
.lnb ul li a{ text-transform:uppercase; }
.lnb ul li ul{ margin-left:20px; }
.lnb ul li ul li{ margin:20px 0; font-size:14px; }

/* intro */
.intro .inner-top p{ width:55%; display:inline-block; font-size:14px; }
.intro .inner-top p span{ font-size:36px; font-weight:bold; margin:30px 0; }
.intro .inner-top img{ float:right; margin:0 50px; }
.intro .inner-bottom img{ width:100%; }

/* street */
.street{ text-align:center; }
.street img{ width:100%; }

/* join */
.join{ float:left !important; }
.join form div{ margin-bottom:20px; }
.join form input{ border-radius:5px; }
.join form div:nth-of-type(7){ display:inline-block; text-align:right; }
.join form > div:last-child{ margin-top:30px; }
.join form > div:last-child > input{ width:80px; height:35px; border:none; background:#222; color:#fff; cursor:pointer; }
.join form div:nth-of-type(7) label{ text-align:left; }
.join form > div > label{ font-size:14px; font-weight:bold; width:180px; height:35px; line-height:35px; }
.join form > div > div > label{ font-size:13px; margin-bottom:10px; }
.join form div p.require{ display:inline-block; font-size:12px; margin-left:10px; }
.join form div > p:not(.require){ font-size:14px; font-weight:bold; margin-bottom:20px; }
.join form div input[type="text"], .join form div input[type="password"]{ width:220px; height:35px; border:1px solid #ccc; outline:none; padding-left:10px; font-size:13px; }
.join form div input[readonly]{ background:#ddd; cursor:not-allowed; }
.join form div select{ width:220px; height:35px; border-radius:5px; outline:none; margin-bottom:10px; font-size:13px; }

/* mypage */
.mypage{ float:left !important; }
.mypage form div{ margin-bottom:20px; }
.mypage form input{ border-radius:5px; }
.mypage form div:nth-of-type(7){ display:inline-block; text-align:right; }
.mypage form > div:last-child{ margin-top:30px; }
.mypage form > div:last-child > input{ width:80px; height:35px; border:none; background:#222; color:#fff; cursor:pointer; }
.mypage form div:nth-of-type(7) label{ text-align:left; }
.mypage form > div > label{ font-size:14px; font-weight:bold; width:180px; height:35px; line-height:35px; }
.mypage form > div > div > label{ font-size:13px; margin-bottom:10px; }
.mypage form div label.important:before{ content:'*'; color:red; padding-right:5px; }
.mypage form div p.require{ display:inline-block; font-size:12px; margin-left:10px; }
.mypage form div > p:not(.require){ font-size:14px; font-weight:bold; margin-bottom:20px; }
.mypage form div input[type="text"], .mypage form div input[type="password"]{ width:220px; height:35px; border:1px solid #ccc; outline:none; padding-left:10px; font-size:13px; }
.mypage form div input[readonly]{ background:#ddd; cursor:not-allowed; }
.mypage form div select{ width:220px; height:35px; border-radius:5px; outline:none; margin-bottom:10px; font-size:13px; }

/* find */
.find{ width:100% !important; border:1px solid #ccc; padding:20px; margin-bottom:50px; border-radius:5px; }
.find > div{ width:calc(100% / 2 - 20px); display:inline-block; }
.find > div > p{ font-size:20px; font-weight:bold; margin-bottom:20px; }
.find div input{ border-radius:5px; font-size:12px; }
.find div input[type="text"]{ width:220px; height:32px; padding-left:10px; border:1px solid #ccc; outline:none; }
.find div input[type="button"]{ width:150px; height:32px; color:#fff; background:#222; border:none; cursor:pointer; outline:none; }

/* way1 */
.find .way1{ vertical-align:top; }
.find .way1 input[type="button"]{ width:90px; }
.find .way1 ul li{ margin-top:20px; font-size:14px; }

/* way2 */
.find .way2{ border-left:1px dotted #ccc; padding-left:20px; }
.find .way2 select{ width:220px; height:35px; margin-bottom:20px; border-radius:5px; padding-left:10px; }
.find .way2 input{ margin-bottom:20px; }

/* solution */
.solution{ text-align:center; }

/* pps */
.pps{ text-align:center; }

/* gks */
.gks{ margin-bottom:50px; }
.gks img{ width:100%; }

/* enquire notice */
.notice{ width:100% !important; margin:50px auto 0 !important; display:block !important; }
.notice > p{ font-size:15px; margin-bottom:15px; }
.notice table{ width:100%; font-size:13px; border-top:1px solid #cacaca; border-collapse:collapse; }
.notice table thead{ border-bottom:1px solid #cacaca; display:inline-block; width:100%; height:40px; background:#f6f6f6; }
.notice table thead tr td{ font-weight:bold; }
.notice table tr{ display:inline-block; width:100%; }
.notice table tbody tr{ border-bottom:1px solid #cacaca; }
.notice table tr td{ display:inline-block; width:9.5%; height:40px; line-height:40px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.notice table tr td a{ width:100%; }
.notice table tr td a img{ width:15px; margin-left:5px;  }
.notice table tr td:nth-of-type(2){ width:50%; }

/* list-footer */
.notice .list-footer{ margin-top:20px; padding:0 10px; text-align:right; }
.notice .list-footer *:not(form){ border-radius:5px; outline:none; }
.notice .list-footer form{ width:100%; text-align:center; margin-top:30px; }
.notice .list-footer > a{ width:80px; height:35px; background:#222; color:#fff; font-size:13px; text-align:center; line-height:35px; }
.notice .list-footer input[type="search"]{ width:180px; height:30px; display:inline-block; vertical-align:top; border:1px solid #ccc; padding-left:5px; }
.notice .list-footer select{ width:100px; height:30px; }
.notice .list-footer input[type="submit"]{ width:60px; height:30px; cursor:pointer; background:#222; color:#fff; border:none; }

/* paging */
.notice .list-footer .paging{ text-align:center; margin:30px 0; }
.notice .list-footer .paging > a{ margin:0 5px; }
.notice .list-footer .paging > a span{ font-family:Dotum }
.notice .list-footer .paging ul{ display:inline-block; }
.notice .list-footer .paging ul li{ display:inline-block; margin:0 5px; }
.notice .list-footer .paging ul li a{ border:1px solid #cacaca; border-radius:0; width:30px; height:30px; line-height:28px; font-size:14px; }
.notice .list-footer .paging ul li a.on{ background:#f6f6f6; }

/* secret popup */
.secret-popup-wrap{ position:absolute; left:0; top:0; width:100%; background:rgba(0, 0, 0, 0.5); z-index:9999; }
.secret-popup{ position:absolute; left:50%; top:15%; transform:translateX(-50%); width:450px; height:300px; background:#fff; border-radius:5px; text-align:center; padding:10px; }
.secret-popup p{ margin:20px 0; }
.secret-popup input[type="password"]{ width:300px; height:35px; padding-left:5px; }
.secret-popup div{ margin-top:20px;  }
.secret-popup div a, .secret-popup div input[type="submit"]{ width:80px; height:35px; background:#222; color:#fff; line-height:35px; margin:0 5px; border:none; }

/* notice-write */
.notice-write{ width:100% !important; }
.notice-write form > div{ width:100%; margin-bottom:20px; }
.notice-write form > div input[type="password"]{ width:220px; height:30px; margin-top:5px; font-size:13px; padding-left:5px; }
.notice-write div input[type="text"]{ width:100%; height:35px; padding-left:10px; outline:none; }
.notice-write div textarea{ width:100%; height:350px; resize:none; padding:10px; outline:none; }
.notice-write form > div:last-child{ text-align:center; }
.notice-write div:last-child input[type="submit"]{ width:80px; height:35px; font-size:13px; background:#222; color:#fff; border:none; cursor:pointer; }
.notice-write form > div:last-child a{ width:80px; height:35px; background:#222; color:#fff; font-size:13px; text-align:center; line-height:35px; margin-left:20px; }
.notice-write div .fileBox{ margin-bottom:20px; }
.notice-write div .fileBox label{ display:inline-block; width:100px; height:30px; line-height:30px; text-align:center; vertical-align:middle; cursor:pointer; background:#222; color:#fff; font-size:13px; }
.notice-write div .fileBox input[type="file"]{ position:absolute; width:0px; height:0px; overflow:hidden; clip:rect(0, 0, 0, 0); }
.notice-write div .fileBox p{ display:inline-block; font-size:14px; margin-left:10px; }
.notice-write div .file-list li{ width:60px; display:inline-block; text-align:center; margin:10px; vertical-align:top; position:relative; }
.notice-write div .file-list li img{ width:60px; }
.notice-write div .file-list li p{ font-size:13px; }
.notice-write .nicEdit-main{ outline:none; }

/* notice-view */
.notice-view{ width:100% !important; margin-bottom:50px; }

/* view-header */
.notice-view .view-header > div{ width:100%; min-height:50px; line-height:50px; font-size:13px; border-bottom:1px solid #cacaca; padding:0 20px; }
.notice-view .view-header > div:nth-of-type(1){ border-top:1px solid #cacaca; background:#f8f8f8; }
.notice-view .view-header > div:nth-of-type(1) p{ font-weight:bold; font-size:16px; }
.notice-view .view-header > div:nth-of-type(2) p{ display:inline-block; }
.notice-view .view-header > div:nth-of-type(2) p span{ margin-right:10px; }
.notice-view .view-header > div:nth-of-type(2) p span:not(:last-child):after{ content:'|'; padding-left:10px; }
.notice-view .view-header > div:nth-of-type(3) > a{ margin-right:10px; }
.notice-view .view-header > div:nth-of-type(3) > a img{ width:15px; margin-right:5px; }

/* view-content */
.notice-view .view-content{ padding:10px; border-bottom:1px solid #cacaca; min-height:300px; position:relative; }
.notice-view .view-content .recommend{ width:100%; position:absolute; left:0; bottom:20px; text-align:center; }
.notice-view .view-content .recommend a{ width:50px; height:50px; border-radius:5px; text-align:center; border:2px solid #cacaca; margin:0 5px; font-size:12px; padding-top:8px; }
.notice-view .view-content .recommend a img{ width:13px; }
.notice-view .view-content .recommend a:last-child img{ filter:grayscale(100%); }
.notice-view .view-content p{ font-size:13px; line-height:25px; }
.notice-view .view-content > img{ max-width:1000px; margin:10px; }

/* view-footer */
.notice-view .view-footer{ margin-top:20px; }
.notice-view .view-footer > ul{ text-align:right; margin-top:20px; }
.notice-view .view-footer > ul li{ display:inline-block; }
.notice-view .view-footer > ul li a{ font-size:13px; width:80px; height:35px; background:#222; color:#fff; text-align:center; line-height:35px; }

/* comment */
.comment p.title{ font-size:20px; font-weight:bold; margin:20px 0; }
.comment form{ width:100%; height:150px; border:1px solid #b3b3b3; }
.comment form textarea{ width:100%; height:98px; resize:none; border:none; outline:none; padding:10px; }
.comment form div{ width:100%; height:50px; border-top:1px solid #ededed; text-align:right; }
.comment form div p{ display:inline-block; font-size:14px; margin-right:20px; }
.comment form div input{ width:80px; height:50px; background:#222; color:#fff; border:none; cursor:pointer; }

/* comment-list */
.comment ul{ margin-top:20px;  }
.comment ul li{ border-bottom:1px solid #cacaca; margin-bottom:20px; padding:0 20px 20px 20px; font-size:14px; line-height:20px; word-break:break-all; }
.comment ul li p{ margin-bottom:20px; }
.comment ul li p span{ float:right; }
.comment ul li div{ text-align:right; margin-top:15px; }

/* notice2 */
.pattern, .software, .reference, .machine, .okc, .tc, .ipc, .module, .knit, .ekc{ width:78% !important; }

/* stoll_machine */
.stoll_machine{ width:78% !important; }
.stoll_machine > ul li{ display:inline-block; width:200px; height:227px; vertical-align:top; margin:10px; border:1px solid #dadada; position:relative; }
.stoll_machine > ul li a{ text-decoration:none !important; height:100%; }
.stoll_machine > ul li div{ width:100%; height:150px; }
.stoll_machine > ul li div img{ width:100%; height:100%; object-fit:cover; }
.stoll_machine > ul li p{ padding:0 10px; }
.stoll_machine > ul li p:nth-of-type(1){ margin-top:10px; height:30px; word-break:break-all; text-overflow:ellipsis; width:198px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.stoll_machine > ul li p:nth-of-type(2){ height:35px; font-size:12px; line-height:35px; border-top:1px solid #dadada; position:absolute; bottom:0; width:100%; }
.stoll_machine > ul li p:nth-of-type(2) span{ float:right; }
.stoll_machine > ul li p img{ width:15px; margin:-5px 5px 0 0; }

/* stoll_machine footer */
.stoll_machine .gallery-footer{ margin-top:20px; padding:0 10px; text-align:right; }
.stoll_machine .gallery-footer > a{ width:80px; height:35px; background:#222; color:#fff; font-size:13px; text-align:center; line-height:35px; }

/* paging */
.stoll_machine .gallery-footer .paging{ text-align:center; margin:30px 0; }
.stoll_machine .gallery-footer .paging > a{ margin:0 5px; }
.stoll_machine .gallery-footer .paging > a span{ font-family:Dotum }
.stoll_machine .gallery-footer .paging ul{ display:inline-block; }
.stoll_machine .gallery-footer .paging ul li{ display:inline-block; margin:0 5px; }
.stoll_machine .gallery-footer .paging ul li a{ border:1px solid #cacaca; border-radius:0; width:30px; height:30px; line-height:28px; font-size:14px; }
.stoll_machine .gallery-footer .paging ul li a.on{ background:#f6f6f6; }

/* solution */
.solution img{ width:100%; }

/* pps */
.pps img{ width:100%; }

/* pdf */
.pdf ul li{ width:100%; border-bottom:1px solid #333; padding:0 0 20px 10px; margin-bottom:20px; font-size:14px; }

/* modify */
.modify ul.file-list li a img{ margin-bottom:10px; }

/* admin */
.admin-wrap{ max-width:1200px; width:100%; margin:50px auto 0 auto; }

/* admin-header  */
.admin-wrap .admin-header{ height:45px; }
.admin-wrap .admin-header ul li{ width:120px; height:45px; float:left; text-align:center; line-height:45px; border:1px solid #dadada; }
.admin-wrap .admin-header ul li.active{ background:#222; border:0; }
.admin-wrap .admin-header ul li.active a{ color:#fff; }
.admin-wrap .admin-header ul li:not(:first-child){ border-left:0; }
.admin-wrap .admin-header ul li a{ font-size:14px; }

/* admin-body */
.admin-body{ border:1px solid #dadada; width:100%; min-height:400px; padding:20px; position:relative; }
.admin-body > div{ display:none; }

/* popup */
.admin-body .popup{ display:block; }
.admin-body .popup .input-form{ margin-bottom:20px }
.admin-body .popup .input-form div{ margin-bottom:20px; }
.admin-body .popup .input-form div label{ width:100px; }
.admin-body .popup .input-form div:nth-of-type(1) input{ width:180px; }
.admin-body .popup .input-form img{ max-height:230px; margin-bottom:20px; }
.admin-body .popup .input-form div span{ margin:0 10px; }
.admin-body .popup .input-form div input[type="text"]{ padding-left:5px; height:30px; }
.admin-body .popup .input-form div input[readonly]{ background:#dadada; border:1px solid #dadada; cursor:pointer; }
.admin-body .popup .input-form div input[type="file"]{ display:inline-block; }
.admin-body .popup form > div:last-child{ position:absolute; right:20px; bottom:20px; }
.admin-body .popup div input[type="submit"],
.admin-body .popup div input[type="button"]{ width:120px; height:35px; background:#222; color:#fff; text-align:center; line-height:35px; border:none; margin-left:10px; }

/* user-admnin */
.admin-body .user-admin h2{ font-size:18px; font-weight:bold; margin-bottom:20px; }

/* change-pw */
.admin-body .user-admin .change-pw form div{ margin-bottom:20px; }
.admin-body .user-admin .change-pw form div label{ width:130px; }
.admin-body .user-admin .change-pw form div input{ width:396px; height:30px; padding-left:5px; }
.admin-body .user-admin .change-pw form div:last-child input[type="submit"]{ width:120px; height:35px; background:#222; color:#fff;text-align:center; line-height:35px; border:none; }

/* user-list */
.admin-body .user-admin .user-list{ margin:30px 0; }
.admin-body .user-admin .user-list table{ width:100%; font-size:13px; border-top:1px solid #cacaca; border-collapse:collapse; }
.admin-body .user-admin .user-list table thead{ border-bottom:1px solid #cacaca; display:inline-block; width:100%; height:40px; background:#f6f6f6; }
.admin-body .user-admin .user-list table thead tr td{ font-weight:bold; }
.admin-body .user-admin .user-list table tr{ display:inline-block; width:100%; }
.admin-body .user-admin .user-list table tbody tr{ border-bottom:1px solid #cacaca; }
.admin-body .user-admin .user-list table tr td{ display:inline-block; width:19%; height:40px; line-height:40px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin-body .user-admin .user-list table tr td a{ width:100%; }
.admin-body .user-admin .user-list table tr td a img{ width:15px; margin-left:5px;  }
.admin-body .user-admin .user-list table tr td select{ max-width:150px; width:100%; height:30px; }

/* remove-popup */
.remove-popup ul li{ display:inline-block; width:calc(100% / 4 - 20px); margin:10px; }
.remove-popup ul li img{ width:100%; }

/* upload */
.upload-wrap{ position:absolute; width:100%; height:100%; background:none; }
.upload{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center; width:100px; }
.upload img{ width:100px; }

@media screen and (max-width:768px){
	/* sub */
	.sub-wrap > div{ width:100% !important; }
	.sub-title p{ text-align:center; }

	/* lnb */
	.lnb{ display:none; }

	/* intro */
	.intro .inner-top p{ width:100%; padding:0 10px; margin-bottom:20px; }
	.intro .inner-top img{ float:none; }
}

@media screen and (max-width:555px){
	/* admin */
	.admin-body .popup .input-form div:nth-of-type(1) input{ width:140px; }
}