@charset "utf-8";
/* 로그인 */
#st-login .panel-signin {
	max-width: 380px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	border: 1px solid #ddd;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
#st-login .panel-signin > .panel-heading {
	color: #555;
	font-size: 150%;
	background-color: #f5f5f5;
	border-color: #ddd;
}
#st-login .panel-signin .input-group { margin-top: 15px; }
#st-login .panel-signin .form-control { border-radius: 0; }
#st-login .panel-signin .input-group-addon {
	color: #999;
	background-color: #fff;
	border-radius: 0;
}
#st-login .panel-signin .login-option {
	margin: 5px 0 10px;
}
#st-login .panel-signin .alert {
	margin-bottom: 10px;
}
#st-login .panel-signin .alert .close {
	position: relative;
	top: -10px;
}
#st-login .panel-signin .loginbox { text-align:right; }


/* 회원가입 */
#st-join .policy-box textarea {
	min-height: 200px; width:100%;
	background-color: #fff; border: 1px solid #d7d7d7;     box-shadow:none;
	border-radius: 0;
	resize: vertical;
}
#st-join .agree-box {
	text-align: right;
	margin: 15px 0 25px;
}


/* 마이페이지 */
#st-mypage .page-header > .title { padding-top: 5px; }
#st-mypage ul.page-desc > li { margin-bottom: 5px; }
#st-mypage .mb_icon { position: relative; top: -2px; }
#st-mypage .table { border-bottom: #999 solid 2px; margin-bottom: 10px; }
#st-mypage .table caption { display: none; }
#st-mypage .table th { text-align: center; min-height: 40px; border-top: 2px solid #999; border-bottom: 1px solid #999; background: #fcfcfc; font-weight: bold; color: #777; padding: 10px 5px; }
#st-mypage .table th.chk { width: 35px; }
#st-mypage .table th.group { width: 100px; }
#st-mypage .table th.board { width: 100px; }
#st-mypage .table th.sbj { text-align: left; }
#st-mypage .table th.name { width: 90px; }
#st-mypage .table th.date { width: 70px; }
#st-mypage .table tr:hover { cursor: pointer; }
#st-mypage .table tr.notice td { background: #f5f6fa; }
#st-mypage .table tr.notice a { font-weight: bold; }
#st-mypage .table td { text-align: center; vertical-align: middle; min-height: 45px; color: #777; padding: 12px 5px; }
#st-mypage .table td a { color: #333; line-height: 150%; }
#st-mypage .table td.sbj { text-align: left; }
#st-mypage .table td.sbj .cat { display: inline-block; margin: 0 3px 0 0; padding: 0 6px 0 0; border-right: 1px solid #e7f1ed; color: #999 !important; font-weight: bold; text-decoration: none; }
#st-mypage .table td.sbj .label { font-size: 85%; position: relative; top: -2px; }
#st-mypage .table td.sbj .label .fa { position: relative; top: 1px; }
#st-mypage .table td.sbj .new { color: #e8180c; font-weight: bold; }
#st-mypage .table td.sbj .comment { color: #e8180c; font-weight: bold; }
#st-mypage .table td.sbj .icon { padding: 0 3px; }
#st-mypage .table td.sbj .icon-hot { color: #e8180c; }
#st-mypage .table td.sbj .desc { color: #999; font-size: 95%; padding-top: 5px; }
#st-mypage .table td.sbj .desc .dropdown { display: inline-block; }
#st-mypage .table td.sbj .desc .dropdown a { color: #999; text-decoration: none; }
#st-mypage .table td.sbj .desc .dropdown-menu li a { color: #333; font-weight: normal; }
#st-mypage .table td.sbj img { margin-right: 5px; }
#st-mypage .table td .current { color: #e8180c; }
#st-mypage .table td .name { width: 90px; line-height: 24px; }
#st-mypage .table td .mb_icon { position: relative; top: -2px; margin-right: 0 !important; }
#st-mypage .table td .dropdown a { color: #777; font-weight: normal; text-decoration: none; }
#st-mypage .table td .dropdown .mb_menu li a { color: #333; font-weight: normal; }
#st-mypage .pages { text-align: center; padding: 0 0 15px; }
#st-mypage .pages .btn { margin-bottom: 10px; }
#st-mypage .pages .btn-current { color: #e8180c; }

