#Board{position:relative; background-color:#fff; width:100%; padding:0px; margin:0px;}
#Board th{font-size:12px; font-weight:bold}
#Board td{font-size:12px}
#Board th, #Board td{padding:10px 0;}
#Board table, #Board table th, #Board table td{border:0 none}
#Board h3{min-height:17px; padding-left:25px; margin-bottom:3px; background:url("/images/common/icon/icon_h_red.gif") left top no-repeat}
#Board label{margin-right:10px}
#Board .downTag {padding:5% 0 3% 0;}
#Board .writeInfo {color:#777; font-size:12px;}


/*form.skin*/
#Board.form .type1{width:100%; overflow:hidden;border-top:1px solid #333; padding:0px; margin:0px;}
#Board.form .type1 caption{display:none}
#Board.form .type1 table{width:100%;}
#Board.form .type1 th, #Board.form .type1 td{border-bottom:1px solid #ddd; padding:8px 10px;}
#Board.form .type1 th{border-right:1px solid #ddd; text-align:left; background:#f5f5f5;}
#Board.form .type1 td{text-align:left;}
#Board.form .subject .text{width:60%}
#Board.form .subject span{margin-left:10px}
#Board.form h3{display:none}
.noneEditor{width:98%; height:200px;}
#Board.form .type1 .require{background:url("/images/common/icon/icon_require.gif") 16px 10px no-repeat #f9f9f9;}

#Board.form .type3 {border-top:1px solid #333;}
#Board.form .type3 th,
#Board.form .type3 td {border-bottom:1px solid #d0d0d0; padding:15px 3%; font-size:13px;}
#Board.form .type3 th {background:#f9f9f9;}
#Board.form .type3 .text {height:27px;}
#Board.form .type3 select {height:27px;}
#Board.form .type3 label {vertical-align:sub;}
#Board.form .type3 .b_subject {width:100%; margin-top:8px;}
#Board.form .type3 .secret {font-weight:normal; color:#666; font-size:14px;}

/*list.skin*/
#Board.list .type1{width:100%; overflow:hidden; border-top:1px solid #333; padding:0px; margin:0px;}
#Board.list .type1 caption{display:none}
#Board.list .type1 table{width:100%;}
#Board.list .type1 th, #Board .type1 td{border-bottom:1px solid #ddd; padding:8px 10px; text-align:center;}
#Board.list .type1 th{vertical-align:top; background:url(/images/common/board/list_th_bg.gif) left top repeat-x; border-left:1px solid #ddd;}
#Board.list .type1 th:first-child{border-left:none;}
#Board.list .subject{text-align:left; font-size:12px; padding:5% 10px; font-size:13px;}
#Board.list .subject a {color:#111;}
#Board.list .subject span{margin-left:4px}
#Board.list .subject img{vertical-align:middle}
#Board.list .W_photo{padding:10px;}
#Board.list .comment{color:#333; font-weight:bold}
#Board.list .type1 .nodata{height:50px; font-size:12px}
#Board.list .postsArea{text-align:right; overflow:hidden; margin-bottom:4px;}
#Board.list .posts{padding-left:16px;   font-size:11px;  background:url("/images/common/icon/icon_post.gif") left top no-repeat;}
#Board.list .posts span{margin-left:5px; color:#333; font-weight:bold}
#Board.list #search select {width:80px}

/*view.skin (W.blog)
#Board.list .type2{width:100%; overflow:hidden; border-top:1px solid #e0e0e0}
#Board.list .type2 td{border-bottom:1px solid #e0e0e0;}

#Board.view .type2{width:100%; overflow:hidden; border-top:1px solid #e0e0e0}
#Board.view .type2 .date{border-bottom:1px solid #e0e0e0; background:#f5f5f5; padding:5px 15px 30px 15px;}
#Board.view .type2 .subject{padding:30px 15px 10px 15px; background:#f5f5f5; font-size:18px; color:#000; font-weight:bold;}*/

/*view.skin*/
#Board.view .type1{width:100%; overflow:hidden; border-top:1px solid #333; padding:0px; margin:0px;}
#Board.view .type1 caption{display:none}
#Board.view .type1 table{width:100%;}
#Board.view .type1 th, #Board.view .type1 td{border-bottom:1px solid #ddd; padding:8px 10px;}
#Board.view .type1 th{text-align:center;}
#Board.view .type1 td{text-align:left;}
#Board.view .subject {padding:5% 10px !important; color:#222; font-size:14px;}
#Board.view .subject strong{margin-right:4px; font-size:11px; color:#333}
#Board.view .data{padding-left:18px; background:url(/images/common/icon/icon_data.gif) left top no-repeat }
#Board.view .postsArea{text-align:left; overflow:hidden; margin-bottom:4px; color:#333; font-weight:bold; text-decoration:underline}
#Board.view .posts{padding-left:16px; font-size:12px;  background:url("/images/common/icon/icon_post.gif") left top no-repeat;}
#Board.view .viewArea #DivContents {padding:2% 0 3% 0;}
#Board.view .viewArea img{max-width:280px;}

