/*

	Style
	토크아크

*/


@import url("./base.css");


/*
	common
----------------------------------------------------------*/
html { min-height: 100%; }
body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 13px; letter-spacing: -1px; line-height: 1.5; color: #141414; }
a { color: inherit; }
img { width: 100%; max-width: 100%; }

/*
	header
----------------------------------------------------------*/
#header { text-indent: -999em; position: absolute; left: -999em; top: 0; }

/*
	contents
----------------------------------------------------------*/
/* article */
.article { overflow: hidden; }
/* button */
.btn_wrap { padding: 6px 8px; overflow: hidden; }
.btn { display: inline-block; padding: 3px 10px; min-width: 40px; text-align: center; border-radius: 3px; background: #42464a; border: 1px solid #42464a; color: #fff; }
.btn.white { background: #fff; border: 1px solid #42464a; color: #42464a; }



/* title */
.article h2 { padding: 3px 8px; font-size: 12px; background: #e7e7e7; color: #777; }

/* list */
.list { margin: 0; }
.list li { padding: 5px 8px; background-color: #fff; border: 1px solid #cacaca; border-width: 0 0 1px 0; }
.list li a { display: block; padding: 2px 0; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; position: relative; }

/* view */
.cont { padding: 5px 8px; min-height: 200px; border-bottom: 1px solid #cacaca; }

/* condition */
.cdt { display: inline-block; margin-right: 5px; padding: 4px 5px; min-width: 40px; text-align: center; font-size: 11px; line-height: 1; border: 1px solid #a6a6a6; border-radius: 3px; background: #b9b9b9; color: #fff; }

.se {font-size: 14px;padding:3px 3px;width: 30%;font-family: Nanum Gothic, Dotum, Gulim, Arial, AppleGothic, Sans-serif; }
/* tabs */
.tabs .ui-tabs-nav { border-bottom: 2px solid #B61111; overflow: hidden; }
.tabs .ui-tabs-nav li { width: 25%; text-align: center; float: left; }
.tabs .ui-tabs-nav li a { display: block; padding: 10px 0; background: #3b3535; color: #a49f9f; }
.tabs .ui-tabs-nav li.ui-tabs-active a { background: #B61111;color: #fff; }

.tabs .ui-tabs-nav li a,
.tabs .ui-tabs-nav li a { border-left: 1px solid #fff; position: relative; z-index: 0; }
.tabs .ui-tabs-nav li:first-child a,
.tabs .ui-tabs-nav li:first-child a { border-left: 0; }
.tabs .ui-tabs-nav li.ui-tabs-active a,
.tabs .ui-tabs-nav li.ui-tabs-active a { padding-right: 1px; border-color: #B61111; z-index: 1;  }
.tabs .ui-tabs-nav li.ui-tabs-active + li a,
.tabs .ui-tabs-nav li.ui-tabs-active + li a { border-left-color: #B61111;}

.tabs .tabs_cont { padding: 10px; min-height: 200px; border-bottom: 1px solid #cacaca; }

/* footer */
#footer { margin: 50px 0; }
#footer .copy { font-size: 12px; font-weight: bold; text-align: center; letter-spacing: -0.1px; }