#st-mypage .table-striped { border-bottom: 1px solid #ddd; }
#st-mypage .table-striped td { text-align: left; }
#st-mypage .table-striped td.key { text-align: center; }


#st-confirm { max-width: 500px; margin: 0 auto; padding: 100px 0; }
#st-confirm .panel-password { margin: 10px 0; }
#st-confirm .panel-password .panel-heading { padding: 15px 15px 10px; }
#st-confirm .panel-password .panel-heading h4 { margin: 0; }
#st-confirm .panel-password .panel-body strong { display: block; }
#st-confirm .panel-password .panel-footer { text-align: right; padding: 10px 15px 5px; }
#st-confirm .panel-password .panel-footer .btn { margin-bottom: 5px; }


#st-popup { padding: 15px; }
#st-popup .form-group .desc { color: #777; font-size: 85%; padding-top: 5px; }
#st-popup .form-group textarea { width: 100%; min-height: 100px; resize: vertical; }
#st-popup .form-group #captcha_info { color: #777; font-size: 85%; letter-spacing: inherit; }

#st-popup.profile .table-info .key { width: 95px; padding: 5px 0; }



/* 페이지 공통 */
.st-mbr .must { color: #e8180c; }
.st-mbr .nav-tabs { margin-bottom: 10px; }
.st-mbr .table { border-bottom: 1px solid #ddd; }
.st-mbr .table p { margin-bottom: 5px; }
.st-mbr .table a:not(.btn) { color: #333; }
.st-mbr .table td { vertical-align: middle; }
.st-mbr .table .key { font-weight: bold; width: 175px; }
.st-mbr .table .key-xs-v { font-weight: bold; display: none; margin-bottom: 3px; }
.st-mbr .table .desc { color: #777; font-size: 90%; padding: 5px 0 0; }
.st-mbr .table .input-area-sm { width: 100%; min-height: 75px; resize: vertical; }
.st-mbr .table-bordered .date { width: 170px; }
.st-mbr .table-bordered .point { width: 150px; text-align: right; }
.st-mbr .table-bordered thead { background-color: #f5f5f5; }
.st-mbr .table-bordered tfoot { background-color: #f5f5f5; }
.st-mbr .table-bordered .num { width: 55px; }
.st-mbr .table-bordered .board { width: 180px; }
.st-mbr .table-bordered .mgr { width: 75px; text-align: center; }
.st-mbr .table-bordered .fa { position: relative; top: -1px; }
.st-mbr .mb_icon { position: relative; top: -2px; }
.st-mbr .submit-box {
	text-align: right;
	border-top: #dfdfdf dashed 1px;	
	padding: 10px 0;
	margin-bottom: 35px;
}

@media (min-width: 768px) {
    .st-mbr .table-responsive { overflow: visible; }
}
@media (max-width: 767px) {
	.st-mbr .table .key { font-weight: bold; width: 115px; }
    .st-mbr .table-responsive .dropdown-menu { position: static !important; }	
}
@media (max-width: 480px) {
	.st-mbr .table .key { display: none; }
	.st-mbr .table .key-xs-v { display: block; }	
}

.st-mbr #btnFoldWrap { display: none !important; } /* 다음주소검색 close 버튼 제거 */







h1, h2, h3, h4, h5, h6 {font-family:'나눔고딕',NanumGothic,'돋움',dotum,sans-serif; font-size:18px; font-weight:600; margin-top:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
#hd ul, nav ul, #ft ul {margin:0; padding:0; list-style:none;}
legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden;}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0; padding:0; font-family:'나눔고딕',NanumGothic,'돋움',dotum,sans-serif; font-size:13px; border: 1px solid #cdcdcd;} 
button {cursor:pointer}
textarea, select {font-family:'나눔고딕',NanumGothic,'돋움',dotum,sans-serif;  font-size:13px; border: 1px solid #cdcdcd;} 
select {display:inline-block; line-height:28px; height:28px; vertical-align:middle;  padding:0 0 0 2px;}
p {margin:0; padding:0; word-break:break-all;}
hr {display:none;}
pre {overflow-x:scroll; font-size:13px;}
a:link, a:visited {color:#000; text-decoration:none;}
a:hover, a:focus, a:active {color:crimson; text-decoration:none;}

input[type="text"] {line-height:2px; height:28px; padding:0 5px;}
input[type="password"] {line-height:28px; height:28px; padding:0 5px;}
input[type="radio"] {display:inline-block; line-height:28px; vertical-align:middle; }
input[type="button"] {display:inline-block; line-height:28px; height:28px; vertical-align:middle;  padding:0 10px; border:none; background:#555; color:#fff; font-size:12px;}
input[type="file"] {display:inline-block; line-height:28px; vertical-align:middle; font-family:'나눔고딕',NanumGothic,'돋움',dotum,sans-serif; border:none; background:#fff;}


.fl {float:left;}
.fr {float:right;}


.btns {margin-top:30px; text-align:center; }
.btns button {display: inline-block; color:#000; text-align:center;  background:#fff; border:1px solid #ccc; line-height: 40px; height: 40px; padding:0 20px; color: #666;}
.btns button.btnDarkgray {background: #333 !important; color:#fff !important; border: 1px solid #111 !important;}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0;
    font-weight: 600;
}

#content_inner {display:block; position:relative; overflow:hidden; clear:both; width:100%; margin:20px auto;}
.table_inner1 {display:block; position:relative; overflow:hidden; clear:both; margin:15px 0; border: 1px solid #d7d7d7; background:#f7f7f7;}
.table_inner1 ul {list-style-type:none; margin:0; padding:0;}
.table_inner1 ul li {position:relative; overflow:hidden; clear:both; border-bottom: 1px solid #cacaca;}
.table_inner1 ul li:last-child {border-bottom:none;} 

.table_inner1 ul li div.title {width:25%; float:left; display:block;  font-size:14px;}
.table_inner1 ul li div.cont {width:75%; float:right; background:#fff; }

.table_inner1 ul li div.title label {display:block;line-height:28px;  padding:10px 20px;}

.table_inner1 ul li div.input {line-height:28px; color:#666; padding:10px 20px; font-size: 14px;}
.table_inner1 ul li div.input label {display:inline-block; margin-right:18px; width:auto; }
.table_inner1 ul li div.input input {display:inline-block; vertical-align:middle;}
.table_inner1 ul li div.input span {margin-left:5px; color:#666; font-size: 13px;}
.table_inner1 ul li div.input span.two_line_block {display:block; }

.table_inner1 ul li div.colspan {padding:0;}
.table_inner1 ul li div.colspan .w50 {float:left; width:40%; padding:0;}
.table_inner1 ul li div.colspan .w50:last-child {float:right; width:55%; padding:0;} 
.table_inner1 ul li div.colspan .w50 ul li {border-left:1px solid #cacaca;}
.table_inner1 ul li div.rowspan {padding:0;}
.table_inner1 ul li div.rowspan ul li {line-height:28px; height:28px; padding:10px 20px;}


@media (max-width: 767px) {
	.table_inner1 ul li div.title {width:100%; float:none;  font-size:13px;}
	.table_inner1 ul li div.cont {width:100%; float:none; clear:left; }
	.table_inner1 ul li div.title label {line-height: 20px; padding: 8px 15px; margin-bottom: 0; }
	.table_inner1 ul li div.input {font-size: 13px; line-height: 20px; color: #666; padding: 12px 15px; }
	.table_inner1 ul li div.input span { margin-left:0; display:block; margin-top:5px;}
}