html,body{height:100%}
body{margin:0;padding:0;font:normal 16px sans-serif;color:#444;-webkit-text-size-adjust:none;-ms-interpolation-mode:bicubic}
body,h1,h2,h3,h4,h5,h6,p,div,li,dt,dd,input,textarea,button{font-family:'Malgun Gothic',sans-serif}
img,video,audio,object,embed,iframe{max-width:100%}
img{border:0;-ms-interpolation-mode:bicubic;-webkit-image-rendering:optimizeQuality}
table{border-collapse:collapse;border-spacing:0}
th,td{padding:2px}
figure,form{margin:0}
a{color:#333;text-decoration:none}
article,aside,details,figcaption,figure,footer,header,nav,section,summary{display:block}
input[type=text],input[type=password],textarea{font-size:13px}
input{-webkit-border-radius:0;-webkit-appearance:none}
input[type=checkbox]{-webkit-appearance:checkbox}
input[type=radio]{-webkit-appearance:radio}
button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer}

.input_a {
	padding: 2px 0px 0px 3px; border: 1px solid rgb(196, 202, 209); border-image: none; color: rgb(0, 0, 0); font-family: "돋움","굴림","verdana","arial"; font-size: 9pt; background-color: rgb(255, 255, 255);
}
.select_a {
	border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(51, 51, 51); font-size: 9pt; background-color: rgb(255, 255, 255);
}
.textarea_a {
	border: 1px solid rgb(196, 202, 209); color: rgb(0, 0, 0); overflow: auto; font-family: "돋움","굴림","verdana","arial"; font-size: 9pt; background-color: rgb(255, 255, 255);
}
.input_b {
	padding: 2px 0px 0px 3px; border: 1px solid rgb(126, 126, 126); border-image: none; color: rgb(218, 218, 218); font-family: "돋움","굴림","verdana","arial"; font-size: 9pt; background-color: rgb(61, 61, 61);
}
.select_b {
	border: 1px solid rgb(126, 126, 126); border-image: none; color: rgb(218, 218, 218); font-size: 9pt; background-color: rgb(61, 61, 61);
}
.textarea_b {
	border: 1px solid rgb(126, 126, 126); color: rgb(218, 218, 218); overflow: auto; font-family: "돋움","굴림","verdana","arial"; font-size: 9pt; background-color: rgb(61, 61, 61);
}
.sp_block_on {
	border: 1px solid rgb(161, 161, 161); border-image: none; font-weight: bold;
}
.sp_block_off {
	border: 0px currentColor; border-image: none; font-weight: bold;
}
.sp_block2_on {
	border: 1px solid rgb(161, 161, 161); border-image: none;
}
.sp_block2_off {
	border: 0px currentColor; border-image: none;
}
.sp_block_now {
	border: 1px solid rgb(172, 172, 172); border-image: none;
}
.sp_block_now_font {
	color: rgb(172, 172, 172); font-weight: bold;
}
.ui-pagenate a {
	margin: 0px 2px; padding: 0px 9px; height: 24px; line-height: 24px; font-size: 12px; vertical-align: middle; display: inline-block;
}
.ui-pagenate strong {
	margin: 0px 2px; padding: 0px 9px; height: 24px; line-height: 24px; font-size: 12px; vertical-align: middle; display: inline-block;
}
.ui-pagenate a {
	border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(85, 85, 85); text-decoration: none;
}
.ui-pagenate a:hover {
	text-decoration: none;
}
.ui-pagenate a.txt {
	letter-spacing: -3px; font-family: Tahoma,Sans-Serif; font-size: 11px; font-weight: 800;
}
.ui-pagenate strong {
	color: rgb(17, 17, 17); font-size: 14px;
}
body {
	margin: 0px; padding: 0px;
}
.ibtn {
	background: linear-gradient(rgb(255, 255, 255), rgb(232, 232, 232)); padding: 0.5em 1em; border-radius: 0.5em; border: 1px solid rgb(170, 170, 170); border-image: none; color: rgb(85, 85, 85); font-size: 14px; font-weight: bold; text-decoration: none; display: inline-block; cursor: pointer; box-shadow: 0px 1px 2px rgba(0,0,0,0.2); text-shadow: 0px 1px 0px rgba(255,255,255,1);
}

input[type=checkbox]{width:20px;height:20px;}


#viewport{overflow:hidden;min-height:100%;}
#viewport #main_view,#viewport #sub_view{width:100%;min-height:100%;transition:300ms}
#viewport #left_side{position:fixed;top:0;bottom:0;left:-220px;z-index:2000;transition:300ms}
#viewport #right_side{position:fixed;top:0;right:-220px;bottom:0;z-index:2000;transition:300ms}
#viewport #close_side{visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1900;width:100%;border:0;background:rgba(0,0,0,0.6);text-align:left;text-indent:-9999px;opacity:0;transition:visibility 0s .3s,opacity 0s .3s}
#viewport #header{box-sizing:border-box;width:100%;transition:300ms}
#viewport.app_view #container{padding-top:0}
#viewport.left-open #left_side{visibility:visible;left:0}
#viewport.left-open #close_side{visibility:visible;opacity:1;transition:visibiliy 0s 0s,opacity 0s 0s}
#viewport.right-open #right_side{visibility:visible;right:0}
#viewport.right-open #close_side{visibility:visible;opacity:1;transition:visibiliy 0s 0s,opacity 0s 0s}
#main_view{display:block}
#main_view #header{position:fixed;top:0;right:0;left:0;z-index:10000;height:50px}
#main_view #container{position:relative;z-index:100;padding-top:50px}
#sub_view{display:block}
#sub_view #header{position:fixed;top:0;right:0;left:0;z-index:10000;height:50px}
#sub_view #container{position:relative;z-index:100;padding-top:50px}
#left_side{display:block;visibility:hidden;overflow-x:hidden;overflow-y:auto;width:220px}
#right_side{display:block;visibility:hidden;overflow-x:hidden;overflow-y:auto;width:220px}



#viewport {
	background: rgb(255, 255, 255); min-height: 100%; min-width: 320px;
}
#left_side {
	background: rgb(255, 255, 255); padding-top: 50px;
}
#right_side {
	background: rgb(255, 255, 255); padding-top: 50px;
}
#header {
	background: rgb(255, 255, 255);
}
#header * {
	box-sizing: border-box;
}
#header .header_m {
	position: relative; z-index: 99; min-height: 50px; box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