/* W.staff */
#Board .staff {}
#Board .staff td.W_photo {width:30%;}
#Board .staff b.name {font-size:18px;}
#Board .staff a.btn_red2 {margin-bottom:10px;}
#Board .staff .con {padding-bottom:10px;}
#Board .staff .title {display:block; margin:5px 0 5px 0 !important; font-weight:bold; color:#004bae; font-size:14px;}

/* W.history */
#Board.list .type1.history tr,
#Board.list .type1.history td {vertical-align:top; text-align:left;}
#Board.list .type1.history td.year span {font-size:16px; font-weight:bold; display:block; border-radius:100px; border:2px solid #1f60b6; color:#1f60b6; width:50px; height:50px; text-align:center; line-height:50px;}
#Board.list .type1.history td.year a {font-size:16px; font-weight:bold; display:block; border-radius:100px; border:2px solid #1f60b6; color:#1f60b6; width:50px; height:50px; text-align:center; line-height:50px;}
#Board.list .type1.history td.W_photo {vertical-align:middle;}
#Board.view .type1.history {border-bottom:1px solid #dfdfdf;}
#Board.view .type1.history #DivContents {padding:0 10px 10px 0;}
#Board.view .type1.history .historyTitle {font-size:24px; font-weight:bold; padding:10px 0; color:#e11813;}

/***bbs.Gallery***/
#Board .gallery{width:100%; display:inline-block; overflow:hidden; position:relative; padding:0px; margin:0px;}
#Board .gallery ul{width:100%; display:inline-block; padding:15px 0px 0px 0px; margin:0px;}
#Board .gallery dl{width:100%; margin-top:8px; text-align:center; color:#333;}
#Board .gallery dd{color:#999}
#Board .gallery .nodata{width:100%; height:30px; padding:15px 0px 0px 0px; margin:0px; text-align:center; border-top:2px solid #333; border-bottom:1px solid #ddd; background:none}
#Board .gallery .subject{font-size:14px;}
#Board .gallery .subject span{margin-left:5px;}
#Board .gallery img{vertical-align:top}

	/*Gallery basic list.skin */
	#Board .basic ul li{width:43%; margin:0px 10px 30px; height:50%; float:left; display:inline-block;}
	#Board .basic .thumb{position:relative; width:99%; margin-bottom:5px; background:none; overflow:hidden; border:1px solid #eee;}
	#Board .basic .thumb img {height:100px;}
	#Board .basic .subject{text-align:center;}

	/*Gallery partner list.skin */
	#Board .partner {width:100%; border-top:2px solid #333;}
	#Board .partner ul li{width:43%; margin:0px 10px 30px; height:50%; float:left; display:inline-block;}
	#Board .partner .thumb{position:relative; width:99%; padding:2px; background:#fff; overflow:hidden; border:1px solid #dedede; text-align:center;}
	#Board .partner .thumb img{height:35px;}
	#Board .partner .subject{text-align:center;}

	/* Smartphones (landscape) ----------- */

    @media only screen
	and (min-width : 480px) {
		/* Styles */
		#Board.view .viewArea img{max-width:440px;}

		#Board .basic ul li{width:45%; margin:0px 10px 30px; height:50%; float:left; display:inline-block;}
		#Board .basic .thumb{position:relative; width:99%; margin:0 auto 5px; background:none; overflow:hidden; border:1px solid #eee;}
		#Board .basic .thumb img{height:180px;}
	}

/* Gallery basic thumbnail skin */
#Board.view .product .thumbList li {display:inline-block; width:19%; text-align:center;}
#Board.view .product .thumbList li img {width:100%; height:100%;}

/***end***/


/*search*/
#search {padding:4% 0;border-top:1px solid #eee; border-bottom:1px solid #eee; text-align:center; background:#fafafa}
#search .text {height:23px;}
#search select {height:25px;}
#search label{display:none}


/*writeBtnArea*/
#Board .writeBtnArea{width:100%; overflow:hidden; margin:20px 0 20px; text-align:center; }
#Board .writeBtnArea .colLeft{float:left}
#Board .writeBtnArea .colRight{float:right}


