@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: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="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="checkbox"] { display:none; }
input[type="checkbox"] + label { display: flex; cursor:pointer;font-size:var(--title-18);color:var(--black-color06);font-weight:400; gap: 10px;}
input[type="checkbox"] + label strong{font-size:inherit;color:var(--point-color03);font-weight:inherit;}
input[type="checkbox"] + label:before, input[type="checkbox"] + label::before { display:inline-block; content:""; width:24px; height:24px; margin:-2px 0 0 0; vertical-align:middle; background:url("../images/sub/chk_off.svg") no-repeat 0 50%; cursor:pointer;background-size:100% auto;}
input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked + label::before { background:url("../images/sub/chk_on.svg") no-repeat 0 50%; background-size:100% auto;}

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:var(--black-color03);font-weight:400;border:1px solid #d3d3d3;height:30px;line-height:28px;font-size:var(--title-18);padding:0 0 0 10px;border-radius:0;outline:0;cursor:pointer; box-sizing:border-box;margin:0;vertical-align:middle;text-align:left;-webkit-appearance: none; -moz-appearance: none; appearance: none;background:var(--point-white) url('../images/sub/ico_sel_arw.svg')no-repeat right 17px center;}
	/*화살표 없애기	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 { display: flex; justify-content: center; gap: 10px; margin: 60px 0 0; }
.paging > *:not(.arrow) { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 100%; }
.paging a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: inherit; color: var(--black-color08); font-weight: 400; font-size: var(--title-15); font-family: var(--font-type01); text-align: center;}
.paging a img {height:33px;width:33px;vertical-align:top;}
.paging .on,
.paging .on a { color: var(--point-white); font-weight: 600; background: var(--black-color02); }

.paging .arrow a {font-size:0;width:25px;}
.paging .arrow a img {display:none;}
.paging .arrow.first a {background:#fff url("../images/sub/ico_prev02.png") no-repeat center; background-size: 10px 10px;}
.paging .arrow.prev a {background:#fff url("../images/sub/ico_prev01.png") no-repeat center; background-size: 6px 10px;}
.paging .arrow.next a {background:#fff url("../images/sub/ico_next01.png") no-repeat center; background-size:6px 10px;}
.paging .arrow.last a {background:#fff url("../images/sub/ico_next02.png") no-repeat center; background-size:10px 10px;}

/* 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:1024px) {
	/* device */
	.for_t {display:inline-block;}
	.for_pc {display:none;}
	.for_m {display:none;}

	.paging { margin: clamp(20px, 6vw, 60px) 0 0; }

}
@media only screen and (max-width:860px) {
    .paging > *:not(.arrow) { width: 35px; height: 35px; }
    .paging .arrow a { width: 20px; }

}
@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;}

	.paging > *:not(.arrow) { width: 30px; height: 30px; }
    .paging .arrow a { width: 15px; }
}
@media only screen and (max-width:479px) {
	.paging > *:not(.arrow) { width: 25px; height: 25px; }
    .paging .arrow a { width: 10px; }

    input[type="checkbox"] + label:before, input[type="checkbox"] + label::before{width:20px;height:20px;}
    input[type="checkbox"] + label span { display: inline-block; width: calc(100% - 30px); }
}





/*───────────────────────────────────────────────────────────
	 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:1024px) {

}
@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 ) ***/
#wrap .bbs_write_box{box-sizing:border-box;padding:0 0 30px;gap:40px;display: flex;flex-direction: column;flex-wrap:wrap;border-bottom:1px solid var(--border-color01); }
#wrap .bbs_write_box .line2 {display: flex;flex-wrap:wrap;gap:60px;}
#wrap .bbs_write_box .line2 dl {width:calc(50% - 30px);}
#wrap .bbs_write_box dl {display: flex;flex-wrap:wrap;width:100%;align-items:center;}
#wrap .bbs_write_box dl dt {width:180px;font-size:var(--title-22);color:var(--black-color01);font-weight:500;display: flex;align-items: center;text-align:left;}
#wrap .bbs_write_box dl dt .require_dot{font-size:inherit;color:var(--point-color01);font-weight:inherit;display: inline-block;margin-left:3px;}
#wrap .bbs_write_box dl dd {box-sizing:border-box;width:calc(100% - 180px);min-height:60px;display: flex;align-items: center;}
#wrap .bbs_write_box dl dd ul {display: flex;gap:20px;align-items: center;height:100%;flex-wrap:wrap;}
#wrap .bbs_write_box dl dd input[type="text"], 
#wrap .bbs_write_box dl dd input[type="password"] {width:100%;height:60px;box-sizing:border-box;border:none;padding:0 20px;font-size:var(--title-18);color:var(--black-color03);font-weight:400;background:var(--gray-bg01);}

#wrap .bbs_write_box dl dd input[type="text"]:focus, 
#wrap .bbs_write_box dl dd input[type="password"]:focus, 
#wrap .bbs_write_box dl dd input[type="text"]:autofill, 
#wrap .bbs_write_box .edit_wrap .edit-box textarea:focus {border:1px solid var(--black-color01);background:var(--point-white);}

