.subject {   font-size: 11pt; color: #000000; font-weight: bold; }
.subject2 {   font-size: 10pt; color: #000000; font-weight: bold; }
.resubject {  font-size: 12pt; color: #22bb88; font-weight: bold;  }
.text {  font-size: 9pt;  color: #000000}
.retext {  font-size: 9pt; color: #22bb88;  }
.textitle {  font-size: 9pt; color: #FFFFFF;  }
.textitle_new {  font-size: 9pt; color: #cacaca;  }
.textitle_newa {  font-size: 9pt; color: #000000;  }
.retextitle {  font-size: 10pt; color: #3D98FF;  font-weight: bold}
.retextwite {  font-size: 9pt; color: #FFFFFF;   }
.ID {  font-size: 9pt; color: #000000; font-weight: bold; }
.company {  font-size: 9pt; color: #000000;   }
.textblue {		font-size: 9pt;	color: #3D98FF;		font-weight: normal;}
.textwhite {  font-size: 9pt; color: #FFFFFF;   }
.textred {  font-size: 9pt; color: #D2002F;   }
.textorange {  font-size: 9pt; color: #FF6600;   }
.textgreen {  font-size: 9pt; color: #006600;   }
.select1_text {  font-size: 9pt; color: #000000;   }
.select2_text {  font-size: 9pt; color: #86A08F;   }
.select3_text {  font-size: 9pt; color: #9CCB3C;   }
.select4_text {  font-size: 9pt; color: #000000;   }
.select5_text {  font-size: 9pt; color: #000000;   }
.select6_text {  font-size: 9pt; color: #3F3E3E;   }
.select7_text {  font-size: 9pt; color: #3F3E3E;   }
.select8_text {	 font-size: 40pt;color: #3F3E3E;	}
.NoSettlement {	font-size: 8pt;	color: #CCCCCC;	}
.retextlightblue {  font-size: 9pt; color: #bbccFF;   }

.textwh {	font-size: 9pt;	color: #999999;	font-weight: bold	}
.title {  font-size: 9pt;   ; font-weight: normal; color: #000000}
.new {   font-size: 9pt; color: #CCFFCC; font-weight: bold}
.textsmall {  font-size: 9pt;  color: #FFFFFF; font-weight: bold}
.textsky {  font-size: 9pt;  color: #E90DFF}
.textcart {  font-size: 9pt;  color: #FFFF99}
.textorder {  font-size: 9pt;  color: #FF6600}
.retextwiteCopy {  font-size: 9pt; color: #FFFFFF;  }
.red {   font-size: 9pt; color: #CC0000;}
.blue {   font-size: 9pt; color: #0000ff;}

.redbold {  font-size: 9pt ; font-weight: bold; color: #CC0000}
.textminus {  font-size: 15pt; text-decoration: line-through; color: #960F0F }
.discount {  font-size: 9pt; text-decoration: line-through; color: #FFFFFF }
.inputblue {   font-size: 9pt; background-color: #FFFFFF}
.inputblue-2 {   font-size: 9pt; background-color: #B6D1E2}

.showtt {  font-size: 9pt;  color: #A08352; font-weight: bold}

.myForm {  font-size: 9pt; background-color: #DFF3F7; cursor: hand; color: #000000; border-color: #CCCCFF #CCCCCC #CCCCCC #CCCCFF; border-width:1px;}
.box {  font-size: 9pt; color: #000000; background-color: #FFFFFF; border-color: #000000 black black; border-top-width: medium}
.main_button {  font-size: 9pt; background-color: #FFCC00; cursor: hand; color: #000000; border-color: #CCCCFF #CCCCCC #CCCCCC #CCCCFF; border-top-width: thin}
.myForm2 {  font-size: 9pt; background-color: #F2F8FC; color: #000000; border-color: #CCCCFF #CCCCCC #CCCCCC #CCCCFF; border-width:1px;}

.PositionButton {	display: inline-block;	border: 1px solid #dee2e6;	padding: 5px 5px;	border-radius: 5px;	box-shadow: 1px 0px 0px #57567c;	font-weight: 600;}
.PositionButton2 {	display: inline-block;	border: 1px solid #dee2e6;	padding: 5px 5px;	border-radius: 5px;	box-shadow: 1px 0px 0px #57567c;	font-weight: 600;}

/*
.PositionButton2 {	font-size: 9pt;	background-color: #9cd5fb;	color: #000000;	border-color: #CCCCFF;	border-width:1px;	}
*/

.myForm3 {  font-size: 9pt; background-color: #FF6600; color: #FFFFFF; border-color: #CCCCFF #CCCCCC #CCCCCC #CCCCFF; border-width:1px;}
.myForm4 {  font-size: 9pt; background-color: #FaFaFa; BORDER: #d4d4d4 1px solid;    padding: 5px;	margin: 5px;		}
.myForm5 {  font-size: 9pt; background-color: #FaFaFa; BORDER: #d4d4d4 1px solid;    padding: 5px;	margin: 5px;		}
.myForm6 {  font-size: 9pt; background-color: #FaFaFa; BORDER: #d4d4d4 1px solid;    padding: 5px;	margin: 5px;		}

.ttt11 { font-size:8pt; color:#093869;}
a.ttt11:link { font-size:8pt; text-decoration:none; color:#093869;}
a.ttt11:visited { font-size:8pt; text-decoration:none; color:#093869;}
a.ttt11:hover { font-size:8pt;text-decoration: underline; color:66B3E9;}

a.sub:link { font-size:9pt; text-decoration:none; color:#4E4E4E;}
a.sub:visited { font-size:9pt; text-decoration:none; color:#4E4E4E;}
a.sub:hover { font-size:9pt;; color:4E4E4E;}


.tooltip {	position: relative;	display: inline-block;    opacity: inherit;	}
.tooltip::before {	content: attr(data-tooltip);	position: absolute;	bottom: 100%;	left: 50%;	transform: translateX(-50%);	padding: 8px;	background-color: #333;	color: #fff;
	border-radius: 4px;	opacity: 0;	visibility: hidden;	transition: opacity 0.2s, visibility 0.2s;
}
.tooltip-container:hover .tooltip::before {	opacity: 1;	visibility: visible;   }


.Print {		font-size: 11px;	font-weight: normal;	color: #000000;	font-style: normal;		}
.PrintTitle {	font-size: 30pt;	color: #3F3E3E;	line-height: 40pt		}

.div_GwTop{		display: block; height: 50px;	}
.div_GwTop ul li{		}
.div_GwTop ul li.img_ComLogo{	    float: left;     margin-left: 20px;	}
.div_GwTop ul li.img_ComLogo img{	    width: 90px;   	}
.div_GwTop ul li.lin_MainLogout{	    float: right;    margin: 20px 10px 0 0;	}
.div_GwTop ul li.LoginSate{		        right: 0;	margin: 0px 10px 0 0;		font-weight: 600;	position: absolute;	}

/* 상단 location */
.adm_main.header  {		}
.adm_main.header .location {	float: left;	margin-left: 20px;	}
.adm_main.header .location span {	text-decoration: none;	display: inline-block;	margin-left: 5px;	}
.adm_main.header .location a {	display: inline-block;		}
.adm_main.header .location .comLOG {	width: 125px;	margin: 0 0px 0 10px;		}
.adm_main.header .location .comAPK img {	width: 25px;		}

/* GNB */
nav {	padding: 20px 10px 0 0;	display: inline-block;	z-index: 9999;	float: right;	}
nav .gnb_menu { margin:0 auto;}
nav .gnb_menu li {float:left; text-align:center;}
nav .gnb_menu li.relative {		position:relative;    margin-top: 17px;	  padding: 0px 0 12px;	}
nav .gnb_menu li.relative.on {		background: url(/images/Triangles/blue00_next.gif) no-repeat 2px 6px;		}
nav .gnb_menu li.relative.on img{		filter: grayscale(0%);	}
nav .gnb_menu li.TopMenu_First {    }
nav .gnb_menu li.TopMenu_Last {	right: 0;	margin: -15px 10px 0 0;	font-size: 16px;	font-weight: 600;	position: absolute;	}
nav .gnb_menu li.TopMenu_Last div{	display: inline;	_margin-left: 10px;    font-size: 14px;	}
nav .gnb_menu li.TopMenu_Last #NowTimeView {	    	font-size: 14px;	font-weight: 600;	}

nav .gnb_menu li a {font-size:14px;    color: #171725;  height:40px; padding:10px 10px 14px;; border-radius: 4px 4px 0 0;	}
nav .gnb_menu li img{display: inline-block;	margin-top: -5px;	filter: grayscale(100%);	}
nav .gnb_menu li.on a {color:#333; font-weight:700;   padding: 10px 10px 14px;	}

nav .gnb_menu li ul.submenu {z-index:99; display:none; position:absolute; background:#5f5f5f; top: 33px; width:180px;}
nav .gnb_menu li:hover ul.submenu {display:block;}
nav .gnb_menu li ul.submenu li {float: none; display: block; border-bottom: 1px solid #505050; }
nav .gnb_menu li ul.submenu li:hover {background:#424242;}
nav .gnb_menu li ul.submenu li a {color:#fff; font-size:13px; padding:11px 0px; display:block;}
nav .gnb_menu li ul.submenu li a:hover,
nav .gnb_menu li ul.submenu li a:active {color:#fff; text-decoration:none;}
nav .gnb_menu li.on ul.submenu li a { background:none;}
nav .gnb_menu li:nth-child(1) ul.submenu { left: -44px; } /* 회원 서브메뉴 */
nav .gnb_menu li:nth-child(2) ul.submenu { left: -36px; } /* 회원 서브메뉴 */
nav .gnb_menu li:nth-child(3) ul.submenu { left: -3px; } /* 프로모션/쿠폰 */
nav .gnb_menu li:nth-child(4) ul.submenu { left: -3px; } /* 판매상품 */
nav .gnb_menu li:nth-child(5) ul.submenu { left: -35px; } /* 주문 */
nav .gnb_menu li:nth-child(6) ul.submenu { left: -46px; } /* 정산 */
nav .gnb_menu li:nth-child(7) ul.submenu { left: -19px; } /* 통계 */
nav .gnb_menu li:nth-child(8) ul.submenu { left: -55px; }  /* 사내관련 */
nav .gnb_menu li:nth-child(9) ul.submenu { left: -38px; } /* 입점사 */
nav .gnb_menu li:nth-child(10) ul.submenu { left: -16px; } /* 게시판/자료실 */

nav .gnb_menu_left li.on {	background: none;	}
nav .gnb_menu_left .TopMenu_First {	    display: block;		}
nav .gnb_menu_left .relative {	        width: 100%;    font-size: 1.2rem;	font-weight: 600;	}
nav .gnb_menu_left .relative div {	    display : inline;    	}
nav .gnb_menu_left .relative .submenu{	    width: 100%;	position: initial !important;	    margin-top: 20px;	}

nav .m_gnb_menu { margin:0 auto; display: none;	}
nav .m_gnb_menu li {	display: inline;	}
nav .m_gnb_menu li.relative {		position:relative;    margin-top: 17px;	  padding: 0px 0 12px;	font-size: 16px;	font-weight: 600;	}
nav .m_gnb_menu li.relative.on {		background: url(/images/Triangles/blue00_next.gif) no-repeat 2px 6px;		}
nav .m_gnb_menu li.relative.on a img{		filter: grayscale(0%);	}
nav .m_gnb_menu li.TopMenu_Last {	right: 0;	margin: -20px 10px 0 0;	font-size: 16px;	font-weight: 600;	}
nav .m_gnb_menu li.TopMenu_Last div{	display: inline;	margin-left: 10px;    font-size: 14px;	}
nav .m_gnb_menu li.TopMenu_Last #NowTimeView {	    	font-size: 14px;	font-weight: 600;	}
nav .m_gnb_menu li a {font-size:14px;    color: #171725;  height:40px; padding:10px 10px 14px;; border-radius: 4px 4px 0 0;	}
nav .m_gnb_menu li a img{display: inline-block;	margin-top: -5px;	filter: grayscale(100%);	}
nav .m_gnb_menu li.on a {color:#333; font-weight:700;   padding: 10px 10px 14px;	}
.adm_main.header .menu_under_bar {
	width: 100%;
	z-index: 0;
	background: url(/images/common/new_bg_container.gif) repeat-x left 0px;
	position: relative;
	height: 15px;
	float: left;
}


.ImgButton{     display: inline-block;	border: 1px solid #dee2e6;	padding: 5px 10px;  margin-right: 10px;	border-radius: 5px;	box-shadow: 1px 0px 0px #57567c;	font-weight: 600;  }
.ImgDocType{    display: inline-block;	padding: 2px 5px 2px 10px;	margin-right: 4px;	border-radius: 7px;	box-shadow: 1px 0px 0px #57567c;	font-weight: 600;	font-size: 11px;
	border-bottom: 1px solid #b7b7b7;	border-right: 1px solid #b7b7b7;	}
.ImgDocTypeBg0{    	 background: linear-gradient( to right, #ffffff 70%, #dedede);	}
.ImgDocTypeBg1{      background: linear-gradient( to right, #ffffff 70%, #ffe0e0);	}
.ImgDocTypeBg2{      background: linear-gradient( to right, #ffffff 70%, #fffbe0);	}
.ImgDocTypeBg3{      background: linear-gradient( to right, #ffffff 70%, #e2ffde);	}
.ImgDocTypeBg4{      background: linear-gradient( to right, #ffffff 70%, #e0f3ff);	}
.ImgDocTypeBg5{      background: linear-gradient( to right, #ffffff 70%, #e7e0ff);	}
.ImgDocTypeBg6{      background: linear-gradient( to right, #ffffff 70%, #ffe0fb);	}
.ImgDocTypeBg7{      background: linear-gradient( to right, #ffffff 70%, #e0eeff);	}
.ImgDocTypeBg8{      background: linear-gradient( to right, #ffffff 70%, #d2fdf9);	}
.ImgDocTypeBg9{      background: linear-gradient( to right, #ffffff 70%, #dfdbff);	}

.ImgDocState{    display: inline-block;		padding: 2px 5px 2px 10px;	margin-right: 4px;	border-radius: 7px;	box-shadow: 1px 0px 0px #7c5656;	font-weight: 600;	font-size: 11px;
	border-bottom: 1px solid #b7b7b7;	border-right: 1px solid #b7b7b7; background: linear-gradient( to right, #ffffff 70%, #a9abef);		}
.DocTitle{     font-size: 13px;	font-weight: 600;	display: inline-block;	top: 2px;	position: relative;  }

#GwMainFr {	margin: 0 10px 0 20px;	float: left;    position: absolute;	display: inline-block;	}
#GwMainFr .GwMain {	text-align: center;	}
#GwMainFr .GwMain .GwMainSubTit{	font-weight: 600;	font-size: 14px;	margin: 20px 0px 5px 15px; text-align:left;	}
#GwMainFr .GwMain .GwMainTab{	width: 100%;	border: 1px solid #e3e3e3;	padding: 10px;	display: inline-block;	}
#GwMainFr .GwMain .GwMainTab tr td{	width: 300px;	}

#GwMainFr .GwMain .GwMainDirTab{	width: 100%;  border: 1px solid #e3e3e3;	padding: 10px;	display: inline-block;	}
#GwMainFr .GwMain .GwMainDirTab tr td{	width: 70px;	text-align: center;	}
#GwMainFr .GwMain .GwMainDirTab tr td:nth-child(1){	width: 100px; text-align: left;	}

#GwMainFr .GwMain .GwMainScTab{	border: 1px solid #e3e3e3;	border-radius: 5px;	    margin: 10px 5px 10px 0px;	padding: 10px;	display: inline-block;    width: 32%;}
#GwMainFr .GwMain .GwMainScTab .GwMainScTabTit{		    font-size: 12px;	font-weight: 600;	margin: 0px 0px 10px 5px;	display: inline-block;	}
#GwMainFr .GwMain .GwMainScTab .calPersonSc{	    width: 100%;	}
#GwMainFr .GwMain .GwMainScTab .calPersonSc th{		width: 14%;    height: 35px;    border-top: 1px solid #e3e3e3;	border-bottom: 1px solid #e3e3e3;	padding: 5px;	}
#GwMainFr .GwMain .GwMainScTab .calPersonSc td{		height: 50px;     cursor: pointer;    border-bottom: 1px solid #e3e3e3;	padding: 5px;	text-align: center;	}
#GwMainFr .GwMain .GwMainScTab .calPersonSc td.tabNorDay{			}
#GwMainFr .GwMain .GwMainScTab .calPersonSc td .clNowDate{    background-color: #dbdbdb;	height: 39px;	border-radius: 5px;	display: inherit;	width: 70px;    vertical-align: middle;	}

#GwMainFr .GwMain .GwMainScTab .calPartSc{	    width: 100%;	}
#GwMainFr .GwMain .GwMainScTab .calPartSc th{		width: 14%;    height: 35px;    border-top: 1px solid #e3e3e3;	border-bottom: 1px solid #e3e3e3;	padding: 5px;	}
#GwMainFr .GwMain .GwMainScTab .calPartSc td{		height: 50px;     cursor: pointer;    border-bottom: 1px solid #e3e3e3;	padding: 5px;	text-align: center;	}
#GwMainFr .GwMain .GwMainScTab .calPartSc td.tabNorDay{			}
#GwMainFr .GwMain .GwMainScTab .calPartSc td .clNowDate{    background-color: #dbdbdb;	height: 39px;	border-radius: 5px;	display: inherit;	width: 70px;    vertical-align: middle;	}

#GwMainFr .GwMain .GwMainScTab .calCompanySc{	    width: 100%;	}
#GwMainFr .GwMain .GwMainScTab .calCompanySc th{		width: 14%;    height: 35px;    border-top: 1px solid #e3e3e3;	border-bottom: 1px solid #e3e3e3;	padding: 5px;	}
#GwMainFr .GwMain .GwMainScTab .calCompanySc td{		height: 50px;     cursor: pointer;    border-bottom: 1px solid #e3e3e3;	padding: 5px;	text-align: center;	}
#GwMainFr .GwMain .GwMainScTab .calCompanySc td.tabNorDay{			}
#GwMainFr .GwMain .GwMainScTab .calCompanySc td .clNowDate{    background-color: #dbdbdb;	height: 39px;	border-radius: 5px;	display: inherit;	width: 70px;    vertical-align: middle;	}

#div_Bottom {	margin: 10px 10px 100px 20px;	display: inline-block;    z-index: 1;	position: relative;	}
#div_Bottom .GwBottomTab{	width: 100%;	border: 1px solid #e3e3e3;	padding: 10px 10px 10px 20px;	display: inline-block;	background-color: #f3f3f3;
	position: fixed;	bottom: -6px;	left: 195px; 	}
#div_Bottom .GwBottomTab tr td{	width: 300px;	}

.LayerPopup {	display: none;	position: fixed;	top: 0;	left: 0;	width: 100%;	height: 100%;	z-index: 99;}
.LayerPopup .LayPopupBG {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	}
.LayerPopup .sLayerPopup1 {	display: block;	position: absolute;	top: 50%;	left: 50%;	width: 85%;	height: 85%;	background-color: #fff;	border-radius: 10px;	z-index: 10;}
.LayerPopup .sLayerPopup1 iframe {	width: 100%;	height: 100%;	border-radius: 10px;	}

#smLayerPopup {	display: none;	position: absolute;	width: 800px;	*height: 600px;	margin: 0px 0 0px 0px; top: 20%;	left: 35%;	z-index: 99;	}
#smLayerPopup #smLayerPopupView {	padding: 10px 10px 10px;	border: 1px solid #d5d7e3;	border-radius: 10px;	border-top: 30px solid #000842;	    background-color: #fff;	}
#smLayerPopup #smLayerPopupView .close_btn {	position: absolute;	right: 0;	margin: 5px;	font-size: 20px;	}
#smLayerPopup.display-none {}
#smLayerPopup.display-inline {	display: inline !important;	}
#smLayerPopup #smLayerPopupView iframe {	width: 100%;	height: 100%;	}
#smLayerPopup .close_btn {	position: absolute;	right: 0;	margin: 5px;	font-size: 20px;	}
#smLayerPopup .close_btn button {	border-radius: 5px;	font-size: 11px;	padding: 5px 7px;	}


/* paging */
.paging_wrap{position:relative;}
.paging_wrap .btn{position:absolute;bottom:0;right:0;}
.paging{padding:20px;text-align:center;font-size:0; height:30px;  width: 100%; position:static; bottom:15px; background-color:#FFF; border-top: 1px solid #DEDEDE;}
#paging_Pre{padding:2px;text-align:center;font-size:0; height:36px;   position: fixed; border-top: 1px solid #DEDEDE;	border-bottom: 1px solid #DEDEDE;     padding-top: 3px;    z-index: 10;}
.paging span{position:relative;display:inline-block;font-size:13px;line-height:26px;vertical-align:top;}
.paging span.direction{width:28px;height:28px;border:1px solid #dedede;background:url(/images/actions/btn_paging.png) 10px 8px no-repeat;line-height:0;font-size:0;}
.paging span.direction a{display:block;width:28px;height:28px;background:url(/images/actions/btn_paging.png) -68px 8px no-repeat;text-indent:-9999px;}
.paging span.direction.first{margin-left:1px;background-position:-16px 8px;}
.paging span.direction.first a{background-position:-95px 8px;}
.paging span.direction.prev{margin-left:1px;background-position:-41px 8px;}
.paging span.direction.prev a{background-position:-120px 8px;}
.paging span.direction.next{background-position:-39px -22px;}
.paging span.direction.next a{background-position:-118px -22px;}
.paging span.direction.last{margin-left:1px;background-position:-14px -22px;}
.paging span.direction.last a{background-position:-93px -22px;}
.paging span.direction.final_last{margin-left:1px;background-position:10px -22px;}
.paging span.direction.final_last a{background-position:-69px -22px;}
.paging span.paging_no{overflow:hidden;margin:0 1px;border:1px solid #dedede;border-left:none;}
.paging span.paging_no strong,
.paging span.paging_no a{display:block;float:left;width:28px;height:26px;border-left:1px solid #dedede;}
.paging span.paging_no a:hover {text-decoration:none;}
.paging span.paging_no strong{background:#dedede;color:#323232;}
/* paging 하단버튼 처리*/


#wrap_commute .BoardHead H3{	font-size: 25px; padding-bottom: 30px;	}
#wrap_commute .btnCommute{	text-align: center; 	}
#wrap_commute .btnCommute .OnSiteUserName{	font-size: 20px;    font-weight: 600;       padding-bottom: 30px;	}
#wrap_commute .btnCommute .DivInput{	font-size: 20px;    font-weight: 600;       padding-bottom: 30px;	}
#wrap_commute .btnCommute .DivInput:nth-child(1){	padding-bottom: 5px;	}
#wrap_commute .btnCommute .DivInput input{	    width: 200px;    text-align: center;    font-size: 25px;	}

#wrap_commute .btnCommute .WorkTxt{	    font-size: 14px;    color: #17a2b8;    font-weight: 600;	}
#wrap_commute .btnCommute #WorkTxt2{	display: none;	}
#wrap_commute .btnCommute #btnWork{	display: none;	}

#wrap_commute .btnCommute .btn{	font-size: 40px;    font-weight: 600;    margin: 0 20px;    padding: 25px;	}
#wrap_commute .btnCommute .btn .btn_info{	font-size: 20px;display: block;	}
#wrap_commute .spanInfor{	    text-align: center;    margin-top: 20px;    color: red;  font-weight: 600;    display: block;    font-size: 20px;}
#wrap_commute #spanNowPostion{	    text-align: center;    margin-top: 20px;    color: #00771b;  font-weight: 600;    display: block;    font-size: 20px;}