@charset "utf-8";

/* Common style */
html, body {height:100%; margin:0; padding:0;}
body{
	position: relative;
	height: 100%;
	background: #fff
}
html,body,#container,.sub_center{height: 100%}

body, th, td, textarea, select, input {
	font-family: 맑은고딕, Malgun Gothic,nanum,돋움,Dotum,Helvetica,AppleGothic,Sans-serif; color:#515151; font-weight:normal;
}
table {border-spacing:0; border-collapse:collapse; border:none; padding:0;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
ul, ol, li {list-style:none; margin:0; padding:0;}
dl, dt, dd {border-collapse:collapse; margin:0; padding:0;}
img {border:0; }
.mobile{display: none}

@font-face {
	font-family: "nanum";
	font-style: normal;
	font-weight: 400;
	src: url("./fonts/NanumGothic.eot");
	src: local(※), url('./fonts/NanumGothic.woff') format('woff');
}
@font-face {
	font-family: "nanum";
	font-style: normal;
	font-weight: 400;
	src: url("./fonts/NanumGothicBold.eot");
	src: local(※), url('./fonts/NanumGothicBold.woff') format('woff');
}

@font-face {
	font-family: 'daum';
	font-style: normal;
	src: url('./fonts/Daum.eot');
	src:local(※), url('./fonts/Daum.eot') format('embedded-opentype'),
		url('./fonts/Daum.woff') format('woff'),
		url('./fonts/Daum.ttf') format('truetype');

}


A:link    {color:#666;text-decoration:none;}
A:visited {color:#666;text-decoration:none;}
A:active  {color:#666;text-decoration:none;}
A:hover   {color:#DC3823;text-decoration:none;}

form {margin:0; padding:0;}

/* Form style */
select {height:19px; font-size:12px; vertical-align:center;}
textarea {border:#cfc9c0 1px solid; height:17px; background:#fff; line-height:16px; padding:5px;}

/* 공통 스타일 */
#wrap {width:100%;}
.of{overflow: hidden;}
.mt0{margin-top: 0px !important;}
.mt10{margin-top: 10px}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px}
.mt40{margin-top: 40px}
.mt50{margin-top: 50px}
.mt60{margin-top: 60px}
.mt70{margin-top: 70px}
.mt80{margin-top: 80px}
.mt90{margin-top: 90px}
.mt100{margin-top: 100px}

/* header */
#header {width:100%; height:110px; z-index:100; background-color: white; border-bottom:1px solid #ddd}
#header .gnb {width:100%;
	height:22px; line-height:20px;
	margin:0 auto;
	clear: both; background: #eee
}

#header .gnb ul li {display:inline; }
#header .gnb a {
    margin-left: 10px;
    font-size: 12px;
    color:#6C7784;
    display: inline-block;
}

#header .gnb ul {width: 1100px; margin: 0 auto; text-align: right;}



/* Layout_Sub */

#sub_visual {width:100%; height:145px; background:url('../images/sub/visual_bg.gif') 0 0 repeat-x; text-align:center;}

#container {margin:0 auto; position: relative;}

.sub_con{width: 980px; margin: 0 auto;}
/* etc */
.map {width:318px; height:188px; border:1px solid #ddd;}
.tab {height:28px; background:url('../images/sub/request_tab_bg.gif') repeat-x; padding-bottom:15px;}
.password {height:232px; background:url('../images/sub/pw_bg.gif') no-repeat left top; margin:100px auto;}
.password table {margin:0 0 0 200px;}
.password input.text {width:200px; font-size:12px; color:#707070; border:1px solid #a0a0a0; padding:3px 2px 0 2px;}
.login {width:460px; height:260px;  margin:0px auto;}
.login table {margin:0 0 0 130px;}
.login input.text {font-size:12px; color:#707070; border:1px solid #fff; padding:2px 2px 0 2px;}

/* SearchArea */
.searchArea{background: #eee}
.searchArea {width:100%; margin-bottom:3px; text-align:center; padding: 30px 0}
.searchArea img,
.searchArea input {vertical-align:middle}
.searchArea input.text {width:200px; font-size:12px; color:#707070; border:1px solid #a0a0a0; padding:3px 2px 0 2px;}
.searchArea img.btnSearch {margin-top:4px;}
.selInlin {display:inline-block; margin-right:5px; padding-left:2px; vertical-align:middle;}

/* Board Table */
.boardList {width:660px; border-top:2px solid #cdcdcd; border-bottom:1px solid #e3e3e3;}
.boardList table {width:660px; overflow:hidden; border-collapse:collapse;}
.boardList thead tr {background:url('../images/common/board_tit_bg.gif') repeat-x left top;}
.boardList thead th {height:30px; border-bottom:1px solid #e3e3e3; font-weight: bold; font-size:10pt}
.boardList tbody tr {height:34px;}
.boardList tbody td {border-bottom:1px dotted #e0e0e0; text-align:center; padding:0 3px;}
.boardList tbody td.subject {text-align:left; padding-left:10px;}

.boardRead {width:660px; border-top:2px solid #cdcdcd; border-bottom:1px solid #cdcdcd;}
.boardRead table {width:660px; overflow:hidden; border-collapse:collapse;}
.boardRead thead tr {background:url('../images/common/board_tit_bg.gif') repeat-x left top;}
.boardRead thead td {border-bottom:1px solid #e3e3e3;}
.boardRead thead td.subject {width:570px; height:34px; font-size:14px; font-weight:bold; color:#344f58; padding:1px 0 0 15px;}
.boardRead thead td.date {width:90px; font-size:12px; color:#666; text-align:right; padding-right:10px;}
.boardRead tbody td {line-height:23px; padding:20px 13px 30px 13px;}

.boardReply {width:660px; border-top:1px dotted #b29980; border-bottom:1px dotted #b29980;}
.boardReply table {width:660px; overflow:hidden; border-collapse:collapse;}
.boardReply thead td {background:#fefbf2;}
.boardReply thead td.subject {width:570px; height:45px; font-size:14px; font-weight:bold; color:#df7b0f; padding:1px 0 0 15px;}
.boardReply thead td.date {width:90px; font-size:12px; color:#df7b0f; text-align:right; padding-right:10px;}
.boardReply tbody td {color:#555; line-height:23px; background:#fefbf2; padding:5px 13px 20px 13px;}
.boardReply tbody td.file {font-weight:bold; color:#333; border-bottom:0px dotted #b29980;}

.preNext {width:660px; border-top:1px solid #e3e3e3;}
.preNext table {width:660px; overflow:hidden; border-collapse:collapse;}
.preNext table td.tit {width:100px; height:30px; font-weight:bold; color:#827c71; background:url('../images/common/board_tit_bg.gif') repeat-x; border-bottom:1px solid #e3e3e3; text-align:center;}
.preNext table td.subject {width:465px; line-height:21px; border-bottom:1px solid #e3e3e3; padding-left:20px;}
.preNext table td.board_pretitle {width:465px; line-height:21px; border-bottom:1px solid #e3e3e3; padding-left:20px;}

.file {width:660px; border-bottom:1px solid #cdcdcd;}
.file table td.tit {width:100px; height:30px; font-weight:bold; color:#827c71; background:url('../images/common/board_tit_bg.gif') repeat-x; text-align:center;}
.file table td.subject {width:540px; line-height:21px; padding-left:20px;}

.boardWrite {width:660px; border-top:2px solid #cdcdcd;}
.boardWrite table {width:660px; overflow:hidden; border-collapse:collapse;}
.boardWrite td.tit {width:100px; background:url('../images/common/board_tit_bg.gif') repeat-y; border-bottom:1px solid #e3e3e3; padding:6px 5px 6px 15px; font-weight: bold; color:#606060; font-size: 10pt;}
.boardWrite td.txt {width:560px; border-bottom:1px solid #e3e3e3; padding:6px 10px; color:#4D4D4D;}
.boardWrite td.tit_answer {width:100px; background:url('../images/common/board_tit_bg.gif') repeat-y; border-bottom:1px solid #e3e3e3; padding:6px 5px 6px 15px; font-weight: bold; color:#FF6C00; font-size: 10pt;}
.boardWrite input.text {font-size:12px; color:#707070; border:#cecece 1px solid; background:#fff; padding:3px 2px 0 2px;}
.boardWrite .btn {text-align:center; padding-top:25px;}

.boardBtn {text-align:right; padding:15px 15px 0 0;}

.referenceList {width:660px; border-top:2px solid #82b8c8; border-bottom:2px solid #82b8c8; margin-top:15px; text-align:center;}
.referenceList table {overflow:hidden; border-collapse:collapse; margin-top:17px;}
.referenceList td.picture_line {width:203px; height:195px; text-align:center; vertical-align:top;}
.referenceList .picture {width:200px; height:139px; text-align:center; vertical-align:top;}
.referenceList .name {line-height:16px; padding:5px 0 15px 0; display:inline-block; vertical-align:top;}
.referenceList .tit {color:#154AAA; font-weight: bold; font-size:10pt; margin-bottom:3pt;}

.referenceView {width:660px; border-top:2px solid #82b8c8;}
.referenceView table {width:660px; overflow:hidden; border-collapse:collapse;}
.referenceView td.tit {width:90px; background:url('../images/common/board_tit_bg.gif') repeat-y; border-bottom:1px dotted #e3e3e3; padding:8px 5px 8px 15px;}
.referenceView td.txt {width:570px; line-height:17px; border-bottom:1px dotted #e3e3e3; padding:6px 13px;}
.referenceView td.picture {width:660px; border-bottom:2px solid #82b8c8; padding:20px 0; text-align:center;}

/* Paging */
.paging_all {text-align:center; margin:0px auto 0; clear:both; position:relative; z-index:1;}
.paging {text-align:center; margin:0px auto;}
.paging .num {word-spacing:0.1em;}
.paging .num a, .j_paging .num b {font-family:tahoma; text-decoration:none; text-align:center; padding:0 3px 0 2px;}
.paging .num b {padding:0 7px 0 3px; color:#666;}
.paging .num a:hover {color:#666; font-weight:normal;}
.nowpage {position:absolute; top:15px; right:0px; color:#000000;}

/* POPUP_notice */
#popNotice {width:100%; height:100%; background:#3c7792;}

#popNotice #title {width:100%; height:38px; background:url('../images/common/pop_tit_bg.gif') repeat-x;}
#popNotice #title ul {position:absolute; width:100%; text-align:center;}

#popNotice #content {width:97%; margin:0 auto; border-left:3px solid #3c7792; border-right:3px solid #3c7792; background:#fff;}
#popNotice #content .txt {font-size:12px; color:#666; line-height:19px; padding:15px 15px 5px 15px; }
#popNotice #content .txt .tit {font-size:14px; font-weight:bold; color:#333; line-height:22px; letter-spacing:-1px;}
#popNotice #content .bottom {font-weight:bold; color:#707070; background:#eee; padding:6px 10px 4px 0; text-align:right;}


/* Text style */
.txt11 {font-size:11px;}
.txtC {text-align:center;}
.txtR {text-align:right;}
.txtOrg {color:#df7b0f;}
.txtRed {color:#cf3a00;}
.txtBlue {color:#1190cd;}
.txtBlk {color:#000000;}
.txt_comment{line-height: 1.7; font-size: 11px; color: #888; margin-top: 6px;}
.txt_file {font-size: 9pt; margin:0px;}

/* 2013-07-22 占쎌꼶�먫쳸占썲칰�딆읅�눧紐꾩벥 �뵳�딅뮞占쏙옙占쎌쉸肉� �겫袁⑥첒 域뱀뮇�뜚 �빊遺쏙옙 */
.outside {
	font-weight:bold; color:#777;
	background: #fff; border:1px solid #ddd;
	font-size: 12px;
	width: 60px; text-align:center;
	display: inline-block;
	height: 26px; line-height: 26px;
	margin-right: 3px
}
.outside_long {
	font-weight:bold; color:#777;
	background: #fff; border:1px solid #ddd;
	font-size: 12px;
	width: 87px; text-align:center;
	display: inline-block;
	height: 26px; line-height: 26px;
	margin-right: 3px
}

/* Padding */
.Tpad3 {padding-top:3px;}
.Tpad5 {padding-top:5px;}
.Tpad10 {padding-top:10px;}
.Tpad15 {padding-top:15px;}
.Tpad20 {padding-top:20px;}
.Tpad40 {padding-top:40px;}
.Tpad50 {padding-top:50px;}

.Bpad5 {padding-bottom:5px;}
.Bpad10 {padding-bottom:10px;}
.Bpad15 {padding-bottom:15px;}
.Bpad20 {padding-bottom:20px;}
.Bpad30 {padding-bottom:30px;}
.Bpad50 {padding-bottom:50px;}

.Lpad3 {padding-left:3px;}
.Lpad5 {padding-left:5px;}
.Lpad10 {padding-left:10px;}
.Lpad15 {padding-left:15px;}
.Lpad20 {padding-left:20px;}

.Rpad3 {padding-right:3px;}
.Rpad5 {padding-right:5px;}
.Rpad10 {padding-right:10px;}
.Rpad15 {padding-right:15px;}
.Rpad20 {padding-right:20px;}


@media screen and (max-width:1000px){
	.mobile{display: block;}
	.pc{display: none}
	.m_header{position: fixed; top:0; left: 0; height: 50px; width: 100%; z-index: 1000; background: #fff; display: block; border-bottom: 1px solid #ddd}
	.m_header .menu_icon{position: absolute; left: 10px; top:11px}
	.m_header .menu_icon i{font-size: 28px; color: #363636}
	.main_wrap{top:51px}
	
	.m_header .m_logo{
	position: absolute; left:50%; top:7px; margin-left: -80px;
	}
	.m_header .m_logo img{width: 160px}
	.m_header .m_login{position: absolute; right: 10px; top:15px}
	.center{width: auto !important; padding: 0 10px}
	body,table th,table td{font-family: 맑은 고딕,Malgun Gothic,Arial,Dotum,돋움}
}