#wrap .bbs_write_box dl dd input[type="text"]::placeholder, 
#wrap .bbs_write_box dl dd input[type="password"]::placeholder, 
#wrap .bbs_write_box textarea::placeholder{color:var(--black-color08);}

#wrap .bbs_write_box .edit_wrap{display: block;width:100%;}
#wrap .bbs_write_box .edit_wrap .edit-box{margin-top:14px;}
#wrap .bbs_write_box .edit_wrap .edit-box textarea {height:321px;width:100%; width:100%;box-sizing:border-box;border:none;padding:20px;font-size:var(--title-18);color:var(--black-color03);font-weight:400;background:var(--gray-bg01);}

#wrap .bbs_write_box dl.captcha_dl dd{gap:10px;}
#wrap .bbs_write_box .captcha_wrap{border:1px solid var(--border-color01);padding:10px;box-sizing: border-box; display: flex; gap:10px;}
#wrap .bbs_write_box #captcha_box{margin:0;}
#wrap .bbs_write_box #captcha_box img{width:180px !important;height:40px !important;box-sizing:border-box;border:1px solid var(--border-color01);}
#wrap .bbs_write_box #refreshCode{display: inline-flex; background: url('../images/sub/icon_reset.svg') no-repeat center; font-size: 0; cursor: pointer; min-width: 40px; width: 40px; height: 40px; border:1px solid var(--border-color01); box-sizing: border-box;}
#wrap .bbs_write_box input#captcha{max-width:350px; margin:0;}

#wrap .policy_wrap{box-sizing: border-box; margin-top: 40px;border:1px solid var(--border-color01);padding:40px 40px;}
#wrap .policy_wrap .area_box{margin-top: 20px;}
#wrap .area_box{width: 100%; padding:10px;box-sizing: border-box;background:var(--gray-bg01);}
#wrap .area_box textarea{width: 100%; padding:5px 7px; border:0; background: none; box-sizing: border-box; font-size: var(--title-17);font-weight: 400; color: var(--black-color08); line-height: 1.6;height:130px;outline:none;}
#wrap .area_box textarea::-webkit-scrollbar { width: 4px;}
#wrap .area_box textarea::-webkit-scrollbar-thumb {background: var(--point-color01); border-radius: 10px;}
#wrap .area_box textarea::-webkit-scrollbar-track {border-radius: 10px;background:var(--border-color01);}


/*** TABLE view ( board/board_view ) ***/
.bbs_view {text-align:center;position:relative;z-index:1; font-family: var(--font-type01); font-size: var(--title-20); }
.bbs_view h3 { color: var(--black-color00); font-size: 150%; letter-spacing: -0.02em; font-weight: 500; }
.bbs_view h3 + p { color: var(--black-color05); font-weight: 300; font-size: var(--title-16); line-height: 1.75; letter-spacing: -0.02em; margin-top: 20px; }
.bbs_view .view_tit { border-bottom: 1px solid #2A282D; box-sizing: border-box; padding: 0 0 30px; }
	/* 제목.작성자.작성일 */

	/* 모바일.메일 */
.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:60px 50px 60px;font-size: var(--title-17); line-height:1.64; min-height:300px; 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 {margin-bottom: 30px; 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 {}


	/* 게시판 개인정보취급 */
.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;width: calc(40% - 36px);}
.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% - 155px);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 ) ***/
	/* 검색 */
.board_search { width: 100%; padding: 29px 30px; margin: 0 0 60px; box-sizing: border-box; background: var(--gray-bg01); border: 1px solid var(--border-color01); }
.board_search .search_box { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; width: 100%; max-width: 550px; height: 60px; box-sizing: border-box; margin-inline: auto; }
.board_search .board_search_sel{width:160px;height:100%;position: relative;}
.board_search .board_search_sel select{width:100%;height:100%;border:none;padding:0 35px 0 20px; border: 1px solid var(--border-color01); border-radius: 10px; }

.board_search .input_box{ position: relative; width:calc(100% - 170px);height:100%;display: flex;flex-wrap:wrap;align-items: center;}
.board_search input#search { width: 100%; height: 100%; padding: 0 67px 0 20px; border: 1px solid var(--border-color01); border-radius: 10px; box-sizing: border-box; color: var(--black-color03); font-weight: 400; font-size: var(--title-18); }
.board_search .btn_search{ position: absolute; right: 0; top: 0; width:65px;height:100%;background:none;border:none;font-size:0;background:url('../images/sub/ico_search.svg')no-repeat center; background-size: auto 50%;}

	/* 일반형 총 게시글수 */
