@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);


html{-webkit-text-size-adjust:none}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcation, figure, footer, header, menu, nav, section {display:block;}

/* reset */
html, body, div, 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; border:0; font-weight: normal;}



body {
    /*min-width:320px; max-width: 100%;*/
	margin:0;
    word-break:break-all; font-size:14px; line-height:1.4em; color:#333333;
    font-family: '나눔고딕', NanumGothic, '나눔스퀘어', NanumSquare,  HelveticaNeue-Medium, AppleSDGothicNeo-Medium, Roboto, Helvetica, sans-serif;
}

ol, ul, li {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 {}
legend, caption{display:none}
h2 {
    display: block;
    -webkit-margin-before: 0.53em;
    -webkit-margin-after: 0.53em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
  }
button{border:0 none;cursor:pointer;}

.wrap {
	width:100%;
}

.header {
	width:980px;
	margin:0 auto;
	height:160px;
	position:relative;
	background:#fff;
}

.header_inner {
	width:1200px;
	margin:0 auto;
	position:relative;
}

.menu {
	position:absolute;
	padding:61px 0;
}

.logo {
	width:500px;
	top:40px;
	position:relative;
	margin:0 auto;
}

.gnb {
	border-top: 1px solid #c7c4c4;
	border-bottom: 1px solid #c7c4c4;
	height: 60px;
}

.gnb_sub {
	text-align: center;
	width: 980px;
	margin: 0 auto;
	height: 30px;
	/*padding: 15px 0;*/
}

.gnb_m {
	width: 30%;
	float: left;
	color: #9E9E9E;
	font-size: 15pt;
	font-weight: bold;
	height:54px;
	line-height:60px;
	cursor:pointer;
}

.gnb_m:hover {
	color:#70b439!important;
	border-bottom:6px solid #70b439!important;
}
.gnb_m a {
	font-weight:bold;
}

.contents {
	position:relative;
	width:980px;
	margin:0 auto;
	margin-top:70px;
	overflow:hidden;
}



.wing {
	position:absolute;
	left:1000px;
	z-index:1;
	display:none;
}

.menu_list {
	position:absolute;
	top: 120px;
	left: 0;
	display:none;
	z-index:1;
}

.menu_list.vb{
	display: block;	
}

.tc {
	text-align:center;
}

.disabledarea {
	pointer-events: none;
	opacity: 0.4;
}

.footer {
	width:100%;
	background:#fff;
	margin-top:95px;
}

.footer img {
	display:block;
	margin:0 auto;
}

a { color:#335599; }

a:link { text-decoration:none; }

.q_mubox li {background:url(/images/pc_qmu.jpg) no-repeat 0 0; width:180px; height:41px; font-size:0;}
.q_mubox .link {display:block; width:180px; height:41px;}
.q_mubox li.mu01 {background-position:0px 0px; height:61px;}
.q_mubox li.mu02 {background-position:0px -61px;}
.q_mubox li.mu03 {background-position:0px -102px;}
.q_mubox li.mu04 {background-position:0px -143px;}
.q_mubox li.mu05 {background-position:0px -184px;}
.q_mubox li.mu06 {background-position:0px -225px;}

.mubox {overflow:hidden; width:560px; /*border:1px solid #000*;*/ margin:0; padding:0;}
.mubox li {background:url(/images/pc_tmu.jpg) no-repeat 0 0; width:140px; height:170px; font-size:0; float:left;}
.mubox .link {display:block; width:140px; height:170px;}
.mubox li.mu01 {background-position:0px 0px;}
.mubox li.mu02 {background-position:-140px 0px;}
.mubox li.mu03 {background-position:-280px 0px;}
.mubox li.mu04 {background-position:-420px 0px;}


/* common */
input[type=checkbox],
input[type=radio] {width:20px; height:20px;} /* 체크박스,라디오 */
input[type=text],
input[type=email],
input[type=number],
input[type=url],
input[type=password],
input[type=submit],
input[type=button],
input[type=search],
textarea {border-radius:0; -webkit-appearance:none;} /* 아이폰 초기화 */
textarea:focus {color:#444 !important;}
select {
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	height:34px;
	padding:0 28px 0 10px;
	border:1px solid #c1c1c1;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
	border-radius: 0px; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px;
	background:url('../../web/m/common/ic_select_arr.png') no-repeat right center #fff; background-size: 25px 9px;
	color:#444;
	font-size:12px;
	vertical-align:middle;
}
a {color:inherit; text-decoration:none;}
a:hover, a:active, a:focus { text-decoration:none;}

.input {
    height:34px; padding:0 10px;
    border: 1px solid #e1e1e1;
    background:#fff; color:#444;
    line-height:normal !important;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    font-family: HelveticaNeue-Medium, AppleSDGothicNeo-Medium, Roboto, '나눔고딕', NanumGothic, '맑은 고딕','Malgun Gothic', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif;
}
.input::-webkit-input-placeholder {color:#aaa !important;}
.input:focus {color:#444 !important;}
.input_focus {border-color: #2ac1bc;} /* input focus */
.textarea {padding: 10px; border: 1px solid #ccc; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background:#fff; color:#444; line-height:normal !important;}
.textarea::-webkit-textarea-placeholder {color:#aaa !important;}
.empty {padding:45px 0 45px 0 !important; font-size:11px; color:#363636; text-align:center;}
td.empty {padding:90px 0 !important;}


/* board */
#board {position:relative; width:100%; margin-top:70px;}
.tit {font-family: '나눔고딕', NanumGothic, sans-serif; font-size:46px; line-height:46px; font-weight:bold; text-align:center; /*margin-top:130px;*/}
.stit {font-family: '나눔고딕', NanumGothic, sans-serif; font-size:16px; line-height:16px; text-align:center; color:#555; margin:15px 0 50px 0;}
.board_basic {max-width:980px; margin:0 auto; margin-bottom:150px;}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}

/* list */
table.nlist {width:100%; border-top:solid 2px #000; margin-bottom:30px;}
table.nlist thead tr th {font-size:16px; font-weight:600; color:#353535; padding:18px 10px; border-bottom:1px solid #dddddd; }
table.nlist tbody tr td {font-size:14px; color:#555555; padding:15px 10px; border-bottom:1px solid #eeeeee; text-align:center;}
table.nlist tbody tr td.subject {text-align:left;}
table.nlist tbody tr td a:hover {color:#202d53;}


table.clist {width:100%; border-top:solid 2px #000; margin-bottom:30px;}
table.clist tbody tr td {font-size:14px; color:#555555; padding:15px 10px; border-bottom:1px solid #eeeeee; text-align:center;}
table.clist tbody tr td.subject {text-align:left;}
table.clist tbody tr td.icon {text-align:right; display:inline-block;}

.center_list {width:100%; border-top:solid 2px #000; margin-bottom:30px; }
.center_list li {overflow:hidden;}
.center_list .tit_list {overflow:hidden; border-bottom:1px solid #cecece;}
.center_list .tit_list li {float:left; font-size:14px; line-height:14px; padding:38px 10px; box-sizing:border-box; text-align:center;}

.center_list .tit_list li.list_01 {width:8%;}
.center_list .tit_list li.list_02 {width:15%;}
.center_list .tit_list li.list_03 {width:50%; text-align:left;}
.center_list .tit_list li.list_04 {width:5%;}
.center_list .tit_list li.list_04 span{cursor:pointer;}
.center_list .tit_list li.list_05 {width:10%;}
.center_list .tit_list li.list_06 {width:15%;}
.center_list .tit_list li.list_07 {width:7%;}

.center_list .tit_list li.list_tit_01 {width:8%; float:left; font-size:16px; line-height:14px; padding:20px 10px; box-sizing:border-box; text-align:center; font-weight:600; color:#353535; }
.center_list .tit_list li.list_tit_02 {width:15%; float:left; font-size:16px; line-height:14px; padding:20px 10px; box-sizing:border-box; text-align:center; font-weight:600; color:#353535; }
.center_list .tit_list li.list_tit_03 {width:55%; float:left; font-size:16px; line-height:14px; padding:20px 10px; box-sizing:border-box; text-align:center; font-weight:600; color:#353535; }
.center_list .tit_list li.list_tit_05 {width:10%; float:left; font-size:16px; line-height:14px; padding:20px 10px; box-sizing:border-box; text-align:center; font-weight:600; color:#353535; }
.center_list .tit_list li.list_tit_06 {width:15%; float:left; font-size:16px; line-height:14px; padding:20px 10px; box-sizing:border-box; text-align:center; font-weight:600; color:#353535; }
.center_list .tit_list li.list_tit_07 {width:7%; float:left; font-size:16px; line-height:14px; padding:20px 10px; box-sizing:border-box; text-align:center; font-weight:600; color:#353535; }

.comments_box  {width:100%; padding:0 !important; display:none;}
.comments_box .line {/*border-bottom:1px solid #eeeeee;*/ width:100%;  padding:10px 0 30px 0 !important;}
.comments_box .line .question {overflow:hidden;}
.comments_box .line .question .Qtit {font-size:30px;line-height:130%; color: #333333; font-weight:bold; width:17%; text-align:right; padding:0px !important; margin-right:40px;}
.comments_box .line .question .Qtit01 {font-size:14px; line-height:180%; color: #333333; text-align:left; padding:0 !important;}
.comments_box .line_n {border-top:1px solid #eeeeee; border-bottom:0; width:100%;  padding:30px 0 !important;}
.comments_box .line_n .answer {overflow:hidden;}
.comments_box .line_n .answer .Atit {font-size:30px;line-height:130%; color: #333333; font-weight:bold; width:17%; text-align:right; padding:0px !important; margin-right:40px;}
.comments_box .line_n .answer .Atit01 {font-size:14px; line-height:180%; color: #333333; text-align:left; padding:0 !important;}
.comments_box .line_n .answer .Atit02 {font-size:14px; line-height:130%; color: #333333; float:right; padding:0 100px;}



.page-navigation {text-align:center;}
.page-navigation > a {display:inline-block; width:40px; height:40px; line-height:40px; vertical-align:middle; border:solid 1px #eeeeee; font-size:15px; box-sizing:border-box; color: #555555; margin-left:-5px;}
.page-navigation > a:hover { border:solid 1px #eeeeee;}
.page-navigation > strong {display:inline-block; width:40px; height:40px; line-height:40px; vertical-align:middle; border:solid 1px #eeeeee; color:#202d53; font-size:15px; border-bottom:2px solid #202d53; box-sizing:border-box; margin-left:-5px;}
.page-navigation .btn_page_prev {margin-left:0px; margin-right:12px; width:60px;}
.page-navigation .btn_page_next {margin-left:6px; width:60px;}


/* board view */

table.nview {width:100%; border-top:solid 2px #000; margin-bottom:30px;}
table.nview thead tr th {font-size:18px; font-weight:600; color:#353535; padding:25px 10px; border-bottom:1px solid #f2f2f2; }
table.nview thead tr th.subject {text-align:left;}
table.nview thead tr th.data {font-size:15px; font-weight:normal; color:#555555; background:url(/images/line.jpg) left center no-repeat;}
table.nview tbody tr td {font-size:14px; color:#555555; padding:15px 10px; border-bottom:1px solid #e5e5e5; text-align:center; padding:50px 0; line-height:30px;}
table.nview tbody tr td.file {padding:20px; text-align:left;}
table.nview tbody tr td.file a {color:#555555;}

.board_btn {position:relative;}
.board_btn_l {position:absolute; top:0; left:0;}
.board_btn_c {position:absolute;  top:0; left:0; right:0; text-align:center}
.board_btn_r {position:absolute; top:0; right:0;}
a.btn_list {display:inline-block; font-size:14px; line-height:14px; font-weight:600; color:#000; padding:12px 66px; border:solid 1px #000000;}
a.btn_write {display:inline-block; font-size:14px; line-height:14px; font-weight:600; color:#fff; padding:12px 66px; border:solid 1px #000000; background:#000}
a.btn_cancel {display:inline-block; font-size:14px; line-height:14px; font-weight:600; color:#000; padding:12px 66px; border:solid 1px #000000;}
a.btn_Inquiry {display:inline-block; font-size:16px; line-height:16px; font-weight:600; color:#fff; padding:11px 48px; border:solid 1px #000000; background:#000}


/* board write */

table.nwrite {width:100%; border-top:solid 2px #000; margin-bottom:30px;}
table.nwrite tbody tr th {font-size:16px; font-weight:600; color:#353535; padding:20px 30px; border-bottom:1px solid #f2f2f2; text-align:center;}
table.nwrite tbody tr th.subject {text-align:left;}
table.nwrite tbody tr th.subject span {color:#ef0d38;}
table.nwrite tbody tr td {font-size:14px; color:#555555; padding:10px 0; border-bottom:1px solid #f2f2f2; text-align:left;}


a.btn_file {display:inline-block; font-size:14px; line-height:14px; font-weight:600; color:#000; padding:12px 22px; border:solid 1px #000000;}
.file_txt {font-size:13px; color: #888; margin-top:6px;}

input.text_input { border:solid 1px #e5e5e5; height:40px; line-height:40px; padding:0 10px; width:100%; box-sizing:border-box;}
textarea.text_ta { border:solid 1px #e5e5e5; height:40px; line-height:40px; padding:0 10px; width:100%; box-sizing:border-box;}

/*로그인*/
.login_box {border:1px solid #000; box-sizing:border-box; width:490px; height:350px; margin:0 auto;}
.login_box .box {text-align:center; overflow:hidden;}
.login_box .box .close_btn {float:right; margin:30px 30px 0 0;}
.login_box .box .tit {font-size:46px; line-height:46px; font-weight:600; margin-top:60px; padding-bottom:30px;}
.login_box .box .login_btn {overflow:hidden;; margin-top:20px;}
a.btn_Iogin {display:inline-block; font-size:16px; line-height:16px; font-weight:600; color:#fff; padding:11px 141px; border:solid 1px #000000; background:#000}

.btn_search {width:60px; height:30px; font-size:15px; font-weight:400; color:#ffffff; border-radius:5px; background-color: #666c86;}
.board_list_search_box input {height:30px; padding-left:15px; font-size:15px; color:#666; margin-right:5px;}
.board_list_search_box {padding:15px 15px;}
.comment {margin-bottom:30px;}
.text_area_date {font-size:15px; color:#555555; padding-right:30px; font-weight:normal; text-align:right;}
.text_area_view {font-size:14px; color:#555555; padding:15px 10px 45px; border-bottom:1px solid #eeeeee; text-align:center; line-height:30px;}
.comment_write {width:100%;border:solid 1px #e5e7ed; border-radius:3px; padding:10px; box-sizing:border-box;}
.comment_write .text_area {/*float:left; width:980px;*/}
.comment_write .text_area textarea{border:none; width:100%; height:100px;}

.search_box {display:inline-block; width:300px; height:42px; background:#fff; border:solid 1px #e5e7ed; border-radius:5px; padding:0; position:relative; box-sizing:border-box; vertical-align:middle;}
.search_box input {width:228px; background-color:#fff; border:none; border-radius:5px; padding: 9px 15px; font-size:15px; color:#151515; letter-spacing:-0.05em; line-height:22px; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; height:40px; margin-right:2px;}

.lnb { width:195px; font-family: 'Nanum Gothic'; position:absolute; z-index:1;}
.lnb p.top { margin:0; padding:0; display:block; background-color:#6fb539; color:#fff; text-align:center; padding:20px; font-size:15px; line-height:20px; font-weight:600;}
.lnb p.top span.ico { display:inline-block; width:20px; height:12px; background:url('/images/menu_ico.gif') no-repeat center center; margin-right:10px; }
.lnb ul { display:block; width:100%; list-style:none; border:solid 1px #e5e5e5; border-top:none; margin:0; padding:0; box-sizing:border-box; }
.lnb ul li.line { border-bottom:dashed 1px #ededed; }
.lnb ul li.line2 { border-bottom:solid 1px #e5e5e5; }
.lnb ul li:last-child { border-bottom:none; }
.lnb ul li a { display:block; text-align:left; padding:20px 24px; font-size:15px; line-height:1em; letter-spacing:-0.06em; font-weight:600; color:#333; }
.lnb ul li a:hover { background-color:rgba(111,181,57,0.05)}
.lnb ul li a.on { background-color:rgba(111,181,57,0.05)}