/* template */
.tempFrame { width:100%; border:none;}
/* heading
h2,
h3,
h4,*/
.tempStep dt,
.legendTitle{ position:relative;color:#000; font-family:'나눔고딕',NanumGothic,돋움,Dotum,굴림,Gulim,AppleGothic,Sans-serif !important;font-weight:bold;font-size:1.25em;letter-spacing:-1px}
.tempH3,
.tempH3Txt,
.legendTitle{ clear:both;margin-bottom:5px;padding:0 0 5px 20px;background:transparent url('/img/common/bulletTitle.gif') no-repeat 0 1px; line-height:1}
.tempH3Txt {font-size:1.34em; background:none; padding:0 5px 5px 0; border-bottom:2px solid #01b3df; margin-bottom:10px;margin-top:10px; line-height:2em}
.tempH3 span img { padding:2px 0 0 7px}
.No1 { background:url(/images/common/bulletTitleNo1.gif) no-repeat 0 0; color:#0097bd}
.No2 { background:url(/images/common/bulletTitleNo2.gif) no-repeat 0 0; color:#0097bd}
.No3 { background:url(/images/common/bulletTitleNo3.gif) no-repeat 0 0; color:#0097bd}
.No4 { background:url(/images/common/bulletTitleNo4.gif) no-repeat 0 0; color:#0097bd}
.No5 { background:url(/images/common/bulletTitleNo5.gif) no-repeat 0 0; color:#0097bd}

.tempH4{ clear:both; padding:0 0 3px 15px;background:transparent url(/images/common/bulletTitle1.gif) no-repeat 2px 5px; color:#0097bd;font-size:1.08em; font-family:dotum !important;font-weight:bold; }
.legendTitle {font-weight:bold !important; padding-bottom:5px }
.captionTitle{font-family:dotum; text-align:left;padding:0 0 5px 15px;color:#0097bd; font-size:1.08em; background:transparent url(/images/common/bulletTitle1.gif) no-repeat 0 5px;font-weight:bold; }

/* division */
div.tempBox { clear:both; margin-bottom:40px; margin-left:5px }
div.tempBox:after {content:" ";display:block; clear:both; height:0;visibility:hidden;}
div.tempGuide {clear:both;padding:10px;background-color:#fcf8f8; margin-top:5px}
div.tempGuide h5 { color:#da6385; font-size:0.92em; font-weight:bold; margin:5px 0;background:transparent url('/images/common/bulletTitle_guide.gif') no-repeat 0 1px ; padding-left:15px}
div.tempGuide ul { padding-bottom:5px;}
div.tempGuide li {padding-left:15px;	background:transparent url('/images/common/bulletList3.gif') no-repeat 3px 0 ; _position:relative; margin:4px 0; line-height:1.2; font-size:0.92em; color:#af9090}


/* DL */
.tempDl { position:relative; margin-bottom:10px; clear:both;}
.tempDl dt { font-weight:bold; color:#0097bd; margin:5px 0;font-family:dotum;padding:0 0 0 15px;color:#0097bd; font-size:1.08em;background:transparent url(/images/common/bulletTitle1.gif) no-repeat 0 4px;}
.tempDl dd { margin-bottom:5px;}
.tempDl dd.img { float:left; width:150px; border:none; margin:0; margin-right:25px;}
.tempDl dd.box { border:1px solid #eee; padding:15px; text-align:center}

.tempImgDl { position:relative; height:115px;}
.tempImgDl dt,
.tempImgDl dd { margin-left:170px;}
.tempImgDl dt	{ font-weight:bold; color:#0097bd; margin:5px 0 5px 170px;font-family:dotum;padding:0 0 0 15px;color:#0097bd; font-size:1.08em;background:transparent url(/images/common/bulletTitle1.gif) no-repeat 0 4px;}
.tempImgDl dd.img { position:absolute; top:0; left:0; margin:0}
.tempImgDl dd.url { border-bottom:1px dashed #CCC; margin-bottom:5px; padding-bottom:3px;}

.tempStep dt { position:relative;	padding:20px 0 10px 80px; background:transparent url(/images/common/stepNo1.gif) no-repeat 0 18px;color:#0097bd;}
.tempStep dt.no1 { background-image:url(/images/common/stepNo1.gif)}
.tempStep dt.no2 { background-image:url(/images/common/stepNo2.gif)}
.tempStep dt.no3 { background-image:url(/images/common/stepNo3.gif)}
.tempStep dt.no4 { background-image:url(/images/common/stepNo4.gif)}
.tempStep dt.no5 { background-image:url(/images/common/stepNo5.gif)}
.tempStep dt.no6 { background-image:url(/images/common/stepNo6.gif)}
.tempStep dt.no7 { background-image:url(/images/common/stepNo7.gif)}
.tempStep dd { border-bottom:1px solid #b0e5f2; padding:0 0 20px 80px}
.tempStep dd.end { border-bottom:none; padding-bottom:0;}

.tempDlSort {clear:both;padding:0 0 0 0;margin-top:5px; border:1px solid #ededed; position:relative;}
.tempDlSort dt { color:#0097bd; font-weight:normal; margin:0 0 5px 0;background:#f9f9f9;padding:5px 0 3px 15px; border-bottom:1px solid #ededed;}
.tempDlSort dd { padding:5px 20px 0 25px; margin-bottom:15px;	background:transparent url('/images/common/bulletList4.gif') no-repeat 16px 9px ; _position:relative; line-height:1.2; }
	dl.list {padding:0 0 10px 0}
	dl.list dd {margin-bottom:3px;}
	dl.single dd { background:none; padding:5px 20px 0 15px;}
.tempDlSort dd.none { background:none; padding:5px 20px 0 15px; }

.dlListBox {}
.dlListBox dt { color:#da6385; font-size:0.92em; font-weight:bold; margin-bottom:5px;background:transparent url('/images/common/bulletTitle_guide.gif') no-repeat 0 1px ; padding-left:15px}
.dlListBox dd {padding-left:15px;	background:transparent url('/images/common/bulletList3.gif') no-repeat 3px 0 ; _position:relative; margin:4px 0; line-height:1.2; font-size:0.92em; color:#af9090}

/* table */
.tableData {border:0; width:100%;  border-collapse:collapse;border-top:2px solid #01b3df; }
.tableData .normal { color:#505050; font-weight:normal;}
.tableData .first { border-left:0 none;}
.tableData .last { border-right:0 none;}
.tableData .left th { padding-left:10px; text-align:left;}
.tableData thead th, .tableData tfoot th, .tableData tbody th { padding:6px 0px;  border:1px solid #e2e2e2;border-right:none;border-top:none; background-color:#fff; color:#01b4df;}
.tableData tfoot th { border-bottom:0 none; }
.tableData tbody td, .tableData tfoot td  { padding:10px 0px; border:1px solid #e2e2e2; border-right:none; text-align:center; font-weight:normal; color:#7a7a7a}
.tableData tfoot td { background-color: #f9f9f9; color: #01b4df; font-weight: bold; }
.tableData tbody.txt td{ padding:10px 10px;text-align:left; vertical-align:top}
.tableData tbody th{ font-weight:normal; padding:10px;  background-color:#fafafa; color:#666; border-left:none;border-top:1px solid #e2e2e2; }
.tableData tbody.txt th {text-align:left;padding:10px;}
.tableData tbody th.first, tableData tfoot th.first {border-right:1px solid #e2e2e2;}
.tableData thead th { background:url(../images/common/tableBg.gif) repeat-x 0 bottom}
.tableData thead th.thFirst , .tableData tfoot th.thFirst {border-left:none; }
.tableData .style { font-size:0.92em; letter-spacing:-1px; }
.tableData tbody.list td {padding:10px 5px 10px 10px;text-align:left; vertical-align:top}
.tableData tbody.list li {background: url(/images/common/bulletList4.gif) 0 5px no-repeat;line-height: 15px;font-size: 0.92em;letter-spacing: -1px; padding-left: 5px;}
.tableData dl dt {margin-bottom: 5px;color: #0097bd; text-align:left}
.tableData dl dd {background: url(/images/common/bulletList4.gif) 0 5px no-repeat;line-height: 15px;font-size: 0.92em;letter-spacing: -1px; padding: 0 0 0 5px; border:none;}

.tableData2 {border:0; width:100%; table-layout:fixed; border-collapse:collapse;}
.tableData2 thead th {padding:5px 0px;  border:1px solid #e2e2e2; background-color:#f9f9f9; color:#0097bd; font-weight:normal}
.tableData2 tbody th {padding:5px 0px;  border:1px solid #e2e2e2; background-color:#fff; color:#0097bd; font-weight:normal}
.tableData2 tbody td {padding:5px; border:1px solid #e2e2e2; text-align:center; font-weight:normal; color:#7a7a7a}

.txtS {font-size: 0.92em;letter-spacing: -1px;}
.txtS th { color:#0097bd; font-weight:normal;}
.txtS dl dt, .txtS dl dd {font-size: 1em;text-align:left;}

/* paragraph */
.tempImgBox { clear:both; margin-bottom:30px; background-color:#fff; text-align:center; padding:20px 0; border:1px solid #e4e4e4}
.tempP	{margin-bottom:25px;}
.tempParagraph2	{padding-left:22px;	background:url('/images/icon/u_depth3.gif') no-repeat left -1px transparent;}
.tempParagraph3	{margin:2px 0 0 13px;padding-left:9px;background:url('/images/icon/u_depth5.gif') no-repeat left 5px transparent;}
.point1 { color:#e74371; padding-left:15px; background:url(/images/common/bulletArrow.gif) no-repeat 1px 3px; margin-top:5px}

/* list */
.tempOlList {padding:15px 20px;background-color:#fafafa;	border:1px solid #e4e4e4;padding-bottom:15px;}
.tempOlList li, .tempOlList2 li { padding-left:20px; margin-bottom:5px; background:transparent url('/images/common/listNo1.gif') no-repeat 0 1px ;}
.tempOlList li.n1,
.tempOlList2 li.n1 {background-image:url('/images/common/listNo1.gif')}
.tempOlList li.n2,
.tempOlList2 li.n2 {background-image:url('/images/common/listNo2.gif')}
.tempOlList li.n3,
.tempOlList2 li.n3 {background-image:url('/images/common/listNo3.gif')}
.tempOlList li.n4 {background-image:url('/images/common/listNo4.gif')}
.tempOlList li.n5 {background-image:url('/images/common/listNo5.gif')}
.tempOlList li.n6 {background-image:url('/images/common/listNo6.gif')}
.tempOlList li.n7 {background-image:url('/images/common/listNo7.gif')}
.tempOlList li.n8 {background-image:url('/images/common/listNo8.gif')}
.tempOlList li.none { background:none; padding:0; margin:0; padding-top:5px;}
.tempOlList ul { margin-top:5px; font-size:0.92em}
.tempOlList ul li {background:transparent url('/images/common/bulletList3.gif') no-repeat 0 0 ; padding-left:10px; margin-bottom:3px}

.tempOlList2 { padding-top:10px}
.tempOlList2 li { margin-bottom:20px}

.tempListNo {color:#0097BD; text-align:left;}
.tempListNo li { margin-bottom:5px }
.tempTextList1 { position:relative; margin-bottom:10px; color:#707070;}
.tempTextList1 li {padding-left:23px;	background:transparent url('/images/common/bulletList3.gif') no-repeat 10px 0 ; _position:relative; margin:2px 0; line-height:1.2; font-size:0.92em}
.tempTextList2 { position:relative; margin:5px 0 10px 0; color:#707070; list-style:outside; font-size:0.92em}
.tempTextList2 li { list-style:outside circle; padding:0; background:none; _position:relative; margin:5px 0; line-height:1.2; color:#8e8e8e}
.tempTextList3 {}
.tempTextList3 li { padding-left:10px; background:url('/images/common/bulletList5.gif') no-repeat left 5px transparent; margin-bottom:3px}
.tempTextList4 { padding:15px 20px 10px 20px;background-color:#fafafa;	border:1px solid #f1f1f1; color:#6e6e6e;  }
.tempTextList4 li { list-style:none; padding-left:10px;	background:url('/images/common/bulletList4.gif') no-repeat left 6px transparent; _position:relative; margin-bottom:5px}
.tempTextList5 { padding:20px;background-color:#fafafa;	border:1px solid #f1f1f1; margin:0;}
.tempTextList5 li { list-style:none; padding-left:10px;	background:url('/images/common/bulletList3.gif') no-repeat left 2px transparent; margin:3px 0; text-align:justify}
.tempTextList6 { padding:5px;background-color:#fafafa;	color:#6e6e6e; margin-top:5px}
.tempTextList6 li { list-style:none; padding-left:15px;	background:url('/images/common/bulletList.gif') no-repeat 5px 6px transparent; _position:relative; margin-bottom:5px}

/* tab */
.tempTab { position:relative; clear:both; overflow:hidden;	width:100%; background:url(/images/common/tabMenuBg.gif) repeat-x right bottom transparent;}
.tempTab a {text-decoration:none !important }
.tempTab:after{content:"";	clear:both;	display:block;}
.tempTab li	{float:left;padding:5px 25px; border:1px solid #b6b6b6; border-left:none; background:#fff; display:inline; _padding:5px 15px;}
.tempTab li.first {border-left:1px solid #d8d8d8}
.tempTab li a { color:#fff;  }
.tempTab li.on  { background:#4f4f4f; font-weight:bold; border:1px solid #fff; }
.tempTab li.on a { color:#fff !important; }
.tempTab li.btn {float:right;padding:0; border:none; background:none; padding:3px 2px 0 0}
.tabContents { position:relative; margin-bottom:30px; display:none; }
.longTab { border-bottom:2px solid #926D4B ;padding:0px; margin:0 0 5px 0;}
.longTab li { padding:0px 0px; border-bottom:none;_padding:0px 0px; width:125px; text-align:center; background:#b6b6b6; height:26px; margin-right:1px; }
.longTab li.first { clear:both;width:125px;border-left:1px solid #d8d8d8}

.longTab li.on {border-top:none; }
.longTab li a { display:block; background-color:#b6b6b6; padding:5px 0;}
.longTab li.on a { background:#926D4B; border:1px solid #926D4B; }
.tab_list { margin: 0 0 27px 0;}

.tempMnList {position:relative; top:-10px; border-bottom:1px solid #d8d8d8; overflow:hidden;; padding:5px 0 10px 0; _height:20px}
.tempMnList li { float:left; margin-right:10px; padding-left:10px; border-left:1px solid #ddd }
.tempMnList li.first {border-left:none }
.tempMnList li a.on { font-weight:bold; color:#008eb2}
.tabCont { position:relative; clear:both; display:none;}