/* 
    Document   : Common
	Created on : 2012. 8. 16, 오후 3:50
    Author     : Nexist
    Description: Purpose of the stylesheet follows.
*/

/* @import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css'); */
@import url('nanumgothic.css');
/* @import url('//fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap'); */
@import url('nanumGothicSwap.css');

* { font-family:  "Nanum Gothic", "dotum", "돋움", AppleGothic, sans-serif; }

html,body { border:none;margin:0;padding:0;height:100%;width:100%; }
html,body,
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dt,dd,
table,th,td,
form,fieldset,legend,input,textarea,button,select,
p { margin:0;padding:0; }

form { clear:both; }
legend {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;padding:0;visibility:hidden;font-size:0;line-height:0; }
body,input,textarea,select,button,table { font-size:12px;color:#444; }
img,fieldset { border:0; }
ul,ol { list-style:none; }
em,address { font-style:normal; }

td, dd { line-height:17px; }

a { text-decoration:none;color:#444; }
a:hover { color:#FF5500;text-decoration:underline; }

label { cursor:pointer; }
.hand{ cursor:pointer; }

input[type=checkbox], input[type=radio] { position:relative;top:0; }

h2.subTitle2 { font-size:12px;color:#666;margin:10px 0 10px 20px;line-height:12px;padding:3px 0 1px 20px;
	background:url("../Images/imgPack.png") -379px -264px no-repeat; }
h3.subTitle3 { font-size:12px;color:#666;margin:10px 0;line-height:12px;padding:3px 0 1px 20px; }

.subTitleDiv {margin:10px 0 10px 20px;padding:3px 0 1px 0px;height:20px; }
.subTitleDiv .subTitleIcon { background:url("../Images/imgPack.png") -379px -264px no-repeat;width:20px;line-height:15px;height:15px; }
.subTitleDiv .subTitle4 { font-size:12px;color:#666;line-height:17px;height:17px; }

/* 클리어부스 */
.cboth { clear:both; }

/* 각종 정렬 */
.valign-middle { vertical-align:middle !important; }
.valign-top { vertical-align:top !important; }
.center { text-align:center !important; }
.right { text-align:right !important; }
.left { text-align:left !important; }
.lsp-1 { letter-spacing:-1px !important; }
.hide { display:none; }
.hideI { display:none !important; }
.fright{ float:right !important; }
.fleft{ float:left !important; }

.mleft{ margin-left:10px;text-align:left !important; }

/* 각종 컬러 */
.bold { font-weight:bold !important; }

.beige { color:#eceba8; }
.red { color:#f00; }
.blue { color:#06C; }
.white { color:#fff; }
.black { color:#000; }
.yellow { color:#FFD700; }
.green { color:#0f0; }
.deepGreen { color:#0c0; }
.lightgreen { color:#2aff98; }
.orange { color:#f90; }
.silver { color:#CECECE; }

/* 좌,우 여백설정 */
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr38 { margin-right: 38px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr61 { margin-right: 61px !important; }

.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml12 { margin-left: 12px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }

.mt-15{ margin-top: -15px !important; }
.mt-10{ margin-top: -10px !important; }
.mt-3{ margin-top: -3px !important; }
.mt2 { margin-top: 2px !important; }
.mt3 { margin-top: 3px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }

.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }

.pd0 { padding:0px !important; }
.pd3 { padding:3px !important; }
.pd5 { padding:5px !important; }
.pd10 { padding:10px !important; }
.pd20 { padding:20px !important; }
.pd50 { padding:50px !important; }

.pdr10 { padding-right:10px !important; }
.pdr15 { padding-right:15px !important; }

.pdl5 { padding-left:5px !important; }
.pdl8 { padding-left:8px !important; }
.pdl10 { padding-left:10px !important; }
.pdl20 { padding-left:20px !important; }
.pdl30 { padding-left:30px !important; }
.pdl50 { padding-left:50px !important; }

.pdt5 { padding-top:5px !important; }
.pdt10 { padding-top:10px !important; }
.pdt20 { padding-top:20px !important; }
.pdt25 { padding-top:25px !important; }
.pdt45 { padding-top:45px !important; }

.pdb10 { padding-bottom:10px !important; }
.pdb20 { padding-bottom:10px !important; }

.wp100 { width:100% !important; }
.wp98 { width:98% !important; }
.wp95 { width:95% !important; }
.wp85 { width:85% !important; }
.wp75 { width:75% !important; }
.wp20 { width:20% !important; }

.wx500 { width:500px; }
.wx350 { width:350px; }
.wx300 { width:300px; }
.wx250 { width:250px; }
.wx200 { width:200px; }
.wx180 { width:180px; }
.wx170 { width:170px; }
.wx160 { width:160px; }
.wx150 { width:150px; }
.wx130 { width:130px; }
.wx120 { width:120px; }
.wx110 { width:110px; }
.wx100{ width:100px; }
.wx80 { width:80px; }
.wx70 { width:70px; }
.wx50 { width:50px; }
.wx40 { width:40px; }
.wx30 { width:30px; }
.wx20 { width:20px; }
.wx12 { width:12px; }

.hx50{ height:50px; }
.hx60{ height:60px; }
.hx100{ height:100px; }
.hx150{ height:150px; }
.hx200{ height:200px; }
.hx250{ height:250px; }
.hx300{ height:300px; }
.hx350{ height:350px; }
.hx400{ height:400px; }
.hx450{ height:450px; }
.hx650{ height:650px; }

.fs9{font-size: 9px !important;}
.fs10{font-size: 10px !important;}
.fs11{font-size: 11px !important;}
.fs12{font-size: 12px !important;}
.fs13{font-size: 13px !important;}
.fs14{font-size: 14px !important;}
.fs15{font-size: 15px !important;}
.fs18{font-size: 18px !important;}

.submit { margin: 30px; }

/* 에러처리 */
.inputContainer { position: relative; float: left; }
.formError { position: absolute; top: 300px; left: 300px; display: block; z-index: 5000; cursor: pointer; }
.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none }
.formError .formErrorContent { width: 100%; background: #ee0101; position:relative; z-index:5001; color: #fff; width: 190px; font-family: tahoma; font-size: 11px; border: 2px solid #ddd; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; padding: 4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.greenPopup .formErrorContent { background: #33be40; }
.blackPopup .formErrorContent { background: #393939; color: #FFF; }
.formError .formErrorArrow { width: 15px; margin: -2px 0 0 150px; position:relative; z-index: 5006; }
.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0px 0 0 12px; top:2px; }
.formError .formErrorArrow div { border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444; -webkit-box-shadow: 0 2px 3px #444; font-size: 0px; height: 1px; background: #ee0101; margin: 0 auto; line-height: 0; font-size: 0; display: block; }
.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.greenPopup .formErrorArrow div { background: #33be40; }
.blackPopup .formErrorArrow div { background: #393939; color: #FFF; }
.formError .formErrorArrow .line10 { width: 15px; border: none; }
.formError .formErrorArrow .line9 { width: 13px; border: none; }
.formError .formErrorArrow .line8 { width: 11px; }
.formError .formErrorArrow .line7 { width: 9px; }
.formError .formErrorArrow .line6 { width: 7px; }
.formError .formErrorArrow .line5 { width: 5px; }
.formError .formErrorArrow .line4 { width: 3px; }
.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; }
.formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; }
.formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; }
/* //에러처리*/

/* 입력폼 스타일 */
.formStyle { clear: both; margin: 0 auto 15px auto; border-left: 1px solid #E5E5E5; border-top:1px solid #1189c4; }
.formStyle caption{ display: none; }
.formStyle tr th { vertical-align: middle; text-align: left; font-weight: 700; background:#F9FAFA; color: #6E6E6E; font-size: 12px; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; padding:8px 15px 8px 15px; }
.formStyle tr td { padding: 3px 0 3px 10px; height: 30px; border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; text-align: left; word-wrap:break-word;}
.formStyle tr td.comment { font-size: 11px; }

.description { font-size: 11px; color: #999; }
.description b { color: #666; }

.inputBox { padding:3px; border:1px solid #D1D1D1; color:#575757; font-size: 12px; }
.inputBox:hover { padding:3px; border:1px solid #1189c4; }
.inputBox:focus { padding:2px; color: #1189c4; border:2px solid #1189c4; }
.textareaBox { margin: 0 auto; border:1px solid #D1D1D1; color:#575757; font-size: 12px; }
div.textareaBox { margin: 0 auto; border:1px solid #D1D1D1; padding: 0; color:#575757; overflow: auto; font-size: 12px; }
.submit { text-align: center; }
/* //입력폼 스타일 */

/* 리스트 스타일 */
.listStyle { width: 100%; border-bottom: solid 1px #ddd;  border-collapse : collapse;}
.listStyle caption { display: none; }
/*.listStyle thead th { height: 30px; background: url("../Images/boardThBg.png"); font-size: 12px; color: #FFF; }*/
.listStyle thead th { height: 30px;  border-top: 1px solid #8fbedd; border-bottom: solid 1px #efefef; background: #f8f8f8; font-size: 12px; color: #3788b7; font-weight: 400; }
.listStyle tbody td { font-size: 12px; border-bottom: 1px solid #d8d8d8; padding: 10px 3px; color:#999; }
.listStyle tbody tr.notice td { background: #f0f0f0; color: #000; font-weight: bold; }
.listStyle tbody tr.notice:hover td { background: #fcfcfc; }
.listStyle tbody tr:hover td { background: #fefefe; color: #666; }
.listStyle tbody tr:hover td a { color: #000; }
.listStyle tbody tr:hover td.blank { background: #FFFFFF; }
.listStyle tbody td.blank { background: #FFFFFF; margin: 0; padding: 0; border-right: none; border-bottom: none; }
.listStyle tbody tr:hover td.blank tbody tr td { background: #fff; }
/* //리스트 스타일 */

.cmtTitle { font-size: 11px; padding: 0 5px; color: #999; font-weight: 400; }

.cmtFormStyle { clear: both; margin: 0 auto 15px auto; padding: 0 0 5px 0; border: 1px solid #E5E5E5; }
.cmtFormStyle caption{ display: none; }
.cmtFormStyle tr td { padding: 3px 10px 3px 10px; height: 30px; font-size: 11px; }
.cmtFormStyle tr td .cmtButtons { float: right; }

.cmtListStyle { border-top: 2px solid #1189c4; }
.cmtListStyle li { font-size: 11px; color: #999; padding: 5px; }
.cmtListStyle li .cmtInfo { padding: 0 10px; }
.cmtListStyle li .cmtInfo .writer { color: black; font-size: 12px; font-weight: 700; }
.cmtListStyle li .cmtInfo .datetime { padding-left: 20px; }
.cmtListStyle li .cmtButtons { float: right; }
.cmtListStyle li .cmtContents { padding: 5px; margin: 5px 0 0 0; background: #f6f6f6; }
.cmtListStyle li .cmtContents:hover { background: #eee; color: #666; }

.pollStyle { width: 500px; margin: auto; }
.pollStyle h2 { font-size: 12px; padding: 0 0 3px 5px; }
.pollStyle ol { padding-left: 30px; list-style: decimal; }
.pollStyle .bar_1 { background: #cc0000; color: white; font-size: 11px; }
.pollStyle .bar_2 { background: #ff9900; color: white; font-size: 11px; }
.pollStyle .bar_3 { background: #66cc66; color: white; font-size: 11px; }
.pollStyle .bar_4 { background: #9999cc; color: white; font-size: 11px; }
.pollStyle .bar_5 { background: #3333cc; color: white; font-size: 11px; }
.pollStyle .bar_6 { background: #7466cc; color: white; font-size: 11px; }

/* register */
.register { }
.registerAgreement {  }
.registerPolicy { }
.registerForm { clear: both; padding: 10px; }

/* 페이져 처리 */
.pager { clear:both;padding:15px 0;text-align:center;font-size:0; }
.pager a, .pager strong, .pager span { display:inline-block;_position:relative;padding:0 5px;height:22px;line-height:22px;color:#999;font-size:11px;margin:1px;vertical-align:top; }
.pager strong { color:#000; }
.pager span { width:15px !important; }
.pager span.pre_end, .pager span.next_end, .pager span.pre, .pager span.next { width:15px !important; }
.pager span.pre_end a,.pager span.next_end a, .pager span.pre a,.pager span.next a { background:url("../Images/pager.png") no-repeat;overflow:hidden;padding:20px 0 0 0;height:2px;width:15px !important; }
.pager span.pre_end a { background-position:-15px 4px !important; }
.pager span.pre a { background-position:0 4px !important; }
.pager span.next a { background-position:-30px 2px !important; }
.pager span.next_end a { background-position:-45px  2px !important; }
/* //페이져 처리 */

#loginArea .findBox { width: 730px; margin: 20px auto; padding: 0 10px; height: 170px; }
#loginArea  h2 { margin-left: 10px; text-align: left; }
#loginArea .findBox dl { margin: 10px 0 0 0; height: 60px; padding: 30px 0 50px 0; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }
#loginArea .findBox dl dt { float: left; clear: both; height: 26px; width: 110px; text-align: center; padding-top: 4px; }
#loginArea .findBox dl dd { float: left; height: 30px; }
#loginArea .findBox dl dd input { width: 200px; }
#loginArea .findBox .loginLeft { position: relative; width: 350px; float: left; height: 90px; padding: 18px 0 0 0; margin-right: 30px; }
#loginArea .findBox .loginRight { position: relative; width: 350px; float: left; padding: 18px 0 0 0; height: 90px; }
#loginArea .findBox { text-align: center; padding-bottom: 50px; }

#loginArea .findResultBox { position: relative; width: 450px; margin: 50px auto; padding: 0 10px 50px 10px; text-align: center;  }
#loginArea .findResultBox dl { height: 30px; width: 450px; margin: 0 auto; padding: 15px 0; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }
#loginArea .findResultBox dl dt { float: left; clear: both; height: 30px; line-height: 30px; width: 110px; text-align: center; }
#loginArea .findResultBox dl dd { float: left; height: 30px; line-height: 30px; }
#loginArea .findResultBox dl dd input { width: 200px; }
#loginArea .findResultBox dl.FindPW { width: 450px; height: 60px; padding: 15px 0; }
#loginArea .findResultBox dl.FindPW dd { width: 330px; line-height: 15px; height: 30px; padding: 5px 0 0 0; text-align: left; }
#loginArea .findResultBox dl.FindPW dd span.small { display: block; margin-top: 5px; line-height: 12px; }

.IndustrySafetyHealth_btn {position: absolute; top: 700px; left: 60%; width: 230px; cursor:pointer;}
.IndustrySafetyHealth{width: 575px;}
.SupervisorEdu_btn {position: absolute; top: 1230px; left: 25%;}