.bbs_num {padding:0 0 8px 0;line-height:20px;font-size:13px;color:#333;}
.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:flex; width:100%;margin:0; border-top: 1px solid var(--border-color01);border-bottom: 1px solid var(--border-color01);}
	.sub_board .bbs_view .extra_editor_wrap > h4, 
	.sub_board .bbs_view .extra_editor_wrap > div.extra_cont { padding: 25px 0; box-sizing:border-box; vertical-align:middle; text-align:left;border: 0;}

	.sub_board .bbs_view .extra_editor_wrap > h4 { position: relative; background: var(--point-white);width:140px;color: var(--black-color03); text-align: center; font-weight: 500; font-size: var(--title-18); letter-spacing: -0.03em;}
	.sub_board .bbs_view .extra_editor_wrap > h4::after { content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background: var(--border-color01); }

    .sub_board .bbs_view .extra_editor_wrap > div.extra_cont { width: calc(100% - 140px); padding-left: 44px; display: flex; gap: 10px; flex-wrap: wrap; }

	.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span { font-size: var(--title-17); font-weight: 400; color: var(--black-color08); letter-spacing: -0.04em; }
	.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_etc {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:1024px) {
		

		/*** TABLE view ( board/board_view ) ***/
		/* 제목.작성자.작성일 */

        .bbs_view .view_tit { padding: 0 0 clamp(20px, 3vw, 30px); }
        .bbs_view h3 + p { margin-top: clamp(10px, 2vw, 20px);  }
        .bbs_view div.view_cont { padding: clamp(30px, 6vw, 60px) clamp(25px, 3vw, 50px); }
        .bbs_view div.view_cont .thumb_img_wrap { margin-bottom: clamp(20px, 3vw, 30px); }
        .sub_board .bbs_view .extra_editor_wrap > h4, 
        .sub_board .bbs_view .extra_editor_wrap > div.extra_cont { padding: clamp(15px, 2.5vw, 25px) 0; }

        .sub_board .bbs_view .extra_editor_wrap > h4 { width: clamp(80px, 14vw, 140px); }

        .sub_board .bbs_view .extra_editor_wrap > div.extra_cont { padding-left: clamp(20px, 4.4vw, 44px); }

		/*** 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;}
	



    .board_search { padding: clamp(20px, 3vw, 30px); margin: 0 0 clamp(30px, 6vw, 60px); }
    .board_search .search_box { height: clamp(45px, 6vw, 60px); }
    .board_search .board_search_sel select { padding: 0 clamp(25px, 3.5vw, 35px) 0 clamp(15px, 2vw, 20px); background: var(--point-white) url(../images/sub/ico_sel_arw.svg) no-repeat right clamp(10px, 1.2vw, 17px) center; }
    .board_search input#search { padding: 0 clamp(45px, 6.7vw, 67px) 0 clamp(15px, 2vw, 20px); }
    .board_search .btn_search { width: clamp(45px, 6.7vw, 65px); }

}
@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 ) ***/
        #wrap .bbs_write_box{padding:30px 15px;}
		#wrap .bbs_write_box .line2{gap:20px;}
		#wrap .bbs_write_box .line2 dl{width:100%;}
		
		#wrap .bbs_write_box dl.captcha_dl dd{flex-wrap:wrap;}
		#wrap .bbs_write_box input#captcha{width:100%;max-width:100%;}
		
		#wrap .policy_wrap{padding:20px 20px;}

		/*** TABLE view ( board/board_view ) ***/
		/* 제목.작성자.작성일 */
	
		/* 모바일.메일 */
	.bbs_view div.view_etc {padding:1.6% 12px;}
	.bbs_view div.view_etc span + span {margin-left:40px;}
		/* 내용 */
	
		/* 답변 내용 */
	.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 ) ***/
		/* 검색 */
	


		/* 일반형 목록 */
	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 ) ***/
        .bbs_title_box {margin-bottom:10px;}

		/*** 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 ) ***/
        #wrap .bbs_write_box,
		#wrap .bbs_write_box .line2{gap:10px;}
		#wrap .bbs_write_box dl dd{min-height:50px;}
		
		#wrap .bbs_write_box dl dd ul{gap:15px;}
		#wrap .bbs_write_box dl dd input[type="text"],
		#wrap .bbs_write_box dl dd input[type="password"]{height:50px;padding:0 15px;}
		#wrap .bbs_write_box textarea{height:150px;padding:15px 15px;}
		#wrap .bbs_write_box dl dd select{width:100%;height:50px;}
		
		#wrap .bbs_write_box .edit_wrap .edit-box textarea{height:250px;}

		/*** TABLE view ( board/board_view ) ***/
		/* 제목.작성자.작성일 */
		/* 제목.작성자.작성일 */
	
		/* 모바일.메일 */
	.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 + .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 ) ***/
		/* 검색 */
	
		/* 일반형 총 게시글수 */
	.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%;}

}

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

}