#header .header_m h1 {
	margin: 0px; padding: 0px 60px; width: 100%; font-size: 0px;
}
#header .header_m h1 > span {
	width: 100%; display: table;
}
#header .header_m h1 > span > a {
	height: 50px; text-align: center; vertical-align: middle; display: table-cell;
}
#header .header_m h1 img {
	width: auto; max-height: 34px;
}
#header .header_m button {
	background: 0px; margin: 0px; padding: 0px; border-radius: 50%; border: 0px currentColor; border-image: none; top: 0px; width: 50px; height: 50px; bottom: 0px; font-size: 0px; position: absolute; cursor: pointer;
}
#header .header_m button::before {
	margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; color: rgb(54, 61, 64); font-family: "icomoon"; position: absolute;
}
#header .header_m button#toggle_left {
	left: 0px;
}
#header .header_m button#toggle_left::before {
	width: 32px; height: 32px; line-height: 32px; font-size: 30px; content: "좌";
}
#header .header_m button.on#toggle_left::before {
	font-size: 32px; content: "닫기";
}
#header .header_m button#toggle_right {
	right: 0px;
}
#header .header_m button#toggle_right::before {
	width: 32px; height: 32px; line-height: 32px; font-size: 22px; content: "설정";
}
#header .header_m button.on#toggle_right::before {
	font-size: 32px; content: "닫기";
}
#header .header_p {
	display: none;
}
#container {
	background: rgb(255, 255, 255);
}
#container #contents {
	min-height: 350px; box-sizing: border-box;
	padding-top:10px;
}
#main_view #container #contents {
	padding-bottom: 30px; position: relative;
}
#main_view #container #contents .m_cont_title {
	margin-bottom: 30px;
}
#main_view #container #contents .m_cont_title .m_title {
	margin: 0px; padding: 0px; text-align: center;
}
#main_view #container #contents .m_cont_title .m_title > span {
	padding: 0px 10px 10px; color: rgb(0, 0, 0); line-height: 1.3em; letter-spacing: -0.03em; font-size: 20px; font-weight: bold; vertical-align: top; display: inline-block; position: relative;
}
#main_view #container #contents .m_cont_title .m_title > span::before {
	left: 0px; width: 100%; height: 0px; right: 0px; bottom: 0px; border-top-color: rgb(39, 61, 123); border-top-width: 1px; border-top-style: dashed; position: absolute; content: "";
}
#main_view #container #contents .m_cont_title .m_sub_title {
	margin: 10px 0px 0px; padding: 0px; text-align: center; color: rgb(119, 119, 119); line-height: 1.5em; font-size: 16px; font-weight: bold;
}
#main_view #container #contents .m_cont1_wrap {
	margin-top: 30px;
}
#main_view #container #contents .m_cont1_wrap .m_cont_inner {
	padding: 0px 15px;
}
#main_view #container #contents .m_cont1_wrap .m_cont_inner > div {
	margin-top: 20px;
}
#main_view #container #contents .m_cont1_wrap .m_cont_inner > div:first-child {
	margin-top: 0px;
}
#main_view #container #contents .m_cont2_wrap {
	background: rgb(247, 247, 247); padding: 30px 0px; margin-top: 30px;
}
#main_view #container #contents .m_cont2_wrap .m_cont_wrap .m_cont_inner {
	padding: 0px 15px;
}
#main_view #container #contents .m_cont2_wrap .m_cont_wrap .m_cont_inner > div {
	margin-top: 20px;
}
#main_view #container #contents .m_cont2_wrap .m_cont_wrap .m_cont_inner > div:first-child {
	margin-top: 0px;
}
#main_view #container #contents .m_cont3_wrap {
	padding: 0px 15px; margin-top: 30px;
}
#main_view #container #contents .m_cont4_wrap {
	padding: 0px 15px; margin-top: 40px;
}
#main_view #container #contents .m_cont5_wrap {
	background: rgb(247, 247, 247); padding: 30px 0px; margin-top: 30px;
}
#main_view #container #contents .m_cont5_wrap .m_cont_inner {
	padding: 0px 15px;
}
#main_view #container #contents .m_cont6_wrap {
	margin-top: 30px;
}
#main_view #container #contents .m_cont6_wrap .m_cont_inner {
	padding: 0px 15px;
}
#main_view #container #contents .m_cont6_wrap .m_cont_inner > div {
	margin-top: 20px;
}
#main_view #container #contents .m_cont6_wrap .m_cont_inner > div:first-child {
	margin-top: 0px;
}
#sub_view #container #contents {
	padding: 20px 15px;
}
#footer {
	background: rgb(255, 255, 255);
	position: fixed;
	bottom: 0px;
	right: 0px;
	height:0px;
	z-index: 1000; opacity: 0.6;
}

