@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------------------------------*/
/*                                       Base CSS                                        */
/*---------------------------------------------------------------------------------------*/

html {
	overflow-y:scroll;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display:block;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img, fieldset {
	border:0;
}
body, table, th, td, input,
textarea, button, select {
	font-family:"돋움", Dotum, Arial, sans-serif;
	font-size:12px;
	color:#666;
	line-height:1;
}
input, select, textarea {
	line-height:1.2; vertical-align:middle;
}
address, caption, cite, code,
dfn, em, var {
	font-style:normal;
	font-weight:normal;
}
label {
	cursor:pointer;
}
/* For Screen Reader */
legend {
	display:none;
	visibility:hidden;
}
/* For Screen Reader */
caption {
	display:none;
	visibility:hidden;
}
a { color:#666; text-decoration:none; }
a:active, a:hover, a:focus { text-decoration:none; }
a:hover { color:#333; }



/*---------------------------------------------------------------------------------------*/
/*                                         Main                                          */
/*---------------------------------------------------------------------------------------*/

#mainVisual img { width:100%; }
#mainContent .main-top-banner { *zoom:1; }
#mainContent .main-top-banner:after { content:""; display:block; clear:both; }
#mainContent .main-top-banner .left-banner { display:block; float:left; width:50%; font-size:0; }
#mainContent .main-top-banner .left-banner img { width:100%; }
#mainContent .main-top-banner .right-banner { float:left; width:50%; }
#mainContent .main-top-banner .right-banner .right-banner1 { display:block; font-size:0; }
#mainContent .main-top-banner .right-banner .right-banner1 img { width:100%; }
#mainContent .main-top-banner .right-banner .right-banner2 { display:block; font-size:0; }
#mainContent .main-top-banner .right-banner .right-banner2 img { width:100%; }
#mainContent .main-notice { height:83px; background:url("/m/images/main/main_notice_bg.gif") repeat left top; }
#mainContent .main-notice .st-area { height:42px; overflow:hidden; }
#mainContent .main-notice .st-area .st { float:left; margin:13px 0 0 10px; }
#mainContent .main-notice .st-area .st img { width:60px; }
#mainContent .main-notice .st-area .btn { float:right; margin:14px 10px 0 0; }
#mainContent .main-notice .st-area .btn img { width:48px; }
#mainContent .main-notice .list-area { height:40px; border-top:1px solid #c1c1c1; overflow:hidden; }
#mainContent .main-notice .list-area .list-area-inner { height:20px; margin:10px 10px 0 10px; overflow:hidden; }
#mainContent .main-notice .list-area .list-area-inner ul li .list-con { display:block; height:20px; overflow:hidden; }
#mainContent .main-notice .list-area .list-area-inner ul li .list-con .txt { display:block; float:left; width:200px; height:20px; font-size:13px; color:#444; line-height:22px; }
#mainContent .main-notice .list-area .list-area-inner ul li .list-con .date { display:block; float:right; width:80px; height:20px; margin-left:10px; font-size:13px; color:#777; text-align:right; line-height:22px; }
#mainContent .main-notice .list-area .list-area-inner ul li .list-nocon { display:block; height:20px; font-size:13px; color:#444; line-height:22px; overflow:hidden; }
#mainContent .main-portfolio { background-color:#fff; padding:0 15px 15px 15px; }
#mainContent .main-portfolio .st { padding:4% 0 3% 0; font-size:0; text-align:center; }
#mainContent .main-portfolio .st img { width:28%; }
#mainContent .main-portfolio ul { *zoom:1; }
#mainContent .main-portfolio ul:after { content:""; display:block; clear:both; }
#mainContent .main-portfolio ul li { float:left; width:50%; }
#mainContent .main-portfolio ul li a { display:block; padding:5px; font-size:0; }
#mainContent .main-portfolio ul li a img { width:100%; }
#mainContent .main-portfolio ul .nocon { clear:both; width:100%; height:100px; font-size:13px; color:#444; text-align:center; line-height:100px; }
#mainContent .main-inquiry { *zoom:1; }
#mainContent .main-inquiry:after { content:""; display:block; clear:both; }
#mainContent .main-inquiry .banner { float:left; width:50%; font-size:0; }
#mainContent .main-inquiry .banner img { width:100%; }
#mainContent .main-inquiry .photo { float:left; width:50%; font-size:0; }
#mainContent .main-inquiry .photo img { width:100%; }
#mainContent .main-bottom-banner ul { *zoom:1; }
#mainContent .main-bottom-banner ul:after { content:""; display:block; clear:both; }
#mainContent .main-bottom-banner ul li { float:left; width:50%; font-size:0; }
#mainContent .main-bottom-banner ul li img { width:100%; }



/*---------------------------------------------------------------------------------------*/
/*                                        Layout                                         */
/*---------------------------------------------------------------------------------------*/

body {
	font:75% "돋움", Arial, sans-serif; color:#555; text-align:left;
	background-color:#eee; position:relative;
}
#wrap { min-width:320px; }
/* #header { position:relative; overflow:hidden; background-color:#fff; } */
#header { width:100%; z-index:9999; overflow:hidden; background-color:#fff; }
#header .gnb-btn { display:block; float:left; width:15%; font-size:0; }
#header .gnb-btn img { width:100%; }
#header .logo { float:left; width:70%; font-size:0; }
#header .logo img { width:100%; }
#header .phone-btn { display:block; float:left; width:15%; font-size:0; }
#header .phone-btn img { width:100%; }
#visual img { width:100%; }
#container { background-color:#fff; }
#container .tit { padding:6% 0 5% 0; font-size:0; text-align:center; }
#container .tit img { width:100%; }
#container .content { padding:0 20px 10% 20px; }
#footer .footer-menu a img { width:100%; }
#footer .footer-copy img { width:100%; }

#fade {
	display:none;
	background:#000;
	position:fixed; left:0; top:0;
	width:100%; height:100%;
	opacity:0.5;
	z-index:999999999;
}
.gnb-block {
	display:none;
	background:#fff;
	position:fixed;
	top:0; left:-300px;
	z-index:9999999999;
	width:300px; max-height:100%; height:100%;
	overflow:hidden; overflow-y:auto;
}
.gnb-block .gnb-home { display:block; width:100%; height:35px; background-color:#999; font-size:12px; color:#fff; text-align:center; line-height:37px; position:absolute; left:0; top:0; }
.gnb-block .gnb-close { display:block; width:35px; height:35px; background-color:#444; font-size:16px; color:#fff; text-align:center; line-height:37px; position:absolute; right:0; top:0; z-index:9; }
.gnb-block .gnb-top-menu { width:100%; background-color:#f4f4f4; position:absolute; left:0; top:35px; *zoom:1; }
.gnb-block .gnb-top-menu:after { content:""; display:block; clear:both; }
.gnb-block .gnb-top-menu .top-menu-li { float:left; width:50%; }
.gnb-block .gnb-top-menu .top-menu-li .top-menu-li-a {
	display:block; height:35px; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;
	font-size:11px; color:#999; text-align:center; line-height:36px;
}
.gnb-block .gnb-top-menu .top-menu-li:nth-child(even) .top-menu-li-a { border-right:0; }
.gnb-block .gnb-inner { margin-top:107px; }
.gnb-block .gnb-inner ul li { border-bottom:1px solid #ccc; }
.gnb-block .gnb-inner ul li .depth1 { display:block; padding:22px 15px 20px 15px; font-size:16px; color:#333; font-weight:600; line-height:1.2; word-break:break-all; }
*html #fade { position:absolute; }
*html .gnb-block { position:absolute; }



/*---------------------------------------------------------------------------------------*/
/*                                         Sub                                           */
/*---------------------------------------------------------------------------------------*/

.infor1 { font-size:0; }
.infor1 img { width:100%; }

.infor2 { font-size:0; }
.infor2 img { width:100%; }

.infor3 { font-size:0; }
.infor3 img { width:100%; }

.privacy .con-box { background-color:#eee; padding:10px 10px 10px 10px; }
.privacy .con-box .con-box-inner { height:360px; background-color:#fff; padding:10px 10px 10px 10px; overflow-y:scroll; font-size:11px; color:#777; line-height:1.5; }



/*---------------------------------------------------------------------------------------*/
/*                                       Common                                          */
/*---------------------------------------------------------------------------------------*/

/* global */
.cm-dn { display:none; }

/* width, height */
.cm-w50 { width:50px; }
.cm-w80 { width:80px; }
.cm-w100 { width:100px; }
.cm-w100p { width:100%; }

/* margin, padding */
.cm-mt5 { margin-top:5px; }
.cm-mt20 { margin-top:20px; }
.cm-mb5 { margin-bottom:5px; }



/*---------------------------------------------------------------------------------------*/
/*                                        Board                                          */
/*---------------------------------------------------------------------------------------*/

/* list */
.bd-list-box { border-top:2px solid #c13832; }
.bd-list-box ul li { border-bottom:1px solid #e5e5e5; background-color:#fff; }
.bd-list-box ul li a { display:block; padding:20px 20px 20px 20px; }
.bd-list-box ul li a .list-subject { display:block; font-size:14px; color:#444; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bd-list-box ul li a .list-subject .reply-icon { width:23px; vertical-align:middle; }
.bd-list-box ul li a .list-subject .secret-icon { width:11px; vertical-align:top; }
.bd-list-box ul li a .list-subject .new-icon { width:13px; vertical-align:top; }
.bd-list-box ul li a .list-txt { display:block; font-size:11px; color:#a1a1a1; line-height:1.2; margin-top:5px; }
.bd-list-box ul .list-nocon { border:0; height:100px; font-size:13px; color:#444; text-align:center; line-height:100px; }

.bd-list-page { text-align:center; }
.bd-list-page a,
.bd-list-page span { display:inline-block; height:35px; background-color:#f1f1f1; text-align:center; line-height:37px; color:#777; font-size:14px; margin:0 2px; padding:0 13px; }
.bd-list-page .current { background-color:#c13832; color:#fff; }
.bd-list-page .prev-btn { width:35px; padding:0; background-color:#b1b1b1; color:#fff; }
.bd-list-page .next-btn { width:35px; padding:0; background-color:#b1b1b1; color:#fff; }

.bd-list-bottom-btn { margin-top:30px; text-align:right; }
.bd-list-bottom-btn .btn { display:inline-block; width:60px; height:30px; background-color:#c13832; font-size:14px; color:#fff; text-align:center; line-height:32px; }

.bd-list-search { background-color:#f4f4f4; text-align:center; margin-top:40px; padding:10px 0 10px 0; }
.bd-list-search .search-select { background-color:#fff; border:1px solid #d5d5d5; width:70px; height:30px; line-height:30px; color:#555; padding:0; }
.bd-list-search .input-txt { background-color:#fff; border:1px solid #d5d5d5; width:120px; height:28px; line-height:28px; color:#555; padding:0 5px; }
.bd-list-search .search-btn { display:inline-block; width:50px; height:30px; background-color:#555; border:0; font-size:14px; color:#fff; line-height:30px; text-align:center; vertical-align:middle; cursor:pointer; }

.bd-gallery-list-box { border-top:2px solid #444; }
.bd-gallery-list-box ul li { border-bottom:1px solid #e5e5e5; background-color:#fff; }
.bd-gallery-list-box ul li a { display:block; height:82px; padding:10px 10px 10px 10px; position:relative; }
.bd-gallery-list-box ul li a .photo { width:112px; height:80px; border:1px solid #ccc; position:absolute; left:10px; top:10px; }
.bd-gallery-list-box ul li a .photo img { width:112px; height:80px; }
.bd-gallery-list-box ul li a .list-con { margin-left:130px; padding-top:25px; }
.bd-gallery-list-box ul li a .list-con .list-subject { display:block; font-size:14px; color:#444; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bd-gallery-list-box ul li a .list-con .list-txt { display:block; font-size:11px; color:#a1a1a1; line-height:1.2; margin-top:5px; }
.bd-gallery-list-box ul .list-nocon { border:0; height:100px; font-size:13px; color:#444; text-align:center; line-height:100px; }

/* view */
.bd-view-table { width:100%; border-top:2px solid #c13832; table-layout:fixed; }
.bd-view-table th { border-bottom:1px solid #e5e5e5; background-color:#fff; padding:18px 10px 18px 10px; font-size:12px; color:#777; font-weight:500; text-align:left; line-height:1.2; }
.bd-view-table .tt { background-color:#f7f7f7; padding:18px 10px 18px 10px; color:#555; }
.bd-view-table .view-subject { color:#c13832; font-weight:600; word-break:break-all; }
.bd-view-table .con { border-bottom:2px solid #e5e5e5; background-color:#fff; padding:30px 0 30px 0; word-break:break-all; }
.bd-view-table .con .con-inner img { max-width:100%; height:auto; }

.bd-view-bottom-btn { margin-top:20px; text-align:right; }
.bd-view-bottom-btn .btn { display:inline-block; width:60px; height:30px; background-color:#404040; font-size:14px; color:#fff; text-align:center; line-height:32px; }
.bd-view-bottom-btn .btn-edit { display:inline-block; width:60px; height:30px; background-color:#3F48CC; font-size:14px; color:#fff; text-align:center; line-height:32px; }
.bd-view-bottom-btn .btn-delete { display:inline-block; width:60px; height:30px; background-color:#ED1C24; font-size:14px; color:#fff; text-align:center; line-height:32px; }

.bd-view-page { margin-top:30px; }
.bd-view-page ul li { margin-bottom:5px; overflow:hidden; clear:both; }
.bd-view-page ul li .lt-box { float:left; width:25%; height:40px; background-color:#888; }
.bd-view-page ul li .lt-box .lt { display:block; height:40px; font-size:14px; color:#fff; line-height:42px; padding:0 20px 0 20px; }
.bd-view-page ul li .txt-box { float:left; width:75%; height:40px; background-color:#f4f4f4; }
.bd-view-page ul li .txt-box .txt { display:block; height:40px; font-size:12px; color:#777; line-height:42px; padding:0 10px 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* write */
.bd-write-table { width:100%; border-top:2px solid #c13832; }
.bd-write-table td { border-bottom:1px solid #e5e5e5; background-color:#fff; padding:10px 10px 10px 10px; font-size:12px; color:#777; line-height:1.2; }
.bd-write-table .tt { background-color:#f7f7f7; padding:10px 10px 10px 10px; color:#555; }
.bd-write-table td .input-txt { height:30px; border:0; background-color:#eee; }
.bd-write-table td .input-pw { height:30px; border:0; background-color:#eee; }
.bd-write-table td .select1 { height:32px; border:0; background-color:#eee; }
.bd-write-table td .txt-area { height:150px; border:0; background-color:#eee; }
.bd-write-table td .txt { font-size:11px; color:#777; line-height:1.5; }
.bd-write-table td .txt2 { font-size:11px; color:#7d2b27; font-weight:600; line-height:1.5; }
.bd-write-table td .txt-box { display:inline-block; min-height:30px; color:#777; line-height:30px; vertical-align:middle; }
.bd-write-table td .file-btn-area { position:relative; }
.bd-write-table td .file-btn-area .input-file { height:30px; border:0; background-color:#eee; }
.bd-write-table td .file-btn-area .file-btn { display:inline-block; width:70px; height:32px; background-color:#999; font-size:12px; color:#fff; line-height:34px; text-align:center; vertical-align:middle; }
.bd-write-table td .file-btn-area .add-btn { display:inline-block; width:38px; height:30px; background-color:#fff; border:1px solid #7d2b27; font-size:12px; color:#7d2b27; line-height:32px; text-align:center; vertical-align:middle; }

.bd-write-bottom-con { margin-top:20px; }
.bd-write-bottom-con .con-box { background-color:#eee; padding:10px 10px 10px 10px; }
.bd-write-bottom-con .con-box-inner { height:120px; background-color:#fff; padding:10px 10px 10px 10px; overflow:hidden; overflow-y:scroll; font-size:11px; color:#777; line-height:1.5; }
.bd-write-bottom-con .check-area { margin-top:5px; }
.bd-write-bottom-con .check-area .check-txt { font-size:11px; color:#777; }

.bd-write-bottom-btn { margin-top:20px; text-align:center; }
.bd-write-bottom-btn .send-btn { width:80px; height:40px; background-color:#c13832; border:0; font-size:14px; color:#fff; line-height:40px; text-align:center; vertical-align:middle; cursor:pointer; }
.bd-write-bottom-btn .cancel-btn { display:inline-block; width:80px; height:40px; background-color:#999; font-size:14px; color:#fff; text-align:center; line-height:42px; vertical-align:middle; }

/* password */
.bd-password-box { width:280px; margin:0 auto 0; }
.bd-password-box .password-box-inner {	width:278px; border:1px solid #e5e5e5; border-top:2px solid #c13832; background-color:#fff; padding-bottom:35px; overflow:hidden; }
.bd-password-box .password-box-inner .password-txt-box { margin:30px 0 0 49px; }
.bd-password-box .password-box-inner .password-txt-box label { font-size:14px; color:#555; }
.bd-password-box .password-box-inner .password-input-box { margin:10px 0 0 49px; }
.bd-password-box .password-box-inner .password-input-box .input-pw { width:178px; height:36px; background-color:#eee; border:0; }
.bd-password-box .password-box-inner .password-btn-box { margin:10px 0 0 49px; }
.bd-password-box .password-box-inner .password-btn-box .btn1 { display:inline-block; width:88px; height:40px; background-color:#c13832; border:0; font-size:16px; color:#fff; font-weight:600; line-height:40px; text-align:center; vertical-align:middle; cursor:pointer; }
.bd-password-box .password-box-inner .password-btn-box .btn2 { display:inline-block; width:88px; height:40px; background-color:#444; border:0; font-size:16px; color:#fff; font-weight:600; line-height:40px; text-align:center; vertical-align:middle; cursor:pointer; }

/* menu fixed */
.fixed { position:fixed; top:0px; }

/* image height auto */
.image-wrapper {
    position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 56%;
}