/*page*/
#Board .pageArea {width:100%; margin-top:20px; text-align:center; position:relative; padding:5px 0px; line-height:15px; font-weight:700;}
#Board .pageArea a:link {display:inline-block; zoom:1; *display:inline;  color:#777; }
#Board .pageArea > b {display:inline-block; zoom:1; *display:inline; color: #e60a17; font-size: 14px; font-family:'Lato'; margin-right:3px; width:23px; height:23px; text-align:center; line-height:23px; border:2px solid #e60a17; text-align: center; font-weight:700;}
#Board .pageArea > a span {display:inline-block; zoom:1; *display:inline; color: #ccc; margin-right:3px; font-size: 14px; font-family:'Lato'; width: 23px; border:2px solid #fff; height:23px; line-height:23px; text-align: center;}
#Board .pageArea > a.arrow {display:inline-block; zoom:1; *display:inline; color: #ccc; margin-right:3px; font-size: 14px; font-family:'Lato'; width: 23px; border:2px solid #fff; height:23px; line-height:23px; text-align: center;}


/*개인정보동의*/
#Board .privacy{width:100%; height:190px; display:inline-block; background:#f9f9f9;}
#Board .privacy .tit{padding-left:15px; margin-top:15px; margin-bottom:10px; font-weight:bold; font-size:16px;}
#Board .privacy .textarea{width:90%; height:90px; margin:0px 15px 0;}
#Board .privacy .privacyCheck{ margin-top:10px; padding-right:15px; text-align:right}


/*passcheck*/
.xfCon {z-index:100}
.pssscheckWrap {width:84%; text-align:center; background-color:#fff; position:fixed; top:80px; z-index:9999; padding:40px 3% 20px 3%; border:5px solid #eee;}
.pssscheck { padding:30px 0; border-top:1px solid #222; border-bottom:1px solid #bbb;}
.pssscheck h3 {margin-bottom:13px; display:none;}
.pssscheck p {margin-bottom:30px; display:none;}
.pssscheck label {border:none;}
.pssscheckWrap .writeBtnArea {padding-left:0px; margin-top:20px}
.pssscheckWrap .writeBtnArea img {vertical-align:middle}


/*comment*/
.mgT30{margin-top:30px;}
#commentArea{background:#f9f9f9;}
.cWrite input, #commentArea textarea{background:#fff}
#CommentWrite, .commentList{padding:6px 18px 0; overflow:hidden}
.cWrite .userInfo{padding-top:8px; font-size:11px}
.cWrite .userInfo .writer{font-size:12px; font-weight:bold;  font-family:"NanumGothic",dotum,taroma}
.cWrite .confirm{text-align:right}
.cWrite .textarea{width:100%; height:46px}
.commentList .list{padding-bottom:12px; border-bottom:1px solid #ddd; margin-bottom:-1px;}
.commentList .listMenu{height:20px; padding-top:10px}
.commentList .listMenu .writer{float:left; padding-right:5px; font-weight:bold;  font-family:"NanumGothic",dotum,taroma}
.commentList .listMenu .date{float:left; font-size:11px; color:#999; font-family:"NanumGothic",dotum,taroma}
.commentList .listMenu .option{float:right; font-size:11px;}
.commentList .listMenu .option span{padding-left:3px}
.commentList .listMenu .option .best a{text-decoration:underline}


/* Gallery Board Zoom 관련 css */
.highslide { cursor:url(<?=$Board_Admin["skin_dir"]?>/highslide/graphics/zoomin.cur), pointer; outline: none;}
.highslide img { border: 0px solid gray; }
.highslide:hover img {}
.highslide-image { border: 2px solid #dddddd; }
.highslide-image-blur {}
.highslide-caption { display: none;  border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; padding: 5px; background-color: white; }
.highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding:3px; border-top: 1px solid white; border-bottom: 1px solid white; background-color: black; }
a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px;}
a.highslide-credits:hover,a.highslide-credits:hover i {color: white; background-color: gray;}
.highslide-move {cursor: move;}
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}
.control {float: right; display: block; position: relative;	margin: 0 5px; font-size: 9pt; font-weight: bold; text-decoration: none; text-transform: uppercase; margin-top: 1px; margin-bottom: 1px;}
.control:hover { border-top: 0px solid #333; border-bottom: 1px solid #333; margin-top: 0; margin-bottom: 0;}
.control, .control * {color: #666;}

/*/ Gallery Board Zoom 관련 css */


.mobileTblType01 {margin-bottom:15%;}
.mobileTblType01 dt {font-family:'NanumBarunGothicN'; color:#111; font-size:13px; margin-bottom:5px;}
.mobileTblType01 dd {margin-bottom:15px;}
.mobileTblType01 dd select {height:32px;}
.mobileTblType01 dd input.text {width:100%; box-sizing:border-box; height:30px;}
.mobileTblType01 dd input.file {width:100%; box-sizing:border-box; height:30px;}
.mobileTblType01 dd input.tel {width:30%;}
.mobileTblType01 .private {padding:5%; border:1px solid #d0d0d0; margin-bottom:3%;}
.mobileTblType01 .private li {margin:5px 0;}