#footer .btn_site_common {
	border-radius: 50%;
	border: 0px currentColor;
	transition:0.2s ease-in-out;
	border-image: none;
	width: 40px;
	height: 40px;
	right: 10px;
	bottom: 10px;
	font-size: 0px;
	z-index: 1000;
	opacity: 0;
	padding:0px;
	position:relative;
	margin-left:35px;
	display:none;
}

#footer #btn_site_top {
	background: rgb(162, 197, 224);
}
#footer #btn_site_add {
	background: #036;
}
#footer #btn_site_save {
	background: #603;
}
#footer #btn_site_cancel {
	background: #666;
}
#footer #btn_site_checkall {
	background: #366;
}
#footer #btn_site_modify {
	background: #336;
}
#footer #btn_site_delete {
	background: #636;
}
#footer #btn_site_cart {
	background: #663;
}

#footer #btn_site_top:before {
	content:url("/user/img/layout/ic_arrow_upward_white_36dp.png");
}
#footer #btn_site_add:before {
	content:url("/user/img/layout/ic_add_white_36dp.png");
}
#footer #btn_site_save:before {
	content:url("/user/img/layout/ic_save_white_36dp.png");
}
#footer #btn_site_cancel:before {
	content:url("/user/img/layout/ic_clear_white_36dp.png");
}
#footer #btn_site_checkall:before {
	content:url("/user/img/layout/ic_check_box_white_36dp.png");
}
#footer #btn_site_modify:before {
	content:url("/user/img/layout/ic_build_white_36dp.png");
}
#footer #btn_site_delete:before {
	content:url("/user/img/layout/ic_delete_white_36dp.png");
}
#footer #btn_site_cart:before {
	content:url("/user/img/layout/ic_shopping_cart_white_36dp.png");
}
#footer .on#btn_site_top {
	z-index: 1000; opacity: 0.6;
	position:fixed;
	display:inline-block;
	left:10px;
	bottom:10px;
	margin-left:5px;
}
#footer .on#btn_site_add {
	z-index: 1000; opacity: 0.6;
	position:relative;
	display:inline-block;
	top:-50px;
}
#footer .on#btn_site_save {
	z-index: 1000; opacity: 0.6;
	position:relative;
	display:inline-block;
	top:-50px;
}
#footer .on#btn_site_cancel {
	z-index: 1000; opacity: 0.6;
	position:relative;
	display:inline-block;
	top:-50px;
}
#footer .on#btn_site_checkall {
	z-index: 1000; opacity: 0.6;
	position:relative;
	display:inline-block;
	top:-50px;
}
#footer .on#btn_site_modify {
	z-index: 1000; opacity: 0.6;
	position:relative;
	display:inline-block;
	top:-50px;
}
#footer .on#btn_site_delete {
	z-index: 1000; opacity: 0.6;
	position:relative;
	display:inline-block;
	top:-50px;
}
#footer .on#btn_site_cart {
	z-index: 1000; opacity: 0.6;
	position:relative;
	display:inline-block;
	top:-50px;
}

