@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
body { margin:0; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display:block; }
audio, canvas, progress, video { display:inline-block; vertical-align:baseline;}
audio:not([controls]) { display:none; height:0; }
[hidden], template { display:none; }
a { background-color:transparent; }
a:active, a:hover { outline:0; }
abbr[title] { border-bottom:1px dotted; }
b, strong { font-weight:bold; }
dfn { font-style:italic; }
h1 { font-size:2em; margin:0.67em 0; }
mark { background:#ff0; color:#000; }
small { font-size:80%; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
img { border:0; vertical-align:middle; }
svg:not(:root) { overflow:hidden; }
figure { margin:1em 40px; }
hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0; }
pre { overflow:auto; }
code, kbd, pre, samp { font-family:monospace, monospace; font-size:1em; }
button, input, optgroup, select, textarea { color:inherit; font:inherit; margin:0;}
button { overflow:visible; }
button, select { text-transform:none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled] { cursor:default; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
input { line-height:normal; }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height:auto; }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
fieldset { border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em; }
legend { border:0; padding:0; }
textarea { overflow:auto; }background:url('/image/mobile/') no-repeat left top
optgroup { font-weight:bold; }
table { border-collapse:collapse; border-spacing:0; }
td, th { padding:0; }
body { margin:0; padding:0; background:#fff url(/image/web/body-bg.png) no-repeat center top; overflow-y:scroll; }
body, input, textarea, button {
	font-family:"Apple SD Gothic Neo", "Malgun Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:13px; color:#767676; line-height:1.5;
}
hr { display:block; margin:15px 0; height:1px; border:none; background:#ddd; clear:both; }
a { color:#555; text-decoration:none; }
a:hover { text-decoration:none; }
small { font-size:85%; }
p { margin:25px 0; font-size:15px; letter-spacing:-0.9pt; }

dl, dt, dd, ul, ol, li { margin:0; padding:0; }
ul, ol, li { list-style:none; }

.blind { position:absolute; overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; }


/* Text */
.uix-text-lead { font-size:24px; font-weight:600; letter-spacing:-1pt; color:#383838; }
.uix-text-left { text-align:left; }
.uix-text-center { text-align:center; }
.uix-text-right { text-align:right; }
.uix-text-primary { color:#f37321; }
.uix-text-success { color:#00ce0c; }
.uix-text-error, .uix-text-red { color:#ce0005; }


/* Grid */
.uix-grid { margin-right:-7.5px; margin-left:-7.5px; }
.uix-grid:after { content:''; display:table; clear:both; }
.uix-grid.not-margin { margin-left:0; margin-right:0; }
.uix-grid.not-margin > * { padding:0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	position:relative; min-height:1px; padding-top:4px; padding-bottom:3px; padding-left:8px; padding-right:7px;
}
.uix-grid > .col-1, .uix-grid > .col-2, .uix-grid > .col-3, .uix-grid > .col-4, .uix-grid > .col-5, .uix-grid > .col-6, .uix-grid > .col-7, .uix-grid > .col-8, .uix-grid > .col-9, .uix-grid > .col-10, .uix-grid > .col-11, .uix-grid > .col-12 { float:left; }
.col-1 { width:8.33333%; }
.col-2 { width:16.66667%; }
.col-3 { width:25%; }
.col-4 { width:33.33333%; }
.col-5 { width:41.66667%; }
.col-6 { width:50%; }
.col-7 { width:58.33333%; }
.col-8 { width:66.66667%; }
.col-9 { width:75%; }
.col-10 { width:83.33333%; }
.col-11 { width:91.66667%; }
.col-12 { width:100%; }


/* Button */
.uix-button {
	position:relative;
	display:inline-block; padding:6px 30px; height:34px;
	white-space:nowrap; cursor:pointer; vertical-align:middle;
	margin-bottom:0; text-align:center;
	behavior:url( "/js/PIE.htc" ); border-radius:2px;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
	outline:0;
	font-size:13px; color:#333; border:1px solid #ccc; background:#f0f0f0;
}
.uix-button:hover { background:#f4f4f4; }
.uix-button:active, .uix-button.active { outline:0; box-shadow:inset 0 2px 5px rgba(0, 0, 0, 0.15); }
.uix-button.disabled, .uix-button[disabled] { box-shadow:none; filter:alpha(opacity=65); opacity:0.65; cursor:not-allowed; }
.uix-button.color-primary { background-color:#f37321; border-color:#f37321; color:#fff; }
.uix-button.color-primary:hover { background-color:#f18139; border-color:#f18139; }
.uix-button.color-gray { background-color:#36414c; border-color:#36414c; color:#fff; }
.uix-button.color-gray:hover { background-color:#48515b; border-color:#48515b; }
.uix-button.color-border-gray { background-color:transparent; border-color:#ccc; }
.uix-button.color-border-gray:active { box-shadow:0 0 0; background-color:whitesmoke; }
.uix-button.color-border-primary { background-color:transparent; border-color:#303030; color:#303030; }
.uix-button.color-border-primary:active { box-shadow:0 0 0; background-color:#f6f6f7; }
.uix-button.size-large { padding:9px 70px; height:50px; font-size:16px; font-weight:600; }
.uix-button.size-small { padding:0 5px; height:28px; line-height:26px; font-size:12px; text-align:center; }
.uix-button.block { display:block; width:100%; }
a.uix-button { text-decoration:none; }
button.uix-button.block { width:100%; }
.uix-button.color-blue { background-color:#0985d4; border-color:#0985d4; color:#fff; }
.uix-button.color-blue:hover { background-color:#2798df; border-color:#2798df; }


/* Table */
.uix-table { width:100%; border-bottom:1px solid #d2d2d0;}
.uix-table a { color:#333; }
.uix-table > caption { padding-top:8px; padding-bottom:8px; color:#333; text-align:left; }
.uix-table > thead > tr > th,
.uix-table > thead > tr td,
.uix-table > tbody > tr > th,
.uix-table > tbody > tr td {
	padding:10px 10px; line-height:1.42857142; vertical-align:middle;
}
.uix-table > tbody > tr > td {
	border-top:1px solid #d2d2d0;
	border-left:1px solid #d2d2d0;
	text-align:center;
	font-size:14px;
	padding-top:15px; padding-bottom:15px;
	color:#383838;
}
.uix-table > tbody > tr> td:first-child {border-left:none;}
.uix-table > tbody > tr> td.uix-text-left {text-align:left;}
.uix-table > tbody > tr> td.uix-text-right {text-align:right;}
.uix-table > thead > tr > th {
	border-top:1px solid #bfbfbf;
	padding-top:15px; padding-bottom:15px;
	vertical-align:bottom; border-bottom:none; background:#f0f0f0; color:#767676;
	font-size:15px;
}
.uix-table.color-dark > thead > tr > th {background:#303030;}
.uix-table.striped > tbody > tr:nth-child(even) > td {background:#f9f9f9;}
.uix-table.not-side-border > tbody > tr > td {border-left:none;}
.uix-table td.uix-text-left { text-align:left; }

.uix-table.table-1 { border-bottom:1px solid #e1e1e1; }
.uix-table.table-1 tr:first-child th,
.uix-table.table-1 tr:first-child td { border-top:1px solid #000; }
.uix-table.table-1 th { background:#bfbfbf; color:#fff; padding:12px 0; text-align:center; font-size:15px; border-bottom:1px solid #e1e1e1; }
.uix-table.table-1 td { background:#fff; color:#383838; padding:12px 22px; text-align:left; font-size:14px; }

.uix-table.table-insert-view { border-bottom:1px solid #e1e1e1; }
.uix-table.table-insert-view tr:first-child th,
.uix-table.table-insert-view tr:first-child td { border-top:1px solid #bfbfbf; }
.uix-table.table-insert-view th { background:#f0f0f0; color:#555; padding:12px 0; text-align:center; font-size:15px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.uix-table.table-insert-view td { background:#fff; color:#383838; padding:8px 22px; text-align:left; font-size:14px; }
.uix-table.table-insert-view td.cont { padding:22px 27px; min-height:300px; vertical-align:top; }

/* space */
.uix-space {height: 1px; background: none; margin: 15px 0;}


/* Form text */
.uix-form-text {
	display:inline-block; margin:0; padding:6px 10px;
	border:1px solid #bbb; position:relative; behavior:url( "/js/PIE.htc" ); border-radius:3px;
	line-height:1.428571429; height:34px;
	box-shadow:inset 0 2px 5px rgba(0, 0, 0, 0.075);
	background-color:#fff;
	font-size:13px; color:#333;
	outline:0; vertical-align:middle;
}
.uix-form-text::-ms-expand { border:0; background-color:transparent; }
.uix-form-text.block { display:block; width:100%; }
.uix-form-text.active, .uix-form-text:focus { border-color:#46535f; }
.uix-form-text[readonly] { background:#eee; }
.uix-form-text[disabled] { background:#eee; cursor:not-allowed; }
textarea.uix-form-text { height:auto; }
.uix-form-description { font-size:12px; margin:15px 0 8px; }
.uix-form-help { margin:3px 0 0; font-size:12px; color:#666; }
.uix-form-help.uix-text-error { color:#ce0005; }
.uix-form-check { position:relative; margin:0; display:block; font-size:15px; }
.uix-form-check > p { display:inline-block; vertical-align:middle; min-height:24px; padding-left:20px; margin:0; }
.uix-form-check > p > label { font-weight:normal; cursor:pointer; }
.uix-form-check > p > label > input[type=checkbox],
.uix-form-check > p > label > input[type=radio] {
	position:absolute; margin:6px 0 0 -20px; line-height:normal; cursor:pointer;
}
.uix-form-check > p + p { margin-left:10px; }
.uix-form-check > .disabled > label { cursor:not-allowed; color:#888; }
.uix-form-check > .disabled > label > input[type=checkbox],
.uix-form-check > .disabled > label > input[type=radio] {
	cursor:not-allowed;
}
.uix-form-check.block > p { display:block; margin-top:5px; margin-bottom:5px; vertical-align:inherit; }
.uix-form-check.block > p + p { margin-left:0; }
.uix-form-check.not-margin { margin:0; }


/* Form group */
.uix-form-group > label { font-size:13px; font-weight:bold; }
.uix-form-group.block > label { display:block; margin:0 0 5px; }
.uix-form-group.inline > label { display:inline-block; margin:0 5px 0 0; }
.uix-form-group.inline > * { display:inline-block; vertical-align:middle; }
.uix-form-group.inline > .uix-form-help { margin:0 0 0 5px; }


/* Paginate */
.uix-paginate { margin:30px 0; text-align:center; font-size:0; }
.uix-paginate a, .uix-paginate strong {
	display:inline-block; margin:0 3px; padding:1px 9px;
	font-size:16px; color:#333; font-family:Verdana, sans-serif;
}
.uix-paginate a { text-decoration:none; font-family:"nanumgothic"; }
.uix-paginate .dir { font-weight:bold; color:#b8b8b8; color:#555; }
.uix-paginate a, .uix-paginate strong { margin:0 4px; padding:3px 10px; font-size:15px; color:#6c6c6c; background:#fff; border:1px solid #d8d8d8; }
.uix-paginate strong { font-weight:600; background:#f37321; color:#fff; font-family:"nanumgothic"; }


/* Paginate2 */
.board_page { margin:30px 0; text-align:center; font-size:0; }
.board_page a, .board_page strong {
	display:inline-block; margin:0 3px; padding:1px 9px;
	font-size:16px; color:#333; font-family:Verdana, sans-serif;
}
.board_page a { text-decoration:none; font-family:"nanumgothic"; }
.board_page .dir { font-weight:bold; color:#b8b8b8; color:#555; }
.board_page a, .board_page b { margin:0 4px; padding:3px 10px; font-size:15px; color:#6c6c6c; background:#fff; border:1px solid #d8d8d8; }
.board_page b { font-weight:600; background:#f37321; color:#fff; font-family:"nanumgothic"; padding:6px 11px;}


/* Buttons group */
.uix-btn-group { margin:30px 0; text-align:center; }
.uix-btn-group.uix-text-right { text-align:right; }


/* Register form */
.uix-register-head { margin:5px 0 5px; font-size:16px; font-weight:bold; }
.uix-register > dl {
	display:table; width:100%; margin:0;
	border-top:1px solid #d2d2d0;
}
.uix-register > dl:first-child { border-top:none; }
.uix-register > dl > * { display:table-cell; vertical-align:middle; padding:8px 10px; }
.uix-register > dl > dt { width:20%; padding-left:15px; border-right:1px solid #d2d2d0; }
.uix-register > dl > dd { width:80%; }
.uix-register > dl.column-2 > dd {width:30%;}
.uix-register > dl.column-2 > dt {border-left:1px solid #d2d2d0;}
.uix-register > dl.column-2 > dt:first-child {border-left:none;}
.uix-register > dl > dd > p {margin:8px 0 0;}
.uix-register > dl > dd > p.uix-form-help {margin-top:5px;}
.uix-register > dl > dd > *:first-child {margin-top:0;}
.uix-register > dl > dd hr {margin:8px 0; background:#d2d2d0;}
.uix-register .file {font-size:0;}
.uix-register .file > * {display:inline-block; vertical-align:middle;}
.uix-register .file > span {font-size:13px;}
.uix-register .file > a {
	margin-left:5px; margin-top:2px; padding:3px;
	border:1px solid #a5a5a5;
}


/* Box style */
.uix-box { padding:20px 15px; display:block; margin:0 auto; }
.uix-box > .uix-btn-group { margin-bottom:15px; }
.uix-box.bg-lightgray { background:#f5f5f5; }
.uix-box.round { position:relative; behavior:url( "/js/PIE.htc" ); border-radius:5px; }


/* Not style element */
fieldset.uix-not-style { margin:0; padding:0; border:none; }
ul.uix-not-style { margin:0; padding:0; list-style:none; }
figure.uix-not-style { margin:0; }


/* Brackets */
.uix-brackets:before { content:'['; }
.uix-brackets:after { content:']'; }
.uix-brackets.small:before { content:'('; }
.uix-brackets.small:after { content:')'; }
.uix-brackets.quots:before { content:'"'; }
.uix-brackets.quots:after { content:'"'; }
.uix-brackets.small-quots:before { content:"'"; }
.uix-brackets.small-quots:after { content:"'"; }


/* Tab contents controller */
.comp-tab-contents { margin:15px 0; }
.comp-tab-contents > nav.uix-grid > * { padding-left:1px; }
.comp-tab-contents > nav.uix-grid > *:first-child { padding-left:0; }
.comp-tab-contents > nav.uix-grid button { position:relative; behavior:url( "/js/PIE.htc" ); border-radius:0; }
.comp-tab-contents > nav.uix-grid button.active { box-shadow:0 0 0; background:#666; color:#fff; cursor:default; }
.comp-tab-contents .bodies { margin:10px 0 0; }
.comp-tab-contents .bodies > * { display:none; }
.comp-tab-contents .bodies > *.active { display:block; }
.comp-tab-contents .bodies > div { padding:0 15px 15px; }
.comp-tab-contents .bodies > div.not-padding { padding:0; }


/* Main */
#main { padding:0; width:100%; background:url(/image/web/footer-bg.png) repeat-x left bottom; }
#main > header { position:relative; padding:0; width:1000px; height:139px; margin:0 auto; }
#main > footer { position:relative; width:1000px; height:150px; margin:0 auto; }
#main > header h1 { position:absolute; top:55px; left:0; margin:0; }
#main > header .unb { position:absolute; top:5px; right:0; overflow:hidden; color:#ffa46a; }
#main > header .unb a { display:inline-block; color:#fff; padding:0 8px; }
#main > header .unb a:hover { color:#fdcd65; }
#main > header .gnb { position:absolute; top:75px; right:0; overflow:hidden; font-size:18px; color:#d6d6d6; font-weight:400; }
#main > header .gnb a { display:inline-block; padding:0 20px; font-size:18px; font-weight:600; }
#main > header .gnb a:hover { color:#f37321; }
#main > footer .fnb { position:absolute; top:28px; left:0; color:#ccc; text-align:center; width:100%; font-size:14px; }
#main > footer .fnb a { display:inline-block; padding:0 5px; color:#555; font-size:14px; }
#main > footer .copyright { position:absolute; bottom:45px; left:0; width:100%; line-height:22px; text-align:center; color:#979b9e; }
#main > footer .copyright span { display:inline-block; padding:0 5px; }

/* Container */
.container {  position:relative; width:100%; }
.container > .content { width:1000px; margin:40px auto; min-height:550px; }


/* Page */
.uix-page {padding:15px 15px; background:#fff;}
.uix-page.bgcolor { background:#f5f5f5; border:1px solid #c9c9c9; padding:30px; margin:60px 0 0;}
.uix-page.not-padding {padding:0; background:#fff;}
.uix-page-headding { position:relative; margin:0 0 40px 0; padding:5px 0 40px; background:url('/image/web/uix-page-headding-bg.png') no-repeat left bottom; }
.uix-page-headding > h1 { margin:0; font-size:30px; color:#333; }
.uix-page-headding > p { margin:0; font-size:12px; color:#666; }
.uix-page-headding .txt { font-size:15px; font-weight:600; color:#979797; line-height:18px; margin:5px 0 0; letter-spacing:-0.8pt;}
.uix-page-headding .navi { position:absolute; top:15px; right:0; font-family:"nanumgothic"; }
.uix-page-headding .navi span { display:inline-block; padding:0 5px; }
.uix-page-headding .submenu { position:absolute; top:47px; right:0; border:1px solid #383838; overflow:hidden; border-radius:5px; letter-spacing:-1pt; }
.uix-page-headding .submenu a { display:inline-block; float:left; width:112px; height:40px; line-height:38px; text-align:center; font-size:14px; border-right:1px solid #383838; font-weight:600; color:#36414c; letter-spacing:-0.5pt; }
.uix-page-headding .submenu a.on,.uix-page-headding .submenu a:hover { background:#36414c; color:#fff; }
.uix-page-headding .submenu li:last-child a { border-right:0; }
.uix-page-headding.underline { background:none; border-bottom:1px solid #ccc; padding-bottom:18px; }
.uix-page-headding.underline > h1 { font-size:27px; font-weight:400; }


/* Board view */
.board-view header h1 { margin:0 0 5px; padding:12px 20px; background:#303030; font-size:14px; color:#fff; }
.board-view header .meta { padding:8px 20px; font-size:0; background:#f9f9f9; border-bottom:1px solid #e7e7e7; }
.board-view header .meta p { display:inline-block; margin:0 8px; font-size:12px; color:#666; vertical-align:middle; }
.board-view header .meta p span { font-weight:bold; color:#272727; padding-right:10px; }
.board-view header .meta p em { font-style:normal; }
.board-view header .meta p:first-child { margin-left:0; }
.board-view .body { padding:20px 20px 40px; line-height:1.8; background:#fff; }
.board-view .body img { max-width:100%; }
.board-view .body figure { margin:15px 0; }
.board-view .body figure img { display:block; margin:0 auto; }
.board-view .answer header h1 {
	padding-top:8px; padding-bottom:8px;
	background:#fff;
	border-top:1px solid #6a6a6a;
	border-bottom:1px solid #6a6a6a;
	color:#333; font-size:15px;
}
.board-view .answer header h1 > * {display:inline-block; vertical-align:middle;}
.board-view .answer header h1 i {margin-right:5px;}
.board-view .answer header h1 span {font-size:15px;}


/* Board form */
.board-form fieldset { margin:0; padding:0; border:none; }
.board-form fieldset dl { display:table; width:100%; margin:0; border:0 solid #ddd; border-bottom-width:1px; }
.board-form fieldset dl > dt,
.board-form fieldset dl > dd { margin:0; padding:8px 10px; display:table-cell; vertical-align:middle; }
.board-form fieldset dl > dt { width:120px; padding-left:15px; font-weight:bold; background:#f3f3f3; }
.board-form fieldset dl.first { border-top-width:1px; }
.board-form fieldset .description { margin:0 0 8px; font-size:13px; }


/* Terms */
.terms-markup { font-size:12px; }
.terms-markup h2 { margin-top:30px; margin-bottom:10px; }
.terms-markup h3 { margin-top:25px; margin-bottom:10px; }
.terms-markup p { margin:15px 0; }
.terms-markup ul, .terms-markup ol { margin:15px 0; padding-left:24px; line-height:1.6; }
.terms-markup ul li, .terms-markup ol li { margin:8px 0; }
.terms-text {
	margin:15px 0; padding:20px;
	font-size:13px; word-break:break-all; white-space:pre-line;
	border:1px solid #ccc;
	background:#fff;
	line-height:1.6;
}


/* Member box */
.member-box {
	display:block; max-width:450px;
	margin:50px auto; padding:20px 30px;
	font-size:16px;
}
.member-box figure img {display:block; margin:0 auto;}
.member-box .message {font-size:16px; color:#000; }
.member-box .uix-btn-group {
	margin-top:0; margin-bottom:0; padding-top:30px;
}
.member-box .btn-login { width:100%; margin-top:25px; }
.member-box .btn-etc { text-align:center; margin:20px 0 0;}
.member-box .btn-etc a { width:auto; margin:0 5px; border:0; background:none; color:#555; font-size:15px; border-bottom:1px solid #ccc; padding-bottom:1px; border-radius:0; }


/* Login */
.login { margin:60px auto 60px; padding:0; max-width:405px; }
.login fieldset { position:relative; margin:0 auto 20px; padding:0; border:none; max-width:100%; }
.login .head {
	margin:0 0 30px; padding:0 0 10px;
	font-family:"Helvetica Neue", Verdana, sans-serif; font-size:26px; color:#545454; font-weight:bold;
	border-bottom:1px solid #000; letter-spacing:-1px;
}
.login dl { display:table; width:100%; margin:0; font-size:15px; }
.login dl > dt, .login dl > dd { padding:0; float:none; vertical-align:middle; display:table-cell; }
.login dl > dt { width:90px; }
.login .btn-login { width:100%; margin-top:20px; }
.login .btn-login button { padding:0; text-align:center; }
.login .btn-etc { text-align:center; }
.login .btn-etc a { width:auto; margin:0 5px; border:0; background:none; color:#555; font-size:15px; border-bottom:1px solid #ccc; padding-bottom:1px; border-radius:0; }


/* Join - confirm */
.join-confirm fieldset { border:none; margin:0 0 30px; padding:0; }
.join-confirm fieldset legend { display:block; margin:0 0 8px; font-size:14px; font-weight:bold; color:#555; }
.join-confirm fieldset textarea { width:100%; margin:0; padding:10px; background:#fff; border:1px solid #ccc; outline:0; }
.join-confirm fieldset .check { margin:0; }
.join-confirm .check-all { margin:0 0 50px; }


/* Join - form */
.join-form fieldset { margin:30px 0; border:none; padding:0; }
.join-form fieldset legend { padding:0 0 10px 0; font-size:16px; font-weight:bold; }


/* Join - result */
.join-result figure {margin-bottom:10px;}
.join-result .body p {margin:5px 0; font-size:16px; color:#333;}
.join-result .body .uix-text-lead {font-size:24px; font-weight:bold; color:#555;}


/* Sprite icons */
.sp-ico { background:transparent url("/image/web/sp-ico@1x.png") no-repeat; background-size:300px 200px; }
.sp-ico { display:inline-block; text-indent:-9999px; text-align:left; overflow:hidden; }
.sp-ico.abs { position:absolute; left:50%; top:50%; vertical-align:top; }

.ico-check2 { width:12px; height:10px; background-position:-286px -44px; }
.ico-cross4 { width:9px; height:9px; background-position:-286px -64px; }
.ico-circle-pen {width:25px; height:25px; background-position:0 -130px;}


/* State */
.uix-state {
	display:inline-block; margin:0; padding:4px 8px;
	border:1px solid #696969; position:relative; behavior:url( "/js/PIE.htc" ); border-radius:2px;
	font-size:0;
}
.uix-state > * {display:inline-block; vertical-align:middle;}
.uix-state > i {margin-right:3px;}
.uix-state > span {margin-top:-1px; font-size:12px; letter-spacing:-1px;}


/* mypage_area */
.mypage_area { background:#fff; padding:0; }
.mypage_area .top {padding:20px 0 20px 60px; background:url('/image/web/icon_local.gif') no-repeat 10px center; font-size:15px; line-height:24px; color:#333; }
.mypage_area .tb_insert { width:100%; border-top:1px solid #ccc; background:#fff; }
.mypage_area .tb_insert th { background:#fbfbfb; text-align:center; border-bottom:1px solid #ddd; padding:15px 0; vertical-align:top; color:#000; }
.mypage_area .tb_insert td { background:#fff; text-align:left; padding:12px 20px; border-bottom:1px solid #ddd; }
.mypage_area .tb_insert td input[type=text], .tb_insert td input[type=password] { width:100%; height:30px; }
.mypage_area .tb_insert td textarea { width:100%; height:307px; }
.mypage_area .tb_insert select { width:40%; margin-right:7px; background:#fff; border:1px solid #ccc; height:34px; padding-left:10px; }
.mypage_area .tb_insert th { font-weight:600; background:#f4f4f4 }


.greeting { padding-right:277px; background:url('/image/web/greeting-bg.png') no-repeat right top; }


.text-help { padding:15px; background:#f0f0f0; }
.text-help li { background:url('/image/web/text-help-li.png') no-repeat left center; padding-left:12px; font-size:14px; }

i.icon { display:inline-block; vertical-align:middle; margin:0 5px 0 0;}
i.icon.secret { width:10px; height:12px; background:url('/image/web/icon-secret.png') no-repeat left top; }
i.icon.folder { width:18px; height:14px; background:url('/image/web/icon-folder.png') no-repeat left top; }
i.icon.addr { width:34px; height:35px; background:url('/image/web/icon-addr.png') no-repeat left top; }
i.icon.tel { width:34px; height:35px; background:url('/image/web/icon-tel.png') no-repeat left top; }
i.icon.email { width:34px; height:35px; background:url('/image/web/icon-email.png') no-repeat left top; }


.date-box { display:inline-block; border:1px solid #bbb; border-radius:5px; behavior:url( "/js/PIE.htc" ); padding:0 10px 0 0; }
.date-box input { border:0; height:33px; padding:2px 10px; border-radius:5px; behavior:url( "/js/PIE.htc" ); vertical-align:middle; }
.date-box .img { vertical-align:middle; }


/* sitemap */
.sitemap { overflow:hidden; }
.sitemap dl { float:left; width:216px; height:256px; margin:0 45px 30px 0; }
.sitemap dl:nth-child(4n) { margin-right:0; }
.sitemap dt { font-size:25px; font-weight:600; color:#f37321; border-bottom:3px solid #f37321; padding:10px; }
.sitemap dd { padding:15px; border-bottom:1px solid #bbb; }
.sitemap li { background:url('/image/web/text-help-li.png') no-repeat left center; padding-left:14px; font-size:14px; line-height:30px; }


/* location */
.location .box { overflow:hidden; background:#f0f0f0; padding:15px 0; font-size:15px; margin:20px 0 0;}
.location .box dl { float:left; overflow:hidden; }
.location .box dt { float:left; padding-left:35px; text-align:right; font-weight:600; color:#f37321; }
.location .box dd { float:left; padding-left:10px; color:#333; }


/* bus-subway */
.bus-subway { overflow:hidden; margin:22px 0 0; }
.bus-subway dt { font-size:16px; font-weight:600; color:#000; }
.bus-subway dd { padding-left:98px; margin:15px 0 0; height:100px; }
.bus-subway th { vertical-align:top; color:#333; text-align:left; width:80px; }
.bus-subway .bus { float:left; width:49%; height:140px; border-right:1px solid #ccc; margin:0 30px 0 0; background:url('/image/web/icon-bus.png') no-repeat left 35px; }
.bus-subway .subway { float:left; background:url('/image/web/icon-subway.png') no-repeat left 35px; }


/* item-list */
.item-list { overflow:hidden; }
.item-list p { margin:0; }
.item-list li { float:left; text-align:center; width:236px; height:270px; margin:0 18px 19px 0; }
.item-list li:nth-child(4n) { margin:0 0 19px 0; }
.item-list li .img { position:relative; width:236px; height:157px; border:1px solid #ccc; }
.item-list li .img img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:234px; max-height:155px; }
.item-list li .subject { display:block; width:234px; height:50px; overflow:hidden; text-overflow:ellipsis; margin:20px 0 5px; font-size:16px; color:#231f20; }
.item-list li .date-hit { font-size:14px; color:#888; }


/* moral */
.moral dl { padding:40px 50px 40px 154px; border-bottom:1px solid #ccc; }
.moral dt { font-size:22px; font-weight:600; color:#f37321; margin:0 0 10px; }
.moral dd { font-size:16px; }
.moral dl:nth-of-type(1) { background:url('/image/web/moral-1.png') no-repeat left center; }
.moral dl:nth-of-type(2) { background:url('/image/web/moral-2.png') no-repeat left center; }
.moral dl:nth-of-type(3) { background:url('/image/web/moral-3.png') no-repeat left center; }
.moral dl:nth-of-type(4) { background:url('/image/web/moral-4.png') no-repeat left center; }
.moral dl:nth-of-type(5) { background:url('/image/web/moral-5.png') no-repeat left center; }
.moral dl:nth-of-type(6) { background:url('/image/web/moral-6.png') no-repeat left center; }


/* package */
.package h2 { color:#383838; font-size:24px; line-height:24px; border-left:4px solid #f37321; padding:0 0 0 7px; margin:50px 0 15px; }
.package .ul-1 li { background:url('/image/web/text-help-li.png') no-repeat left center; padding-left:14px; font-size:16px; font-weight:600; line-height:30px; color:#464646; }
.package .ul-1 li span { color:#f37321; }

.package .ul-2 { overflow:hidden; margin:10px 0 50px;}
.package .ul-2 li { float:left; width:242px; margin:0 10px 0 0; }
.package .ul-2 li:nth-of-type(4) { margin:0; }
.package .ul-2 .img { border:1px solid #ccc; width:242px; }
.package .ul-2 .img img { width:100%; }
.package .ul-2 p { margin:10px 0; }
.package .ul-2 .title { background:url('/image/web/text-help-li.png') no-repeat left 8px; font-size:15px; font-weight:600; line-height:22px; color:#464646; padding:0 5px 0 14px; letter-spacing:-0.8pt; }
.package .ul-2 .title span { color:#f37321; }

.package dl { font-size:16px; font-weight:600; color:#464646; overflow:hidden; border:1px solid #ccc; padding:15px 0; margin:0 0 17px;}
.package dt { float:left; width:220px; height:120px; border-right:1px solid #ddd; text-indent:-5000px; }
.package dd { float:left; width:752px; padding:42px 0 42px 28px; font-size:16px; letter-spacing:-0.5pt; }
.package dd span { color:#f37321; }
.package dl:nth-of-type(1) dt { background:url('/image/web/package-logo-1.png') no-repeat center center; }
.package dl:nth-of-type(2) dt { background:url('/image/web/package-logo-2.png') no-repeat center center; }


/* ul-pv */
.ul-pv li { overflow:hidden; margin:0 0 30px;}
.ul-pv li .img { float:left; margin:0; width:210px; text-align:left; }
.ul-pv.module li .img { text-align:center; padding:0 10px; }
.ul-pv li .h2-table { float:left; width:790px; }
.ul-pv li .h2-table h2 { color:#383838; font-size:24px; line-height:24px; border-left:4px solid #f37321; padding:0 0 0 7px; margin:0 0 15px; }
.ul-pv li .uix-button { width:140px; line-height:20px; }


/* module */
.module .box { background:#f4f4f4; color:#333; padding:20px 30px 10px; font-size:14px; }
.module .box b { font-size:16px; display:block; }
.module .box p { margin:0 0 20px; }


/* sliderkit */
.sliderkit{display:none;position:relative;overflow:hidden;text-align:left;}
.sliderkit .sliderkit-nav{z-index:10;text-align:center; }
.sliderkit .sliderkit-nav-clip{position:relative;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul{position:relative;list-style:none;margin:0;padding:0;display:inline-block;}
.sliderkit .sliderkit-nav-clip ul li{float:left;}
.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}
.sliderkit .sliderkit-btn{z-index:10;}
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}
.sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;}
.sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;}
.sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}
.sliderkit .sliderkit-count{position:absolute;top:5px;right:5px;z-index:10;padding:5px;color:#fff; }
.sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;}
.contentslider-std{position:absolute; top:0; left:50%; margin-left:-800px; width:1600px;height:500px; }
.contentslider-std .sliderkit-nav{position:relative;width:980px;height:15px;text-align:left;margin:-120px 0 0 900px;}
.contentslider-std .sliderkit-nav-clip{margin:0;}
.contentslider-std .sliderkit-nav-clip li{display:inline-block; float:left;height:10px;padding:0;margin:0 8px 0 0;}
.contentslider-std .sliderkit-nav-clip li a{height:24px; width:100px; }
.contentslider-std .sliderkit-nav-clip li.sliderkit-selected a{background:#000;}
.contentslider-std .sliderkit-panels{height:822px;overflow:hidden;padding:0; }
.contentslider-std .sliderkit-panel{width:1920px;height:822px;overflow:hidden;padding:0; }
.contentslider-std .sliderkit-go-btn{position:absolute;top:45%;left:50%; z-index:10;}
.contentslider-std .sliderkit-go-prev{margin-left:-40%; }
.contentslider-std .sliderkit-go-next{ margin-left:40%; }
.contentslider-std .sliderkit-go-prev a{display:block; width:34px;height:54px; background:url("/image/web/r-prev.png") no-repeat left top;}
.contentslider-std .sliderkit-go-next a{display:block; width:34px;height:54px; background:url("/image/web/r-next.png") no-repeat left top;}

.main-link .link { overflow:hidden; width:1000px; margin:50px auto 0; padding:0; }
.main-link .link li { float:left; width:237px; height:221px; border-radius:5px; behavior:url( "/../js/PIE.htc" ); margin:0 10px 0 0; padding:10px 20px; }
.main-link .link li p { margin:0; }
.main-link .link .title { position:relative; color:#fff; font-weight:600; }
.main-link .link .title .plus { display:inline-block; position:absolute; top:-13px; right:-5px; font-size:26px; color:#fff; -moz-opacity:0.7; opacity:.70; filter:alpha(opacity=70); }
.main-link .link dl { color:#fff; margin:100px 0 0; }
.main-link .link dt { font-size:20px; font-weight:600; }
.main-link .link dd { line-height:16px; }
.main-link .link li.news { background:#f37321 url('/image/web/main-link-img-1.png') no-repeat center 33px; }
.main-link .link li.estimate { background:#0985d4 url('/image/web/main-link-img-2.png') no-repeat center 33px;}
.main-link .link li.download { background:#353d46 url('/image/web/main-link-img-3.png') no-repeat center 50px;}
.main-link .link li.mypage { background:#f9c316 url('/image/web/main-link-img-4.png') no-repeat center 33px;}


/* 2016-08-13 */
#gnbnew { position:relative; position:absolute; top:75px; right:0; }
#gnbnew .gw { overflow:hidden; z-index:10; }
#gnbnew .gw li { float:left; }
#gnbnew .gw li a { display:inline-block; padding:0 20px 50px; font-size:18px; font-weight:600; }
#gnbnew .gw li a:hover,#gnb li a.on { color:#f37321; }
#gnbnew #gnb_sub { display:none; position:absolute; top:43px; left:0; width:700px; height:180px; z-index:100; background:#313131; border-bottom:3px solid #ff6024; }
#gnbnew #gnb_sub ul { float:left; height:175px; border-right:1px solid #3a3a3a; padding-top:10px; }
#gnbnew #gnb_sub ul:hover { background:#1f1f1f; }
#gnbnew #gnb_sub ul:hover a { color:#fff; }
#gnbnew #gnb_sub a { display:inline-block; width:115px; padding:4px 0 5px 0; text-align:center; color:#9e9e9e; letter-spacing:-0.5pt; }
#gnbnew #gnb_sub ul:hover a:hover { color:#ff6024; font-weight:bold; text-decoration:underline; }
#gnbnew #gnb_sub ul.last { border-right:0; }