@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------------------------
	File : UI_Style.CSS
	Company : The Webstyle co.,ltd
 	Author : Jong Hoon, Park 2015-12
 	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
	CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, color/font, align, etc
--------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------
                                         * select *
-------------------------------------------------------------------------------------------*/
select {
	min-width:70px;
	min-width:70px\9;
	height:30px;
	padding:5px 0px 3px 5px;
	padding:5px 5px 4px 5px\9;
	border:1px solid #cccccc;
	font-size:12px;
	color:#666;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	background:url('/Images/Common/btn_sel_arrow_on.png') right center no-repeat;
	background:none\9;
	background-size:auto 5px;
	background-color:#fff;
	font-family:"NanumGothic", "Dotum", "Dotumche", "돋움", "돋움체", "Arial";
}
:root select {padding:6px 6px 6px 15px \0/IE9; font-size:12px \0/IE9; font-family:"NanumGothic", "Dotum", "Dotumche", "돋움", "돋움체", "Arial";}

select::-ms-expand {display:none;}

/*------------------------------------------------------------------------------------------
                                         * input *
-------------------------------------------------------------------------------------------*/
input {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:0px; }

input[type=text], input[type=password] {
	height:30px;
	padding:6px;
	color:#666;
	border:1px solid #ccc;
	font-size:12px;
	line-height:15px;
	vertical-align:middle;
	background-color:#ffffff;
	font-family:"NanumGothic", "Dotum", "Dotumche", "돋움", "돋움체", "Arial";
}