#lnb_m .dep1 {margin:0; padding:0;}
#lnb_m .dep1 > li {margin:0; padding:0; list-style-type:none;}
#lnb_m .dep1 > li > a {
	display:block; position:relative; height:40px; line-height:40px; margin:0; padding:0 35px 0 12px; border-bottom:1px solid #e6e6e6; background:#fafafa;
	font-size:16px;; font-weight:bold; color:#666666; list-style-type:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-transform:capitalize;
}
#lnb_m .dep1 > li[role=toggle] > a:before {content:''; position:absolute; top:50%; right:12px; width:0; height:0; margin-top:-2px; border:6px solid transparent; border-top-color:#666666;}
#lnb_m .dep1 > li[role=toggle].active > a:before {margin-top:-8px; border-top-color:transparent; border-bottom-color:#666666;}
#lnb_m .dep2 {display:none; margin:0; padding:0;}
#lnb_m .dep2 > li {margin:0; padding:0; list-style-type:none; border-bottom:1px solid #e6e6e6; }
#lnb_m .dep2 > li > a {
	width:100%;
	display:inline; position:relative; height:40px; line-height:40px; padding:0 12px 0 24px;background:#ffffff;
	font-size:16px;; font-weight:bold; color:#666666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-transform:capitalize;
}
#lnb_m .dep2 > li > a >.carCnt {
	float:right;font-size:12px;color:#666;padding-right:10px;
}



#lnb_m .active .dep2 {display:block;}


.side_search_form_side_srch {padding:8px;border-bottom:1px solid #e6e6e6;background:#fafafa;}
.side_search_form_side_srch .search_form_m fieldset {margin:0;padding:0;border:none}
.side_search_form_side_srch .search_form_m legend {display:none}
.side_search_form_side_srch .search_form_m .search_inner {position:relative;}
.side_search_form_side_srch .search_form_m .search_inner span {box-sizing:border-box;display:block;height:37px;padding:4px 37px 4px 8px;border:1px solid #ccc;background:#fff}
.side_search_form_side_srch .search_form_m .search_inner span input {width:100%;margin:0;padding:4px 0;border:none;background:transparent;color:#666}
.side_search_form_side_srch .search_form_m .search_inner button {position:absolute;top:0;right:0;bottom:0;width:37px;height:37px;margin:auto;padding:0;border:none;background:transparent;font-size:0}
.side_search_form_side_srch .search_form_m .search_inner button:before {content:url( "/user/img/layout/ic_search_black_24dp.png" );font-family:'icomoon';font-size:24px;color:#666}

#gnb_m ul {margin:0; padding:0;}
#gnb_m ul > li {margin:0; padding:0; list-style:none;}
#gnb_m ul > li > a {
	display:block; position:relative; height:40px; line-height:40px; padding:0 35px 0 12px; border-bottom:1px solid #e6e6e6; background:#fafafa;
	font-size:16px; font-weight:bold; color:#666666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-transform:capitalize;
}


#header .header_m #searchBox fieldset::after {
	clear: both;
}


#header .header_m .toggleLeft > a {
	display: inline-block;
}
#header .header_m .toggleRight > a {
	display: inline-block;
}
#header .header_m .toggleLeft > a > i {
	display: inline-block;
	background: url("/user/img/layout/sp_ico@1x.png") no-repeat; text-indent: -9999px;
}
#header .header_m .toggleRight > a > i {
	display: inline-block;
	background: url("/user/img/layout/sp_ico@1x.png") no-repeat; text-indent: -9999px;
}