@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 ) ***/
        #wrap .bbs_write_box{padding:20px 0;}
		#wrap .bbs_write_box dl dt{width:100%;}
		#wrap .bbs_write_box dl dd{min-height:46px;width:100%;margin-top:10px;}
		#wrap .bbs_write_box dl dd ul{gap:6px 10px;}
		#wrap .bbs_write_box dl dd input[type="text"],
		#wrap .bbs_write_box dl dd input[type="password"]{height:46px;}
		#wrap .bbs_write_box dl dd select{height:46px;}

        #wrap .bbs_write_box .edit_wrap .edit-box textarea{ padding: 15px; }
		
		#wrap .bbs_write_box .captcha_wrap{width:auto;}
		#wrap .bbs_write_box #refreshCode{min-width:30px;width:30px;height:40px;background-size:auto 13px;}
		
		#wrap .policy_wrap{margin-top:20px;}
		#wrap .policy_wrap .area_box{margin-top:10px;}

		/*** 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 + .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(45% - 4px);font-size:12px;line-height:30px;}
	.board_comment .comment_name span input {width: calc(100% - 43px);}
	.board_comment .comment_name span + span {float:right;text-align:right;margin-left:0px;width: calc(50% - 4px);}
	.board_comment .comment_name span + span input {width: calc(100% - 64px);}
	.board_comment .comment_memo {padding:1.2% 0 2.4%;}
	.board_comment .comment_memo textarea {width: calc(100% - 150px);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 .search_box { flex-direction: column; height: auto; gap: 5px; }
        .board_search .board_search_sel { width: 100%; }
        .board_search .board_search_sel select { border-radius: 5px; height: 45px; }
        .board_search .input_box { width: 100%; }
        .board_search input#search { border-radius: 5px; height: 45px; }

	
		/* 일반형 목록 */
	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 view ( board/board_view ) ***/
		/* 제목.작성자.작성일 */
	.bbs_view div.view_tit {padding:2.4% 8px;}
		/* 모바일.메일 */
	.bbs_view div.view_etc {padding:2.4% 8px;}
		/* 내용 */
	
		/* 답변 내용 */
	.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;}
}





/*───────────────────────────────────────────────────────────
	 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 { font-size: var(--title-20); }
.sub_board ul.bbs_gallery { display: flex; flex-wrap: wrap; gap: 40px; }
.sub_board ul.bbs_gallery li { width: calc(100% / 3 - 26.6667px); position:relative;}

.sub_board ul.bbs_gallery li::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid var(--border-color01); border-radius: 10px; transition: all 0.4s; }

.sub_board ul.bbs_gallery li a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;}

.sub_board ul.bbs_gallery li .thumb {display: block; border-radius: inherit; aspect-ratio: auto 1.46; overflow: hidden; width: 100%; position: relative; border-radius: 10px; }
.sub_board ul.bbs_gallery li .thumb a {vertical-align:top;}
.sub_board 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%);}
.sub_board ul.bbs_gallery li .info { padding: 30px 30px; }
.sub_board ul.bbs_gallery li .info dt { color: var(--black-color00); font-weight: 600; font-size: 110%; letter-spacing: -0.02em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box; }
.sub_board ul.bbs_gallery li .info dd { color: var(--black-color05); font-weight: 400; font-size: var(--title-17); letter-spacing: -0.02em; line-height: 1.647; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box; box-sizing: border-box; margin-top: 17px; }

.sub_board ul.bbs_gallery li p {color: var(--black-color05); font-weight: 300; font-size: var(--title-16); letter-spacing: -0.02em; line-height: 1.75; margin-top: auto; margin-top: 53px;}

.sub_board ul.bbs_gallery li.no_data {line-height:20px;padding:122px 0;}

@media (hover:hover) and (pointer:fine){
    .sub_board ul.bbs_gallery li:hover::before { border-color: var(--point-color01); box-shadow: var(--point-shadow01); }
}

.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 ***/
	.sub_board ul.bbs_gallery { gap: 15px; }
    .sub_board ul.bbs_gallery li { width: calc(100% / 3 - 10px); }
    .sub_board ul.bbs_gallery li .info { padding: clamp(25px, 3vw, 30px); }

    .sub_board ul.bbs_gallery li .info dd { margin-top: clamp(10px, 1.7vw, 17px); }
    .sub_board ul.bbs_gallery li p { margin-top: clamp(30px, 5.3vw, 53px); }
}
@media only screen and (max-width:860px) {
	/*** 갤러리형 | layout/goods/gallery.html ***/
	.sub_board ul.bbs_gallery li { width: calc(100% / 2 - 7.5px); }
	.bbs_no_data {padding:1.6%;}

	/* 갤러리 고정글 */
	.gallery_notice {margin-bottom:20px;}
	.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;}


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

}
@media only screen and (max-width:640px) {
	/*** 갤러리형 | layout/goods/gallery.html ***/
	
}
@media only screen and (max-width:479px) {
	/*** 갤러리형 | layout/goods/gallery.html ***/
	.sub_board ul.bbs_gallery li { width: 100%; }
	.bbs_no_data {padding:2.4%;}
	.sub_board ul.bbs_gallery li::before { border-radius: 5px; }
	.sub_board ul.bbs_gallery li .thumb { border-radius: 5px; }
}





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

/*** 상품리스트, 상품검색 | goods/goods_list.html, goods/goods_search.html ***/
.sub_list {}
	/* 서브 카테고리 */
