/* Elements Property Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,optgroup,option {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
table caption { display: none; margin:0; padding: 0; }
fieldset,legend, img { border:0; }
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after { content:''; } 
abbr,acronym {	border:0; }

select,option,input,textarea	{
	margin:0;
	padding:0;
	font-size:1em;
	vertical-align:middle;
}


/* Real type */
body { background: #fff url(http://tnspm.net/layouts/tns/images/common/body_bg01.gif) repeat-x center top; font-family: NanumGothic, Dotum, Tahoma; color: #888888; font-size: 12px; line-height: 1.5em;  }

.lf { float: left; }
.rf { float: right; }
.cBoth { display: block; float: none; clear: both; height: 0; width: 100%; font-size: 0 !important; line-height: 0 !important; overflow: hidden; margin: 0 !important; padding: 0 !important; }

.txtLt { text-align: left; }
.txtCt { text-align: center; }
.txtRt { text-align: right; }

.b_underline { margin-bottom: 40px; padding-bottom: 35px; border-bottom: 1px solid #e7e7e7; }

.bold_black { font-weight: bold; color: #000; }

.lm40 {margin-left:40px !important;}

.tm5 {margin-top:5px !important;}
.tm10 {margin-top:10px !important;}
.tm15 {margin-top:15px !important;}
.tm20 {margin-top:20px !important;}
.tm30 {margin-top:30px !important;}
.tm35 {margin-top:35px !important;}
.tm40 {margin-top:40px !important;}
.tm50 {margin-top:50px !important;}

.bm5 { margin-bottom: 5px !important; }
.bm10 { margin-bottom: 10px !important; }
.bm15 { margin-bottom: 15px !important; }
.bm20 { margin-bottom: 20px !important; }
.bm30 { margin-bottom: 30px !important; }
.bm50 { margin-bottom: 50px !important; }

.txt13 { font-size: 13px; }

.colortype1 { color: #ed008c; }
#wrapper { width: 100%; overflow: hidden; }
#header { position: relative; top:0; margin: 0 auto; width: 940px; height: 112px; background: url(http://tnspm.net/layouts/tns/images/common/header_bg01.gif) no-repeat left top; overflow:hidden;}

#main { clear: both; width: 100%; overflow: hidden; padding: 0 0 0 0; background: url(http://tnspm.net/layouts/tns/images/main/main_backbg.jpg) no-repeat center top; }
#sub { clear: both; width: 100%; overflow: hidden; padding: 0 0 0 0; background: none; }
#container { margin: 0 auto; width: 940px; height: 595px; background: #FFF url(http://tnspm.net/layouts/tns/images/common/main_contrainerBg01.gif) no-repeat left top; }
#container_sub { margin: 0 auto; padding-bottom: 20px; width: 940px; /*height: 595px;*/ background: #FFF none; }
#footer { clear: both; width: 100%; overflow: hidden; }
#colophon { margin: 0 auto; width: 940px; padding: 18px 0; border-top: 1px solid #ddd; }
#site-info { float: left; display: inline; }
#site-generator { float: right; display: inline; margin-right: 155px; }

#header h1 { float: left; margin-top: 18px; }
#header .globalmenu { position: absolute; right: 0; top: 3px; }
#header .globalmenu ul { list-style: none; }
#header .globalmenu ul li { float: left; }

#gnb { float: right; margin-top: 52px; }
#gnb ul {  }
#gnb ul li { float: left; padding-left: 100px; color: #000000; font-weight: bold; font-size: 16px; line-height: 1em; }
#gnb ul li a { color: #000; text-decoration: none; }
#gnb ul li a:hover { color: #004785; text-decoration: none; }

.snb1 { position: absolute; right: 170px; top: 82px; }
.snb1 li { float: left; padding: 8px 12px 8px 12px; line-height: 1em; }
.snb1 li a { padding: 8px 12px 8px 12px; color: #b0c5d8; font-weight: bold; font-size: 11px; line-height: 1em; text-decoration: none; }
.snb1 li a:hover { padding: 8px 12px 8px 12px; background: url(http://tnspm.net/layouts/tns/images/common/bullet_submenu.gif) no-repeat left 10px; color: #FFF; font-weight: bold; font-size: 11px; line-height: 1em; text-decoration: none; }

.snb2 { position: absolute; right: 0px; top: 82px; }
.snb2 li { float: left; padding: 8px 12px 8px 12px; line-height: 1em; }
.snb2 li a { padding: 8px 12px 8px 12px; color: #b0c5d8; font-weight: bold; font-size: 11px; line-height: 1em; text-decoration: none; }
.snb2 li a:hover { padding: 8px 12px 8px 12px; background: url(http://tnspm.net/layouts/tns/images/common/bullet_submenu.gif) no-repeat left 10px; color: #FFF; font-weight: bold; font-size: 11px; line-height: 1em; text-decoration: none; }

.snb3 { position: absolute;right: 0px; top: 82px; }
.snb3 li { float: left; padding: 8px 12px 8px 12px; line-height: 1em; }
.snb3 li a { padding: 8px 12px 8px 12px; color: #b0c5d8; font-weight: bold; font-size: 11px; line-height: 1em; text-decoration: none; }
.snb3 li a:hover { padding: 8px 12px 8px 12px; background: url(http://tnspm.net/layouts/tns/images/common/bullet_submenu.gif) no-repeat left 10px; color: #FFF; font-weight: bold; font-size: 11px; line-height: 1em; text-decoration: none; }

.main-section { overflow: hidden; }
.main_section h2 { padding-top: 124px; }

.main_section .newsboard { float: left; margin-top: 150px; width: 286px; }

.main_section .newsboard .titleBox { margin: 0; padding: 0 0 8px 0; height: 15px; line-height: 0px; }
.main_section .newsboard .titleBox h3 { float: left; display: inline; }
.main_section .newsboard .titleBox .btn { float: right; display: inline; }

.main_section .newsboard .noticeList { list-style: none; margin: 0; padding: 0; width: 286px; }
.main_section .newsboard .noticeList li { margin-top: 8px; padding-left: 10px; color: #888; background: url(http://tnspm.net/layouts/tns/images/common/bullet_dot_red.gif) no-repeat left 5px; line-height: 1em; }
.main_section .newsboard .noticeList li a { color: #888; text-decoration: }
.main_section .newsboard .noticeList li a:hover { color: #252525; text-decoration: none; }

.main_section .customor { float: left; margin-top: 150px; margin-left: 83px; width: 286px; }

.main_section .customor .titleBox { margin: 0; padding: 0 0 8px 0; height: 15px; line-height: 0px; }
.main_section .customor .titleBox h3 { float: left; display: inline; }
.main_section .customor .btn { float: right; display: inline; }


/* sub layout */
#Subcontent ul {margin:0 !important;}
#Subcontent p {margin:0;padding:0;}

#Subcontent {overflow:hidden;width:940px;margin:0 auto;}
#Subcontent .sub_top_visual {width:940px;height:70px;background:url(http://tnspm.net/layouts/tns/images/common/sub_top_visual01.gif) no-repeat 100% 0;}
#Subcontent .breadcrumb {overflow:hidden;width:940px;height:28px;margin-bottom:30px;}
#Subcontent h1 {float:left;width:auto;margin-right:10px;}
#Subcontent h2 {margin:0;padding:0 0 0 18px;background:url(http://tnspm.net/layouts/tns/images/common/ico_square.gif) no-repeat 0 2px;}
#Subcontent .subtitle {float:left;margin:17px 0 0 0;padding:0;}
#Subcontent .locator {display:inline;float:right;padding-top:10px;line-height:12px;}
#Subcontent .locator li {float:left;list-style-type:none;margin:0 5px 0 0;padding:0 11px 0 0;background:url(http://tnspm.net/layouts/tns/images/common/ico_arrow.gif) no-repeat 100% 2px;color:#a7a7a7;font-family:NanumGothic,Dotum,Tahoma;font-size:11px;text-aling:left;}
#Subcontent .locator li a, a:hover{ text-decoration:none; color:#a7a7a7;}
#Subcontent .locator li.current {margin-right:0;padding-right:0;background-image:none !important;color:#616161;font-size:11px;font-weight:bold;}
#Subcontent .locator li.current a, a:hover{ text-decoration:none; color:#616161;}
#Subcontent #Lcontents {float:left;width:790px;margin-right:50px;background-color:#fff;font-family:NanumGothic,Dotum,Tahoma;font-size:12px !important;}

#Subcontent #Contact {float:left;width:100px;}

.inputtxt01,.textareatxt01 {color:#8b9199;font-size:12px !important;font-family:NanumGothic,Dotum,Tahoma;line-height:16px !important;text-align:left;vertical-align:top;}
.inputtxt01 {padding:2px 0 0 2px !important;;height:15px;border:1px solid #dcdfe1 !important;}
.textareatxt01 {width:570px;height:100px;padding:10px !important;border:1px solid #dcdfe1 !important;}
.notice {margin:5px 0 0 0 !important;color:#ec008b;}
.addfile {margin:5px 0 0 0 !important;color:#8e9099;}
.addfile img {margin-left:10px !important;vertical-align:middle !important;}
.addfile a {color:#8e9099;text-decoration:none;}
.policy_explain {margin-top:35px !important;color:#000;line-height:18px !important;}
.btnscenter {text-align:center;}
.btnscenter input {margin:0;vertical-align:middle;}
.btnscenter label {color:#686868;font-family:NanumGothic,Dotum,Tahoma;}
.btnsright {text-align:right;}
.btnsright input {vertical-align:top}

#Subcontent .box_policy {overflow-x:hidden;overflow-y:scroll;width:755px;height:150px;margin:10px 0 0 0;padding:10px 10px 10px 25px;border:1px solid #e8e8e8;color:#8e9099;line-height:20px !important;}
#Subcontent .box_policy .intro_text { margin-bottom: 35px; padding-bottom: 15px; border-bottom: 2px solid #dfdfdf; }
#Subcontent .box_policy .title { margin-bottom: 5px; font-weight: bold; color: #004784;  }
#Subcontent .box_policy .title_red { margin-bottom: 5px; font-weight: bold; color: #eb008b;  }
#Subcontent .box_policy .title_con { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dfdfdf; }
#Subcontent .agreementButton { background-color:#EFEFEF; padding:10px; border:1px solid #CCC; border-top:none; margin-bottom:10px;}

#Subcontent .dataType1 {width:100%;margin:0;border:0 !important;border-collapse:collapse;}
#Subcontent .dataType1 tbody th {padding:12px 5px 13px 26px;background-color:#f8f8f8;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;color:#686868;font-size:12px !important;font-weight:bold;line-height:11px;text-align:left;}
#Subcontent .dataType1 tbody td {padding:12px 5px 13px 21px;border-bottom:1px solid #e8e8e8;background-color:#fff;font-weight:normal;font-size:12px;vertical-align:top;}
#Subcontent .dataType1 tbody th.firstline, #Subcontent .dataType1 tbody td.firstline {border-top:1px solid #3b7ab2;}
#Subcontent .dataType1 tbody th.endline, #Subcontent .dataType1 tbody td.endline {border-bottom:1px solid #3b7ab2;}

#Subcontent .dataType2 {width:100%;margin:0;border:0 !important;border-collapse:collapse;}
#Subcontent .dataType2 tbody th {padding:10px 7px 10px 7px;background-color:#f8f8f8;border-bottom:1px solid #e8e8e8;color:#686868;font-size:12px !important;font-weight:bold;line-height:11px;text-align:center; line-height: 1.5em;}
#Subcontent .dataType2 tbody td {padding:10px 7px 10px 7px;border-left:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;background-color:#fff;font-weight:normal;font-size:12px;vertical-align:top; }
#Subcontent .dataType2 tbody th.firstline, #Subcontent .dataType2 tbody td.firstline {border-top:1px solid #3b7ab2;}
#Subcontent .dataType2 tbody th.endline, #Subcontent .dataType2 tbody td.endline {border-bottom:1px solid #3b7ab2;}
#Subcontent .dataType2 tbody th.m_title {border-left:1px solid #e8e8e8;background-color:#FFF;font-weight:normal;}
#Subcontent .dataType2 tbody th.noLIne {border-left:0px solid #e8e8e8;}
#Subcontent .dataType2 tbody td.noLIne {border-left:0px solid #e8e8e8;}

#tab_container ul.sv_tab{width:100%; overflow:hidden; padding-bottom:30px; list-style:none;}
#tab_container ul.sv_tab li{float:left; list-style:none;}
#Subcontent .svc_type01 {width:100%;margin:0;border:0 !important;border-collapse:collapse;}
#Subcontent .svc_type01 tbody td {padding:10px 0; border:0 none; color:#686868; text-align:left; vertical-align:top;}
#Subcontent .svc_type01 tbody td.scp01 {padding-left:155px; border-bottom:1px solid #cfcfcf; background:url(http://tnspm.net/layouts/tns/images/contents/scp01_bg.gif) no-repeat 59px 27px;}
#Subcontent .svc_type01 tbody td.scp02 {padding-left:170px; border-bottom:1px solid #cfcfcf; border-left:1px solid #cfcfcf; background:url(http://tnspm.net/layouts/tns/images/contents/scp02_bg.gif) no-repeat 72px 27px;}
#Subcontent .svc_type01 tbody td.scp03 {padding-left:155px; background:url(http://tnspm.net/layouts/tns/images/contents/scp03_bg.gif) no-repeat 59px 21px;}
#Subcontent .svc_type01 tbody td.scp04 {padding-left:170px; border-left:1px solid #cfcfcf; background:url(http://tnspm.net/layouts/tns/images/contents/scp04_bg.gif) no-repeat 72px 25px;}
#Subcontent .svc_type01 tbody td strong{display:block; color:#444; padding-bottom:5px;}
#Subcontent .svc_type01 tbody td ul{list-style:none;}
#Subcontent .svc_type01 tbody td ul li{ list-style:none; padding-left:10px; font-size:11px; background:url(http://tnspm.net/layouts/tns/images/contents/scp_icon.gif) no-repeat 0 7px; line-height: 1.5em; }
#Subcontent .svc_type01 tbody td ul li a { color: #888; text-decoration: none; }
#Subcontent .svc_type01 tbody td ul li a:hover { color: #252525; text-decoration: none; }

.map_address {  }
.map_address li { margin-bottom: 5px; padding-left: 18px; background: url(http://tnspm.net/layouts/tns/images/common/bullet_arrow_re.gif) no-repeat left 7px; line-height: 1.8em; }
.map_address li .title { font-weight: bold; color: #686868; }
.map_address li .pic { margin-left: -18px; }

.map_address li .map_traffic { padding-top: 10px; padding-left: 52px; background: url(http://tnspm.net/layouts/tns/images/common/icon_car.gif) no-repeat left 10px; }
.map_address li .map_traffic li { padding-left: 0px; background: none; line-height: 1.5em; }


/* board type */
.board_search{width:100%; text-align:right;}
.board_search .searchTxt {color:#8b9199;font-size:12px !important;font-family:NanumGothic,Dotum,Tahoma;line-height:18px !important;text-align:left;vertical-align:top; padding:2px 0 0 2px !important;height:18px;border:1px solid #dcdfe1 !important;}
.board_search img{vertical-align:middle;}

#list_style01{width:790px; background:url(http://tnspm.net/layouts/tns/images/board/board_list_bg.gif) no-repeat 0 0; }
#list_style01 table{width:100%; border-width:0 0 1px 0; border-style:solid; border-color:#3b7ab2; margin:0;}
#list_style01 thead th{height:30px; background:url(http://tnspm.net/layouts/tns/images/board/board_th_line.gif) no-repeat 0 50%; color: #004785; font-size:11px; font-weight: bold; padding:0; text-align:center; vertical-align:middle; }
#list_style01 thead th.first{background:none;}
#list_style01 tr td {border-width:1px 0 0 0; border-style:solid; border-color:#e8e8e8; padding: 8px 5px; text-align:center; font-size:11px; vertical-align:middle; color:#808080;}
#list_style01 tr.firstline td {border:0 none;}
#list_style01 tr td.lst_title{padding:8px 15px; text-align:left;}
#list_style01 tr td.title{padding:8px 15px; text-align:left;}
#list_style01 tr td a{ text-decoration:none; color:#808080;}
#list_style01 tr td img{vertical-align:middle;}

#list_style01 table .no_line { width:50px;}

#board_style01{width:790px;}
#board_style01 table{width:100%; border-width:1px 0 0 0; border-style:solid; border-color:#3b7ab2; margin:0;}
#board_style01 tr th, #board_style01 tr td { border-width:0 0 1px 0; border-style:solid; border-color:#e8e8e8; padding: 8px 5px 8px 5px; text-align:left; font-size:11px; vertical-align:middle; color:#808080;}
#board_style01 tr th { font-weight:bold;}
#board_style01 tr th.v_title { border-width:0 0 1px 0; border-style:solid; border-color:#3b7ab2; padding: 8px 10px 8px 15px;}
#board_style01 tr td.v_cont{padding:15px 15px; text-align:left;}
#board_style01 tr td a{ text-decoration:none; color:#808080;}
#board_style01 tr td img{vertical-align:middle;}
#board_style01 textarea {font-size: 12px; line-height: 18px; }

.pagging{width:100%; text-align:center; margin-top:20px;}
.pagging a{font-size:11px; padding:0 3px; text-decoration:none; color:#61666a;}
.pagging .pgl{padding-right:7px;}
.pagging .pgr{padding-left:7px;}

.btm_btn{width:100%; margin-top:10px; text-align:right;}

#Subcontent .sconts {margin:30px 0 0 0; padding:0 0 0 19px;}
#Subcontent h3 {padding:0 0 0 17px; background:url(http://tnspm.net/layouts/tns/images/common/ico_arrow02.gif) no-repeat 0 3px; line-height:15px;}
#Subcontent h4 {padding:0 0 0 13px; background:url(http://tnspm.net/layouts/tns/images/common/ico_square02.gif) no-repeat 0 5px; color:#3c3c3c; line-height:12px;}
#Subcontent ul.effect_lst {margin-top:10px !important;}
#Subcontent ul.effect_lst li {line-height:18px;}

/* ceo 인사말 */
.ceo_photo {float:left; width:259px; margin-right:23px;}
.ceo_conts {width:508px; margin:0; padding:25px 0 38px 0; border-bottom:1px solid #d9d9d9;}
#Subcontent ul.p_history {margin:15px 0 0 0 !important; padding:0;}
#Subcontent ul.p_history li {margin:0 0 5px 0; padding:0 0 0 7px; background:url(http://tnspm.net/layouts/tns/images/common/ico_square03.gif) no-repeat 0 8px; line-height:18px;}

/* 회사개요 */
.summary_img {float:left; width:395px; margin-left:65px; padding:25px 0 0 0;}

/* popup */
#pop_body { background: none; }
#pop_wrapper { width: 100%; overflow: hidden; }
#pop_header { height: 35px; background: #ed008c url(http://tnspm.net/layouts/tns/images/popup/title_bg.gif) no-repeat right top; }
#pop_contrainer { padding: 30px 20px; }
#pop_footer { padding-bottom: 30px; }

#pop_header h1 { margin-left: 25px; margin-top: 9px; }

.box_policy_pop { }
.box_policy_pop .intro_text { margin-bottom: 35px; padding: 15px; border: 2px solid #dfdfdf; }
.box_policy_pop .title { margin-bottom: 5px; font-weight: bold; color: #004784;  }
.box_policy_pop .title_red { margin-bottom: 5px; font-weight: bold; color: #eb008b;  }
.box_policy_pop .title_con { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dfdfdf; }

.box_email_pop { }
.box_email_pop .intro_text { margin-bottom: 35px; padding: 25px 25px 25px 148px; border: 2px solid #dfdfdf; background: url(http://tnspm.net/layouts/tns/images/popup/img_mail_bg.gif) no-repeat 33px 20px; color: #ed008c; font-weight: bold; }
.box_email_pop .title { margin-bottom: 5px; font-weight: bold; color: #004784;  }
.box_email_pop .title_red { margin-bottom: 5px; font-weight: bold; color: #eb008b;  }
.box_email_pop .title_con { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dfdfdf; }

/* sitemap */
.sitemap_list { overflow: hidden; }
.sitemap_list li { float: left; padding: 0 33px; width: 194px; }
.sitemap_list li .title { width: 194px; }
.sitemap_list li .submenu { padding-top: 20px; width: 194px; }
.sitemap_list li .submenu li { margin-bottom: 5px; padding-left: 10px; background: url(http://tnspm.net/layouts/tns/images/common/ico_square04.gif) no-repeat left 8px; }
.sitemap_list li .submenu li .innermenu { padding-bottom: 20px; overflow: hidden; }
.sitemap_list li .submenu li .innermenu li { margin-bottom: 0px; background: none; }
.sitemap_list li a { color: #888; text-decoration: none; }
.sitemap_list li a:hover { color: #252525; text-decoration: none; }

/* login */
.loginBox { padding: 35px 35px 33px 35px;border: 3px solid #eeeeee; overflow: hidden; }
.loginBox .text_info { float: left; padding-top: 165px; padding-right: 65px; width: 330px; height: 192px; border-right: 1px solid #efefef; background: url(http://tnspm.net/layouts/tns/images/contents/loign_bg.gif) no-repeat center bottom; text-align: center; }
.loginBox .insert_info { float: right; margin-top: 60px; width: 330px; }
.loginBox .insert_info .check { float: left; margin-top: 5px; width: 220px; }
.loginBox .insert_info .check label.naming { display: block; float: left; position: relative; top: 1px; width: 56px; text-align: right; padding-right: 5px; }
.loginBox .insert_info .check input.text { float: left; margin-top: 1px; border: 1px solid #dcdfe1; padding-top: 2px; width: 146px; height: 16px; }
.loginBox .insert_info .btn { float: left; }


.phone { float:left;}
.phone li { float:left; }
.phone .split { margin:1px 5px 0 5px; }



.layoutMessageBox {

	border:1px solid #cdcdcd; padding:20px;
	background-color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	z-index:100;
	width:700px;
	margin:-219px 0 0 -397px;
	
}

/* 고객사 현황 2013.04.24 */
#Subcontent .csList1 {padding-bottom:40px;border-bottom:1px solid #e7e7e7;}
#Subcontent .csList1 ul {margin:-20px 0 0 -7px !important;overflow:hidden;} /*2013.04.25 수정*/
#Subcontent .csList1 ul:after {content:" ";display:block;clear:both;}
#Subcontent .csList1 ul li {float:left;margin:20px 0 0 7px;}