#header .header_m .toggleLeft > a > i.toggleLnb {
	background-position: -30px 0px; transition:0.3s ease-out; width: 30px; height: 30px; -webkit-transition: .3s ease-out; -moz-transition: .3s ease-out; -o-transition: .3s ease-out;
}
#header .header_m .toggleLeft > a > i.toggleLnb.on {
	background-position: 0px 0px; transition:0.3s ease-out; width: 30px; height: 30px; -webkit-transition: .3s ease-out; -moz-transition: .3s ease-out; -o-transition: .3s ease-out;
}
#header .header_m .toggleRight > a > i.toggleLnb.on {
	background-position: 30px 0px; transition:0.3s ease-out; width: 30px; height: 30px; -webkit-transition: .3s ease-out; -moz-transition: .3s ease-out; -o-transition: .3s ease-out;
}
#footer #gototop i.toggleLnb.on {
	background-position: 0px 0px; transition:0.3s ease-out; width: 30px; height: 30px; -webkit-transition: .3s ease-out; -moz-transition: .3s ease-out; -o-transition: .3s ease-out;
}
.proDetail .detailInfo .img .btnZoomIn i.toggleLnb.on {
	background-position: 0px -30px; transition:0.3s ease-out; width: 30px; height: 30px; -webkit-transition: .3s ease-out; -moz-transition: .3s ease-out; -o-transition: .3s ease-out;
}



#header .header_m .toggleRight > a > i.toggleUpSetting {
	background-position: 0px -30px; transition:0.3s ease-out; width: 30px; height: 30px; -webkit-transition: .3s ease-out; -moz-transition: .3s ease-out; -o-transition: .3s ease-out;
}
#header .header_m .toggleRight > a > i.toggleUpSetting.on {
	background-position: -30px -30px; transition:0.3s ease-out; -webkit-transition: .3s ease-out; -moz-transition: .3s ease-out; -o-transition: .3s ease-out;
}

#header {
	background: rgb(50, 42, 93); position: fixed;width:100%;z-index:99999;
}
#header .header_m .logo {
	padding: 7px 0px; text-align: center;
}
#header .header_m .logo .mobile img {
	height: 30px;
}
#header .header_m .toggleLeft {
	top: 10px; position: absolute;
}
#header .header_m .toggleRight {
	top: 10px; position: absolute;
}
#header .header_m .toggleLeft > a {
	background: rgb(74, 81, 117); border-radius: 4px; border: 1px solid rgb(74, 81, 117); border-image: none;
}
#header .header_m .toggleRight > a {
	background: rgb(74, 81, 117); border-radius: 4px; border: 1px solid rgb(74, 81, 117); border-image: none;
}
#header .header_m .toggleLeft {
	left: 10px;
}
#header .header_m .toggleRight {
	right: 10px;
}




#bottom_button{
	border-top:1px #ccc solid;
	position:fixed;
	bottom:0px;
	width:100%;
	background-color:#EEE;
	text-align:center;
	display:none;
	padding:2px;
}

#bottom_contents{
	border-top:1px #ccc solid;
	position:fixed;
	bottom:0px;
	width:100%;
	background-color:#EEE;
	text-align:center;
	display:none;
	padding:0px;
}

#bottom_button > button {
	font-weight:bold;
	color:#fff;
	margin:5px;
	padding:3px 8px;
	display:inline-block;
	font-size:16px;
	border-radius:4px;
	font-family: 'Malgun Gothic',sans-serif;
}
#bottom_button .bGreen {
	background-color:#360;
	border:1px #360 solid;
}
#bottom_button .bRed {
	background-color:#603;
	border:1px #603 solid;
}
#bottom_button .bBlue {
	background-color:#036;
	border:1px #036 solid;
}
#bottom_button .bGray {
	background-color:#666;
	border:1px #666 solid;
}