.sub_cate_wrap ul.sub_cate {margin:1.2% 17px;line-height:26px;vertical-align:top;text-align:center;}
.sub_cate_wrap ul.sub_cate:after {clear:both; content:""; display:block;}
.sub_cate_wrap ul.sub_cate li {padding:0 12px;line-height:26px;font-size:0;display:inline-block;vertical-align:middle;text-align:left;box-sizing:border-box;}
.sub_cate_wrap ul.sub_cate li a {font-size:13px;color:#666;font-weight:400;display:inline-block;line-height:inherit;vertical-align: middle;}
.sub_cate_wrap ul.sub_cate li:hover a {color:#333;}
.sub_cate_wrap ul.sub_cate li + li {}
	/* 디스플레이 유형 */
.sub_list .list_array {margin:0;margin-bottom:2.4%;}
.sub_list .list_array:after {clear:both; content:""; display:block;}
.sub_list .list_array .list_count,
.sub_list .list_array .list_count span {font-size:15px;line-height:30px;height:30px;font-weight:400;vertical-align:top;display:inline-block;text-align:left;}
.sub_list .list_array .list_count {color:#555;float:left;}
.sub_list .list_array .list_count span {color:#222;font-weight:700;}
.sub_list .list_array ul {float:right;}
.sub_list .list_array ul:after {clear:both; content:""; display:block;}
.sub_list .list_array ul li {width:30px;height:30px;border:1px solid #ccc;float:left;box-sizing:border-box;background:#fff;text-indent:-9999px;cursor:pointer;position:relative;z-index:1;}
.sub_list .list_array ul li:before, .sub_list .list_array  ul li::before {content:"";display:inline-block;width:28px;height:28px;position:absolute;cursor:pointer;left:0;top:0;bottom:0;right:0;box-sizing:border-box;}
.sub_list .list_array ul li.typeA:before {background:url("../images/common/icon_list_typeA.png") no-repeat left top;}
.sub_list .list_array ul li.typeA.on:before {background:#222222 url("../images/common/icon_list_typeA_on.png") no-repeat left top;}
.sub_list .list_array ul li.typeB:before {background:url("../images/common/icon_list_typeB.png") no-repeat left top;}
.sub_list .list_array ul li.typeB.on:before {background:#222222 url("../images/common/icon_list_typeB_on.png") no-repeat left top;}
.sub_list .list_array ul li.on {border:1px solid #222222; background:#222222;}
	/* 상품 진열 */
.sub_list .list {}
	/* 검색결과없음 */
.sub_list .list .list_no {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;}
	/* 검색 페이지 - 검색창 */
.sub_list .list_search {line-height:30px;margin:0 0 2.4%;padding:1.2% 30px;text-align:right;background:#f2f2f2;width:100%;box-sizing:border-box;vertical-align:top;}
.sub_list .list_search:after {clear:both; content:""; display:block;}
.sub_list .list_search > div {float:right;vertical-align:top;}
.sub_list .list_search > div:after {clear:both; content:""; display:block;}
.sub_list .list_search > div > span,
.sub_list .list_search .search_form {float:left;}
.sub_list .list_search > div > span,
.sub_list .list_search .search_form,
.sub_list .list_search .search_form .search,
.sub_list .list_search .search_form .select_box_wrap {font-size:0;height:30px;line-height:30px;margin:0;padding:0;vertical-align: middle;display:inline-block;box-sizing:border-box;}
.sub_list .list_search > div > span {margin-right:12px;font-size:13px;}
.sub_list .list_search > div > span label {color:#777;font-size:inherit;font-weight:inherit;padding-left:5px;}
.sub_list .list_search .search_form .select_box_wrap {margin-right:0;}
.sub_list .list_search .search_form {}
.sub_list .list_search .search_form select,
.sub_list .list_search .search_form input,
.sub_list .list_search .search_form a {font-size:13px;font-weight:inherit;vertical-align:top;}
.sub_list .list_search .search_form select,
.sub_list .list_search .search_form input {margin-right:8px;}
	/*** 갤러리형 | layout/goods/gallery.html ***/
.sub_list .list .list_Galleryform {}
.sub_list .list .list_Galleryform > ul {width:100%;margin-left:0;}
.sub_list .list .list_Galleryform > ul:after {clear:both;content:"";display:block;}
.sub_list .list .list_Galleryform > ul li {float:left;width:calc(25% - 9px);margin:0 12px 2.4% 0;}
.sub_list .list .list_Galleryform > ul li:nth-child(4n) {margin-right:0;}
.sub_list .list .list_Galleryform > ul li:nth-child(4n+1) {clear:both;content:"";float:left;}
.sub_list .list .list_Galleryform > ul li dl {}
.sub_list .list .list_Galleryform > ul li dl dt {border:1px solid #ccc;margin:0 0 18px;height: 0;overflow: hidden;position: relative;padding-bottom: 99.27%;}
.sub_list .list .list_Galleryform > ul li dl dt img {width:100%;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);height: auto;}
.sub_list .list .list_Galleryform > ul li dl dd {text-align:left;}
.sub_list .list .list_Galleryform > ul li dl dd > em {display: block;box-sizing:border-box;color:#333;font-size:16px;font-weight:600;padding:0 0 6px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sub_list .list .list_Galleryform > ul li dl dd p {color:#777;font-size:14px;font-weight:500;line-height:22px;}
	/*** 리스트형 | layout/goods/list.html ***/
.sub_list .list .list_Listform {}
.sub_list .list .list_Listform > ul {font-size:0;width:100%;margin-left:0;}
.sub_list .list .list_Listform > ul:after {clear:both;content:"";display:block;}
.sub_list .list .list_Listform > ul li {float:left;width:48.9%;border:1px solid #ccc;margin:0 2.2% 30px 0;box-sizing:border-box;}
.sub_list .list .list_Listform > ul li:nth-child(2n) {margin-right:0;}
.sub_list .list .list_Listform > ul li:nth-child(2n+1) {clear:both;content:"";float:left;}
.sub_list .list .list_Listform > ul li > a {display:table;width:100%;}
.sub_list .list .list_Listform > ul li dl {display:table-row;}
.sub_list .list .list_Listform > ul li dl:after {clear:both;content:"";display:block;}
.sub_list .list .list_Listform > ul li dl dt,
.sub_list .list .list_Listform > ul li dl dd {display: table-cell;vertical-align:middle;width:50%;box-sizing:border-box;}
.sub_list .list .list_Listform > ul li dl dt {border-right:1px solid #ccc;position: relative;height: 0;overflow: hidden;padding-bottom: 40%;}
.sub_list .list .list_Listform > ul li dl dt img{width: 100%;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);height: auto;}
.sub_list .list .list_Listform > ul li dl dd {text-align:left;padding: 0 20px 0 30px;max-width: 200px;overflow: hidden;}
.sub_list .list .list_Listform > ul li dl dd > em  {display:block;box-sizing:border-box;position:relative;color:#333;font-size:16px;font-weight:600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sub_list .list .list_Listform > ul li dl dd > em::before {display:none !important;position:absolute;left:0;bottom:0;content:"";display:block;width:30px;height:2px;background:#e03535;}
.sub_list .list .list_Listform > ul li dl dd p {color:#777;font-size:14px;font-weight:500;line-height:22px;width:100%;display:none;}
	/*** 상세페이지 | goods/goods_view.html  ***/
.sub_view {}
.sub_view .info {}
.sub_view .info dl {}
.sub_view .info dl:after {clear:both;content:"";display:block;}
.sub_view .info dl .thumb_box {text-align:center;padding:10px 0;margin: 0 auto;}
.sub_view .info dl .thumb_box img {max-width:100%;border:1px solid #ccc;box-sizing:border-box;}
.sub_view .info dl .goods_tit {font-size: 32px;line-height: 1.3em;display: block;text-align: center;margin: 20px auto 30px;color:#333;}
.sub_view .info_wrap {margin:50px 0;}
.sub_view .info_wrap .info_li {font-size: 0;display: block;width: 100%;margin: 0 0 50px;}
.sub_view .info_wrap .info_li .info_tit,
.sub_view .info_wrap .info_li .info_cont {display: block;vertical-align:top;font-size: 17px;padding: 0;}
.sub_view .info_wrap .info_li .info_tit {color: #222;font-size: 20px;font-weight: 600;padding: 0 0 10px;margin: 0 0 20px;border-bottom: 1px solid #222;text-align: left;}
.sub_view .info_wrap .info_li .info_cont {}



@media only screen and (max-width:1200px) {
	/*** 상품리스트, 상품검색 | goods/goods_list.html, goods/goods_search.html ***/
		/* 서브 카테고리 */
	.sub_cate_wrap ul.sub_cate {margin:1.2% 8px;}
		/* 검색 페이지 - 검색창 */
	.sub_list .list_search {padding:1.2% 20px;}
		/* 상세페이지 | goods/goods_view.html */
	.sub_view .info dl dd .tit {padding:2.4% 20px;}
	.sub_view .info dl dd .tit h3 {font-size:30px;line-height:38px;}
	.sub_view .info dl dd .tit p {font-size:14px;line-height:22px;}
	.sub_view .info dl dd ul.detail {padding:2.4% 20px;}
}
@media only screen and (max-width:1024px) {
		/* 디스플레이 유형 */
	.sub_list .list_array {margin-bottom:3.6%;}
		/* 갤러리형 | layout/goods/gallery.html */
	.sub_list .list .list_Galleryform > ul li {width: calc(33.32% - 8px);margin:0 12px 3.6% 0;}
	.sub_list .list .list_Galleryform > ul li:nth-child(4n) {margin-right:12px;}
	.sub_list .list .list_Galleryform > ul li:nth-child(4n+1) {clear:inherit;float:left;}
	.sub_list .list .list_Galleryform > ul li:nth-child(3n) {margin-right:0px;}
	.sub_list .list .list_Galleryform > ul li:nth-child(3n+1) {clear:both;float:left;}
		/* 리스트형 | layout/goods/list.html */
	.sub_list .list .list_Listform > ul li dl dd > em  {font-size:15px;}
	.sub_list .list .list_Listform > ul li dl dd > .add_info p {font-size:13px;}
		/* 검색 페이지 - 검색창 */
	.sub_list .list_search {margin:0 0 3.6%;padding:1.2% 20px;}
		/* 상세페이지 | goods/goods_view.html */
	.sub_view .info dl dt {width:46%;padding:12px;}
	.sub_view .info dl dd {width:51%;}
	.sub_view .info dl dd .tit {padding:3.6% 20px;}
	.sub_view .info dl dd .tit h3 {font-size:26px;line-height:34px;}
	.sub_view .info dl dd .tit p {font-size:14px;line-height:22px;}
	.sub_view .info dl dd ul.detail {padding:2.4% 20px;}
	.sub_view .info dl dd ul.detail li {padding:1.2% 0;}
	.sub_view .info dl dd ul.detail li span,
	.sub_view .info dl dd ul.detail li div {line-height:24px;height:24px;font-size:13px;}
	.sub_view .info dl dd ul.detail li span {width:80px;}
	.sub_view .info dl dd ul.detail li div {width: calc(100% - 80px);}
	.sub_view .detail_info {margin:4.8% 0 0;}
	.sub_view .detail_info > div {margin:0 0 6.8%;}
	.sub_view .detail_info div h4.tit {font-size:22px;padding:0 0 1.2%;margin:0 0 1.6%;}
	.sub_view .detail_info div p {font-size:14px;line-height:22px;letter-spacing:-0.5px;}
}
@media only screen and (max-width:860px) {
	/*** 상품리스트, 상품검색 | goods/goods_list.html, goods/goods_search.html ***/
		/* 서브 카테고리 */
	.sub_cate_wrap {margin-bottom:3.6%;}
	.sub_cate_wrap ul.sub_cate {margin:1.6% 0;}
		/* 디스플레이 유형 */
	.sub_list .list_array {margin-bottom:3.6%;}
	.sub_list .list_array .list_count,
	.sub_list .list_array .list_count span {font-size:13px;}
		/* 검색결과없음 */
	.sub_list .list .list_no {padding:1.6%;}
		/* 갤러리형 | layout/goods/gallery.html */
	.sub_list .list .list_Galleryform > ul li {margin:0 12px 3.6% 0;}
	.sub_list .list .list_Galleryform > ul li dl dt {margin:0 0 5px;}
		/* 리스트형 | layout/goods/list.html */
	.sub_list .list .list_Listform > ul li dl dd {padding:8px;}
	.sub_list .list .list_Listform > ul li dl dd > em  {font-size:14px;line-height:22px;height:22px;}
	.sub_list .list .list_Listform > ul li dl dd > .add_info {padding-top:26px;}
	.sub_list .list .list_Listform > ul li dl dd > .add_info:before {top:12px;width:24px;}
	.sub_list .list .list_Listform > ul li dl dd > .add_info p {font-size:12px;line-height:18px;max-height:36px;}
		/* 검색 페이지 - 검색창 */
	.sub_list .list_search {margin:0 0 3.6%;padding:1.6% 20px;}
}
@media only screen and (max-width:767px) {
	/*** 상품리스트, 상품검색 | goods/goods_list.html, goods/goods_search.html ***/
		/* 서브 카테고리 */
	.sub_cate_wrap {margin-bottom:4.8%;}
		/* 리스트형 | layout/goods/list.html */
	.sub_list .list .list_Listform > ul li {width: calc(50% - 4px);margin:0 8px 8px 0;}
	.sub_list .list .list_Listform > ul li dl dt {width:50%;}
	.sub_list .list .list_Listform > ul li dl dd {width:50%;padding:8px;}
	.sub_list .list .list_Listform > ul li dl dd > em  {font-size:14px;line-height:22px;height:22px;}
	.sub_list .list .list_Listform > ul li dl dd > .add_info {padding-top:26px;}
	.sub_list .list .list_Listform > ul li dl dd > .add_info:before {top:12px;width:30px;}
	.sub_list .list .list_Listform > ul li dl dd > .add_info p {font-size:12px;line-height:18px;max-height:36px;}
}
@media only screen and (max-width:640px) {
	/*** 상품리스트, 상품검색 | goods/goods_list.html, goods/goods_search.html ***/
		/* 서브 카테고리 */
	.sub_cate_wrap {margin-bottom:5.2%;}
	.sub_cate_wrap ul.sub_cate {margin:2.4% 0;}
	.sub_cate_wrap ul.sub_cate li a {font-size:12px;}
		/* 디스플레이 유형 */
	.sub_list .list_array {margin-bottom:5.2%;}
	.sub_list .list_array .list_count,
	.sub_list .list_array .list_count span {font-size:13px;}
		/* 검색결과없음 */
	.sub_list .list .list_no {padding:2.4%;font-size:13px;}
		/* 갤러리형 | layout/goods/gallery.html */
	.sub_list .list .list_Galleryform > ul li {width: calc(50% - 6px);margin:0 12px 4.8% 0;}
	.sub_list .list .list_Galleryform > ul li:nth-child(4n) {margin-right:12px;}
	.sub_list .list .list_Galleryform > ul li:nth-child(4n+1) {clear:inherit;float:left;}
	.sub_list .list .list_Galleryform > ul li:nth-child(3n) {margin-right:12px;}
	.sub_list .list .list_Galleryform > ul li:nth-child(3n+1) {clear:inherit;float:left;}
	.sub_list .list .list_Galleryform > ul li:nth-child(2n) {margin-right:0;}
	.sub_list .list .list_Galleryform > ul li:nth-child(2n+1) {clear:both;float:left;}
	.sub_list .list .list_Galleryform > ul li .txt_info {padding-top:8px;}
	.sub_list .list .list_Galleryform > ul li .txt_info h3 {font-size:13px;}
	.sub_list .list .list_Galleryform > ul li .txt_info p {padding-top:6px;font-size:12px;}
		/* 리스트형 | layout/goods/list.html */
	.sub_list .list .list_Listform > ul li {width:100%;}
	.sub_list .list .list_Listform > ul li dl dt {width:45%;}
	.sub_list .list .list_Listform > ul li dl dd {width:55%;padding:12px;}
		/* 검색 페이지 - 검색창 */
	.sub_list .list_search {margin:0 0 4.8%;padding:2.4% 12px;}
	.sub_list .list_search > div > span {font-size:12px;}
	.sub_list .list_search .search_form select,
	.sub_list .list_search .search_form input,
	.sub_list .list_search .search_form a {font-size:12px;}
		/* 상세페이지 | goods/goods_view.html */
	.sub_view .info dl dt {width:47%;padding:12px;}
	.sub_view .info dl dd {width:50%;}
	.sub_view .info dl dd .tit {padding:3.6% 12px;}
	.sub_view .info dl dd .tit h3 {font-size:20px;line-height:30px;}
	.sub_view .info dl dd .tit p {margin-top:6px;font-size:13px;line-height:21px;}
	.sub_view .info dl dd ul.detail {padding:2.4% 12px;}
	.sub_view .info dl dd ul.detail li {padding:1.2% 0;}
	.sub_view .info dl dd ul.detail li span,
	.sub_view .info dl dd ul.detail li div {line-height:24px;height:24px;font-size:12px;}
	.sub_view .info dl dd ul.detail li span {width:80px;}
	.sub_view .info dl dd ul.detail li div {width: calc(100% - 80px);}
	.sub_view .detail_info {margin:5.6% 0 0;}
	.sub_view .detail_info > div {margin:0 0 10.2%;}
	.sub_view .detail_info div h4.tit {font-size:20px;padding:0 0 1.2%;margin:0 0 1.6%;}
	.sub_view .detail_info div p {font-size:13px;line-height:22px;letter-spacing:0px;}
}
@media only screen and (max-width:479px) {
	/* 디스플레이 유형 */
	.sub_list .list_array .list_count,
	.sub_list .list_array .list_count span {font-size:12px;}
		/* 갤러리형 | layout/goods/gallery.html */
	.sub_list .list .list_Galleryform > ul li {width: calc(50% - 6px);margin:0 12px 5.2% 0;}
	.sub_list .list .list_Galleryform > ul li:nth-child(3n) {margin-right:12px;}
	.sub_list .list .list_Galleryform > ul li:nth-child(3n+1) {clear:inherit;float:left;}
	.sub_list .list .list_Galleryform > ul li:nth-child(2n) {margin-right:0;}
	.sub_list .list .list_Galleryform > ul li:nth-child(2n+1) {clear:both;float:left;}
		/* 리스트형 | layout/goods/list.html */
	.sub_list .list .list_Listform > ul li {}
	.sub_list .list .list_Listform > ul li dl dt {width:50%;}
	.sub_list .list .list_Listform > ul li dl dd {width:50%;padding:8px;}
		/* 검색 페이지 - 검색창 */
	.sub_list .list_search {margin:0 0 5.2%;padding:2.4% 8px;}
	.sub_list .list_search > div {float:none;margin:0 auto;text-align:center;line-height:22px;}
	.sub_list .list_search > div > span,
	.sub_list .list_search .search_form {float:none;vertical-align: middle;}
	.sub_list .list_search > div > span {margin-right:0px;line-height:18px;height:18px;}
	.sub_list .list_search .search_form {margin-top:7px;}
	.sub_list .list_search .search_form select,
	.sub_list .list_search .search_form input {margin-right:5px;}
	.sub_list .list_search .search_form input {max-width:136px;}
		/* 상세페이지 | goods/goods_view.html */
	.sub_view .info dl dt {width:100%;padding:8px;margin-right:0;margin-bottom:4.8%;}
	.sub_view .info dl dd {width:100%;}
	.sub_view .info dl dd .tit {padding:3.6% 8px;}
	.sub_view .info dl dd .tit h3 {font-size:20px;line-height:30px;}
	.sub_view .info dl dd .tit p {margin-top:4px;font-size:13px;line-height:21px;}
	.sub_view .info dl dd ul.detail {padding:2.4% 8px;}
	.sub_view .detail_info {margin:10.2% 0 0;}
	.sub_view .detail_info > div {margin:0 0 16.0%;}
}
@media only screen and (max-width:320px) {
	.sub_list .list_search .search_form input {width:40%;}
}

/*───────────────────────────────────────────────────────────
	 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:1024px) {
	
	/*** 회원가입 완료, 아이지 찾기 완료, 비밀번호 찾기 완료 | 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:1024px) {

}
@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) {

}





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