.alignLeft {text-align: left;}
.alignCenter {text-align: center;}
.alignRight {text-align: right}

.left {float: left}
.right {float: right}
.clear {clear: both}



.reset li {list-style: none}

.adminT2.title {  padding-bottom: 10px; margin-bottom: 10px; position: relative;}
.adminT2.title:after { content: ""; display: inline-block; width: 30px; height: 2px; background: #d90000; position: absolute; bottom: -2px; left: 0; }

.adminT2.group {display: block; margin: 20px 0; overflow: hidden; height: auto}
.bt {display: inline-block; background: #d90000; color: #fff; text-align: center;   box-sizing: border-box; height: auto !important; text-decoration: none; border: 0; vertical-align: top; border-radius: 2px; white-space: nowrap; }
a.bt i {margin-right:  5px; }

.adminT2.searchGroup select, .adminT2.searchGroup .search_input,  .adminT2.searchGroup button {float: left; margin-right: 5px;}


.adminT2.dateGroup {width: 100%; box-sizing: border-box; padding: 15px; text-align: center; background: #f9f9f9; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc}
.adminT2.dateGroup input {display: inline-block;}



 .bt.btOrange {background: #ff9a00 !important;}
 .bt.btGray {background: #30313a !important;}
 .bt.btLine {background: #fff !important; border:1px solid #ccc ; box-sizing: border-box;}
 .bt.btLightgray {background: #efefef !important;}


 .bt:hover {background: #ba0000;}
 .bt.btOrange:hover {background: #ff9a00 !important;}
 .bt.btGray:hover {background: #25262f !important;}
 .bt.btLightgray:hover {background: #cfcfcf !important;}

.small.bt{font-size: 10px; padding: 8px; border-radius: 2px; line-height: 1em}
.small.bt i{font-size: 12px; line-height: 0.1em;}

.middle.bt{font-size: 12px; padding: 8px; line-height: 1.2}
.middle.bt i{font-size: 14px;  line-height:0.1em;}

.large.bt{font-size: 16px; padding: 12px;}
.large.bt i{font-size: 18px; line-height:0.1em;}

.bt_200.bt{min-width: 200px !important; }
.bt_140.bt{min-width: 130px !important;}
.bt_120.bt{min-width: 120px !important;}
.bt_100.bt{min-width: 100px !important;}
.bt_80.bt{min-width: 80px !important;}
.bt_60.bt{min-width: 60px !important;}
.bt_40.bt{min-width: 40px !important;}


.tableLayout .small.bt {margin:0;}
.tableLayout  .small.bt {border-radius: 3px; background: #666; font-size: 8px}
.bt.btLine.small {color:#666; line-height: 1em; padding: 7px;}






.adminT2.formLayout dd .small {width:40%; display: inline-block; }


.cTab { width: auto;    padding: 10px 0 ;  position: relative;  border-bottom: 1px solid #ccc; /* padding-left:85px; border-top: 2px solid #ccc;  */ box-sizing: border-box; }


/*
.cTab:before {content: ""; display: block; width: 80px; position: absolute; height: 100%; left: 0; top: 0; background:#e9e9e9}
.cTab:after {content: "카테고리"; position: absolute; left: 0; font-weight: 700; top: 50%; margin-top: -11px; left: 15px; }
*/




.cTab li {white-space: nowrap;  display:inline-block;  border: 1px solid #ccc; margin-right: 5px; margin-bottom: 5px;  position: relative}
.cTab li a {text-decoration: none; color: #333; display: inline-block; position: relative; padding: 3px 8px;}

.cTab li.on { border: 1px solid #30313a; background: #30313a;}
.cTab li:hover { border: 1px solid #000; background: #000;}
.cTab li:hover a { color:#fff;}
.cTab li.on a {color: #fff}

.cTab li > ul {  background: #fff; display: none; border: 0 !important}
.cTab li > ul li {display: none; margin: 0;border: 1px solid #ccc !important;  border-bottom: 0 !important;  width: 100%; }
.cTab li > ul li:last-child {border-bottom: 1px solid #ccc !important}
/* .cTab li > ul li a:after {content: ""; font-family: xeicon; position: absolute; right: 5px; top:50%;  margin-top: -9px} */

.pager.num {}

.cTab li:hover > ul {display: block; position: absolute; top: 27px;  left: -1px;  z-index: 10 }
.cTab li:hover > ul li {display: block}

.cTab li > ul li a {display: block; padding: 3px 8px ; background: #fff; color: #333 !important; position: relative}
.cTab li > ul li:hover a {color: #fff !important; background: #000} 
.cTab  li > ul li.on_ a {background: #30313a; color: #fff !important; border: 1px solid #30313a;}


/* input */
.adminT2 input[type="text"], .adminT2 textarea, .adminT2 input[type="selet"]  {border-radius:0; border: 1px solid #ccc; background: #fff; padding: 3px; width: 100%; box-sizing: border-box; font-size: 12px; }
.adminT2 input.tel {width: 32%; margin-right: 1%}
.adminT2 input.tel:last-child {margin-right: 0}

.adminT2 textarea {resize: none !important}






/*


.cTab li {white-space: nowrap;  display:inline-block;  border: 1px solid #ccc; margin-right: 5px; margin-bottom: 5px;  position: relative}
.cTab li a {text-decoration: none; color: #333; display: inline-block; position: relative; padding: 3px 8px;}

.cTab li.on { border: 1px solid #30313a; background: #30313a;}
.cTab li:hover { border: 1px solid #000; background: #000;}
.cTab li:hover a { color:#fff;}
.cTab li.on a {color: #fff}

.cTab li > ul {  background: #fff; display: block; position: relative; margin-top: -29px;}
.cTab li > ul li {display: none; margin: 0;border: 1px solid #ccc !important;  border-bottom: 0 !important;  width: 100%; }
.cTab li > ul li:last-child {border-bottom: 1px solid #ccc !important}

.pager.num {}

.cTab li:hover > ul {display: block; position: absolute; top: 27px;  left: -1px;  z-index: 10 }
.cTab li:hover > ul li {display: block}

.cTab li > ul li a {display: block; padding: 5px 10px ; color: #333 !important; position: relative}
.cTab li > ul li:hover a {color: #fff !important} 
.cTab  li > ul li.on_ {display: inline-block !important;}


/* input */
.adminT2 input[type="text"], .adminT2 textarea, .adminT2 input[type="selet"]  {border-radius:0; border: 1px solid #ccc; background: #fff; padding: 3px; width: 100%; box-sizing: border-box; font-size: 12px; }
.adminT2 input.tel {width: 32%; margin-right: 1%}
.adminT2 input.tel:last-child {margin-right: 0}

.adminT2 textarea {resize: none !important}
*/














/* char css */







/* 1. slide */

	/*  1-1	list */

	.adminT2.slide.list {width: 100%; }
	.adminT2.slide.list li {border-bottom: 1px solid #eee}
	.adminT2.slide.list li .unit {position: relative; width: 940px; height: 310px; background-color:#000;   margin: 15px 0; background-size: cover; background-position: center top; background-repeat: no-repeat; margin-left: 20px}
	
	.adminT2.slide.list li .unit span { display: inline-block; position: absolute; top: -5px; left: -5px; line-height: 1em; text-align: center; background:rgba(255, 255, 255, 0.9); color: #333; box-sizing: border-box; padding: 10px; border: 1px solid #d90000 /* border-radius: 50%; */}
/*
	.adminT2.slide.list li:nth-child(01) .unit:before {content:"01"} 
	.adminT2.slide.list li:nth-child(02) .unit:before {content:"02"} 
	.adminT2.slide.list li:nth-child(03) .unit:before {content:"03"} 
	.adminT2.slide.list li:nth-child(04) .unit:before {content:"04"} 
	.adminT2.slide.list li:nth-child(05) .unit:before {content:"05"} 
	.adminT2.slide.list li:nth-child(06) .unit:before {content:"06"} 
	.adminT2.slide.list li:nth-child(07) .unit:before {content:"07"} 
	.adminT2.slide.list li:nth-child(08) .unit:before {content:"08"} 
	.adminT2.slide.list li:nth-child(09) .unit:before {content:"09"} 
	.adminT2.slide.list li:nth-child(10) .unit:before {content:"10"} 
	.adminT2.slide.list li:nth-child(11) .unit:before {content:"11"} 
	.adminT2.slide.list li:nth-child(12) .unit:before {content:"12"} 
	.adminT2.slide.list li:nth-child(13) .unit:before {content:"13"} 
	.adminT2.slide.list li:nth-child(14) .unit:before {content:"14"} 
	.adminT2.slide.list li:nth-child(15) .unit:before {content:"15"} 
	.adminT2.slide.list li:nth-child(16) .unit:before {content:"16"} 
	.adminT2.slide.list li:nth-child(17) .unit:before {content:"17"} 
	.adminT2.slide.list li:nth-child(18) .unit:before {content:"18"} 
	.adminT2.slide.list li:nth-child(19) .unit:before {content:"19"} 
	.adminT2.slide.list li:nth-child(20) .unit:before {content:"20"} 
	.adminT2.slide.list li:nth-child(21) .unit:before {content:"21"} 
	.adminT2.slide.list li:nth-child(22) .unit:before {content:"22"} 
	.adminT2.slide.list li:nth-child(23) .unit:before {content:"23"} 
	.adminT2.slide.list li:nth-child(24) .unit:before {content:"24"} 
	.adminT2.slide.list li:nth-child(25) .unit:before {content:"25"} 
	.adminT2.slide.list li:nth-child(26) .unit:before {content:"26"} 
	.adminT2.slide.list li:nth-child(27) .unit:before {content:"27"} 
	.adminT2.slide.list li:nth-child(28) .unit:before {content:"28"} 
	.adminT2.slide.list li:nth-child(29) .unit:before {content:"29"} 
	.adminT2.slide.list li:nth-child(30) .unit:before {content:"30"} 
*/

	
	
	
	.adminT2.slide.list li .unit .textWrap { display: inline-block; position: absolute; top: 50px; left: 80px;}
	.adminT2.slide.list li .unit .textWrap h2 {font-size: 30px; margin-bottom: 15px;}
	.adminT2.slide.list li .unit .textWrap h2 img {width: 50%; height: auto}
	.adminT2.slide.list li .unit .textWrap p {font-size: 9px; margin-bottom: 15px;}
	.adminT2.slide.list li .unit .textWrap a {font-size: 12px; display:inline-block; padding: 10px 40px; background: #d90000 }
	.adminT2.slide.list li .unit .textWrap a:after {content: ""; font-family: xeicon; display: inline-block; position: relative; margin-left: 3px; }
	
	.adminT2.slide.list li .unit h2,.adminT2.slide.list li .unit p, .adminT2.slide.list li .unit a {color: #fff;}	
	
	.adminT2.slide.list li .unit .deem {position: absolute; display: none;  width: 100%; height: 50px; bottom:0; left: 0; background-color:rgba(0, 0, 0, 0.8); text-align: center; }
	.adminT2.slide.list li .unit .editWrap { width: 260px; height: auto; overflow: hidden; position: absolute;  top: 50%; left: 50%; margin-top: -17px; margin-left: -130px; white-space: nowrap; text-align: center}
	.adminT2.slide.list li .unit .editWrap a {width: 25%; text-align: center; display: inline-block; font-size: 12px; color: #999;}


	.adminT2.slide.list li .unit .editWrap a:before {display: inline-block;font-family: xeicon; text-align: center; font-size: 18px; position: relative; top: 4px; margin-right: 7px}
	.adminT2.slide.list li .unit .editWrap a:nth-child(1):before {content: "";}
	.adminT2.slide.list li .unit .editWrap a:nth-child(2):before {content: "";}
	.adminT2.slide.list li .unit .editWrap a:nth-child(3):before {content: "";}
	.adminT2.slide.list li .unit .editWrap a:nth-child(4):before {content: "";}

/* 	.adminT2.slide.list li .unit .editWrap a:nth-child(2):after { content: ""; display: inline-block; margin:0 10px; width: 1px; height: 100%; background: #666 } */
	
	.adminT2.slide.list li:last-child .unit .editWrap a:nth-child(3),
	.adminT2.slide.list li:first-child .unit .editWrap a:nth-child(4) {display: none}

	.adminT2.slide.list li .unit:hover .deem {display: block;  }
	.adminT2.slide.list li .unit .editWrap a:hover {content: ""; color: #fff;}

	

	/*  1-2 edit */

	.adminT2.formLayout {width: 100%; border-top: 2px solid #ccc; display: block; width: 100%; overflow: hidden; margin: 30px 0;}
	.adminT2.formLayout dt, .adminT2.formLayout dd { float: left;  box-sizing: border-box; border-bottom: 1px solid #ccc; min-height: 47px;}
	.adminT2.formLayout dt {background: #e9e9e9;}

	
	.adminT2.formLayout dt.col1 {width: 120px; padding: 12px 10px; font-size: 14px; font-weight: 500}
	.adminT2.formLayout dd.col1 {width: 840px; padding: 10px 15px; margin: 0}
	.adminT2.formLayout dt.col2 {width: 120px; padding: 12px 10px; font-size: 14px; font-weight: 500}
	.adminT2.formLayout dd.col2 {width: 360px; padding: 10px 15px; margin: 0}

	
	.adminT2.formLayout dt.col1.textarea {height: 326px;}
	
	
/* 	.x_control-group .cke {display: none !important} */


/* 1. slide end */

/* 2. popup start */
	
	/* 2-1 list	 */
	.adminT2.tableLayout {width: 100%; border-top: 2px solid #ccc}
	.adminT2.tableLayout caption {padding: 10px 0; text-align: left}
	.adminT2.tableLayout th, .adminT2.tableLayout td {border-bottom: 1px solid #ccc; padding: 8px 0;  text-align: center; padding-right: 5px; padding-left: 5px;}
/* 	.adminT2.tableLayout th {background: #e9e9e9;} */
	.adminT2.tableLayout a { text-decoration: none; color: #000}

	.adminT2.tableLayout td {font-size: 12px}
	.adminT2.tableLayout td.title {text-align: left; padding: 0 15px; font-size: 14px }
	.adminT2.tableLayout td.title a:hover {text-decoration: underline }
	.adminT2.tableLayout tr:nth-child(2n) {background: #f9f9f9}
	.adminT2.tableLayout tr:hover {background: #f0f0f0}
	.adminT2.tableLayout th {background: #fff}


	ul.pager.num {overflow: hidden; margin: 5px 0}
	ul.pager.num li {float: left; margin-left: -1px;}
	ul.pager.num li:nth-child(2) {left: 0}
	ul.pager.num li:first-child, ul.pager.num li:last-child {margin:0 10px;  }
	ul.pager.num li:first-child a, ul.pager.num li:last-child a {border: 0  }
	ul.pager.num li:first-child a:hover, ul.pager.num li:last-child a:hover {border: 0  }

	
	ul.pager.num li a, ul.pager.num li strong {text-decoration: none;  border: 1px solid #eee; display: inline-block;  min-width: 26px; color: #000; box-sizing: border-box; padding: 2px; text-align: center } 
	

	/* 2-2 edit	 */

/* 3. bbs list */

	.adminT2.tableLayout.read {margin: 30px 0 0}
	.adminT2.tableLayout.read th, .adminT2.tableLayout.read td {text-align: left; font-size: 14px; font-weight: 500}

	.adminT2.tableLayout.read th {background: #e9e9e9; width: 150px; padding:  10px;}
	.adminT2.tableLayout.read td {padding:5px 10px}
	.adminT2.tableLayout.read td ul {padding: 0;}
	.adminT2.tableLayout.read td ul li {list-style: none; margin-bottom: 5px;}
	.adminT2.tableLayout.read td ul li a:hover {text-decoration: underline;}
	
	
	.adminT2.tableLayout.read td {background: #fff}
	.adminT2.tableLayout.read .table_contents ul li {display: block; width: 30%; float: left;}
	.adminT2.tableLayout.read .table_contents.t2 ul li {display: block; width: 25%; float: left; font-size: 12px}
	.adminT2.tableLayout.read .table_contents.t2 ul li img {margin-right: 5px;}
	.adminT2.tableLayout.read .table_contents ul li label {width: 200px; display: inline-block; vertical-align: text-top}
	.adminT2.tableLayout.read .table_contents ul li:nth-child(3n+1) {clear: both; } 
	.adminT2.tableLayout.read .table_contents.t2 ul li:nth-child(3n+1) {clear: none; } 
	.adminT2.tableLayout.read .table_contents.t2 ul li:nth-child(4n+1) {clear: both; } 
	.adminT2.tableLayout td label {width:80px; margin-right: 10px; font-size: 12px }
/* 	.adminT2.tableLayout td label:after {/* content: ":";  margin: 0 3px} */
	.adminT2.tableLayout td div.small {width:30%; display: inline-block; margin-right: 30px;}

	.adminT2 .cke {box-shadow: none !important; margin-top: -1px} 

	.adminT2.tableLayout th.no {width:50px }

	.zineList {margin: 0 -10px; margin-top: 30px; padding: 0; overflow: hidden}
	.zineList .item {width: 25%; padding: 0 10px; box-sizing: border-box; float: left; margin: 0}
	.zineList .item .thumb {width: 100%; box-sizing: border-box; border: 1px solid #efefef}
	.zineList .item .thumb img {width: 100%;}
	
	.zineList .item .title {/* white-space: normal; */ /* text-overflow: ellipsis; overflow: hidden; height: 20px; width: 100%; */ margin:10px 0 5px; position: relative; padding-right: 13px; }
	
	.zineList .item .iCheck {position: absolute; z-index: 3; position: absolute; right: 5px; top: 5px }
	
	.zineList .item .subInfo {margin-bottom: 10px}
	.zineList .item .subInfo span {font-size: 12px; margin-right: 10px  }
	.zineList .item .subInfo span i {margin-right: 5px; line-height: 0.1em}
	.zineList .item .subInfo em {display: none}
	.zineList .item .group.alignLeft {border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-top: 10px}

.spec_cnt {display: none;}
.spec_input_wrap .table_contents .item {display: inline-block; width: 60%; position: relative; padding-right: 40px;}
.spec_input_wrap .table_contents .item + .item {margin-top: 5px;}
.spec_input_wrap .table_contents .item >div {float: left; position: relative;}
.spec_input_wrap .table_contents .item >div.name {width: 150px; z-index: 2;}
.spec_input_wrap .table_contents .item >div.cnt {z-index: 1; width: 100%; margin-left: -150px; padding-left: 170px; box-sizing: border-box}{margin-left: 10px;} 
.spec_input_wrap .table_contents .item .remove_item {position: absolute; right: 0; top: 50%; z-index: 1; width: 24px; height: 24px; margin-top: -12px; background: #e9e9e9; border: 0 none; border-radius: 50%; font-size: 0;}
.spec_input_wrap .table_contents .item .remove_item:before {display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; margin-left: -6px; margin-top: -1px; background: #666;}

.spec_input_wrap .table_contents .btn_area {padding: 5px 0;}
.spec_input_wrap .table_contents .add_item {display: block; width: 100px; padding: 10px 0; border: 1px solid #000; background: #000; color: #fff;}