/* 모바일 코딩 필수 공통영역 */
* {margin:0; padding:0; -webkit-text-size-adjust:none;}
html {width:100%;}
body {width:100%; color:#333; font-size:90%; line-height:160%; font-family:'돋움', Dotum, Helvetica, AppleGothic;}
img, fieldset {border:0}
ul, ol, li, dl {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
hr {display:none;}
a {color:inherit;}
a, a:link {color:#333; text-decoration:none;}
a:visited {color:#333;}
a:hover, a:active {color:#333; text-decoration:none;}
em, i, address {font-style:normal; font-weight:normal;}
legend, caption {display:none; clear:both;}
input, textarea, select, button, table {font-size:inherit; font-family:inherit; line-height:inherit;}
section, nav, article, aside, hgroup, header, footer { display:block }
textarea, input {
	background:url(none);
	-webkit-border-radius:1px;
	-webkit-apprearance:none;
}
textarea {resize:none;}
.space-center {text-align:center;}
.space-right {text-align:right;}
.input,
.textarea {border:1px solid #ccc; background:#f4f4f4; line-height:160%; padding:2px 0;}

/* 사용자 지정 */
#wrapper {max-width:1000px; min-width:320px; margin:0 auto;}
#header {width:100%;}
.head {width:100%; height:18%; background:#fff; overflow:hidden;}
.logo {float:left; padding:3% 0 0 10%; width:50%;}
.logo img {width:100%;}

.gnb_list {float:right; background:#fff; padding:10% 5% 0 0; width:17%;}
.gnb_list img {width:100%;}
.gnb {display:none; width:100%; position:relative; z-index:100;}
.gnb li {	
	font-weight:bold;
	background:#e9eaeb;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e9eaeb)); /*Safari*/
	background: -webkit-linear-gradient(top, #fafafa, #e9eaeb); /*WebKit nightly*/
	background: -moz-linear-gradient(top, #fafafa, #e9eaeb); /* Modzilla Firefox */
	background: -ms-linear-gradient(top, #fafafa, #e9eaeb); /* Modzilla Firefox */
	border-bottom:1px solid #ccc;
}
.gnb li a {
	display:block; 
	color:#666;
	padding:6px 10px 4px 10px;
}
#main {position:relative;}
.mainImg {width:100%;}
.mainWrap {font-size:0; line-height:0;}

.main-slider {position:relative;}
.main-slider img {vertical-align:top;}
.main-slider .slide-btn {position:absolute; top:50%; margin-top:-13px; z-index:50;}
.main-slider .slide-btn img {width:26px;}
.main-slider .slide-btn.prev {left:10px;}
.main-slider .slide-btn.next {right:10px;}

.quick_link {position:absolute; width:100%; margin:0; left:0; bottom:25px; overflow:hidden;}
.quick_link li {float:left; width:33%; margin:5px 0; text-align:center;}
.quick_link li:nth-child(2),
.quick_link li:nth-child(5) {width:34%;}
.quick_link li a {
	display:inline-block; 
	width:95%; 
	padding:8px 0;
	margin:0 auto;
	color:#333; 
	font-weight:bold;
	letter-spacing:-1px;
	background:#fefefe;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #c1c1c1)); /*Safari*/
	background: -webkit-linear-gradient(top, #fefefe, #c1c1c1); /*WebKit nightly*/
	background: -moz-linear-gradient(top, #fefefe, #c1c1c1); /* Modzilla Firefox */
	background: -ms-linear-gradient(top, #fefefe, #c1c1c1); /* MS 9+ */
	border:1px solid #aaa;
	border-radius:8px;
	box-shadow: 2px 2px 3px #aaa;
}

.sub_title {position:relative; width:100%; height:42px; background:#ce0017; font-size:130%; line-height:42px; font-weight:bold; color:#fff; text-align:center;}
.sub_title h2 {font-weight:bold;}
.sub_title a {position:absolute; top:0; display:inline-block; width:42px; height:42px; font-size:0; line-height:0; background-repeat:no-repeat; background-position:50% 50%; background-size:25%;}
.sub_title .prev {left:0; background-image:url(../images/bt_prev.png);}
.sub_title .next {right:0; background-image:url(../images/bt_next.png);}
.subImg {width:100%;}
.subWrap {font-size:0; line-height:0;}

#footer {width:100%; height:400px; background:#ce0017; text-align:center; padding:12px 0; border-top:1px solid #ddd; clear:both;}
.foot_links {width:100%; padding:0 0 10px 0;}
.foot_links li {display:inline; color:#fff;}
.foot_links li a {color:#fff; margin:0 4px;}
.address {color:#fff; font-size:0.75em; line-height:1.5em;}

.location {padding:10px;}

.form {padding:10px;}
.form .txt {text-align:right; color:#fd7777; font-size:0.85em;}
.form .input,
.form .textarea {width:99%;}
.form dl {border-top:1px solid #ddd; padding:15px 0 0 0;}
.form dt {font-weight:bold; margin:0 0 2px 0;}
.form dd {margin:0 0 10px 0;}

/* board */
.buttons {padding:10px; clear:both; overflow:hidden;}
.buttons .cen {text-align:center;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}

.btn_pack {display:inline-block;overflow:visible;position:relative;margin:0;padding:4px 15px 3px;border:0;color:#333;background:#eee;border:1px solid #aaa;border-radius:0.4em;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack:link {color:#333}

.board_list ul {border-top:1px solid #e5e5e5; }
.board_list li {position:relative; border-bottom:1px solid #e5e5e5; font-family:'Nanum Gothic', 'NanumGothic'; color:#333;}
.board_list a {display:block; font-size:14px; padding:0.5em;}
.board_list strong {font-weight:normal;}
.board_list span.info {display:block; color:#999}
.board_list span {display:inline-block; font-size:12px;}
.board_list .ico_s {display:inline-block;}
.board_list img {vertical-align:middle;}

.gallery_list {padding:0 12px; overflow:hidden; font-size:12px; line-height:16px; color:#343434; letter-spacing:-.03em;}
.gallery_list ul {display:flex; flex-wrap:wrap; margin:0 -6px;}
.gallery_list li {float:left; width:calc(50% - 12px); margin:6px; border:1px solid #afafaf; box-sizing:border-box;}
.gallery_list li:nth-child(2n+1) {clear:left;}
.gallery_list li .pic {position:relative; padding-bottom:80%; overflow:hidden; margin-bottom:10px;}
.gallery_list li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.gallery_list li dl {display:table; table-layout:fixed; width:100%; padding:0 10px 7px 10px; box-sizing:border-box;}
.gallery_list li dt {display:table-cell; width:44px; font-weight:bold; vertical-align:top;}
.gallery_list li dd {display:table-cell; padding:0 0 0 8px; word-break:break-all; background:url('/images/bbs/colon.gif') 0 4px no-repeat; vertical-align:top;}
.gallery_list li a.more {display:block; margin:12px 0 12px 10px; font-weight:bold;}


/*게시판뷰페이지*/
.board_view {background:#fff;}
.view_top {
	position: relative;
	padding: 0.5em;	
	border-top:1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	color:#666;
	background: -webkit-linear-gradient(#fff, #f9f9f9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #f9f9f9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #f9f9f9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #f9f9f9); /* Standard syntax (must be last) */
}
.view_top strong {color:#333; font-size:15px;}
.view_top span.cat {color:#666;}

.view_con {padding:0.8em 0.5em;}
.view_con img {width:auto !important; height:auto !important; max-width:100%;}

.gallery_view {padding:20px; margin:0 12px; border:1px solid #afafaf;}
.gallery_view h3 {line-height:20px; padding:5px 0 20px; text-align:center; font-size:16px; letter-spacing:-.04em; color:#343434; font-weight:bold;}
.gallery_view .pic {margin-bottom:20px;}
.gallery_view dl {display:flex; flex-wrap:wrap; font-size:13px; color:#343434;}
.gallery_view dl.descript {padding:30px 0 0;}
.gallery_view dt {font-weight:bold; vertical-align:top; line-height:24px; margin-right:5px;}
.gallery_view dd {line-height:18px; padding:3px 0 3px 6px; background:url('/images/bbs/colon.gif') 0 8px no-repeat;}
.gallery_view a {font-weight:bold; color:#343434; font-size:13px;}
.gallery_view img {width:auto !important; height:auto !important; max-width:100%;}
.gallery_view .descript {display:block;}
.gallery_view .descript dt {margin-bottom:10px;}
.gallery_view .descript dd {padding:0; background:none; word-break:break-all;}


/* 이전글,다음글 */
.prev_next dl {padding:0.5em 0.3em; line-height:1.2em; overflow:hidden; clear:both;}
.prev_next dt {float:left; width:20%; text-align:center; font-weight:bold; color:#666;}
.prev_next .prev {border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd;}
.prev_next .prev dt {background: url('../images/arrow_up.gif') 2px 50% no-repeat;}
.prev_next .next {border-bottom:1px solid #cdcdcd;}
.prev_next .next dt {background: url('../images/arrow_down.gif') 2px 50% no-repeat;}

/*페이지버튼*/
.pagination {text-align:center; padding:5px 0;}
.pagination a {display:inline-block; margin:0 0.3em; font-size:12px;}
.pagination strong {color:#da4836;}
.pagination .first {margin:0 0.5em; font-size:10px; font-weight:bold;}
.pagination .prev {margin:0 0.5em 0 0.1em;font-size:10px; font-weight:bold;}
.pagination .next {margin:0 0.1em 0 0.5em;font-size:10px; font-weight:bold;}
.pagination .last {font-size:10px; font-weight:bold;}

.paginate {text-align:center; margin-top:20px;}