/*------------------------------------------------------------------------------------------
                                         * textarea *
-------------------------------------------------------------------------------------------*/
textarea {width:100%; padding:10px; height:100%; border:1px solid #CDCDCD; vertical-align:middle;
	font-size:12px; line-height:19px; color:#333; resize:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
	transition-timing-function: linear, ease-in;
	font-family:"NanumGothic", "Dotum", "Dotumche", "돋움", "돋움체", "Arial";
}
textarea.gray {color:#ccc;}

/*------------------------------------------------------------------------------------------
                                         * Button *
-------------------------------------------------------------------------------------------*/
.btn_wrap {text-align:center;}
.btn_wrap:after {content:""; display:block; clear:both;}
.btn_wrap .btn_left {display:inline-block; float:left;}
.btn_wrap .btn_right {display:inline-block;  float:right;}
.btn_wrap a {display:inline-block;  padding:0 44px; color:#fff; line-height:34px;  transition-property: background-color, color,  opacity , background-position;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  }

.btn_wrap a.type3 {border:1px solid #333; color:#333}

.btn_wrap a.type4 {margin-right:20px; background:url('/Images/Common/ico_arrow.png') 85% center no-repeat; background-color:rgba(153,153,153,0.3);}
.btn_wrap a.type4 span {padding-right:20px; }
.btn_wrap a.type4:hover { transition-property: background-color, color,  opacity, background-position;
  transition-duration: 0.5s;
  transition-timing-function: ease-out; background:rgba(0,0,0,0.6)  url('/Images/Common/ico_arrow.png') 95% center no-repeat}
.btn_wrap a.type5 {width:100%; border-radius:7px; background:#ff7133; font-weight:bold}
.btn_wrap a.type5:hover { background:#fa986e;  transition-property: background-color, color,  opacity;
  transition-duration: 1s;
  transition-timing-function: ease-out;
}
.btn_wrap a.type6 {padding:0 27px; color:#fff; font-size:16px; border-radius:7px;  background:#ff7133}
.btn_wrap a.type6:hover {
  transition-property: background-color, color,  opacity ;
  transition-duration:  0.5s;
  transition-timing-function: ease-out;
   background:#fa986e;
}

.btn_wrap a.type7 {padding:0; width:inherit}

@media all and (max-width:768px){
	.btn_wrap a {display:block; width:100%; margin-top:10px; text-align:center}
	.btn_wrap a:first-child {margin-top:0px;}

	.btn_wrap.technique {position:absolute; bottom:5px; left:0px; width:100%; text-align:left}
	.btn_wrap.technique a {display:inline-block; width:48%;  padding:0 30px; font-size:12px;  margin-top:2px;}
}

/* Button */
button {overflow:visible; padding:0px; border:0px; font-size:16px; font-family:"NanumGothic"; cursor:pointer; outline:none; }
button::-moz-focus-inner {border:0px; padding:0px;}
button>span {position:relative;}

.btn {position:relative; display:inline-block; *display:inline; *zoom:1; border-radius:4px; behavior:url('/Common/JS/PIE.htc'); font-family:"NanumGothic"; vertical-align:middle; cursor:pointer; text-align:center; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; opacity:1; line-height:34px;
 transition-property: background-color, color,  opacity;
  transition-duration:  0.5s;
  transition-timing-function: ease-out;
   background:#33617d;
}
.btn_wrap button.type6 {padding:0px 27px; color:#fff; font-size:16px; border-radius:7px;  background:#ff7133}
.btn_wrap button.type6:hover {
  transition-property: background-color, color,  opacity ;
  transition-duration:  0.5s;
  transition-timing-function: ease-out;
   background:#fa986e;
}


.btn:hover { transition-property: background-color, color ,  opacity;
  transition-duration:  0.5s;
  transition-timing-function: ease-out;
  opacity:0.8;
}

.btn.mid {height:30px; padding:0 10px; margin-left:5px; font-size:16px; text-align:left; line-height:30px;}
.btn.mid2 {height:30px; padding:0px 40px; margin-left:5px;  text-align:left; line-height:30px; }
.btn_wrap.pd_left {padding-left:30px;}
.btn.mid3 {height:30px; padding:0px 10px 0 40px; margin-left:5px;  text-align:left; line-height:30px; }


.btn.big {padding:0 85px; font-size:16px;}
.btn.big2 {padding:0 20px; font-size:14px; line-height:38px;}
.btn.big3 {width:100%; font-size:14px; line-height:38px;}
.btn.big2.pdding15 {padding:0 10px;}


.btn.bg_orange {background-color:#ff4e00; color:#fff;}
.btn.black {background-color:#444444; color:#fff;}

.btn.navy {background-color:#003A5D; color:#fff; }
.btn.navy:hover {background-color:#33617d;}

.btn.navy2 {background-color:#223f6b; color:#fff; text-decoration:underline }
.btn.navy2:hover {background-color:#375786;}
@media all and (max-width:768px){
	.btn_wrap.pd_left {display:inline-block; }
	.btn.big , .btn.mid2{font-size:12px}
}
@media all and (max-width:480px){
	.btn_wrap.pd_left {display:block; padding-left:0px;}
	.btn_wrap.pd_left {text-align:center;}
}

.btn > span {display:block; position:relative; height:100%; font-size:12px;}

.btn.blue {color:#FFF; background:#2dabe2;}

.btn.grey {border:1px solid #888888; background:#f4f4f4;}
.btn.grey:hover {background:#e0e0e0;}

.btn.noRadius {border-radius:0; font-size:14px; line-height:29px;}

.btn.border {background:#f4f4f4; border:1px solid #888888;}

.btn.ico_right .ico {display:inline-block; position:absolute; right:-10px; z-index:2; width:31px; height:32px;}
.btn.big2.ico_right>span {padding-right:18px; text-align:left; }
.btn.big2.ico_right .ico {top:2px;}
.btn .ico_arrow {padding-right:20px; background:url('/Images/Common/ico_arrow.png') right center no-repeat}

.btn.big2.ico_left .ico {display:inline-block; position:absolute;left:-10px; z-index:2; width:17px; height:14px;}
.btn.big2.ico_left>span {padding-left:18px;}
.btn.big2.ico_left .ico {top:13px;}

.btn.big2.pdding15.ico_left .ico {left:-14px;}


.btn.big2.bg_orange:hover {  transition-property: background-color, color,  opacity;
  transition-duration:  0.5s;
  transition-timing-function: ease-out;
  background:#fa986e;opacity:0.8; }

/* Icon */
.btn.ico_right .ico.ico_arrow {right:10px;  background:url('/Images/Common/ico_arrow.png') right top no-repeat}

.ico.down {top:13px !important; background:url('/Images/Common/ico_snb_down.png') -15px 0 no-repeat;}
.ico.rightArrow {background:url('/Images/Common/ico_rightArrow_white.png') center center no-repeat;} /*3D프린터 메인*/
.ico.eye {width:40px !important; background:url('/Images/Common/ico_eye_white.png') center center no-repeat;} /*기술자료-활용사례*/
.ico.addTableRow {width:33px; height:34px; margin:0; font-size:0px; background:#00a1e0 url("/Images/Common/ico_addTableRow.gif") center center no-repeat;}/*견적의뢰-추가*/
.ico.removeTableRow {width:33px; height:34px; margin:0; font-size:0px; background:#00a1e0 url("/Images/Common/ico_addTableMinus.gif") center center no-repeat;}

.ico.go {width:30px; height:30px; margin-left:0; background:url("/Images/Common/btn_go_img.gif") 0 0 no-repeat; font-size:0px; }

.btn_wrap button {background:none;}
/*------------------------------------------------------------------------------------------
                                         * Icon *
-------------------------------------------------------------------------------------------*/
span.icon {display:inline-block; width:39px; height:15px; vertical-align:middle; margin-left:9px}
span.icon_new {background:url('/Images/Common/ico_new.gif') 0 0 no-repeat}
span.icon_hot {background:url('/Images/Common/ico_hot.gif') 0 0 no-repeat}


span.ico {display:inline-block; width:16px; height:16px; vertical-align:middle; margin-left:9px}
span.ico_excel {background:url('/Images/Common/ico_excel.png') 0 0 no-repeat}
span.ico_powerpoint {background:url('/Images/Common/ico_powerpoint.png') 0 0 no-repeat}
span.ico_file {background:url('/Images/Common/ico_file.png') 0 0 no-repeat}
span.ico_pdf {background:url('/Images/Common/ico_pdf.png') 0 0 no-repeat}
span.ico_jpg {background:url('/Images/Common/ico_jpg.png') 0 0 no-repeat}
span.ico_png {background:url('/Images/Common/ico_png.png') 0 0 no-repeat}


/*------------------------------------------------------------------------------------------
                                         * Table *
-------------------------------------------------------------------------------------------*/
/* Table Element (TH, TD)*/
th {color:#666; font-size:12px; text-align:center;}
td {color:#333; font-size:12px; text-align:center;}
td a:hover {color:#333;}

table .ellipsis {display:inline-block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}


/*------------------------------------------------------------------------------------------
                                         * Tab *
-------------------------------------------------------------------------------------------*/
.tab_header {padding-top:30px;}
ul.tabMenu_type1 {overflow:hidden; }
ul.tabMenu_type1 li {float:left;  width:25%; height:46px; line-height:38px; margin-left:2px;}
ul.tabMenu_type1 li:first-child {margin-left:0}
ul.tabMenu_type1 li a {display:block; width:100%; background:#b3b3b3;  line-height:38px;  text-align:center; font-size:16px; color:#fff;}
ul.tabMenu_type1 li.on  {background:url("/Images/Common/tabMenu_arrow.gif") center bottom no-repeat;}
ul.tabMenu_type1 li:hover a, ul.tabMenu_type1 li.on a { background-color:#444444}

ul.tabMenu_type1.technique li {width:49.85%;}

ul.tabMenu_type2 {overflow:hidden;}
ul.tabMenu_type2 li {float:left;  width:33.1%; height:46px; line-height:38px; margin-left:2px;}
ul.tabMenu_type2 li:first-child {margin-left:0}
ul.tabMenu_type2 li a {display:block; width:100%; background:#b3b3b3 ; line-height:38px; text-align:center ;font-size:16px; color:#fff;}
ul.tabMenu_type2 li.on  {background:url("/Images/Common/tabMenu_arrow.gif") center bottom no-repeat;}
ul.tabMenu_type2 li:hover a, ul.tabMenu_type2 li.on a { background-color:#444444}


ul.tabMenu_type3 {overflow:hidden;}
ul.tabMenu_type3 li {float:left; width:24.7%;  height:46px; line-height:38px; margin-left:2px; }
ul.tabMenu_type3 li:first-child {margin-left:0}
ul.tabMenu_type3 li a {display:block; background:#b3b3b3; line-height:38px; text-align:center; font-size:16px; color:#fff;}
ul.tabMenu_type3 li.on  {background:url("/Images/Common/tabMenu_arrow.gif") center bottom no-repeat;}
ul.tabMenu_type3 li:hover a, ul.tabMenu_type3 li.on a { background-color:#444444}

ul.tabMenu_type4 {overflow:hidden;}
ul.tabMenu_type4 li {float:left; width:49.85%; height:46px; line-height:38px; margin-left:2px; }
ul.tabMenu_type4 li:first-child {margin-left:0}
ul.tabMenu_type4 li a {display:block; background:#b3b3b3; line-height:38px; text-align:center; font-size:16px; color:#fff;}
ul.tabMenu_type4 li.on  {background:url("/Images/Common/tabMenu_arrow.gif") center bottom no-repeat;}
ul.tabMenu_type4 li:hover a, ul.tabMenu_type4 li.on a { background-color:#444444}

ul.tabMenu_type5 {overflow:hidden;}
ul.tabMenu_type5 li {float:left; width:18.5%; height:46px; line-height:38px; margin-left:2px; }
ul.tabMenu_type5 li:first-child {margin-left:0}
ul.tabMenu_type5 li a {display:block; background:#b3b3b3; line-height:38px; text-align:center; font-size:16px; color:#fff;}
ul.tabMenu_type5 li.on  {background:url("/Images/Common/tabMenu_arrow.gif") center bottom no-repeat;}
ul.tabMenu_type5 li:hover a, ul.tabMenu_type5 li.on a { background-color:#444444}

ul.tabMenu_type6 {overflow:hidden;}
ul.tabMenu_type6 li {float:left; width:37.3%; height:46px; line-height:38px; margin-left:2px; }
ul.tabMenu_type6 li:first-child {margin-left:0}
ul.tabMenu_type6 li a {display:block; background:#b3b3b3; line-height:38px; text-align:center; font-size:16px; color:#fff;}
ul.tabMenu_type6 li.on  {background:url("/Images/Common/tabMenu_arrow.gif") center bottom no-repeat;}
ul.tabMenu_type6 li:hover a, ul.tabMenu_type6 li.on a { background-color:#444444}

ul.tabMenu_type7 {overflow:hidden;}
ul.tabMenu_type7 li {float:left; width:16.0%; height:46px; line-height:38px; margin-left:2px; }
ul.tabMenu_type7 li:first-child {margin-left:0}
ul.tabMenu_type7 li a {display:block; background:#b3b3b3; line-height:38px; text-align:center; font-size:14px; color:#fff;}
ul.tabMenu_type7 li.on  {background:url("/Images/Common/tabMenu_arrow.gif") center bottom no-repeat;}
ul.tabMenu_type7 li:hover a, ul.tabMenu_type7 li.on a { background-color:#444444}


@media all and (max-width:979px){
.tab_header {padding-top:15px;}
ul.tabMenu_type1 li {width:24.5%; height:46px; margin-left:0px;}
ul.tabMenu_type1 li:first-child {margin-top:0px;}
ul.tabMenu_type1 li a {font-size:14px;}
ul.tabMenu_type1.technique li {width:49.7%;  margin-left:1px;}
ul.tabMenu_type1.technique  li.on {background:url("/Images/Common/tabMenu_arrow.gif") center bottom no-repeat;}

ul.tabMenu_type2 li {width:33.1%; height:46px; margin-left:1px; }
ul.tabMenu_type2 li:first-child {margin-top:0px;}
ul.tabMenu_type2 li a {font-size:14px;}

ul.tabMenu_type3 li { margin-left:1px;}
ul.tabMenu_type3 li:first-child {margin-top:0px;}
ul.tabMenu_type3 li a {font-size:14px;}

ul.tabMenu_type4 li {width:49.85%; height:46px; margin-left:1px;}
ul.tabMenu_type4 li:first-child {margin-top:0px;}
ul.tabMenu_type4 li a {font-size:14px;}

ul.tabMenu_type5 li {width:24.8%; margin-left:0px; margin-left:1px}
ul.tabMenu_type5 li a {font-size:14px;}
ul.tabMenu_type5 li:first-child {margin-top:0px;}

ul.tabMenu_type6 li {width:49.8%; margin-left:0px; margin-left:1px}
ul.tabMenu_type6 li a {font-size:14px;}
ul.tabMenu_type6 li:first-child {margin-top:0px;}

ul.tabMenu_type7 li {width:24.8%; margin-left:0px; margin-left:1px}
ul.tabMenu_type7 li a {font-size:14px;}
ul.tabMenu_type7 li:first-child {margin-top:0px;}

}
@media all and (max-width:768px){

ul.tabMenu_type1 li a ,
ul.tabMenu_type2 li a ,
ul.tabMenu_type3 li a ,
ul.tabMenu_type4 li a ,
ul.tabMenu_type5 li a ,
ul.tabMenu_type6 li a {font-size:12px;}
ul.tabMenu_type7 li a 
}
@media all and (max-width:480px){
.tab_header {padding-top:15px;}
ul.tabMenu_type1 li {float:none; width:100%; height:38px; margin-top:5px; margin-left:0px;}
ul.tabMenu_type1 li:first-child {margin-top:0px;}
ul.tabMenu_type1 li.on  {background:none}
ul.tabMenu_type1 li a {font-size:12px}

ul.tabMenu_type1.technique li {float:none; width:100%;}

ul.tabMenu_type2 li {float:none; width:100%; height:38px; margin-top:5px; margin-left:0px; }
ul.tabMenu_type2 li:first-child {margin-top:0px;}
ul.tabMenu_type2 li.on  {background:none}
ul.tabMenu_type2 li a {font-size:12px}

ul.tabMenu_type3 li {float:none; width:100%; height:38px; margin-top:5px; margin-left:0px;}
ul.tabMenu_type3 li:first-child {margin-top:0px;}
ul.tabMenu_type3 li.on  {background:none}
ul.tabMenu_type3 li a {font-size:12px}

ul.tabMenu_type4 li {float:none; width:100%; height:38px; margin-top:5px; margin-left:0px;}
ul.tabMenu_type4 li:first-child {margin-top:0px;}
ul.tabMenu_type4 li.on  {background:none}
ul.tabMenu_type4 li a {font-size:12px}


ul.tabMenu_type5 li {float:none; width:100%; height:38px; margin-top:5px; margin-left:0px;}
ul.tabMenu_type5 li:first-child {margin-top:0px;}
ul.tabMenu_type5 li.on  {background:none}
ul.tabMenu_type5 li a {font-size:12px}

ul.tabMenu_type6 li {float:none; width:100%; height:38px; margin-top:5px;  margin-left:0px; }
ul.tabMenu_type6 li:first-child {margin-top:0px;}
ul.tabMenu_type6 li.on  {background:none}
ul.tabMenu_type6 li a {font-size:12px}

ul.tabMenu_type7 li {float:none; width:100%; height:38px; margin-top:5px; margin-left:0px;}
ul.tabMenu_type7 li:first-child {margin-top:0px;}
ul.tabMenu_type7 li.on  {background:none}
ul.tabMenu_type7 li a {font-size:12px}



}

/*------------------------------------------------------------------------------------------
                                         * ul_type *
-------------------------------------------------------------------------------------------*/
ul.ul_base {font-size:14px; color:#444; line-height:24px;}
ul.ul_dot_type2  { font-size:14px;line-height:24px; color:#444;}
ul.ul_dot_type2 li { padding-left:10px; background:url('/Images/Common/ico_ul_dot_type2.png') 0 13px no-repeat; font-size:14px;line-height:24px; color:#444;}

ul.ul_base.ul_base2 li {margin-bottom:5px;}
ul.ul_base.ul_base2 li span {display:block;}

ul.ul_base_type3 li {padding-top:27px; line-height:24px;}
ul.ul_base_type3 li:after {display:block; content:""; clear:both}

@media all and (max-width:768px){
	ul.ul_dot_type2 {font-size:12px; line-height:20px;}
	ul.ul_dot_type2 li {font-size:12px;  line-height:20px;}
	ul.ul_base {font-size:12px; line-height:20px;}
	ul.ul_base li {font-size:12px; line-height:20px;}


	ul.ul_base_type3 li {padding-top:15px; font-size:12px; line-height:22px; }
	ul.ul_base_type3 li:after {display:block; content:""; clear:both}
}

/*------------------------------------------------------------------------------------------
                                         * 이미지 확대 축소 *
-------------------------------------------------------------------------------------------*/

.banner_wrap li {display:block; overflow:hidden;}
.banner_wrap li .img_wrap img {
	transition: 300ms;
	-ms-transition: 300ms;
	-moz-transition: 300ms;
	-webkit-transition: 300ms;
	transform: ale(1);
	-webkit-transform: scale(1);
	transition: transform 300ms,-webkit-transform 300ms,opacity 300ms;
}
.banner_wrap li:hover .img_wrap img {
	opacity: 0.8;
	filter: alpha(opacity= 80);
	-ms-filter: "alpha(opacity= 80)";
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
}
.banner_wrap li.last:hover .img_wrap img {
	opacity: 1;
	filter: alpha(opacity= 100);
	-ms-filter: "alpha(opacity= 100)";
	-moz-opacity: 1;
	-webkit-opacity: 1;
	transform:scale(1);
	-webkit-transform:scale(1);
}
@media all and (max-width:1024px){
	.banner_wrap li .img_wrap img {
		transform:scale(1);
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-o-transform:scale(1);
		-webkit-transition:.3s;
		-moz-transition:.3s;
		-ms-transition:.3s;
	}
	.banner_wrap li:hover .img_wrap img {
		transform:scale(1);
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-o-transform:scale(1);
		-webkit-transition:.3s;
		-moz-transition:.3s;
		-ms-transition:.3s;
	}
}

/*------------------------------------------------------------------------------------------
                                         * Board List *
-------------------------------------------------------------------------------------------*/
/* Board List Type1 (게시판 공통_20160628추가) */
.board_body ul{padding-left:0px;}
.board_body ul li{list-style: disc; line-height:24px;}
.board_body table {border:1px solid;}
.fileList {padding-left:0px !important;}
.fileList li{list-style: none; line-height:24px;}


/* Board List Type1 (공지사항) */
.board_list_type1 {margin-top:8px; border-bottom:1px solid #ccc;}
.board_list_type1.pd_30 li.node1 {padding:30px 0}

.board_list_type1 li.node1 {position:relative; padding:19px 0 40px 0; border-top:1px solid #cccccc;}
.board_list_type1 li.node1 a {color:#444; vertical-align:top}
.board_list_type1 li.node1:hover a {color:#003a5d}
.board_list_type1 li.noData {padding:20px; text-align:center; border-top:1px solid #cccccc;}
.board_list_type1 .board_header { height:37px; padding-bottom:20px;}
.board_list_type1 .board_header p {display:inline-block; font-size:12px; line-height:15px; }
.board_list_type1 .board_header p.day {font-size:14px;}

.board_list_type1 .board_body {position:relative; height:199px;}
.board_list_type1 .board_body .board_img, .board_list_type1 .board_body .board_txt {display:inline-block; vertical-align:top;}
.board_list_type1 .board_body .board_img { width:320px; height:160px}
.board_list_type1 .board_body .board_img img {width:320px;  height:160px}
.board_list_type1 .board_body .board_txt  {position:relative; width:65%;  padding-left:20px}
.board_list_type1 .board_body .board_txt .concept {font-size:14px; font-weight:bold; padding-bottom:10px; color:#00a1e0;}

.board_list_type1 .board_body .board_cont .tit {font-size:20px; font-weight:bold; line-height:30px;}
.board_list_type1 .board_body .board_cont .tit:hover {text-decoration:underline;}
.board_list_type1 .board_body .board_cont .tit.hoveNone:hover {text-decoration:none;}
.board_list_type1 .board_body .board_cont p {overflow:hidden; padding-top:10px; font-size:14px; line-height:24px;  word-break:break-all;}

.board_list_type1 .board_body  .boardColH {padding-top:10px;font-size:14px; line-height:24px;}
.board_list_type1 .board_body  .boardColH:after {display:block; content:""; clear:both }
.board_list_type1 .board_body  .boardColH p span {font-size:14px; line-height:20px;}

.board_list_type1 .board_body .btn-webinar {position:absolute; bottom:0; left:0;}
.board_list_type1 .board_body .btn-webinar > a {display:block; position:relative; width:320px; height:34px; border-radius:5px; background-color:#444; font-size:14px; color:#fff; line-height:34px; text-align:center; transition:all 0.4s ease-out;}
.board_list_type1 li.node1 .board_body .btn-webinar > a .icon_youtu {display:inline-block; width:30px; height:20px; margin:0 9px 2px 0; background:url('/Images/ico/ico_youtube.png') 0 0 no-repeat; background-size:30px 20px;}
.board_list_type1 li.node1:hover .board_body .btn-webinar > a {background-color:#888; color:#fff;}
@media all and (max-width:768px){
	.board_list_type1 .board_body {position:relative; height:384px;}
	.board_list_type1 .board_body .btn-webinar {position:relative;}
	.board_list_type1 .board_body .btn-webinar > a {width:100%; height:44px; line-height:44px;}
}

/* tradeshow 20170831 */
.tradeshow  .board_body ul li{list-style: none;}
.tradeshow .show_list {padding-left:0;width:100%;}
.show_list .contents {max-width:36px}
.show_list li:nth-child(2) {width:80%;}

.board_list_type1 .board_body .board_cont .seminar_list ui li {list-style:none;}
.board_list_type1 .board_body .board_cont .seminar_list p {padding:0px 0 0 5px;}
.board_list_type1 li.node1  .btn_wrap a {color:#fff}

/* 제품정보 - 3D 소프트웨어 */
.board_list_type1 .board_body.sw .board_img {width:149px; height:149px;}
.board_list_type1 .board_body.sw .board_img img { width:100%; height:auto;}
.board_list_type1 .board_body.sw .board_txt {width:75%;}
.board_list_type1 .board_body.sw .board_txt .sw_txt {font-size:14px; line-height:28px; font-weight:bold;}

@media all and (max-width:1024px){
	.board_list_type1 {width:auto}
}
@media all and (max-width:948px){
	.board_list_type1 .board_body .board_txt {width:57%}
}

@media all and (max-width:768px){

	.board_warp, .board_view {margin-top:20px}
	.board_list_type1 .board_body .board_img, .board_list_type1 .board_body .board_txt {display:block; width:auto;}
	.board_list_type1 .board_body .board_cont {padding:0}
	.board_list_type1 .board_body .board_cont .tit {font-size:18px; line-height:20px; }
	.board_list_type1 .board_body .board_cont p {font-size:12px; line-height:20px;}

	.board_list_type1 .board_body .boardColH p span {font-size:12px; }
	.board_list_type1 .board_body .board_txt {width:100%; padding:20px 0 0 0; }

	/* 제품정보 - 3D 소프트웨어 */
	.board_list_type1 .board_body.sw .board_txt {width:100%;}
	.board_list_type1 .board_body.sw .3d_txt {font-size:12px; line-height:20px;}
	.board_list_type1 .board_body.sw .board_txt .sw_txt {font-size:12px; line-height:22px;}
}
@media all and (max-width:350px){
	.board_list_type1 .board_body .board_img img {width:100%; height:100%}
}
@media all and (max-width:330px){
	.board_list_type1 img {width:100%}

}
/* Board List Type2 (기술자료 활용사례) */
.board_list_type2 {margin-top:20px; border-top:1px solid #ccc; }
.board_list_type2 ul.node1 li.node1 {padding:40px 0; border-bottom:1px solid #cccccc;}
.board_list_type2 ul.node1 li.node1:first-child {padding:20px 0 40px 0;}
.board_list_type2 ul.node1 li.noData {padding:20px 0 20px !important; border-bottom:1px solid #cccccc; text-align:center;}
.board_list_type2 ul.node1 li.node1 .board_body {overflow:hidden;}
.board_list_type2 ul.node1 li.node1 .board_body .board_img {float:left; width:150px; height:100px; padding-top:5px;}
.board_list_type2 ul.node1 li.node1 .board_body .board_img img {width:100%;}
.board_list_type2 ul.node1 li.node1 .board_body .board_con {float:left; width:59%; margin-left:20px; border-right:1px solid #cccccc;}
.board_list_type2 ul.node1 li.node1 .board_body .board_down {float:left; width:23%;}
.board_list_type2 ul.node1 li.node1 .board_body .board_down .btn {float:right}
.board_list_type2 ul.node1 li.node1 .board_body .board_con .board_txt .tit {padding-bottom:5px; font-family:'NanumGothicBold'; font-size:20px;line-height:28px;}
.board_list_type2 ul.node1 li.node1 .board_body .board_con .board_txt .con {overflow:hidden; padding-right:20px; font-size:14px;line-height:24px; word-break:break-all;}
.board_list_type2 ul.node1 li.node1 .board_body .board_con .board_tag {overflow:hidden; margin-top:5px; font-size:14px; line-height:24px;}
.board_list_type2 ul.node1 li.node1 .board_body .board_con .board_tag li {float:left; margin-left:23px; text-decoration:underline;}
.board_list_type2 ul.node1 li.node1 .board_body .board_con .board_tag li:first-child {margin-left:0;}

.board_list_type2 ul.node1 li.node1 .board_body .board_down .btn_down {width:150px;}
.board_list_type2 ul.node1 li.node1 .board_body .board_down .btn.big2.ico_left > span {padding-left:40px;}

@media all and (max-width:1020px) {
	.board_list_type2 ul.node1 li.node1 .board_body .board_con {width:58%;}
}

@media all and (max-width:965px) {

	.board_list_type2 ul.node1 li.node1 .board_body .board_down { width:22%;}
}
@media all and (max-width:955px) {
	.board_list_type2 ul.node1 li.node1 .board_body .board_con {width:56%;}
}
@media all and (max-width:920px) {
	.board_list_type2 ul.node1 li.node1 .board_body .board_con {width:55%;}
}
@media all and (max-width:768px) {
	.board_list_type2 ul.node1 li.node1 .board_body .board_img {float:none; margin:0 auto; text-align:center;}
	.board_list_type2 ul.node1 li.node1 .board_body .board_con {float:none; width:100%; margin-left:0; margin-top:20px; padding-right:0px; border-right:0;}
	.board_list_type2 ul.node1 li.node1 .board_body .board_down {float:none; width:100%; margin-left:0; margin-top:20px; text-align:center;}
	.board_list_type2 ul.node1 li.node1 .board_body .board_down .btn {float:none; text-align:center;}

	.board_list_type2 ul.node1 li.node1 .board_body .board_con .board_txt .tit {font-size:16px; }
	.board_list_type2 ul.node1 li.node1 .board_body .board_con .board_txt .con {font-size:12px; line-height:20px;}
	.board_list_type2 ul.node1 li.node1 .board_body .board_con .board_tag {font-size:12px; line-height:20px;}
}


/* Board List Type3 (기술자료 3D프린팅 재료) */
.board_list_type3 {border-top:1px solid #ccc}
.board_list_type3 ul.node1 li {position:relative;}
.board_list_type3 ul.node1 li.node1 {padding:20px 0 20px 0; border-bottom:1px solid #cccccc;}
.board_list_type3 ul.node1 li.noData {padding:20px 0 20px 0; border-bottom:1px solid #cccccc; text-align:center;}
.board_list_type3 ul.node1 li.node1 .board_header {; font-size:14px; line-height:30px;}
.board_list_type3 ul.node1 li.node1 .board_body {overflow:hidden; }
.board_list_type3 ul.node1 li.node1 .board_body .board_img {float:left; width:185px; height:185px; border:1px solid #cbcbcb3b;}
.board_list_type3 ul.node1 li.node1 .board_body .board_img img {width:100%; height:100%}
.board_list_type3 ul.node1 li.node1 .board_body .board_txt {float:left; width:360px; margin-left:30px; line-height:24px;}
.board_list_type3 ul.node1 li.node1 .board_body .board_txt ul{margin-left:15px;}
.board_list_type3 ul.node1 li.node1 .board_body .board_txt .tit {font-family:'NanumGothicBold'; font-size:20px; line-height:30px; color: #00a1e0;}
.board_list_type3 ul.node1 li.node1 .board_body .board_txt .board_list li {padding-left:15px; font-size:14px; line-height:24px;background:url("/Images/Common/ico_ul_dot_type2.png") left center no-repeat; }
.board_list_type3 ul.node1 li.node1 .board_body .board_txt .board_list>li {background:none;}
/*.board_list_type3 ul.node1 li.node1 .board_body .board_btn {float:left; margin-left:20px; line-height:24px;}*/
.board_list_type3 ul.node1 li.node1 .board_body .board_btn {position:absolute; right:0; top:50%; transform:translateY(-50%);}

.board_list_type3 ul.node1 li.node1 .board_body .board_txt ul li {padding-left:0px; font-size:13px; line-height:24px;background:url("/Images/Common/ico_ul_dot_type2.png") left center no-repeat; }
.board_list_type3 ul.node1 li.node1 .board_body .board_txt ul li {background:none;}

@media all and (max-width:1023px) {
	.board_list_type3 ul.node1 li.node1 .board_body .board_txt {float:left; width:490px;}
}
@media all and (max-width:768px) {
	.board_list_type3 ul.node1 li.node1 .board_body .board_img {float:none; width:100%; height:185px;  text-align:center;}
	.board_list_type3 ul.node1 li.node1 .board_body .board_txt {float:none; width:100%; margin-left:0; margin-top:20px; margin-bottom:20px; border-right:0;}
	.board_list_type3 ul.node1 li.node1 .board_body .btn_wrap a {float:none; width:100%; margin-left:0; margin-top:20px; text-align:center;}

	.board_list_type3 ul.node1 li.node1 .board_body .board_txt .tit {font-size:16px; line-height:25px;}
	.board_list_type3 ul.node1 li.node1 .board_body .board_txt .board_list li {font-size:12px; line-height:20px;}
	.board_list_type3 ul.node1 li.node1 .board_body .btn_wrap a {margin-top:0}
	.board_list_type3 ul.node1 li.node1 .board_body .board_btn {position:relative; right:inherit; top:inherit; transform:translateY(0); text-align:center;}
}

/* Board List Type4 (연구백서) */
.board_list_type4 {margin-top:20px; border-top:1px solid #ccc; }
.board_list_type4 ul.node1 li.node1 {padding:40px 0; border-bottom:1px solid #cccccc;}
.board_list_type4 ul.node1 li.noData {padding:20px 0 20px !important; border-bottom:1px solid #cccccc; text-align:center;}
.board_list_type4 ul.node1 li.node1 .board_body {overflow:hidden;}
.board_list_type4 ul.node1 li.node1 .board_body .board_img {float:left; width:150px; height:145px; padding-top:5px;}
.board_list_type4 ul.node1 li.node1 .board_body .board_img img {width:100%;}
.board_list_type4 ul.node1 li.node1 .board_body .board_con {float:left; width:58%; margin-left:20px; border-right:1px solid #cccccc;}
.board_list_type4 ul.node1 li.node1 .board_body .board_down {float:left; width:20%;}
.board_list_type4 ul.node1 li.node1 .board_body .board_down .btn {float:right}
.board_list_type4 ul.node1 li.node1 .board_body .board_con .board_txt .tit {padding-bottom:5px; font-family:'NanumGothicBold'; font-size:20px;line-height:28px;}
.board_list_type4 ul.node1 li.node1 .board_body .board_con .board_txt .con {overflow:hidden; padding-right:20px; font-size:14px;line-height:24px; word-break:break-all;}
.board_list_type4 ul.node1 li.node1 .board_body .board_con .board_tag {overflow:hidden; margin-top:5px; font-size:14px; line-height:24px;}
.board_list_type4 ul.node1 li.node1 .board_body .board_con .board_tag li {float:left; margin-left:23px; text-decoration:underline;}
.board_list_type4 ul.node1 li.node1 .board_body .board_con .board_tag li:first-child {margin-left:0;}

.board_list_type4 ul.node1 li.node1 .board_body .board_down .btn_down {width:150px;}
.board_list_type4 ul.node1 li.node1 .board_body .board_down .btn.big2.ico_left > span {padding-left:40px;}

@media all and (max-width:1020px) {
	.board_list_type4 ul.node1 li.node1 .board_body .board_con {width:58%;}
}

@media all and (max-width:965px) {

	.board_list_type4 ul.node1 li.node1 .board_body .board_down { width:22%;}
}
@media all and (max-width:955px) {
	.board_list_type4 ul.node1 li.node1 .board_body .board_con {width:56%;}
}
@media all and (max-width:920px) {
	.board_list_type4 ul.node1 li.node1 .board_body .board_con {width:55%;}
}
@media all and (max-width:768px) {
	.board_list_type4 ul.node1 li.node1 .board_body .board_img {float:none; margin:0 auto; text-align:center;}
	.board_list_type4 ul.node1 li.node1 .board_body .board_con {float:none; width:100%; margin-left:0; margin-top:20px; padding-right:0px; border-right:0;}
	.board_list_type4 ul.node1 li.node1 .board_body .board_down {float:none; width:100%; margin-left:0; margin-top:20px; text-align:center;}
	.board_list_type4 ul.node1 li.node1 .board_body .board_down .btn {float:none; text-align:center;}

	.board_list_type4 ul.node1 li.node1 .board_body .board_con .board_txt .tit {font-size:16px; }
	.board_list_type4 ul.node1 li.node1 .board_body .board_con .board_txt .con {font-size:12px; line-height:20px;}
	.board_list_type4 ul.node1 li.node1 .board_body .board_con .board_tag {font-size:12px; line-height:20px;}
}

/* Movie List Type1 (기술자료 Video) */
.movie_list_type1 {position:relative; overflow:hidden; margin-top:20px;}
.movie_list_type1:after {display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; border-bottom:1px solid #ccc;}
.movie_list_type1 ul.node1 {margin:0 -10px; border-top:1px solid #cccccc;}
.movie_list_type1 ul.node1:after {display:block; content:""; clear:both;}
.movie_list_type1 ul.node1 li.node1 {float:left; width:25%; padding:40px 0; border-bottom:1px solid #ccc;}
.movie_list_type1 ul.node1 li.node1 .movie_list {}
.movie_list_type1 ul.node1 li.node1 .board_body {overflow:hidden; width:235px;  margin:0 auto;}
.movie_list_type1 ul.node1 li.node1 .board_body .board_img {height:130px;}
.movie_list_type1 ul.node1 li.node1 .board_body .board_img img {height:130px;}
.movie_list_type1 ul.node1 li.node1 .board_body .board_con {margin-top:15px;}
.movie_list_type1 ul.node1 li.node1 .board_body .board_con .board_txt .tit {padding-bottom:5px; font-family:'NanumGothicBold'; font-size:20px; line-height:28px; color:#00a1e0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.movie_list_type1 ul.node1 li.node1 .board_body .board_con .board_txt .con {overflow:auto; height:100px; padding-right:10px; word-break:break-all; font-size:14px; line-height:24px;}
.movie_list_type1 ul.node1 li.node1 .board_body .board_con .board_tag {font-size:14px; line-height:24px;}
.movie_list_type1 ul.node1 li.node1 .board_body .board_con .board_tag li {margin-top:5px; text-decoration:underline;}
.movie_list_type1 ul.node1 li.noData {width:100%; padding:20px 0; text-align:center;}

@media all and (max-width:977px) {
	.movie_list_type1 ul.node1 {width:auto;}
	.movie_list_type1 ul.node1 li.node1 {float:left;  width:50%; padding:20px 0px;}
	.movie_list_type1 ul.node1 li.node1.last {float:left; width:100%}
	.movie_list_type1 ul.node1 li.node1 .movie_list {}
	.movie_list_type1 ul.node1 li.node1.last .movie_list {float:left; width:50%;}
	.movie_list_type1 ul.node1 li.node1 .board_body .board_con .board_txt {line-height:18px;}
	.movie_list_type1 ul.node1 li.node1 .board_body .board_con .board_txt .tit {font-family:'NanumGothicBold'; font-size:18px;}
	.movie_list_type1 ul.node1 li.node1 .board_body .board_con .board_txt .con {font-size:12px;}
	.movie_list_type1 ul.node1 li.node1 .board_body .board_con .board_tag {font-size:12px; line-height:18px;}
}

@media all and (max-width:640px) {
	.movie_list_type1 ul.node1 li.node1 {float:none; width:100%}

	.movie_list_type1 ul.node1 { border-top:1px solid #cccccc;}
	.movie_list_type1 ul.node1 li.node1 {float:none; width:100%; padding:10px 0px;}
	.movie_list_type1 ul.node1 li.node1 .movie_list {}
	.movie_list_type1 ul.node1 li.node1.last .movie_list {float:none; width:100%;}
}



/* Board View Type1 (공지사항) */
.board_view_type1 {margin-bottom:40px; padding:19px 0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc}
.board_view_type1 .board_header {padding-bottom:20px; border-bottom:1px solid #ccc}
.board_view_type1 .board_header p {display:inline-block; font-size:12px; }
.board_view_type1 .board_header p.day {display:inline-block; font-size:14px; }
.board_view_type1 .board_header p.tit {display:block; overflow:hidden; padding:20px 0 0 0; font-size:25px; font-weight:bold; line-height:30px; color:#444444; word-break:break-all;}
.board_view_type1 .board_body {overflow:hidden; padding:20px 0 0; word-break:break-all;}
.board_view_type1 .board_body .txt {padding:20px 0; font-size:14px; line-height:24px; color:#444444}
.board_view_type1 .board_body .img {padding:10px 0; text-align:center}
.board_view_type1 .board_body p {line-height:24px;}
.board_view_type1 .board_body ul.fileList li {vertical-align:middle; font-size:14px; margin-top:5px; font-family:'NanumGothic';}
.board_view_type1 .board_body ul.fileList li:first-child {margin-top:0;}
.board_view_type1 .board_body ul.fileList li span.ico {width:21px; margin-left:0;}
.board_view_type1 .board_body ul.fileList li a {color:#444; vertical-align:baseline; font-family:'NanumGothicBold';}
.board_view_type1 .board_body table {border-collapse:separate; border-spacing:1px;}
.board_view_type1 .board_body table th,
.board_view_type1 .board_body table td {border-collapse:separate; padding:1px; border:1px solid rgb(128, 128, 128); line-height:1.6;}
.board_view_type1 .board_body p {margin:1em 0;}
.board_view_type1 .board_body ul {margin:1em 0 1em; padding:0 40px; list-style-type:disc;}
.board_view_type1 .board_body ul,
.board_view_type1 .board_body li {list-style:disc;}
.board_view_type1 .board_body hr {display: block;}



@media all and (max-width:1024px){
	.board_view_type1 img {max-width:100%; height:auto;}
}

@media all and (max-width:768px) {
	.board_view_type1 .board_body .txt {font-size:12px; line-height:20px;}
	.board_view_type1 .board_header p {}
	.board_view_type1 .board_body .img {padding:5px 0;}
	.board_view_type1 .board_body .img img {width:100%; text-align:cener;}
}


@media all and (max-width:640px){
	.board_view_type1 .board_header p.tit {font-size:18px}
}

@media all and (max-width:480px){
	.board_warp .btn_wrap a , .board_view .btn_wrap a{display:block; width:100%; text-align:center}
	.board_view_type1 .board_body .tit {font-size:16px; line-height:24px;color:#444444}
	.board_view_type1 .board_body .txt {padding:20px 0; font-size:12px; line-height:18px; color:#444444}
}


/* Board View Type2 (활용사례) */
.board_view_type2 {margin-bottom:40px; padding:14px 0 19px 0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc}
.board_view_type2 .board_header .tit {font-family:'NanumGothicBold'; font-size:30px; line-height:30px;}
.board_view_type2 .board_header .down {margin-top:23px; font-family:'NanumGothicExtraBold'; font-size:14px;}
.board_view_type2 .board_header .down a {color:#000;}
.board_view_type2 .board_body {overflow-x:auto; padding-top:12px;}
.board_view_type2 .board_body img {max-width:100%; height:auto}
.board_view_type2 .board_body table {width:100%; margin-bottom:10px}
.board_view_type2 .board_body table td {border:1px solid #ccc; text-align:center; padding:10px 0;}
.board_view_type2 .board_body p {font-size:14px; line-height:24px;}
@media all and (max-width:768px) {
	.board_view_type2 .board_header .down {margin-top:18px;  font-size:12px;}
	.board_view_type2 .board_body img {width:100%;}
	.board_view_type2 .board_body p {font-size:12px; line-height:20px;}
}


/* Board Pager */
.board_pager_wrap {position:relative; margin-top:30px; text-align:center;}
.board_pager {display:inline-block; *display:inline; *zoom:1; overflow:hidden;}
.board_pager .boardNav {display:inline-block; *display:inline; *zoom:1; float:left;}
.board_pager .boardNav li {float:left; }
.board_pager .boardNav a {display:block; min-width:24px; min-width:24px\9; height:26px; text-indent:-9999px; border:1px solid #e6e6e6; border-bottom:1px solid #cdcdcd; border-left:0}
.board_pager .boardNav a.btn_first {border-left:1px solid #e6e6e6; background:url('/Images/Common/btn_pager_first.gif') center center no-repeat;}
.board_pager .boardNav a.btn_last {background:url('/Images/Common/btn_pager_last.gif') center center no-repeat;}
.board_pager .boardNav a.btn_prev { background:url('/Images/Common/btn_pager_prev.gif') center center no-repeat;}
.board_pager .boardNav a.btn_next {border-left:1px solid #e6e6e6; background:url('/Images/Common/btn_pager_next.gif') center center no-repeat;}

.board_pager .boardPage {float:left; overflow:hidden; margin:0 8px;} /* PC 보드네비 */
.board_pager .boardPage li {float:left; border:1px solid #e6e6e6; border-bottom:1px solid #cdcdcd; border-left:0}
.board_pager .boardPage li:first-child {border-left:1px solid #e6e6e6;}
.board_pager .boardPage li a {display:block; min-width:24px; min-width:24px\9; height:24px;  font-size:12px; color:#888888; line-height:24px;}
.board_pager .boardPage li:hover a,
.board_pager .boardPage li.on a {color:#fff; background-color:#00a1e0;}

/*
.board_pager.mob {display:none; overflow:hidden;}
.board_pager.mob .boardPage {display:inline-block; height:25px; padding:0 2px; font-family:"NotoSansLight"; font-size:13px; color:#666; line-height:23px;}
.board_pager.mob .boardPage .page {color:#0079c1;}
*/

.board_pager .boardPage_mob {display:none;} /* 모바일 보드네비 */

@media all and (max-width:640px) {
	.board_pager .boardPage {display:none;} /* PC 보드네비 */
	.board_pager .boardPage_mob {display:block; float: left;} /* 모바일 보드네비 */
	/*.board_pager.mob {display:inline-block;}*/
}

/* Board Position */
.board_position {width:100%; table-layout:fixed}
.board_position tr:first-child { border-top:1px solid #cccccc }
.board_position tr { border-bottom:1px solid #cccccc }

.board_position tbody td {padding:15px 0 15px 65px; font-size:16px; text-align:left; line-height:20px;}
.board_position tbody td a {display:block; overflow:hidden; width:99%; color:#222222; text-overflow:ellipsis; white-space:nowrap;}

.board_position tbody th {font-size:16px; color:#222222; font-weight:bold}
.board_position tbody th.prev {background:url("/Images/Board/ico_prev.gif") right center no-repeat}
.board_position tbody th.next {background:url("/Images/Board/ico_next.gif") right center no-repeat}
.board_position tr.no_link th {background:none;}
.board_position tr.no_link td {color:#000}

@media all and (max-width:768px) {
	.board_position tbody th {font-size:14px;}
	.board_position tbody td {font-size:12px; padding-left:20px;}
}

@media all and (max-width:480px){
	.board_position {display:none;}
	.board_position tbody td {padding-left:20px;}
}

/* table col type1 */
.table_scroll {overflow-x:auto; width:auto; height:auto }

.table_col_type1 {margin-top:8px; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
.table_col_type1 th ,.table_col_type1 td {height:40px; min-height:40px; padding:3px 0; font-size:14px; color:#444;}
.table_col_type1 thead th {background:#e5e5e5; border-left:1px solid #ccc;}
.table_col_type1 thead th:first-child {border-left:0px;}
.table_col_type1 tbody tr:nth-child(even) {background:#f5f5f5;}
.table_col_type1 tr.bg_gary {background:f5f5f5}

.table_col_type1 tbody td {text-align:center; border-left:1px solid #ccc;}
.table_col_type1 tbody td:first-child {border:0px; text-align:center;}
.table_col_type1 tbody td.val {padding-left:10px; text-align:left; }
.table_col_type1 tbody td.tit {padding-left:19px; text-align:left; }

.table_col_type1 tbody td .receipt {display:inline-block; padding:6px; background:#fd6f31; color:#fff; font-size:12px;}
.table_col_type1 tbody td .estimate {display:inline-block; padding:6px; background:#003a5d; color:#fff; font-size:12px;}
.table_col_type1 tbody td .consult {display:inline-block; padding:6px; background:#00a1e0; color:#fff; font-size:12px;}

.equipUserList li {padding-top:10px;}
.equipUserList li:first-child {padding-top:0}
.equipUserList li label {padding-right:15px; font-size:16px; font-weight:bold; color:#222222}
.equipUserList li .pd {padding-left:78px;}
@media all and (max-width:768px) {
	.table_col_type1 tbody td {font-size:12px;}
	.table_col_type1 input.spinnerInp {width:80%}
}

@media all and (max-width:640px) {
	.table_col_type1 input {width:100%; height:25px;}
	.table_col_type1 tbody tr {border-bottom:0 !important;}
	.table_col_type1 {border:1px 0 0 0 solid #ccc !important;}

	.table_col_type1.input_768 input {width:100%;}
	.table_col_type1.input_768 tbody td {padding:0 10px;}


}
@media all and (max-width:480px) {
	.table_col_type1, .table_col_type1 thead, .table_col_type1 tbody, .table_col_type1 tfoot, .table_col_type1 tr, .table_col_type1 th, .table_col_type1 td {display:block; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.table_col_type1 {border:1px solid #ddd;}
	.table_col_type1 thead {display:none; position:absolute; top:-9999px; left:-9999px;}
	.table_col_type1 tbody tr {overflow:hidden; border-bottom:1px solid #ddd !important;}
	.table_col_type1 tbody tr:first-child {border-top:0px;}
	.table_col_type1 tbody th {
		height:auto;
		min-height:30px;
		padding:5px;
		border:0px;
		border-bottom:1px solid #ddd;
		background-image:-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#eeeeee)); /* Saf4+, Chrome */
		background-image:-webkit-linear-gradient(top, #f7f7f7, #eeeeee); /* Chrome 10+, Saf5.1+ */
		background-image:   -moz-linear-gradient(top, #f7f7f7, #eeeeee); /* FF3.6 */
		background-image:    -ms-linear-gradient(top, #f7f7f7, #eeeeee); /* IE10 */
		background-image:     -o-linear-gradient(top, #f7f7f7, #eeeeee); /* Opera 11.10+ */
		background-image:        linear-gradient(top, #f7f7f7, #eeeeee);
		/*filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f7f7', endColorStr='#eeeeee'); /* IE7, IE7 */
		/*-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#eeeeee')"; /* IE8 */
		background-color:#eeeeee;
	}
	.table_col_type1 tbody td,
	.table_col_type1 tbody td.val,
	.table_col_type1 tbody td.tit {
		position:relative;
		overflow:hidden;
		float:left;
		height:100%;
		min-height:30px;
		padding:5px 5px 5px 22%;
		border-left:0px !important;
		border-right:0px !important;
		border-bottom:1px solid #ccc;
		text-align:left !important;
		vertical-align:middle;
		font-size:12px;
	}
	.table_col_type1.input_768 tbody td {padding:5px 5px 5px 22%; }
	.table_col_type1 tbody td:first-child {
		position:relative;
		overflow:hidden;
		float:left;
		height:100%;
		min-height:30px;
		padding:9px 5px 5px 22%;
		border-left:0px !important;
		border-right:0px !important;
		border-bottom:1px solid #ccc;
		text-align:left !important;
		vertical-align:middle;
	}
	/*.table_col_type1 tbody td.tit {padding-left:0px;}*/
	.table_col_type1 tbody td:before {
		display:block;
		position:absolute;
		top:0;
		left:0px;
		width:20%;
		height:100%;
		padding:11px 5px 5px 15px;
		box-sizing:border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing:border-box;
		content:attr(data-label);
		font-family:"NanumGothicBold";
		font-size:12px;
		line-height:13px;
		font-weight:normal;
		color:#333;
		text-align:left;
		vertical-align:middle !important;
		word-break:keep-all;
		background-color:#eeeeee;
	}
	.table_col_type1 tr:nth-child(even) {background-color:#f7f7f7;}

	.equipUserList li {padding-top:5px;}
	.equipUserList li:first-child {padding-top:0}
	.equipUserList li label {padding-right:5px; font-size:14px; font-weight:bold; color:#222222}
	.equipUserList li .pd {padding-left:0px;}
}
/*@media all and (max-width:480px) {
	.table_col_type1 td {padding-left:25% !important;}
	.table_col_type1 tbody td:before {width:20%;}
}*/
@media all and (max-width:1000px) {
	.table_col_type1 td.img img {width:100%; height:auto;}
}

/* table col type2 */
.table_col_type2 {width:745px; margin-top:8px; border-top:4px solid #00a1e0; border-bottom:1px solid #CCC; table-layout:fixed;}
.table_col_type2 th ,.table_col_type2 td {height:40px; min-height:40px; padding:3px 0; font-size:12px; color:#444;}
.table_col_type2.ver_top td {vertical-align:top;}
.table_col_type2 thead th {padding:12px 0 ; background:#F5F5F5; border-left:0px solid #ccc; border-bottom: 2px solid #CCCCCC; word-break:break-word}
.table_col_type2 thead th:first-child {border-left:0px;}

.table_col_type2 tbody td {text-align:center; border-left:1px solid #ccc; border-bottom: 1px solid #CCCCCC; line-height:24px;}
.table_col_type2 tbody td:first-child {border-left:0px; font-size:12px;}
.table_col_type2 tbody td.val {padding-left:10px; text-align:left; }
.table_col_type2 tbody td.tit {padding-left:10px; text-align:left; }
.table_col_type2 tbody td .receipt {display:inline-block; padding:6px; background:#fd6f31; color:#fff;}
.table_col_type2 tr:nth-child(even) {background:#f5f5f5;}

.table_col_type2 tbody td .receipt {display:inline-block; padding:6px; background:#fd6f31; color:#fff; font-size:12px;}
.table_col_type2 tbody td .estimate {display:inline-block; padding:6px; background:#003a5d; color:#fff; font-size:12px;}
.table_col_type2 tbody td .consult {display:inline-block; padding:6px; background:#00a1e0; color:#fff; font-size:12px;}

.table_col_type2 tbody td.no_data {padding:50px; text-align:center; font-weight:bold; border-bottom:1px solid #ccc}


/*


/*
@media all and (max-width:480px) {

	.table_col_type2.no-resize {width:100%;}

	.table_col_type2, .table_col_type2 thead, .table_col_type2 tbody, .table_col_type2 tfoot, .table_col_type2 tr, .table_col_type2 th, .table_col_type2 td {display:block; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.table_col_type2 {border:1px solid #ddd;}
	.table_col_type2 thead {display:none; position:absolute; top:-9999px; left:-9999px;}
	.table_col_type2 tbody tr {overflow:hidden; border-bottom:1px solid #ddd !important;}
	.table_col_type2 tbody tr:first-child {border-top:0px;}
	.table_col_type2 tbody th {
		height:auto;
		min-height:30px;
		padding:5px;
		border:0px;
		border-bottom:1px solid #ddd;
		background-image:-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#eeeeee)); Saf4+, Chrome
		background-image:-webkit-linear-gradient(top, #f7f7f7, #eeeeee);  Chrome 10+, Saf5.1+
		background-image:   -moz-linear-gradient(top, #f7f7f7, #eeeeee);  FF3.6
		background-image:    -ms-linear-gradient(top, #f7f7f7, #eeeeee);  IE10
		background-image:     -o-linear-gradient(top, #f7f7f7, #eeeeee); Opera 11.10+
		background-image:        linear-gradient(top, #f7f7f7, #eeeeee);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f7f7', endColorStr='#eeeeee'); IE7, IE7
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#eeeeee')"; IE8
		background-color:#eeeeee;
	}
	.table_col_type2 tbody td,
	.table_col_type2 tbody td.val,
	.table_col_type2 tbody td.tit {
		position:relative;
		overflow:hidden;
		float:left;
		height:100%;
		min-height:30px;
		padding:4px 5px 4px 25%;
		border-left:0px !important;
		border-right:0px !important;
		border-bottom:1px solid #ccc;
		text-align:left !important;
		vertical-align:middle;
	}

	.table_col_type2 tbody td:first-child {
		position:relative;
		overflow:hidden;
		float:left;
		height:100%;
		min-height:30px;
		padding:4px 5px 4px 25%;
		border-left:0px !important;
		border-right:0px !important;
		border-bottom:1px solid #ccc;
		text-align:left !important;
		vertical-align:middle;
	}
	.table_col_type2 tbody td:before {
		display:block;
		position:absolute;
		top:0;
		left:0px;
		width:20%;
		height:100%;
		padding:4px 5px 4px 10px;
		box-sizing:border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing:border-box;
		content:attr(data-label);
		font-family:"NanumGothicBold";
		font-size:12px;
		line-height:13px;
		font-weight:normal;
		color:#333;
		text-align:left;
		vertical-align:middle !important;
		word-break:keep-all;
		background-color:#eeeeee;
	}
	.table_col_type2 tr:nth-child(even) {background-color:#f7f7f7;}

}
@media all and (max-width:480px) {
	.table_col_type2 td {padding-left:35% !important;}
	.table_col_type2 tbody td:before {width:20%;}
}
@media all and (max-width:1000px) {
	.table_col_type2 td.img img {width:100%; height:auto;}
}
*/
.input_file{display: inline-block; position: relative; overflow: hidden; vertical-align: middle;}
.input_file input[type=file] {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:alpha(opacity=0);
	-khtml-opacity:0;
	-moz-opacity:0;
}

.board_warp_line {margin-top:9px; padding-top:20px; border-top:1px solid #CCC;}

/* table col type3 */

.table_col_type3 {border-bottom:1px solid #CCC;}
.table_col_type3 th ,.table_col_type3 td {height:40px; min-height:40px; padding:3px 0; font-size:12px; color:#444;}
.table_col_type3 thead th {background:#e5e5e5; border-left:1px solid #ccc;}
.table_col_type3 thead th:first-child {border-left:0px;}

.table_col_type3 tbody td {padding:20px ; text-align:left; border-left:1px solid #ccc; vertical-align:top; line-height:24px;}
.table_col_type3 tbody td:first-child {border:0px;}
.table_col_type3 tbody td.val {padding-left:10px; text-align:left; }
.table_col_type3 tbody td.tit {padding-left:10px; text-align:left; }
.table_col_type3 tbody td .receipt {display:inline-block; padding:6px; background:#fd6f31; color:#fff;}
.table_col_type3 tbody tr.bg_gray {background:#f5f5f5;}



/* table col type5 */
.table_col_type5 th, .table_col_type4 td {height:40px; min-height:40px; padding:3px 0; font-size:12px; color:#444;}
.table_col_type5 thead th {padding:12px 0 ; background:#e5e5e5; border-left:1px solid #ccc;}
.table_col_type5 thead th:first-child {border-left:0px; }
.table_col_type5 tbody tr:nth-child(even) {background:#f5f5f5}
.table_col_type5 tbody td {padding:20px; border-top:1px solid #ccc; border-left:1px solid #ccc; text-align:left; line-height:24px; vertical-align:top; word-break:inherit;}
.table_col_type5 tbody td:first-child {border-left:0px;  }
.table_col_type5 tbody tr.bg_gray {background:#f5f5f5;}
@media all and (max-width:768px) {
	.table_col_type5, .table_col_type5 thead, .table_col_type5 tbody, .table_col_type5 tfoot, .table_col_type5 tr, .table_col_type5 th, .table_col_type5 td {display:block; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.table_col_type5 {border:1px solid #ddd;}
	.table_col_type5 thead {display:none; position:absolute; top:-9999px; left:-9999px;}
	.table_col_type5 tbody tr {overflow:hidden; border-bottom:1px solid #ddd !important;}
	.table_col_type5 tbody tr:first-child {border-top:0px;}
	.table_col_type5 tbody th {
		height:auto;
		min-height:30px;
		padding:5px;
		border:0px;
		border-bottom:1px solid #ddd;
		background-image:-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#eeeeee)); /* Saf4+, Chrome */
		background-image:-webkit-linear-gradient(top, #f7f7f7, #eeeeee); /* Chrome 10+, Saf5.1+ */
		background-image:   -moz-linear-gradient(top, #f7f7f7, #eeeeee); /* FF3.6 */
		background-image:    -ms-linear-gradient(top, #f7f7f7, #eeeeee); /* IE10 */
		background-image:     -o-linear-gradient(top, #f7f7f7, #eeeeee); /* Opera 11.10+ */
		background-image:        linear-gradient(top, #f7f7f7, #eeeeee);
		/*filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f7f7', endColorStr='#eeeeee'); /* IE7, IE7 */
		/*-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#eeeeee')"; /* IE8 */
		background-color:#eeeeee;
	}
	.table_col_type5 tbody td,
	.table_col_type5 tbody td.val,
	.table_col_type5 tbody td.tit {
		position:relative;
		overflow:hidden;
		float:left;
		height:100%;
		min-height:30px;
		padding:4px 5px 4px 25%;
		border-left:0px !important;
		border-right:0px !important;
		border-bottom:1px solid #ccc;
		text-align:left !important;
		vertical-align:middle;
	}

	.table_col_type5 tbody td:first-child {
		position:relative;
		overflow:hidden;
		float:left;
		height:100%;
		min-height:30px;
		padding:4px 5px 4px 25%;
		border-left:0px !important;
		border-right:0px !important;
		border-bottom:1px solid #ccc;
		text-align:left !important;
		vertical-align:middle;
	}
	.table_col_type5 tbody td:before {
		display:block;
		position:absolute;
		top:0;
		left:0px;
		width:20%;
		height:100%;
		padding:4px 5px 4px 15px;
		box-sizing:border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing:border-box;
		content:attr(data-label);
		font-family:"NanumGothicBold";
		font-size:12px;
		line-height:13px;
		font-weight:normal;
		color:#333;
		text-align:left;
		vertical-align:middle !important;
		word-break:keep-all;
		background-color:#eeeeee;
	}
	.table_col_type5 tr:nth-child(even) {background-color:#f5f5f5;}
}



/* table col type -noTrans  */
.noTrans {margin-top:25px; border-bottom:1px solid #ccc}
.noTrans th, .noTrans td {height:40px; min-height:40px; padding:3px 0; font-size:12px; color:#444;}
.noTrans thead th {padding:20px 0 ; background:#e5e5e5; border-left:1px solid #ccc;}
.noTrans thead th:first-child {border-left:0px; }
.noTrans tbody td {padding:10px; border-top:1px solid #ccc; border-left:1px solid #ccc; text-align:left; line-height:24px; vertical-align:top}

.noTrans tbody td a.link { text-decoration:underline}
.noTrans tbody td a.link:hover {color:#00a1e0; text-decoration:underline}
.noTrans tbody tr.bg_gray {background:#f5f5f5;}
.noTrans tbody td.bg_gary {background:#f5f5f5;}

@media all and (max-width:768px) {
	.noTrans {width:730px;}
}

/* table row type */

.table_row_type1 {border-top:1px solid #cccccc;}
.table_row_type1 tr th ,
.table_row_type1 tr td {padding:9px 0 10px 20px; border:1px solid #cccccc; text-align:left; font-size:14px; line-height:18px;}
.table_row_type1 tr th {border-left:0px; background-color:#f5f5f5}
.table_row_type1 tr td {border-right:0px;}
@media all and (max-width:768px) {
	.table_row_type1 tr th ,
	.table_row_type1 tr td {display:block; font-size:12px; border-left:0; border-right:0; border-top:0}
}



.table_row_type2 {border-top:1px solid #cccccc;}
.table_row_type2 tr td.row_th {height:51px; padding:18px 0 18px 20px; border-top:1px solid #cccccc; text-align:left;font-weight:bold; vertical-align:middle}
.table_row_type2 tr td.row_th label {padding-right:10px; font-size:16px;}

.table_row_type2 tr td.row_th label.ast {background:url('/Images/Common/bu_ast.gif') right 4px no-repeat;}
.table_row_type2 tr td {height:51px; padding:10px 0; border-top:1px solid #cccccc; text-align:left;}
.table_row_type2 tr:first-child td.th,
.table_row_type2 tr:first-child td {border-top:0px;}
.table_row_type2 tr:last-child td.th,
.table_row_type2 tr:last-child td {border-bottom:1px solid #bdbdbd;}
.table_row_type2 td span.radio_txt {padding:0 20px 0 11px; font-size:12px; color:#000}
.table_row_type2 td textarea {height:198px; font-size:13px;}
.table_row_type2 .tel_wrap .table_bar {padding:0 5px;}
.table_row_type2 .email_wrap .at {padding:0 5px;}
.table_row_type2 .addr_wrap span {font-size:12px;}

.table_row_type2 ul li {padding-bottom:5px;font-size:16px; font-weight:bold; color:#222222; line-height:30px}
.table_row_type2 .ul_ground input {width:200px;}



/*.table_row_type2 td input[type="radio"]+label{padding-left:10px;}*/
.table_row_type2 tr td.knownRoot .radio_box{float:left; padding:10px 15px 10px 0; }
.table_row_type2 tr td.knownRoot label {padding-left:5px}
.table_row_type2 .receive_wrap p {font-size:14px; line-height:24px;}

@media all and (max-width:768px) {
	.table_row_type2 tr td.row_th label {font-size:12px;}
	.table_row_type2 td span.radio_txt {padding-right:10px;}
	.table_row_type2 td span.raido_box {display:inline-block; min-width:100px;}
	.table_row_type2 span.check_block {display:block; padding-top:5px;}
}
@media all and (max-width:719px) {
	/*.table_row_type2 input.last2 {margin-top:5px;}	*/
}
@media all and (max-width:640px) {
	.table_row_type2 .row_th {width:100px;}
	.table_row_type2 tr td.row_th {padding:3px 0px 3px 10px; font-size:12px;}
	.table_row_type2 tr td.row_th label {font-size:12px;}
	.table_row_type2 .receive_wrap p {font-size:12px; line-height:20px;}

	.table_row_type2 select {min-width:1px;}
	.table_row_type2 input {min-width:1px;}
	.table_row_type2 input.size200 {width:100%;}
	.table_row_type2 input.size500 {width:100%;}
	.table_row_type2 td textarea {height:100px;}

	.table_row_type2 .tel_wrap select {width:31%;}
	.table_row_type2 .tel_wrap .table_bar {display:inline-block; width:3.5%; padding:0; text-align:center;}
	.table_row_type2 .tel_wrap input.input_tel {width:31%;}

	.table_row_type2 .email_wrap .at {display:inline-block; width:6%; padding:0; text-align:center;}
	.table_row_type2 .email_wrap input.input_email1 {width:47%;}
	.table_row_type2 .email_wrap select {width:100%; margin-top:5px;}

	.table_row_type2 .ui_group {position:relative; display:block; padding-right:120px;}
	.table_row_type2 .ui_group .size200 {width:100%;}
	.table_row_type2 .ui_group button {position:absolute; right:0; top:0;}

	.table_row_type2 .input_file .ui_group {padding-right:90px;}
	.table_row_type2 .input_file .btn {position:absolute; right:0; top:0;}

	.table_row_type2 .Agree_wrap p.txt {line-height:normal;}

	.table_row_type2 input:first-child ,
	.table_row_type2 select:first-child {margin-top:0}

	.table_row_type2 .ul_ground {position:relative; display:block; padding-right:70px}
	.table_row_type2 .ul_ground input {width:100%;}
	.table_row_type2 .ul_ground button {position:absolute; right:0; top:0;}

	/*
	.table_row_type2 .ui_group {width:100%;}
	.table_row_type2 .ui_group input {width:100%;}
	.table_row_type2 input ,
	.table_row_type2 select {width:100%; margin-top:5px}
	.table_row_type2 input[type="radio"] {width:inherit}
	.table_row_type2 input[type="file"] {margin-top:0}
	.table_row_type2 input:first-child {margin-top:0}
	.table_row_type2 input.radio {width:inherit}
	.table_row_type2 .input_file {width:100%; }
	.table_row_type2 .file_btn {width:100%; margin:5px 0 0 0; text-align:center;}

	.table_row_type2 td span:first-child {margin-top:0}
	.table_row_type2 td span.raido_box {display:block; margin-top:5px;}

	.table_row_type2 .ui_group {width:100%; padding-right:0}
	.table_row_type2 .ui_group .btn {position:static; width:100%; margin:5px 0 0 0;}
	*/
	/*.table_row_type2 .input_file+label{width:100%; margin:5px 0 0 0;}*/
	/*
	.table_row_type2 .ul_ground input {display:inline-block; width:32%; max-width:150px}

	.table_row_type2 .ul_ground .btn.mid {display:inline-block; width:inherit; margin-top:0px;}

	.table_row_type2  .ui_group {display:inline-block; width:54%; max-width:200px; padding-left:0;}
	.table_row_type2 .btn.mid.file_btn  {display:inline-block; width:inherit; margin-left:5px; margin-top:0px;}
	*/
}
@media all and (max-width:500px) {
	.table_row_type2 .ui_group {display:block; width:100%}

	.table_row_type2 .row_th {width:80px;}
	.table_row_type2 tr td.row_th {padding-left:5px;}
}





.table_row_type4 {border-top:1px solid #cccccc; min-width:683px; }
.table_row_type4 tr th ,
.table_row_type4 tr td {padding:9px 0 10px 20px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:left; font-size:14px; line-height:18px;}
.table_row_type4 tr td a {cursor:pointer; }
.table_row_type4 tr td a:hover {text-decoration:underline; font-weight:bold; color:#444444}
.table_row_type4 tr th {padding:20px 0; background-color:#f5f5f5; text-align:center;}
.table_row_type4 tr td.th {border-left:0;}
.table_row_type4 tr th:first-child {border-left:0px;}

.table_row_type4 tbody tr.bg_gray {background:#f5f5f5;}
/* 보기*/
.sContent_txt {line-height:24px;}

@media all and (max-width:768px) {

	/*.table_row_type4 tr td,.table_row_type4 tr td  {font-size:12px;}

	.table_row_type4 {border-top:1px solid #cccccc;}
	.table_row_type4 tr th {display:none;}
	.table_row_type4 tr td.th {display:block; padding-left:0; background:#ddd; text-align:center;}
	.table_row_type4 tr td {display:block; border-left:0;}*/

}






/* table row type */
.table_division {margin-top:50px;}
.board_wrap .sTxt {display:inline-block; padding-top:5px;}

.table_row_type2.tax tbody tr .row_th  {width:115px; padding-left:10px; font-size:16px; font-weight:bold}

.table_row_type3 { border-top:1px solid #cccccc;}
.table_row_type3 input[type="radio"] {height:15px; margin-top:1px; vertical-align:middle;}
.table_row_type3 tr.equipUser {display:none}
.table_row_type3 tr.equipUser ul li:first-child {padding-top:0px;}
.table_row_type3 tr.equipUser ul li {padding-top:5px;}
.table_row_type3 tr td.th {height:51px; padding:18px 0 10px 0; font-size:16px; font-weight:bold; color:#222222; text-align:left; vertical-align:top}
.table_row_type3 tr td.th label {padding-right:10px;}
.table_row_type3 tr td.th label.ast {background:url('/Images/Common/bu_ast.gif') right 4px no-repeat;}
.table_row_type3 tr td {height:51px; padding:10px 0; border-bottom:1px solid #cccccc; text-align:left;}
.table_row_type3  .ui_group {display:inline-block;}
.table_row_type3 ul li {padding-bottom:5px;font-size:16px; font-weight:bold; color:#222222; line-height:30px}
.table_row_type3 .ul_ground input {width:200px;}

.addr_wrap input:first-child {margin-top:0}
.addr_wrap input {margin-top:5px}
.addr_wrap span {padding:0 5px;}
.table_tit {font-size:20px; line-height:50px; font-weight:bold; }

.table_sub_tit_wrap {height:55px; margin-top:10px; padding:10px 0; border-top:1px solid #ccc;}
.table_sub_tit_wrap label {padding-right:10px; font-size:16px; font-weight:bold}
.table_sub_tit_wrap:after {display:block; content:""; clear:both}
.email_wrap .Agree_wrap {padding-left:20px; margin-top:0; vertical-align:top}
.email_wrap .Agree_wrap .sAgree { font-size:14px; font-weight:normal;}
.email_txt {font-size:14px; color:#222222; line-height:34px}

.num_btn_wrap {display:inline-block; padding:2px 0 6px 0}
.num_btn_wrap a {display:block; width:11px; height:6px; font-size:0px; margin-top:5px }
.num_btn_wrap a.upArrow {background:url("/Images/Common/btn_num_up.png") 0 0 no-repeat}
.num_btn_wrap a.donwArrow {background:url("/Images/Common/btn_num_down.png") 0 0 no-repeat}
@media all and (max-width:768px) {
	.table_row_type2.tax tbody tr td.row_th {width:85px; font-size:12px;}
	.table_row_type2.tax tbody tr.tax_detail ul li {display:block; float:none; width:100%; }
	.table_row_type2.tax tbody tr.tax_detail ul li label {width:85px; font-size:12px;}
	.table_row_type2.tax tbody tr.tax_detail ul li:first-child {padding-bottom:10px; border-bottom:1px solid #ccc}
	.table_row_type2.tax tbody tr.tax_detail ul li:nth-child(2) {padding-top:10px;}

	.email_wrap .Agree_wrap {display:block; padding-top:5px; padding-left:0; text-align:left}
}
@media all and (max-width:640px) {
	.table_division {margin-top:20px}

	.table_tit {font-size:18px;}
	.table_sub_tit_wrap label {font-size:14px;}
}
@media all and (max-width:640px) {
	/*.table_bar {display:block; margin-top:5px;}*/
	.table_row_type3 .row_th {width:70px;}
	.table_row_type3 tr td.th {font-size:12px;}

	.table_row_type3 input ,
	.table_row_type3 select {width:100%; margin-top:5px}
	.table_row_type3 input[type="radio"] {width:inherit; height:15px;}
	.table_row_type3 input:first-child ,
	.table_row_type3 select:first-child {margin-top:0}
	.table_row_type3 input:first-child {margin-top:0}


	.table_row_type2.tax tbody tr.tax_detail ul li label {width:85px; font-size:12px;}

	.table_row_type3 input.radio {width:inherit}
	.board_wrap span.at {display:block; padding-top:5px}

	.table_row_type3 td span:first-child {margin-top:0}
	.table_row_type3 td span.raido_box {display:block; margin-top:5px;}
	.table_row_type3 .btn.mid {display:block; width:100%; margin-left:0; margin-top:5px}

	.table_row_type3 .ul_ground .btn.mid {display:inline-block; width:inherit; margin-top:0px;}

	.table_row_type3  .ui_group {display:inline-block; width:32%; max-width:150px; padding-left:0;}
	.table_row_type3 .btn.mid.file_btn  {display:inline-block; width:inherit; margin-left:5px; margin-top:0px;}

	.email_txt {padding-top:10px; font-size:12px;  line-height:20px}
	.email_wrap .Agree_wrap { padding-left:0px}
	.email_wrap .Agree_wrap label {display:block; text-align:left;}
	.table_row_type3 .ui_group {width:100%; padding-right:0}
}

@media all and (max-width:500px) {
	.table_row_type3  .ui_group {display:block; width:100%; max-width:100%}
	.table_row_type3 .btn.mid.file_btn  {display:block; margin-left:0px; margin-top:5px;}
}
/*------------------------------------------------------------------------------------------
                                         * ColorBox *
-------------------------------------------------------------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{/*box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;*/}

#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin:0px;/*background:#000;*/}
		.loading #cboxContent {background-color:#fff;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{}
        #cboxTitle{display:none !important; position:absolute; top:0px; left:0; color:#ccc;}
        #cboxCurrent{display:none !important; position:absolute; top:0px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url('/Images/Common/img_loading.gif') no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {display:none; border:0; padding:0; margin:0; overflow:visible; width:auto; background:none;}


/*------------------------------------------------------------------------------------------
                                         * Layer Popup - Modal *
-------------------------------------------------------------------------------------------*/
/* No ColorBox */
.overlay {display:none; position:fixed; left:0px; top:0px; z-index:999; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=60)";}
.overlay.on {display:block !important;}

/* Layer Popup */


.lp_modal {display:none;}
.lp_wrap {min-width:280px;}
@media all and (max-width:768px) {
	.lp_wrap {top:60px !important; left:0 !important;}
}
.lp_wrap .lp_container {position:relative;}
.lp_wrap .lp_header {height:40px; background-color:#00A0E0;}
.lp_wrap .lp_header h2 {padding-left:20px; font-size:16px; line-height:40px; color:#fff;}
.lp_wrap .lp_body {background-color:#fff;}
.lp_wrap a.btn_lp_close {display:block; position:absolute; top:14px; right:20px; width:15px; height:13px; text-indent:-9999px; background:url('/Images/Common/btn_lp_close.png') center center no-repeat;}

.lp_wrap.type2 {}
.lp_wrap.type2 .lp_header {height:68px; background-color:#FFF;}
.lp_wrap.type2 .lp_header h2 {padding:9px 0 0 20px; background-image:none;}
.lp_wrap.type2 .btn_lp_close {width:27px; height:26px; background:url('/Images/Common/btn_close.gif') left top no-repeat;}

/* 동영상 */
.lp_video {max-width:640px;}
.movie_wrap .movie_size { height:340px;}
.movie_wrap .movie_size iframe {height:100%;}

/* 갤러리 */
.lp_gallery {overflow:hidden; max-width:640px; text-align:center;}
.lp_gallery img {margin:0 auto;}

/* 비밀번호 입력 */
.lp_pw .pw_txt {padding:20px 0; font-size:14px; color:#333; text-align:center;}
.lp_pw .pw_txt p {padding-bottom:10px; line-height:20px}
.lp_pw .btn {display:inline-block; margin-left:10px; padding:0px 10px;}
.lp_pw .btn.bg_blue {color:#fff; background:#00a1e0}

/* 랜딩페이지 */



@media all and (max-width:780px) {
	.landing_page_warp {overflow:auto; width:auto;  min-height:2000px; }
}


@media all and (max-width:640px) {
	.movie_wrap .movie_size {height:200px;}

	.lp_gallery {width:auto;}
	.lp_gallery_wrap .gallery_size { height:auto;}

	.lp_wrap a.btn_lp_close {top:15px; width:15px; height:15px;}
}
@media all and (max-width:385px) {
	.movie_wrap .movie_size {height:170px;}

}
@media all and (max-width:333px) {
	.movie_wrap .movie_size {height:146px;}


	.lp_pw {max-width:253px}
}
.snb_wrap .btn_wrap a.btn_link {padding:12px 13px;}
.snb_wrap .btn_wrap a.btn_link span {width:100%; padding-right:50px; background: url('../Images/Common/ico_arrow.png') right center no-repeat;}
.ico_clock {background:url('/images/Common/ico_lock.png') no-repeat; padding-left:20px;}

.input_file {display: inline-block; position: relative; overflow: hidden; vertical-align: middle;}
.input_file input[type=file] {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:alpha(opacity=0);
	-khtml-opacity:0;
	-moz-opacity:0;
}


/*------------------------------------------------------------------------------------------
 										spinner
-------------------------------------------------------------------------------------------*/


.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left:0px;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	display:block;
	position: absolute;
	margin-top: -5px;
	top: 50%;
	left: 0;
	width:20px;
	height:14px;

}

.ui-spinner-up {
	top: 0;
	background-image:url("/Images/Common/btn_num_up.png") 0 0 no-repeat
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	display:blcok;
	background-position: -65px -16px;
	background-image:url("/Images/Common/btn_num_up.png") 0 0 no-repeat

}
.ui-spinner .ui-icon-triangle-1-s img {display:none;}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	font-weight: normal;
	color: #454545;
}
/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;


/*------------------------------------------------------------------------------------------
                                         * UL Ground *
-------------------------------------------------------------------------------------------*/