@charset "utf-8";
/* CSS Document */

/** NotoSans Font 설정 200511 LimSH **//* newStyle1 */
@font-face {
font-family: 'NotoSansL';
font-style: normal;
font-weight: 100;
src: local('Noto Sans Light'), local('NotoSans-Light'), url(../webfont/NotoSans-Light.eot);
src: url(../webfont/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
url(../webfont/NotoSans-Light.woff2) format('woff2'),
url(../webfont/NotoSans-Light.woff) format('woff');
}
@font-face {
font-family: 'NotoSansR';
font-style: normal;
font-weight: 300;
src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(../webfont/NotoSans-Regular.eot);
src: url(../webfont/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
url(../webfont/NotoSans-Regular.woff2) format('woff2'),
url(../webfont/NotoSans-Regular.woff) format('woff');
}
@font-face {
font-family: 'NotoSansB';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(../webfont/NotoSans-Bold.eot);
src: url(../webfont/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
url(../webfont/NotoSans-Bold.woff2) format('woff2'),
url(../webfont/NotoSans-Bold.woff) format('woff');
}

/*셋팅*/
body, table, td, th, div, span, input, select, textarea {font-family:dotum, '돋움',sans-serif; color:#555555; /*font-weight:normal;*/ font-size:12px;}



/*문단셋팅*/
h1, h2, h3, h4 {font-weight:bold; color:#333333;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}


/*폼 셋팅*/
select {line-height:21px; height:21px;}
input[type=text] {margin:0; padding:0; height:19px; border:1px solid #bbbbbb; text-indent:5px; color:#555555; vertical-align:middle;}
table input[type=text] {border:1px solid #bbb; height:19px; background:#fff;}
input+img { vertical-align:middle; margin-left:3px;}
input[type=radio],input[type=checkbox] {margin:5px; vertical-align:middle;}
label {vertical-align:middle;}
textarea  {border:1px solid #bbb; background:#fff; margin:2px 0; color:#555555;}


/*정렬셋팅*/
.fl {float:left;}
.fr {float:right;}
.tal {text-align:left;}
.tali {text-align:left !important;}
.tar {text-align:right;}
.tac {text-align:center;}
.vaM {vertical-align:middle;}


/*테이블 셋팅*/
table {border:none; width:100%;}
tr {border-bottom:1px solid #ddd; }
tfoot td,tfoot th {background:#f8f8f8;}
th { padding:0 5px; height:31px;  border-right:1px solid #ddd; background:#fcfcfc; color:#333333; font-weight:bold; vertical-align:middle;}
td { padding:5px; height:21px; line-height:1.5; border-right:1px solid #ddd; vertical-align:middle;}
th:last-child,td:last-child {border-right:none;}
.col_table th { text-align:center;}
.row_table th { text-align:left;}
.table_hover_text {font-weight:bold;}


/*문단구분선*/
hr {border:none; border-top:1px solid #ccc; height:1px; margin:30px 0;}



/*레이어팝업 기본셋팅*/
.popup_black_bg {position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:;}
.pupup_wrap_1000 {position:absolute;width:1000px; background:#ffffff;}
.pupup_wrap_900 {position:absolute; width:900px; background:#ffffff;}
.pupup_wrap_800 {position:absolute; width:800px; background:#ffffff;}
.pupup_wrap_700 {position:absolute; width:700px; background:#ffffff;}
.pupup_wrap_600 {position:absolute; width:600px; background:#ffffff;}
.pupup_wrap_500 {position:absolute; width:500px; background:#ffffff;}
.pupup_wrap_400 {position:absolute; width:400px; background:#ffffff;}
.pupup_wrap_300 {position:absolute; width:300px; background:#ffffff;}
.popup_title {position:relative; background:#333; width:100%; height:39px; color:#ffffff; font-weight:bold; text-indent:10px; line-height:39px;}
.popup_title h3 {color:#ffffff;}
.close_btn {position:absolute; top:12px; right:10px;}
.popup_contents_wrap {position:relative; background:#ffffff;}
.popup_contents {margin:20px 20px 0;}


/*페이지 소제목 설정*/
.table_title {position:relative; height:23px;}
.popup_contents .table_title {margin-top:20px;}
.bullet_main {float:left; position:relative; padding-left:16px; margin-bottom:2px; line-height:16px; background:url(../images/ua/common/bullet_main.png) no-repeat left top; font-size:14px; font-weight:bold; color:#333333; vertical-align:middle;}
.bullet_main.table_top {margin-top:5px; margin-bottom:0;}
.title_btn_wrap {float:right;}


.popup_table_wrap {border-top:2px solid #07538f; margin-top:5px; clear:both;}



/*정렬셋팅*/
 
.tac {text-align:center;}

/*마진셋팅*/
.mt10 {margin-top:10px;}
.mr3 {margin-right:3px;}
.pdBtnSt1 {padding:10px 20px 12px !important; border-radius:5px}

/*버튼셋팅*/
.btn {display:inline-block; color:#fff; font-weight:bold; letter-spacing:-0.03em; vertical-align:middle;}
.btn:hover {color:#fff000;}
.inner {line-height:23px; height:21px; padding:0 7px;}
.outer{line-height:25px; height:23px; padding:0 16px;}
.popup {min-width:85px; padding:0 20px;  font-size:14px; text-align:center;}
.dark {background:#333;}
.gray {background:#ababab;}
.green {background:#1e9d44;}
.blue {background:#07538f;}
.ryellow {background:#ff6c00;}
.left_icon.dark {padding-left:25px; background:#333 url(../images/ua/common/arrow_btm_in_btn.png) no-repeat 6px center;}
.left_icon.green {padding-left:25px; background:#1e9d44 url(../images/ua/common/arrow_btm_in_btn.png) no-repeat 6px center;}
.left_icon.blue {padding-left:25px; background:#07538f url(../images/ua/common/arrow_btm_in_btn.png) no-repeat 6px center;}
/* 라벨출력 버튼 */
.print {line-height:30px; height:30px; padding:0 16px;float: right;}

/*주의사항 박스*/
.attention_box {border:1px solid #dadada; margin-top:10px;}
.attention_box h4 {padding:10px; text-align:center; background:#fcfcfc;}
.attention_box ol {padding:10px; margin-top:10px;}
.attention_box ol li {margin-bottom:10px;}

/*폰트관련 셋팅*/
.fcry {color:#ff6c00;}





/**************************************************************************************************************************/
a {color:#555;}

/*문단셋팅*/
h1, h2, h3, h4 {font-weight:bold; color:#333333;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}



/*폰트관련 셋팅*/
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs22 {font-size:22px;}
.fs24 {font-size:24px;}
.wb {font-weight:bold;}
.wn {font-weight:normal;}
.fcw,.fcw a {color:#ffffff;}
.fc3,.fc3 a {color:#333333;}
.fc5,.fc5 a {color:#555555;}
.fc7,.fc7 a {color:#777777;}
.fcy,.fcy a {color:#fff000;}
.fcry,.fcry a {color:#ff6c00;}
.fcg,.fcg a {color:#2c9f4e;} 
.fcb,.fcb a {color:#0652a5;}
.download_text:hover {text-decoration:underline !important;}



/*정렬셋팅*/
.fl {float:left;}
.fr {float:right;}
.clear_both {clear:both;}
.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}



/*마진셋팅*/
.ml0 {margin-left:0;}
.ml1 {margin-left:1px;}
.ml3 {margin-left:3px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.ml80 {margin-left:80px;}
.ml90 {margin-left:90px;}
.ml100 {margin-left:100px;}

.mr0 {margin-right:0;}
.mr1 {margin-right:1px;}
.mr3 {margin-right:3px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}
.mr70 {margin-right:70px;}
.mr80 {margin-right:80px;}
.mr90 {margin-right:90px;}
.mr100 {margin-right:100px;}

.mt0 {margin-top:0;}
.mt0i {margin-top:0 !important;}/* newStyle1 */
.mt1 {margin-top:1px;}
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt7 {margin-top:7px;}/* newStyle1 */
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt30i {margin-top:30px !important;}/* newStyle1 */
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}

.mb0 {margin-bottom:0;}
.mb1 {margin-bottom:1px;}
.mb3 {margin-bottom:3px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb18 {margin-bottom:18px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}

.pdb5 {padding-bottom:5px}


/*폼 셋팅*/
select {line-height:21px; height:21px; vertical-align:middle;}
input[type=text],input[type=password] {margin:0; padding:0; padding-left:5px; height:19px; border:1px solid #bbbbbb; color:#555555; vertical-align:middle;}
table input[type=text] {border:1px solid #bbb; height:19px; background:#fff; line-height:19px;}
input+img { vertical-align:middle; margin-left:3px;}
input[type=radio],input[type=checkbox] {margin:0; margin-left:5px; vertical-align:sub; }
label {margin:0; margin-right:5px; margin-left:1px; vertical-align:middle;}
table input[type=radio], table input[type=checkbox] {margin:0; margin-left:5px; vertical-align:sub;}
table label {vertical-align:middle; margin:0; margin-left:3px; margin-right:7px;}
div input[type=radio], div input[type=checkbox] {margin:0; margin-left:5px; vertical-align:sub;}
div label {vertical-align:middle; margin:0; margin-left:3px; margin-right:7px;}
textarea  {border:1px solid #bbb; background:#fff; margin:2px 0; color:#555555; overflow:auto;}




/*버튼셋팅*/
.btn {display:inline-block; color:#fff; font-weight:bold; letter-spacing:-0.08em; vertical-align:middle;}
.btn:hover {color:#fff000;}
span.btn:hover {color:#fff;}
.btn img { vertical-align:middle;}
.inner {line-height:24px; height:21px; padding:0 7px 0 7px;}
.outer{line-height:25px; height:23px; padding:0 16px;}
.popup {min-width:85px; padding:11px 20px; font-size:14px; text-align:center;}
.pagecenter {min-width:85px; padding:0 40px; height:50px; line-height:50px; font-size:16px; text-align:center;}
.dark {background:#444;}
.green {background:#1e9d44;}
.blue {background:#07538f;}
.ryellow {background:#ff6c00;}
.btn img {margin-right:5px;}
td>.dark {background:#777;}


/*정보버튼셋팅*/
.info.btn {display:inline-block; font-weight:bold; letter-spacing:-0.08em; vertical-align:middle;}
.info.btn:hover {color:#000;}
.info.green {background:#d8f0df; border:1px solid #1e9d44; color:#1e9d44;}
.info.ryellow {background:#ffe3ce; border:1px solid #ff6c00; color:#ff6c00;}
.info.grey {background:#ccc; border:1px solid #aaa; color:#777;}
.info.blue {background:#c6e6ff; border:1px solid #07538f; color:#07538f;}
.info.inner {line-height:21px; height:19px; padding:0 5px;}
.info.outer{line-height:23px; height:21px; padding:0 14px;}


/*테이블 셋팅*/
table {border:none; width:100%;}
tr {border-bottom:1px solid #ddd; }
tfoot td,tfoot th {background:#f8f8f8;}
th { padding:11px 5px 8px 5px; height:9px; border:1px solid #ddd; border-top:none; border-left:none; background:#fcfcfc; color:#333333; font-weight:bold; vertical-align:middle;}
td { padding:5px; height:21px; line-height:1.5; border:1px solid #ddd; border-top:none; border-left:none; vertical-align:middle;}
td img {vertical-align:middle;}
th:last-child,td:last-child {border-right:none;}
.col_table th { text-align:center;}
.row_table th { text-align:left;}
.table_hover_text {font-weight:bold;}
.bgb {background:#e8f3fc;}
.msds_table th,.msds_table td { padding:11px 5px 8px 5px; height:9px; border:1px solid #555555; border-top:none; border-left:none; background:#555555; color:#ffffff; font-weight:bold; vertical-align:middle;}
.bordR1px1i {border-right:1px solid #ddd !important;}

/*레이어팝업 기본셋팅*/
.popup_black_bg {position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:;}
.pupup_wrap_1000 {position:absolute;width:1000px; background:#ffffff;}
.pupup_wrap_900 {position:absolute; width:900px; background:#ffffff;}
.pupup_wrap_800 {position:absolute; width:800px; background:#ffffff;}
.pupup_wrap_700 {position:absolute; width:700px; background:#ffffff;}
.pupup_wrap_600 {position:absolute; width:600px; background:#ffffff;}
.pupup_wrap_500 {position:absolute; width:500px; background:#ffffff;}
.pupup_wrap_400 {position:absolute; width:400px; background:#ffffff;}
.pupup_wrap_300 {position:absolute; width:300px; background:#ffffff;}
.popup_title {position:relative; background:#333; width:100%; height:39px; color:#ffffff; font-weight:bold; text-indent:10px; line-height:39px;}
.popup_title h3 {color:#ffffff;}
.close_btn {position:absolute; top:12px; right:10px;}
.popup_contents_wrap {position:relative; background:#ffffff;}
.popup_contents {margin:20px 20px 0;}
.popup_btn_set {width:100%; margin:30px 0; text-align:center;}
.popup_btn_set {font-family: NotoSansL, sans-serif;}


/*문단구분선*/
hr {border:none; border-top:1px solid #ccc; height:1px; margin:30px 0;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 

.inner {line-height:22px; height:21px; padding:0 8px 0 6px;}
table input[type=text] {border:1px solid #bbb; height:19px; background:#fff; line-height:21px;}
table td label {vertical-align:middle; margin-left:3px; margin-right:7px;}

}