@charset "utf-8";


a{
	color: #000 !important;
}

a:hover{
	text-decoration: none !important;
}
/* 정렬 */
.taC{text-align:center !important}
.taR{text-align:right !important}
.taL{text-align:left !important}
.disB{display:block !important}
.disIB{display:inline-block !important}
.overF{overflow:hidden !important}
.fl{float:left !important}
.fr{float:right !important}
.clear {content:""; clear:both; display:block !important}
.clear:after{content:""; clear:both; display:block !important}
.clearfix { overflow: auto;  zoom: 1;}

/* 이미지 */
img[src$=".gif"], img[src$=".png"] {
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
    }

/* 간격 */
.mt0{margin-top:0px !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}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.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}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml30{margin-left:30px !important}
.mb5{margin-bottom:5px !important}
.mb0{margin-bottom:0px !important}
.mb10{margin-bottom:10px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl21{padding-left:21px !important}
.pl115 {padding-left:115px !important}
.pt10 {padding-top:10px !important}
.pb15{padding-bottom:15px !important}
.pb10{padding-bottom:10px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb50{padding-bottom:50px !important}

.mgNo{ margin:0 !important}
.mtNo{ margin-top:0 !important;}
.mbNo{ margin-bottom:0 !important;}
.mrNo{ margin-right:0 !important;}
.mlNo{ margin-left:0 !important;}

.pdNo{ padding:0 !important}
.ptNo{ padding-top:0 !important;}
.pbNo{ padding-bottom:0 !important;}
.prNo{ padding-right:0 !important;}
.plNo{ padding-left:0 !important;}

/* color */
.orange{ color: #f15922 !important; }
.blue{ color: #008bd0 !important; }
.normal{ color: #6c6e72 !important; }
.c333{ color: #333 !important; }
.bold { font-weight:bold !important;}
.c01 { color:#008ab7 }
.c02 { color:#f57c00}
.c03 { color:#495399}
.cGlay { color:#cccccc}
.cBlack { color:#000}
.cWhite { color:#fff}
.red {color:#D50000}

/* textType */
.essTxt {text-align:right; font-size:.95em; color:#ff6600;}
.bssTxt {color:#888; font-size:.95em; margin-left:5px}
/* box */
.ptxt { font-size:1em; line-height:2em; margin-top:20px}
.pImg { margin:30px 0 50px}
.divBox { padding:20px 30px; border:1px solid #dee0e2; overflow:hidden}

/* font-family */

/*h1,h2,h3,h4,h5,h6 {font-family: 'Nanum Gothic', 나눔고딕,'Malgun Gothic', 맑은고딕; letter-spacing:-0.5px}*/

/* headding */
h2,
h3,
h4,
.tempDl dt,
.legendTitle,
caption{ position:relative;color:#313131;font-size: 1.4em;letter-spacing:-0.5px; margin-bottom:5px}
.tempH3,
.tempH3Txt,
.legendTitle{ clear:both;line-height:1em; clear:both;margin-bottom:15px;padding:15px 0 0 0;color:#231916;; font-weight:bold; } 
.legendTitle:before { content:""; position:absolute; left:0; top:0; display:inline-block; width:40px; height:2px; background-color:#006fbe}
.tempH3Txt {font-size: 1.7em; background:none;  color:#2c2d2f;padding:10px 0 5px 0; background:url('../images/common/bulletTitle.jpg') no-repeat; line-height:1em; }
.tempH3Txt strong { display:inline-block; float:left; margin:0 5px 0 0; color:#b595e1; font-size: 1.4em; line-height:1.4em; }
.tempH3Txt span { font-size:0.8em; color:#6E7072}
.tempH3 {margin-top:30px;}

.tempH3 span { margin:2px 0 0 7px; color:#777; font-weight:normal; font-size:14px }
.tempH3 span.copy { font-size:15px ; color:#333; font-weight:bold; }
.tempH3 span img { padding:2px 0 0 7px}
.tempH4,.tempH4Txt{ clear:both; padding-left:17px; margin-bottom:15px; background:transparent url(../images/common/bulletTitle02.png) no-repeat 0 50%; font-size:1.32em;font-weight:bold; color:#454545 !important}
.tempH4Txt { padding:0 0 5px 0;background:none; }
.tempH5{ margin: 0.5em 0;  padding-left: 13px;  font-weight: 700;  font-size: 1.1em;  line-height: 1.4em; color: #333;}
.tempH5:after{ content: ""; display: inline-block; margin: 0 6px 3px -213px; border: 4px solid; border-radius: 50%; vertical-align: middle;}
@media (max-width:500px){
	.tempH4,.tempH4Txt{
		font-size: 16px;
	}
	.txt{
		font-size: 16px;
	}
}
/* box */
.boxStyle { position:relative; padding:20px 20px 20px 50px; border:2px solid }
.boxStyle:before { position:absolute; top:24px; left:0; content:""; display:block; width:30px; height:10px;}
.boxStyle .title{ font-weight: bold; font-size: 1.2em; line-height: 1.2em; margin-bottom: 5px; color: #000;  }

/* List */
.listStyle li { padding-bottom:5px;}
.listStyle li:before, .listStyle dt:before { content:""; display:inline-block; width:6px; height:2px; margin:0 6px 1px 1px; background:#999999; vertical-align:middle}
.listStyle li ul { margin:5px 0 5px 0;}
.listStyle li li:before, .listStyle dd:before { content:""; display:inline-block; width:2px; height:2px; margin:0 10px 1px 0; background:#6c6e72; vertical-align:middle}
.listStyle dl { margin-top:7px;}
.listStyle dt { font-weight:bold; padding-bottom:5px;}
.listStyle li li, .listStyle dd { padding:0 0 3px 10px; font-size:12px;}

.tempTextList1 { position:relative; overflow:hidden; clear:both }
.tempTextList1 li {padding-left:10px;	background:transparent url('../images/common/bulletList.gif') no-repeat 2px 7px  ; _position:relative; margin:2px 0 7px; line-height:1.4;}
.tempTextList1 li strong { color:#333}
.tempTextList2 { position:relative;  overflow:hidden; clear:both  }
.tempTextList2 li {padding-left:10px;	background:transparent url('../images/common/bulletList3.gif') no-repeat 0 7px !important  ; _position:relative; margin:2px 0; line-height:1.5;}
.tempTextList3 { position:relative; clear:both  }
.tempTextList3 li { padding-left:10px; background:url('../images/common/bulletList1.gif') no-repeat 2px 7px transparent; margin-bottom:3px; line-height:17px}
.tempTextList4 { clear:both; padding:15px 20px 10px 20px;background-color:#fbfbfb;	border:1px solid #f2f2f2; box-shadow:0 2px 3px #f2f2f2}
.tempTextList4 li { list-style:none; padding-left:10px;	background:url('../images/common/bulletList1.gif') no-repeat 0px 7px transparent; _position:relative; margin-bottom:5px; line-height:17px}
.tempTextList4 li strong { color:#555}
.tempTextList4.h10 li { margin-bottom:10px}
.tempTextList5 { margin:0; background-color:#EEF1FA; padding:20px; font-size:14px; line-height:20px}
.tempTextList5 li { list-style:none; padding-left:10px;	background:url('../images/common/bulletList5.gif') no-repeat left 7px transparent !important; margin:7px 0;}
.tempTextList5 li strong { color:#0071bf; font-size:14px;}
.tempTextList5 li.guide { padding-left:0; background:none !important; font-size:12px; color:#7d0000}
.tempTextList6 { margin:0; padding:20px; font-size:14px; line-height:20px; border:1px solid #dee0e2;}
.tempTextList6 li { list-style:none; padding-left:10px;	background:url('../images/common/bulletList5.gif') no-repeat left 7px transparent !important; margin:7px 0;}
.tempTextList7 { margin:0; padding:20px; font-size:14px; line-height:20px; background:#eee;}
.tempTextList7 li { list-style:none; padding-left:10px;	background:url('../images/common/bulletList5.gif') no-repeat left 7px transparent !important; margin:7px 0;}

/* form */
/* input[type="text"], input[type="submit"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], textarea, select 
{ font-family:'Nanum Gothic', 나눔고딕,'Malgun Gothic', 맑은고딕, 'Dotum', 돋움, 'Montserrat', 'Arial', sans-serif; border:1px solid #cccfd5; vertical-align:middle; border-radius:4px; } */
input[type="text"], input[type="submit"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], textarea, select 
{ width: 100%; font-size: inherit; vertical-align: middle; padding: 0.8rem 1rem;border: 1px solid #d1d1d1; }
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"] { height:auto; padding:5px;}
input[type="file"] { display:inline-block; height:35px; padding:5px; border:1px solid #cccfd5; border-radius:0px; vertical-align:middle; background:#fff}
input[type="radio"], input[type="checkbox"] { margin:5px;}
input[type="radio"]:first-child, input[type="checkbox"]:first-child { margin-left:0;}
input[type="radio"] + label, input[type="checkbox"] + label { margin-right:15px;}
textarea { padding:10px;}
select { display:inline-block; padding:5px; border:1px solid #cccfd5; border-radius:0px; vertical-align:middle; border-radius: 4px; }

/* button */
.btBlue,.btGray ,.borBtB, .btOrange, .btWhite {display:inline-block; vertical-align: middle; padding:0 20px; height:35px; line-height:35px; color:#fff !important; text-decoration:none !important; border:none !important; border-radius:0 !important;}
.btBig {padding:0 50px; height:40px; line-height:40px; cursor:hand}
.btBlue {background:#016fbe;}
.btGray {background:#666;}
.btOrange {background:#EC6300;}
.btWhite {background:#fff;border:1px solid #000!important; color: #000!important;;}
.cyberBt {display:inline-block; padding:0 0 0 20px; width:274px; height:38px; line-height:34px; font-size:12px; font-weight:bold; color:#666; letter-spacing:-0.5px; background:url('../images/common/board/cyberBt_bg.gif') no-repeat 0 0;}
.borBtB { color:#0087ce !important; border:1px solid #0087ce; background:#fff;}

/* tab */

/* table */
table caption { width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; z-index:-1;}
.tableCol.tl td, .tableColRow.tl td, .tableRow.tl td, .tableMt.tl td, .tableInner.tl td { text-align:left; }
tbody th.style01 { background: #f6f6f7; text-align: left; }
tbody th.style02 { background: #fff; text-align: left; }
tbody td.left { text-align: left !important;}
tbody td.style01 { text-align: left; padding-left: 30px; }
tbody td.tdBg01 { background: #f6f6f7;}
tbody td.tdBg02 { background: #fdf3f0;}
tbody td.tdBg03 { background: #e7edf5;}

.tableCol { width:100%; margin-top:10px; border:0; border-spacing:0; border-collapse:separate; border-top:3px solid #61646c; border-bottom:1px solid #61646c;}
.tableCol th, .tableCol td { padding:15px 10px 13px; }
.tableCol thead th { background:url(/resource/img/common/board/line_th.gif) no-repeat 0 50% #f6f6f7; border-bottom:1px solid #61646c; }
.tableCol thead th:first-child { background-image:none;}
.tableCol tbody td { text-align:center; border:1px solid #d7d7d7; border-width:1px 0 0 1px;}
.tableCol tbody tr:first-child td { border-top:none}
.tableCol tbody td:first-child { border-left:none}
.tableCol tbody td.title { text-align: left;}

.tableColRow { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:2px solid #6c6c6c; border-bottom:1px solid #ebebeb;  font-size:.95em; }
.tableColRow th, .tableColRow td { padding:5px 10px 3px; text-align:left; }
.tableColRow thead th { background:url(../images/common/board/line_th.gif) repeat-y 0 #f6f6f7; border-bottom:1px solid #ebebeb; }
.tableColRow thead th:first-child { background-image:none;}
.tableColRow tbody th { background: #F9F9F9; border:1px solid #ebebeb; border-width:1px 1px 0 0}
.tableColRow tbody td { border:1px solid #ebebeb; border-width:1px 0 0 1px;}

.tableRow { width:100%; border:0; border-spacing:0; _border-collapse:separate; border-collapse: collapse; border-top:2px solid #6c6c6c;}
.tableRow tr:first-child th, .tableRow tr:first-child td { border-top:none; }
.tableRow th, .tableRow td { padding:5px 10px 3px; }
.tableRow th { background:#f6f6f6; border:1px solid #ebebeb; border-width:1px 1px 0 0}
.tableRow td { text-align:left; border:1px solid #ebebeb; border-width:1px 0 0 1px; } 
.tableRow td:first-child { border-left:none;}

.tableMt { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:3px solid #61646c; border-bottom:1px solid #61646c;}
.tableMt th, .tableMt td { padding:15px 10px 13px; }
.tableMt thead th { background:#f6f6f7; border-left:1px solid #abafb9; border-top:1px solid #abafb9;  }
.tableMt thead tr:first-child th:first-child { border-left:none}
.tableMt>tbody>tr:first-child>* { border-top:1px solid #61646c;}
.tableMt tbody tr:first-child th:first-child { border:1px solid #61646c; border-right:1px solid #abafb9; border-bottom:1px solid #abafb9; border-left:none;} /* ie */ 
.tableMt tbody th { background: #f6f6f7; border:1px solid #abafb9; border-width:1px 1px 0 0 }
.tableMt tbody td { text-align:center; border:1px solid #d7d7d7; border-width:1px 0 0 1px;}

.tableInner { width:100%; border:0; border-spacing:0; border-collapse:collapse; border:1px solid #abafb9; margin: 10px 0;}
.tableInner th, .tableColRow td { padding: 5px 10px; }
.tableInner thead th { background: #f6f6f7; border-bottom:1px solid #61646c; }
.tableInner thead th:first-child { background-image:none;}
.tableInner tbody th { background: #f6f6f7; border:1px solid #abafb9; border-width:1px 1px 0 0}
.tableInner tbody td { text-align:center !important; border:1px solid #d7d7d7; border-width:1px 0 0 1px;}

/* table */
.tableData { border:0; width:100%; border-collapse:collapse;border-top: 2px solid #252525; border-bottom: 1px solid #252525;  }
.tableData th { border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;font-weight:bold;background-color:#fff; color:#333}
.tableData th:first-child {border-left:none;}
.tableData tbody th {background-color:#fff;}
.tableData thead th{border-bottom: 1px solid #252525;padding:10px 3px }
.tableData td {padding:10px 3px ; text-align:center; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:none; line-height:1.5;font-size:.9em}
.tableData tbody.aLeft td,
.tableData.aLeft tbody td{text-align:left; padding:3px 2px  3px 10px }
.tableData.aLeft thead th {text-align:left;padding-left:10px; }

.tableData2 { border:0; width:100%; border-collapse:collapse;border-top: 2px solid #252525; border-bottom: 1px solid #252525;  }
.tableData2 th { border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;font-weight:bold;background-color:#fff; color:#333}
.tableData2 th:first-child {border-left:none;}
.tableData2 thead th,
.tableData2 tbody th {background-color:#fff; border-right: 1px solid #888;}
.tableData2 thead th, .tableData2 thead td{border-bottom: 1px solid #252525;padding:10px 3px }
.tableData2 td {padding:10px 3px ; text-align:center; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:none; line-height:1.5;font-size:.9em}

.tableData2 tbody.aLeft td,
.tableData2.aLeft tbody td{text-align:left;padding:3px 2px  3px 10px }
.tableData2.aLeft thead th {text-align:left;padding-left:10px; }
.tableData2 td.fir{ border-left:none;}

.tableMaterials {border:0; width:100%;border-collapse:collapse;border-top:1px solid #695150; border-bottom: 1px solid #e6e6e6; }
.tableMaterials th { border-top:1px solid #695150;color:#fff;text-align:left;border-left:1px solid #e6e6e6;font-weight:bold;}
.tableMaterials th:first-child {border-left:none;}
.tableMaterials thead th{border-bottom: 1px solid #bba6a5;padding:8px 2px  8px 10px; 
background: #695150; /* Old browsers */
background: -moz-linear-gradient(top,  #695150 0%, #926f6e 50%, #896968 51%, #bba6a5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#695150), color-stop(50%,#926f6e), color-stop(51%,#896968), color-stop(100%,#bba6a5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #695150 0%,#926f6e 50%,#896968 51%,#bba6a5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #695150 0%,#926f6e 50%,#896968 51%,#bba6a5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #695150 0%,#926f6e 50%,#896968 51%,#bba6a5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #695150 0%,#926f6e 50%,#896968 51%,#bba6a5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#695150', endColorstr='#bba6a5',GradientType=0 ); /* IE6-9 */ }
.tableMaterials tbody th {text-align:center; padding-left:0px;background-color:#fff;border-bottom: 1px solid #e6e6e6;}
.tableMaterials td {border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:none; border-left:none;text-align:left;padding:5px 2px  5px 10px ;font-size:1em }