@charset "utf-8";

#accessibility { visibility:visible; width:0; height:0; overflow:hidden; font-size:0; line-height:0; text-indent:-3000em; position:absolute;}
.blind, legend, .btn-all span, .btn-tel span { visibility:visible; width:0; height:0; overflow:hidden; font-size:0; line-height:0; border:0 ! important; text-indent:-3000em; position:absolute; background:none ! important;} /* For Screen Reader */

.cboth {clear:both ! important;}
.aleft {text-align:left ! important; }
.aright {text-align:right ! important; }

em, i {font-style:normal;}

body:before {
	content:'';
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0.5;
	filter:alpha(opacity = 50);
	z-index: 9999;
	background-color:#000;
}

body.ready:before {
	display:none;
}


/* Layout */
.login {width:100%; min-width:1000px; min-height:700px; height:100%; overflow:hidden; position:relative;}
.login > div {height:100%; float:left; position:relative;}
.login > div:nth-of-type(1) {width:42.5%; height:100%; background:#282828;}
.login > div:nth-of-type(2) {width:57.5%; overflow:hidden;}
.login > div > div {height:700px; position:absolute; top:50%; margin-top:-350px; padding:150px 80px; box-sizing:border-box;}
.login > div:nth-of-type(1) > div {width:425px; right:0; color:#8b8b8b; background:url('../imgs/bg_login.png') no-repeat 80px 550px;}
.login > div:nth-of-type(2) > div {width:575px; color:#000;}
.login > div > div h1, .login > div > div h2 {font-family:'NotokrM'; font-size:2.25rem; line-height:100%; color:#fff;}
.login > div > div h2 {color:#000; text-align:right;}
.login > div > div h2 + p {font-size:.75rem; text-align:right; margin-top:20px;}
.login > div:nth-of-type(1) > div > p {margin-top:85px; line-height:1.625rem;}
.login > div:nth-of-type(1) > div > p.copy {font-size:.75rem; margin-top:105px;}
.login_set {width:100%; margin-top:15px;}
.login_set > label {font-size:.75rem; display:block;}
.login_set > input + label {margin-top:33px;}
.login_set > input {width:100%; height:48px; line-height:46px; color:#000; box-sizing:border-box; padding:0 20px; margin-top:6px;}
.login_set > input:focus {background:url('../imgs/bg_check.png') no-repeat calc(100% - 20px) center;}
.login_set > a ,
.login_set > button {font-size:16px; width:140px; height:44px; display:block; color:#000; text-align:center; line-height:42px; background:#fff; border:1px solid #666; margin-top:70px; float:right;}

/* Header Common */
#wrap {width:100%;min-width:1000px;min-height:700px;height:100%;position:relative;box-sizing:border-box;padding-left:250px;}
#wrap .nav {display:none;}
#wrap .gnb {left:50px;}

#wrap header {width: 100vh;height: 50px; box-sizing:border-box;background: #282828;   position:fixed;padding-right: 120px;left: 0px;bottom: -50px; z-index:1000; overflow:hidden;transform: rotate(-90deg);transform-origin: top left;}
#wrap header h1 {position:relative;height: 100%;width: 100%;text-align: right;}
#wrap header h1 a {
    display: inline-block;
    height: 100%;
}
#wrap header h1 a:before {
	content: "";
	display:inline-block;
	height:100%;
	vertical-align:middle;
}

#wrap header h1 a span {
	color: #fff;
	font-size:.75rem;
	display: inline-block;
}
#wrap header > a {width:20px; height:18px; box-sizing:border-box; position:absolute; left:15px; top:50%; margin:-9px 0 0 0; border-top:2px solid #fff000; border-bottom:2px solid #fff000; display:none;}
#wrap header > a:after {content:""; width:14px; height:2px; background:#fff000; position:absolute; left:0; top:50%; margin-top:-1px;}

.gnb {width:200px;height:100%;border-left:1px solid #535353;background:#282828;box-sizing:border-box;position:fixed;left:50px;top:0;z-index:100;}
.gnb ul {width:100%;padding-left:0;transition:padding .3s;}
.gnb .gnb-menu {position: relative;top: 100px;}
.gnb ul li {position:relative;overflow:hidden;background-color: #282828;}
.gnb ul li a {color:#959595; display:block;height:50px;line-height:50px;padding-left:20px; box-sizing:border-box;}
.gnb ul li.depth2 > ul {height: 0;}
.gnb ul li.active ul {padding-left:20px;}
.gnb ul li ul li a {height:34px;font-size:.75rem;line-height:34px;}

.gnb > ul > li.depth2 > a:after {content:""; width:10px; height:6px; position:absolute; left:158px; top:50%; margin-top:-3px; background:url('../imgs/bg_gnb.png') no-repeat center top;}
.gnb > ul li.active > a, 
.gnb > ul li a:hover {color:#fff000; position:relative;}
.gnb ul li.depth2.active ul {height: auto;}
.gnb > ul li > a:hover:after {background-position:center -36px;}

.gnb > ul li.active > a:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	background-position:center -36px;
}

.container {width:100%;height:100%;vertical-align:top;padding: 0 30px 35px;box-sizing:border-box;overflow-x: hidden;overflow-y: scroll;}

.top_area {height:58px; vertical-align:top; font-size:.75rem; color:#000; overflow:hidden; border-bottom:1px solid #eaeaea; box-sizing:border-box;}
.location {float:left; padding:13px 0 0; line-height:31px;}
.location > span {height:31px; display:inline-block; margin-left:20px; position:relative; z-index:10;padding:0 20px; background:#f3f2eb; border-radius:50px;}
.location > span:after {content:""; width:1px; height:1px; position:absolute; left:-13px; top:11px; z-index:100; border:4px solid #000; border-right:4px solid transparent; border-top:4px solid transparent; border-bottom:4px solid transparent;}
.login_info {float:right; padding:18px 0 0;}
.login_info > a {width:16px;height:17px;display:inline-block;border-right:1px solid #000;vertical-align:middle;margin-left:34px;background:url('../imgs/bg_arrow.png') no-repeat left center;text-indent: -999px;overflow: hidden;}
.main_con {height:calc(100% - 58px); color:#000;}
.main_con > div {width:100%; height:50%; box-sizing:border-box;}
.main_con > div:nth-of-type(1) {display:table; border-bottom:1px solid #eaeaea; padding-bottom:50px;}
.main_con > div:nth-of-type(2) {padding-top:50px; text-align:right;}
.main_con > div:nth-of-type(1) p {display:table-cell;; vertical-align:bottom; font-size:1.875rem; line-height:2.625rem;}
.main_con > div:nth-of-type(2) p {font-size:.75rem; line-height:1.375rem; margin-top:25px;}

/* Common */
.file_sch input[type=file] {position: relative;display: inline-block;padding: 0;width: 80px;height:35px;text-indent: 999px;color:#666;opacity:0;cursor: pointer;}
.file_sch {display: block;vertical-align: top;position:relative;z-index:1;}
.file_sch ~ .file_sch {margin-top:10px;}
.file_sch:after {content: "파일찾기";position:absolute;top:0;left:0;background:#282828;border-radius: 5px;width: 80px;height:35px;color:#fff;text-align:center;line-height:35px;box-sizing: border-box;z-index: -1;}
.file_sch input[type=text] {position:absolute; top:0; left:0; width:calc(100% - 91px); height:35px; border:1px solid #aeaeae; background:#fff; box-sizing: border-box; z-index:-1;}
.file_sch span {display: block;}
.file_sch .size {color:#df0e0e;margin-top: 5px;}

.addfile_list {margin-top:20px; padding-left:20px;}
.addfile_list li {font-size:.875rem; font-family:'NotokrB'; color:#df0e0e;} 
.addfile_list li + li {margin-top:10px;}
.addfile_list li button {margin:-3px 0 0 10px; vertical-align:middle;}

#wrap footer {width:100%; color:#999; text-align:right; padding:12px 30px; box-sizing:border-box; border-top:1px solid #e1e1e1;}

/* Input */
input[type=radio] {position: relative;width: 20px;height: 20px;border:1px solid #b0b0b0;background:#fff;vertical-align:middle;border-radius: 50%;}
input + label {padding-left: 8px;vertical-align:middle;cursor: pointer;}
input[type=checkbox] {width: 20px;height: 20px;border:1px solid #b0b0b0;background:#fff;vertical-align:middle;padding:0;position:relative;}
input[type=checkbox]:checked:after ,
input[type=radio]:checked:after {position:absolute;left: 0;top: 0px;content:"";background:url('../imgs/ico_chk.png') no-repeat center center;width: 100%;height: 100%;}
input[type=radio]:checked:after {background:#000;width: 10px;height: 10px;border-radius:50%;top: 50%;left: 50%;transform: translate(-50%,-50%);}

/* Select box */

/* Button */
.btn_right {text-align:right;}
.sch_box + .btn_right, .btn_left {margin-top:40px;}
.btn_down {height:34px; display:inline-block; background:#282828; padding:0 18px; border-radius:50px; font-size:.875rem; color:#fff; line-height:34px; text-align:center; box-sizing:border-box;}
.btn_big01,.btn_big02 {display:inline-block;vertical-align:middle;padding: 8px 35px;color:#000;font-size:.875rem;text-align:center;border:1px solid #666;box-sizing:border-box;}
.btn_big01,.btn_sml01 {background:#fff;border:1px solid #b2b2b2;}
.btn_big01,.btn_big02,.btn_sml01,.btn_sml02 {border-radius:5px;}

.ui-dialog .btn_big02, .ui-dialog .btn_sml02 {color:#fff;}

[class*="btn"].disabled {
	background-color: #bbb;
	border-color: #bbb;
	cursor: default;
}

[class*="btn"].disabled:hover{
	background-color: #bbb;
	border-color: #bbb;
}

.btn_big01:hover,.btn_big02:hover,.btn_sml01:hover,.btn_sml02:hover {background-color: #555;border-color: #555;color: #fff !important;}
.btn_big02,.btn_sml02 {background:#282828;color:#fff;border:1px solid #282828;}

.btn_sml01,.btn_sml02 {display:inline-block;vertical-align: middle;padding: 3px 15px;font-size:.875rem;text-align:center;box-sizing:border-box;}

.btn_del {width:17px; height:17px; border-radius:100px; vertical-align:top; background:#a5966b url('../imgs/btn_del.png') no-repeat center center;}

/* Button */
.ui-dialog .btn_area, .btn_cen {padding-top:15px;}
.btn_area, .btn_cen {overflow:hidden;text-align: center;margin-top: 15px;}
.paging + .btn_area {border-top:0;}
.btn_cen {text-align:center;}
.btn_cen a + a {margin-left:26px;}
.btn_area.center > a {float:none;}
.btn_area > a + a {margin-left:6px;}

.list_top {overflow:hidden; margin-top:40px;}
.list_top > span {display: inline-block;font-size:.875rem;vertical-align: bottom;color: #555;}
.list_top > span ~ span {margin-left:10px;}
.list_top > div {float:right;}

/* Table */
.tb_type01 {width:100%;margin-top: 10px;font-size:.875rem;table-layout: fixed;}
.tb_type01 th {position: relative;background:#f3f2eb;color:#333;font-weight:normal;padding:15px 0;}
.tb_type01 th ~ th:before ,
.tb_type01 td ~ td:before {
	content:"";
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 15px;
	background-color: #ccc;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.tb_type01 tr td {position: relative;text-align:center;padding: 15px 0;}
.tb_type01 tr td span {display:inline-block;}
.tb_type01 tr:nth-of-type(even) td {background:#f5f5f5;}
.tb_type01 tr td.left {text-align:left;padding: 0 10px 0 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.tb_type01 tr:hover td {background-color:#eed;}
.red, .active {color:#df0e0e;}
.blue {color:#08c;}
.deactive {color:#69c;}
.tb_type01 tr td.reward {color:#00aea0;}
.tb_type01 tr td.thumb img {width:100px;}
.tb_type01 tr td .addfile {width:16px; height:14px; display:inline-block; vertical-align:middle; background:url('../imgs/ico_addfile.png') no-repeat center center; font-size:0; line-height:0; text-indent:-3000em;}
.tb_type01 tr td.nolist {padding: 30px 0;border-bottom: 1px solid #ddd;}
.tb_type01 tr td img {margin-top: -10px;margin-bottom: -10px;max-height: 100px;}
.tb_type01 tr td a:hover {color: #b55;} 
.tb_type01 tr:last-child {border-bottom:1px solid #f5f5f5;}
h2 + .tb_type01 {margin-top:40px;}

.tb_type01 td input[type=text] {background:transparent;text-align:center;width:100%;height: 0;}

.tb_view {width:100%; margin-top:16px; border-top:1px solid #d8d8d8; box-sizing:border-box;}
.contents > .tb_view {margin-top:30px;}
.tb_view th {background:#f3f2eb url('../imgs/bg_th.png') repeat-x left bottom; border-bottom:1px solid #d8d8d8; padding:15px 0; font-weight:normal; position:relative;}
.tb_view th:after {content:""; width:100%; height:100%; position:absolute; left:0; top:0; border-top:2px solid #fff; box-sizing:border-box;}
.tb_view td {border-bottom:1px solid #d8d8d8; padding:15px 0 15px 20px; position:relative;}
.tb_view td input[type=text], .tb_view td textarea {width:calc(100% - 20px); height:38px;}
.tb_view td:last-child input[type=text], .tb_view td:last-child textarea {width:100%; height:38px;}
.tb_view td select {margin:-8px 0 -7px;}
.tb_view td.tb_area {padding:0 0 0 2px;}
.tb_view td.tb_area table {width:100%;}
.tb_view td.tb_area table tr:last-child th, .tb_view td.tb_area table tr:last-child td {border-bottom:0;}
.tb_view td.img_area, .tb_view td.poster {padding:20px;}
.tb_view td.img_area > .btn_down {position:absolute; right:20px; top:20px;}
.tb_view td.img_area ul, .tb_view td.poster ul {overflow:hidden;}
.tb_view td.poster ul {margin-top:20px; margin-left:-11px;}
.tb_view td.img_area ul li, .tb_view td.poster ul li {float:left; position:relative;}
.tb_view td.img_area ul li:first-child {width:100%;}
.tb_view td.img_area ul li:nth-of-type(1) ~ li {margin-top:20px;}
.tb_view td.img_area ul li:nth-of-type(2) ~ li, .tb_view td.poster ul li {margin-left:11px;}
.tb_view td.img_area ul li button, .tb_view td.poster ul li button  {margin:7px 0 0 -11px;}
.tb_view td.poster > div {font-size:.875rem; color:#8a8a8a;}
.tb_view td.poster > div a {margin-right:15px;}
.tb_view td.link input[type=text] {width:calc(100% - 70px); height:38px;}
.tb_view td.link ul {margin-top:15px;}
.tb_view td.link ul li + li {margin-top:8px; line-height:20px;}
.tb_view td.link ul li button {margin:-5px 0 0 10px; vertical-align:middle;}

/* Paging */

/*
Paging
*/
.paging_area {
	margin-top: 10px;
	text-align: center;
	font-size: 0;
	display: inline-block;
	width: calc(100% - 125px);
	margin: 15px auto 0;
	vertical-align: top;
}

.paging_area ul ,
.paging_area ul li {
	display: inline-block;
	width: auto;
	font-size: 0;
}

.paging_area ul li ~ li{
	margin-left: 3px;
}

.paging_area a {
	display: inline-block;
	color: #000;
	background-color: #eaeaea;
	font-size: .825rem;
	text-align: center;
	width: auto;
	min-width: 35px;
	height: 35px;
	line-height: 35px;
}

.paging_area a.on {
	background-color: #282828;
	color:#fff;
}

.paging_area a.first,
.paging_area a.prev, 
.paging_area a.next, 
.paging_area a.last {
    font-family: dotum;
    font-weight: 700;
}

.paging_area a.first,
.paging_area a.prev {margin-right:5px;}
.paging_area a.next, 
.paging_area a.last {margin-left:5px;;}

.paging_area a.first, .paging_area a.last {
    text-align: center;
    letter-spacing: -2px;
    text-indent: -2px;
}

.paging_area a:hover {
	background-color: #555;
	color: #fff;
}

.paging_area li.on {
	font-weight: bold;
	background-color: #000;
	color: #fff;
	font-size: 14px;
}

.paging_area .arrow {
	font-weight: bold
}

.paging_area .arrow.left {
	margin-right: 5px
}

.paging_area .arrow.right {
	margin-left: 5px
}
.paging_area + .btn_area {margin-top: 0;}
/* Contents */
.contents {position:relative;}
.contents h2 {font-size:1.5rem;font-family:'NotokrM';color:#000;margin:27px 0 0;padding:0 0 27px;border-bottom: 2px solid #333;}

.sch_box, .input_box {width:100%;text-align:left;font-size:.875rem;}
.sch_box tr:last-child th , .sch_box tr:last-child td , 
.input_box tr:last-child th , .input_box tr:last-child td {border-bottom:1px solid #aaa;border-collapse: collapse;}

.sch_box th {padding-right: 20px;}
.input_box th {padding-right: 25px;}

.ib_desc {display:inline-block;color:#955;font-size:.875rem;}
.input_box .ib_desc {vertical-align:middle;margin-left:30px;}
.bl_desc {display:block;color:#955;font-size:.875rem;}
.contents h2 .ib_desc {margin-left:10px;}

.form_desc {padding: 30px 0;}
.form_desc h3 {font-weight:bold;color:#333;margin-bottom: 10px;}
.form_desc + form .input_box {border-top:1px solid #666;}

.sch_box th, .input_box th {font-weight:normal;color:#000;border-bottom:1px solid #eaeaea;background-color: #f3f2eb;}
.sch_box td, .input_box td {border-bottom:1px solid #eaeaea;}
.sch_box th, .input_box th, .sch_box td, .input_box td {padding: 10px 15px;vertical-align: middle;}

.sch_box input[type=text], 
.input_box input[type=text], 
.input_box input[type=password],
.input_box textarea
{padding: 2px 5px;box-sizing: border-box;border-radius: 3px;}

.input_box td label {vertical-align: middle;cursor: pointer;}
.input_box td label + input {margin-left: 20px;}

.calendar > * {font-size:.875rem;}
.calendar input[type=text] {width:200px; height:38px;}
.calendar input[type=text], .sch_area input[type=text] {padding-right:37px;}
.calendar input[type=button], .sch_area input[type=button] {width: 37px;height: 37px;border:0;background: transparent url('../imgs/bg_cal.png') no-repeat center;margin-left: -40px;padding: 0;}
.calendar input + span {display: inline-block;vertical-align: top;height:38px;line-height: 38px;padding: 0 10px;}

.sch_area input[type=text] {width:100%;}
.sch_area input[type=button] {background:transparent url('../imgs/bg_sch.png') no-repeat left center;}

.tit_area {width:100%; position:relative; margin-top:30px;}
.tit_area > button {width:25px; height:25px; position:absolute; right:0; top:0; border-radius:100%; background:#fff000 url('../imgs/bg_btn.png') no-repeat center -28px;}
.tit_area > button.open {background:#f3f2eb url('../imgs/bg_btn.png') no-repeat center 9px;}
.view_area {padding-top:20px; position:relative;}
.view_area .tb_view {margin-top:0;}

.view_area + .tit_area {margin-top:45px;}

.password01 {width:460px; margin:0 auto; padding-top:150px;}
.password01 span {color:#000; font-size:.875rem; display:block; margin:0 0 15px;}
.password01 input {width:calc(100% - 112px); height:38px; margin-right:8px;}

.password02 {width:625px; margin:0 auto; padding-top:150px;}
.password02 > div + div {margin-top:20px;}
.password02 label {width:112px; color:#000; font-size:.875rem; display:inline-block;}
.password02 input {width:260px; height:38px; padding:0 10px;}
.password02 span {font-size:.75rem; margin-left:18px;}

.password02 + .btn_cen {padding-top:87px;}

.pass_term {width: 640px;margin:0 auto;padding-top:200px;}

.error {width:570px; padding:160px 0 0 200px;}
.error strong {display:block; font-size:2rem; color:#000; line-height:3.125rem; font-weight:normal; letter-spacing:-.04em; padding:0 0 30px;}
.error p {font-size:.875rem; color:#000; line-height:1.625rem; padding:35px 0 0;}
.error p + p {padding:10px 0 60px;}

.pop_login {width:600px; box-sizing:border-box;}
.pop_login h1 {width:100%; color:#8b8b8b; padding:20px 30px; box-sizing:border-box; background:#282828 url('../imgs/bg_login.png') no-repeat calc(100% - 30px) center;}
.pop_login > div {padding:50px 40px;}
.pop_login > div h2 {font-family:'NotokrM'; font-size:2.25rem; color:#000;}
.pop_login > div h2 + p {font-size:1rem; margin-top:60px;}
.pop_login .login_set {margin-top:20px;}
.pop_login .login_set label {display:inline-block; width:80px; padding-top:5px; vertical-align:middle;}
.pop_login .login_set input {display:inline-block; width:calc(100% - 84px); vertical-align:middle;}
.pop_login .login_set > input + label {margin:15px 0 0;}
.pop_login .login_set input:nth-of-type(2) {margin-top:15px;}
.pop_login .login_set > a {float:none; margin:40px auto 0;}

.preview {min-height:35px;}
.file_sch .preview {
    display: inline-block;
    vertical-align: top;
    height: 35px;
}
.preview li {display:inline-block;}
.preview p {position:relative;display: inline-block;overflow: hidden;border: 1px solid #ddb;min-width: 200px;}
.preview p ~ p {margin-left:5px;}
.preview p.image {width: 240px;height: 240px;text-align: center;}
.preview p.image img {
    display: inline-block;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
}

.preview p .download {
    padding: 5px 40px 5px 10px;
    box-sizing: border-box;
    vertical-align: middle;
    float: left;
    height: 100%;
    width: 100%;
    font-size: 12px;
}

.preview p.image .download {
    position: absolute;
    bottom: 0;
    left: 0;
    height: auto;
    width: 100%;
    padding: 5px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #fff;
}

.preview p.image .download:hover {color:#df0e0e;}

.btn_del_file {
	position:absolute;
	top: 5px;
	right: 4px;
	width: 24px;
	height: 24px;
	padding: 0;
	text-indent: -999px;
	background-color: #fff;
	border: 1px solid #282828;
	border-radius: 4px;
}
.btn_del_file:hover {background-color: #282828;border: 1px solid #282828;}
.btn_del_file:before ,
.btn_del_file:after{
	position: absolute;
    top: 50%;
    left: 6px;
    content: "";
    width: 50%;
    height: 1px;
    font-size: 15px;
    background-color: #000;
    z-index: 10;
}

.btn_del_file:before {
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}

.btn_del_file:after {
	transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
}

.btn_del_file:hover:before ,
.btn_del_file:hover:after {background-color:#fff}

.inTable {
	display: table;
	width: 100%;
	border-top: 1px solid #abc;
}

.inTable .left {
	text-align: left;
}

.inTable ol {
	display: table-column-group;
}

.inTable ol li {
	display: table-column;
}

.inTable dl {
	display: table-row;
	border-collapse: collapse;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #abc;
}

.inTable dl dt {
	background-color: #e7efef;
	font-weight: bold;
	padding:10px 15px;
}

.inTable dl dt, .inTable dl dd {
	display: table-cell;
	box-sizing: border-box;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #abc;
}

.inTable dl dd {
	position:relative;
	padding: 10px;
}

.inTable dl dd .file_sch {
	position: relative;
	top: 0px;
	left: 0;
	height:100%;
	/* text-align: center; */
}

.inTable input, .inTable textarea {
	resize: none;
}

.tb_type01 th .sort_desc ,
.tb_type01 th .sort_asc {
    width: 0px;
    height: 0px;
    margin-left: 5px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-indent: -999px;
    border: 5px solid transparent;
}

.tb_type01 th .sort_desc {
    margin-top: 3px;
	border-top-color: #777;
	border-top-width: 8px;
}

.tb_type01 th .sort_desc:hover {
	border-top-color: #000;
}

.tb_type01 th .sort_asc {
    margin-top: -8px;
    border-bottom-color: #777;
    border-bottom-width: 8px;
}

.tb_type01 th .sort_asc:hover {
	border-bottom-color: #000;
}

.input_box td span.desc01 {display: block;margin-top: 5px;color: #b53;}

.auth-layer {width:100%;font-size:0;display:none;padding:10px 20px 30px !important;box-sizing: border-box;}
.auth-layer .auth-area {font-size: 14px;border-bottom:1px solid #aeaeae;padding:10px 0;text-align: center;}

.auth-layer .auth-area label + input {margin-left:6.25%;}


.auth-layer .menu-area .depth2 {font-size: 14px;border-bottom:1px solid #aeaeae;}
.auth-layer .menu-area .depth2 > a ,
.auth-layer .menu-area .depth2 > ul , 
.auth-layer .menu-area .depth2 > ul > li {display:inline-block;vertical-align: top;}

.auth-layer .menu-area .depth2 > a ,
.auth-layer .menu-area .depth2 > ul {padding:10px 0;}

.auth-layer .menu-area .depth2 > a {width: 110px;margin-right:20px;}
.auth-layer .menu-area .depth2 > ul {width: calc(100% - 150px);}
.auth-layer .menu-area .depth2 > ul > li {min-width: 150px;/* padding: 10px 0; */}

.auth-layer .button-area {padding-top:10px;text-align:center;}
.auth-layer .button-area > * ~ * {margin-left:5px;}

.ui-widget-overlay.ui-front {background-color:#000;opacity: .75;filter:alpha(opacity=75);}

.input_box .hash-wrap {position:relative;display: inline-block;vertical-align: middle;}
.input_box .hash-wrap ~ .hash-wrap {margin-left:5px;}
.input_box .hash-wrap input {width:150px;padding-left:14px;padding-right: 31px;box-sizing:border-box;}
.input_box .hash-wrap:before {content:"#";position:absolute;top: 6px;left: 6px;display:inline-block;vertical-align:middle;}

.period_input li {position:relative;display:inline-block;}
.period_input input + button {
    position: absolute;
    top: 4px;
    right: 8px;
    width: 23px;
    height: 23px;
    padding: 0;
    text-indent: -9999px;
    background-color: #fff;
    border: 1px solid #282828;
    border-radius: 4px;
}

.period_input button:hover {background-color: #282828;border: 1px solid #282828;}
.period_input button:before ,
.period_input button:after{
	position: absolute;
	top: 49%;
	left: 6px;
	content: "";
	width: 50%;
	height: 1px;
	font-size: 15px;
	background-color: #000;
	z-index: 10;
}

.period_input button:before {
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}

.period_input button:after {
	transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
}

.period_input button:hover:before,
.period_input button:hover:after {background-color:#fff;}

.dragHandle, .dragHandle input {cursor:n-resize;}
.tDnD_whileDrag td {background-color: #dde !important;}

input::-webkit-input-placeholder, 
input:-ms-input-placeholder,
textarea::-webkit-input-placeholder,
textarea:-ms-input-placeholder ,
input::placeholder,
textarea::placeholder {
	color: #ddd;
}

@media only screen and (max-width:1024px) {
	#wrap {padding-left:50px;min-width: 100%;}
	#wrap header {width:50px;}
	#wrap .nav.mobile-nav {display:block;}
	#wrap .container {width:100%; height:100%; vertical-align:top; padding:0 35px; box-sizing:border-box;}
	#wrap .gnb  {left:-200px;transition: left .3s;}
	#wrap .gnb.on  {left:50px;}
	
	.paging_area a {width: 30px;height: 30px;min-width: auto;line-height: 30px;}
}