.delBack {opacity: 0.3 !important;}
.cUpdate {background-color:#fee !important;}
.delIcon {opacity:0.6;margin:auto;margin-top:10px;}

.imgList {padding:0px;width:calc( 100% - 10px );margin:auto;}
.imgList li {display:block;width:100%;height:100px;text-align:left;vertical-align:top;border:1px #ddd solid; margin-bottom:5px;border-radius:10px;}

.imgList li .imgArea {float:left;overflow:hidden;}
.imgList li .imgArea img {width:100px;height:100px;border-radius: 9px 0 0 9px;}
.imgList li .contentsArea {float:left;margin-left:10px;vertical-align:top;overflow:hidden;height:100%;width:calc( 90% - 120px );}
.imgList li .contentsArea p  {font-weight:bold; border:0px #333 solid;margin:0px;margin-top:5px;}
.imgList li .contentsArea .subject  {font-weight:bold;}
.imgList li .contentsArea .contents {font-weight:normal;}
.imgList li .controlAreaCheck {float:right;vertical-align:middle;width:10%;height:100%;border-left:1px #ddd solid;text-align:center;}
.imgList li .controlAreaCheck input {margin-top:10px;}



.pImgList {padding:0px;width:calc( 100% - 10px );margin:auto;}
.pImgList li {display:inline-block;width:100%;text-align:left;border:1px #ddd solid; border-radius:10px;}

.pImgList li .imgArea {display:none;}
.pImgList li .imgArea2 {float:left;overflow:hidden;width:calc( 90% - 2px);border-right:1px #ddd solid;}
.pImgList li .imgArea2 img {border-radius: 9px 0 0 9px;}
.pImgList li .contentsArea {float:left;margin-left:10px;vertical-align:top;}
.pImgList li .contentsArea p  {font-weight:bold; border:0px #333 solid;margin:0px;margin-top:5px;}
.pImgList li .contentsArea .subject  {font-weight:bold;}
.pImgList li .contentsArea .contents {font-weight:normal;}
.pImgList li .controlAreaCheck {float:right;vertical-align:middle;width:10%;height:100%;text-align:center;}
.pImgList li .controlAreaCheck input {margin-top:10px;}
.pImgList li .controlAreaMove {margin:10px auto;width:28px;height:28px;background: url(/user/img/layout/ic_import_export_black_24dp.png) no-repeat center;opacity: 0.5;}


.txtList1 {padding:0px;width:calc( 100% - 10px );margin:auto;}
.txtList1 li {display:block;width:100%;height:60px;text-align:left;vertical-align:top;border:1px #ddd solid; margin-bottom:10px;border-radius:10px;}
.txtList1 li .contentsArea {float:left;margin-left:10px;vertical-align:top;}
.txtList1 li .contentsArea p  {font-weight:bold; border:0px #333 solid;margin:0px;margin-top:5px;}
.txtList1 li .contentsArea .subject  {font-weight:bold;}
.txtList1 li .contentsArea .contents {font-weight:normal;}
.txtList1 li .controlAreaCheck {float:right;vertical-align:middle;height:100%;border-left:1px #ddd solid;}
.txtList1 li .controlAreaCheck input {margin:20px 5px;}


.txtList2 {padding:0px;width:calc( 100% - 10px );margin:auto;}
.txtList2 li {display:block;width:100%;height:40px;text-align:left;vertical-align:top;border:1px #ddd solid; margin-bottom:5px;border-radius:10px;}
.txtList2 li .contentsArea {float:left;margin-left:10px;vertical-align:top;width:70%;display:inline-block;}
.txtList2 li .contentsArea p  {font-weight:bold; border:0px #333 solid;margin:0px;margin-top:5px;}
.txtList2 li .contentsArea .subject  {font-weight:bold;}
.txtList2 li .contentsArea input[type=text] {width:100%;border:0px;height:30px;font-size:18px;}
.txtList2 li .controlAreaCheck {float:right;width:10%;vertical-align:middle;height:100%;border-left:1px #ddd solid;text-align:center;}
.txtList2 li .controlAreaCheck input[type=checkbox] {margin:10px;}
.txtList2 li .controlAreaMove {float:left;width:10%;display:inline-block;border-right:1px #ddd solid;height:100%;background: url(/user/img/layout/ic_import_export_black_24dp.png) no-repeat center;opacity: 0.5;}


.writeForm {padding:0px;width:calc( 100% - 10px );margin:auto;border:1px #ddd solid; margin-top:5px; margin-bottom:10px;}
.writeForm table {width:100%;}
.writeForm table th {border-bottom:1px #ddd solid;padding:4px;}
.writeForm table td {padding:2px 4px;}
.writeForm table th {background-color:#EEE;height:40px;}
.writeForm table td {}
.writeForm table td label {display:block;font-weight:bold;width:100%;height:1.5em;}
.writeForm table td input[type=text]{
	; width:calc( 100% - 18px );margin: 0px; padding: 0px 8px; border: 1px #eee solid; border-image: none; height: 40px; color: rgb(68, 68, 68); font-size:16px;; -webkit-border-radius: 0; -webkit-appearance: none;
}
.writeForm table td input[type=password]{
	 width:calc( 100% - 18px );margin: 0px; padding: 0px 8px; border: 1px #eee solid; border-image: none; height: 40px; color: rgb(68, 68, 68); font-size:16px;; -webkit-border-radius: 0; -webkit-appearance: none;
}
.writeForm table td textarea{
	 width:calc( 100% - 18px );margin: 0px; padding: 0px 8px; border: 1px #eee solid; border-image: none; height: 40px; color: rgb(68, 68, 68); font-size:16px;; -webkit-border-radius: 0; -webkit-appearance: none;height:100px;
}
.writeForm table td button {
    background: rgb(240, 240, 240);
    padding: 0px 8px;
    border: 1px solid rgb(221, 221, 221);
    border-image: none;
    color: rgb(68, 68, 68);
    font-size:16px;;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
}

.writeForm table td select{
	background: url("/user/img/layout/sel_arrow.png") no-repeat 100% 50% / 20px 10px;
	border: 1px #eee solid; margin: 0px;
	padding: 0px 22px 0px 8px;
	border-image: none;
	height: 40px;
	color: rgb(68, 68, 68);
	background-color:#FFF;
	font-size:16px;; -webkit-border-radius: 0; -webkit-appearance: none; -webkit-background-size: 20px 10px;width:100%;

}


.writeForm table td .chkboxArea01 {text-align:left;}
.writeForm table td .chkboxArea01 label {margin-right:0px;margin-left:0px;}
.writeForm table td .chkboxArea01 label:first-child {border-right-color: currentColor;  border-left:  1px solid rgb(153, 153, 153);}
.writeForm table td .chkboxArea01 label input[type=radio]{display:none;margin-right:0px;margin-left:0px;
}
.writeForm table td .chkboxArea01 label {
	background: rgb(255, 255, 255); padding: 0px 8px; border-top: 1px solid rgb(153, 153, 153);border-bottom: 1px solid rgb(153, 153, 153);border-right: 1px solid rgb(153, 153, 153); border-image: none;  text-align: center; color: rgb(153, 153, 153); line-height: 38px; font-size:16px;; display: inline-block; cursor: pointer; min-width: 80px;
}
.writeForm table td .chkboxArea01 label.on {
	background: rgb(153, 153, 153); border-color: transparent; color: rgb(255, 255, 255);
}



.writeForm2 {padding:0px;width:calc( 100% - 10px );margin:auto;border:1px #ddd solid; margin-bottom:10px;}
.writeForm2 table {width:100%;}
.writeForm2 table th {border-bottom:1px #ddd solid;padding:4px;font-size:18px;}
.writeForm2 table td {background-color:#EEE;border-bottom:0px;padding:4px;}
.writeForm2 table th {background-color:#DDD;height:40px;}
.writeForm2 table td {}
.writeForm2 table td label {display:block;font-weight:bold;width:100%;height:1.5em;margin-top:5px;}
.writeForm2 table td input[type=text]{
	width:calc( 100% - 20px );margin: 0px; padding: 0px 8px; border: 1px #eee solid; border-image: none; height: 40px; color: rgb(68, 68, 68); font-size:16px;; -webkit-border-radius: 0; -webkit-appearance: none;
}
.writeForm2 table td input[type=password]{
	 width:calc( 100% - 20px );margin: 0px; padding: 0px 8px; border: 1px #eee solid; border-image: none; height: 40px; color: rgb(68, 68, 68); font-size:16px;; -webkit-border-radius: 0; -webkit-appearance: none;
}
.writeForm2 table td textarea{
	 width:calc( 100% - 20px );margin: 0px; padding: 0px 8px; border: 1px #eee solid; border-image: none; height: 40px; color: rgb(68, 68, 68); font-size:16px;; -webkit-border-radius: 0; -webkit-appearance: none;height:100px;
}
.writeForm2 table td button {
    background: rgb(240, 240, 240);
    padding: 0px 8px;
    border: 1px solid rgb(221, 221, 221);
    border-image: none;
    color: rgb(68, 68, 68);
    font-size:16px;;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
}

.writeForm2 table td select{
	background: url("/user/img/layout/sel_arrow.png") no-repeat 100% 50% / 20px 10px;border: 1px #eee solid; margin: 0px; padding: 0px 22px 0px 8px; border-image: none; height: 40px; color: rgb(68, 68, 68); font-size:16px;; -webkit-border-radius: 0; -webkit-appearance: none; -webkit-background-size: 20px 10px;width:100%;

}


.writeForm2 table td .chkboxArea01 {text-align:left;}
.writeForm2 table td .chkboxArea01 label {margin-right:0px;margin-left:0px;}
.writeForm2 table td .chkboxArea01 label:first-child {border-right-color: currentColor;  border-left:  1px solid rgb(153, 153, 153);}
.writeForm2 table td .chkboxArea01 label input[type=radio]{display:none;margin-right:0px;margin-left:0px;
}
.writeForm2 table td .chkboxArea01 label {
	background: rgb(255, 255, 255); padding: 0px 8px; border-top: 1px solid rgb(153, 153, 153);border-bottom: 1px solid rgb(153, 153, 153);border-right: 1px solid rgb(153, 153, 153); border-image: none;  text-align: center; color: rgb(153, 153, 153); line-height: 38px; font-size:16px;; display: inline-block; cursor: pointer; min-width: 80px;
}
.writeForm2 table td .chkboxArea01 label.on {
	background: rgb(153, 153, 153); border-color: transparent; color: rgb(255, 255, 255);
}




.defcss .paginate {
	margin: 0px; padding: 1em 0px; text-align: center;
}
.defcss .paginate .dir {
	font-family: Tahoma,sans-serif; font-size: 1em;
}

.defcss .paginate .prev i {
    width: 5px;
    height: 8px;
    background-position: -26px 0;
    background-image: url("/user/img/layout/sp-icons@3x.png");
	margin:14px 3px;
}
.defcss .paginate .next i {
    width: 5px;
    height: 8px;
    background-position: -26px -13px;
    background-image: url("/user/img/layout/sp-icons@3x.png");
	margin:14px 3px;
}

.defcss .paginate .prev .sp-ico2{
    width: 11px;
    background-position: -40px -0px;
}
.defcss .paginate .next .sp-ico2{
    width: 11px;
    background-position: -40px -13px;
}

.defcss .paginate .dir i {
	display:block;
}

.defcss .paginate a.dir {
    background: 0;
    border: none 0;
    padding: 0 12px;
    width: 10px;
    height: 36px;
    line-height: 36px;
    margin: 0;
    box-shadow: 0;
    border-radius: 0;
}

.defcss .paginate a {
	margin: 0px 0.2em; width: 36px; height: 36px; line-height: 36px; font-family: Arial,sans-serif; font-size: 0.87em; vertical-align: middle; display: inline-block;
	border:1px #ddd solid;
}
.defcss .paginate strong {
	margin: 0px 0.2em;
	width: 36px;
	height: 36px;
	line-height: 36px;
	font-family: Arial,sans-serif;
	font-size: 0.87em;
	vertical-align: middle;
	display: inline-block;
	color:#F00;
	font-weight: normal;
	border:1px #666 solid;
}

.defcss .sp-ico{
    text-indent: -9999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.defcss select{
	background: url("/user/img/layout/sel_arrow.png") no-repeat 100% 50% / 20px 10px;border: 1px #eee solid; margin: 0px; padding: 0px 22px 0px 8px; border-image: none; height: 30px; color: rgb(68, 68, 68); font-size:16px;; -webkit-border-radius: 0; -webkit-appearance: none; -webkit-background-size: 20px 10px;width:100px;

}

#searchBox{
	margin:0 3px 7px;
}
#searchBox fieldset{
	display:block;
	position:relative;
/*	margin:-1px; */
	padding:0 40px 0 10px;
	background:#fff;
	border:1px solid #2228b8; 
	border-radius:4px;
}
#searchBox fieldset legend{
	display:none
}
#searchBox fieldset input[type=text]{
	width:100%;
	height:30px;
	line-height:30px;
	padding:0;
	background-color:transparent;
	border:0;
	font-size:12px;
	font-weight:bold;
	color:#333;
}
#searchBox fieldset input[type=text]:-ms-input-placeholder{
	color:#888;
}
#searchBox fieldset input[type=submit]{
	position:absolute;
	display:block;
	right:10px;
	top:50%;
	margin-top:-10px;
	cursor:pointer;
	background-color:transparent;
	border:0;
}
.btn_search1{
width:20px;
height:20px;
background-position:-20px -120px !important;
background:url("/user/img/layout/sp_ico@2x.png");
background-size:300px 300px;
}

input::placeholder{
	color:#ccc;
}
textarea::placeholder{
	color:#ccc;
}

input[name=SCH_TXT]::placeholder{
	color:#666;
}

.tc {text-align:center;}
.tr {text-align:right;}
.tl {text-align:left;}