@charset "utf-8";

/*───────────────────────────────────────────────────────────
	
	" board｜errors｜goods｜service｜layout/board｜layout/display｜layout/goods "
	" layout/popup.html "

	위 폴더 및 페이지 공통 css 파일로, 패치이슈가 있음으로
	별도의 커스텀은 반드시 " /css/sub.css " 에서 하세요.

	** layout, navigation, button, company 관련은 /css/sub.css 에 있습니다.
	** header, footer, main 관련은 /css/skin.css 에 있습니다.

───────────────────────────────────────────────────────────*/
/*───────────────────────────────────────────────────────────
	common
───────────────────────────────────────────────────────────*/

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_div {*zoom:1;}
.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:46px;line-height:34px;border:1px #ddd solid;color:#666;font-size:12px;padding:0 20px;text-indent:0;border-radius:0;margin:0;box-sizing:border-box;vertical-align:middle;text-align:left;outline:0;}
input[type="text"]::-webkit-input-placeholder {color:#999;}
input[type="password"]::-webkit-input-placeholder {color:#999;}
input[type="text"]::-moz-placeholder {color:#999;}
input[type="password"]::-moz-placeholder {color:#999;}
input[type="text"]:-ms-input-placeholder {color:#999;}
input[type="password"]:-ms-input-placeholder {color:#999;}
input[type="text"]:-moz-placeholder {color:#999;}
input[type="password"]:-moz-placeholder {color:#999;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0) inset;-webkit-text-fill-color: #555;font-size:inherit;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus{border:1px solid #333;color:#333;}
input[type="text"]:focus::placeholder{color:#333;}

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 {-webkit-appearance:none;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 {-webkit-appearance: none; -moz-appearance: none; appearance: none; }
	select::-ms-expand { display: none;}
	select option { line-height:28px; padding:5px 0; }
	select option:checked, select option:hover { line-height:25px; background:#e0e0e0; font-size: 12px; color: #555; }
	select option:checked, select option:hover { line-height:25px; box-shadow: 0 0 10px 100px #e0e0e0 inset; font-size: 12px; color: #555; }*/
.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);-ms-transform:rotate(315deg);-webkit-transform:rotate(315deg);-moz-transform:rotate(225deg);-o-transform:rotate(315deg); display:none;}/*right:5px;top:15px;width:8px;height:5px;background:url(../../../../lib/images/icon_select_arrow.png) 0 0 no-repeat;*/

/* 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:20px auto 0 auto;vertical-align:top;box-sizing:border-box;}
.paging span {display:inline-block;vertical-align:top;}
.paging span.page_num, .paging > a{margin:0 4px;}
.paging span + span{}
.paging a {display:inline-block; font-size:16px; color:#aaa;font-weight:400;border:1px transparent;box-sizing:border-box;height:35px;line-height:32px;width:35px;text-align:center; vertical-align:top;font-family:'Lato';}
.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, .paging a.on{color:#0080cc;border:1px solid #0080cc;}
.paging .arrow a {font-size:0;width:35px;height:35px;border:none;}
.paging .arrow a img {display:none;}
.paging .arrow.first{margin-right:5px;}
.paging .arrow.first a {background:#fff url("../images/sub/paging_first.png") no-repeat center;background-size:auto 100%;}
.paging .arrow.prev{margin-right:19px;}
.paging .arrow.prev a {background:#fff url("../images/sub/paging_prev.png") no-repeat center;background-size:auto 100%;}
.paging .arrow.next{margin-left:19px;}
.paging .arrow.next a {background:#fff url("../images/sub/paging_next.png") no-repeat center;background-size:auto 100%;}
.paging .arrow.last{margin-left:5px;}
.paging .arrow.last a {background:#fff url("../images/sub/paging_last.png") no-repeat center;background-size:auto 100%;}
.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) {
	body {width:100%; height:auto; -webkit-overflow-scrolling:touch;}
	#wrap {position:relative;width:100%;height:100%;-webkit-overflow-scrolling:touch;overflow:hidden;}

}
@media only screen and (max-width:1023px) {
	/* device */
	.for_t {display:inline-block;}
	.for_pc {display:none;}
	.for_m {display:none;}

}

@media only screen and (max-width:767px) {
}
@media only screen and (max-width:640px) {
	/* device */
	.for_m {display:inline-block;}
	.for_pc {display:none;}
	.for_t {display:none;}

}
@media only screen and (max-width:480px) {
	.paging{margin:5px auto 0 auto;}
	.paging a{font-size:14px;width:30px;height:30px;line-height:28px;}
	.paging .arrow a{width:30px;height:30px;}
	.paging .arrow.next{margin-left:10px;}
	.paging .arrow.prev{margin-right:10px;}

	input[type="text"], input[type="password"], input[type="number"], input[type="date"]{height:36px;padding:0 10px;}
}





/*───────────────────────────────────────────────────────────
	 ERRORS｜errors/index
───────────────────────────────────────────────────────────*/
.error_cont {position:relative; min-height:900px; background:url("../images/sub/error_bg.gif") repeat-x left top;}
.error_cont .error_form {position:absolute; left:50%; top:123px; margin-left:-450px; width:910px; height:610px; background:url("../images/sub/error_form_bg.png") no-repeat left top; text-align:center;}
.error_cont .error_form h2 {color:#333; font-size:20px; font-weight:700; font-family:'Nanum Gothic',dotum,sans-serif !important; padding:296px 0 10px;}
.error_cont .error_form p {color:#777; font-size:14px; font-weight:400; line-height:22px; font-family:'Nanum Gothic',dotum,sans-serif !important;}
.error_cont .error_form h5 {width:156px; height:44px; border:2px solid #333; background:url("../images/sub/error_icon_arrow.png") no-repeat 118px center; margin:38px auto 0;}
.error_cont .error_form h5 a {display:block; width:100%; height:44px; line-height:44px; color:#333; font-size:17px; font-weight:700; font-family:'Nanum Gothic',dotum,sans-serif !important; text-align:left; text-indent:38px;}

@media only screen and (max-width:1200px) {

}
@media only screen and (max-width:1023px) {

}
@media only screen and (max-width:860px) {

}
@media only screen and (max-width:767px) {

}
@media only screen and (max-width:640px) {

}
@media only screen and (max-width:479px) {

}




/*───────────────────────────────────────────────────────────
	 TABLE | 서브페이지 전체 사용 ( board / member / layout )
───────────────────────────────────────────────────────────*/

.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%;border-top:1px solid #000;text-align:left;box-sizing:border-box;}
table.bbs_write th,
table.bbs_write td {font-size:16px;padding:13px 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:30px;padding-right:10px;font-size:18px;font-weight:500;color:#333;background-color:#f5f5f5;}
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:middle;}
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 input{width:360px;}
table.bbs_write td input[name="title"] {width:97%;}
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;}

/*문의하기 버튼*/
.sub_inquiry .btn_wrap.ta_center{}
.sub_inquiry .btn{width:150px;height:60px;line-height:60px;font-size:18px;color:#fff;font-weight:500;}
.sub_inquiry .btn_point, .sub_inquiry .btn_point:hover{background:#0080cc !important;border:1px solid #0080cc !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:300px;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:13px;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:22px;margin:0;padding:0 0 8px 0;vertical-align:middle;}
.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:20px;font-size:12px;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 ) ***/
	.sub_board{margin-top:60px;}

	/* 검색 */
		.board_search {line-height:30px;margin-bottom:30px;padding:20px 30px;text-align:center;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:14px;line-height:inherit;height:40px;}
		.board_search select,
		.board_search input.input_text {margin-right:8px;background-color:#fff;color:#666;border:none;}
		.board_search select {padding-left:10px;width:130px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff url('../images/sub/board_select_arr.png')no-repeat;background-position:93% center;margin-right:10px;}
		.board_search select::-ms-expand{display:none;}
		.board_search input.input_text {width:300px;margin-right:10px;padding-left:10px;font-size:14px;color:#999;font-weight:400;}
		.board_search input.input_text::placeholder{color:#999;}
		.board_search input.input_text:focus{color:#000;}
		.board_search .btn_default{width:90px;height:40px;line-height:40px;border:1px solid #333 !important;background:#333 !important;font-size:15px;color:#fff;font-weight:500;}
		.board_search .board_search_sel {display:inline-block;vertical-align:middle;font-size: 0;}

	/* 일반형 목록 */
table.bbs_list {border-top:1px solid #222;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 {font-size:16px;color:#333;font-weight:400;line-height:20px;text-align:center;vertical-align:middle;box-sizing:border-box;border-bottom:1px solid #ddd;}
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:17px 0;background:#f2f2f2;}
table.bbs_list th.bbs_num{width:132px;}
table.bbs_list th.bbs_writer{width:90px;}
table.bbs_list th.bbs_hit{width:142px;}
table.bbs_list td {padding:18px 0;color:#666;}
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 ) ***/
		/* 검색 */
}
@media only screen and (max-width:1023px) {
		/*** 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 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 ) ***/
		/* 일반형 목록 */

		/* 추가필드 */
		.sub_board .bbs_view .extra_editor_wrap > h4 {width:100px;}

}
@media only screen and (max-width:900px) {
	/*TABLE list*/
		.sub_board{margin-top:40px;}
		.board_search input.input_text{width:250px;}
		table.bbs_list th.bbs_num, table.bbs_list th.bbs_hit{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 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 ) ***/
		/* 검색 */

		/* 일반형 목록 */
	
}
@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:25%;}
	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.bbs_write th{font-size:16px;padding-left:20px;padding-right:10px;}
	table.bbs_write td{font-size:14px;}

		/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
		/* 검색 */
	
		/* 일반형 목록 */
	
}
@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 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 ) ***/
		/* 검색 */
			.sub_board{margin-top:25px;}
			.board_search{padding:15px 10px;margin-bottom:20px;}
			.board_search select{width:110px;}
			.board_search input.input_text{width:200px;}
			.board_search select, .board_search input, .board_search span, .board_search label{font-size:13px;}
			.board_search input.input_text{font-size:13px;}
			.board_search .btn_default{width:70px;font-size:14px;}
	
		/* 일반형 목록 */
			table.bbs_list th, table.bbs_list td{font-size:14px;}
			table.bbs_list th{padding:10px 0;}
			table.bbs_list td{padding:13px 0;}
			table.bbs_list td .board_tit h3{width:96%;}

		/* 추가필드 */
		.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) {

}

@media only screen and (max-width: 480px) {
		/* 게시판 설명글 */
	.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 th{font-size:14px;padding:0 10px;}
	table.bbs_write td{font-size:13px;padding:10px;}
	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;}

	.sub_inquiry .btn{width:100px;height:45px;line-height:43px;font-size:16px;}

		/*** 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, .board_search span, .board_search label{font-size:12px;}
			.board_search select{width:90px;}
			.board_search input.input_text{width:150px;font-size:12px;}
			.board_search .btn_default{width:58px;font-size:13px;}
		/* 일반형 목록 */
			table.bbs_list th, table.bbs_list td{font-size:13px;}
			table.bbs_list th.bbs_num, table.bbs_list th.bbs_hit{width:50px;}
			table.bbs_list th.bbs_writer{width:60px;}
}
@media only screen and (max-width:370px) {
	.board_search{text-align:left;}
	.board_search .board_search_sel{display:block;margin-bottom:10px;}
	.board_search select{margin-right:0;width:100px;display:block;}
	.board_search input.input_text{width:calc(100% - 68px);}

}
@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
───────────────────────────────────────────────────────────*/


/*** 갤러리형 | layout/goods/gallery.html ***/

/* 갤러리 고정글 */
.gallery_notice {border-top:1px solid #333;margin:0 0 50px;}
.gallery_notice li {padding:15px 30px;box-sizing:border-box;background:#f5f5f5;border-bottom:1px solid #d3d3d3;font-size:0;position:relative;}
.gallery_notice li + li {}
.gallery_notice li a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;}
.gallery_notice li .thumb,
.gallery_notice li .txt_info {display:inline-block;vertical-align:middle;}
.gallery_notice li .thumb {width:145px;height: 100px;overflow: hidden;position: relative;}
.gallery_notice li .thumb img {width:100%;height: auto;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.gallery_notice li .txt_info {width:calc(100% - 145px);padding-left:25px;box-sizing:border-box;}
.gallery_notice li .txt_info b {font-size:15px;color:#eb3949;line-height:1;margin-bottom:5px;display:block;}
.gallery_notice li .txt_info .board_tit {padding: 5px 0 3px;line-height: 20px;font-size: 0;}
.gallery_notice li .txt_info .board_tit h3 {font-size: 13px;color: #333333;font-weight: 600;}
.gallery_notice li .txt_info .board_tit .board_ico,
.gallery_notice li .txt_info .board_tit img,
.gallery_notice li .txt_info .board_tit h3 {display: inline;vertical-align: top;}
.gallery_notice li .txt_info .board_tit h3 .board_ico {}
.gallery_notice li .txt_info .board_tit img {vertical-align: middle;margin-right: 5px;}
.gallery_notice li .txt_info .board_tit h3 {max-width: calc(100% - 80px);width: auto;}
.gallery_notice li .txt_info .board_tit h3 strong {display: inline;vertical-align: top;max-width: 100%;font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;}
.gallery_notice li p {display:block;font-size:12px;color:#888;font-weight:100;line-height:19px;text-align:left;margin:10px 0 0;}
.gallery_notice li p span {display:inline-block;width:1px;height:9px;background:#d3d3d3;margin:6px 8px 0 8px;vertical-align:top;}


/* 리스트 */
.sub_board ul.bbs_gallery {margin-left:0px;padding:17px 0 0 0;}
.sub_board ul.bbs_gallery:after {clear:both;content:"";display:block;}
ul.bbs_gallery li {float:left;width: calc(25% - 9px); margin:0 12px 2.4% 0;position:relative;}
ul.bbs_gallery li:nth-of-type(4n) {margin-right:0px;}
ul.bbs_gallery li:nth-of-type(4n+1) {clear:both;}
ul.bbs_gallery li a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;}
ul.bbs_gallery_top {padding:0 0 0 0;}
ul.bbs_gallery li .thumb {text-align:center;width:100%;padding:0 0 70%;height:0;position: relative;border:1px solid #d3d3d3;box-sizing:border-box;overflow:hidden;vertical-align:top;font-size:0;}
ul.bbs_gallery li .thumb a {vertical-align:top;}
ul.bbs_gallery li .thumb img {width: 100%;height: auto;vertical-align:top;box-sizing:border-box;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
ul.bbs_gallery li .txt_info {padding:5px 0 0;}
ul.bbs_gallery li .txt_info .board_tit {padding: 5px 0 3px;line-height: 20px;font-size: 0;}
ul.bbs_gallery li .txt_info .board_tit h3 {font-size: 13px;color: #333333;font-weight: 500;}
ul.bbs_gallery li .txt_info .board_tit .board_ico,
ul.bbs_gallery li .txt_info .board_tit img,
ul.bbs_gallery li .txt_info .board_tit h3 {display:inline-block;vertical-align:middle;}
ul.bbs_gallery li .txt_info .board_tit h3 .board_ico {}
ul.bbs_gallery li .txt_info .board_tit img {vertical-align: middle;margin-right: 5px;}
ul.bbs_gallery li .txt_info .board_tit h3 {width: 100%;}
ul.bbs_gallery li .txt_info .board_tit h3 strong {vertical-align: top;max-width: 90%;font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;word-break:break-all;display:block;}
ul.bbs_gallery li p {display:block;font-size:12px;color:#888;line-height:19px;text-align:left;margin:0;}
ul.bbs_gallery li p span {display:inline-block;width:1px;height:9px;background:#d3d3d3;margin:6px 8px 0 8px;vertical-align:top;}
ul.bbs_gallery li.no_data {line-height:20px;padding:122px 0;}

.bbs_no_data {padding:1.2%;font-size:13px;line-height:20px;border-top:1px #ddd solid;border-bottom:1px #ddd solid;text-align:center;box-sizing:border-box;}

/*** 게시글 비번 입력 layout/board/board_secret.html ***/
.sub_pw_input {max-width:1058px; margin:0 auto; border:10px solid #eee; outline:1px solid #ddd;}
.sub_pw_input .ok_box {max-width:1000px; margin:0 auto; padding:70px 0; font-family: 'Open Sans','Nanum Gothic', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;text-align:center;}
.sub_pw_input .ok_box h2 {padding-bottom:20px; font-size:16px; font-weight:500; color:#333;}
.sub_pw_input .ok_box div.input_box {padding-bottom:40px;}
.sub_pw_input .ok_box div.input_box input {width:200px;height:30px; padding:5px 10px; border:1px solid #aaa;}
.sub_pw_input .ok_box a.ok_bt {display:inline-block; font-size:15px; font-weight:700; width:120px; height:40px; background:#222222; border:1px solid #222222; text-align:center; line-height:40px; color:#fff; font-weight:500;}
/* 게시판 비번 */
.password_popup {text-align:center;}
.password_popup p {color:#888; padding:40px 0 10px 0;}
.password_popup h2 {}
.password_popup h2 input {border:1px solid #d3d3d3; padding:3px 5px; width:150px;}
.password_popup h3 {padding-top:15px;}

@media only screen and (max-width:1200px) {
	
}
@media only screen and (max-width:1023px) {
	/*** 갤러리형 | layout/goods/gallery.html ***/
	ul.bbs_gallery li {width: calc(33.32% - 8px);margin:0 12px 3.6% 0;}
	ul.bbs_gallery li:nth-child(4n) {margin-right:12px;}
	ul.bbs_gallery li:nth-child(4n+1) {clear:inherit;float:left;}
	ul.bbs_gallery li:nth-child(3n) {margin-right:0px;}
	ul.bbs_gallery li:nth-child(3n+1) {clear:both;float:left;}
}
@media only screen and (max-width:860px) {
	/*** 갤러리형 | layout/goods/gallery.html ***/
	ul.bbs_gallery li {margin:0 12px 3.6% 0;}
	.bbs_no_data {padding:1.6%;}

	/* 갤러리 고정글 */
	.gallery_notice li {padding:10px 15px;}
	.gallery_notice li .thumb {width:100px;height:80px;}
	.gallery_notice li .txt_info {width:calc(100% - 100px);}
	.gallery_notice li .txt_info .board_tit .board_ico {display:block;}
	.sub_board .gallery_notice li .txt_info {padding-left:15px;}
	.sub_board .gallery_notice li .txt_info b {font-size: 12px;margin-bottom:5px;}
	.sub_board .gallery_notice li .txt_info .board_tit {line-height: 20px;}
	.sub_board .gallery_notice li .txt_info .board_tit h3 {font-size: 13px;}
	.sub_board .gallery_notice li p {display:block;font-size: 12px;font-weight:100;line-height:19px;margin: 5px 0 0;}
	.sub_board .gallery_notice li p span {height:9px;margin:6px 8px 0 8px;}


}
@media only screen and (max-width:767px) {

}
@media only screen and (max-width:640px) {
	/*** 갤러리형 | layout/goods/gallery.html ***/
	ul.bbs_gallery li {width: calc(50% - 6px);margin:0 12px 4.8% 0;}
	ul.bbs_gallery li:nth-child(4n) {margin-right:12px;}
	ul.bbs_gallery li:nth-child(4n+1) {clear:inherit;float:left;}
	ul.bbs_gallery li:nth-child(3n) {margin-right:12px;}
	ul.bbs_gallery li:nth-child(3n+1) {clear:inherit;float:left;}
	ul.bbs_gallery li:nth-child(2n) {margin-right:0;}
	ul.bbs_gallery li:nth-child(2n+1) {clear:both;float:left;}
	ul.bbs_gallery li .txt_info {padding-top:8px;}
	ul.bbs_gallery li .txt_info h3 {font-size:13px;}
	ul.bbs_gallery li .txt_info p {padding-top:6px;font-size:12px;}
}
@media only screen and (max-width:479px) {
	/*** 갤러리형 | layout/goods/gallery.html ***/
	ul.bbs_gallery li {width: calc(100%);margin:0 0px 5.2% 0;}
	ul.bbs_gallery li:nth-child(3n) {margin-right:0px;}
	ul.bbs_gallery li:nth-child(3n+1) {clear:inherit;float:left;}
	ul.bbs_gallery li:nth-child(2n) {margin-right:0;}
	ul.bbs_gallery li:nth-child(2n+1) {clear:both;float:left;}
	.bbs_no_data {padding:2.4%;}
}




/*───────────────────────────────────────────────────────────
	 GOODS
──────────────────
─────────────────────────────────────────*/

/*** 상품리스트, 상품검색 | goods/goods_list.html, goods/goods_search.html ***/
	.sub_list {}
	.sub_content .goods_tit{text-align:center;}
	.sub_content .goods_tit h3{font-size:40px;color:#333;font-weight:700;position:relative;line-height:1;padding-bottom:28px;box-sizing:border-box;font-family:'Noto Sans KR';}
	.sub_content .goods_tit h3:before{width:40px;height:2px;content:"";background:#0080cc;position:absolute;left:50%;bottom:0;transform:translate(-50%);}

	/* 검색결과없음 */
		.sub_list .list .list_no {margin-top:60px;color:#555;padding:1.2%;font-size:15px;line-height:23px;font-weight:500;width:100%;background:#fafafa;border:1px #ccc solid;text-align:center;vertical-align:top;box-sizing:border-box;}
		.sub_list .list .list_no .no_data {font-size:inherit;line-height:inherit;font-weight:inherit;}
		.sub_list .list .list_no .no_data:before {color:#fff;width:21px;height:21px;border-radius:100%;margin:1px 8px 0 0;background:#777;font-size:inherit;line-height:21px;font-weight:700;content:"!";display:inline-block;vertical-align:top;box-sizing:border-box;}

	/* 리스트형 | layout/goods/list.html */
		.sub_list .list .list_Listform {margin-top:60px;}
		.sub_list .list .list_Listform > ul {margin:0;padding:0;}
		.sub_list .list .list_Listform > ul:after {clear:both; content:""; display:block;}
		.sub_list .list .list_Listform > ul li{float:left; width: calc(25% - 24px);margin:0 32px 40px 0;box-sizing:border-box;}
		.sub_list .list .list_Listform > ul li:nth-child(4n) {margin-right:0;}
		.sub_list .list .list_Listform > ul li:nth-child(4n+1) {clear:both; content:""; float:left;}
		.sub_list .list .list_Listform > ul li dl{width:100%;box-sizing:border-box;}
		.sub_list .list .list_Listform > ul li dl dt{box-sizing:border-box;position:relative;}
		.sub_list .list .list_Listform > ul li dl dt:before{display:none;width:100%;height:100%;content:"";background:transparent;border:2px solid #0080cc;position: absolute;top:0;left:0;box-sizing:border-box;z-index:2;}	
		.sub_list .list .list_Listform > ul li dl dt .thumb_box{width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden;}
		.sub_list .list .list_Listform > ul li dl dt img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);transition:all 0.5s;}
		.sub_list .list .list_Listform > ul li dl dd{margin-top:19px;text-align:center;}
		.sub_list .list .list_Listform > ul li dl dd p{font-size:18px;color:#333;font-weight:400;font-family:'Noto Sans KR';line-height:1;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

	.sub_list .list .list_Listform > ul li:hover dl dt:before{display:block;}
		.sub_list .list .list_Listform > ul li:hover dl dt img{transform:translate(-50%, -50%) scale(1.05);transition:all 0.5s;}

	/* 상세페이지 | goods/goods_view.html */
		.sub_view {font-size:0;width:100%;box-sizing:border-box;}
		.sub_view .info{width:46.7%;display:inline-block;float:left;}
		.sub_view .info .thumb_box{width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden;}
		.sub_view .info .thumb_box img{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);transition:all 0.5s;}
		.sub_view .info .thumb_box:hover img{transform:translate(-50%, -50%) scale(1.05);transition:all 0.5s;}

		.sub_view .info_wrap {display:inline-block;text-align:left;float:right;box-sizing:border-box;width:53.3%;padding-left:60px;}
		.sub_view .info_wrap .goods_tit{font-size:40px;color:#333;font-weight:700;line-height:45px;position:relative;box-sizing:border-box;padding-bottom:30px;}
		.sub_view .info_wrap .goods_tit:before{width:40px;height:2px;content:"";background:#0080cc;position:absolute;left:0;bottom:0;}
		.sub_view .info_wrap .info_des{margin-top:20px;width:80%;}
		.sub_view .info_wrap .info_des span{font-size:18px;color:#666;font-weight:400;font-family:'Noto Sans KR';word-break:keep-all;line-height:32px;}
		.sub_view .info_wrap .info_character{width:100%;box-sizing:border-box;padding:30px;background:#f5f5f5;margin-top:35px;}
		.sub_view .info_wrap .info_character dt{font-size:20px;color:#333;font-weight:700;}
		.sub_view .info_wrap .info_character dd{margin-top:20px;}
		.sub_view .info_wrap .info_character dd p{font-size:16px;color:#888;font-weight:400;position:relative;padding-left:8px;word-break:keep-all;}
		.sub_view .info_wrap .info_character dd p b {font-size:16px;color:#888;font-weight:400;position:relative;word-break:keep-all;}
		.sub_view .info_wrap .info_character dd p + p{margin-top:10px;}
		/* .sub_view .info_wrap .info_character dd p:before{width:3px;height:3px;content:"";background:#888;border-radius:100%;position:absolute;left:0;top:12px;} */

		.sub_view .info_wrap .goods_view_btn_box{width:100%;margin-top:30px;font-size:0;}
		/* .sub_view .info_wrap .goods_view_btn_box .goods_view_btn{display:inline-block;width:calc(50% - 10px);height:60px;line-height:58px;box-sizing:border-box;text-align:center;font-size:18px;color:#fff;font-weight:500;font-family:'Noto Sans KR';} */
		.sub_view .info_wrap .goods_view_btn_box .goods_view_btn{display:inline-block;width:calc(33.33% - 8px);height:70px;box-sizing:border-box;padding: 9px 0;text-align:center;font-size:16px;color:#fff;font-weight:500;font-family:'Noto Sans KR';}
		
		.sub_view .info_wrap .goods_view_btn_box .btn_best{background:#0080cc;border:1px solid #0080cc;}
		.sub_view .info_wrap .goods_view_btn_box .btn_mas{background:#004ea2;margin-left:12px;border:1px solid #004ea2;}
		.sub_view .info_wrap .goods_view_btn_box .btn_inno{background:#7fcef4;margin-left:12px;border:1px solid #7fcef4;}
		.sub_view .info_wrap .goods_view_btn_box .btn_best:hover{background:#fff;color:#0080cc;}
		.sub_view .info_wrap .goods_view_btn_box .btn_mas:hover{background:#fff;color:#004ea2;}
		.sub_view .info_wrap .goods_view_btn_box .btn_inno:hover{background:#fff;color:#7fcef4;}



		.sub_view .info_img{clear:both;padding-top:100px;}
		.sub_view .info_img .info_tit{text-align:center;width:100%;position:relative;}
		.sub_view .info_img .info_tit:before{width:100%;height:1px;content:"";background:#333;position:absolute;left:0;top:24px;z-index:-1;}
		.sub_view .info_img .info_tit span{font-size:32px;color:#333;font-weight:700;display:inline-block;padding:0 28px;background:#fff;}

		.sub_view .info_img .info_cont{width:1000px;margin:0 auto;margin-top:70px;}

		.goods_goods_view .btn_wrap{padding-top:6.7%;}
@media only screen and (max-width:1247px) {
	/*** 상품리스트, 상품검색 | goods/goods_list.html, goods/goods_search.html ***/
		.sub_list .list .list_Listform{width:100%;box-sizing:border-box;padding:0 15px;}

	/* 상세페이지 | goods/goods_view.html */
		.sub_view{padding:0 15px;}
}
@media only screen and (max-width:1150px) {
	/* 상세페이지 | goods/goods_view.html */
		.sub_view .info_wrap{padding-left:30px;}
		.sub_view .info_wrap .goods_view_btn_box .goods_view_btn{padding: 13px 0; font-size:14px;}

		.sub_view .info_img .info_cont{width:100%;}
}
@media only screen and (max-width:1000px) {
	/* 상세페이지 | goods/goods_view.html */
		.sub_view .info_wrap .goods_tit{font-size:35px;line-height:40px;}
		.sub_view .info_wrap .info_des span{font-size:17px;line-height:30px;}
		.sub_view .info_wrap .goods_view_btn_box .goods_view_btn{width:100%;display:block;padding: 0;line-height:68px;}
		.sub_view .info_wrap .goods_view_btn_box .goods_view_btn br {display: none;}
		.sub_view .info_wrap .goods_view_btn_box .btn_mas{margin-left:0;margin-top:20px;}
		.sub_view .info_wrap .goods_view_btn_box .btn_inno{margin-left:0;margin-top:20px;}
}
@media only screen and (max-width:900px) {
	/*분류페이지*/
		.sub_content .goods_tit h3{font-size:35px;}
		.sub_list .list .list_Listform{margin-top:40px;}
		.sub_list .list .list_Listform > ul li{width:calc(25% - 17px);margin:0 22px 40px 0}
		.sub_list .list .list_Listform > ul li dl dd p{font-size:16px;}

	/*상세페이지*/
		.sub_view .info_wrap .info_des{width:90%;}
}
@media only screen and (max-width:860px) {
	/* 검색결과없음 */
		.sub_list .list .list_no {padding:1.6%;}

	/*상세페이지*/
		.sub_view .info{width:100%;float:none;}
		.sub_view .info_wrap{width:100%;float:none;padding-left:0;margin-top:30px;}
		.sub_view .info_wrap .info_des{width:100%;}
}
@media only screen and (max-width:700px) {
	/*** 상품리스트, 상품검색 | goods/goods_list.html, goods/goods_search.html ***/
		.sub_list .list .list_Listform > ul li{width:calc(50% - 15px);margin:0 30px 40px 0;}
		.sub_list .list .list_Listform > ul li:nth-child(2n+1){clear:both;float:left;}
		.sub_list .list .list_Listform > ul li:nth-child(2n){margin-right:0;}

}
@media only screen and (max-width:640px) {
	/* 검색결과없음 */
		.sub_list .list .list_no {padding:2.4%;font-size:13px;}
	
	/* 리스트형 | layout/goods/list.html */
		.sub_list .list .list_Listform{padding:0;}
	
	/* 상세페이지 | goods/goods_view.html */
		.sub_view{padding:0;}
		.sub_view .info_wrap .goods_tit{font-size:30px;line-height:35px;padding-bottom:15px;}
		.sub_view .info_wrap .info_des{margin-top:10px;}
		.sub_view .info_wrap .info_character{margin-top:25px;padding:15px;}

		.sub_view .info_img .info_tit span{font-size:30px;}
}
@media only screen and (max-width:480px) {
	/* 분류페이지 */
		.sub_content .goods_tit{margin-top:30px;}
		.sub_content .goods_tit h3{font-size:30px;padding-bottom:20px;}

		.sub_list .list .list_Listform{margin-top:20px;}
		.sub_list .list .list_Listform > ul li{width:calc(50% - 7.5px);margin:0 15px 30px 0;border:none;}

		.sub_list .list .list_Listform > ul li dl dt{border:none;}
		.sub_list .list .list_Listform > ul li dl dd{margin-top:10px;}

		.sub_list .list .list_Listform > ul li:hover dl dt:before{display:none;}
		.sub_list .list .list_Listform > ul li:hover dl dt img{transform:translate(-50%, -50%) scale(1);}

	
	/* 상세페이지 | goods/goods_view.html */
		.sub_view .info_wrap .goods_tit{font-size:28px;}
		.sub_view .info_wrap .info_des span{font-size:16px;line-height:26px;}
		.sub_view .info .thumb_box:hover img{transform:translate(-50%, -50%) scale(1);}

		.sub_view .info_wrap .info_character dt{font-size:18px;}
		.sub_view .info_wrap .info_character dd{margin-top:15px;}
		.sub_view .info_wrap .info_character dd p{font-size:14px;}

		.sub_view .info_wrap .goods_view_btn_box .goods_view_btn{height:50px;line-height:48px;;}
		.sub_view .info_wrap .goods_view_btn_box .btn_mas{margin-top:15px;}
		.sub_view .info_wrap .goods_view_btn_box .btn_best:hover{background:#0080cc;color:#fff;}
		.sub_view .info_wrap .goods_view_btn_box .btn_mas:hover{background:#004ea2;color:#fff;}

		.sub_view .info_img{padding-top:50px;}
		.sub_view .info_img .info_tit:before{top:21px;}
		.sub_view .info_img .info_tit span{font-size:26px;padding:0 15px;}
		.sub_view .info_img .info_cont{margin-top:30px;}
}
@media only screen and (max-width:320px) {
	/*상세페이지*/
		.sub_view .info_wrap{margin-top:25px;}
		.sub_view .info_wrap .goods_tit{font-size:24px;line-height:30px;}
		.sub_view .info_wrap .info_des span{font-size:15px;line-height:24px;}
		.sub_view .info_wrap .info_character dd p{font-size:13px;}
		/* .sub_view .info_wrap .info_character dd p:before{top:8px;} */

		.sub_view .info_img .info_tit:before{top:18px;}
		.sub_view .info_img .info_tit span{font-size:22px;}
}

/*───────────────────────────────────────────────────────────
	 MEMBER
───────────────────────────────────────────────────────────*/

/*** 로그인 | member/login.html ***/
.sub_login {}
.sub_login .login_box {width:420px; margin:0 auto; padding:0}
.sub_login .login_box h3,
h3.sub_log_title {padding-bottom:25px;color:#888;font-size:16px;line-height:21px;text-align:center;font-weight:400;letter-spacing:-0.04em;font-family:'Open Sans','Nanum Gothic', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
.sub_login .login_box h3 em,
h3.sub_log_title em {color:#333;font-size:36px;line-height:44px;padding:0 0 6px 0;display:inline-block;width:100%;letter-spacing:0;font-weight:700;font-family:'Open Sans','Nanum Gothic', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
.sub_login .login_box ul {}
.sub_login .login_box ul li {padding-bottom:2.4%;}
.sub_login .login_box ul li input {padding:0 20px; width:100%; height:48px; border:1px solid #cccccc; font-size:14px; color:#888888; font-weight:500;}
.sub_login .login_box ul li:last-of-type {padding-top:2.4%;}
.sub_login .login_box ul li button[type="submit"] {font-weight:700;font-size:17px;letter-spacing:0.02em;height:50px;line-height:50px;font-family:'Open Sans','Nanum Gothic',dotum,sans-serif;}
.sub_login .login_box ul.login_link {border-top:1px solid #cccccc; width:100%; margin-top:7%; text-align:center; height:20px; line-height:20px; padding-top:3.6%;}
.sub_login .login_box ul.login_link li {display:inline-block; padding:0 25px 0 0;}
.sub_login .login_box ul.login_link li + li:before {display:inline-block;content:"";width:1px;height:12px;background:#ddd;vertical-align:middle;margin-right:25px;}
.sub_login .login_box ul.login_link li a {color:#999999; font-size:14px; font-weight:500;}
.sub_login .login_box ul.login_link li.first {background:none;}

/*** 회원가입동의 | member/join_agreement.html ***/
.sub_agree {}
.sub_agree .agree_box {text-align:left;}
.sub_agree .line {margin-bottom:3.6%; padding-bottom:3.6%; border-bottom:2px solid #eeeeee;}
.sub_agree .agree_box textarea {border:1px solid #dddddd; font-size:12px; color:#666666; width:100%; height:180px; font-weight:400; line-height:22px; padding:2% 12px;box-sizing:border-box;}
.sub_agree .agree_box p {color:#333333;padding-top:1.6%;}

/*** 회원가입 | member/join.html ***/
h3.join_tit {font-size:18px; color:#222222; font-weight:500; text-align:left; padding-bottom:12px;}
h3.join_tit.pt20 {padding-top:20px;}
.sub_memberout {}
.sub_memberout p {font-size:13px; color:#666; line-height:20px; padding-bottom:20px;}

/*** 회원가입 완료 | member/join_ok.html ***/
.sub_ok {max-width:100%;box-sizing:border-box; margin:0 auto; border:20px solid #eee; outline:1px solid #ddd;}
.sub_ok .ok_box {width:100%;box-sizing:border-box; margin:0 auto; padding:6% 0;text-align:center;}
.sub_ok .ok_box h3 {padding-bottom:1.4%; font-size:36px; font-weight:700; color:#333;word-break:keep-all;}
.sub_ok .ok_box h4 {padding-bottom:2.8%; font-size:16px; color:#777; line-height:26px; font-weight:500;word-break:keep-all;}
.sub_ok .ok_box h4 span {color:#222222; font-weight:500;}
.sub_ok .ok_box .login_bt a {display:inline-block; font-size:15px; font-weight:700; width:120px; height:40px; background:#222222; border:1px solid #222222; text-align:center; line-height:40px; color:#fff; font-weight:500;}

/*** 비밀번호 변경 안내 | member/periodic_change_pw.html ***/
.sub_login.add {}
.sub_login.add .login_box {width:100%;}
.sub_login.add .login_box h2 {color:#282828; font-size:23px; font-weight:500; line-height:32px;}
.sub_login.add .login_box h2 span {color:#222222; font-size:23px; font-weight:500;}
.sub_login.add .login_box table.bbs_write {}
.sub_login.add .login_box table.bbs_write caption {text-indent:0;line-height:20px;color:#777;font-size:14px;font-weight:500;text-align:left;padding-bottom:14px;height: auto;}
.sub_login.add .login_box table.bbs_write caption span {color:#444; font-size:14px; font-weight:500;}
.sub_login.add .login_box table.bbs_write input {max-width:200px;}
.sub_login.add .login_box .btn_center {}
.sub_login.add .login_box .btn_center button {width:160px;}
.sub_login.add .login_box .btn_center button.gray {margin-left:16px; background:#999; border:1px solid #999;}


@media only screen and (max-width:1200px) {
	.sub_login .login_box h3 em, h3.sub_log_title em{font-size:30px;line-height:38px;padding-top:10px;}
	.sub_login .login_box h3, h3.sub_log_title{font-size:13px;font-weight:400;line-height:20px;padding-top:0px;word-break:keep-all;}

	/*** 회원가입동의 | member/join_agreement.html ***/
	.sub_agree .line {margin-bottom:0; padding-bottom:3.2%; border-bottom:0 none;}
	.sub_agree .agree_box textarea {height:160px;line-height:20px;}
	.sub_agree .agree_box p {padding:1.2% 12px; border:1px solid #d3d3d3; border-top:0 none; background-color:#eee; }

	/*** 회원가입 | member/join.html ***/
	.policy_cont > div {margin:0;}

	.sub_memberout {}
	.sub_memberout p {font-size:13px; color:#666; line-height:20px; padding-bottom:20px;}

}
@media only screen and (max-width:1023px) {
	
	/*** 회원가입 완료, 아이지 찾기 완료, 비밀번호 찾기 완료 | member/join_ok.html ***/
	.sub_ok {border-width:16px;}
	.sub_ok .ok_box {padding:6% 12px;}
	.sub_ok .ok_box h3 {font-size:30px;line-height:34px;}
	.sub_ok .ok_box h4 {padding-bottom:4%;font-size:14px;line-height:22px;}
}
@media only screen and (max-width:860px) {
	/*** 회원가입 완료, 아이지 찾기 완료, 비밀번호 찾기 완료 | member/join_ok.html ***/
	.sub_ok .ok_box {padding:4% 12px;}
	.sub_ok .ok_box h3 {font-size:26px;}
	.sub_ok .ok_box h4 {padding-bottom:3%;}
}
@media only screen and (max-width:767px) {
	/*** 회원가입동의 | member/join_agreement.html ***/
	.sub_agree .line {padding-bottom:6.4%;}

	/*** 비밀번호 변경 안내 | member/periodic_change_pw.html ***/
	.sub_login.add .login_box table.bbs_write caption {font-size:13px;}

	/*** 회원가입 완료, 아이지 찾기 완료, 비밀번호 찾기 완료 | member/join_ok.html ***/
	.sub_ok {border-width:12px;}	
}
@media only screen and (max-width:640px) {
	/*** 회원가입 완료, 아이지 찾기 완료, 비밀번호 찾기 완료 | member/join_ok.html ***/
	.sub_ok {border-width:8px;}
	.sub_ok .ok_box {padding:6% 12px;}
	.sub_ok .ok_box h3 {font-size:22px;line-height:30px;}
	.sub_ok .ok_box h4 {padding-bottom:6%;font-size:13px;line-height:21px;}
}
@media only screen and (max-width:479px) {
	/*** 로그인 | member/login.html ***/
	.sub_login {}
	.sub_login .login_box {width:100%;}
	.sub_login .login_box ul li {padding-bottom:0;}
	.sub_login .login_box ul li input {padding:0 10px; width:100%; height:48px; border:1px solid #cccccc; border-top:0 none;}
	.sub_login .login_box ul li:nth-of-type(1) input {border-top:1px solid #cccccc;}
	.sub_login .login_box ul li:last-of-type {padding-top:3.2%;}
	.sub_login .login_box ul.login_link {border-top:0 none; width:100%; margin-top:0; text-align:center; height:auto; line-height:20px; padding-top:3.2%; font-size:0px;}
	.sub_login .login_box ul.login_link li {display:inline-block; width:32%;margin-right:2%;padding:0 0 0 0;}
	.sub_login .login_box ul.login_link li:last-of-type {margin:0 0 0 0;}
	.sub_login .login_box ul.login_link li + li:before {display:none;}
	.sub_login .login_box ul.login_link li a {display:block; background:#eeeeee; border:1px solid #dadada; width:100%; height:49px; font-size:15px; color:#666; font-weight:600; line-height:47px; text-align:center; box-sizing:border-box;}
	
	/*** 비밀번호 변경 안내 | member/periodic_change_pw.html ***/
	.sub_login.add .login_box table.bbs_write caption {font-size:12px;}

	/*** 회원가입동의 | member/join_agreement.html ***/
	.sub_agree .line {padding-bottom:8.0%;}
	.sub_agree .agree_box textarea {height:156px;line-height:18px;}
	.sub_agree .agree_box p {padding:2.4% 12px;}
}


/*───────────────────────────────────────────────────────────
	 SERVICE | service/agreement.html | service/usepolicy.html
───────────────────────────────────────────────────────────*/

.service_usepolicy .sub_agree h3 {font-size:22px;color:#333;margin:50px 0 20px;}
.service_usepolicy .sub_agree h3:before {content:'-';display:inline-block;margin:0 5px 0 0;}
.member_agree {font-size:13px; line-height:23px; padding:0x;text-align:left;}
.member_agree .agree_box_con {font-size:inherit;line-height:inherit;}

@media only screen and (max-width:1200px) {

}
@media only screen and (max-width:1023px) {

}
@media only screen and (max-width:860px) {
	.service_usepolicy .sub_agree h3 {font-size:15px;margin:40px 0 15px;}

}
@media only screen and (max-width:767px) {

}
@media only screen and (max-width:640px) {

}
@media only screen and (max-width:479px) {

}

/*───────────────────────────────────────────────────────────

	 고객지원 | Contact

───────────────────────────────────────────────────────────*/
	.sub_content.sub_service{width:100%;box-sizing:border-box;}
	.sub_content.sub_service .service_tit{text-align:center;position:relative;}
	.sub_content.sub_service .service_tit h3{font-size:40px;color:#333;font-weight:700;position:relative;line-height:1;padding-bottom:28px;box-sizing:border-box;/*font-family:'Noto Sans KR';*/}
	.sub_content.sub_service .service_tit h3:before{width:40px;height:2px;content:"";background:#0080cc;position:absolute;left:50%;bottom:0;transform:translate(-50%);}
	.sub_content.sub_service .service_tit .link_inquiry{position:absolute;top:8px;right:0;width:240px;height:60px;box-sizing:border-box;background:#fff;border:1px solid #004ea2;}
	.sub_content.sub_service .service_tit .link_inquiry:before{width:100%;height:100%;content:"";background:#004ea2;position: absolute;top:0;right:0;z-index:0;transition:all 0.5s;}
	.sub_content.sub_service .service_tit .link_inquiry:hover:before{width:0;transition:all 0.5s;}	
	.sub_content.sub_service .service_tit .link_inquiry a{box-sizing:border-box;padding-right:45px;display:block;width:100%;height:100%;font-size:16px;line-height:58px;color:#fff;font-weight:400;background:url('../images/sub/sub_icon_arr.png')no-repeat;background-position:83% center;position:relative;z-index:2;transition:all 0.5s;}	
	.sub_content.sub_service .service_tit .link_inquiry:hover a{color:#004ea2;background:url('../images/sub/sub_icon_arr_ov.png')no-repeat;background-position:90% center;transition:all 0.5s;}
	.sub_content.sub_service .service_tit p{font-size:20px;color:#444;font-weight:300;line-height:1;margin-top:30px;word-break:keep-all;}

	.contact_location{margin-top:60px;}
	.contact_location .location_wrap{font-size:0;width:100%;}
	.contact_location .location_wrap + .location_wrap{margin-top:70px;}
	.contact_location .location_wrap:after{clear:both;content:"";display:block;}
	.contact_location .location_wrap .map_box{width:51.7%;height:400px;box-sizing:border-box;float:left;position:relative;}
	.contact_location .location_wrap .map_box > div{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
	.contact_location .location_wrap .map_box .root_daum_roughmap .wrap_map{height:100%;}
	.contact_location .location_wrap .map_box .root_daum_roughmap .map_border{display: none;}
	
	.contact_location .location_info_wrap	{box-sizing:border-box;padding-left:65px;float:right;width:48.3%;height:400px;position:relative;}
	.contact_location .location_info_wrap .location_info{position:absolute;top:50%;transform:translateY(-50%);}
	.contact_location .location_info_wrap .location_tit{font-size:28px;color:#333;font-weight:700;}
	.contact_location .location_info_wrap .location_tit span{font-size:inherit;color:#0080cc;font-weight:inherit;}
	.contact_location .location_info_wrap .location_address{font-size:18px;color:#333;font-weight:400;font-family:'Noto Sans KR';margin:13px 0 40px;word-break:keep-all;}
	.contact_location .location_info_wrap .sub_info{}
	.contact_location .location_info_wrap .sub_info dl + dl{margin-top:30px;}
	.contact_location .location_info_wrap .sub_info dl dt, .contact_location .location_info_wrap .sub_info dl dd{display:inline-block;text-align:left;font-size:16px;color:#333;line-height:1;font-family:'Montserrat';}
	.contact_location .location_info_wrap .sub_info dl dt{font-weight:600;width:60px;}
	.contact_location .location_info_wrap .sub_info dl dd{font-weight:500;padding-left:16px;}

	@media only screen and (max-width:1247px) {
		.sub_content.sub_service{padding:0 15px;}	
	}
	@media only screen and (max-width:1023px) {
		.sub_content.sub_service .service_tit h3 {font-size: 38px;}
	}
	@media only screen and (max-width:900px) {
		/* .sub_content.sub_service .service_tit .link_inquiry{width:200px;}
		.sub_content.sub_service .service_tit .link_inquiry a{background-position:80% center;}
		.sub_content.sub_service .service_tit .link_inquiry:hover a{background-position:85% center;} */

		.contact_location .location_wrap + .location_wrap{margin-top:45px;}
		.contact_location .location_info_wrap{padding-left:45px;}
		.contact_location .location_info_wrap .location_address{font-size:17px;}
	}	
	@media only screen and (max-width:750px) {
		.sub_content.sub_service .service_tit .link_inquiry{top:100px;height:45px;}
		.sub_content.sub_service .service_tit .link_inquiry a{line-height:43px;}
		.sub_content.sub_service .service_tit p{font-size:18px;}

		.contact_location{margin-top:125px;}
		.contact_location .location_wrap .map_box,
		.contact_location .location_info_wrap{width:100%;float:none;}
		.contact_location .location_info_wrap{padding-left:0;margin-top:40px;height:auto;}
		.contact_location .location_info_wrap .location_info{position:static;transform:none;}
	}
	@media only screen and (max-width:640px) {
		.sub_content.sub_service{padding:0;}
		.sub_content.sub_service .service_tit h3 {font-size: 34px;}
		.sub_content.sub_service .service_tit p{font-size:16px;margin-top:20px;}
	}
	@media only screen and (max-width:480px) {
		.sub_content.sub_service .service_tit .link_inquiry{top:90px;width: 200px;height:40px;}
		.sub_content.sub_service .service_tit .link_inquiry a{line-height:38px;padding-right:38px;font-size:14px;background-position:88% center;}
		.sub_content.sub_service .service_tit .link_inquiry:hover:before{width:100%;}	
		.sub_content.sub_service .service_tit .link_inquiry:hover a{color:#fff;background:url('../images/sub/sub_icon_arr.png')no-repeat;background-position:88% center;}
		.sub_content.sub_service .service_tit p{font-size:15px;line-height:20px;}

		.contact_location{margin-top:90px;}
		.contact_location .location_wrap + .location_wrap{margin-top:35px;}
		.contact_location .location_wrap .map_box{height:300px;}
		.contact_location .location_info_wrap{margin-top:20px;}
		.contact_location .location_info_wrap .location_tit{font-size:26px;}
		.contact_location .location_info_wrap .location_address{font-size:16px;margin:10px 0 25px;}
		.contact_location .location_info_wrap .sub_info dl + dl{margin-top:10px;}
		.contact_location .location_info_wrap .sub_info dl dt, .contact_location .location_info_wrap .sub_info dl dd{font-size:15px;}
		.contact_location .location_info_wrap .sub_info dl dt{width:55px;}
		.contact_location .location_info_wrap .sub_info dl dd{padding-left:10px;}

	}

/*───────────────────────────────────────────────────────────

	 고객지원 | 게시판

───────────────────────────────────────────────────────────*/
	/*목록*/

	/*뉴스,공지*/

/*───────────────────────────────────────────────────────────
	 POPUP
───────────────────────────────────────────────────────────*/

/* layer-popup */

.layer-popup {font-size:12px;background:#fff;border:1px #000 solid;position:absolute;transform:none;}
.layer-popup.layer_pc {}
.layer-popup.layer_t {}
.layer-popup.layer_m {left:50%;min-height:auto;transform:translate(-50%, 0)}
.layer-popup h4 {font-size:12px;font-weight:700 !important;line-height:18px;padding:3px 12px;box-sizing:border-box;text-align:left;}
.pop_content {margin:0;padding:0;}
.pop_content img, .pop_content table, .pop_content div {max-width:100%;max-height:100%;}
.layer-popup .pop_closed {text-align:right;padding:4px 12px;box-sizing:border-box;line-height:20px;font-size:12px;vertical-align:middle;}
.layer-popup .pop_closed input[type="checkbox"] {}
.layer-popup .pop_closed input[type="checkbox"] + label {font-size:12px;}
.layer-popup .pop_closed a {vertical-align:top;display:inline-block;line-height:20px;margin-left:12px;position:relative;z-index:1;width:20px;height:20px;font-size:0;}
.layer-popup .pop_closed a:before,
.layer-popup .pop_closed a:after {display:inline-block;content:"";width:24px;height:1px;background:#000;position:absolute;left:0;top:50%;}
.layer-popup .pop_closed a:before {transform:rotate(45deg) }
.layer-popup .pop_closed a:after {transform:rotate(-45deg) }