@charset "utf-8";

/*───────────────────────────────────────────────────────────

	** layout, navigation, button, company 관련은 /css/sub.css 에 있습니다.
	** header, footer, main 관련은 /css/skin.css 에 있습니다.

───────────────────────────────────────────────────────────*/



/*───────────────────────────────────────────────────────────
	common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		html, body, #wrap {min-height:100%;padding:0px;margin:0;box-sizing:border-box;}
		body {overflow-x:hidden;}
		div, dd, li, p, span, td, dt, h1, h2, h3, h4, h5, h6, strong, b, em, th {}
		b, dt, strong, em, th, h1, h2, h3, h4, h5, h6 {font-weight:700;}
		input, button, textarea, select {}
		address, em {font-style:normal;}

		/* clear type */
		.clear:after, .after_div:after {content:"";display:block;clear:both;}
		.fl {float:left;}
		.fr {float:right;}
		.clear_fl {clear:both;float:left;}

		/* display type */
		.db {display:block !important;}
		.dn {display:none !important;}
		.di {display:inline-block !important;}
		.dt {display:table !important;}
		.dr {display:table-row !important;}
		.dc {display:table-cell !important;}

		/* hidden type */
		.blind {width:0;height:0;text-indent:-9999999px}
		.opacityhidden {opacity:0;}

		/* position type */
		.relative {position:relative;}
		.absolute {position:absolute;}

		/*** align type ***/
		.ta_left {text-align:left !important;}
		.ta_center {text-align:center !important;}
		.ta_right {text-align:right !important;}
		.va_top {vertical-align:top !important;}
		.va_middle {vertical-align:middle !important;}
		.va_bottom {vertical-align:bottom !important;}

		/* etc basic */
		.border_box {box-sizing:border-box;}
		.ti_0 {text-indent:0 !important;}

		/* border type */
		.bd_none {border:0 none !important;}
		.border_top_non {border-top:0 none !important;}
		.border_rig_non {border-right:0 none !important;}
		.border_bot_non {border-bottom:0 none !important;}
		.border_left_non {border-left:0 none !important;}

		/* input type  */
		input[type="text"],
		input[type="password"],
		input[type="number"],
		input[type="date"] {
			height: 30px;
			line-height: 28px;
			border: 1px #d3d3d3 solid;
			color: #555;
			font-size: 12px;
			padding: 0 8px;
			text-indent: 0;
			border-radius: 0;
			margin: 0;
			box-sizing: border-box;
			vertical-align: middle;
			text-align: left;
			outline: 0;
		}

		input[type="checkbox"] {
			display: none;
		}

		input[type="checkbox"]+label {
			cursor: pointer;
		}

		input[type="checkbox"]+label:before,
		input[type="checkbox"]+label::before {
			display: inline-block;
			content: "";
			width: 18px;
			height: 18px;
			margin: -2px 5px 0 0;
			vertical-align: middle;
			background: url("../images/common/icon_chk.png") no-repeat 0 50%;
			cursor: pointer;
		}

		input[type="checkbox"]:checked+label:before,
		input[type="checkbox"]:checked+label::before {
			background: url("../images/common/icon_chk_on.png") no-repeat 0 50%;
		}

		input[type="radio"] {
			display: none;
		}

		input[type="radio"]+label {
			cursor: pointer;
		}

		input[type="radio"]+label:before,
		input[type="radio"]+label::before {
			display: inline-block;
			content: "";
			width: 13px;
			height: 13px;
			margin: -2px 5px 0 20px;
			vertical-align: middle;
			background: url(../../../../lib/images/icon_input_radio.png) left top no-repeat;
			cursor: pointer;
		}

		input[type="radio"]:checked+label:before,
		input[type="radio"]:checked+label::before {
			background: url(../../../../lib/images/icon_input_radio_on.png) left top no-repeat;
		}

		input[type="radio"]+label:first-of-type:before,
		input[type="radio"]+label:first-of-type::before {
			margin-left: 0;
		}

		/* button type */
		button {
			outline: 0;
			box-sizing: border-box;
		}

		/* textarea type */
		textarea {
			font-size: 12px;
			line-height: 20px;
			color: #555;
			border: 1px solid #d3d3d3;
			border-radius: 0;
			padding: 5px 10px;
			margin: 0;
			box-sizing: border-box;
			vertical-align: middle;
			text-align: left;
		}

		/* select type */
		select {
			color: #555;
			border: 1px solid #d3d3d3;
			height: 30px;
			line-height: 28px;
			font-size: 12px;
			padding: 0 0 0 10px;
			border-radius: 0;
			outline: 0;
			cursor: pointer;
			box-sizing: border-box;
			margin: 0;
			vertical-align: middle;
			text-align: left;
		}

		.select_box_wrap {
			height: 30px;
			line-height: 30px;
			margin: 0;
			padding: 0;
			display: inline-block;
			position: relative;
			z-index: 1;
			box-sizing: border-box;
		}

		.select_box_wrap .select_box_arrow {
			cursor: pointer;
			position: absolute;
			z-index: 5;
			width: 0px;
			height: 0px;
			right: 7px;
			top: 12px;
			border-right: 6px solid transparent;
			border-bottom: 6px solid #aaa;
			transform: rotate(315deg);
			display: none;
		}

		/* skip menu - outline/header */
		.skip_nav {
			position: absolute !important;
			left: -9999px;
			top: 0;
			z-index: 9999;
		}

		.skip_nav a {
			display: block;
			height: 1px;
			width: 1px;
			margin-bottom: -1px;
			overflow: hidden;
			font-size: 12px;
			color: #fff;
			font-weight: bold;
			white-space: nowrap;
			text-align: center;
		}

		.skip_nav a:focus,
		.skip_nav a:active {
			height: auto;
			width: 100%;
			padding: 0;
			margin-bottom: 0;
			position: absolute;
			left: 0;
			top: 0;
		}

		/* pagaing wrap */
		.paging {
			text-align: center;
			padding-top: 2px;
			line-height: 35px;
			font-size: 0;
			margin: 2.8% auto 0 auto;
			vertical-align: top;
			box-sizing: border-box;
		}

		.paging span {
			display: inline-block;
			vertical-align: top;
		}

		.paging a {
			display: inline-block;
			font-size: 12px;
			color: #777;
			padding: 0 5px;
			border: 1px #ccc solid;
			box-sizing: border-box;
			height: 35px;
			line-height: 33px;
			min-width: 35px;
			text-align: center;
			vertical-align: top;
		}

		.paging a img {
			height: 33px;
			width: 33px;
			vertical-align: top;
		}

		.paging span+span a,
		.paging a+a,
		.paging a+span a {
			border-left: 0;
		}

		.paging .on a {
			color: #222222;
			font-weight: bold;
		}

		.paging a.on,
		.paging a:hover {
			color: #222222;
			font-weight: 700;
		}

		.paging .arrow a {
			font-size: 0;
			width: 34px;
		}

		.paging .arrow a img {
			display: none;
		}

		.paging .arrow.first a {
			background: #fff url("../images/common/paging_first.gif") no-repeat left 50%;
			background-size: cover;
		}

		.paging .arrow.prev a {
			background: #fff url("../images/common/paging_prev.gif") no-repeat left 50%;
			background-size: cover;
		}

		.paging .arrow.next a {
			background: #fff url("../images/common/paging_next.gif") no-repeat right 50%;
			background-size: cover;
		}

		.paging .arrow.last a {
			background: #fff url("../images/common/paging_last.gif") no-repeat right 50%;
			background-size: cover;
		}

		.view_btn {
			text-align: center;
			line-height: 40px;
			position: relative;
			min-height: 80px;
		}

		.view_btn .paging {
			display: inline-block;
		}

		/* device */
		.for_pc {
			display: inline-block;
		}

		.for_t {
			display: none;
		}

		.for_m {
			display: none;
		}

		@media only screen and (max-width:1200px) {

			.paging {
				margin-top: 3.8%;
			}
		}

		@media only screen and (max-width:1024px) {

			/* device */
			.for_t {
				display: inline-block;
			}

			.for_pc {
				display: none;
			}

			.for_m {
				display: none;
			}

			.paging {
				margin-top: 4.2%;
			}

		}

		@media only screen and (max-width:860px) {}

		@media only screen and (max-width:767px) {
			.paging {
				margin-top: 5.2%;
			}
		}

		@media only screen and (max-width:640px) {

			/* device */
			.for_m {
				display: inline-block;
			}

			.for_pc {
				display: none;
			}

			.for_t {
				display: none;
			}

			.paging {
				margin-top: 5.8%;
			}
		}

		@media only screen and (max-width:479px) {
			.paging {
				margin-top: 9.8%;
			}

			.paging .arrow.prev a {
				border-right: 0;
			}
		}


		/*───────────────────────────────────────────────────────────
			TABLE | 서브페이지 전체 사용 ( board / member / layout )
		───────────────────────────────────────────────────────────*/
		/** PC 일반 **/
		.bbs_title_box {
			overflow: hidden;
		}

		.bbs_title_box .btn_right {
			float: right;
		}

		.bbs_title_box .btn_right+.btn_right {
			margin-right: 5px;
		}

		/* 게시판 소타이틀 */
		.bbs_write_title {
			font-size: 16px;
			color: #222;
			font-weight: 700;
			padding-bottom: 1.2%;
		}

		.bbs_write+.bbs_write_title {
			padding-top: 1.8%;
		}

		/* 게시판 설명글 */
		.bbs_write_info {
			font-size: 14px;
			line-height: 20px;
			padding-top: 2.4%;
			color: #666;
		}

		.bbs_write_info strong {
			font-size: inherit;
			color: #222;
			font-weight: 700;
		}

		table.bbs_write th,
		table.bbs_write td,
		table.bbs_write th a,
		table.bbs_write td a,
		table.bbs_write td label,
		table.bbs_write td select,
		table.bbs_write td input[type="text"],
		table.bbs_write td input[type="password"],
		table.bbs_write td input[type="number"],
		table.bbs_write td input[type="date"],
		table.bbs_write td input[name="title"],
		table.bbs_write td textarea,
		table.bbs_list th,
		table.bbs_list td,
		table.bbs_list th a,
		table.bbs_list td a {}

		/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
		table.bbs_write {
			table-layout: fixed;
			width: 100%;
			text-align: left;
			box-sizing: border-box;
		}

		table.bbs_write.bbs_title {
			border-top: 1px solid #333;
		}

		table.bbs_write th,
		table.bbs_write td {
			font-size: 13px;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 20px;
			padding-right: 20px;
			line-height: 30px;
			border-bottom: 1px solid #ddd;
			font-weight: 300;
			color: #888;
			text-align: left;
			vertical-align: middle;
			box-sizing: border-box;
		}

		table.bbs_write th {
			padding-left: 25px;
			padding-right: 25px;
			font-size: 14px;
			font-weight: 700;
			color: #444;
			background-color: #fafafa;
		}

		table.bbs_write td {}

		table.bbs_write th,
		table.bbs_write td,
		table.bbs_write tr span,
		table.bbs_write tr input,
		table.bbs_write tr select {
			vertical-align: top;
		}

		table.bbs_write tr span,
		table.bbs_write tr input,
		table.bbs_write tr select,
		table.bbs_write tr textarea,
		table.bbs_write tr label {
			color: #666;
			font-size: inherit;
			font-weight: 400;
		}

		table.bbs_write tr select {
			background: #fff;
		}

		table.bbs_write tr label.ex_radio {
			width: 100%;
			display: block;
		}

		table.bbs_write tr input[type="radio"]+label.ex_radio:before,
		table.bbs_write tr input[type="radio"]+label.ex_radio::before {
			margin: -2px 5px 0 0;
		}

		table.bbs_write tr td #captcha_box {
			display: inline-block;
			width: auto;
			vertical-align: middle;
			margin-right: 1px;
		}

		table.bbs_write tr td input[name="captcha"],
		table.bbs_write tr td .btn_reset,
		table.bbs_write tr td #refreshCode {
			vertical-align: middle !important;
		}

		table.bbs_write th .require_dot,
		table.bbs_write th .require_dot:before {
			line-height: inherit;
			height: inherit;
			color: #444;
			font-weight: 400;
			display: inline-block;
		}

		table.bbs_write th .require_dot {
			padding-left: 4px;
		}

		table.bbs_write th .require_dot:before {
			content: ' *';
			font-size: inherit;
			vertical-align: middle;
		}

		table.bbs_write td p {
			line-height: 20px;
			padding: 5px 0 0;
			font-size: inherit;
			display: inline-block;
			margin: 0;
			vertical-align: top;
		}

		table.bbs_write td div.view_cont {
			padding: 8px 10px 50px 10px;
			line-height: 26px;
			min-height: 150px;
		}

		table.bbs_write td select,
		table.bbs_write td input[type="text"],
		table.bbs_write td input[type="password"],
		table.bbs_write td input[type="number"],
		table.bbs_write td input[type="date"] {
			min-width: 25%;
		}

		table.bbs_write td input[name="title"] {
			width: 100%;
		}

		table.bbs_write td input[name="zip"] {
			width: 80px;
			min-width: 70px;
		}

		table.bbs_write td input[name="address"],
		table.bbs_write td input[name="address2"] {
			width: 55%;
			min-width: 450px;
		}

		table.bbs_write td input.tel {
			min-width: 50px;
		}

		table.bbs_write td textarea {
			min-width: 100%;
			height: 200px;
		}

		table.bbs_write td select.mail_select {
			margin-left: 0px;
			margin-right: 5px;
		}

		table.bbs_write td input[name="email_id"] {
			width: 16%;
			min-width: 120px;
		}

		table.bbs_write td input[name="email_domain"],
		table.bbs_write td select.mail_select {
			width: 20%;
			min-width: 140px;
		}

		table.bbs_write td input[name="email_domain"] {
			display: inline-block !important;
		}

		table.bbs_write .input_file {}

		table.bbs_write .input_file td,
		table.bbs_write .input_file td input {
			vertical-align: middle;
		}

		table.bbs_write td .file_name {
			display: inline-block;
			vertical-align: top;
		}

		table.bbs_write td .file_name a {
			display: inline-block;
			vertical-align: middle;
			line-height: 23px;
		}

		table.bbs_write td .file_name .file_no {
			margin-left: 5px;
		}

		table.bbs_write td .at {
			display: inline-block;
			vertical-align: middle;
			margin: 0 0 0 3px;
		}

		table.bbs_write .input_email input {
			display: inline-block !important;
		}

		/* 캡챠 */
		table.bbs_write.captcha {}

		table.bbs_write.captcha th {
			text-align: center;
		}

		table.bbs_write.captcha th #captcha_box {}

		table.bbs_write.captcha th #captcha_box img {
			width: 100% !important;
			height: auto !important;
		}

		table.bbs_write.captcha td {
			line-height: 40px;
			vertical-align: middle;
		}

		table.bbs_write.captcha td input,
		table.bbs_write.captcha td span,
		table.bbs_write.captcha td button {
			vertical-align: middle !important;
		}


		/*** TABLE view ( board/board_view ) ***/
		.bbs_view {
			text-align: left;
			position: relative;
			z-index: 1;
		}

		/* 제목.작성자.작성일 */
		.bbs_view div.view_tit {
			padding: 1.2% 30px;
			border-bottom: 1px solid #bbbbbb;
			border-top: 1px solid #333333;
			background: #fafafa;
			margin: 0 auto;
			width: 100%;
			box-sizing: border-box;
			text-align: left;
			vertical-align: top;
			font-size: 0;
		}

		.bbs_view div.view_tit:after {
			clear: both;
			content: "";
			display: block;
		}

		.bbs_view div.view_tit>h3,
		.bbs_view div.view_tit>p {
			line-height: 28px;
			margin: 0;
			padding: 0;
			display: inline-block;
			box-sizing: border-box;
			vertical-align: middle;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.bbs_view div.view_tit>h3 {
			font-size: 16px;
			width: 80%;
			color: #222222;
			font-weight: 700;
			text-align: left;
		}

		.bbs_view div.view_tit>p {
			font-size: 13px;
			width: 20%;
			line-height: inherit;
			color: #666666;
			text-align: right;
		}

		/* 모바일.메일 */
		.bbs_view div.view_etc {
			padding: 1.2% 30px;
			border-bottom: 1px solid #bbbbbb;
			margin: 0 auto;
			width: 100%;
			box-sizing: border-box;
			text-align: left;
			vertical-align: top;
			font-size: 0;
		}

		.bbs_view div.view_etc:after {
			clear: both;
			content: "";
			display: block;
		}

		.bbs_view div.view_etc span {
			line-height: 20px;
			margin: 0;
			padding: 0;
			display: inline-block;
			box-sizing: border-box;
			vertical-align: middle;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.bbs_view div.view_etc span+span {
			margin-left: 60px;
		}

		.bbs_view div.view_etc span em {
			padding: 0 10px 0 0;
			color: #222;
			font-weight: 700;
			font-size: inherit;
			line-height: inherit;
			display: inline-block;
			vertical-align: middle;
		}

		.bbs_view div.view_etc span em:after {
			width: 1px;
			height: 10px;
			margin: 0;
			margin-left: 10px;
			background: #ccc;
			vertical-align: middle;
			content: "";
			display: inline-block;
		}

		/* 내용 */
		.bbs_view div.view_cont {
			padding: 1.2% 30px;
			font-size: 13px;
			line-height: 25px;
			min-height: 250px;
			border-bottom: 1px solid #bbbbbb;
			margin: 0 auto;
			width: 100%;
			box-sizing: border-box;
			text-align: left;
			vertical-align: top;
			word-break: break-all;
		}

		.bbs_view div.view_cont .thumb_img_wrap {
			padding-bottom: 1.2%;
			text-align: center;
		}

		.bbs_view div.view_cont .thumb_img_wrap img {
			margin: 0 auto;
		}

		.bbs_view div.view_cont .thumb_img_wrap img+img {
			margin-top: 12px;
		}

		/* 비디오 */
		.bbs_view div.view_cont .view_video {
			position: relative;
			width: 100%;
			height: 0;
			padding-top: 56.25%;
		}

		.bbs_view div.view_cont .view_video iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		/* 첨부파일 */
		.bbs_view h4 {
			border-bottom: 1px solid #bbbbbb;
			padding: 17px 30px;
			font-size: 13px;
			color: #666666;
		}

		.bbs_view h4.thumb_wrap {
			padding-bottom: 7px;
		}

		.bbs_view h4 span {
			display: inline-block;
			color: #444;
			font-weight: 600;
			padding-right: 0;
			margin-right: 0;
		}

		.bbs_view h4 span:after {
			display: inline-block;
			width: 1px;
			height: 10px;
			background: #d3d3d3;
			vertical-align: middle;
			margin: 0 15px;
			padding: 0;
			content: "";
		}

		.bbs_view h4 a {
			display: inline-block;
		}

		.bbs_view h4 a+a {
			margin-left: 20px;
		}

		/* 답변 내용 */
		.bbs_view+.bbs_view {
			margin-top: 2.4%;
			z-index: 5;
		}

		.bbs_view+.bbs_view div.view_tit {}

		.bbs_view+.bbs_view div.view_tit>h3 {
			font-size: 14px;
		}

		/* 버튼 */
		.bbs_view+.view_btn {}

		.bbs_view+.view_btn:after {
			clear: both;
			content: "";
			display: block;
		}

		/* 게시판 개인정보취급 */
		.policy_cont {}

		.policy_cont>div {
			padding: 0 0 8px;
			text-align: left;
			line-height: 30px;
		}

		.policy_cont>div input[type=checkbox] {}

		.policy_cont>div label {
			margin-right: 20px;
			color: #333;
			font-size: inherit;
			font-weight: 400;
			cursor: pointer;
		}

		.policy_cont>textarea {
			height: 90px !important;
			line-height: 20px;
			margin: 0;
			color: #666;
			width: 100%;
			font-size: inherit;
			display: block;
		}

		/* 댓글 폼 */
		.board_comment {
			padding: 1.2% 30px;
			margin: 2.4% auto 0;
			border: 1px solid #bbbbbb;
			position: relative;
			width: 100%;
			box-sizing: border-box;
			text-align: left;
			vertical-align: top;
		}

		.board_comment .comment_name {
			font-size: 13px;
			line-height: 30px;
			color: #555;
			text-align: left;
		}

		.board_comment .comment_name span {
			font-size: inherit;
			line-height: inherit;
		}

		.board_comment .comment_name span input {
			margin-left: 10px;
		}

		.board_comment .comment_name span+span {
			margin-left: 20px;
		}

		.board_comment .comment_memo {
			padding: 1.2% 0;
		}

		.board_comment .comment_memo textarea {
			width: calc(100% - 102px);
			height: 72px;
			resize: none;
		}

		.board_comment .comment_memo a {
			float: right;
		}

		/* 댓글 목록 */
		.board_comment_list {
			margin: 2.4% auto 0;
			border-bottom: 1px solid #d3d3d3;
			position: relative;
		}

		.board_comment_list .comment_title {
			padding-bottom: 8px;
			font-size: 16px;
			line-height: 20px;
			color: #333;
			border-bottom: 1px solid #bbbbbb;
			text-align: left;
		}

		.board_comment_list .comment_title span {
			color: #333;
			font-weight: 700;
			font-size: inherit;
			font-family: 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
		}

		.board_comment_list .comment {
			padding: 1.2% 30px;
			margin: 0;
			width: 100%;
			box-sizing: border-box;
			position: relative;
		}

		.board_comment_list .comment+.comment {
			border-top: 1px #d3d3d3 dotted;
		}

		.board_comment_list .comment .comment_writer,
		.board_comment_list .comment .com_btn {
			display: inline-block;
			line: height 10px;
			margin: 0;
			padding: 0 0 20px 0;
			vertical-align: middle;
			font-size: 18px;
		}

		.board_comment_list .comment .comment_writer {
			color: #333;
			text-align: left;
		}

		.board_comment_list .comment .com_btn {
			float: right;
			text-align: right;
		}

		.board_comment_list .comment .com_btn a {
			color: #666;
		}

		.board_comment_list .comment .com_btn a.on+.comment_password {
			display: block !important;
		}

		.board_comment_list .comment span.board_line {
			margin: 0 8px;
			width: 1px;
			height: 9px;
			background: #999;
			vertical-align: middle;
			display: inline-block;
		}

		.board_comment_list .comment .com_txt,
		.board_comment_list .comment .com_txt_reply {
			line-height: 26px;
			font-size: 19px;
			font-weight: 400;
			color: #888;
			text-align: left;
			word-break: break-all;
		}

		.board_comment_list .comment .com_txt_reply {
			padding: 12px 0 8px 40px;
			margin: 8px 0 0;
			border-top: 1px solid #d3d3d3;
			background: url("../images/sub/comment_reply.png") no-repeat;
			background-position: 20px 18px;
		}

		.board_comment_list .comment .com_modify {
			margin: 8px 0 0;
			font-size: 0;
			position: relative;
		}

		.board_comment_list .comment .com_modify:after {
			clear: both;
			content: "";
			display: block;
		}

		.board_comment_list .comment .com_modify textarea {
			float: left;
			width: calc(100% - 102px);
			height: 72px;
		}

		.board_comment_list .comment .com_modify a {
			float: right;
		}

		/* 댓글 비번 레이어 */
		.board_comment_list .comment .comment_password {
			right: 30px;
			top: 50%;
			width: 310px;
			line-height: 30px;
			font-size: 12px;
			border: 2px solid #bbb;
			border-radius: 8px;
			padding: 12px;
			transform: translateY(-50%);
			box-sizing: border-box;
			position: absolute;
			background: #fff;
			z-index: 100;
			text-align: left;
		}

		.board_comment_list .comment .comment_password.modify {}

		.board_comment_list .comment .comment_password span,
		.board_comment_list .comment .comment_password a {
			font-size: inherit;
			line-height: inherit;
			vertical-align: top;
			display: inline-block;
		}

		.board_comment_list .comment .comment_password span {
			font-weight: 700;
		}

		.board_comment_list .comment .comment_password input {
			width: 146px;
			margin: 0 6px;
			vertical-align: top;
		}

		.board_comment_list .comment .comment_password a {}

		.board_comment_list .comment .comment_password a.close {
			width: 16px;
			height: 30px;
			margin-left: 4px;
			font-size: 0;
			background: url(../images/sub/btn_close.gif) no-repeat 50% 50%;
		}


		/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
		/* 검색 */
		.board_search {
			line-height: 30px;
			margin-bottom: 2.4%;
			padding: 1.2% 30px;
			text-align: right;
			background-color: #f2f2f2;
			font-size: 0;
			width: 100%;
			box-sizing: border-box;
		}

		.board_search fieldset {
			line-height: inherit;
			font-size: 0;
		}

		.board_search select,
		.board_search input,
		.board_search span,
		.board_search label {
			vertical-align: top;
			font-size: 13px;
			line-height: inherit;
		}

		.board_search select,
		.board_search input.input_text {
			margin-right: 8px;
			background-color: #fff;
			color: #666;
		}

		.board_search select {
			width: 120px;
		}

		.board_search input.input_text {
			width: 200px;
		}

		.board_search .board_search_sel {
			display: inline-block;
			vertical-align: middle;
			font-size: 0;
		}

		/* 일반형 총 게시글수 */
		.bbs_num {
			padding-bottom: 10px;
			line-height: 20px;
			font-size: 130%;
			color: #444;
		}

		.bbs_num strong {
			font-weight: 700;
		}

		/* 일반형 목록 */
		table.bbs_list {
			border-top: 1px solid #333333;
			border-bottom: 1px solid #bbb;
			width: 100%;
			text-align: center;
			table-layout: fixed;
			box-sizing: border-box;
		}

		table.bbs_list tr {}

		table.bbs_list tr.board_notice td {
			background: #f4f4f4;
		}

		table.bbs_list tr.board_notice td:nth-of-type(1) {
			color: #eb3949;
			font-weight: 600;
		}

		table.bbs_list th,
		table.bbs_list td {
			padding-left: 12px;
			padding-right: 12px;
			font-size: 13px;
			line-height: 20px;
			font-weight: 400;
			color: #666;
			text-align: center;
			vertical-align: middle;
		}

		table.bbs_list td a,
		table.bbs_list td em,
		table.bbs_list td strong,
		table.bbs_list td span {
			font-size: inherit;
			line-height: inherit;
		}

		table.bbs_list th {
			padding-top: 15px;
			padding-bottom: 15px;
			border-bottom: 1px solid #ccc;
			color: #333;
		}

		table.bbs_list td {
			padding-top: 13px;
			padding-bottom: 13px;
		}

		table.bbs_list td .board_tit {}

		table.bbs_list td .board_tit h3 {
			font-size: 13px;
			color: #333333;
			font-weight: 600;
		}

		table.bbs_list td .board_tit .board_ico,
		table.bbs_list td .board_tit img,
		table.bbs_list td .board_tit h3,
		table.bbs_list td .board_tit span {
			display: inline-block;
			vertical-align: middle;
		}

		table.bbs_list td .board_tit h3 .board_ico {}

		table.bbs_list td .board_tit img {
			vertical-align: middle;
			margin-right: 5px;
		}

		table.bbs_list td .board_tit h3 {
			font-weight: 400;
			font-size: 14px;
			color: #222;
			display: inline-block;
			vertical-align: middle;
			width: calc(100% - 50px);
			max-width: 900px;
		}

		table.bbs_list td .board_tit h3 strong {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			display: inline-block;
			vertical-align: top;
			max-width: 90%;
			font-size: inherit;
			color: inherit;
			font-weight: inherit;
			line-height: inherit;
		}

		table.bbs_list td a {}

		table.bbs_list .m_non,
		table.bbs_list .m_non {
			display: table-cell;
		}

		table.bbs_list td.left {
			text-align: left;
		}

		table.bbs_list td img {
			display: inline-block;
			vertical-align: middle;
		}

		table.bbs_list td img+img {
			margin-left: 4px;
		}

		table.bbs_list tr+tr td {
			border-top: 1px #ddd solid;
		}

		/* 추가필드 */
		.sub_board {
			position: relative;
		}

		.sub_board .bbs_view .extra_editor_wrap {
			display: table;
			width: 100%;
			margin: 0;
			table-layout: fixed;
			border-collapse: collapse;
			margin-top: -1px;
			border-top: 1px solid #bbb;
			border-bottom: 1px solid #bbb;
		}

		.sub_board .bbs_view .extra_editor_wrap>h4,
		.sub_board .bbs_view .extra_editor_wrap>div.extra_cont {
			padding: 20px;
			display: table-cell;
			box-sizing: border-box;
			border-collapse: collapse;
			vertical-align: middle;
			text-align: left;
			border: 0;
		}

		.sub_board .bbs_view .extra_editor_wrap>h4 {
			background: #fafafa;
			width: 141px;
			color: #333;
		}

		.sub_board .bbs_view .extra_editor_wrap div.view_cont.extra_cont {
			width: calc(100% - 141px);
		}

		.sub_board .bbs_view .extra_editor_wrap div.img_cont {}

		.sub_board .bbs_view .extra_editor_wrap div.extra_cont>span {
			font-size: 12px;
			color: #888;
			vertical-align: middle;
			display: block;
		}

		.sub_board .bbs_view .extra_editor_wrap div.extra_cont>span+span {
			margin-top: 10px;
		}

		.sub_board .bbs_view .extra_editor_wrap div.extra_cont a.icon_down {
			font-size: 0;
			background: url(../images/common/icon_download.png) no-repeat 0 0;
			display: inline-block;
			width: 15px;
			height: 15px;
			background-size: 100% auto;
			margin: 0 0 0 5px;
			padding: 0;
			vertical-align: middle;
		}

		.sub_board .bbs_view .extra_editor_wrap div.extra_cont img {
			width: auto;
			height: auto;
			vertical-align: middle;
			max-width: 100%;
		}

		/* 비디오 ifame 수정 */
		.view_video_wrap {
			position: relative !important;
			height: 0 !important;
			padding-bottom: 56.28% !important;
			margin: 0 auto !important;
			text-align: center !important;
			max-width: 100% !important;
		}

		.view_video_wrap>iframe {
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
		}

		@media only screen and (max-width:1200px) {

			/* 게시판 소타이틀 */
			.bbs_write+.bbs_write_title {
				padding-top: 2.2%;
			}

			/* 게시판 설명글 */
			.bbs_write_info {
				padding-top: 2.0%;
			}

			/*** TABLE view ( board/board_view ) ***/
			/* 제목.작성자.작성일 */
			.bbs_view div.view_tit {
				padding: 1.2% 20px;
			}

			/* 모바일.메일 */
			.bbs_view div.view_etc {
				padding: 1.2% 20px;
			}

			/* 내용 */
			.bbs_view div.view_cont {
				padding: 1.2% 20px;
			}

			/* 댓글 폼 */
			.board_comment {
				padding: 1.2% 20px;
				margin: 2.4% auto 0;
			}

			/* 댓글 목록 */
			.board_comment_list .comment {
				padding: 1.2% 20px;
			}

			/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
			/* 검색 */
			.board_search {
				margin-bottom: 2.4%;
				padding: 1.2% 20px;
			}
		}

		@media only screen and (max-width:1024px) {

			/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
			table.bbs_write colgroup col:first-of-type {
				width: 20%;
			}

			table.bbs_write th,
			table.bbs_write td {
				padding-left: 12px;
				padding-right: 12px;
			}

			table.bbs_write th {
				padding-left: 20px;
				padding-right: 20px;
			}

			/*** TABLE view ( board/board_view ) ***/
			/* 제목.작성자.작성일 */
			.bbs_view div.view_tit>h3 {
				font-size: 14px;
			}

			.bbs_view div.view_tit>p {
				font-size: 12px;
			}

			/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
			/* 일반형 목록 */
			table.bbs_list th,
			table.bbs_list td {
				padding-top: 13px;
				padding-bottom: 13px;
				padding-left: 12px;
				padding-right: 12px;
			}

			/* 추가필드 */
			.sub_board .bbs_view .extra_editor_wrap>h4 {
				width: 100px;
			}

		}

		@media only screen and (max-width:860px) {

			/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
			table.bbs_write {}

			table.bbs_write colgroup col:first-of-type {
				width: 18%;
			}

			table.bbs_write th,
			table.bbs_write td {
				font-size: 12px;
				padding-left: 12px;
				padding-right: 12px;
			}

			table.bbs_write th {
				padding-left: 12px;
				padding-right: 12px;
				font-size: 13px;
			}

			table.bbs_write td {}

			table.bbs_write td p {
				padding: 4px 0 0;
			}

			table.bbs_write td input[name="address"],
			table.bbs_write td input[name="address2"] {
				width: 100%;
				min-width: auto;
			}

			table.bbs_write tr td #captcha_box {
				display: block;
				margin-bottom: 5px;
			}

			table.bbs_write tr td input[name="captcha"] {
				margin: 0 5px 0 0;
				width: 50%;
			}

			/*** TABLE view ( board/board_view ) ***/
			/* 제목.작성자.작성일 */
			.bbs_view div.view_tit {
				padding: 1.6% 12px;
			}

			.bbs_view div.view_tit>h3 {
				width: 76%;
			}

			.bbs_view div.view_tit>p {
				width: 24%;
			}

			/* 모바일.메일 */
			.bbs_view div.view_etc {
				padding: 1.6% 12px;
			}

			.bbs_view div.view_etc span+span {
				margin-left: 40px;
			}

			/* 내용 */
			.bbs_view div.view_cont {
				padding: 1.6% 12px;
				font-size: 12px;
				line-height: 21px;
				min-height: 240px;
			}

			.bbs_view div.view_cont .view_video {
				padding-bottom: 1.6%;
			}

			.bbs_view div.view_cont .thumb_img_wrap {
				padding-bottom: 1.6%;
			}

			.bbs_view div.view_cont .thumb_img_wrap img+img {
				margin-top: 12px;
			}

			/* 답변 내용 */
			.bbs_view+.bbs_view {
				margin-top: 4.6%;
			}

			/* 댓글 폼 */
			.board_comment {
				padding: 1.6% 12px;
				margin: 4.6% auto 0;
			}

			.board_comment .comment_name {
				font-size: 12px;
			}

			.board_comment .comment_memo {
				padding: 1.6% 0;
			}

			/* 댓글 목록 */
			.board_comment_list {
				margin: 4.6% auto 0;
			}

			.board_comment_list .comment_title {
				font-size: 12px;
			}

			/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
			/* 검색 */
			.board_search {
				margin-bottom: 4.6%;
				padding: 1.6% 12px;
			}

			/* 일반형 목록 */
			table.bbs_list {}

			table.bbs_list tr {}

			table.bbs_list th,
			table.bbs_list td {
				padding-top: 1.6%;
				padding-bottom: 1.6%;
				font-size: 12px;
			}

			table.bbs_list td .board_tit h3 {
				font-size: 12px;
			}

			table.bbs_list th {
				font-size: 13px;
			}
		}

		@media only screen and (max-width:767px) {
			.bbs_title_box {
				margin-bottom: 10px;
			}

			/* 게시판 소타이틀 */
			.bbs_write_title {
				display: none;
			}

			.bbs_write+.bbs_write_title+.bbs_write {
				margin-top: 6.8%;
			}

			/* 게시판 설명글 */
			.bbs_write_info {
				font-size: 13px;
			}

			/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
			table.bbs_write {}

			table.bbs_write colgroup col:first-of-type {
				width: 20%;
			}

			table.bbs_write td select,
			table.bbs_write td input[type="text"],
			table.bbs_write td input[type="password"],
			table.bbs_write td input[type="number"],
			table.bbs_write td input[type="date"] {
				min-width: 42%;
			}

			table.bbs_write td input[name="title"] {
				width: 100%;
			}

			table.bbs_write td textarea {
				height: 120px;
			}

			table.bbs_write td select.mail_select {
				margin-left: 0px;
				margin-right: 5px;
			}

			table.bbs_write .input_email input[type="text"],
			table.bbs_write td input[name="email_id"],
			table.bbs_write td input[name="email_domain"],
			table.bbs_write td select.mail_select {
				width: 34%;
				min-width: 100px;
				margin-bottom: 4px;
			}

			table.bbs_write td input[name="email_domain"]+select.mail_select {
				clear: both;
				margin-bottom: 0;
			}


			/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
			/* 검색 */
			.board_search {
				margin-bottom: 4.6%;
				padding: 1.6% 12px;
			}

			/* 일반형 목록 */
			table.bbs_list .td_wide {
				display: none;
			}

			table.bbs_list col:first-child,
			table.bbs_list col:first-child {
				width: 10%;
			}
		}

		@media only screen and (max-width:640px) {

			/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
			table.bbs_write {}

			table.bbs_write colgroup col:first-of-type {
				width: 28%;
			}

			table.bbs_write th,
			table.bbs_write td {
				font-size: 11px;
				padding-top: 10px;
				padding-bottom: 10px;
				padding-left: 12px;
				padding-right: 12px;
				line-height: 30px;
			}

			table.bbs_write th {
				padding-left: 12px;
				padding-right: 12px;
				font-size: 13px;
			}

			table.bbs_write td {}

			table.bbs_write td p {
				line-height: 18px;
			}

			table.bbs_write td div.view_cont {
				padding: 8px 10px 50px 10px;
				line-height: 26px;
				min-height: 150px;
			}

			table.bbs_write td select,
			table.bbs_write td input[type="text"],
			table.bbs_write td input[type="password"],
			table.bbs_write td input[type="number"],
			table.bbs_write td input[type="date"] {
				min-width: auto;
				width: 56%;
			}

			table.bbs_write td input[name="title"] {
				width: 100%;
			}

			table.bbs_write .input_email input[type="text"],
			table.bbs_write td input[name="email_id"],
			table.bbs_write td input[name="email_domain"],
			table.bbs_write td select.mail_select {
				width: 43%;
				min-width: 100px;
				margin-bottom: 4px;
			}

			table.bbs_write td input[name="address"],
			table.bbs_write td input[name="address2"] {
				width: 100%;
			}

			/*** TABLE view ( board/board_view ) ***/
			/* 제목.작성자.작성일 */
			/* 제목.작성자.작성일 */
			.bbs_view div.view_tit {
				padding: 2.4% 12px;
			}

			.bbs_view div.view_tit>h3,
			.bbs_view div.view_tit>p {
				line-height: 22px;
			}

			.bbs_view div.view_tit>h3 {
				font-size: 13px;
				width: 100%;
			}

			.bbs_view div.view_tit>p {
				font-size: 12px;
				width: 100%;
				padding-top: 6px;
				text-align: left;
			}

			/* 모바일.메일 */
			.bbs_view div.view_etc {
				padding: 2.4% 12px;
			}

			.bbs_view div.view_etc span+span {
				margin-left: 20px;
			}

			.bbs_view div.view_etc span em {
				padding: 0 8px 0 0;
			}

			.bbs_view div.view_etc span em:after {
				margin-left: 8px;
			}

			/* 내용 */
			.bbs_view div.view_cont {
				padding: 2.4% 12px;
				font-size: 12px;
				line-height: 21px;
				min-height: 200px;
			}

			.bbs_view div.view_cont .view_video {
				padding-bottom: 2.4%;
			}

			.bbs_view div.view_cont .thumb_img_wrap {
				padding-bottom: 2.4%;
			}

			.bbs_view div.view_cont .thumb_img_wrap img+img {
				margin-top: 8px;
			}

			/* 답변 내용 */
			.bbs_view+.bbs_view {
				margin-top: 6.4%;
			}

			.bbs_view+.bbs_view div.view_tit>h3 {
				font-size: 13px;
			}

			/* 댓글 폼 */
			.board_comment {
				padding: 2.4% 12px;
				margin: 6.4% auto 0;
			}

			.board_comment .comment_memo {
				padding: 2.4% 0;
			}

			/* 댓글 목록 */
			.board_comment_list {
				margin: 6.4% auto 0;
			}

			.board_comment_list .comment {
				padding: 2.4% 12px;
			}

			/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
			/* 검색 */
			.board_search {
				margin-bottom: 6.4%;
				padding: 2.4% 12px;
				text-align: center;
			}

			.board_search select,
			.board_search input,
			.board_search span,
			.board_search label {
				font-size: 12px;
			}

			.board_search select,
			.board_search input.input_text {
				margin-right: 8px;
			}

			.board_search .board_search_sel {
				width: calc(100% - 268px);
				text-align: right;
			}

			.board_search select {
				width: calc(50% - 10px);
			}

			.board_search input.input_text {}

			/* 일반형 총 게시글수 */
			.bbs_num {
				padding: 0 0 8px 0;
				font-size: 12px;
			}

			/* 일반형 목록 */
			table.bbs_list th,
			table.bbs_list td {
				padding-top: 2.4%;
				padding-bottom: 2.4%;
			}

			table.bbs_list col:first-child,
			table.bbs_list col:first-child {
				width: 14%;
			}

			table.bbs_list td .board_tit .board_ico {
				display: block;
			}

			table.bbs_list td .board_tit h3 {
				width: 100%;
			}

			/* 추가필드 */
			.sub_board .bbs_view .extra_editor_wrap>h4 {
				font-size: 12px;
			}

			.sub_board .bbs_view .extra_editor_wrap>h4,
			.sub_board .bbs_view .extra_editor_wrap>div.extra_cont {
				padding: 10px;
			}
		}

		@media only screen and (max-width: 530px) {
			.board_search .board_search_sel {
				width: calc(100% - 218px);
			}

			.board_search input.input_text {
				width: 150px;
			}

		}

		@media only screen and (max-width: 479px) {

			/* 게시판 설명글 */
			.bbs_write_info {
				font-size: 12px;
				line-height: 18px;
				padding-top: 2.0%;
			}

			/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
			table.bbs_write {}

			table.bbs_write colgroup col:first-of-type {
				width: 32%;
				min-width: 120px;
			}

			table.bbs_write td p {
				font-size: 11px;
			}

			table.bbs_write td select,
			table.bbs_write td input[type="text"],
			table.bbs_write td input[type="password"],
			table.bbs_write td input[type="number"],
			table.bbs_write td input[type="date"] {
				width: 100%;
			}

			table.bbs_write td input[name="title"] {
				width: 100%;
			}

			table.bbs_write td input[name="userid"] {
				width: calc(100% - 100px);
			}

			table.bbs_write td input[name="zip"] {
				width: calc(100% - 70px);
			}

			table.bbs_write td input[name="captcha"] {
				width: calc(100% - 100px);
			}

			table.bbs_write .input_email input[type="text"],
			table.bbs_write td input[name="email_id"],
			table.bbs_write td input[name="email_domain"],
			table.bbs_write td select.mail_select {
				width: calc(47% - 6px);
				min-width: 70px;
			}

			table.bbs_write .input_email input[name="email_domain"],
			table.bbs_write .input_email select.mail_select {
				width: 100%;
			}

			table.bbs_write td input[name="email_id"] {}

			table.bbs_write td input[name="email_domain"],
			table.bbs_write td select.mail_select {
				margin-right: 0px;
				margin-left: -2px;
			}

			table.bbs_write td input[name="email_domain"]+select.mail_select {
				margin-left: 0;
				width: calc(100% - 96px);
			}

			table.bbs_write td select.mail_select+.btn_sm {
				margin-left: 0px;
			}

			table.bbs_write td input[name="address"],
			table.bbs_write td input[name="address2"] {
				width: 100%;
			}

			table.bbs_write td .at {
				width: 18px;
				text-align: center;
				margin: 0;
			}

			table.bbs_write td .btn_sm.btn_reset {
				width: 100%;
				min-width: auto;
				font-size: 0;
				padding: 0 10px 0 20px !important;
				background: #fff url(../images/common/icon_btn_reset.gif) no-repeat 50% !important;
			}

			table.bbs_write td .btn_sm.btn_info {
				width: auto;
				min-width: auto;
			}

			table.bbs_write select+input {
				margin-top: 5px;
			}

			table.bbs_write tr td input[name="captcha"] {
				width: calc(100% - 35px);
				margin: 0;
			}

			/*** TABLE view ( board/board_view ) ***/
			/* 모바일.메일 */
			.bbs_view div.view_etc {
				padding: 2.4% 12px;
			}

			.bbs_view div.view_etc span {
				line-height: 20px;
			}

			.bbs_view div.view_etc span+span {
				margin-left: 20px;
			}

			.bbs_view div.view_etc span em {
				padding: 0 8px 0 0;
			}

			.bbs_view div.view_etc span em:after {
				margin-left: 8px;
			}

			/* 내용 */
			.bbs_view div.view_cont {
				padding: 2.4% 12px;
				font-size: 12px;
				line-height: 20px;
				min-height: 180px;
			}

			.bbs_view div.view_cont .view_video {
				padding-bottom: 2.4%;
			}

			.bbs_view div.view_cont .thumb_img_wrap {
				padding-bottom: 2.4%;
			}

			.bbs_view div.view_cont .thumb_img_wrap img+img {
				margin-top: 8px;
			}

			/* 답변 내용 */
			.bbs_view+.bbs_view {
				margin-top: 9.6%;
			}

			.bbs_view+.bbs_view div.view_tit {}

			.bbs_view+.bbs_view div.view_tit>h3 {
				font-size: 13px;
			}

			/* 버튼 */
			.bbs_view+.view_btn {}

			/* 게시판 개인정보취급 */
			.policy_cont {}

			.policy_cont>div {
				padding: 0 0 4px;
				line-height: 30px;
			}

			.policy_cont>div input[type=checkbox] {}

			.policy_cont>div label {
				margin-right: 12px;
			}

			.policy_cont>textarea {
				height: 70px !important;
				line-height: 20px;
			}

			/* 댓글 폼 */
			.board_comment {
				padding: 2.4% 12px;
				margin: 9.6% auto 0;
			}

			.board_comment .comment_name {
				font-size: 0;
			}

			.board_comment .comment_name span {
				display: inline-block;
				width: calc(40% - 4px);
				font-size: 12px;
				line-height: 30px;
			}

			.board_comment .comment_name span input {
				width: calc(100% - 36px);
			}

			.board_comment .comment_name span+span {
				float: right;
				text-align: right;
				margin-left: 0px;
				width: calc(60% - 4px);
			}

			.board_comment .comment_name span+span input {
				width: calc(100% - 56px);
			}

			.board_comment .comment_memo {
				padding: 1.2% 0 2.4%;
			}

			.board_comment .comment_memo textarea {
				width: calc(100% - 76px);
				height: 72px;
			}

			/* 댓글 목록 */
			.board_comment_list {
				margin: 9.6% auto 0;
			}

			.board_comment_list .comment_title {
				padding-bottom: 8px;
				font-size: 12px;
				line-height: 20px;
			}

			.board_comment_list .comment {
				padding: 2.4% 12px;
			}

			.board_comment_list .comment .comment_writer,
			.board_comment_list .comment .com_btn {
				line-height: 20px;
				padding: 0 0 4px 0;
			}

			.board_comment_list .comment span.board_line {
				margin: 0 8px;
			}

			.board_comment_list .comment .com_txt,
			.board_comment_list .comment .com_txt_reply {
				line-height: 20px;
				font-size: 12px;
			}

			.board_comment_list .comment .com_txt_reply {
				padding: 12px 0 8px 40px;
				margin: 8px 0 0;
				background-position: 12px 18px;
			}

			.board_comment_list .comment .com_modify {
				margin: 8px 0 0;
			}

			.board_comment_list .comment .com_modify textarea {
				width: calc(100% - 76px);
				height: 72px;
			}

			/* 댓글 비번 레이어 */
			.board_comment_list .comment .comment_password {
				right: 12px;
				width: 300px;
				border-radius: 8px;
				padding: 8px;
			}

			.board_comment_list .comment .comment_password input {
				width: 158px;
			}

			/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
			/* 검색 */
			.board_search select,
			.board_search input.input_text {
				margin-right: 2%;
			}

			.board_search select {
				width: 25%;
				min-width: 104px;
			}

			.board_search .board_search_sel {
				width: 100%;
				text-align: left;
				margin-bottom: 10px;
			}

			.board_search input.input_text {
				width: calc(100% - 89px);
			}

			.board_search input.btn_md {
				width: 80px;
			}

			/* 일반형 목록 */
			table.bbs_list {}

			table.bbs_list tr {}

			table.bbs_list th,
			table.bbs_list td {
				padding-top: 12px;
				padding-bottom: 12px;
				padding-left: 8px;
				padding-right: 8px;
			}

			table.bbs_list th {}

			table.bbs_list td {}
		}

		@media only screen and (max-width:320px) {

			/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
			table.bbs_write {}

			table.bbs_write colgroup col:first-of-type {
				width: 38%;
			}

			table.bbs_write td select,
			table.bbs_write td input[type="text"],
			table.bbs_write td input[type="password"],
			table.bbs_write td input[type="number"],
			table.bbs_write td input[type="date"] {
				width: 100%;
				margin-right: 0px;
			}

			table.bbs_write td input[name="title"] {
				width: 100%;
			}

			table.bbs_write td input[name="userid"],
			table.bbs_write td input[name="captcha"] {
				width: 100%;
				margin-right: 0px;
				margin-bottom: 4px;
			}

			table.bbs_write td input[name="zip"] {
				width: calc(100% - 68px);
				margin-right: 6px;
			}

			table.bbs_write td input[name="email_id"] {
				margin-right: 0px;
				margin-left: 0;
				margin-bottom: 4px;
				width: calc(100% - 22px);
			}

			table.bbs_write td input[name="email_domain"],
			table.bbs_write td select.mail_select,
			table.bbs_write td input[name="email_domain"]+select.mail_select {
				margin-right: 0px;
				margin-left: 0;
				margin-bottom: 4px;
				width: 100%;
			}

			table.bbs_write td input[name="address"],
			table.bbs_write td input[name="address2"] {
				width: 100%;
			}

			table.bbs_write.captcha td {
				line-height: 30px;
			}

			/*** TABLE view ( board/board_view ) ***/
			/* 제목.작성자.작성일 */
			.bbs_view div.view_tit {
				padding: 2.4% 8px;
			}

			/* 모바일.메일 */
			.bbs_view div.view_etc {
				padding: 2.4% 8px;
			}

			/* 내용 */
			.bbs_view div.view_cont {
				padding: 2.4% 8px;
				min-height: 160px;
			}

			/* 썸네일 */
			.bbs_view div.view_cont .thumb_img_wrap {
				padding-bottom: 2.4%;
			}

			.bbs_view div.view_cont .thumb_img_wrap img+img {
				margin-top: 4px;
			}

			/* 답변 내용 */
			.bbs_view+.bbs_view {
				margin-top: 9.6%;
			}

			/* 게시판 개인정보취급 */
			.policy_cont>div {
				padding: 0 0 4px;
				line-height: 30px;
			}

			.policy_cont>div input[type=checkbox] {}

			.policy_cont>div label {
				margin-right: 8px;
			}

			.policy_cont>textarea {
				height: 70px !important;
				line-height: 20px;
			}

			/* 댓글 폼 */
			.board_comment {
				padding: 2.4% 8px;
				margin: 9.6% auto 0;
			}

			/* 댓글 목록 */
			.board_comment_list {
				margin: 9.6% auto 0;
			}

			.board_comment_list .comment_title {
				padding-bottom: 8px;
				font-size: 12px;
				line-height: 20px;
			}

			.board_comment_list .comment {
				padding: 2.4% 8px;
			}

			.board_comment_list .comment .comment_writer,
			.board_comment_list .comment .com_btn {
				line-height: 20px;
				padding: 0 0 4px 0;
			}

			.board_comment_list .comment span.board_line {
				margin: 0 8px;
			}

			.board_comment_list .comment .com_txt,
			.board_comment_list .comment .com_txt_reply {
				line-height: 20px;
				font-size: 12px;
			}

			.board_comment_list .comment .com_txt_reply {
				padding: 12px 0 8px 40px;
				margin: 8px 0 0;
				background-position: 12px 18px;
			}

			.board_comment_list .comment .com_modify {
				margin: 8px 0 0;
			}

			.board_comment_list .comment .com_modify textarea {
				width: calc(100% - 76px);
				height: 72px;
			}

			/* 댓글 비번 레이어 */
			.board_comment_list .comment .comment_password {
				right: 8px;
				top: 50%;
				width: 276px;
				line-height: 30px;
				font-size: 12px;
				border-radius: 8px;
				padding: 8px;
			}

			.board_comment_list .comment .comment_password input {
				width: 138px;
			}

			/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
			/* 검색 */
			.board_search {
				padding: 2.4% 8px;
			}
		}