/* 뉴웹 — 원본 CSS 묶음 2/2 */
/* ===== 원본 common.css ===== */
/*───────────────────────────────────────────────────────────
	
	" 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 {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/neweb/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/neweb/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(/images/neweb/lib/icon_input_radio.png) left top no-repeat; cursor:pointer; }
input[type="radio"]:checked + label:before, input[type="radio"]:checked + label::before { background:url(/images/neweb/lib/icon_input_radio_on.png) left top no-repeat; }
input[type="radio"] + label:first-of-type:before, input[type="radio"] + label:first-of-type::before {margin-left:0;}

/* button type */
button {outline:0;box-sizing:border-box;}

/* textarea type */
textarea {font-size:12px;line-height:20px;color:#555;border:1px solid #d3d3d3;border-radius:0;padding:5px 10px;margin:0;box-sizing:border-box;vertical-align:middle;text-align:left;}

/* select type */
select {color:#555;border:1px solid #d3d3d3;height:30px;line-height:28px;font-size:12px;padding:0 0 0 10px;border-radius:0;outline:0;cursor:pointer; box-sizing:border-box;margin:0;vertical-align:middle;text-align:left;}
	/*화살표 없애기	select {-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(/images/neweb/lib/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:2.8% auto 0 auto;vertical-align:top;box-sizing:border-box;}
.paging span {display:inline-block;vertical-align:top;}
.paging a {display:inline-block; font-size:12px; color:#777;padding:0 5px;border:1px #ccc solid;box-sizing:border-box;height:35px;line-height:33px;min-width:35px;text-align:center; vertical-align:top;}
.paging a img {height:33px;width:33px;vertical-align:top;}
.paging span + span a,
.paging a + a,
.paging a + span a{border-left:0;}
.paging .on a{color:#222222; font-weight:bold;}
.paging a.on,
.paging a:hover {color:#222222;font-weight:700;}
.paging .arrow a {font-size:0;width:34px;}
.paging .arrow a img {display:none;}
.paging .arrow.first a {background:#fff url("/images/neweb/common/paging_first.gif") no-repeat left 50%;background-size:cover;}
.paging .arrow.prev a {background:#fff url("/images/neweb/common/paging_prev.gif") no-repeat left 50%;background-size:cover;}
.paging .arrow.next a {background:#fff url("/images/neweb/common/paging_next.gif") no-repeat right 50%;background-size:cover;}
.paging .arrow.last a {background:#fff url("/images/neweb/common/paging_last.gif") no-repeat right 50%;background-size:cover;}
.view_btn {text-align:center;line-height:40px;position:relative;min-height:80px;}
.view_btn .paging {display:inline-block;}

/* device */
.for_pc {display:inline-block;}
.for_t {display:none;}
.for_m {display:none;}

@media only screen and (max-width:1200px) {
	body {width:100%; height:auto; -webkit-overflow-scrolling:touch;}
	#wrap {position:relative;width:100%;height:100%;-webkit-overflow-scrolling:touch;overflow:hidden;}

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

	.paging {margin-top:4.2%;}

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

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

	.paging {margin-top:5.8%;}
}
@media only screen and (max-width:479px) {
	.paging {margin-top:9.8%;}
	.paging .arrow.prev a {border-right:0;}
}





/*───────────────────────────────────────────────────────────
	 ERRORS｜errors/index
───────────────────────────────────────────────────────────*/
.error_cont {position:relative; min-height:900px; background:url("/images/neweb/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/neweb/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/neweb/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%;text-align:left;box-sizing:border-box;}
table.bbs_write.bbs_title{border-top:1px solid #333;}
table.bbs_write th,
table.bbs_write td {font-size:13px;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;line-height:30px;border-bottom:1px solid #ddd;font-weight:300;color:#888;text-align:left;vertical-align:middle;box-sizing:border-box;}
table.bbs_write th {padding-left:25px;padding-right:25px;font-size:14px;font-weight:700;color:#444;background-color:#fafafa;}
table.bbs_write td {}
table.bbs_write th,
table.bbs_write td,
table.bbs_write tr span,
table.bbs_write tr input,
table.bbs_write tr select {vertical-align:top;}
table.bbs_write tr span,
table.bbs_write tr input,
table.bbs_write tr select,
table.bbs_write tr textarea,
table.bbs_write tr label {color:#666;font-size:inherit;font-weight:400;}
table.bbs_write tr select {background:#fff;}
table.bbs_write tr label.ex_radio {width:100%;display:block;}
table.bbs_write tr input[type="radio"] + label.ex_radio:before, 
table.bbs_write tr input[type="radio"] + label.ex_radio::before {margin:-2px 5px 0 0;}
table.bbs_write tr td #captcha_box {display:inline-block;width:auto;vertical-align:middle;margin-right:1px;}
table.bbs_write tr td input[name="captcha"],
table.bbs_write tr td .btn_reset,
table.bbs_write tr td #refreshCode {vertical-align:middle !important;}
table.bbs_write th .require_dot,
table.bbs_write th .require_dot:before {line-height:inherit;height:inherit;color:#444;font-weight:400;display:inline-block;}
table.bbs_write th .require_dot {padding-left:4px;}
table.bbs_write th .require_dot:before {content:' *';font-size:inherit;vertical-align:middle;}
table.bbs_write td p {line-height:20px;padding:5px 0 0;font-size:inherit;display:inline-block;margin:0;vertical-align:top;}
table.bbs_write td div.view_cont {padding:8px 10px 50px 10px; line-height:26px; min-height:150px;}
table.bbs_write td select,
table.bbs_write td input[type="text"],
table.bbs_write td input[type="password"],
table.bbs_write td input[type="number"],
table.bbs_write td input[type="date"] {min-width:25%; }
table.bbs_write td input[name="title"] {width:100%;}
table.bbs_write td input[name="zip"] {width:80px;min-width:70px;}
table.bbs_write td input[name="address"],
table.bbs_write td input[name="address2"] {width:55%;min-width:450px;}
table.bbs_write td input.tel {min-width:50px;}
table.bbs_write td textarea {min-width:100%;height:200px;}
table.bbs_write td select.mail_select {margin-left:0px;margin-right:5px;}
table.bbs_write td input[name="email_id"] {width:16%;min-width:120px;}
table.bbs_write td input[name="email_domain"],
table.bbs_write td select.mail_select {width:20%;min-width:140px;}
table.bbs_write td input[name="email_domain"] {display:inline-block !important;}
table.bbs_write .input_file {}
table.bbs_write .input_file td,
table.bbs_write .input_file td input {vertical-align:middle;}
table.bbs_write td .file_name {display: inline-block;vertical-align: top;}
table.bbs_write td .file_name a {display:inline-block;vertical-align:middle;line-height:23px;}
table.bbs_write td .file_name .file_no {margin-left:5px;}
table.bbs_write td .at {display:inline-block;vertical-align:middle;margin:0 0 0 3px;}
table.bbs_write .input_email input {display:inline-block !important;}
	/* 캡챠 */
table.bbs_write.captcha {}
table.bbs_write.captcha th {text-align:center;}
table.bbs_write.captcha th #captcha_box {}
table.bbs_write.captcha th #captcha_box img {width:100% !important;height:auto !important;}
table.bbs_write.captcha td {line-height:40px;vertical-align:middle;}
table.bbs_write.captcha td input,
table.bbs_write.captcha td span,
table.bbs_write.captcha td button {vertical-align:middle !important;}


/*** TABLE view ( board/board_view ) ***/
.bbs_view {text-align:left;position:relative;z-index:1;}
	/* 제목.작성자.작성일 */
.bbs_view div.view_tit {padding:1.2% 30px;border-bottom:1px solid #bbbbbb;border-top:1px solid #333333;background:#fafafa;margin:0 auto;width:100%;box-sizing:border-box;text-align:left;vertical-align:top;font-size:0;}
.bbs_view div.view_tit:after {clear:both;content:"";display:block;}
.bbs_view div.view_tit > h3,
.bbs_view div.view_tit > p {line-height: 28px;margin:0;padding:0;display:inline-block;box-sizing:border-box;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;}
.bbs_view div.view_tit > h3 {font-size:16px;width:80%;color:#222222;font-weight:700;text-align:left;}
.bbs_view div.view_tit > p {font-size:13px;width:20%;line-height:inherit;color:#666666;text-align:right;}
	/* 모바일.메일 */
.bbs_view div.view_etc {padding:1.2% 30px;border-bottom:1px solid #bbbbbb;margin:0 auto;width:100%;box-sizing:border-box;text-align:left;vertical-align:top;font-size:0;}
.bbs_view div.view_etc:after {clear:both;content:"";display:block;}
.bbs_view div.view_etc span {line-height:20px;margin:0;padding:0;display:inline-block;box-sizing:border-box;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;}
.bbs_view div.view_etc span + span {margin-left:60px;}
.bbs_view div.view_etc span em {padding:0 10px 0 0;color:#222;font-weight:700;font-size:inherit;line-height:inherit;display:inline-block;vertical-align:middle;}
.bbs_view div.view_etc span em:after {width:1px;height:10px;margin:0;margin-left:10px;background:#ccc;vertical-align:middle;content:"";display:inline-block;}
	/* 내용 */
.bbs_view div.view_cont {padding:1.2% 30px;font-size:13px;line-height:25px;min-height: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/neweb/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/neweb/sub/btn_close.gif) no-repeat 50% 50%;}


/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
	/* 검색 */
.board_search {line-height:30px;margin-bottom:2.4%;padding:1.2% 30px;text-align:right;background-color:#f2f2f2;font-size:0;width:100%;box-sizing:border-box;}
.board_search fieldset {line-height:inherit;font-size:0;}
.board_search select,
.board_search input,
.board_search span,
.board_search label {vertical-align:top;font-size:13px;line-height:inherit;}
.board_search select,
.board_search input.input_text {margin-right:8px;background-color:#fff;color:#666;}
.board_search select {width:120px;}
.board_search input.input_text {width:200px;}
.board_search .board_search_sel {display:inline-block;vertical-align:middle;font-size: 0;}
	/* 일반형 총 게시글수 */
.bbs_num {padding: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: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/neweb/common/icon_download.png) no-repeat 0 0;display:inline-block;width:15px;height:15px;background-size:100% auto;margin:0 0 0 5px;padding:0;vertical-align:middle;}
	.sub_board .bbs_view .extra_editor_wrap div.extra_cont img {width:auto;height:auto;vertical-align:middle;max-width:100%;}
		/* 비디오 ifame 수정 */
		.view_video_wrap {position:relative !important; height:0 !important; padding-bottom:56.28% !important;margin:0 auto !important;text-align:center !important;max-width:100% !important;}
		.view_video_wrap > iframe {position:absolute;width:100%;height:100%;left:0;top:0;}



@media only screen and (max-width:1200px) {
		/* 게시판 소타이틀 */
	.bbs_write + .bbs_write_title {padding-top:2.2%;}
		/* 게시판 설명글 */
	.bbs_write_info {padding-top:2.0%;}

		/*** TABLE view ( board/board_view ) ***/
		/* 제목.작성자.작성일 */
	.bbs_view div.view_tit {padding:1.2% 20px;}
		/* 모바일.메일 */
	.bbs_view div.view_etc {padding:1.2% 20px;}
		/* 내용 */
	.bbs_view div.view_cont {padding:1.2% 20px;}
		/* 댓글 폼 */
	.board_comment {padding:1.2% 20px;margin:2.4% auto 0;}
		/* 댓글 목록 */
	.board_comment_list .comment {padding:1.2% 20px;}

		/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
		/* 검색 */
	.board_search {margin-bottom:2.4%;padding:1.2% 20px;}
}
@media only screen and (max-width: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.bbs_write th,
	table.bbs_write td {padding-left:12px;padding-right:12px;}
	table.bbs_write th {padding-left:20px;padding-right:20px;}

		/*** TABLE view ( board/board_view ) ***/
		/* 제목.작성자.작성일 */
	.bbs_view div.view_tit > h3 {font-size:14px;}
	.bbs_view div.view_tit > p {font-size:12px;}

		/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
		/* 일반형 목록 */
	table.bbs_list th,
	table.bbs_list td {padding-top:13px;padding-bottom:13px;padding-left:12px;padding-right:12px;}
	
		/* 추가필드 */
		.sub_board .bbs_view .extra_editor_wrap > h4 {width:100px;}

}
@media only screen and (max-width:860px) {
		/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
	table.bbs_write {}
	table.bbs_write colgroup col:first-of-type {width:18%;}
	table.bbs_write th,
	table.bbs_write td {font-size:12px;padding-left:12px;padding-right:12px;}
	table.bbs_write th {padding-left:12px;padding-right:12px;font-size:13px;}
	table.bbs_write td {}
	table.bbs_write td p {padding:4px 0 0;}
	table.bbs_write td input[name="address"],
	table.bbs_write td input[name="address2"] {width:100%;min-width:auto;}
	table.bbs_write tr td #captcha_box {display:block;margin-bottom:5px;}
	table.bbs_write tr td input[name="captcha"] {margin:0 5px 0 0;width:50%;}

		/*** TABLE view ( board/board_view ) ***/
		/* 제목.작성자.작성일 */
	.bbs_view div.view_tit {padding:1.6% 12px;}
	.bbs_view div.view_tit > h3 {width:76%;}
	.bbs_view div.view_tit > p {width:24%;}
		/* 모바일.메일 */
	.bbs_view div.view_etc {padding:1.6% 12px;}
	.bbs_view div.view_etc span + span {margin-left:40px;}
		/* 내용 */
	.bbs_view div.view_cont {padding:1.6% 12px;font-size:12px;line-height:21px;min-height:240px;}
	.bbs_view div.view_cont .view_video {padding-bottom:1.6%;}
	.bbs_view div.view_cont .thumb_img_wrap {padding-bottom:1.6%;}
	.bbs_view div.view_cont .thumb_img_wrap img + img {margin-top:12px;}
		/* 답변 내용 */
	.bbs_view + .bbs_view {margin-top:4.6%;}
		/* 댓글 폼 */
	.board_comment {padding:1.6% 12px;margin:4.6% auto 0;}
	.board_comment .comment_name {font-size:12px;}
	.board_comment .comment_memo {padding:1.6% 0;}
		/* 댓글 목록 */
	.board_comment_list {margin:4.6% auto 0;}
	.board_comment_list .comment_title {font-size:12px;}

		/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
		/* 검색 */
	.board_search {margin-bottom:4.6%;padding:1.6% 12px;}
		/* 일반형 목록 */
	table.bbs_list {}
	table.bbs_list tr {}
	table.bbs_list th,
	table.bbs_list td {padding-top:1.6%;padding-bottom:1.6%;font-size:12px;}
	table.bbs_list td .board_tit h3 {font-size:12px;}
	table.bbs_list th {font-size:13px;}
}
@media only screen and (max-width:767px) {
	.bbs_title_box {margin-bottom:10px;}
		/* 게시판 소타이틀 */
	.bbs_write_title {display:none;}
	.bbs_write + .bbs_write_title + .bbs_write {margin-top:6.8%;}
		/* 게시판 설명글 */
	.bbs_write_info {font-size:13px;}

		/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
	table.bbs_write {}
	table.bbs_write colgroup col:first-of-type {width:20%;}
	table.bbs_write td select,
	table.bbs_write td input[type="text"],
	table.bbs_write td input[type="password"],
	table.bbs_write td input[type="number"],
	table.bbs_write td input[type="date"] {min-width:42%;}
	table.bbs_write td input[name="title"] {width:100%;}
	table.bbs_write td textarea {height:120px;}
	table.bbs_write td select.mail_select {margin-left:0px;margin-right:5px;}
	table.bbs_write .input_email input[type="text"],
	table.bbs_write td input[name="email_id"],
	table.bbs_write td input[name="email_domain"],
	table.bbs_write td select.mail_select {width:34%;min-width:100px;margin-bottom:4px;}
	table.bbs_write td input[name="email_domain"] + select.mail_select {clear:both;margin-bottom:0;}

	table.bbs_write.bbs_content, table.bbs_write.bbs_content tbody, table.bbs_write.bbs_content tbody tr, table.bbs_write.bbs_content td{display: block;}
	table.bbs_write.bbs_content th{display: none;}

		/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
		/* 검색 */
	.board_search {margin-bottom:4.6%;padding:1.6% 12px;}
		/* 일반형 목록 */
	table.bbs_list .td_wide {display:none;}
	table.bbs_list col:first-child,
	table.bbs_list col:first-child {width:10%;}
}
@media only screen and (max-width:640px) {
		/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
	table.bbs_write {}
	table.bbs_write colgroup col:first-of-type {width:28%;}
	table.bbs_write th,
	table.bbs_write td {font-size:11px;padding-top:10px;padding-bottom:10px;padding-left:12px;padding-right:12px;line-height:30px;}
	table.bbs_write th {padding-left:12px;padding-right:12px;font-size:13px;}
	table.bbs_write td {}
	table.bbs_write td p {line-height:18px;}
	table.bbs_write td div.view_cont {padding:8px 10px 50px 10px; line-height:26px; min-height:150px;}
	table.bbs_write td select,
	table.bbs_write td input[type="text"],
	table.bbs_write td input[type="password"],
	table.bbs_write td input[type="number"],
	table.bbs_write td input[type="date"] {min-width:auto;width:56%;}
	table.bbs_write td input[name="title"] {width:100%;}
	table.bbs_write .input_email input[type="text"],
	table.bbs_write td input[name="email_id"],
	table.bbs_write td input[name="email_domain"],
	table.bbs_write td select.mail_select {width:43%;min-width:100px;margin-bottom:4px;}
	table.bbs_write td input[name="address"],
	table.bbs_write td input[name="address2"] {width:100%;}

		/*** TABLE view ( board/board_view ) ***/
		/* 제목.작성자.작성일 */
		/* 제목.작성자.작성일 */
	.bbs_view div.view_tit {padding:2.4% 12px;}
	.bbs_view div.view_tit > h3,
	.bbs_view div.view_tit > p {line-height:22px;}
	.bbs_view div.view_tit > h3 {font-size:13px;width:100%;}
	.bbs_view div.view_tit > p {font-size:12px;width:100%;padding-top:6px;text-align:left;}
		/* 모바일.메일 */
	.bbs_view div.view_etc {padding:2.4% 12px;}
	.bbs_view div.view_etc span + span {margin-left:20px;}
	.bbs_view div.view_etc span em {padding:0 8px 0 0;}
	.bbs_view div.view_etc span em:after {margin-left:8px;}
		/* 내용 */
	.bbs_view div.view_cont {padding:2.4% 12px;font-size:12px;line-height:21px;min-height:200px;}
	.bbs_view div.view_cont .view_video {padding-bottom:2.4%;}
	.bbs_view div.view_cont .thumb_img_wrap {padding-bottom:2.4%;}
	.bbs_view div.view_cont .thumb_img_wrap img + img {margin-top:8px;}
		/* 답변 내용 */
	.bbs_view + .bbs_view {margin-top:6.4%;}
	.bbs_view + .bbs_view div.view_tit > h3 {font-size:13px;}
		/* 댓글 폼 */
	.board_comment {padding:2.4% 12px;margin:6.4% auto 0;}
	.board_comment .comment_memo {padding:2.4% 0;}
		/* 댓글 목록 */
	.board_comment_list {margin:6.4% auto 0;}
	.board_comment_list .comment {padding:2.4% 12px;}

		/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
		/* 검색 */
	.board_search {margin-bottom:6.4%;padding:2.4% 12px;text-align: center;}
	.board_search select,
	.board_search input,
	.board_search span,
	.board_search label {font-size:12px;}
	.board_search select,
	.board_search input.input_text {margin-right:8px;}
	.board_search .board_search_sel {width: calc(100% - 268px);text-align: right;}
	.board_search select {width: calc(50% - 10px);}
	.board_search input.input_text {}
		/* 일반형 총 게시글수 */
	.bbs_num {padding:0 0 8px 0;font-size:12px;}
		/* 일반형 목록 */
	table.bbs_list th,
	table.bbs_list td {padding-top:2.4%;padding-bottom:2.4%;}
	table.bbs_list col:first-child,
	table.bbs_list col:first-child {width:14%;}
	table.bbs_list td .board_tit .board_ico {display:block;}
	table.bbs_list td .board_tit h3 {width:100%;}

		/* 추가필드 */
		.sub_board .bbs_view .extra_editor_wrap > h4 {font-size:12px;}
		.sub_board .bbs_view .extra_editor_wrap > h4,
		.sub_board .bbs_view .extra_editor_wrap > div.extra_cont {padding:10px;}
}

@media only screen and (max-width: 530px) {
	.board_search .board_search_sel {width: calc(100% - 218px);}
	.board_search input.input_text {width:150px;}

}

@media only screen and (max-width: 479px) {
		/* 게시판 설명글 */
	.bbs_write_info {font-size:12px;line-height:18px;padding-top:2.0%;}
	

		/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
	table.bbs_write {}
	table.bbs_write colgroup col:first-of-type {width:32%;min-width:120px;}
	table.bbs_write td p {font-size:11px;}
	table.bbs_write td select,
	table.bbs_write td input[type="text"],
	table.bbs_write td input[type="password"],
	table.bbs_write td input[type="number"],
	table.bbs_write td input[type="date"] {width:100%;}
	table.bbs_write td input[name="title"] {width:100%;}
	table.bbs_write td input[name="userid"] {width:calc(100% - 100px);}
	table.bbs_write td input[name="zip"] {width:calc(100% - 70px);}
	table.bbs_write td input[name="captcha"] {width:calc(100% - 100px);}
	table.bbs_write .input_email input[type="text"],
	table.bbs_write td input[name="email_id"],
	table.bbs_write td input[name="email_domain"],
	table.bbs_write td select.mail_select {width: calc(47% - 6px);min-width:70px;}
	table.bbs_write .input_email input[name="email_domain"], 
	table.bbs_write .input_email select.mail_select {width:100%;}
	table.bbs_write td input[name="email_id"] {}
	table.bbs_write td input[name="email_domain"],
	table.bbs_write td select.mail_select {margin-right:0px;margin-left:-2px;}
	table.bbs_write td input[name="email_domain"] + select.mail_select {margin-left:0;width: calc(100% - 96px);}
	table.bbs_write td select.mail_select + .btn_sm {margin-left:0px;}
	table.bbs_write td input[name="address"],
	table.bbs_write td input[name="address2"] {width:100%;}
	table.bbs_write td .at {width: 18px;text-align: center;margin: 0;}
	
	table.bbs_write td .btn_sm.btn_reset {width: 100%;min-width: auto;font-size: 0;padding: 0 10px 0 20px !important;background: #fff url(/images/neweb/common/icon_btn_reset.gif) no-repeat 50% !important;}
	table.bbs_write td .btn_sm.btn_info {width:auto;min-width:auto;}
	table.bbs_write select + input {margin-top:5px;}
	table.bbs_write tr td input[name="captcha"] {width: calc(100% - 35px);margin:0;}

		/*** TABLE view ( board/board_view ) ***/
		/* 모바일.메일 */
	.bbs_view div.view_etc {padding:2.4% 12px;}
	.bbs_view div.view_etc span {line-height:20px;}
	.bbs_view div.view_etc span + span {margin-left:20px;}
	.bbs_view div.view_etc span em {padding:0 8px 0 0;}
	.bbs_view div.view_etc span em:after {margin-left:8px;}
		/* 내용 */
	.bbs_view div.view_cont {padding:2.4% 12px;font-size:12px;line-height:20px;min-height:180px;}
	.bbs_view div.view_cont .view_video {padding-bottom:2.4%;}
	.bbs_view div.view_cont .thumb_img_wrap {padding-bottom:2.4%;}
	.bbs_view div.view_cont .thumb_img_wrap img + img {margin-top:8px;}
		/* 답변 내용 */
	.bbs_view + .bbs_view {margin-top:9.6%;}
	.bbs_view + .bbs_view div.view_tit {}
	.bbs_view + .bbs_view div.view_tit > h3 {font-size:13px;}
		/* 버튼 */
	.bbs_view + .view_btn {}
		/* 게시판 개인정보취급 */
	.policy_cont {}
	.policy_cont > div {padding:0 0 4px;line-height:30px;}
	.policy_cont > div input[type=checkbox] {}
	.policy_cont > div label {margin-right:12px;}
	.policy_cont > textarea {height:70px !important;line-height:20px;}
		/* 댓글 폼 */
	.board_comment {padding:2.4% 12px;margin:9.6% auto 0;}
	.board_comment .comment_name {font-size:0;}
	.board_comment .comment_name span {display:inline-block;width: calc(40% - 4px);font-size:12px;line-height:30px;}
	.board_comment .comment_name span input {width: calc(100% - 36px);}
	.board_comment .comment_name span + span {float:right;text-align:right;margin-left:0px;width: calc(60% - 4px);}
	.board_comment .comment_name span + span input {width: calc(100% - 56px);}
	.board_comment .comment_memo {padding:1.2% 0 2.4%;}
	.board_comment .comment_memo textarea {width: calc(100% - 76px);height:72px;}
		/* 댓글 목록 */
	.board_comment_list {margin:9.6% auto 0;}
	.board_comment_list .comment_title {padding-bottom:8px;font-size:12px;line-height:20px;}
	.board_comment_list .comment {padding:2.4% 12px;}
	.board_comment_list .comment .comment_writer,
	.board_comment_list .comment .com_btn {line-height:20px;padding:0 0 4px 0;}
	.board_comment_list .comment span.board_line {margin:0 8px;}
	.board_comment_list .comment .com_txt,
	.board_comment_list .comment .com_txt_reply {line-height:20px;font-size:12px;}
	.board_comment_list .comment .com_txt_reply {padding:12px 0 8px 40px;margin:8px 0 0;background-position:12px 18px;}
	.board_comment_list .comment .com_modify {margin:8px 0 0;}
	.board_comment_list .comment .com_modify textarea {width: calc(100% - 76px);height:72px;}
		/* 댓글 비번 레이어 */
	.board_comment_list .comment .comment_password {right:12px;width:300px;border-radius:8px;padding:8px;}
	.board_comment_list .comment .comment_password input {width:158px;}

		/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
		/* 검색 */
	.board_search select,
	.board_search input.input_text {margin-right: 2%;}
	.board_search select {width: 25%;min-width: 104px;}
	.board_search .board_search_sel {width:100%;text-align: left;margin-bottom: 10px;}
	.board_search input.input_text {width: calc(100% - 89px);}
	.board_search input.btn_md {width: 80px;}
		/* 일반형 목록 */
	table.bbs_list {}
	table.bbs_list tr {}
	table.bbs_list th,
	table.bbs_list td {padding-top:12px;padding-bottom:12px;padding-left:8px;padding-right:8px;}
	table.bbs_list th {}
	table.bbs_list td {}
}

@media only screen and (max-width:320px) {
		/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
	table.bbs_write {}
	table.bbs_write colgroup col:first-of-type {width:38%;}
	table.bbs_write td select,
	table.bbs_write td input[type="text"],
	table.bbs_write td input[type="password"],
	table.bbs_write td input[type="number"],
	table.bbs_write td input[type="date"] {width:100%;margin-right:0px;}
	table.bbs_write td input[name="title"] {width:100%;}
	table.bbs_write td input[name="userid"],
	table.bbs_write td input[name="captcha"] {width:100%;margin-right:0px;margin-bottom:4px;}
	table.bbs_write td input[name="zip"] {width: calc(100% - 68px);margin-right:6px;}
	table.bbs_write td input[name="email_id"] {margin-right:0px;margin-left:0;margin-bottom:4px;width: calc(100% - 22px);}
	table.bbs_write td input[name="email_domain"],
	table.bbs_write td select.mail_select,
	table.bbs_write td input[name="email_domain"] + select.mail_select {margin-right:0px;margin-left:0;margin-bottom:4px;width:100%;}
	table.bbs_write td input[name="address"],
	table.bbs_write td input[name="address2"] {width:100%;}
	table.bbs_write.captcha td {line-height:30px;}
	
	/*** TABLE view ( board/board_view ) ***/
		/* 제목.작성자.작성일 */
	.bbs_view div.view_tit {padding:2.4% 8px;}
		/* 모바일.메일 */
	.bbs_view div.view_etc {padding:2.4% 8px;}
		/* 내용 */
	.bbs_view div.view_cont {padding:2.4% 8px;min-height:160px;}
		/* 썸네일 */
	.bbs_view div.view_cont .thumb_img_wrap {padding-bottom:2.4%;}
	.bbs_view div.view_cont .thumb_img_wrap img + img {margin-top:4px;}
		/* 답변 내용 */
	.bbs_view + .bbs_view {margin-top:9.6%;}
		/* 게시판 개인정보취급 */
	.policy_cont > div {padding:0 0 4px;line-height:30px;}
	.policy_cont > div input[type=checkbox] {}
	.policy_cont > div label {margin-right:8px;}
	.policy_cont > textarea {height:70px !important;line-height:20px;}
		/* 댓글 폼 */
	.board_comment {padding:2.4% 8px;margin:9.6% auto 0;}
		/* 댓글 목록 */
	.board_comment_list {margin:9.6% auto 0;}
	.board_comment_list .comment_title {padding-bottom:8px;font-size:12px;line-height:20px;}
	.board_comment_list .comment {padding:2.4% 8px;}
	.board_comment_list .comment .comment_writer,
	.board_comment_list .comment .com_btn {line-height:20px;padding:0 0 4px 0;}
	.board_comment_list .comment span.board_line {margin:0 8px;}
	.board_comment_list .comment .com_txt,
	.board_comment_list .comment .com_txt_reply {line-height:20px;font-size:12px;}
	.board_comment_list .comment .com_txt_reply {padding:12px 0 8px 40px;margin:8px 0 0;background-position:12px 18px;}
	.board_comment_list .comment .com_modify {margin:8px 0 0;}
	.board_comment_list .comment .com_modify textarea {width: calc(100% - 76px);height:72px;}
		/* 댓글 비번 레이어 */
	.board_comment_list .comment .comment_password {right:8px;top:50%;width:276px;line-height:30px;font-size:12px;border-radius:8px;padding:8px;}
	.board_comment_list .comment .comment_password input {width:138px;}

		/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
		/* 검색 */
	.board_search {padding:2.4% 8px;}
}





/*───────────────────────────────────────────────────────────
	 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;text-align: center;}
ul.bbs_gallery li .txt_info .board_tit h3 {font-size: 14px;color: #333333;font-weight: 600;}
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;font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;word-break:break-all;display: inline-block;}
ul.bbs_gallery li p {display:block;font-size: 13px;color: #666;line-height:19px;margin:0;text-align: center;}
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_cate_wrap {margin-bottom:2.4%;border-top:1px solid #333;border-bottom:1px solid #d3d3d3;}
.sub_cate_wrap ul.sub_cate {margin:1.2% 17px;line-height:26px;vertical-align:top;}
.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;float:left;text-align:left;box-sizing:border-box;vertical-align:top;}
.sub_cate_wrap ul.sub_cate li a {font-size:13px;color:#666;font-weight:400;display:inline-block;line-height:inherit;vertical-align:top;}
.sub_cate_wrap ul.sub_cate li:hover a {color:#333;}
.sub_cate_wrap ul.sub_cate li + li {padding-left:0;}
.sub_cate_wrap ul.sub_cate li + li:before {margin:0;margin-right:10px;width:1px;height:10px;background:#d3d3d3;display:inline-block;content:"";vertical-align:middle;}
	/* 디스플레이 유형 */
.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/neweb/common/icon_list_typeA.png") no-repeat left top;}
.sub_list .list_array ul li.typeA.on:before {background:#222222 url("/images/neweb/common/icon_list_typeA_on.png") no-repeat left top;}
.sub_list .list_array ul li.typeB:before {background:url("/images/neweb/common/icon_list_typeB.png") no-repeat left top;}
.sub_list .list_array ul li.typeB.on:before {background:#222222 url("/images/neweb/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;}
	/* 갤러리형 | layout/goods/gallery.html */
.sub_list .list_Galleryform ul {margin:0;padding:0;}
.sub_list .list_Galleryform ul:after {clear:both; content:""; display:block;}
.sub_list .list_Galleryform ul li {float:left; width: calc(25% - 9px); margin:0 12px 2.4% 0;box-sizing:border-box;position:relative;z-index:1;}
.sub_list .list_Galleryform ul li:nth-child(4n) {margin-right:0;}
.sub_list .list_Galleryform ul li:nth-child(4n+1) {clear:both;float:left;}
.sub_list .list_Galleryform ul li > a {}
.sub_list .list_Galleryform ul li .thumb {padding:0 0 99.2%;width:100%;border:1px solid #d3d3d3;font-size:0;margin:0;height:0;position:relative;z-index:1;text-align:center;box-sizing:border-box;overflow:hidden;vertical-align:top;}
.sub_list .list_Galleryform ul li .thumb img {width:100%;height:auto;transform:translate(-50%, -50%);position:absolute;left:50%;top:50%;vertical-align:top;}
.sub_list .list_Galleryform ul li .txt_info {padding-top:12px;margin:0;width:100%;}
.sub_list .list_Galleryform ul li .txt_info h3,
.sub_list .list_Galleryform ul li .txt_info p {text-align:center;display:block;width:100%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sub_list .list_Galleryform ul li .txt_info h3 {font-size:14px;line-height:20px;height:20px;color:#333;font-weight:700;}
.sub_list .list_Galleryform ul li .txt_info p {padding-top:8px;font-size:13px;}
	/* 리스트형 | layout/goods/list.html */
.sub_list .list .list_Listform {}
.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(50% - 6px); border:1px solid #ccc; margin:0 12px 12px 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 dl {display:table;height:100%;}
.sub_list .list .list_Listform > ul li dl:after {clear:both;display:block;}
.sub_list .list .list_Listform > ul li dl dt,
.sub_list .list .list_Listform > ul li dl dd {box-sizing:border-box;display:table-cell;vertical-align:middle;text-align:left;}
.sub_list .list .list_Listform > ul li dl dt {width:45%;border-right:1px solid #ccc;}
.sub_list .list .list_Listform > ul li dl dt img {width:100%;height:auto;}
.sub_list .list .list_Listform > ul li dl dd {width:55%;padding:12px;}
.sub_list .list .list_Listform > ul li dl dd > em,
.sub_list .list .list_Listform > ul li dl dd > .add_info p {width:100%;margin:0;padding:0;text-overflow:ellipsis;/* overflow:hidden; */display:inline-block;box-sizing:border-box;position:relative;z-index:1;}
.sub_list .list .list_Listform > ul li dl dd > em  {color:#333;font-size:16px;font-weight:700;line-height:24px;height:24px;/* white-space:nowrap; */}
.sub_list .list .list_Listform > ul li dl dd > .add_info {padding-top:26px;position:relative;z-index:1;display:inline-block;box-sizing:border-box;}
.sub_list .list .list_Listform > ul li dl dd > .add_info:before {position:absolute;left:0;top:12px;content:"";display:block;width:30px;height:2px;background:#222222;}
.sub_list .list .list_Listform > ul li dl dd > .add_info p {color:#777;font-size:14px;line-height:20px;max-height:40px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
	/* 검색 페이지 - 검색창 */
.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:top;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;}
	/* 상세페이지 | 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 dt,
.sub_view .info dl dd {float:left;box-sizing:border-box;margin:0;padding:0;}
.sub_view .info dl dt {width:43%;border:1px solid #ccc;padding:18px;margin-right:3%;}
.sub_view .info dl dd.goods_tit {width:54%;}
.sub_view .info dl dd.goods_tit {padding:2.4% 30px;border-top:2px solid #222;border-bottom:1px solid #ccc;background:#f2f2f2;text-align:left;box-sizing:border-box;}
.sub_view .info dl dd.goods_tit,
.sub_view .info dl dd.goods_tit p {font-family:'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;text-overflow:ellipsis;overflow:hidden;}
.sub_view .info dl dd.goods_tit {font-size:32px;line-height:40px;font-weight:500;color:#222;}
.sub_view .info dl dd.goods_tit p {margin-top:8px;font-size:15px;line-height:24px;font-weight:400;color:#777;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.sub_view .info_wrap {margin:3.6% 0 0;text-align:left;}
.sub_view .info_wrap .info_li {margin:0 0 6.8%;}
.sub_view .info_wrap .info_li dt.info_tit {color:#222;font-size:25px;font-weight:700;padding:0 0 1.2%;margin:0 0 3.6%;border-bottom:1px solid #222;text-align:left;}
.sub_view .info_wrap .info_li img {max-width:100%;width:auto;height:auto;margin:0 auto;}
.sub_view .info_wrap .info_li p {color:#666;font-size:14px;font-weight:400;line-height:22px;letter-spacing:-0.5px;}


@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.goods_tit {padding:2.4% 20px;}
	.sub_view .info dl dd.goods_tit {font-size:30px;line-height:38px;}
	.sub_view .info dl dd.goods_tit p {font-size:14px;line-height:22px;}
}
@media only screen and (max-width:1023px) {
		/* 디스플레이 유형 */
	.sub_list .list_array {margin-bottom:3.6%;}
		/* 갤러리형 | layout/goods/gallery.html */
	.sub_list .list_Galleryform ul li {width: calc(33.32% - 8px);margin:0 12px 3.6% 0;}
	.sub_list .list_Galleryform ul li:nth-child(4n) {margin-right:12px;}
	.sub_list .list_Galleryform ul li:nth-child(4n+1) {clear:inherit;float:left;}
	.sub_list .list_Galleryform ul li:nth-child(3n) {margin-right:0px;}
	.sub_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;margin-right:3%;}
	.sub_view .info dl dd.goods_tit {padding:3.6% 20px;width:51%;}
	.sub_view .info dl dd.goods_tit {font-size:26px;line-height:34px;}
	.sub_view .info dl dd.goods_tit p {font-size:14px;line-height:22px;}
	.sub_view .info_wrap {margin:4.8% 0 0;}
	.sub_view .info_wrap .info_li {margin:0 0 6.8%;}
	.sub_view .info_wrap .info_li dt.info_tit {font-size:22px;padding:0 0 1.2%;margin:0 0 1.6%;}
	.sub_view .info_wrap .info_li 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_Galleryform ul li {margin:0 12px 3.6% 0;}
		/* 리스트형 | 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_Galleryform ul li {width: calc(50% - 6px);margin:0 12px 4.8% 0;}
	.sub_list .list_Galleryform ul li:nth-child(4n) {margin-right:12px;}
	.sub_list .list_Galleryform ul li:nth-child(4n+1) {clear:inherit;float:left;}
	.sub_list .list_Galleryform ul li:nth-child(3n) {margin-right:12px;}
	.sub_list .list_Galleryform ul li:nth-child(3n+1) {clear:inherit;float:left;}
	.sub_list .list_Galleryform ul li:nth-child(2n) {margin-right:0;}
	.sub_list .list_Galleryform ul li:nth-child(2n+1) {clear:both;float:left;}
	.sub_list .list_Galleryform ul li .txt_info {padding-top:8px;}
	.sub_list .list_Galleryform ul li .txt_info h3 {font-size:13px;}
	.sub_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;margin-right:3%;}
	.sub_view .info dl dd.goods_tit {padding:3.6% 12px;width:50%;font-size:20px;line-height:30px;}
	.sub_view .info_wrap {margin:5.6% 0 0;}
	.sub_view .info_wrap .info_li {margin:0 0 10.2%;}
	.sub_view .info_wrap .info_li dt.info_tit {font-size:20px;padding:0 0 1.2%;margin:0 0 1.6%;}
	.sub_view .info_wrap .info_li 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_Galleryform ul li {width: calc(50% - 6px);margin:0 12px 5.2% 0;}
	.sub_list .list_Galleryform ul li:nth-child(3n) {margin-right:12px;}
	.sub_list .list_Galleryform ul li:nth-child(3n+1) {clear:inherit;float:left;}
	.sub_list .list_Galleryform ul li:nth-child(2n) {margin-right:0;}
	.sub_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:top;}
	.sub_list .list_search > div > span {margin-right:0px;margin-bottom:4px;line-height:18px;height:18px;}
	.sub_list .list_search .search_form {}
	.sub_list .list_search .search_form select,
	.sub_list .list_search .search_form input {margin-right:5px;}
		/* 상세페이지 | 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.goods_tit {padding:3.6% 8px;width:100%;font-size:20px;line-height:30px;}
	.sub_view .info dl dd.goods_tit p {margin-top:4px;font-size:13px;line-height:21px;}
	.sub_view .info_wrap {margin:10.2% 0 0;}
	.sub_view .info_wrap .info_li {margin:0 0 16.0%;}
}


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

}





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

/* ===== 원본 sub.css ===== */
/*───────────────────────────────────────────────────────────
	
	" board｜errors｜goods｜service｜layout/board｜layout/display｜layout/goods "
	" layout/popup.html "

	위 폴더 및 페이지 커스텀 및 layout, navigation, button, company 관련 편집 css 파일 입니다.

	** header, footer, main 관련은 /css/skin.css 에 있습니다.

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








/*───────────────────────────────────────────────────────────
	
	common.css 커스텀 css 아래에 작성

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

/*───────────────────────────────────────────────────────────
	font common
───────────────────────────────────────────────────────────*/
body {}/*letter-spacing:-0.2px;*/
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;}/* Noto Sans KR은 500 사용 */
input, button, textarea, select {}
	/* webfont */
.ff_open {font-family: 'Open Sans', 'Nanum Gothic', sans-serif !important;}
.ff_noto {font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important;}
.ff_mont {font-family: 'Montserrat', 'Nanum Gothic', sans-serif !important;}
.ff_nanum {font-family: 'Lato','Nanum Gothic', dotum, sans-serif !important;}
.ff_lato {font-family: 'Lato', 'Nanum Gothic', sans-serif !important;}
.ff_nbg {font-family: 'Nanum Barun Gothic','Nanum Gothic', sans-serif !important;}
.ff_open, .ff_open a, .ff_open span, .ff_open div, .ff_open ul, .ff_open li, .ff_open p {font-family: 'Open Sans' !important;}
.ff_noto, .ff_noto a, .ff_noto span, .ff_noto div, .ff_noto ul, .ff_noto li, .ff_noto p {font-family: 'Noto Sans KR', 'Noto Sans' !important; font-weight:400;}
	/* font weight */
.fw_t {font-weight:300;}
.fw_n {font-weight:400;}
.fw_b {font-weight:700;}/* Noto Sans KR은 500 사용 */
.fw_eb {font-weight:800;}/* Noto Sans KR은 700 사용 */


/*** common ***/


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


/*** BOARD ***/


/*** GOODS ***/


/*** MEMBER ***/


/*** SERVICE ***/






/*───────────────────────────────────────────────────────────
	
	** navigation, button 관련 css 영역

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



/*───────────────────────────────────────────────────────────
	navigation common
───────────────────────────────────────────────────────────*/
	.nav_wrap {}
	.nav_wrap .nav_box {padding:7.0% 0 3% 0;border:0;margin:0;position:relative;z-index:1;}
	.nav_wrap .nav_box:after {clear:both;content:"";display:block;}
	.nav_wrap .nav_box h2 {font-size:40px;line-height:56px;padding:0;margin:0;text-align:center;color:#333;font-weight:600;z-index:1;}
	.nav_wrap .nav_box p {font-size:17px;line-height:22px;padding:1% 0 0 0;color:#666;font-weight:400;text-align:center;}
	.nav_wrap .nav_box ul {line-height:18px;top:20%;position:absolute;left:0;font-size:0;padding:0;z-index:5;display:block;}
	.nav_wrap .nav_box ul li {line-height:18px;height:18px;font-size:8px;text-align:left;vertical-align:top;padding:0;color:#aaa;display:inline-block;}
	.nav_wrap .nav_box ul li + li {padding-left:5px;}
	.nav_wrap .nav_box ul li span,
	.nav_wrap .nav_box ul li strong,
	.nav_wrap .nav_box ul li > a {line-height:18px;height:18px;padding:0 4px 0px 0;font-size:12px;display:inline-block;width:auto;color:#666;vertical-align:top;margin:0;box-sizing:border-box;}
	.nav_wrap .nav_box ul li a.home {padding-left:0px;font-size:12px;color:#666666;}
	.nav_wrap .nav_box ul li a.home:before {width:11px;height:11px;margin:0 5px 2px 0;content:"";display:inline-block;background:url("/images/neweb/common/sub_locate_home.png") no-repeat left center #333333;background-size:auto 13px;vertical-align:middle;}
	.nav_wrap .nav_box ul li:last-child a,
	.nav_wrap .nav_box ul li:last-child span,
	.nav_wrap .nav_box ul li:last-child strong {color:#444;font-weight:700;padding-right:0;}

	.nav_wrap .nav_box ul li .navi_select {min-width:150px;border: 1px solid #999;cursor: pointer;margin-top: -3px;position:relative;box-sizing: border-box;}
	.nav_wrap .nav_box ul li .navi_select .navi_tit {padding: 2px 10px;line-height: 18px;height: auto;display: block;}
	.nav_wrap .nav_box ul li .navi_select .navi_tit:after {content:"";display:inline-block;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #999;position:absolute;right: 10px;top: 9px;transition:all .2s;}
	.nav_wrap .nav_box ul li .navi_select ul {display:none;position:absolute;left: -1px;top: 100%;width:150px;background:#fff;padding:6px 0 6px 0;border: 1px solid #888;box-sizing: border-box;}
	.nav_wrap .nav_box ul li .navi_select ul li {display: block;line-height: 1;height: auto;font-size: 12px;padding: 0;}
	.nav_wrap .nav_box ul li .navi_select ul li a {display:block;padding:5px 10px;font-size: 12px;line-height: 1;height: auto;transition:all .2s;}
	.nav_wrap .nav_box ul li .navi_select ul li a:hover {background:#999;color:#fff;}

	.nav_wrap .nav_box ul li .navi_select:hover .navi_tit:after {transform: rotate(180deg);}
	.nav_wrap .nav_box ul li .navi_select:hover ul {display:block;}



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

	}
	@media only screen and (max-width:1023px) {
		.nav_wrap .nav_box {padding:4.0% 0 3.8% 0;}
		.nav_wrap .nav_box h2 {font-size:36px;line-height:42px;}
		.nav_wrap .nav_box p,
		.nav_wrap .nav_box ul {display:none;}
	}
	@media only screen and (max-width:860px) {
		.nav_wrap .nav_box {padding:4.8% 0 3.2% 0;}
		.nav_wrap .nav_box h2 {font-size:28px;line-height:32px;}
	}
	@media only screen and (max-width:767px) {

	}
	@media only screen and (max-width:640px) {
		.nav_wrap .nav_box {padding:6.2% 0 6% 0;}
		.nav_wrap .nav_box h2 {font-size:24px;line-height:28px;}
	}
	@media only screen and (max-width:479px) {
		.nav_wrap .nav_box {padding:0 0 0;margin-left:-12px;margin-right:-12px;width: calc(100% + 24px);}
		.nav_wrap .nav_box h2 {padding:8.8% 0 4.8% 0;margin-left: -12px;margin-right: -12px;font-size:20px;line-height:28px;}
	}



/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
	/* custom button type */
		/* button 공통 요소 */
	.btn, .btn_lg, .btn_sm, .btn_md {font-weight:700;border-style:solid !important;border-width:1px !important;padding:0;margin:0;text-indent:0;vertical-align:top !important;text-align:center;display:inline-flex; align-items:center; justify-content:center;box-sizing:border-box;cursor:pointer;box-shadow:none;outline:0 !important; border-radius:30px;}
		/* button 크기별 */
	.btn_wd {width:100%;height:50px;line-height:48px;font-size:17px;}
	.btn {width:160px;height:60px;line-height:1;font-size:20px; font-weight:bold;}
	.btn_lg {width:92px;height:72px;line-height:70px;font-size:14px;}
	.btn_md {width:60px;line-height:28px;height:30px;font-size:13px;}
	.btn_sm {height:30px;line-height:28px;width:auto !important;padding:0 8px;font-size:inherit;border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
		/* button 색상별 */
	.btn_point, .btn_point:hover {border-color:#f38d09 !important;background-color:#f38d09 !important;color:#fff !important;}
	.btn_basic, .btn_basic:hover {border-color:#777 !important;background-color:#777 !important;color:#fff !important;}
	.btn_default, .btn_default:hover {border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
	.btn_info, .btn_info:hover {border-color:#d3d3d3 !important;background-color:#fff !important;color:#555 !important;}
	.btn_reset, .btn_reset:hover {border-color:#d3d3d3 !important;background:#fff url(/images/neweb/common/icon_btn_reset.gif) no-repeat 9px 50% !important;padding:0 10px 0 30px !important;color:#555 !important;}
		/* button wrapper */
	.btn_wrap {margin:0 auto;padding:0;padding-top:60px;font-size:0;vertical-align:top;display:inline-block;}
	.btn_wrap.ta_center {width:100%;}
	.btn_wrap a + a,
	.btn_wrap button + button,
	.btn_wrap a + button,
	.btn_wrap button + a {margin-left:15px;vertical-align:top;}
	.btn_wrap button > a, .btn_wrap a > a{margin-left:0;}
	.view_btn .btn_wrap.ta_right {position:absolute;right:0px;top:0px;}

	@media only screen and (max-width:1297px) {
		.btn {width:150px;height:55px; font-size:19px;}
	}
	@media only screen and (max-width:1023px) {
			/* button wrapper */
		.view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;}
		.btn {width:140px;height:50px; font-size:18px;}
	}
	@media only screen and (max-width:860px) {

	}
	@media only screen and (max-width:767px) {
		.btn {width:130px;height:45px; font-size:16px;}
	}
	@media only screen and (max-width:640px) {
		.btn_wrap{padding-top:40px;}
	}
	@media only screen and (max-width:479px) {
			/* button 크기별 */
		.btn {width:120px;height:40px; font-size:15px;}
		.btn_wd {font-size:16px;}
		.btn_lg {width:72px;font-size:13px;}
		.btn_md {width:60px;font-size:12px;}
		.btn_sm {padding:0 4px;font-size:12px;}
			/* button wrapper */
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:6px;}
		.view_btn .paging {width:100%;min-height:87px;}
		.view_btn .paging + .btn_wrap.ta_right{top:70px;}
	}
	@media only screen and (max-width:431px) {
		.btn {width:110px}
	}
	@media only screen and (max-width:320px) {
			/* button 크기별 */
		.btn_md {width:44px;font-size:12px;}
	}



/*───────────────────────────────────────────────────────────
	 서브 공통
───────────────────────────────────────────────────────────*/
	/* 서브 비주얼 */
		.sub_visual{position:relative;height:400px;background:linear-gradient(45deg, rgba(0,218,236,1) 0%, rgba(0,218,236,1) 10%, rgba(0,5,235,1) 100%);border-radius:0 0 60px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom: 114px; text-align:center;}
		.sub_visual .cont{position:relative; z-index:6; padding-top:110px; }
		.sub_visual h3{font-size:60px; font-weight:900; color:#fff;}
			.sub_visual h3 + p{margin-top: 30px;}
		.sub_visual p{font-size:18px; font-weight:400; color:#fff;letter-spacing:0.01em; line-height:145%;}
			.sub_visual p + p{margin-top: 11px;}
		.sub_visual p a{font-size:inherit; font-weight:inherit; color:inherit;}
			.sub_visual p a.tel:before{display:inline-flex; content:''; width:25px; height:25px; background:url('/images/neweb/sub/sub_visual_tel.png') no-repeat center; margin-right:15px; vertical-align:middle;}
			.sub_visual p a.mail:before{display:inline-flex; content:''; width:25px; height:25px; background:url('/images/neweb/sub/sub_visual_mail.png') no-repeat center; margin-right:15px; vertical-align:middle;}
		.sub_visual .bg_icon{position:absolute; font-size:0;}
			.sub_visual .bg_icon.icon01{top: 21.2%;left: -8.7%;z-index: 2;}
			.sub_visual .bg_icon.icon02{top: -45%;right: -11.3%;z-index: 1;}
			.sub_visual .bg_icon.icon03{top: 30%;left: -12%;z-index: 1;}
			.sub_visual .bg_icon.icon04{top: 27%;right: -7.5%;}
			.sub_visual .bg_icon.icon05{top: -166%;left: -14.5%;}


		/* 키프레임 */
			.sub_visual .bg_icon{animation-name: sub_visualBg; animation-duration:2s; animation-duration: leaner; animation-iteration-count:infinite; animation-direction:alternate;  animation-fill-mode: forwards;}
				.sub_visual .bg_icon.icon02{animation-duration:2.5s; }
				.sub_visual .bg_icon.icon03{animation-duration:3s; }
				.sub_visual .bg_icon.icon04{animation-duration:3.5s; }
				.sub_visual .bg_icon.icon05{animation-duration:4s; }
			@keyframes sub_visualBg{ 0%{transform: translateY(30px);} 100%{transform: translateY(0);} }

	/* 타이틀 */
		.sub_tittle{}
			.sub_tittle.center{text-align:center;}
			.sub_tittle.hd{margin-bottom:66px;}
		.sub_tittle h4{font-size:32px; font-weight:bold; color:#333; line-height:135%;}
			.sub_tittle h4 + h5{margin-top: 17px;}
		.sub_tittle h5{font-size:22px;font-weight:400;color:#444;line-height:135%;letter-spacing: 0;}
		.sub_tittle h4 small{font-size:78%; font-weight:700; color:inherit;}
		.sub_tittle h4 small strong{color:#f38d09;}
		.sub_tittle p{font-size:18px; font-weight:400; color:#333; line-height:188%;}
		

	/* 인풋 */
		#wrap input[type="text"], #wrap input[type="password"], #wrap input[type="number"], #wrap textarea{border:1px solid #ddd; border-radius:6px; padding:0 20px; box-sizing:border-box;}
			#wrap input[type="text"]:focus, #wrap input[type="password"]:focus, #wrap input[type="number"]:focus, #wrap textarea:focus{outline:none; border-color:#000;}
			#wrap input[type="text"]::placeholder, #wrap input[type="password"]::placeholder, #wrap input[type="number"]::placeholder{color:#999;}
		#wrap textarea{padding-top:17px; padding-bottom:17px; resize:none;}
		#wrap .textarea_wrap{background:#f5f5f5; padding:10px;}
		#wrap .textarea_wrap textarea{background:#f5f5f5; border:0; padding:17px 20px; font-size:16px; color:#888; letter-spacing:-0.05em; line-height:162%;}
		#wrap .textarea_wrap textarea::-webkit-scrollbar { width: 4px;}
		#wrap .textarea_wrap textarea::-webkit-scrollbar-thumb {background-color: #888; border-radius: 0;}
		#wrap .textarea_wrap textarea::-webkit-scrollbar-track {border-radius: 0;background:#ccc;}

		#wrap input[type="checkbox"] { display:none; }
		#wrap input[type="checkbox"] + label {cursor:pointer;}
		#wrap input[type="checkbox"] + label strong{font-weight:inherit; font-size:inherit; color:#f38d09;}
		#wrap input[type="checkbox"] + label:before, input[type="checkbox"] + label::before { display:inline-block; content:""; width:25px; height:25px; margin:-2px 15px 0 0; vertical-align:middle; background:url("/images/neweb/sub/icon_chk.png") no-repeat 0 50%; cursor:pointer; }
		#wrap input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked + label::before { background:url("/images/neweb/sub/icon_chk_on.png") no-repeat 0 50%; }

	/* sub_location */
		.sub_location{display:none;  align-items:center; justify-content:center; height:45px; padding:0 15px; box-sizing:border-box; border-bottom:1px solid #ddd; margin-top:-114px; margin-bottom:114px;}
		.sub_location li{}
			.sub_location li + li{margin-left:30px;}
		.sub_location li a{font-size:15px; font-weight:600; color:#333;}
		.sub_location li.on a{color:#f38d09;}
	@media only screen and (max-width:1297px){
		.sub_visual .cont{padding-top:8vw;}
		.sub_visual h3{font-size:4.6vw;}
		.sub_visual p{font-size:17px;}

		.sub_visual .bg_icon.icon01{width: 38.6vw;}
		.sub_visual .bg_icon.icon02{width: 45.3vw;}
		.sub_visual .bg_icon.icon03{width: 111.9vw;}
		.sub_visual .bg_icon.icon04{width: 78.5vw;}
		.sub_visual .bg_icon.icon05{width: 114.4vw;}

		.sub_tittle h4{font-size:30px;}
		.sub_tittle h5{font-size:21px;}

		#wrap .textarea_wrap textarea{font-size:15px;}
	}
	@media only screen and (max-width:1023px){
		.sub_visual{height:37vw; min-height:180px;}
		.sub_visual .cont{padding-top:0;}

		.sub_tittle h4{font-size:28px;}
		.sub_tittle h5{font-size:20px;}
		#wrap input[type="text"], #wrap input[type="password"], #wrap input[type="number"], #wrap textarea{padding-left:15px; padding-right:15px;}
		#wrap textarea{padding-top:10px; padding-bottom:10px;}

		.sub_location{display:flex; }
	}
	@media only screen and (max-width:860px){
		.sub_visual{margin-bottom:80px;}

		.sub_tittle.hd{margin-bottom:40px;}
		.sub_tittle h4{font-size:26px;}
		.sub_tittle h5{font-size:19px;}
		.sub_visual p{font-size:16px;}
		.sub_visual p a.tel:before, .sub_visual p a.mail:before{width:22px; height:22px; background-size:100% auto;}

		#wrap .textarea_wrap textarea{font-size:14px;}

		.sub_location{margin-top:-80px; margin-bottom:80px;}
	}
	@media only screen and (max-width:640px){
		.sub_visual{border-radius:0 0 30px;}
		.sub_visual h3{font-size:29px;}
			.sub_visual h3 + p{margin-top:20px;}
		.sub_tittle h4{font-size:24px;}
		.sub_tittle h5{font-size:17px;}
		.sub_visual p{font-size:15px;}
		.sub_visual p a.tel:before, .sub_visual p a.mail:before{width:20px; height:20px; }

		#wrap input[type="text"], #wrap input[type="password"], #wrap input[type="number"], #wrap textarea{border-radius:3px;}
		#wrap input[type="checkbox"] + label:before, input[type="checkbox"] + label::before{width:20px; height:20px; background-size:100% !important; margin-right:10px;}
		#wrap .textarea_wrap textarea{font-size:13px; padding:7px 10px;}
	}
	@media only screen and (max-width:479px){
		.sub_visual{margin-bottom:50px;}
		.sub_visual h3{font-size:27px;}
			.sub_visual h3 + p{margin-top:15px;}
		.sub_tittle.hd{margin-bottom:30px;}
		.sub_tittle h4{font-size:22px;}
			.sub_tittle h4 + h5{margin-top:12px;}
		.sub_tittle h5{font-size:15px;}
		.sub_visual p{font-size:14px;}
			.sub_visual p + p{margin-top: 7px;}
		.sub_visual p a.tel:before, .sub_visual p a.mail:before{width:18px; height:18px; margin-right:10px;}

		.sub_location{margin-top:-50px; margin-bottom:50px;}
	}
	@media only screen and (max-width:431px){
		.sub_tittle.hd{margin-bottom:25px;}
		.sub_tittle h4{font-size:20px;}
			.sub_tittle h4 + h5{margin-top:10px;}
		.sub_tittle h5{font-size:14px;}
	}
	@media only screen and (max-width:374px){
		.sub_visual h3{font-size:25px;}

		.sub_tittle h4{font-size:18px;}
			.sub_tittle h4 + h5{margin-top:7px;}
		.sub_tittle h5{font-size:13px;}
		.sub_visual p{font-size:13px;}
			.sub_visual p + p{margin-top: 5px;}
		.sub_visual p a.tel:before, .sub_visual p a.mail:before{width:16px; height:16px; }

	}
/*───────────────────────────────────────────────────────────
	 board
───────────────────────────────────────────────────────────*/
	
	/*** 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 .table_wrap{border:1px solid #333;border-radius:10px;overflow:hidden;box-sizing:border-box;padding: 27px 0;}
			#wrap .table_wrap.point{border-color:#f38d09;}
			#wrap .table_wrap.gray{border-color:#ddd;}
			#wrap .table_wrap.policy{padding-top:12.5px; padding-bottom:12.5px;}
			#wrap .table_wrap + .table_wrap{margin-top:40px;}
		#wrap table.bbs_write {table-layout:fixed;width:100%;text-align:left;box-sizing:border-box; border:0}
		#wrap table.bbs_write.bbs_title{}
		#wrap table.bbs_write th, #wrap table.bbs_write td{font-size:17px;padding-top:12.5px;padding-bottom:12.5px;padding-left:20px;padding-right:40px;line-height:30px;border-bottom: 0;font-weight:300;color:#333;text-align:left;vertical-align:middle;box-sizing:border-box;letter-spacing: -0.05em;}
		#wrap table.bbs_write th {padding-left:40px;padding-right:20px;font-size: 20px;font-weight: bold;color:#444;background-color: #fff;}
		#wrap table.bbs_write th span.important{font-size:inherit; font-weight:inherit; color:inherit;}
			#wrap table.bbs_write th span.important:after{display:inline-flex; content:'*'; color:#f38d09; margin-left:4px; vertical-align:top;}
		#wrap table.bbs_write td {}
		#wrap table.bbs_write th, #wrap table.bbs_write td, #wrap table.bbs_write tr span, #wrap table.bbs_write tr input, #wrap table.bbs_write tr select {vertical-align:middle;}
		#wrap table.bbs_write tr span, #wrap table.bbs_write tr input, #wrap table.bbs_write tr select, #wrap table.bbs_write tr label {color:#666;font-size:inherit;font-weight:400;}
		#wrap table.bbs_write tr select {background:#fff;}
		#wrap table.bbs_write tr label.ex_radio {width:100%;display:block;}
		#wrap table.bbs_write tr input[type="radio"] + label.ex_radio:before, 
		#wrap table.bbs_write tr input[type="radio"] + label.ex_radio::before {margin:-2px 5px 0 0;}
		#wrap table.bbs_write tr td #captcha_box {display:inline-block;width:auto;vertical-align:middle;margin:0;}
		#wrap table.bbs_write tr td input[name="captcha"], #wrap table.bbs_write tr td .btn_reset, #wrap table.bbs_write tr td #refreshCode {vertical-align:middle !important;}
		#wrap table.bbs_write th .require_dot, #wrap table.bbs_write th .require_dot:before {line-height:inherit;height:inherit;color:#444;font-weight:400;display:inline-block;}
		#wrap table.bbs_write th .require_dot {padding-left:4px;}
		#wrap table.bbs_write th .require_dot:before {content:' *';font-size:inherit;vertical-align:middle;}
		#wrap table.bbs_write td p {line-height:20px;padding:5px 0 0;font-size:inherit;display:inline-block;margin:0;vertical-align:top;}
		#wrap table.bbs_write td div.view_cont {padding:8px 10px 50px 10px; line-height:26px; min-height:150px;}
		#wrap table.bbs_write td select, #wrap table.bbs_write td input[type="text"], #wrap table.bbs_write td input[type="password"],
		#wrap table.bbs_write td input[type="number"], #wrap table.bbs_write td input[type="date"] {min-width:25%;width: 100%; height:55px;}
		#wrap table.bbs_write td input[name="title"] {width:100%;}
		#wrap table.bbs_write td input[name="zip"] {width:80px;min-width:70px;}
		#wrap table.bbs_write td input[name="address"],
		#wrap table.bbs_write td input[name="address2"] {width:55%;min-width:450px;}
		#wrap table.bbs_write td input.tel {min-width:50px;}
		#wrap table.bbs_write td textarea {min-width:100%;height:100px;}
		#wrap table.bbs_write td select.mail_select {margin-left:0px;margin-right:5px;}
		#wrap table.bbs_write td input[name="email_id"] {width:16%;min-width:120px;}
		#wrap table.bbs_write td input[name="email_domain"],
		#wrap table.bbs_write td select.mail_select {width:20%;min-width:140px;}
		#wrap table.bbs_write td input[name="email_domain"] {display:inline-block !important;}
		#wrap table.bbs_write .input_file {}
		#wrap table.bbs_write .input_file td, #wrap table.bbs_write .input_file td input {vertical-align:middle;}
		#wrap table.bbs_write td .file_name {display: inline-block;vertical-align: top;}
		#wrap table.bbs_write td .file_name a {display:inline-block;vertical-align:middle;line-height:23px;}
		#wrap table.bbs_write td .file_name .file_no {margin-left:5px;}
		#wrap table.bbs_write td .at {display:inline-block;vertical-align:middle;margin:0 0 0 3px;}
		#wrap table.bbs_write .input_email input {display:inline-block !important;}
		#wrap table.bbs_write .file_wrap{position:relative;display:inline-block;vertical-align:middle;margin-right: 24px;}
		#wrap table.bbs_write .file_wrap .file_name{width:370px; padding-right:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
		#wrap table.bbs_write .file_wrap input[type="file"] + label{position:absolute; top:0; right:0; display:inline-flex; align-items:center; justify-content:center; width:130px; height:100%; background:#333; color:#fff; border-radius:0 6px 6px 0; cursor:pointer;}
		#wrap table.bbs_write .noti_wrap{display:block; margin-top:15px;}
		#wrap table.bbs_write p.noti{display:inline-block; font-size:16px;color:#666;vertical-align:middle;font-weight: 500;padding: 0;letter-spacing: 0.03em; line-height:145%;}
		#wrap table.bbs_write p.noti a{font-size:inherit; font-weight:bold; color:#333;}
		#wrap table.bbs_write p.noti a.mailto{cursor:inherit;}
		#wrap table.bbs_write .mail_copy_btn{display:inline-flex;font-size:16px;color:#444;border:1px solid #050001;box-sizing:border-box;border-radius:4px;margin-left:10px;cursor:pointer;padding: 5px 9px;line-height: 1;font-weight: 500;}

		/* 캡챠 */
			#wrap table.bbs_write tr td .captcha_box{margin: 0 7px 0 0;border:1px solid #ddd;padding: 7px 10px 6px;border-radius:4px;overflow:hidden;font-size:0;box-sizing: border-box; display:inline-block; vertical-align:middle;}
			#wrap table.bbs_write tr td .captcha_box img#captcha{}
			#wrap table.bbs_write tr td .captcha_box #refreshCode{font-size:0; padding:0 !important;  width:40px !important; height:40px !important; background:#fff url(/images/neweb/common/icon_btn_reset.gif) no-repeat 50% 50% !important; border-radius:4px; overflow:hidden; margin-left:10px;}
			#wrap table.bbs_write tr td input#captcha{width: 200px;min-width: 20px; height:55px;}

			/* 게시판 개인정보취급 */
				#wrap table.bbs_write .policy_cont {position:relative;}
				#wrap table.bbs_write .policy_cont > div {padding:0;}
				#wrap table.bbs_write .policy_cont > div input[type=checkbox] {}
				#wrap table.bbs_write .policy_cont > div label {margin:0;}
				#wrap table.bbs_write .policy_cont .toggle_btn{position:absolute; top:0; right:0; font-size:16px; font-weight:400; color:#666;}
					#wrap table.bbs_write .policy_cont .toggle_btn:after{display:inline-flex;content:'';width:7px;height:7px;border:1px solid #fff0;border-top-color:#666;border-right-color:#666;margin-left:12px;transform: rotate(135deg) translate(-1px, 5px);}
					#wrap table.bbs_write .policy_cont .toggle_btn.on:after{transform: rotate(-45deg) translate(-3px, -1px);border-top-color:#666;border-right-color:#666;}
				#wrap table.bbs_write .policy_cont .textarea_wrap{margin-top:30px;}
				#wrap table.bbs_write .policy_cont .textarea_wrap textarea {height:110px;}


	@media only screen and (max-width:1297px){
		#wrap table.bbs_write th{font-size:19px;}
		#wrap table.bbs_write td{font-size:17px;}
		#wrap table.bbs_write p.noti{font-size:15px; }
		#wrap table.bbs_write .policy_cont .textarea_wrap{margin-top:25px;}
		#wrap table.bbs_write .policy_cont .toggle_btn{font-size:15px;}
		#wrap table.bbs_write .mail_copy_btn{font-size:15px;}
	}
	@media only screen and (max-width:1023px){
		#wrap table.bbs_write th{font-size:18px; padding-left:30px; padding-right:7.5px;}
		#wrap table.bbs_write td{font-size:16px; padding-right:30px; padding-left:7.5px;}
		#wrap table.bbs_write td select, #wrap table.bbs_write td input[type="text"], #wrap table.bbs_write td input[type="password"], #wrap table.bbs_write td input[type="number"], #wrap table.bbs_write td input[type="date"]{height:50px;}
		#wrap table.bbs_write .policy_cont .textarea_wrap{margin-top:20px;}
		#wrap table.bbs_write.bbs_bottom td{padding-left:30px; padding-right:30px;}
		#wrap table.bbs_write .mail_copy_btn{font-size:14px;}
	}
	@media only screen and (max-width:900px){
		#wrap table.bbs_write p.noti{display:block;}
		#wrap table.bbs_write .mail_copy_btn{margin:10px 0 0;}
	}
	@media only screen and (max-width:860px){
		#wrap table.bbs_write th{font-size:17px; padding-left:20px;}
		#wrap table.bbs_write td{font-size:15px; padding-right:20px;}
		#wrap table.bbs_write p.noti{font-size:14px;}

		#wrap table.bbs_write .policy_cont .toggle_btn{font-size:14px;}
		#wrap table.bbs_write .policy_cont .textarea_wrap{margin-top:15px;}
		#wrap table.bbs_write.bbs_bottom td{padding-left:20px; padding-right:20px;}
	}
	@media only screen and (max-width:767px){
		#wrap .table_wrap.policy{padding-top:30px; padding-bottom:30px;}
		#wrap table.bbs_write tr{display:flex; width:calc(100vw - 30px); flex-wrap:wrap;}
			#wrap table.bbs_write tr + tr, #wrap table.bbs_write tr td + th{margin-top:10px;}
		#wrap table.bbs_write tr th, #wrap table.bbs_write tr td{width:100%; padding:0 15px;}
			#wrap table.bbs_write tr th + td{margin-top:5px;}
		#wrap table.bbs_write th{font-size:16px;}
		#wrap table.bbs_write td{font-size:14px; }
		#wrap table.bbs_write td select, #wrap table.bbs_write td input[type="text"], #wrap table.bbs_write td input[type="password"], #wrap table.bbs_write td input[type="number"], #wrap table.bbs_write td input[type="date"]{height:45px;}
		#wrap table.bbs_write.bbs_content th{display:block;}
		#wrap table.bbs_write .policy_cont .toggle_btn{font-size:13px;}
		#wrap table.bbs_write .policy_cont .textarea_wrap{margin-top:12px;}
		#wrap table.bbs_write.bbs_bottom td{padding-left:15px; padding-right:15px;}
	}
	@media only screen and (max-width:640px){
		#wrap table.bbs_write p.noti, #wrap table.bbs_write .mail_copy_btn{font-size:13px;}
	}
	@media only screen and (max-width:540px){
		#wrap table.bbs_write tr td input#captcha{width:100%; height:45px; margin-top:10px;}
	}
	@media only screen and (max-width:479px){
		#wrap .table_wrap{border-radius:5px;}
		#wrap table.bbs_write th{font-size:15px;}
			#wrap table.bbs_write tr th + td{margin-top:3px;}
		#wrap table.bbs_write td select, #wrap table.bbs_write td input[type="text"], #wrap table.bbs_write td input[type="password"], #wrap table.bbs_write td input[type="number"], #wrap table.bbs_write td input[type="date"]{height:40px;}
		#wrap table.bbs_write .file_wrap{width:100%;}
		#wrap table.bbs_write .file_wrap .file_name{width:100%; padding-right:115px;}
		#wrap table.bbs_write .file_wrap input[type="file"] + label{width:100px;}
		#wrap table.bbs_write tr td input#captcha{height:40px;}
	}
	@media only screen and (max-width:431px){
		#wrap table.bbs_write th{font-size:14px;}
		#wrap table.bbs_write td{font-size:14px;}
		#wrap table.bbs_write .policy_cont .toggle_btn{display:block; position:relative; top:0; right:0;text-align:right; line-height:145%;}
		#wrap table.bbs_write p.noti, #wrap table.bbs_write .mail_copy_btn{font-size:12px;}
	}
	@media only screen and (max-width:350px){
	}


	/*** FAQ ***/
		/* 말머리 */
			.preface_list{display:flex; justify-content:center; margin-bottom:50px;}
			.preface_list > li{}
				.preface_list > li + li{margin-left:20px;}
			.preface_list > li a{display:flex; align-items:center; height:70px; font-size:19px; font-weight:400; color:#333; background:#f5f5f5; border-radius:35px; padding:0 49px; transition:all 0.4s; box-sizing:border-box;}
			.preface_list > li a.on{background:#f38d09; font-weight:bold; color:#fff;}

			/* over */
				@media only screen and (min-width:1024px){
					.preface_list > li a:hover{background:#f38d09; font-weight:bold; color:#fff;}
				}
		
		/* FAQ List */
			.faq_list{border-top:2px solid #000;}
			.faq_list > li{border-bottom:1px solid #ddd; width:100%; box-sizing:border-box;}
			.faq_list > li dl{}
			.faq_list > li dl .question, .faq_list > li dl .answer{position:relative;}
				.faq_list > li dl .question:before, .faq_list > li dl .answer:before{position:absolute; width:40px; height:40px; border-radius:100%; top:30px; left:60px; font-size:20px; font-weight:bold; color:#fff; display:inline-flex; align-items:center; justify-content:center; padding-top:2px; box-sizing:border-box;}
				.faq_list > li dl .question:before{content:'Q'; background:#333; top:50% !important; transform:translateY(-50%) !important;}
				.faq_list > li dl .answer:before{content:'A'; background:#f38d09; padding-left:2px;}
			.faq_list > li dl .question{font-size:20px;font-weight:bold;color:#333;padding: 38px 140px; cursor:pointer; line-height:135%;}
				.faq_list > li dl .question:after{position:absolute;content:'';top: 35px;right: 64px;width:16px;height:16px;border:1px solid #fff0;border-bottom-color:#333;border-right-color:#333;transform: rotate(45deg);}
				.faq_list > li dl .question.on:after{border-bottom-color:#fff0;border-right-color:#fff0;border-top-color:#f38d09;border-left-color:#f38d09;top: 47px;}
			.faq_list > li dl .answer{display:none; font-size:16px;font-weight:400;color:#666;line-height:187%;background:#f5f5f5;padding: 35px 140px; border-top:1px solid #ddd;} 

		@media only screen and (max-width:1297px){
			.preface_list > li a{font-size:18px; height:65px;}

			.faq_list > li dl .question{font-size:19px;}
			.faq_list > li dl .question:before, .faq_list > li dl .answer:before{font-size:19px;}
		}
		@media only screen and (max-width:1023px){
			.preface_list{margin-bottom:40px;}
			.preface_list > li + li{margin-left:15px;}
			.preface_list > li a{font-size:17px; height:60px;}

			.faq_list > li dl .question{padding:36px 120px; font-size:18px;}
			.faq_list > li dl .answer{padding:32px 120px; font-size:15px; line-height:160%;}
			.faq_list > li dl .question:before, .faq_list > li dl .answer:before{left:50px; top:25px; font-size:18px;}
			.faq_list > li dl .question:after{width:14px; height:14px; right:50px;}
		}
		@media only screen and (max-width:860px){
			.preface_list{margin-bottom:35px;}
			.preface_list > li a{font-size:16px; height:55px; padding:0 40px;}

			.faq_list > li dl .question{padding:34px 80px; font-size:17px;}
			.faq_list > li dl .answer{padding:32px 80px;font-size:14px;}
			.faq_list > li dl .question:before, .faq_list > li dl .answer:before{left:30px; top:25px;  font-size:17px; width:36px; height:36px;}
			.faq_list > li dl .question:after{width:12px; height:12px; right:30px; top:32px;}
				.faq_list > li dl .question.on:after{top:42px;}

			#wrap .table_wrap + .table_wrap{margin-top:30px;}
		}
		@media only screen and (max-width:640px){
			.preface_list{margin-bottom:30px;}
			.preface_list > li a{font-size:15px; height:50px; padding:0 35px;}

			.faq_list > li dl .question{padding: 26px 62px;font-size:16px;}
			.faq_list > li dl .answer{padding: 26px 62px;font-size:13px;}
			.faq_list > li dl .question:before, .faq_list > li dl .answer:before{left:15px;top: 19px;font-size:16px;width: 31px;height: 31px;}
			.faq_list > li dl .question:after{width:10px;height:10px;right:15px;top: 24px;}
				.faq_list > li dl .question.on:after{top: 34px;}
			#wrap .table_wrap + .table_wrap{margin-top:20px;}
		}
		@media only screen and (max-width:479px){
			.preface_list{margin-bottom:25px;}
			.preface_list > li a{font-size:14px; height:45px; padding:0 30px;}

			.faq_list > li dl .question{padding: 21px 45px 21px 55px;font-size:15px;}
			.faq_list > li dl .answer{padding: 18px 45px 18px 55px;font-size: 12px;}
			.faq_list > li dl .question:before, .faq_list > li dl .answer:before{left:15px;top: 14px;font-size:15px;width: 28px;height: 28px;padding-left: 0;}
			.faq_list > li dl .question:after{width: 8px;height: 8px;right:15px;top: 22px;}
				.faq_list > li dl .question.on:after{top: 28px;}
			#wrap .table_wrap + .table_wrap{margin-top:15px;}
		}
		@media only screen and (max-width:431px){
			.preface_list{margin-bottom:20px; justify-content:space-between;}
			.preface_list > li{width:100%;}
			.preface_list > li a{font-size:14px; height:40px; padding:0 15px; justify-content:center;}
		}
		@media only screen and (max-width:374px){
			.preface_list > li a{font-size:13px; height:38px; padding:0 15px;}

			.faq_list > li dl .question{padding: 20px 45px 20px 55px;font-size:14px;}
			.faq_list > li dl .answer{}
			.faq_list > li dl .question:before, .faq_list > li dl .answer:before{left:15px;top: 14px;font-size: 14px;width: 29px;height: 28px;padding-left: 0;}
			.faq_list > li dl .question:after{width: 8px;height: 8px;right:15px;top: 22px;}
				.faq_list > li dl .question.on:after{top: 28px;}
		}
		@media only screen and (max-width:320px){
			.preface_list > li + li{margin-left:10px;}
		}


/*───────────────────────────────────────────────────────────
	 goods
───────────────────────────────────────────────────────────*/
	#wrap .sub_list .list_array{margin:0 0 30px;}
	#wrap .sub_list .list_array .list_count{font-size:15px;line-height:135%;height:auto;font-weight:400;vertical-align:top;display:inline-block;text-align:left; color:#333; float:none;}
	#wrap .sub_list .list_array .list_count strong {color:#333;font-weight:900;}

	/* 갤러리형 | layout/goods/gallery.html */
		#wrap .sub_list .list_Galleryform ul {margin:0;padding:0; display:flex; flex-wrap:wrap;}
		#wrap .sub_list .list_Galleryform ul li {float:none; width: calc(100% / 3 - 24px); margin:0 36px 0 0;box-sizing:border-box;position:relative;z-index:1;}
			#wrap .sub_list .list_Galleryform ul li:nth-child(3n){margin-right:0;}
			#wrap .sub_list .list_Galleryform ul li:nth-child(n+4){margin-top:60px;}
		#wrap .sub_list .list_Galleryform ul li > a {}
		#wrap .sub_list .list_Galleryform ul li .thumb {padding:0;width:100%;border:0;font-size:0;margin:0;height:281.5px;position:relative;z-index:1;text-align:center;box-sizing:border-box;overflow:hidden;vertical-align:top; border-radius:10px; box-shadow:4.5px 7.8px 21px 0 rgba(0, 0, 0, 0.38);}
		#wrap .sub_list .list_Galleryform ul li .thumb img {width:100%;height:100%; object-fit:cover; transform:none;position:relative;left:auto;top:auto;vertical-align:top;}
		#wrap .sub_list .list_Galleryform ul li .txt_info {padding-top:32px;margin:0;width:100%; text-align:center;}
		#wrap .sub_list .list_Galleryform ul li .txt_info span {font-size:15px;line-height:1;height:auto;color:#666;font-weight:900; letter-spacing:0;}
		#wrap .sub_list .list_Galleryform ul li .txt_info strong{display:block; padding: 15px 0 0 0; font-size: 20px;   font-weight: 600; color: #333}
		#wrap .sub_list .list_Galleryform ul li .txt_info p{padding:0; font-size:inherit; font-weight:inherit; color:inherit;}

		/* pagaing wrap */
			#wrap .paging {text-align:center;padding-top:2px;line-height:35px;font-size:0;margin:2.8% auto 0 auto;vertical-align:top;box-sizing:border-box;}
			#wrap .paging span {display:inline-block;vertical-align:top;}
			#wrap .paging a {display: inline-flex;font-size: 13px;color:#777;padding:0 5px;border: 0;box-sizing:border-box;height: 32px;line-height: 1;min-width: 32px;text-align:center;vertical-align:top;align-items: center;justify-content: center;border-radius: 100%;}
			#wrap .paging a img {height:33px;width:33px;vertical-align:top;}
			#wrap .paging span + span a,
			#wrap .paging a + a,
			#wrap .paging a + span a{border-left:0;}
			#wrap .paging .on a{color: #f38d09;font-weight:bold;border: 1px solid #f38d09;}
			#wrap .paging a.on{color:#222222;font-weight:700;}
			#wrap .paging .arrow a {font-size:0;width:34px;}
			#wrap .paging .arrow a img {display:none;}
			#wrap .paging .arrow.first a {background:#fff url("/images/neweb/common/paging_first.gif") no-repeat left 50%;background-size:cover;}
			#wrap .paging .arrow.prev a {background:#fff url("/images/neweb/common/paging_prev.gif") no-repeat left 50%;background-size:cover;}
			#wrap .paging .arrow.next a {background:#fff url("/images/neweb/common/paging_next.gif") no-repeat right 50%;background-size:cover;}
			#wrap .paging .arrow.last a {background:#fff url("/images/neweb/common/paging_last.gif") no-repeat right 50%;background-size:cover;}
			#wrap .view_btn {text-align:center;line-height:40px;position:relative;min-height:80px;}
			#wrap .view_btn .paging {display:inline-block;}

	@media only screen and (max-width:1297px){
		#wrap .sub_list .list_Galleryform ul li .thumb{height:21.7vw;}
		#wrap .sub_list .list_array{margin-bottom:25px;}
		#wrap .sub_list .list_Galleryform ul li .txt_info strong{font-size:19px;}
	}
	@media only screen and (max-width:1023px){
		#wrap .sub_list .list_array{margin-bottom:20px;}
		#wrap .sub_list .list_Galleryform ul li .thumb{height:22vw;}
		#wrap .sub_list .list_Galleryform ul li {width: calc(100% / 3 - 10px); margin-right:15px;}
		#wrap .sub_list .list_Galleryform ul li .txt_info strong{font-size:18px;}
	}
	@media only screen and (max-width:860px){
		#wrap .sub_list .list_Galleryform ul li {width: calc(100% / 2 - 7.5px);}
			#wrap .sub_list .list_Galleryform ul li:nth-child(3n){margin-right:15px;}
			#wrap .sub_list .list_Galleryform ul li:nth-child(2n){margin-right:0;}
			#wrap .sub_list .list_Galleryform ul li:nth-child(n+3){margin-top:50px;}
		#wrap .sub_list .list_Galleryform ul li .thumb{height:33vw;}
		#wrap .sub_list .list_Galleryform ul li .txt_info{padding-top:25px;}
		#wrap .sub_list .list_Galleryform ul li .txt_info span{font-size:14px;}
		#wrap .sub_list .list_Galleryform ul li .txt_info strong{font-size:17px; padding-top:12px;}
	}
	@media only screen and (max-width:767px){
		#wrap .sub_list .list_Galleryform ul li .txt_info{padding-top:20px;}
		#wrap .sub_list .list_Galleryform ul li .txt_info span{font-size:13px;}
		#wrap .sub_list .list_Galleryform ul li .txt_info strong{font-size:16px; padding-top:10px;}
	}
	@media only screen and (max-width:640px){
		#wrap .sub_list .list_array{margin-bottom:15px;}
		#wrap .sub_list .list_array .list_count{font-size:14px;}
		#wrap .sub_list .list_Galleryform ul li:nth-child(n+3){margin-top:40px;}
		#wrap .sub_list .list_Galleryform ul li .thumb{border-radius:5px;}
	}
	@media only screen and (max-width:479px){
		#wrap .sub_list .list_array{margin-bottom:12px;}

		#wrap .sub_list .list_Galleryform ul li .txt_info span{font-size:12px;}
		#wrap .sub_list .list_Galleryform ul li .txt_info strong{font-size:15px; padding-top:8px;}
	}


	/* 상세페이지 | goods/goods_view.html */
		#wrap .sub_view {}
		#wrap .sub_view .goods_info {display:flex; align-items:flex-start;}
		#wrap .sub_view .goods_info .thumb {width: 630px; height:440px; border:1px solid #ccc;border-radius: 10px;overflow: hidden;box-shadow: 4.5px 7.8px 21px 0 rgba(0, 0, 0, 0.38);box-sizing: border-box; }
		#wrap .sub_view .goods_info .thumb img{width:100%; height:100%; object-fit:cover;}
		#wrap .sub_view .goods_info .info_cont {width: calc(100% - 630px); padding: 0 0 0 80px;box-sizing:border-box;}
		#wrap .sub_view .item_detail_tit{position:relative; padding: 0 0 30px 0; border-bottom: 1px solid #ccc;}
		#wrap .sub_view .item_detail_tit .sample_name{display: block; font-size: 15px; font-weight: 500; color: #666; margin-bottom: 15px}
		#wrap .sub_view .item_detail_tit .skin_name{font-size: 36px; font-weight: 600; color: #333}
		#wrap .sub_view .item_detail_tit .skin_name p{margin:0; font-size:inherit; font-weight:inherit; color:inherit; height:auto; line-height:130%; display:block;}
		#wrap .item_detail_tit .item_price {display:flex; align-items:center; font-size:16px;font-weight:400;color:#666;margin-top:16px;}
		#wrap .item_detail_tit .item_price span {font-size:20px;font-weight:400;color:#333;vertical-align:middle;}
		#wrap .item_detail_tit .item_price strong {font-size:30px;font-weight:600;color:#f38d09;letter-spacing:-0.9px;vertical-align:middle; margin-left:4px; margin-right:3px;}
		#wrap .item_detail_tit .item_price em {font-size:16px;font-weight:400;color:#f38d09;vertical-align:middle;}
	/* 상품상세 공통 */
		#wrap .item_detail_list{border-bottom: 0; margin:16px 0 0 0;}
		#wrap .item_detail_list dl{display:flex; width:100%; min-height:24px; padding:7px 0 6px 0;}
		#wrap .item_detail_list dt{width: 100px;margin: 0;color: #222;  word-wrap:break-word;font-size: 15px;font-weight: 500;line-height: 28px;}
		#wrap .item_detail_list dd{width: calc(100% - 100px);font-size: 15px;line-height: 28px;font-weight: 400;color: #666;letter-spacing: -0.3px;}
		#wrap .item_detail_list dd em{font-size:inherit;color:inherit;font-weight:inherit;text-decoration: line-through;}
		#wrap .btn_choice_box{display:flex;width:100%; padding:20px 0 0 0; justify-content:space-between;}
		#wrap .btn_choice_box .btn_sample_view, #wrap .btn_choice_box .btn_add_order {height:70px;font-size:22px;line-height:70px;letter-spacing:-0.66px;color:#fff;font-weight:600;border:0;border-radius:35px;box-shadow: 2px 3.5px 24px 0 rgba(0, 0, 0, 0.18);display: inline-flex;width:100%;align-items: center;justify-content: center;}
		#wrap .btn_choice_box .btn_sample_view {background:#333333;}
		#wrap .btn_choice_box .btn_add_order {margin-left:20px;background:#f38d09;}
		#wrap .item_goods_sec{position:relative;text-align:center; padding:120px 0 0 0;}
		#wrap .item_goods_sec h3{padding:0 0 40px 0; font-size:24px;line-height:1;font-weight:600;color:#222;text-align:center;}
		#wrap .item_goods_sec .detail_cont{padding-bottom:100px;}
		#wrap .item_goods_sec .detail_cont, #wrap .item_goods_sec .step_cont, #wrap .item_goods_sec .production_cont {margin-top:80px; }
		/* 상품 정보내용 탭 */
			#wrap .item_goods_tab{border-bottom: 0;}
			#wrap .item_goods_tab ul{width: 100%;height: 60px; margin:0 auto; padding:0; font-size:0;position: relative; display:flex; justify-content:space-between;}
			#wrap .item_goods_tab ul:after {content:'';display:block;position:absolute;width:100%;height:1px;background:#333;bottom:0;left:0;z-index:10;}
			#wrap .item_goods_tab li{position:relative;width: 100%;font-size: 0; text-align:center; z-index:10;}
			#wrap .item_goods_tab li + li {margin-left:15px;}
			#wrap .item_goods_tab li.on{margin-top: 0; z-index:20;}
			#wrap .item_goods_tab li a{display: flex;height: 100%;margin: 0;padding: 0;color: #666;font-size: 16px;border: 0;border-bottom: 0;background: #f5f5f5;box-sizing: border-box;border-radius: 10px 10px 0 0;align-items: center;justify-content: center;}
			#wrap .item_goods_tab li.on a{padding-top: 0;margin-top: 0; color:#333333; font-weight:bold;border: 1px solid #333;border-bottom: none;background: #fff;}
			#wrap .item_goods_tab li.on a span{display:inline-block; position:relative; top:-3px;}
			#wrap .item_goods_tab li:first-child a{margin-left:0;}
			#wrap .item_goods_tab li a strong{color:#f38d09;}
		/* 제작절차 */
			#wrap .item_goods_sec .step_cont {margin-bottom:50px;}
			#wrap .item_goods_sec .step_cont ol {display: flex; justify-content: space-between;}
			#wrap .item_goods_sec .step_cont ol li {position:relative;width: 100%;box-sizing: border-box;}
			#wrap .item_goods_sec .step_cont ol li + li {margin-left:20px;padding-left:60px;}
			#wrap .item_goods_sec .step_cont ol li + li:before {content:'';display:block;position:absolute;width:40px;height:40px;background:#ccc url('/images/neweb/sub/step_arw_icon.png') no-repeat center;left:0;top:27%;border-radius:100%;}
			#wrap .item_goods_sec .step_cont ol li .icon {display:block;width: 100%;padding-top: 100%;height: auto;border:1px solid #ddd;border-radius:100%;box-sizing:border-box;margin: 0 auto;}
			#wrap .item_goods_sec .step_cont ol li:nth-of-type(1) .icon {background: #fff url('/images/neweb/sub/step_icon01.png') no-repeat center;}
			#wrap .item_goods_sec .step_cont ol li:nth-of-type(2) .icon {background:#fff url('/images/neweb/sub/step_icon02.png') no-repeat center;}
			#wrap .item_goods_sec .step_cont ol li:nth-of-type(3) .icon {background:#fff url('/images/neweb/sub/step_icon03.png') no-repeat center;}
			#wrap .item_goods_sec .step_cont ol li:nth-of-type(4) .icon {background:#fff url('/images/neweb/sub/step_icon04.png') no-repeat center;}
			#wrap .item_goods_sec .step_cont ol li:nth-of-type(5) .icon {background:#fff url('/images/neweb/sub/step_icon05.png') no-repeat center;}
			#wrap .item_goods_sec .step_cont ol li .txt_box {margin-top:27px;}
			#wrap .item_goods_sec .step_cont ol li .txt_box em {display:block;font-size:17px;line-height:1;font-weight:500;color:#222;}
			#wrap .item_goods_sec .step_cont ol li .txt_box strong {display:block;font-size:18px;line-height:1;font-weight:600;color:#222;margin-top:18px;}
			#wrap .item_goods_sec .step_cont ol li:last-child .txt_box strong {color:#f38d09;}
			#wrap .item_goods_sec .step_cont ol li .txt_box p {font-size:14px;line-height:1;font-weight:500;color:#666;margin-top:8px;}
		/* 제작범위 */
			#wrap .item_goods_sec .production_cont {margin-top:60px;}
			#wrap .item_goods_sec .production_cont h3 {font-size:18px;line-height:30px;font-weight:600;color:#333;letter-spacing:-0.36px;text-align:left;padding-bottom:30px;}
			#wrap .item_goods_sec .production_cont h3 span {display:inline-block;background:#999;border-radius:15px;font-size:16px;font-weight:500;color:#fff;line-height:28px;padding:0 16px;margin-right:10px; vertical-align:middle;}
			#wrap .item_goods_sec .production_cont ul {display: flex;flex-wrap: wrap;gap:20px;}
			#wrap .item_goods_sec .production_cont ul li {width: calc(25% - 16px);height:80px;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;display: flex;vertical-align: top;align-items: center;align-content: center;}
			#wrap .item_goods_sec .production_cont ul li p {font-size:15px;line-height:24px;font-weight:500;color:#444;display: block;width: 100%;text-align: center;}
			#wrap .item_goods_sec .production_cont .design_scope {margin-top:80px;}
			#wrap .item_goods_sec .production_cont .design_scope .for_m {display:none;}
			#wrap .item_goods_sec .production_cont .design_scope img {border:1px solid #ddd;box-sizing:border-box;}

		@media only screen and (max-width:1297px){
			#wrap .sub_view .goods_info .info_cont{padding-left:6vw;}
			#wrap .sub_view .item_detail_tit .skin_name{font-size:34px;}
			#wrap .item_detail_tit .item_price strong{font-size:28px;}
			#wrap .item_detail_tit .item_price span{font-size:18px;}
			#wrap .item_detail_tit .item_price, #wrap .item_detail_tit .item_price em{font-size:15px;}

			#wrap .item_detail_list dt{width:90px;}
			#wrap .item_detail_list dd{width:calc(100% - 90px);}

			#wrap .btn_choice_box .btn_sample_view, #wrap .btn_choice_box .btn_add_order{height:65px; font-size:20px;}
		}
		@media only screen and (max-width:1217px){
			#wrap .sub_view .goods_info .thumb{width:53vw; height:36vw;}

			#wrap .sub_view .goods_info .info_cont{width:calc(100% - 53vw); padding-left:4vw;}
			#wrap .sub_view .item_detail_tit{padding-bottom:20px;}
			#wrap .sub_view .item_detail_tit .skin_name{font-size:32px;}
			#wrap .item_detail_tit .item_price strong{font-size:26px;}
			#wrap .item_detail_tit .item_price span{font-size:17px;}
			#wrap .item_detail_tit .item_price, #wrap .item_detail_tit .item_price em{font-size:14px;}
			#wrap .item_detail_list{margin-top:12px;}

			#wrap .item_detail_list dt, #wrap .item_detail_list dd{font-size:14px; line-height:25px;}
			#wrap .item_detail_list dt{width:80px;}
			#wrap .item_detail_list dd{width:calc(100% - 80px);}
			#wrap .btn_choice_box{padding-top:15px;}

			#wrap .item_goods_sec .step_cont ol li + li{padding-left:55px;}
			#wrap .item_goods_sec .step_cont ol li + li:before{width:35px; height:35px;}
			#wrap .item_goods_sec .step_cont ol li .txt_box{margin-top:20px;}
			#wrap .item_goods_sec .step_cont ol li .txt_box em{font-size:16px;}
			#wrap .item_goods_sec .step_cont ol li .txt_box strong{font-size:17px; margin-top:10px; line-height:135%;}
			#wrap .item_goods_sec .step_cont ol li .icon{background-size:auto 5vw !important;}
		}
		@media only screen and (max-width:1023px){
			#wrap .sub_view .item_detail_tit{padding-bottom:15px;}
			#wrap .sub_view .item_detail_tit .sample_name{font-size:14px; margin-bottom:10px;}
			#wrap .sub_view .item_detail_tit .skin_name{font-size:29px;}
			#wrap .item_detail_tit .item_price{margin-top:10px;}
			#wrap .btn_choice_box .btn_sample_view, #wrap .btn_choice_box .btn_add_order{height:60px; font-size:19px;}

			#wrap .item_goods_sec h3{font-size:23px; padding-bottom:30px;}

			#wrap .item_goods_sec .step_cont ol li + li{padding-left:40px; margin-left:10px;}
			#wrap .item_goods_sec .step_cont ol li + li:before{width:30px; height:30px; background-size:5px auto;}
			#wrap .item_goods_sec .step_cont ol li .txt_box em{font-size:15px;}
			#wrap .item_goods_sec .step_cont ol li .txt_box strong{font-size:16px;}
			#wrap .item_goods_sec .step_cont ol li .txt_box p{font-size:13px; margin-top:5px; line-height:135%;}

			#wrap .item_goods_sec .production_cont h3{font-size:17px;}
			#wrap .item_goods_sec .production_cont h3 span{font-size:15px;}
			#wrap .item_goods_sec .production_cont ul{gap:15px;}
			#wrap .item_goods_sec .production_cont ul li{padding:0 10px; box-sizing:border-box;width:calc(25% - 11.25px);}
			#wrap .item_goods_sec .production_cont ul li p{font-size:14px;line-height: 145%;}
				#wrap .item_goods_sec .production_cont ul li p br{display:none;}
		}
		@media only screen and (max-width:975px){
			#wrap .sub_view .item_detail_tit .skin_name{font-size:27px;}
			#wrap .item_detail_list dt{width:70px;}
			#wrap .item_detail_list dd{width:calc(100% - 70px);}

		}
		@media only screen and (max-width:860px){
			#wrap .sub_view .goods_info{display:block;}
			#wrap .sub_view .goods_info .thumb{width:630px; height:440px; margin:0 auto;}
			#wrap .sub_view .goods_info .info_cont{width:630px; padding-left:0; margin:25px auto 0;}
			#wrap .btn_choice_box .btn_sample_view, #wrap .btn_choice_box .btn_add_order{height:55px; font-size:17px;}
	
			#wrap .item_goods_sec{padding-top:100px;}
			#wrap .item_goods_tab ul{height:55px;}
			#wrap .item_goods_tab li a{font-size:15px;}
			#wrap .item_goods_sec h3{font-size:22px; padding-bottom:25px;}

			#wrap .item_goods_sec .step_cont ol li + li{padding-left:35px;}
			#wrap .item_goods_sec .step_cont ol li + li:before{width:25px; height:25px; background-size:4px auto;}
			#wrap .item_goods_sec .step_cont ol li .txt_box{margin-top:15px;}
			#wrap .item_goods_sec .step_cont ol li .txt_box em{font-size:14px;}
			#wrap .item_goods_sec .step_cont ol li .txt_box strong{font-size:15px; margin-top:7px;}
			#wrap .item_goods_sec .step_cont ol li .txt_box p{font-size:12px; margin-top:2px;}

			#wrap .item_goods_sec .production_cont ul li{width:calc(100% / 3 - 10px); }

			#wrap .item_goods_sec .production_cont h3 span{font-size:14px;}
			#wrap .item_goods_sec .production_cont h3{font-size:16px;}
		}
		@media only screen and (max-width:767px){
			#wrap .item_goods_sec .step_cont ol li + li{padding-left:30px;}
			#wrap .item_goods_sec .step_cont ol li + li:before{width:20px; height:20px;}
			#wrap .item_goods_sec .step_cont ol li .txt_box em{font-size:13px;}
			#wrap .item_goods_sec .step_cont ol li .txt_box strong{font-size:14px;}
		}
		@media only screen and (max-width:680px){
			#wrap .sub_view .goods_info .thumb{width:100%; height:66.7vw;}
			#wrap .sub_view .goods_info .info_cont{width:100%;}
		}
		@media only screen and (max-width:640px){
			#wrap .sub_view .goods_info .thumb{border-radius:7.5px;}
			#wrap .btn_choice_box .btn_sample_view, #wrap .btn_choice_box .btn_add_order{height:50px; font-size:16px;}

			#wrap .item_goods_sec{padding-top:70px;}
			#wrap .item_goods_sec .detail_cont, #wrap .item_goods_sec .step_cont, #wrap .item_goods_sec .production_cont{margin-top:50px;}
			#wrap .item_goods_tab ul{height:50px;}
			#wrap .item_goods_tab li a{font-size:14px; border-radius:5px 5px 0 0;}
			#wrap .item_goods_sec h3{font-size:20px; padding-bottom:20px;}

			#wrap .item_goods_sec .step_cont ol li + li:before{top:22%;}
			#wrap .item_goods_sec .step_cont ol li .txt_box em{font-size:12px;}
			#wrap .item_goods_sec .step_cont ol li .txt_box strong{font-size:13px;}
			#wrap .item_goods_sec .step_cont ol li .txt_box p{font-size:11px;}

			#wrap .item_goods_sec .production_cont ul li p{font-size:12px;}
		}
		@media only screen and (max-width:580px){
			#wrap .item_goods_sec .step_cont ol li + li:before{top:18%;}
		}
		@media only screen and (max-width:540px){
			#wrap .item_goods_sec .step_cont ol{display:block;}
			#wrap .item_goods_sec .step_cont ol li{width: 100%;border: 1px solid #ddd;border-radius: 10px;display: flex;align-items: center;justify-content: flex-start;box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.1);}
			#wrap .item_goods_sec .step_cont ol li .icon{width: 26%;height: 90px;padding:0;border: 0;margin: 0;}
				#wrap .item_goods_sec .step_cont ol li:nth-of-type(1) .icon{background-size: 43px auto !important;}
				#wrap .item_goods_sec .step_cont ol li:nth-of-type(2) .icon{background-size: 47px auto !important;}
				#wrap .item_goods_sec .step_cont ol li:nth-of-type(3) .icon{background-size: 37px auto !important;}
				#wrap .item_goods_sec .step_cont ol li:nth-of-type(4) .icon{background-size: 41px auto !important;}
				#wrap .item_goods_sec .step_cont ol li:nth-of-type(5) .icon{background-size: 45px auto !important;}
			#wrap .item_goods_sec .step_cont ol li + li{margin: 15px 0 0;padding: 0;}
				#wrap .item_goods_sec .step_cont ol li + li:before{width: 30px;height: 30px;top: auto;bottom: calc(100% - 7px);left:50%;transform:translateX(-50%) rotate(90deg);background-size: 5px auto;background-color: #aaa;}
			#wrap .item_goods_sec .step_cont ol li .txt_box{text-align:left; margin:0;}
			#wrap .item_goods_sec .step_cont ol li .txt_box em{font-size:14px;font-weight: 600;width: 62px;display: inline-block;}
			#wrap .item_goods_sec .step_cont ol li .txt_box strong{font-size:15px;display: inline-block;font-weight: 700;}
			#wrap .item_goods_sec .step_cont ol li .txt_box p{font-size:12px;display: inline-block;vertical-align: middle;margin-left: 3px;}

			#wrap .item_goods_sec .production_cont ul li{width:calc(100% / 2 - 7.5px); }
			#wrap .item_goods_sec .production_cont ul li p{font-size:13px;}
		}
		@media only screen and (max-width:479px){
			#wrap .sub_view .item_detail_tit .skin_name{font-size:24px;}
			#wrap .item_detail_tit .item_price{margin-top:8px;}
			#wrap .item_detail_tit .item_price strong{font-size:22px;}
			#wrap .item_detail_tit .item_price span{font-size:16px;}
			#wrap .item_detail_tit .item_price, #wrap .item_detail_tit .item_price em{font-size:13px;}
			#wrap .sub_view .item_detail_tit .sample_name{margin-bottom:7px;}
			#wrap .item_detail_list{margin-top:10px;}
			#wrap .item_detail_list dt, #wrap .item_detail_list dd{line-height:23px;}

			#wrap .item_goods_sec h3{font-size:19px; padding-bottom:15px;}
			#wrap .item_goods_sec .production_cont .design_scope{margin-top:50px;}
			#wrap .item_goods_sec .production_cont h3 span{font-size:13px; display:block; width:78px; box-sizing:border-box; margin-bottom:10px;}
			#wrap .item_goods_sec .production_cont h3{font-size:15px; line-height:145%; padding-bottom:15px;}
		}
		@media only screen and (max-width:431px){
			#wrap .sub_view .item_detail_tit .skin_name{font-size:22px;}
			#wrap .item_detail_tit .item_price strong{font-size:20px;}
			#wrap .item_detail_tit .item_price span{font-size:15px;}
			#wrap .item_detail_tit .item_price, #wrap .item_detail_tit .item_price em{font-size:12px;}
			#wrap .btn_choice_box .btn_sample_view, #wrap .btn_choice_box .btn_add_order{height:45px; font-size:15px;}

			#wrap .item_goods_sec .detail_cont, #wrap .item_goods_sec .step_cont, #wrap .item_goods_sec .production_cont{margin-top:30px;}
			#wrap .item_goods_sec h3{font-size:20px;}
			#wrap .item_goods_tab ul{height:45px;}
			#wrap .item_goods_tab li + li{margin-left:5px;}
			#wrap .item_goods_tab li a{font-size:13px;}
		}
		@media only screen and (max-width:374px){
			#wrap .item_goods_sec h3{font-size:19px;}
			#wrap .item_goods_tab ul{height:42px;}
			#wrap .item_goods_tab li a{font-size:12px;}
			#wrap .item_goods_sec .production_cont ul li p{font-size:12px;}
		}

/*───────────────────────────────────────────────────────────
	 service
───────────────────────────────────────────────────────────*/

	/* 고객 지원 센터*/
		.sub_content .cs_center{}
		.sub_content .cs_center .cs_list{display:flex; justify-content:space-between;}
		.sub_content .cs_center .cs_list > li{position:relative;width:100%;border:1px solid #ddd;border-radius:15px;overflow:hidden;padding: 167px 15px 53px;box-sizing:border-box; transition:all 0.4s;}
			.sub_content .cs_center .cs_list > li + li{margin-left:40px;}
			.sub_content .cs_center .cs_list > li:before{position:absolute;content:'';top: 63px;left:50%;transform:translateX(-50%);}
			.sub_content .cs_center .cs_list > li:nth-child(1):before{width:72px; height:72px; background:url('/images/neweb/sub/cs_center_icon01.png') no-repeat center; background-size:100% auto;}
			.sub_content .cs_center .cs_list > li:nth-child(2):before{width:79px; height:79px; background:url('/images/neweb/sub/cs_center_icon02.png') no-repeat center; background-size:100% auto;}
			.sub_content .cs_center .cs_list > li:nth-child(3):before{width:82px; height:82px; background:url('/images/neweb/sub/cs_center_icon03.png') no-repeat center; background-size:100% auto;} 
		.sub_content .cs_center .cs_list > li > a{position:absolute; top:0; left:0; width:100%; height:100%;}
		.sub_content .cs_center .cs_list > li dl{text-align:center;}
		.sub_content .cs_center .cs_list > li dl dt{font-size:30px; font-weight:900; color:#000;}
			.sub_content .cs_center .cs_list > li dl dt + dd{margin-top: 20px;}
		.sub_content .cs_center .cs_list > li dl dd{font-size:16px;font-weight:400;color:#666;line-height:175%;letter-spacing: 0;}

		/* over */
			@media only screen and (min-width:1024px){
				.sub_content .cs_center .cs_list > li:hover{box-shadow:0 0 20px rgba(0,0,0,0.1); border-color:#f38d09; transform:translateY(-10px);}
			}

	
		@media only screen and (max-width:1297px){
			.sub_content .cs_center .cs_list > li dl dt{font-size:29px;}
		}
		@media only screen and (max-width:1023px){
			.sub_content .cs_center .cs_list > li + li{margin-left:15px;}
			.sub_content .cs_center .cs_list > li dl dt{font-size:27px;}
			.sub_content .cs_center .cs_list > li dl dd{font-size:15px;}
		}
		@media only screen and (max-width:860px){
			.sub_content .cs_center .cs_list > li{padding:145px 15px 40px;}
				.sub_content .cs_center .cs_list > li:before{top:50px;}
				.sub_content .cs_center .cs_list > li:nth-child(1):before{width:62px;}
				.sub_content .cs_center .cs_list > li:nth-child(2):before{width:68px;}
				.sub_content .cs_center .cs_list > li:nth-child(3):before{width:70px;} 
			.sub_content .cs_center .cs_list > li dl dt{font-size:25px;}
				.sub_content .cs_center .cs_list > li dl dt + dd{margin-top:15px;}
			.sub_content .cs_center .cs_list > li dl dd{font-size:14px; line-height:150%;}
		}
		@media only screen and (max-width:767px){
			.sub_content .cs_center .cs_list > li{padding:120px 15px 30px;}
				.sub_content .cs_center .cs_list > li:before{top:35px;}
				.sub_content .cs_center .cs_list > li:nth-child(1):before{width:55px;}
				.sub_content .cs_center .cs_list > li:nth-child(2):before{width:58px;}
				.sub_content .cs_center .cs_list > li:nth-child(3):before{width:58px;} 
			.sub_content .cs_center .cs_list > li dl dt{font-size:22px;}
				.sub_content .cs_center .cs_list > li dl dt + dd{margin-top:12px;}
			.sub_content .cs_center .cs_list > li dl dd{font-size:13px;}
			.sub_content .cs_center .cs_list > li dl dd br{display:none;}
		}
		@media only screen and (max-width:640px){
			.sub_content .cs_center .cs_list{display:block;}
			.sub_content .cs_center .cs_list > li{padding:115px 15px 30px; border-radius:7.5px;}
				.sub_content .cs_center .cs_list > li:before{top:30px;}
				.sub_content .cs_center .cs_list > li:nth-child(1):before{width:55px;}
				.sub_content .cs_center .cs_list > li:nth-child(2):before{width:58px;}
				.sub_content .cs_center .cs_list > li:nth-child(3):before{width:58px;} 
				.sub_content .cs_center .cs_list > li + li{margin:15px 0 0;}
			.sub_content .cs_center .cs_list > li dl dt{font-size:21px;}
			.sub_content .cs_center .cs_list > li dl dd br{display:block;}
		}
		@media only screen and (max-width:479px){
			.sub_content .cs_center .cs_list > li dl dt{font-size:20px;}
		}
		@media only screen and (max-width:374px){
			.sub_content .cs_center .cs_list > li dl dt{font-size:18px;}
		}

	/*about*/
		/* 인트로 */
			.sub_about .intro{background:rgba(252,245,235,0.7); padding-top:190px; padding-bottom:130px; margin-bottom:114px;}
			.sub_about .intro br{display: none;}
			.sub_about .intro .sub_tittle h4{margin:1em 0;}
			.sub_about .intro .sub_tittle h5{margin-top:15px;}
		/* 회사 정보 */
			.our_company_info{padding:0 0 120px 0; overflow:hidden;}
			.our_company_info .info_box h2{font-size:30px;color:#333;font-weight:400;line-height:1;}
			.our_company_info .info_box .company_info{width:100%;}
			.our_company_info .info_box .company_info dl {font-size:0;display: flex;}
			.our_company_info .info_box .company_info dl dt, .our_company_info .info_box .company_info dl dd{font-size:18px;padding-top: 21px;padding-bottom: 21px;line-height: 150%;}
			.our_company_info .info_box .company_info dl dt{color:#333;font-weight:500;border-bottom:1px solid #000;width:140px;text-align:left;box-sizing:border-box;padding-left:10px;display: inline-block;vertical-align: top;}
			.our_company_info .info_box .company_info dl dd{color:#444;font-weight:400;border-bottom:1px solid #ddd;box-sizing:border-box;padding-left:40px; padding-right:40px; display: inline-block;width:calc(100% - 140px);}
			.our_company_info .info_box .company_info dl dd a{font-size:inherit; font-weight:inherit; color:inherit;}
			.our_company_info .info_box .company_info dl:nth-child(1) dt{border-top:1px solid #000;}
			.our_company_info .info_box .company_info dl:nth-child(1) dd{border-top:1px solid #ddd;}

			@media only screen and (max-width:1297px){
				.our_company_info .info_box .company_info dl dt, .our_company_info .info_box .company_info dl dd{font-size:17px;}
			}
			@media only screen and (max-width:1023px){
				.our_company_info .info_box h2{font-size:28px;}
				.our_company_info .info_box .company_info dl dt, .our_company_info .info_box .company_info dl dd{font-size:16px;}
				.our_company_info .info_box .company_info dl dd{padding-left:30px;}
			}
			@media only screen and (max-width:860px){
				.sub_about .intro{padding:6em 0;margin-bottom:6em;}
				.sub_about .logo{height:60px;}
				.sub_about .logo img{height:100%;}
				.sub_about .sub_tittle p{font-size:16px;line-height:165%;}
				.sub_about .sub_tittle h5{font-size:18px;}

				.our_company_info .info_box h2{font-size:27px;}
				.our_company_info .info_box .company_info dl dt, .our_company_info .info_box .company_info dl dd{font-size:15px;}
				.our_company_info .info_box .company_info dl dt{width:120px;}
				.our_company_info .info_box .company_info dl dd{padding-left:20px; padding-right:20px; width:calc(100% - 120px);}
			}
			@media only screen and (max-width:640px){
				.sub_about .intro{padding:5em 0;margin-bottom:5em;}
				.sub_about .logo{height:50px;}
				.sub_about .sub_tittle p{font-size:15px;}
				.sub_about .sub_tittle h5{font-size:17px;}

				.our_company_info .info_box h2{font-size:26px;}
				.our_company_info .info_box .company_info dl dt, .our_company_info .info_box .company_info dl dd{padding-top:15px; padding-bottom:15px;}
				.our_company_info .info_box .company_info dl dt{width:110px;}
				.our_company_info .info_box .company_info dl dd{padding-left:15px; padding-right:15px; width:calc(100% - 110px);}
			}
			@media only screen and (max-width:479px){
				.sub_about .logo{height:40px;}
				.sub_about .intro br{display:inline;}
				.sub_about .sub_tittle p{font-size:14px;}
				.sub_about .sub_tittle h5{font-size:16px;}

				.our_company_info .info_box h2{font-size:25px;}
				.our_company_info .info_box .company_info{margin-top:20px;}
				.our_company_info .info_box .company_info dl dt, .our_company_info .info_box .company_info dl dd{font-size:14px;}
				.our_company_info .info_box .company_info dl dt{width:100px;}
				.our_company_info .info_box .company_info dl dd{padding-left:10px; padding-right:10px; width:calc(100% - 100px);}
			}
			@media only screen and (max-width:431px){
				.our_company_info .info_box .company_info dl dt{width:90px;}
				.our_company_info .info_box .company_info dl dd{padding-left:10px; padding-right:10px; width:calc(100% - 90px);}
			}
			@media only screen and (max-width:374px){
				.sub_about .sub_tittle p{font-size:12px;}
				.sub_about .intro .sub_tittle h5{font-size:14px;}

				.our_company_info .info_box .company_info dl dt, .our_company_info .info_box .company_info dl dd{font-size:13px;}
				.our_company_info .info_box .company_info dl dt{width:80px;}
				.our_company_info .info_box .company_info dl dd{width:calc(100% - 80px);}
			}
			@media only screen and (max-width:320px){
				
			}

		/* 기술력 */
			.sub_about .technology{overflow:hidden; padding-bottom:120px;}
			.sub_about .technology .tab_list{display:flex; justify-content:center; margin-top:-20px; margin-bottom:80px;}
			.sub_about .technology .tab_list li{display: inline-flex;align-items:center;justify-content:center;font-size:17px;font-weight: 700;color:#333;width: 180px;height:50px;border:1px solid #ddd;box-sizing:border-box; margin-right:15px; border-radius:10px; cursor:pointer; transition:all 0.4s;}
				.sub_about .technology .tab_list li:last-child{margin-right:0;}
				.sub_about .technology .tab_list li.on{color:#fff; background:#f38d09; border-color:#f38d09;}
			.sub_about .technology .tab_cont_list{position:relative;}
			.sub_about .technology .tab_cont_list > .cont{height:0; opacity:0; overflow:hidden; }
				.sub_about .technology .tab_cont_list > .cont.on{height:auto; overflow:visible; opacity:1;}
			.sub_about .technology	.TechSwiper{position:relative; overflow:hidden; box-sizing:border-box; width:calc(100%  - 140px); margin:0 auto;}
			.sub_about .technology	.TechSwiper .swiper-slide{}
			.sub_about .technology .swiper-btn{position:absolute; top:160px; width:50px; height:50px; border:1px solid #ddd; border-radius:100%; font-size:0; transition:all 0.4s; z-index:5; opacity:0; pointer-events:none;}
				.sub_about .technology .swiper-btn.on{opacity:1; pointer-events:inherit;}
				.sub_about .technology .swiper-btn.swiper-button-prev{left: 0; right:calc(100% + 15px); background:#fff url('/images/neweb/skin/main_visual_prev_ov.png') no-repeat center;}
				.sub_about .technology .swiper-btn.swiper-button-next{right: 0;background:#fff url('/images/neweb/skin/main_visual_next_ov.png') no-repeat center;}
				.sub_about .technology .swiper-btn:after{display:none;}
			.sub_about .technology .swiper-pagination-progressbar{display:none; position:absolute; left:0; bottom:0;width:100%; height:2px; background:#ddd; opacity:0; transition:all 1s;}
				.sub_about .technology .swiper-pagination-progressbar.on{opacity:1;}
			.sub_about .technology .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#f38d09;}
			.sub_about .certificate_list li{text-align: center;box-sizing:border-box;}
			.sub_about .certificate_list li .thumb img{box-shadow:8.2px 14.9px 24px 0 rgba(0, 0, 0, 0.15);}
			.sub_about .certificate_list li .txt_box{margin-top:28px;}
			.sub_about .certificate_list li .title{font-size:22px;color:#333;font-weight:700;letter-spacing:-1.1px;}
			.sub_about .certificate_list li .info{font-size:0;margin-top:9px;}
			.sub_about .certificate_list li .info span{display: inline-block;font-size:16px;color:#888;font-weight:400;letter-spacing:-0.32px;vertical-align: middle;}
			.sub_about .certificate_list li .info span + span{font-family:'Inter' !important;}
			.sub_about .certificate_list li .info span + span:before{width:1px;height:12px;content:"";background:#ddd;display: inline-block;vertical-align: middle;margin: 0 15px 4px;}

				/* over */
					@media only screen and (min-width:1024px){
						.sub_about .technology .tab_list li:hover{color:#fff; background:#f38d09; border-color:#f38d09;}
						.sub_about .technology .swiper-btn:hover{background-color:#f38d09; border-color:#f38d09;}
						.sub_about .technology .swiper-btn.swiper-button-prev:hover{background-image:url('/images/neweb/skin/main_visual_prev.png');}
						.sub_about .technology .swiper-btn.swiper-button-next:hover{background-image:url('/images/neweb/skin/main_visual_next.png');}
					}
				
			.sub_about .award_list{width:100%;box-sizing:border-box;position: relative;}
			.sub_about .award_list li{display:flex;box-sizing:border-box;padding:80px 60px;justify-content:space-between;position: relative;}
				.sub_about .award_list li:first-child{padding-top:0;}
				.sub_about .award_list li:before{content:"";position: absolute;box-sizing:border-box;border-radius:100%;background:#2846b2;}
				.sub_about .award_list li:before{animation-name: sub_visualBg; animation-duration:2s; animation-iteration-count:infinite; animation-direction:alternate;  animation-fill-mode: forwards;}
				.sub_about .award_list li:nth-of-type(2):before{width:400px;height:400px;left:-45.5%;top:-24%;}
				.sub_about .award_list li:nth-of-type(4):before{width:100px;height:100px;right:-21%;bottom:5%;}
				.sub_about .award_list li:nth-of-type(8):before{width:30px;height:30px;left:-15.5%;top:53%;}
				.sub_about .award_list li:nth-of-type(15):before{width:320px;height:320px;right:-43.5%;top:-42%;}
				.sub_about .award_list li:nth-of-type(20):before{width:200px;height:200px;left:-24.5%;top:-9%;}
				.sub_about .award_list li:nth-of-type(23):before{width:100px;height:100px;right:-19.5%;bottom:-3%;}
			.sub_about .award_list li + li{border-top:1px solid #eee;}
			.sub_about .award_list li .txt_box{width:57.4%; padding:18px 30px 0 0; box-sizing:border-box;}
			.sub_about .award_list li .title span{font-size:20px;color:#555;font-weight: 500;letter-spacing:-0.8px;}
			.sub_about .award_list li .title p{font-size:50px;color:#333;font-weight: 700;letter-spacing:-1px;margin-top: 16px;}
			.sub_about .award_list li .cont{margin-top:31px;}
			.sub_about .award_list li .cont dl{font-size:0;}
			.sub_about .award_list li .cont dl + dl{margin-top:13px;}
			.sub_about .award_list li .cont dl dt, .sub_about .award_list li .cont dl dd{display: inline-block;vertical-align: top;font-size:18px;font-family:'Inter', 'Noto Sans KR' !important;line-height:144%;letter-spacing:-0.36px;}
			.sub_about .award_list li .cont dl dt{font-weight:700;color:#333;width:95px;}
			.sub_about .award_list li .cont dl dt em{font-size:inherit;color:#2846b2;font-weight:inherit;}
			.sub_about .award_list li .cont dl dd{color:#777;font-weight:300; width:calc(100% - 95px);}
			.sub_about .award_list li .cont dl dd a{font-size:inherit;color:inherit;font-weight:inherit;}

			.sub_about .award_list li .thumb{position: relative;overflow:hidden;box-sizing:border-box;border-radius: 10px;box-shadow: 11.7px 18.7px 62px 0 rgba(61, 70, 85, 0.33);width: 42.6%;height: 0;padding-bottom: 29.63%;}
			.sub_about .award_list li .thumb a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
			.sub_about .award_list li .thumb img{width:101%; max-width:none; position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all 0.5s;}
			.sub_about .award_list li .thumb .ov_box{width:100%;height:100%;background:rgba(0,0,0,0.4);position: absolute;top:0;left:0; opacity:0; transition:all 0.4s;}
			.sub_about .award_list li .thumb .ov_box .plus{width:70px;height:70px;box-sizing:border-box;border-radius:100%;background:#2846b2;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
			.sub_about .award_list li .thumb .ov_box .plus:before{width:24px;height:2px;content:"";background:#fff;position: absolute;top:34px;left:23px;}
			.sub_about .award_list li .thumb .ov_box .plus:after{width:2px;height:24px;content:"";background:#fff;position: absolute;top:23px;left:34px;}

				/* over */
					@media only screen and (min-width:1024px){
						.sub_about .award_list li:hover .ov_box{opacity:1;}
						.sub_about .award_list li:hover .thumb img{transform:scale(1.05) translate(-50%,-50%);transform-origin:center;}
					}
			@media only screen and (max-width:1297px){
				.sub_about .certificate_list li .title{font-size:21px;}
				.sub_about .certificate_list li .thumb img{width:69%;}
				.sub_about .technology .swiper-btn{top:12vw;}
				.sub_about .award_list li{padding:6vw 4.5vw;}
				.sub_about .award_list li .title span{font-size:19px;}
				.sub_about .award_list li .title p{font-size:3.85vw;}
				.sub_about .award_list li .cont dl dt, .sub_about .award_list li .cont dl dd{font-size:17px;}
			}
			@media only screen and (max-width:1023px){
				.sub_about .technology .tab_list li{width:160px; height:45px; font-size:16px;}
				.sub_about .certificate_list li .title{font-size:20px;}
				.sub_about .certificate_list li .info span{font-size:15px;}
				.sub_about .technology .swiper-btn{width:45px; height:45px;}
				.sub_about .technology .swiper-btn.swiper-button-prev, .sub_about .technology .swiper-btn.swiper-button-next{background-size:7px auto;}
				.sub_about .award_list li{padding:60px 30px;}
				.sub_about .award_list li .txt_box{padding-top:10px;}
				.sub_about .award_list li .title span{font-size:18px;}
				.sub_about .award_list li .cont{margin-top:20px;}
				.sub_about .award_list li .cont dl + dl{margin-top:7px;}
				.sub_about .award_list li .cont dl dt, .sub_about .award_list li .cont dl dd{font-size:16px;}
				.sub_about .award_list li:before{display:none;}
			}
			@media only screen and (max-width:975px){
				.sub_about .award_list li .title span{font-size:17px;}
				.sub_about .award_list li .cont{margin-top:15px;}
				.sub_about .award_list li .cont dl + dl{margin-top:5px;}
				.sub_about .award_list li .cont dl dt, .sub_about .award_list li .cont dl dd{font-size:15px;}
				.sub_about .award_list li .cont dl dt{width:85px;}
				.sub_about .award_list li .cont dl dd{width:calc(100% - 85px);}
			}
			@media only screen and (max-width:860px){
				.our_company_info{padding-bottom:100px;}
				.sub_about .technology{padding-bottom:100px;}
				.sub_about .technology .tab_list{margin-top:0; margin-bottom:60px;}
				.sub_about .technology .tab_list li{width:140px;}
				.sub_about .certificate_list li .title{font-size:18px;}
				.sub_about .certificate_list li .info span{font-size:14px;}
				.sub_about .technology .swiper-btn{top:18vw; width:40px; height:40px;}
				.sub_about .technology .swiper-btn.swiper-button-prev, .sub_about .technology .swiper-btn.swiper-button-next{background-size:6px auto;}
				.sub_about .award_list li{padding:50px 0;}
				.sub_about .award_list li .title span{font-size:16px;}
				.sub_about .award_list li .title p{font-size:30px; margin-top:14px;}
				.sub_about .award_list li .cont dl dt, .sub_about .award_list li .cont dl dd{font-size:14px; line-height:142%;}
				.sub_about .award_list li .cont dl dt{width:75px;}
				.sub_about .award_list li .cont dl dd{width:calc(100% - 75px);}
			}
			@media only screen and (max-width:640px){
				.our_company_info{padding-bottom:70px;}
				.sub_about .technology{padding-bottom:70px;}
				.sub_about .technology .tab_list{margin-bottom:50px;}
				.sub_about .technology .tab_list li{width:120px; height:43px; font-size:15px; border-radius:5px;}
				.sub_about .certificate_list li .thumb img{box-shadow:1.7px 4.7px 15px 0 rgba(0, 0, 0, 0.15); width:auto;}
				.sub_about .certificate_list li .title{font-size:17px; line-height:145%;}
				.sub_about .technology .TechSwiper{padding-right:55vw; width:100%; overflow:visible; padding-bottom:40px;}
				.sub_about .technology .swiper-btn{display:none;}
				.sub_about .technology .swiper-pagination-progressbar{display:block;}
				.sub_about .certificate_list li .txt_box{margin-top:20px;}
				.sub_about .certificate_list li .info span + span:before{height:10px;}
				.sub_about .award_list li{flex-direction:column-reverse; flex-wrap:wrap;}
				.sub_about .award_list li .thumb{box-shadow:1.7px 4.7px 15px 0 rgba(61, 70, 85, 0.33); width:100%; padding-bottom:68%;}
				.sub_about .award_list li .thumb img{ height:101%; object-fit:cover;}
				.sub_about .award_list li .txt_box{width:100%; padding-top:18px;}

			}
			@media only screen and (max-width:479px){
				.sub_about .technology{padding-bottom:80px;}
				.sub_about .technology .tab_list{margin-bottom:40px;}
				.sub_about .technology .tab_list li{width:100%; height:41px; font-size:14px;}
				.sub_about .certificate_list li .title{font-size:16px;}
				.sub_about .certificate_list li .txt_box{margin-top:10px;}
				.sub_about .certificate_list li .info{margin-top:7px;}
				.sub_about .certificate_list li .info span{display:block;}
					.sub_about .certificate_list li .info span + span{margin-top:5px;}
					.sub_about .certificate_list li .info span + span:before{display:none;}
				.sub_about .award_list li{padding:40px 0;}
			}
			@media only screen and (max-width:431px){
				.sub_about .award_list li{padding:30px 0;}
			}
			@media only screen and (max-width:375px){
				.sub_about .award_list li{padding:25px 0;}
			}
			@media only screen and (max-width:374px){
				.sub_about .technology .tab_list li{height:38px; font-size:13px;}
				.sub_about .certificate_list li .title{font-size:15px;}
				.sub_about .technology .tab_list li{margin-right:10px;}
				.sub_about .award_list li .title span{font-size:15px;}
				.sub_about .award_list li .title p{font-size:27px;}
				.sub_about .award_list li .cont dl dt, .sub_about .award_list li .cont dl dd{font-size:13px;}
			}

		/* 연혁 */
			.sub_history_box{position: relative;padding-bottom:100px;font-size:0;}
			.sub_history_box .history_img{width: 50.44%;padding-right:5.2vw;position:sticky;top:150px;display: inline-block;vertical-align: top;box-sizing:border-box;}
			.sub_history_box .history_img .img_box{box-sizing:border-box;width:100%;height:31.25vw;transition:all 0.5s;overflow:hidden;border-radius:0 10px 0 0;}
			.sub_history_box .history_img .img_box.history01{background:url('/images/neweb/sub/hitory-img-01.jpg')no-repeat center;background-size:cover;}
			.sub_history_box .history_img .img_box.history02{background:url('/images/neweb/sub/hitory-img-02.jpg')no-repeat center;background-size:cover;}
			.sub_history_box .history_img .img_box.history03{background:url('/images/neweb/sub/hitory-img-03.jpg')no-repeat center;background-size:cover;}

			.sub_history_box .history_cont{width: 49.56%;display: inline-block;vertical-align: top;margin:0;}
			.sub_history_box .history_cont ol{border-left:1px solid #eee;}
			.sub_history_box .history_cont ol > li{position: relative;padding:0 30px 4.5vw 4vw;}
				.sub_history_box .history_cont ol > li:first-of-type{padding-top:23px;}
				.sub_history_box .history_cont ol > li:first-of-type:after{top:54px;}
				.sub_history_box .history_cont ol > li:first-of-type.on:after{top:50px;}
				.sub_history_box .history_cont ol > li:last-of-type{padding-bottom:44px;}
				.sub_history_box .history_cont ol > li:before{width:1px;height:0;content:"";background:#2846b2;position: absolute;top:0;left:-1px;transition:all 0.7s;}
			.sub_history_box .history_cont ol > li:after{width:5px;height:5px;content:"";box-sizing:border-box;border-radius:100%;background:#2846b2;left:-3px;top:28px;position: absolute;}
			.sub_history_box .history_cont ol li .year{font-size:40px;color:#333;font-weight:700;font-family:'Inter' !important;letter-spacing:-0.8px;}
			.sub_history_box .history_cont ol li dl{margin-top:33px;}
			.sub_history_box .history_cont ol li dl dd{width: 100%;margin-left:8px;}
			.sub_history_box .history_cont ol li dl dd ul li{font-size:18px;color:#222;font-weight: 500;line-height: 50px;line-height:150%;position: relative;padding-left:16px;letter-spacing:-0.9px;}
				.sub_history_box .history_cont ol li dl dd ul li + li{margin-top: 18px;}
			.sub_history_box .history_cont ol li dl dd ul li strong{color:#3b56b9;font-weight:400;}
			.sub_history_box .history_cont ol li dl dd ul li:before{width:4px;height:4px;content:"";background:#aaa;position: absolute;left:0;top: 10px;box-sizing:border-box;border-radius:100%;}	
			.sub_history_box .history_cont ol li dl dd ul li a{display: block;font-size:16px;color:#777;font-weight:300;font-family:'Inter' !important;line-height:initial;letter-spacing:0;margin-top: 8px;}
			.sub_history_box .history_cont ol li .logo_box{}
			.sub_history_box .history_cont ol li .logo_box .logo{font-size:0;display:flex;margin-top:10px;}
			.sub_history_box .history_cont ol li .logo_box .logo .img{display:flex;align-items: center;justify-content: center;box-sizing:border-box;vertical-align: top;width:220px;border-radius:10px;background:#fff; box-shadow: 3.8px 8.2px 24px 0 rgba(0, 0, 0, 0.16);overflow:hidden;}
			.sub_history_box .history_cont ol li .logo_box .logo .img + .img{margin-left:20px;}
			.sub_history_box .history_cont ol li .logo_box .logo .img img{max-width:100%;}
			
			.sub_history_box .history_cont .his_ab{position:absolute; bottom:0; left:0; transition:none; transform:none;}

			/*on*/
				.sub_history_box .history_cont ol > li.on:before{height:calc(100% + 28px);transition:all 0.7s;}
				.sub_history_box .history_cont ol > li.on:after{box-shadow:0px 0 0px 5px rgba(40,70,178,0.2);}

			@media only screen and (max-width:1700px){
				.sub_history_box .history_cont{width:45.8%;}
				.sub_history_box .history_img{width:54.2%;}
			}
			@media only screen and (max-width:1500px){
				.sub_history_box .history_cont ol li .logo_box .logo .img{width:calc(50% - 10px);}
				.sub_history_box .history_cont ol li dl dd ul li{font-size:16px;}
			}
			@media only screen and (max-width:1297px){
				.sub_history_box .history_cont ol li .year{font-size:37px;}
				.sub_history_box .history_cont ol li dl{margin-top:25px}
			}
			@media only screen and (max-width:1023px){
				.sub_history_box .history_cont ol li .year{font-size:34px;}
				.sub_history_box .history_cont ol li dl{margin-top:20px;}
				.sub_history_box .history_cont ol li dl dd ul li{font-size:15px;}
					.sub_history_box .history_cont ol li dl dd ul li:before{top:8px;}
					.sub_history_box .history_cont ol li dl dd ul li + li{margin-top:15px;}
				.sub_history_box .history_cont ol li dl dd ul li a{font-size:14px; margin-top:5px;}
			}
			@media only screen and (max-width:860px){
				.sub_history_box{padding-bottom:60px;}
				.sub_history_box .history_img{padding-right:30px;}
				.sub_history_box .history_cont ol > li{padding:0 15px 40px 30px;}
				.sub_history_box .history_cont ol li .year{font-size:31px;}
				.sub_history_box .history_cont ol li dl{margin-top:15px;}
				.sub_history_box .history_cont ol li dl dd ul li{font-size:14px;}
					.sub_history_box .history_cont ol li dl dd ul li:before{top:8px;}
					.sub_history_box .history_cont ol li dl dd ul li + li{margin-top:10px;}
				.sub_history_box .history_cont ol li dl dd ul li a{font-size:13px; margin-top:5px;}
			}
			@media only screen and (max-width:767px){
				.sub_history_box .history_cont ol li dl dd ul li a{font-size:12px;}
			}
			@media only screen and (max-width:640px){
				.sub_history_box{padding-bottom:40px;}
				.sub_history_box .history_img{display:none;}
				.sub_history_box .history_cont{display:block; width:calc(100% - 30px); margin:0 auto;}
				.sub_history_box .history_cont ol > li{padding-right:0;}
					.sub_history_box .history_cont ol > li:first-of-type{padding-top:10px;}
					.sub_history_box .history_cont ol > li:first-of-type.on:after{top:20px;}
					.sub_history_box .history_cont ol > li:after{top:13px;}
					.sub_history_box .history_cont ol > li.on:before{height:calc(100% + 13px);}
				.sub_history_box .history_cont ol li .year{font-size:27px;}
				.sub_history_box .history_cont ol li dl{margin-top:10px;}
				.sub_history_box .history_cont ol li dl dd{margin-left:0;}
				.sub_history_box .history_cont ol li .logo_box .logo .img{border-radius:5px; box-shadow:1.9px 4.1px 12px 0 rgba(0, 0, 0, 0.16);}
				.sub_history_box .history_cont .his_ab{bottom:-200px;}
			}
			@media only screen and (max-width:479px){
				.sub_history_box{padding-bottom:20px;}
				.sub_history_box .history_cont ol li .year{font-size:23px;}
				.sub_history_box .history_cont ol li dl{margin-top:5px;}
				.sub_history_box .history_cont ol li dl dd ul li{line-height:143%; padding-left:9px; font-weight:700;}
				.sub_history_box .history_cont ol li dl dd ul li:before{width:2px; height:2px; top:9px;}
			}
			@media only screen and (max-width:431px){
				.sub_history_box .history_cont ol li .year{font-size:20px;}
			}
			@media only screen and (max-width:374px){
				.sub_history_box .history_cont ol > li{padding-left:25px;}
				.sub_history_box .history_cont ol li .year{font-size:19px;}
				.sub_history_box .history_cont ol li dl dd ul li{font-size:13px;}
			}
			
/*───────────────────────────────────────────────────────────

	 service | event
	 
───────────────────────────────────────────────────────────*/
	/*visual*/
	.sub_event .main_visual .slick-slide{display:block;}
	.sub_event .main_visual .slick-slide .txt_box h5{font-weight:500;}
	.sub_event .main_visual .slick-slide .txt_box h3{font-size:70px;line-height:1.29;margin:27px 0 56px;}
	.sub_event .main_visual .slick-slide .txt_box h3 strong{color:#31afff;}
	.sub_event .main_visual .slick-slide .txt_box p{font-size:20px;color:#fff;font-weight:400;line-height:1.6;}
	.sub_event .main_visual .slick-slide .txt_box .more_btn{margin-top:53px;}
	
	/*benefit*/
	#wrap .event_benefit{margin-top:120px;display: flex;flex-wrap:wrap;align-items: center;gap:0 80px;padding-bottom:70px;}
	.event_benefit .title{text-align:left;width:calc(42.2% - 80px);}
	.event_benefit .title h3{font-size:45px;color:#222;font-weight:800;line-height:1.4;}
	.event_benefit .title h3 strong{font-size:inherit;color:#f33e0d;font-weight:inherit;}
	.event_benefit .title p{font-size:16px;color:#666;font-weight:400;line-height:1.75;margin-top:19px;}
	.event_benefit .list{width:57.8%;display: flex;flex-wrap:wrap;gap:20px 20px;}
	.event_benefit .list li{width:calc(100% / 3 - 14px);box-sizing:border-box;border-radius:10px;box-shadow:0 0 18px 0 rgba(0,0,0,0.09);display: flex;flex-direction: column;align-items: center;text-align: center;padding:30px 15px;}
	.event_benefit .list li span{display: inline-flex;box-sizing:border-box;width:34px;height:34px;border-radius:100%;background:rgba(243,62,13,0.1);align-items: center;justify-content:center;text-align: center;font-size:14px;color:#f33e0d;font-weight:800;}
	.event_benefit .list li p{font-size:20px;color:#333;font-weight:800;line-height:1.5;margin-top:26px;}
	.event_benefit .list li p strong{font-size:inherit;color:#f33e0d;font-weight:inherit;}
	
	/*package*/
	.sub_event .main_package{margin-top:190px;}
	
	/*procedure*/
	.sub_event .main_procedure{margin-top:140px;}
	.sub_event .main_procedure .procedure_list li.on{width:45%;}
	.sub_event .main_procedure .procedure_list li:nth-child(1):before{width:66px; height:66px; background:url('/images/neweb/sub/event_procedure_icon01.png') no-repeat center;}
	.sub_event .main_procedure .procedure_list li:nth-child(2):before{width:64px; height:61px; background:url('/images/neweb/skin/main_procedure_icon01.png') no-repeat center;}
	.sub_event .main_procedure .procedure_list li:nth-child(3):before{width:60px; height:58px; background:url('/images/neweb/skin/main_procedure_icon02.png') no-repeat center;}
	.sub_event .main_procedure .procedure_list li:nth-child(4):before{width:68px; height:60px; background:url('/images/neweb/skin/main_procedure_icon03.png') no-repeat center; background-size:100% auto;}
	.sub_event .main_procedure .procedure_list li:nth-child(5):before{width:57px; height:55px; background:url('/images/neweb/skin/main_procedure_icon04.png') no-repeat center;}
	.sub_event .main_procedure .procedure_list li:nth-child(6):before{width:65px; height:60px; background:url('/images/neweb/skin/main_procedure_icon05.png') no-repeat center;}
	
	/*faq*/
	.sub_event .faq_box{margin-top:120px;}
	.sub_event .faq_box .main_tittle{margin-bottom:40px;}
	
	/*ft bnr*/
	.main_ftr_bnr .main_tittle.sub_ft_bnr{flex-direction: column;}
	.main_ftr_bnr .main_tittle.sub_ft_bnr p{font-size:18px;color:#fff;font-weight:400;}
	.main_ftr_bnr .main_tittle.sub_ft_bnr h6{margin:20px 0 30px;}
	
	@media only screen and (max-width:1317px){
		/*visual*/
		.sub_event .main_visual .slick-slide .txt_box h3{font-size:5vw;margin:20px 0 40px;}
		.sub_event .main_visual .slick-slide .txt_box p{font-size:18px;}
		.sub_event .main_visual .slick-slide .txt_box .more_btn{margin-top:30px;}
		
		/*package*/
		.sub_event .main_package{margin-top:150px;}
	}
	@media only screen and (max-width:1297px){
		/*procedure*/
		.sub_event .main_procedure .procedure_list li:nth-child(1):before{width:4.7vw; height:4.7vw; }
		.sub_event .main_procedure .procedure_list li:nth-child(2):before{width:4.93vw; height:4.7vw; }
		.sub_event .main_procedure .procedure_list li:nth-child(3):before{width:4.62vw; height:4.47vw;}
		.sub_event .main_procedure .procedure_list li:nth-child(4):before{width:5vw; height:4.5vw;}
		.sub_event .main_procedure .procedure_list li:nth-child(5):before{width:4.39vw; height:4.2vw;}
		.sub_event .main_procedure .procedure_list li:nth-child(6):before{width:5vw; height:4.62vw;}
	}
	@media only screen and (max-width:1200px){
		/*benefit*/
		#wrap .event_benefit{gap:0 40px;padding-bottom:50px;}
		.event_benefit .title{width:calc(42.2% - 40px);}
		.event_benefit .list li p br{display: none;}
	}
	@media only screen and (max-width:1024px){
		/*benefit*/
		#wrap .event_benefit{margin-top:100px;}
		.event_benefit .title h3 br, .event_benefit .title p br{display: none;}
		
		/*package*/
		.sub_event .main_package{margin-top:120px;}
		
		/*procedure*/
		.sub_event .main_procedure{margin-top:100px;}
		
		/*faq*/
		.sub_event .faq_box{margin-top:100px;}
		.sub_event .faq_box .main_tittle{margin-bottom:30px;}
	}
	@media only screen and (max-width:860px){
		/*benefit*/
		#wrap .event_benefit{gap:40px 0;}
		.event_benefit .title{width:100%;}
		.event_benefit .title p br{display:inline;}
		.event_benefit .list{width:100%;}
		
		/*package*/
		.sub_event .main_package{margin-top:100px;}
		
		/*procedure*/
		.main_procedure .procedure_list li.on dl dt{font-size:10px;}
		
		/*ft bnr*/
		.main_ftr_bnr .main_tittle.sub_ft_bnr p{font-size:16px;}
		.main_ftr_bnr .main_tittle.sub_ft_bnr h6{margin:15px 0 20px;}
	}
	@media only screen and (max-width:640px){
		/*visual*/
		.sub_event .main_visual .slick-slide .txt_box h3{font-size:35px;margin:15px 0 25px;width:75%;}
		.sub_event .main_visual .slick-slide .txt_box p{font-size:16px;}
		.sub_event .main_visual .slick-slide .txt_box .more_btn{margin-top:20px;}
		
		/*benefit*/
		.event_benefit .title h3{font-size:35px;}
		.event_benefit .title p{font-size:15px;}
		.event_benefit .list li p{font-size:18px;margin-top:15px;}
		
		/*package*/
		.sub_event .main_package{margin-top:80px;}
		
		/*procedure*/
		.sub_event .main_procedure{margin-top:80px;}
		.sub_event .main_procedure .procedure_list li.on{width:100%;}
		.sub_event .main_procedure .procedure_list li.on dl dt{font-size:15px;}
		
		.sub_event .main_procedure .procedure_list li:nth-child(1):before{width:37px; height:37px; }
		.sub_event .main_procedure .procedure_list li:nth-child(2):before{width:38px; height:37px; }
		.sub_event .main_procedure .procedure_list li:nth-child(3):before{width:36px; height:35px;}
		.sub_event .main_procedure .procedure_list li:nth-child(4):before{width:38px; height:31px;}
		.sub_event .main_procedure .procedure_list li:nth-child(5):before{width:34px; height:33px;}
		.sub_event .main_procedure .procedure_list li:nth-child(6):before{width:39px; height:36px;}
		.sub_event .main_procedure .procedure_list li.on:nth-child(1):before{background-image:url('/images/neweb/sub/event_procedure_icon01_on.png');}
		.sub_event .main_procedure .procedure_list li.on:nth-child(2):before{background-image:url('/images/neweb/skin/main_procedure_icon01_on.png');}
		.sub_event .main_procedure .procedure_list li.on:nth-child(3):before{background-image:url('/images/neweb/skin/main_procedure_icon02_on.png');}
		.sub_event .main_procedure .procedure_list li.on:nth-child(4):before{background-image:url('/images/neweb/skin/main_procedure_icon03_on.png');}
		.sub_event .main_procedure .procedure_list li.on:nth-child(5):before{background-image:url('/images/neweb/skin/main_procedure_icon04_on.png');}
		.sub_event .main_procedure .procedure_list li.on:nth-child(6):before{background-image:url('/images/neweb/skin/main_procedure_icon05_on.png');}
		
		/*faq*/
		.sub_event .faq_box{margin-top:80px;}
		.sub_event .faq_box .main_tittle{margin-bottom:20px;}
		
		/*ft bnr*/
		.main_ftr_bnr .main_tittle.sub_ft_bnr h6{margin:10px 0 0;}
	}
	@media only screen and (max-width:479px){
		/*visual*/
		.sub_event .main_visual .slick-slide .txt_box h3{font-size:28px;width:90%;}
		.sub_event .main_visual .slick-slide .txt_box h3 br{display: none;}
		.sub_event .main_visual .slick-slide .txt_box p{font-size:14px;}
		
		/*benefit*/
		#wrap .event_benefit{margin-top:70px;gap:25px 0;padding-bottom:30px;}
		.event_benefit .title h3{font-size:28px;}
		.event_benefit .title p{margin-top:10px;font-size:14px;}
		.event_benefit .title p br{display: none;}
		.event_benefit .list{gap:15px;}
		.event_benefit .list li{width:calc(50% - 7.5px);padding:20px 15px;border-radius:5px;}
		.event_benefit .list li span{width:30px;height:30px;font-size:12px;}
		.event_benefit .list li p{font-size:16px;margin-top:12px;}
		
		/*package*/
		.sub_event .main_package{margin-top:60px;}
		
		/*procedure*/
		.sub_event .main_procedure{margin-top:60px;}
		
		/*faq*/
		.sub_event .faq_box{margin-top:60px;}
		
		/*ft bnr*/
		.main_ftr_bnr .main_tittle.sub_ft_bnr p{font-size:14px;}
		
	}

/* ===== 원본 skin.css ===== */
/*───────────────────────────────────────────────────────────
	
	header, footer, main 관련 작성 css 파일입니다.

	** 이와 서브페이지 관련 css는 /css/sub.css 에 있습니다.

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
#wrap {position:relative;height:100%;width:100%;margin:0;padding:0; overflow:hidden;} /* #header 와 #container, #footer 전체 감싸는 영역 */
#wrap #header {width:100%;margin:0;overflow: visible;}
#wrap #container {width:100%;margin:0;padding:0;}
	@media only screen and (min-width:1024px) {
		#container {padding-top:0 !important;}
	}
#wrap #footer {width:100%;margin:0;}
	/* #container 안의 레이아웃 */
#contents_wrap {width:1280px;margin:0 auto;padding:0;position:relative;z-index:1;box-sizing:border-box;} /* #container 안의 컨텐츠 감싸는 영역 */
#contents_wrap #side_box {width:100%;padding:110px 0 0 0;box-sizing:border-box;} /* lnb 감싸는 영역 */
#contents_wrap #contents_box {width:100%;padding:110px 0 0 0;box-sizing:border-box;} /* 컨텐츠를 감싸는 영역 */
#contents_wrap #side_box + #contents_box {padding-top:0;} /* lnb와 컨텐츠가 float 일때 사이즈 재설정 */
	/* navigation layout */
#contents_wrap .nav_wrap {box-sizing:border-box;}
	/* #content */
#content {width:100%;margin:0;padding:0;text-align:left;box-sizing:border-box;} /* navigation 을 제외한 컨텐츠 */
#content .sub_content{width:100%;margin:0 auto;background:#fff;box-sizing:border-box;}
#content .sub_content:after {clear:both;content:"";display:block;}
	/* 컨텐츠 전체 가로 사이즈 */
.w_custom {position:relative; width:1280px; margin:0 auto; box-sizing:border-box; }

@media only screen and (max-width:1297px) {
	body.on {height:100%;overflow:hidden;}
	#contents_wrap, .w_custom{width:calc(100% - 30px);}
}
@media only screen and (max-width:1200px) {
	
}
@media only screen and (max-width:1023px) {
	#contents_wrap #side_box {padding: 85px 0 0 0;}
}
@media only screen and (max-width:860px) {
	#contents_wrap #side_box {padding: 85px 0 0 0;}
}
@media only screen and (max-width:767px) {
	#contents_wrap #side_box {display:none;}
	.sub_goods #contents_wrap #side_box {display:block;padding:0;}
}
@media only screen and (max-width:640px) {
}
@media only screen and (max-width:320px) {
	#contents_wrap, .w_custom{width:calc(100% - 20px);}
}



/*───────────────────────────────────────────────────────────
	메인 상품 진열 
───────────────────────────────────────────────────────────*/
/* 메인상품진열 - 공통 */
.main .list_cont {}
.main .list_cont ul {font-size:0;width:calc(100% + 15px);margin-left:-15px;}
.main .list_cont ul li {display:inline-block;margin-left:15px;vertical-align:top;}
.main .list_cont ul li a {display:block;height:100%;}
.main .list_cont ul li .thumb {}
.main .list_cont ul li .thumb img {max-width:100%;width:100%;}
.main .list_cont ul li .info {}
.main .list_cont ul li .info p {color:#333;line-height:1.2;}
.main .list_cont ul li .info .name {font-size:14px;}

/* 메인상품진열 - 갤러리형 */
.main .list_Galleryform {}
.main .list_Galleryform ul {text-align:left;} 
.main .list_Galleryform ul li {width:calc(25% - 15px);}
.main .list_Galleryform ul li:nth-of-type(n+5) {margin-top:40px;}
.main .list_Galleryform ul li .thumb {}
.main .list_Galleryform ul li .thumb img {}
.main .list_Galleryform ul li .info {margin-top:10px;}
.main .list_Galleryform ul li .info p {}
.main .list_Galleryform ul li .info .name {}

/* 메인상품진열 - 리스트형 */
.main .list_Listform {}
.main .list_Listform ul {} 
.main .list_Listform ul li {width:calc(50% - 15px);}
.main .list_Listform ul li a {width:100%;display:table;}
.main .list_Listform ul li:nth-of-type(n+3) {margin-top:40px;}
.main .list_Listform ul li .thumb,
.main .list_Listform ul li .info {display:table-cell;vertical-align:middle;width:50%;box-sizing:border-box;}
.main .list_Listform ul li .thumb {}
.main .list_Listform ul li .thumb img {}
.main .list_Listform ul li .info {border:1px solid #ddd;padding:0 15px;}
.main .list_Listform ul li .info p {}
.main .list_Listform ul li .info .name {}


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

	/* 메인상품진열 - 갤러리형 */
	.main .list_Galleryform ul li {width:calc(50% - 15px);}
	.main .list_Galleryform ul li:nth-of-type(n+3) {margin-top:40px;}
	
	/* 메인상품진열 - 리스트형 */
	.main .list_Listform ul li {width:calc(100% - 15px);}
	.main .list_Listform ul li:nth-of-type(n+2) {margin-top:40px;}
}



/*───────────────────────────────────────────────────────────
	sub custom
───────────────────────────────────────────────────────────*/
/*** company/history (연혁) ***/
	/* 연도 */
.sub_history.history1 .history_box .his_year .year strong {background:#4aabe6;}
/* 원 */.sub_history.history1 .history_box .his_year .year::before {background-color:#4aabe6;}
/* 삼각형 */.sub_history.history1 .history_box .his_year .year strong::after {border-bottom:12px solid #4aabe6;border-color:#4aabe6 !important;}

/*** company/history2 (연혁2) ***/
	/* 연도 */
.sub_history.history2 .history_box .his_year .year strong {color:#4aabe6;}
.sub_history.history2 .history_box .his_year .year strong::before {background:#4aabe6;}
.sub_history.history2 .history_box .his_year .year strong::after {border-color:#4aabe6;}

/*** company/history3 (연혁3) ***/
	/* 연도 */
.sub_history.history3 .history_box table.history span {color:#49abe6;}

/*** company/work (조직도1번) ***/
.sub_chart.chart1 .chart .chart_box h3 + h3 {background:#ffa531;}

/*** company/work (조직도2번) ***/ /* :before 요소는 라인, :after 요소는 원형 */
.sub_chart.chart2 .chart h3 {box-shadow:0 0 0 20px #f2fafd;border:2px #0095da solid;}
.sub_chart.chart2 .chart h3:before{border-color:#0095da;}
.sub_chart.chart2 .chart h4{border-color:#0095da;0 0 0 8px #f2fafd;}
.sub_chart.chart2 .chart h3:after,
.sub_chart.chart2 .chart h4:after,
.sub_chart.chart2 .chart li.chart_side li h5:after{border-color:#0095da;}

	@media only screen and (max-width:479px) {
		/* 삼각형 */.sub_history.history1 .history_box .his_year .year strong::after {border-bottom:8px solid #4aabe6;}
	}
/*───────────────────────────────────────────────────────────

	 HEADER | outline/header.html, outline/nav.html

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

	/* 일반 */
		#header {position:fixed;width:100%;background:#fff;z-index:9;transition:all 0.4s;border-bottom:1px solid #eee;}
		#header .header_inner {width: calc(100% - 103px);margin:0 auto;max-width: 1800px;padding: 0;height: 100px;display: flex;align-items: center;}
		#header .hd_logo {display:inline-block;}
		#header .hd_logo a {width: 210px;height: 42px;background:url('/images/neweb/skin/hd_logo.png') no-repeat center;display:inline-block;background-size: 100%;vertical-align: middle;transition:all 0.4s;}
		#header .hd_lnb {display: inline-block;margin-left: 74px;vertical-align: middle;font-size: 0;height: 100%;}
		#header .hd_lnb > ul {display:flex;position:relative;}
		#header .hd_lnb > ul > li {width:auto;font-size: 18px;line-height:1;font-weight: 400;color:#333;position:relative;float:left;letter-spacing: -0.3px;transition:all 0.4s;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;margin-right:36px;height: 100%;display: flex;align-items: center;}
			#header .hd_lnb > ul > li.home{display:none;}
			#header .hd_lnb > ul > li:nth-child(6) > a, #header .hd_lnb > ul > li:nth-child(9) > a{color:#f38d09 !important;font-weight: 500;}
				#header .hd_lnb > ul > li:nth-child(6) > a:after, #header .hd_lnb > ul > li:nth-child(9) > a:after{opacity:1;}
			#header .hd_lnb > ul > li:last-child{margin-right:0;}
			#header .hd_lnb > ul > li:before{position:absolute; content:''; width:0; height:2px; background:#f38d09; left:0; bottom:0; transition:all 0.4s;}
			#header .hd_lnb > ul > li:nth-child(6):before, #header .hd_lnb > ul > li:nth-child(9):before{left: 16px;}
			#header .hd_lnb > ul > li:nth-child(6) > a:before, #header .hd_lnb > ul > li:nth-child(9) > a:before{content:'';display: inline-block;width:1px;height:14px;background:#ddd;margin: 0 30px 0 0;transition:all 0.4s;}
		#header .hd_lnb ul li a {position:relative; font-size:inherit;font-weight:inherit;color:inherit;}	
			#header .hd_lnb > ul > li:nth-child(6) > a:after, #header .hd_lnb > ul > li:nth-child(9) > a:after{content:'';position:absolute;width: 5px;height: 5px;background:#f38d09;border-radius:100%;right: -11px;top: -1px;margin-left:-1.5px;opacity: 0;transition:all 0.4s;}
			#header .hd_lnb > ul > li.on > a {color:#f38d09;}
			#header .hd_lnb > ul > li.on > a:after{opacity:1;}
		
		#wrap #header .hd_lnb .hd_lnb_dep2{display: none;height: auto;position: absolute;text-align: center;width: max-content;box-sizing: border-box;top: 100%;left: 50%;transform: translateX(-50%);background: #fff;padding: 8px 0; border:1px solid #ddd; border-radius:5px; overflow:hidden; min-width:120px; box-shadow:5px 5px 10px rgba(0,0,0,0.1);}
		#wrap #header .hd_lnb .hd_lnb_dep2 > li{display:block;color:#999;text-align:center;font-size: 15px;float: none;width: max-content;margin: 0 auto;box-sizing: border-box;background: #fff;padding: 8px 20px;}
		#wrap #header .hd_lnb .hd_lnb_dep2 > li > a{display:block;}

			#wrap #header .hd_lnb > ul > li:last-child .hd_lnb_dep2{display:none !important;}
			#wrap #header .hd_lnb > ul > li:nth-child(6) .hd_lnb_dep2{left: calc(50% + 16px);}
			
			/* 키프레임 */
				#header .hd_lnb > ul > li:nth-child(6) > a:after, #header .hd_lnb > ul > li:nth-child(9) > a:after{animation-name: Opacity; animation-duration:1s; animation-iteration-count:infinite; animation-direction:alternate;  animation-fill-mode: forwards;}
				@-webkit-keyframes Opacity {0% {opacity:0;}100% {opacity:1;}}

			/* 오버 */
				@media only screen and (min-width:1024px){
					#header .hd_lnb > ul > li:hover:before{width:100%;}
					#header .hd_lnb > ul > li:hover > a{color:#f38d09;}
					#header .hd_lnb > ul > li:hover > a:after {opacity:1;}
					#wrap #header .hd_lnb .hd_lnb_dep2 > li:hover{color:#333;}
				}

		#header .hd_gnb {display:inline-block;position: absolute;right: 50px;}
		#header .hd_gnb ul {vertical-align:middle;}
		#header .hd_gnb ul li {display:inline-block;}
		#header .hd_gnb ul li + li {margin-left:30px;}
		#header .hd_gnb ul li a {font-size:15px;line-height:1;font-weight:400;color:#888;transition:all 0.4s; font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		#header .hd_gnb ul li.cs {margin-left: 41px;}
		#header .hd_gnb ul li.cs a {display:inline-block;height:50px;font-size:18px;line-height:50px;font-weight: 500;color: #fff !important;letter-spacing:-0.36px;padding: 0 20px;background: #f38d09;border-radius:25px;font-family:'Montserrat', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		#header .hd_gnb ul li.cs a:before {content:'';display:inline-block;width:16px;height:20px;background:url('/images/neweb/skin/hd_tel_icon.png') no-repeat center;margin-right:9px;vertical-align:middle;}

		#header .quick_btn{position:fixed; right:-50px; bottom:45px; opacity:0; transition:all 0.4s;}
		#header.on .quick_btn{opacity:1; right:45px;}
		#header.end .quick_btn{/*opacity:0 !important; right:-50px !important;*/}
		#header .quick_btn ul{}
		#header .quick_btn ul li{}
			#header .quick_btn ul li + li{margin-top:10px;}
		#header .quick_btn a, #header .quick_btn button{display:inline-flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:100%; box-shadow: 0px 2px 9px 0 rgba(1, 1, 1, 0.20);}
		#header .quick_btn .inquire_btn{background:#f38d09; font-size:13px; font-weight:900; color:#fff; line-height:123%;}
		#header .quick_btn .top_btn {background: #555555 url('/images/neweb/skin/icon_top.png') no-repeat center;font-size:0;}

		#header .menu-trigger{display:none; position:absolute; top:24px; right:15px; width:37px; height:36px; background:url('/images/neweb/skin/menu-trigger.png') no-repeat center;  background-size:100% auto;}


		/* bg */
			@media only screen and (min-width:1024px){
				#wrap #header {background:none;border:0;}
				#wrap #header .hd_logo a {background:url('/images/neweb/skin/hd_logo_wh.png') no-repeat center;background-size: 100%;}
				#wrap #header .hd_lnb ul + ul:before {background:#fff;opacity:0.5;}
				#wrap #header .hd_lnb ul li {color:#fff;}
				#wrap #header .hd_gnb ul li a {color:#fff;}
				#wrap #header .hd_lnb > ul > li:nth-child(6) > a:before{background:rgba(255,255,255,0.5);}
			}

		/* 메인 오버시 */
			@media only screen and (min-width:1024px){
				#wrap #header.over {background:#fff;}
				#wrap #header.over .hd_logo a {background:url('/images/neweb/skin/hd_logo.png') no-repeat center;background-size:100%;}
				#wrap #header.over .hd_lnb ul + ul:before {background:#ccc;opacity:1;}
				#wrap #header.over .hd_lnb ul li {color:#333;}
				#wrap #header.over .hd_gnb ul li a {color:#888;}
				#wrap #header.over .hd_lnb > ul > li:nth-child(6) > a:before{background:#ddd;}
			}
		
		/* 스크롤시 */
			#wrap #header.on {background:#fff;box-shadow:0 3px 6px rgba(85,85,85,0.12);}
			#wrap #header.on .hd_logo a {background:url('/images/neweb/skin/hd_logo.png') no-repeat center;background-size:100%;}
			#header.on .hd_lnb ul + ul:before {background:#ccc;opacity:1;}
			#wrap #header.on .hd_lnb ul li {color:#333;}
			#wrap #header.on .hd_gnb ul li a {color:#888;}
			#wrap #header.on .hd_lnb > ul > li:nth-child(6) > a:before{background:#ddd;}

	/* aside */
		#aside {top:0px;right:-420px;width:420px;transition:0.8s;height:100%;box-sizing:border-box;box-sizing:border-box;position:fixed;z-index: 99999;}
		#aside.on {right:0%;}

		.aside_bg {left:0px;top:0px;bottom:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;transition:0.8s;z-index:50;position:fixed; pointer-events:none;}
		.aside_bg.on {opacity:1; pointer-events:inherit;}
	
		#wrap nav .left_close {position:absolute;top: 15px;right: calc(100% + 15px);width: 18px;height: 18px; background:url('/images/neweb/skin/icon_left_x.png') no-repeat center; background-size:100%; z-index:1002; cursor:pointer; opacity:0; pointer-events:none; transition:all 1s;}
			#wrap nav.on .left_close{opacity:1; pointer-events:inherit; }
		#wrap nav .nav_bg_box {position:relative;height: 100%;}
		#wrap nav .nav_bg_box .nav_box {width: 100%;height:100%;margin:0 -80% 0 0;background:#fff;}
		#wrap nav .nav_bg_box .nav_box .nav_iscroll_box {position:absolute; overflow: hidden; width:100%; height:100%;padding:25px 20px;box-sizing:border-box; overflow-y:scroll;}
		#wrap nav .nav_login {}
		#wrap nav .nav_login .left_logo {width:155px; margin-bottom:20px;}
		#wrap nav .nav_login .left_logo img {width:100%;}
		#wrap nav .nav_login ul {margin:25px 0 20px;}
		#wrap nav .nav_login ul li {display:inline-block;font-size:0;position:relative;}
		#wrap nav .nav_login ul li + li {margin-left:15px;padding-left:19px;}
		#wrap nav .nav_login ul li + li:before {content:'';display:block;position:absolute;width:1px;height:10px;background:#dddddd;left:0;top:50%;margin-top:-5px;}
		#wrap nav .nav_login ul li a {font-size:15px;line-height:1;font-weight:400;color:#666;}
		#wrap nav .nav_category {border-top:1px solid #333333;}
		#wrap nav .nav_category .nav_cate {padding:13px 0;}
		#wrap nav .nav_category .nav_cate .header_lnb {}
		#wrap nav .nav_category .nav_cate .header_lnb ul {}
		#wrap nav .nav_category .nav_cate .header_lnb ul li {position:relative; font-size:16px;line-height:50px;font-weight:500;color:#333;letter-spacing:-0.065px;}
			#wrap nav .nav_category .nav_cate .header_lnb ul li.child:before{position:absolute;content:'';width:7px;height:7px;border:1px solid #fff0;border-bottom-color: #aaa;border-right-color: #aaa;top: 17px;right:0;transform: rotate(45deg);}
			#wrap nav .nav_category .nav_cate .header_lnb ul li.child.on:before{top:20px; border-bottom-color: #f38d09;border-right-color: #f38d09; transform:rotate(225deg);}
			#wrap nav .nav_category .nav_cate .header_lnb ul li + li {}
		#wrap nav .nav_category .nav_cate .header_lnb ul li a {font-size:inherit; font-weight:inherit; color:inherit;}
		#wrap nav .nav_category .nav_cate .header_lnb .hd_lnb_dep2{display:none; padding:0 0 10px;}
		#wrap nav .nav_category .nav_cate .header_lnb .hd_lnb_dep2 li{font-size: 14px;line-height: 28px;padding: 0 10px;color: #999;}
		#wrap nav .nav_cs {margin-top:10px;padding:40px 0 70px;position:relative;}
			#wrap nav .nav_category .nav_cate .header_lnb .hd_lnb_dep2 li + li{margin-top:5px;}
		#wrap nav .nav_cs:before {content:'';display:block;position:absolute;width:calc(100% + 40px);margin-left:-20px;height:11px;background:#f5f5f5;top:0;}
		#wrap nav .nav_cs dl dt {font-size:15px;line-height:1;font-weight:600;color:#333;margin-bottom:17px;font-family:'Montserrat','NanumSquareRound';}
		#wrap nav .nav_cs dl dd p {font-size:14px;line-height:1.5;font-weight:400;color:#666666;padding-top:22px;}
		#wrap nav .nav_cs dl dd p a {font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;}
		#wrap nav .nav_cs dl dd strong {font-size:25px;line-height:1;font-weight:600;color:#f38d09;letter-spacing:-0.5px;font-family:'Montserrat','NanumSquareRound';}
		#wrap nav .nav_cs dl dd strong a {font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;}


	@media only screen and (max-width:1650px) {
		#header .header_inner {width:calc(100% - 30px);padding-left:15px;padding-right:15px;}
		#header .hd_lnb {margin-left:35px;}
		#header .hd_lnb ul li {margin-right:20px;}
		#header .hd_lnb ul + ul {padding-left:28px;margin-left:26px;}
		#header .hd_gnb{right:15px;}
		#header .hd_gnb ul li + li {margin-left:20px;}
		#header .hd_gnb ul li.cs {margin-left:29px;}
		#header .hd_lnb > ul > li:nth-child(6) > a:before{margin:-3px 20px 0 0;}
		#wrap #header .hd_lnb > ul > li:nth-child(6) .hd_lnb_dep2{left:calc(50% + 10px);}
		#header .hd_lnb > ul > li:nth-child(6):before{left:10px;}
	}
	@media only screen and (max-width:1400px) {
		#header .hd_lnb {margin-left:25px;}
		#header .hd_lnb ul li {font-size:16px;}
		#header .hd_gnb ul li a {font-size:14px;}
		#header .hd_lnb ul + ul {padding-left:22px;margin-left:20px;}
		#header .hd_gnb ul li.cs {margin-left:9px;}
		#header .hd_gnb ul li.cs a {padding:0 15px;font-size:16px;}
		#header .hd_gnb ul li.cs a:before {background:13px auto;margin-right:5px;}
	}
	@media only screen and (max-width:1297px) {
		#header .quick_btn{bottom:40px;}
		#header.on .quick_btn{right:15px;}
	}
	@media only screen and (max-width:1217px) {
		#header .hd_logo a{width:201px;}
		#header .hd_lnb{margin-left:20px;}
	}
	@media only screen and (max-width:1100px) {
		#header .header_inner{display:block; height:auto; padding:20px 0;}
		#header .hd_logo a{width:180px;}
		#header .hd_lnb {display:block; margin:20px 0 0; width:100%;}
		#header .hd_lnb ul li{margin-right:15px;}
		#header .hd_lnb ul li:nth-child(6):before{margin:-3px 15px 0 0; height:10px;}
		#wrap #header .hd_lnb > ul > li:nth-child(6) .hd_lnb_dep2{left:calc(50% + 7.5px);}
		#header .hd_lnb > ul > li:nth-child(6):before{left:7.5px;}
		#header .hd_gnb{top:20px;}
		#header .hd_gnb ul li.cs a{font-size:15px;}
	}

	@media only screen and (max-width:1023px) {
		
		#header .hd_logo{margin:0;}
		#header .hd_gnb{display:none;}
		#header .menu-trigger{display:inline-block;}
		
		#header .hd_lnb ul li{margin-right:25px;}
		#header .hd_lnb ul li:nth-child(6):before{display:none;}
		#header .hd_lnb ul li.home{display:block;}
		#header .hd_lnb ul li a:after{}
		#header .hd_lnb ul li{font-weight:bold;}

		#wrap #header .hd_lnb .hd_lnb_dep2{display:none !important;}
	}

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

	@media only screen and (max-width:860px) {
		#header .quick_btn a, #header .quick_btn button{width:45px; height:45px;}
	}

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

	@media only screen and (max-width:640px) {
		#header .hd_logo a{width:180px; height:37px;}
		#header .menu-trigger{width:32px; top:21px;}
		#header .hd_lnb{margin-top:18px;}
		#header .hd_lnb ul li{font-size:15px; font-weight:bold;}
		#header .hd_lnb ul li a:after{width:4px; height:4px; right:-10px}
	} 
	
	@media only screen and (max-width:479px) { 
		#header .header_inner{padding-top:12px; padding-bottom:17px;}
		#header .hd_logo a{width:155px;}
		#header .menu-trigger{width:23px; height:20px;}
		#header .quick_btn a, #header .quick_btn button{width:42px; height:42px;}
		#header .quick_btn .inquire_btn{font-size:12px;}
		#aside {right: -80%;width:80%;}
		#wrap nav .nav_cs dl dd p span{display:block;}
	}
	@media only screen and (max-width:374px) { 
		#header .hd_lnb ul li{font-size:14px; margin-right:20px;}

		#wrap nav .nav_login ul li a{font-size:14px;}
		#wrap nav .nav_category .nav_cate .header_lnb ul li{font-size:15px; line-height:40px;}
		#wrap nav .nav_cs dl dt{font-size:14px;}
		#wrap nav .nav_cs dl dd strong{font-size:23px;}
		#wrap nav .nav_cs dl dd p{font-size:13px;}
	}





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

	 FOOTER | outline/footer.html

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

	#footer {background:#222;padding:0;}
	#footer .footer_cont {padding:50px 0 40px;}
	#footer .footer_cont .w_custom {display:flex;justify-content: space-between;align-items: flex-start;}
	#footer .logo_box.m_logo_box{display: none;}
	#footer .footer_cont .ft_left {}
	#footer .logo_box{display: flex;align-items: center;gap:15px;}
	#footer .logo_box a{display: inline-flex;box-sizing:border-box;color:#fff;border:1px solid #fff;width: 110px;height:36px;font-size:16px;align-items: center;justify-content: center;text-align: center;border-radius:18px;}
	#footer .footer_cont .ft_left .logo {}
	#footer .footer_cont .ft_left .logo img {}
	#footer .footer_cont .ft_left address {font-size:13px;line-height:1.85;font-weight:300;color:#c2c8cf;padding-top:22px;}
	#footer .footer_cont .ft_left address span {display:inline-block;margin:0 8px;}
	#footer .footer_cont .ft_left address a {font-size:inherit;font-weight:inherit;color:inherit;border:0;}
	#footer .footer_cont .ft_left address strong{display:inline-block; border:1px solid #c2c8cf; padding:10px 10px;}

	#footer .ft_family{position: relative;display: inline-block; margin-top:10px;}
	#footer .ft_family dt{color: #fff;border: 1px #888 solid;outline: 0;padding: 0;width: 168px;line-height: 38px;font-size: 13px;font-weight: 300;box-sizing: border-box;text-decoration: none;position: relative;z-index: 1;cursor:pointer;text-align: left;padding-left:21px;}	
	#footer .ft_family dt:before{width:6px;height:6px;content:"";border:1px solid #fff;border-width:1px 1px 0 0;transform:rotate(135deg);position: absolute;right:22px;top:13px;}	
	#footer .ft_family dt.on:before{transform:rotate(-45deg);top:18px;}	
	#footer .ft_family dd{position: absolute;bottom:100%;left:0;width:100%;display: none;z-index:10;}	
	#footer .ft_family dd ul{background:#fff;box-sizing:border-box;padding:10px 10px;}	
	#footer .ft_family dd ul li a{display:block; font-size:13px;color:#21242d;font-weight:400;line-height:30px;}

	#footer .footer_cont .ft_right {}
	#footer .footer_cont .ft_right dl {display:block;float: left;}
	#footer .footer_cont .ft_right dl + dl {margin-left:79px;padding-right: 15px;}
	#footer .footer_cont .ft_right dl dt {font-size:15px;line-height:1;font-weight:500;color:#fff;margin-bottom:31px;}
	#footer .footer_cont .ft_right dl dd {}
	#footer .footer_cont .ft_right dl dd p {margin-top:10px;font-size:14px;line-height:2;font-weight:300;color:#fff;}
	#footer .footer_cont .ft_right dl dd p a {font-size:inherit;font-weight:inherit;font-weight:inherit;color:inherit;}
	#footer .footer_cont .ft_right dl.ft_cs dd strong {font-size:30px;line-height:1;font-weight:bold;color:#fff;letter-spacing:-0.6px;}
	#footer .footer_cont .ft_right dl.ft_cs dd strong a{font-size:inherit;color:inherit;font-weight:inherit;}
	#footer .footer_cont .ft_right dl.ft_bank dd strong {font-size:20px;line-height:1;font-weight:500;color:#fff;}
	#footer .footer_cont .ft_right dl.ft_bank dd strong em {font-size:26px;line-height:inherit;font-weight:bold;color:#fff;vertical-align: top;margin-left: 7px;}
	#footer .footer_copy {position:relative;padding: 25px 0;}
	#footer .footer_copy:before {content:'';display:block;position:absolute;width:100%;height:1px;background:#aaaaaa;opacity:0.1;top:0;left:0;}
	#footer .footer_copy .w_custom {display:flex;justify-content: space-between;align-items: flex-start;font-size: 0;}
	#footer .footer_copy p {font-size:14px;line-height:1;font-weight:300;color:#fff;opacity:0.8;font-family:'NanumSquareRound';}
	#footer .footer_copy p span {margin-left:19px;}
	#footer .footer_copy .ft_list {}
	#footer .footer_copy .ft_list li {float:left;font-size:14px;line-height: 1;font-weight:300;color:#c2c8cf;}
	#footer .footer_copy .ft_list li + li {margin-left:28px;}
	#footer .footer_copy .ft_list li a {font-size:inherit;font-weight:inherit;color:inherit;}
	#footer .footer_copy .ft_list li a strong {font-size:inherit;font-weight:500;color:#fff;}

	@media only screen and (min-width:1024px) {
		#footer .footer_cont .ft_left .logo_box a:hover{background: #fff;color:#333;}
	}
	@media only screen and (max-width:1297px) {
		#footer .footer_cont .w_custom{display:block;}
		#footer .footer_cont .ft_right{margin-top:50px;}
		#footer .footer_cont .ft_right dl dt{margin-bottom:20px;}
		#footer .footer_cont .ft_right dl + dl{margin-left:4vw;}
		#footer .footer_cont .ft_right dl.ft_cs dd strong{font-size:28px;}
		#footer .footer_cont .ft_right dl.ft_bank dd strong{font-size:18px;}
		#footer .footer_cont .ft_right dl.ft_bank dd strong em{font-size:24px;}
	}
	@media only screen and (max-width:1100px) {
		
		
	}
	@media only screen and (max-width:860px) {
		#footer .footer_cont .ft_right dl{float:none;}
		#footer .footer_cont .ft_right dl + dl{margin:30px 0 0;}
	}
	@media only screen and (max-width:640px) {
		#footer {position:relative; }
		#footer .footer_cont{padding:88px 0 20px;}
		#footer .footer_cont .w_custom{display:flex; flex-wrap:wrap; justify-content:flex-start; flex-direction:column-reverse;}
		#footer .logo_box.m_logo_box{display: flex;margin-bottom:20px;gap:10px;}
		#footer .logo_box a{width:80px;height:30px;font-size:14px;}
		#footer .footer_cont .m_logo_box img{height:30px;}
		#footer .footer_cont .ft_left .logo_box{display:none;}
		#footer .footer_cont .ft_left address{font-size:14px; line-height:150%;}
		#footer .footer_cont .ft_left address span.for_m{display:none;}
		#footer .footer_cont .ft_right{margin-top:0;}
		#footer .footer_cont .ft_right dl dt{margin-bottom:15px;}
		#footer .footer_cont .ft_right dl dd p{line-height:150%;}
		#footer .footer_cont .ft_right dl.ft_bank dd strong em{font-size:23px;}
		#footer .footer_cont .ft_right dl.ft_cs dd strong{font-size:25px;}
		#footer .footer_copy{padding:0 0 75px; position:static;}
			#footer .footer_copy:before{display:none;}
		#footer .footer_copy .w_custom{display:block; position:static;}
		#footer .footer_copy .ft_list{position:absolute; top:0; left:0; display:flex; width:100%; height:55px; align-items:center; justify-content:center; border-bottom:1px solid rgba(255,255,255,0.1);}
		#footer .footer_copy .ft_list li{float:none; font-size:15px;}
		#footer .footer_copy p{font-size:13px;}
	}
	@media only screen and (max-width:479px) {
		#footer .footer_cont .ft_right dl dd p span{display:block;}
	}
	@media only screen and (max-width:374px) {
		#footer .footer_cont .ft_right dl dt{font-size:14px;}
		#footer .footer_cont .ft_right dl.ft_cs dd strong{font-size:23px;}
		#footer .footer_cont .ft_right dl dd p{font-size:13px;}
		#footer .footer_cont .ft_right dl.ft_bank dd strong em{font-size:21px;}
		#footer .footer_cont .ft_left address{font-size:13px;}
	}
/*───────────────────────────────────────────────────────────

	 SIDE_BOX | outline/left_bbs.html｜outline/left_goods.html｜outline/left_member.html｜outline/left_service.html

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

	#side_box {padding-bottom:1.8%;}
	#side_box .sub_menu {width:100%;padding:0;margin:0;z-index:2;text-align:center;vertical-align:top;}
	#side_box .sub_menu dl {position:relative;display:inline-block;margin:0 auto;z-index:3;font-size:0;text-align:center;vertical-align:top;padding:0;}
	#side_box .sub_menu dt,
	#side_box .sub_menu dd {display:inline-block;margin:0;padding:0;}
	#side_box .sub_menu dt {display:none;}
	#side_box .sub_menu dd {line-height:31px;height:32px;padding:0 12px;border-bottom:1px #ccc solid;position:relative;z-index:1;box-sizing:border-box;vertical-align:top;}
	#side_box .sub_menu dd + dd {}
	#side_box .sub_menu dd a,
	#side_box .sub_menu dd strong {height:31px;line-height:31px;font-size:15px;font-weight:600;padding:0 2px;color:#888;display:inline-block;box-sizing:border-box;vertical-align:top;}
	#side_box .sub_menu dd:hover a,
	#side_box .sub_menu dd.on a,
	#side_box .sub_menu dd strong {border-color:#333;color:#333;position:relative;}
	#side_box .sub_menu dd:hover a:before,
	#side_box .sub_menu dd.on a:before, 
	#side_box .sub_menu dd strong:before {bottom:-1px;width:100%;height:2px;background:#333;left:50%;transform:translateX(-50%);position:absolute;content:"";display:block;}

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

	}
	@media only screen and (max-width:1023px) {
		
	}
	@media only screen and (max-width:860px) {
		#side_box .sub_menu dd {line-height:29px;height:30px;padding:0 8px;}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:29px;line-height:29px;font-size:14px;padding:0 2px;}
	}
	@media only screen and (max-width:767px) {

	}
	@media only screen and (max-width:640px) {
		#side_box .sub_menu dd {line-height:27px;height:28px;padding:0 8px;}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:27px;line-height:27px;font-size:14px;padding:0 2px;}
	}
	@media only screen and (max-width:479px) {
		#side_box {display:none;}
	}





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

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	.main_section{position:relative; top:-175px;}
	


	/* visual */
		.main_visual, .main_visual .slick-slide{height:740px;}
		.main_visual {position:relative;width:100%; }
		.main_visual .slick-slide {position:relative; width:100%; border-radius:0 0 80px; overflow:hidden;}
		.main_visual .slick-slide a.link {/*position:absolute; top:0; left:0; width:100%; height:100%;*/}
		.main_visual .slick-slide img {display:inline-block;height:auto;width:100%;max-width:1920px;}
		.main_visual .slick-slide .thumb{width:100%; height:100%; transform:scale(1.1); transition:all 2s;}
			.main_visual .slick-slide.active .thumb{transform:scale(1);}
		.main_visual .slick-slide .txt_box {position:absolute;transform:translate(-50%, -50%);left:50%;top: 56.3%;font-size:0;text-align:left; z-index:2;}
		.main_visual .slick-slide .txt_box h3{font-size:80px; font-weight:bold; color:#fff; font-family:'Gmarket Sans', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif; line-height:112%;}
		.main_visual .slick-slide .txt_box h3 strong{font-size:inherit; font-weight:inherit; color:#ffcc00;}
			.main_visual .slick-slide[data-slick-index="1"] .txt_box h3 strong{color:#fff997;}
			.main_visual .slick-slide[data-slick-index="2"] .txt_box h3 strong{color:#67e866;}
			.main_visual .slick-slide .txt_box h3 + .more_btn{margin-top: 46px;}
		.main_visual .slick-slide .txt_box h5{font-size:26px; font-weight:bold; color:#fff; font-family:'Gmarket Sans', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
			.main_visual .slick-slide .txt_box h5 + h3{margin-top: 24px;}
		.main_visual .slick-slide .txt_box .more_btn{display:inline-block;}
		.main_visual .slick-slide .txt_box .more_btn span{display:inline-flex;align-items:center;height:50px;border: 1px solid rgba(255,255,255,0.6);border-radius:25px;font-size:16px;font-weight:bold;color:#fff;padding: 0 40px;box-sizing:border-box; transition:all 0.4s;}
		.main_visual .slick-arrow{position:absolute; top:50%; transform:translateY(-50%); width:50px; height:50px; border:1px solid #fff; border-radius:100%; font-size:0; transition:all 0.4s;}
		.main_visual .slick-prev{left: 52px;background:url('/images/neweb/skin/main_visual_prev.png') no-repeat center;}
		.main_visual .slick-next{right: 42px;background:url('/images/neweb/skin/main_visual_next.png') no-repeat center;}
		.main_visual .slideController{position:absolute; transform:translateX(-50%); left:50%; bottom:45px; display:inline-flex; width:72px; height:30px; align-items:center; justify-content:center; background:rgba(0,0,0,0.22); border-radius:15px;}
		.main_visual .slideController span{font-size:13px; font-weight:bold; color:#ddd;}
		.main_visual .slideController span.slideCountItem{color:#fff;}

			/* over */
				@media only screen and (min-width:1024px) {
					.main_visual .slick-prev:hover{background:#fff url('/images/neweb/skin/main_visual_prev_ov.png') no-repeat center;}
					.main_visual .slick-next:hover{background:#fff url('/images/neweb/skin/main_visual_next_ov.png') no-repeat center;}
					.main_visual .slick-slide .txt_box .more_btn span:hover{background:#f38d09; border-color:#f38d09;}
				}

			/* 텍스트 애니 */
				.main_visual .slick-slide .TxtAni{opacity:0; transform:translateX(100px); transition:all 1.5s;}
				.main_visual .slick-slide.active .TxtAni{opacity:1; transform:translateX(0); transition-delay:0.2s;}
				.main_visual .slick-slide.active h5.TxtAni{}
				.main_visual .slick-slide.active h3.TxtAni{transition-delay:0.4s;}
				.main_visual .slick-slide.active .more_btn.TxtAni{transition-delay:0.6s;}

		@media only screen and (max-width:1500px){
			.main_visual .slick-slide .txt_box h3{font-size:70px;}
			
			.main_visual .slick-prev{left:15px;}
			.main_visual .slick-next{right:15px;}
			.main_visual .slick-slide .txt_box{left:50%; width:calc(100% - 130px); transform:translate(-50%, -50%);}
		}
		@media only screen and (max-width:1317px){
			.main_visual .slick-slide .txt_box h3{font-size:5.05vw;}
				.main_visual .slick-slide .txt_box h3 + .more_btn{margin-top:3.5vw;}
			.main_visual .slick-slide .txt_box h5{font-size:24px;}
			.main_visual .slideController{bottom:30px;}
		}
		@media only screen and (max-width:1023px){
			.main_visual, .main_visual .slick-slide{min-height:440px; height:72.3vw}
			.main_visual .slick-slide .txt_box{top:50%;}
			.main_visual .slick-slide .txt_box h5{font-size:22px;}
			.main_visual .slick-slide .txt_box .more_btn span{height:45px; font-size:15px;}
			.main_visual .slick-arrow{width:45px; height:45px;}
		}
		@media only screen and (max-width:860px){
			.main_visual .slick-slide .txt_box h5{font-size:20px;}
		}
		@media only screen and (max-width:640px){
			.main_visual .slick-arrow{display:none !important;}
			.main_visual .slick-slide{border-radius:0 0 40px 0;}
			.main_visual .slick-slide .txt_box{left:25px;transform:translate(0, -50%);width:calc(100% - 50px); }
			.main_visual .slick-slide .txt_box h3{font-size:35px;line-height: 128%;width:50%;}
			.main_visual .slick-slide[data-slick-index = '2'] .txt_box h3{width:100%;}
				.main_visual .slick-slide .txt_box h3 br{display: none;}
				.main_visual .slick-slide .txt_box h3 + .more_btn{margin-top: 31px;}
			.main_visual .slick-slide .txt_box h5{font-size:18px;}
			.main_visual .slick-slide .txt_box .more_btn span{font-size:14px; height:40px;}
			.main_visual .slick-slide .thumb{transform:scale(1);}
		}
		@media only screen and (max-width:479px){
			.main_visual .slick-slide .txt_box{top: 48px;transform:none;}
			.main_visual .slick-slide .txt_box h3{width:60%;font-size:28px;}
			.main_visual .slick-slide .txt_box h5{font-size:14px;}
				.main_visual .slick-slide .txt_box h5 + h3{margin-top: 10px;}
			.main_visual .slick-slide .txt_box .more_btn span{font-size:13px;height:36px;padding: 0 26px;}
			.main_visual .slideController{width:60px; height:26px; bottom:20px;}
			.main_visual .slideController span{font-size:11px;}
		}
		@media only screen and (max-width:374px){
			.main_visual .slick-slide .txt_box h3{font-size:9.3vw;}
			.main_visual .slick-slide .txt_box h5{font-size:13px;}
			
		}

	/* 공통 */
		.main_content .main_tittle{text-align:center;}
		.main_content .main_tittle h3{font-size:50px; font-weight:900; color:#222;}
			.main_content .main_tittle h3 + p{margin-top: 30px;}
			.main_content .main_tittle h3 + h5{margin-top: 21px;}
		.main_content .main_tittle h4{font-size:45px; font-weight:900; color:#333;}
		.main_content .main_tittle h5{font-size:32px; font-weight:bold; color:#333;}
		.main_content .main_tittle h5 strong{font-size:inherit; font-weight:inherit; color:#fde43a;}
			.main_content .main_tittle h5 + p{margin-top: 17px;}
		.main_content .main_tittle h6{font-size:26px; font-weight:bold; color:#333;}
		.main_content .main_tittle p{font-size:16px;font-weight: 500;color:#444;letter-spacing: 0.3px; line-height:150%;}
			.main_content .main_tittle p + h3{margin-top:25px;}

		.main_content .btn_center{text-align:center;}
		.main_content .submit_btn{position:relative; display:inline-block;}
		.main_content .submit_btn span{position:relative; display:inline-flex;align-items:center;justify-content:center;width:280px;height:70px;font-size:22px;font-weight:bold;color:#333;border:1px solid #666;border-radius:35px;box-sizing:border-box;letter-spacing: -0.7px; transition:all 0.4s; z-index:2;}
		.main_content .swiper-button-prev:after, .main_content .swiper-button-next:after{display:none;}
		
		/* over */
			@media only screen and (min-width:1024px){
				.main_content .submit_btn:hover span{transform:translateY(-10px); box-shadow:3px 5px 10px rgba(0,0,0,0.1);}
			}
		
	/* 무료 혜택 */
		.main_benefits{position:relative; margin-top: 77px;}
			.main_benefits:before, .main_benefits:after{position:absolute;content:'NEWEB';bottom:0; left: 100%;/*font-size:393px;*/ font-size:20.5vw; font-weight: 700;color:#f7f7f7;letter-spacing: -0.08em;line-height: 0.71;font-family: 'Montserrat', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif; z-index:-1;}
		.main_benefits .benefits_list{margin-top: 35px;display:flex;flex-wrap:wrap; padding-bottom:100px;gap:20px;}
		.main_benefits .benefits_list li{position:relative;width:calc(100% / 4 - 15px); background:#fff; border:1px solid #ddd;border-radius:10px;box-sizing:border-box;padding: 24px 28px 102px; height:auto; transition:all 0.4s; }
		.main_benefits .benefits_list li dl{}
		.main_benefits .benefits_list li dl dt{font-size:20px;font-weight:900;color:#333;line-height:150%;letter-spacing: -0.5px; transition:all 0.4s;}
			.main_benefits .benefits_list li dl dt + dd{margin-top: 12px;}
		.main_benefits .benefits_list li dl dt strong{font-size:inherit; font-weight:inherit; color:#f38d09; transition:all 0.4s;}
		.main_benefits .benefits_list li dl dd{font-size:14px;font-weight:400;color:#666;line-height:142%;letter-spacing: -0.3px; transition:all 0.4s;}

			@media only screen and (min-width:640px){
				.main_benefits .benefits_list li:nth-child(n + 11){display:none;}
			}
		/* 키프레임 */
			.main_benefits:before, .main_benefits:after{display:inline-block;animation: TxtFlow 12s cubic-bezier(1, 1, 1, 1);animation-fill-mode:forwards;animation-delay: 0s; animation-iteration-count:infinite;width: 100vw;}
			.main_benefits:after{animation-delay: 6s;}
			@keyframes TxtFlow { 0% {transform: translateX(0);} 100% {transform: translateX(-250%);} }

		/* 아이콘 */
			.main_benefits .benefits_list li:before{position:absolute; content:''; width:70px; height:70px; background:#f5f5f5 no-repeat center; right:20px;bottom:20px; border-radius:100%;}
			.main_benefits .benefits_list li:nth-child(1):before{background-image:url('/images/neweb/skin/main_benefits_icon01.png');}
			.main_benefits .benefits_list li:nth-child(2):before{background-image:url('/images/neweb/skin/main_benefits_icon02.png');}
			.main_benefits .benefits_list li:nth-child(3):before{background-image:url('/images/neweb/skin/main_benefits_icon03.png');}
			.main_benefits .benefits_list li:nth-child(4):before{background-image:url('/images/neweb/skin/main_benefits_icon04.png');}
			.main_benefits .benefits_list li:nth-child(5):before{background-image:url('/images/neweb/skin/main_benefits_icon05.png');}
			.main_benefits .benefits_list li:nth-child(6):before{background-image:url('/images/neweb/skin/main_benefits_icon06.png');}
			.main_benefits .benefits_list li:nth-child(7):before{background-image:url('/images/neweb/skin/main_benefits_icon07.png');}
			.main_benefits .benefits_list li:nth-child(8):before{background-image:url('/images/neweb/skin/main_benefits_icon08.png');}
			.main_benefits .benefits_list li:nth-child(9):before{background-image:url('/images/neweb/skin/main_benefits_icon09.png');}
			.main_benefits .benefits_list li:nth-child(10):before{background-image:url('/images/neweb/skin/main_benefits_icon10.png');}

		/* over */
			@media only screen and (min-width:1024px) {
				.main_benefits .benefits_list li:hover{box-shadow:0 3px 29px rgba(0,0,0,0.15); background:#f38d09;}
				.main_benefits .benefits_list li:hover dl dt, .main_benefits .benefits_list li:hover dl dt strong, .main_benefits .benefits_list li:hover dl dd{color:#fff;}
			}

	/* 서비스 */
		.main_service{margin-top: 98px;padding-bottom: 115px;}
		.main_service .ServiceSwiper{}
		.main_service .swiper-button-prev, .main_service .swiper-button-next{display:none;}
		.main_service .service_list{display:flex;margin-top: 55px;}
		.main_service .service_list li{margin-right:26px;width:calc(100% / 4 - 19.5px);box-shadow: 0 0 18px rgba(0,0,0,0.09);border-radius:20px;overflow:hidden;position: relative;padding: 194px 20px 70px;height:auto;box-sizing:border-box;transition:all 0.4s;}
			.main_service .service_list li:nth-child(n+5){display:none;}
			.main_service .service_list li:last-child{margin-right:0;}
		.main_service .service_list li dl{text-align:center;}
		.main_service .service_list li dl dt{font-size: 22px;font-weight:900;color:#333;line-height: 140%;line-height: 137%;letter-spacing: 0; transition:all 0.4s;}
			.main_service .service_list li dl dt + dd{margin-top: 12px;}
		.main_service .service_list li dl dd{font-size: 14px;font-weight:400;color:#555;line-height:157%;letter-spacing: 0.2px; transition:all 0.4s;}

			/* 아이콘 */
				.main_service .service_list li:before{position:absolute; content:''; width:120px; height:120px; border-radius:100%; background:#fff no-repeat center; top:40px; left:50%; transform:translateX(-50%);}
				.main_service .service_list li.nth01:before{background-image:url('/images/neweb/skin/main_promise_icon01.png');}
				.main_service .service_list li.nth02:before{background-image:url('/images/neweb/skin/main_promise_icon02.png');}
				.main_service .service_list li.nth03:before{background-image:url('/images/neweb/skin/main_promise_icon03.png');}
				.main_service .service_list li.nth04:before{background-image:url('/images/neweb/skin/main_promise_icon04.png');}

			/* over */
			@media only screen and (min-width:1024px) {
				.main_service .service_list li:hover{background:#f38d09;}
				.main_service .service_list li:hover dl dt, .main_service .service_list li:hover dl dd{color:#fff;}
			}

	/* 제작 절차 */
		.main_procedure{background:url('/images/neweb/skin/main_procedure_bg.jpg') no-repeat center;background-size:cover;border-radius:0 80px 0 0;overflow:hidden;padding-top: 98px; padding-bottom:190px;}
		.main_procedure .main_tittle h3, .main_procedure .main_tittle p{color:#fff;}
		.main_procedure .procedure_list{width:100%;counter-reset: step_list;display:flex;align-items:center;margin-top: 51px;height:405px;}
		.main_procedure .procedure_list li{position:relative;background:#fff;border-radius:40px;padding-top: 15.2%;box-sizing:border-box;width:calc(100% / 4 - 18px);height:auto;margin-right:24px; cursor:pointer; transition:all 0.4s;}
			.main_procedure .procedure_list li:after{position:absolute; content: 'STEP.' counter(step_list); counter-increment: step_list; font-size:20px; font-weight:bold; color:#222; left:50%; transform:translateX(-50%); top:121px;}
			.main_procedure .procedure_list li:last-child{margin-right:0;}
		.main_procedure .procedure_list li dl{text-align:center;}
		.main_procedure .procedure_list li dl dt{position:absolute; top:148px; left:50%; transform:translateX(-50%); font-size:16px; font-weight:bold; color:#666; width:calc(100% - 30px); }
		.main_procedure .procedure_list li dl dd{position:absolute;top: calc(100% + 28px);left:50%;transform:translateX(-50%);font-size: 18px;font-weight:500;color:#fff;line-height: 140%;width:calc(100% - 30px);letter-spacing: 0;opacity:0;transition:all 0.4s;}

		/* 아이콘 */
			.main_procedure .procedure_list li:before{position:absolute; content:''; top:38px; left:50%; transform:translateX(-50%);}
			.main_procedure .procedure_list li:nth-child(1):before{width:64px; height:61px; background:url('/images/neweb/skin/main_procedure_icon01.png') no-repeat center;}
			.main_procedure .procedure_list li:nth-child(2):before{width:60px; height:58px; background:url('/images/neweb/skin/main_procedure_icon02.png') no-repeat center;}
			.main_procedure .procedure_list li:nth-child(3):before{width:68px; height:60px; background:url('/images/neweb/skin/main_procedure_icon03.png') no-repeat center; background-size:100% auto;}
			.main_procedure .procedure_list li:nth-child(4):before{width:57px; height:55px; background:url('/images/neweb/skin/main_procedure_icon04.png') no-repeat center;}
			.main_procedure .procedure_list li:nth-child(5):before{width:65px; height:60px; background:url('/images/neweb/skin/main_procedure_icon05.png') no-repeat center;}

			.main_procedure .procedure_list li dl:after{position:absolute; content:''; width:50px; height:50px; background:#3a3a3a url('/images/neweb/skin/main_procedure_arrow.png') no-repeat center; border-radius:100%; right:-37px; top:50%; transform:translateY(-50%);  z-index:3}
			.main_procedure .procedure_list li:last-child dl:after{display:none;}

		/* on */
			.main_procedure .procedure_list li.on{width: 49.2%;padding-top: 31.7%;transform: scale(0.9);box-shadow: 0 10px 20px rgba(0,0,0,0.2);}
				.main_procedure .procedure_list li:nth-child(1).on{background:url('/images/neweb/skin/main_procedure_list_img03.jpg') no-repeat center; background-size:cover;}
				.main_procedure .procedure_list li:nth-child(2).on{background:url('/images/neweb/skin/main_procedure_list_img03.jpg') no-repeat center; background-size:cover;}
				.main_procedure .procedure_list li:nth-child(3).on{background:url('/images/neweb/skin/main_procedure_list_img03.jpg') no-repeat center; background-size:cover;}
				.main_procedure .procedure_list li:nth-child(4).on{background:url('/images/neweb/skin/main_procedure_list_img03.jpg') no-repeat center; background-size:cover;}
				.main_procedure .procedure_list li:nth-child(5).on{background:url('/images/neweb/skin/main_procedure_list_img03.jpg') no-repeat center; background-size:cover;}
				.main_procedure .procedure_list li:nth-child(6).on{background:url('/images/neweb/skin/main_procedure_list_img03.jpg') no-repeat center; background-size:cover;}
			.main_procedure .procedure_list li.on:before{opacity:0;}
			.main_procedure .procedure_list li.on:after{top: calc(100% - 110px);transform: translateX(-50%) scale(1.1);color:#fff;}
			.main_procedure .procedure_list li.on dl dt{top: calc(100% - 67px);transform: translateX(-50%) scale(1.7);color:#fff;}
			.main_procedure .procedure_list li.on dl dd{opacity:1;}
			.main_procedure .procedure_list li.on dl:after{background:#fff url('/images/neweb/skin/main_procedure_arrow_on.png') no-repeat center; transform:translateY(-50%) scale(1.1); right:-30px;}

	/* 제작 금액 */
		.main_package{background:#f7f7f7;padding-top: 117px; padding-bottom:118px;}
		.main_package .package_list{display:grid;margin-top: 46px;gap:40px;align-items: flex-start;grid-template-columns:calc(50% - 20px)}
		.main_package .package_list > li{position:relative;border:1px solid #333;border-radius:30px;padding: 77px 15px 204px 79px;box-sizing: border-box;background: #fff; transition:all 0.4s;}
		.main_package .package_list > li.recom{grid-column: 1;grid-row: 1 / span 2;}
		.main_package .package_list > li:nth-child(2){grid-row:1;}
		.main_package .package_list .badge{position:absolute; top:-50px; left:-48px; width:96px; height:100px; background:url('/images/neweb/skin/main_package_badge.png') no-repeat center; display:inline-flex; align-items:center; justify-content:center; font-size:20px; font-weight:bold; color:#fff; line-height:120%; font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.main_package .package_list .merit{position:absolute;top: 48px;right: 50px;display:inline-flex;flex-direction: column;align-items:center;justify-content:center;width:140px;height:140px;border-radius:100%;padding:7px 10px 0 15px;box-sizing:border-box;background:#888;font-size:30px;font-weight:700;color:#fff;line-height: 115%;text-align: center;}
		.main_package .package_list .merit strong{font-size:40px;color:inherit;font-weight:900;display: block;}
		.main_package .package_list .info{padding-right: 200px; box-sizing: border-box;}
			.main_package .package_list .info:after{display:block; content:''; width:40px; height:1px; background:#333; margin:40px 0;}
		.main_package .package_list .info dt{font-size:40px; font-weight:900; color:#333;}
			.main_package .package_list .info dt + dd{margin-top: 35px;}
			.main_package .package_list .info dt + dd.txt{margin-top: 28px;}
		.main_package .package_list .info dd{font-size:16px;font-weight:400;color:#666;letter-spacing: -0.2px;}
		.main_package .package_list .info dd.txt{font-size:26px; font-weight:bold;}
		.main_package .package_list .info dd b{font-size:20px;font-weight:inherit;color:#333;display: inline-block;vertical-align: bottom;}
		.main_package .package_list .info dd strong{font-size:inherit;font-weight:inherit;color:#f38d09;display: inline-block;vertical-align: bottom;}
		.main_package .package_list .info dd strong em{font-size:30px;font-weight: 700;color:inherit;font-family:'Montserrat', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;line-height: 0.8;display: inline-block;vertical-align: bottom;}
		.main_package .package_list .exp{display:flex;}
			.main_package .package_list .exp + .exp{margin-top:30px;}
		.main_package .package_list .exp dt{display:inline-flex;align-items:center;justify-content:center;width:120px;height:30px;border:1px solid #ccc;border-radius:15px;overflow:hidden;box-sizing:border-box;font-size:16px;font-weight:bold;color:#555;margin-right:24px;}
		.main_package .package_list .exp dt.point{border-color:#f33e0d;background:#f33e0d;color:#fff;letter-spacing: 0.5px;}
		.main_package .package_list .exp dd{width:calc(100% - 135px);font-size:17px;font-weight:bold;color:#333;vertical-align: middle;display: flex;align-items: center;flex-wrap:wrap;}
		.main_package .package_list .exp dd p.price{font-size:17px;color:#666;font-weight:400;position: relative;display: inline-flex;align-items: stretch;}
		.main_package .package_list .exp dd p.price:before{width:100%;height:1px;content:"";background: #666;position: absolute;left:0;top:calc(50% - 1px);}		
		.main_package .package_list .exp dd p.price strong{font-size:27px;color:inherit;font-weight:400;font-family:'Montserrat', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.main_package .package_list .exp dd .c_price{width:100%;margin-top:15px;font-size:17px;color:#333;font-weight:400;display: inline-flex;align-items: stretch;}
		.main_package .package_list .exp dd strong{font-size:30px;font-weight:700;color:#f33e0d;font-family:'Montserrat', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.main_package .package_list .exp dd span{display:inline-block;font-size:14px;font-weight: 500;color:#666;margin-left: 9px;letter-spacing: 0.2px;}
		.main_package .package_list .exp dd em{font-size:18px;color:#333;font-weight:700;color:inherit;line-height:1.7;}
		
		.main_package .package_list > li.hosting{padding:50px 59px 40px;}
		.main_package .package_list li.hosting .info{padding:0;}
		.main_package .package_list li.hosting .info:after{margin:30px 0 25px;}
		.main_package .package_list > li.hosting .host_price > div{display: flex;align-items: center;justify-content: space-between;}
		.main_package .package_list > li.hosting .host_price > div + div{margin-top:10px;}
		.main_package .package_list > li.hosting .host_price > div > span{font-size:20px;color:#555;font-weight:700;}
		.main_package .package_list > li.hosting .host_price > div p{font-size:24px;color:#333;font-weight:700;display: inline-flex;align-items: stretch;}
		.main_package .package_list > li.hosting .host_price .save_price strong{font-size:30px;color:#666;font-weight:600;font-family:'Montserrat', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;;}
		.main_package .package_list > li.hosting .host_price .traffic_price strong{font-size:30px;color:#333;font-weight:600;font-family:'Montserrat', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.main_package .package_list > li.hosting .host_price .traffic_price strong.price{color:#f38d09;display: block;margin-left:10px;}
		.main_package .w_custom > .noti{font-size:20px;color:#333;font-weight:700;text-align: center;margin-top:80px;}
		
		.main_package .package_list .noti{display:flex;margin-top: 58px;}
		.main_package .package_list .noti dt, .main_package .package_list .noti dd{position:relative;font-size:16px;font-weight:bold;color:#555;box-sizing: border-box;letter-spacing: 0.2px;line-height: 145%;}
		.main_package .package_list .noti dt{padding-left:32px;}
			.main_package .package_list .noti dt:before{position:absolute;content:'!';width:22px;height:22px;border:1px solid #ac1212;border-radius:100%;box-sizing:border-box;top: 0px;left:0;font-size:15px;font-weight:bold;color:#ac1212;display:inline-flex;align-items:center;justify-content:center;text-align: center;padding:1px 0 0 1px;box-sizing:border-box;}
			.main_package .package_list .noti dt + dd{padding-left:4px;}
		.main_package .package_list .noti dd{}
		.main_package .package_list p{font-size:20px; font-weight:400; color:#555; line-height:160%; letter-spacing:-0.5px;}
		.main_package .package_list .submit_btn{position: absolute;left: 50%;transform: translateX(-50%);bottom: 70px;}
		
		/* 키프레임 */
			.main_package .package_list .badge{animation-name: UpDown; animation-duration:0.6s; animation-iteration-count:infinite; animation-direction:alternate;  animation-fill-mode: forwards;}
			@-webkit-keyframes UpDown {0% {transform:translateY(-10px);}100% {transform:translateY(0);}}
		/* 추천 */
			.main_package .package_list .recom .merit{background:#f33e0d;}
			.main_package .package_list .recom .submit_btn span{background:#333; color:#fff;}

		/* over */
			@media only screen and (min-width:1024px){
				.main_package .package_list > li:hover{border-color:#f38d09; transform:translateY(-10px); box-shadow:3px 5px 10px rgba(0,0,0,0.1);}
			}
	
	@media only screen and (min-width:641px){
		.BenefitSwiper .swiper-slide-duplicate {display: none !important;}
	}
	
	/* 디자인 샘플 */
		.main_sample{padding-top:110px;}
		.main_sample .prod_list {display:flex; flex-wrap:wrap; align-items:flex-start; margin-top:50px;}
		.main_sample .prod_list li {position:relative; border-radius:10px;box-shadow:4.5px 7.8px 21px 0 rgba(0, 0, 0, 0.38);overflow:hidden;transition:all 0.4s; margin-right:46px; width:calc(100% / 3 - 30.667px); height:auto;}
			.main_sample .prod_list li:nth-child(3n){margin-right:0;}
			.main_sample .prod_list li:nth-child(n+10){display:none;}
		.main_sample .prod_list li a{}
			.main_sample .prod_list li a:before {position:absolute; content:'';width:100%;height:100%;background:rgba(0, 0, 0, 0.38);top:0;left:0;z-index:1; opacity:0; transition:all 0.4s;}
			.main_sample .prod_list li a:after {position:absolute; content:'';width:68px;height:68px;background:#fff url('/images/neweb/skin/main_plus_icon.png') no-repeat center;border-radius:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2; opacity:0;  transition:all 0.4s;}
		.main_sample .prod_list li:nth-child(2) {margin-top:40px;}
		.main_sample .prod_list li:nth-child(n+4) {margin-top:46px;}
		.main_sample .prod_list li:nth-child(3n+4), .main_sample .prod_list li:nth-child(3n+6) {margin-top:6px;}
		.main_sample .prod_list li .thumb {width:100%; height:276px;}
		.main_sample .prod_list li .thumb img {width:100%; height:100%; object-fit:cover;}
		.main_sample .submit_btn{margin-top:70px ;}
		.main_sample .submit_btn span{border-color:#333; background:#333; color:#fff; box-shadow:2px 3.5px 24px 0 rgb(0 0 0 / 18%);}

			/* over */
				@media only screen and (min-width:1024px){
					.main_sample .prod_list li a:hover:before, .main_sample .prod_list li a:hover:after{opacity:1;}
				}
			
	/* 메인 하단 배너 */
		.main_ftr_bnr{background:#f38d09; margin-top:153px;}
		.main_ftr_bnr .main_tittle{display:flex; align-items:center; justify-content:center; padding:24px 0;}
		.main_ftr_bnr .main_tittle h6{color:#fff;}
			.main_ftr_bnr .main_tittle h6 + .submit_btn{margin-left:30px;}
		.main_ftr_bnr .main_tittle .submit_btn span{background:#fff; color:#333; border-color:#fff; width:180px; height:52px; font-size:18px;}

	@media only screen and (max-width:1400px){
		.main_package .package_list .badge{top:-30px; left:-10px; width:80px; height:90px; background-size:100% auto; font-size:19px;}
	}

	@media only screen and (max-width:1297px){
		.main_content .main_tittle h3{font-size:3.85vw;}
		.main_content .main_tittle h4{font-size:3.45vw;}
		.main_content .main_tittle h5{font-size:2.45vw;}
		.main_content .main_tittle h6{font-size:24px;}
		.main_content .submit_btn span{font-size:21px;}

		.main_benefits:before, .main_benefits:after{font-size:20vw;}
		.main_benefits .benefits_list li dl dt{font-size:19px;}
		.main_benefits .benefits_list li dl dt br{display:none;}
		.main_benefits .benefits_list li dl dd br{display:none;}

		.main_service .service_list li dl dt{font-size:21px;}
		.main_service .service_list li dl dd br{display:none;}

		.main_procedure{padding-bottom:18.5vw;}
		.main_procedure .procedure_list{height:31.5vw;}
		.main_procedure .procedure_list li:after{font-size:18px; top:60%;}
		.main_procedure .procedure_list li:before{background-size:100% auto !important; top:2.9vw;}
		.main_procedure .procedure_list li:nth-child(1):before{width:4.93vw; height:4.7vw; }
		.main_procedure .procedure_list li:nth-child(2):before{width:4.62vw; height:4.47vw;}
		.main_procedure .procedure_list li:nth-child(3):before{width:5vw; height:4.5vw;}
		.main_procedure .procedure_list li:nth-child(4):before{width:4.39vw; height:4.2vw;}
		.main_procedure .procedure_list li:nth-child(5):before{width:5vw; height:4.62vw;}
		.main_procedure .procedure_list li dl dt{font-size:15px; top:75%;}
		.main_procedure .procedure_list li dl dd{font-size:17px;}
		.main_procedure .procedure_list li dl dd br{display:none;}
	
		.main_package .package_list{gap:20px;}
		.main_package .package_list > li{padding:75px 60px 210px;}
		.main_package .package_list > li.hosting{padding:50px 20px 56px;}
		.main_package .package_list p{font-size:19px;}
		.main_package .package_list .merit{font-size:24px; width:120px; height:120px;}
		.main_package .package_list .info{padding-right:130px;}
		.main_package .package_list .info dt{font-size:3.1vw;}
		.main_package .package_list .info dd{font-size:15px;}
		.main_package .package_list .info dd.txt{font-size:24px;}
		.main_package .package_list .info dd b{font-size:19px;}
		.main_package .package_list .info dd strong em{font-size:28px;}
		.main_package .package_list .exp dt{font-size:15px;}
		.main_package .package_list .exp dd{font-size:16px;}
		.main_package .package_list .noti dt, .main_package .package_list .noti dd{font-size:15px;}

		.main_sample .prod_list li .thumb{height:21.28vw;}
	}
	@media only screen and (max-width:1023px){
		.main_section{top:-220px;}
		.main_section#section01{top:-200px;}

		.main_content .main_tittle h3 + p{margin-top:13px;}
		.main_content .main_tittle h6{font-size:22px;}
		.main_content .submit_btn span{font-size:20px; width:260px; height:65px; }

		.main_benefits .benefits_list{gap:15px;}
		.main_benefits .benefits_list li{width:calc(100% / 4 - 11.25px);}
		.main_benefits .benefits_list li dl dt{font-size:18px;}

		.main_service .service_list li{margin-right:15px; width:calc(100% / 4 - 11.25px); padding:170px 15px 60px}
		.main_service .service_list li dl dt{font-size:19px;}

		.main_procedure .procedure_list li{margin-right:15px; border-radius:20px;}
		.main_procedure .procedure_list li:after{font-size:16px;}
		.main_procedure .procedure_list li dl:after{width:40px; height:40px; right:-27px;}
		.main_procedure .procedure_list li dl dt{font-size:14px;}
		.main_procedure .procedure_list li dl dd{font-size:16px; top:calc(100% + 20px);}

		.main_package .package_list{display: flex;flex-wrap:wrap;}
		.main_package .package_list > li{width:100%; padding:70px 50px 210px}
			.main_package .package_list > li.hosting{width:calc(50% - 10px);}
		.main_package .package_list .info{padding-right:100px;}
		.main_package .package_list .merit{font-size:20px; width:100px; height:100px; right:40px; padding:6px 10px 0 11px;}
		.main_package .package_list .merit strong{font-size:30px;}
		.main_package .package_list .info dd{font-size:14px;}
		.main_package .package_list .info dd.txt{font-size:22px;}
		.main_package .package_list .info dd b{font-size:17px;}
		.main_package .package_list .info dd strong em{font-size:26px;}
		.main_package .package_list .exp dt{font-size:14px; width:105px;}
		.main_package .package_list .exp dd{font-size:15px; width:calc(100% - 120px);}
		.main_package .package_list p{font-size:18px;}
		
		.main_package .package_list > li.hosting .host_price > div > span{font-size:18px;}
		.main_package .package_list > li.hosting .host_price > div p{font-size:20px;}
		.main_package .package_list > li.hosting .host_price .save_price strong,
		.main_package .package_list > li.hosting .host_price .traffic_price strong{font-size:26px;}
		.main_package .w_custom > .noti{margin-top:50px;font-size:18px;}

		.main_sample .prod_list li{margin-right:30px; width:calc(100% / 3 - 20px);}
		.main_sample .prod_list li:nth-child(2), .main_sample .prod_list li:nth-child(n+4){margin-top:30px;}
		.main_sample .prod_list li:nth-child(3n+4), .main_sample .prod_list li:nth-child(3n+6){margin-top:0;}
		.main_sample .prod_list li .thumb{height:22vw;}

		.main_ftr_bnr .main_tittle .submit_btn span{width:160px; height:50px; font-size:17px;}
	}
	@media only screen and (max-width:975px){
		.main_procedure .procedure_list li{padding-top:18%;}
		.main_procedure .procedure_list li:after{top:55%;}
		.main_procedure .procedure_list li dl dt{top:70%;}
	}
	@media only screen and (max-width:860px){
		.main_content .main_tittle h4{font-size:27px; letter-spacing:-1px;}
		.main_content .main_tittle h5{font-size:20px; font-weight:500;}
		.main_content .main_tittle h5 + p{margin-top:10px;}
		.main_content .main_tittle h6{font-size:20px;}
		.main_content .submit_btn span{font-size:18px; height:60px; width:240px;}

		.main_benefits .benefits_list li{width:calc(100% / 3 - 10px); }
		.main_benefits .benefits_list li dl dt{font-size:17px;}

		.main_service .service_list li dl dt{font-size:18px;line-height: 138%;}
		.main_service .service_list li dl dd{font-size:13px;line-height: 138%;}

		.main_procedure .procedure_list li:after, .main_procedure .procedure_list li dl dd{font-size:15px;}
		.main_procedure .procedure_list li dl dt{font-size:13px;}

		.main_package .package_list .badge{font-size:16px; width:65px; height:70px;}
		.main_package .package_list .merit{font-size:16px;width:90px;height:90px;right:20px;top:40px;line-height: 127%;font-weight: 600;}
			.main_package .package_list .recom .merit{font-size:18px;}
		.main_package .package_list > li{padding:50px 30px 150px;}
		.main_package .package_list .submit_btn{bottom:60px;}
		.main_package .package_list .info{padding-right:90px;}
			.main_package .package_list .info:after{width:30px; margin:30px 0;}
		.main_package .package_list .info dt{font-size:25px;letter-spacing: -0.7px;}
		.main_package .package_list .info dd strong em{font-size:24px;}
		.main_package .package_list .info dd.txt{font-size:20px;}
		.main_package .package_list .info dd b{font-size:16px;}
		.main_package .package_list .exp dd{font-size:14px; width:calc(100% - 115px);}
		.main_package .package_list .noti dt, .main_package .package_list .noti dd{font-size: 14px;}
			.main_package .package_list .noti dt:before{top: -1px;}
		.main_package .package_list .exp dd em{font-size:15px;}
		.main_package .package_list p{font-size:17px;}

		.main_sample .prod_list li{margin-right:15px; width:calc(100% / 2 - 7.5px);}
			.main_sample .prod_list li:nth-child(3n){margin-right:15px;}
			.main_sample .prod_list li:nth-child(n+4){margin-top:0;}
			.main_sample .prod_list li:nth-child(2n){margin-right:0; margin-top:20px;}
			.main_sample .prod_list li:nth-child(3){margin-top:-5px;}
			.main_sample .prod_list li:nth-child(4n){margin-top:15px;}
		.main_sample .prod_list li .thumb{height:33vw;}
			
		.main_ftr_bnr{margin-top:120px;}
	}
	@media only screen and (max-width:767px){
		.main_content .main_tittle h3{font-size:27px; letter-spacing:-1px;}
			.main_content .main_tittle h3 + h5{margin-top:16px;}
		.main_content .main_tittle p{font-size:15px;}
			.main_content .main_tittle p + h3{margin-top:12px;}
		.main_content .submit_btn span{font-size:17px; width:220px; height:55px;}

		.main_benefits .benefits_list li dl dt{font-size:16px;line-height: 143%;letter-spacing: 0;}

		.main_service .ServiceSwiper{padding:0 15.4vw; margin-top:55px; box-sizing:border-box;}
		.main_service .service_list{margin-top:0;}
		.main_service .service_list li:nth-child(n+5){display:block;}
		.main_service .swiper-button-prev, .main_service .swiper-button-next{display:inline-block;width:32px;height:32px;background:#fff;/*border:1px solid #ddd;*/border-radius:100%;box-sizing:border-box;box-shadow:3px 3.5px 6.5px rgba(0,0,0,0.2);margin: 0;transform: translateY(-50%); pointer-events:inherit !important; opacity:1 !important;}
		.main_service .swiper-button-prev{left:11vw;}
			.main_service .swiper-button-prev:before{position:absolute; content:''; width:6px; height:6px; border:1px solid #fff0; border-top-color:#888; border-left-color:#888; top:50%; left:calc(50% + 2px); transform:translate(-50%, -50%) rotate(-45deg);} 
		.main_service .swiper-button-next{right:11vw;}
			.main_service .swiper-button-next:before{position:absolute; content:''; width:6px; height:6px; border:1px solid #fff0; border-top-color:#888; border-right-color:#888; top:50%; left:calc(50% - 2px); transform:translate(-50%, -50%) rotate(45deg);} 
		.main_service .service_list li.swiper-slide-active{background:#f38d09;}
		.main_service .service_list li.swiper-slide-active dl dt, .main_service .service_list li.swiper-slide-active dl dd{color:#fff;}
		.main_service .service_list li.swiper-slide-active dl dt{font-weight:700;}
		.main_service .service_list li.swiper-slide-active dl dd{font-weight:300;}
		.main_service .service_list li:before{width:100px; height:100px; background-size:50% auto;}

		.main_procedure .main_tittle h3{font-weight:700;}
		.main_procedure .procedure_list li:after, .main_procedure .procedure_list li dl dd{font-size:14px;}
		.main_procedure .procedure_list li:after{top:50%;}
		.main_procedure .procedure_list li dl dt{font-size:12px; top:65%;}

		.main_package .package_list > li{width:100%;}
		.main_package .package_list > li.hosting{width:100%;}
		.main_package .package_list .badge{font-size:15px;}
		.main_package .package_list .merit{top:20px;}
		.main_package .package_list .info:after{width:25px; margin:26px 0;}
		.main_package .package_list .info dt + dd{margin-top: 15px;}
		.main_package .package_list .info dd{font-size:13px;}
		.main_package .package_list .info dd strong em{font-size:21px;}
		.main_package .package_list .info dd b{font-size:15px;}
		.main_package .package_list .info dd.txt{font-size:18px;font-weight: 500;}
		.main_package .package_list .info dt + dd.txt{margin-top: 17px;}
		.main_package .package_list .exp.range{flex-wrap:wrap;}

		.main_package .package_list .exp dt{border-color:#aaa; margin-right:10px;}
		.main_package .package_list .exp dd{font-size:13px; width:calc(100% - 115px);}
		.main_package .package_list .exp dd span{font-size:13px;letter-spacing: -0.2px;margin-left: 5px;}
		.main_package .package_list .exp dd strong{font-weight:600;}
		.main_package .package_list .noti{margin-top: 29px;}
		.main_package .package_list .noti dt{padding-left: 26px;}
		.main_package .package_list .noti dt:before{width:17px;height:17px;font-size:12px;top: 1px;}
		.main_package .package_list .submit_btn{bottom:45px;}
		.main_package .package_list p{font-size:16px;line-height: 142%;}

	}
	@media only screen and (max-width:640px){
		.main_section, .main_section#section01{top:-158px;}

		.main_content .main_tittle h6{font-size:18px; font-weight:600;}
		.main_content .main_tittle p{font-size:14px; letter-spacing:-0.2px;}
		.main_content .submit_btn span{width:190px; height:50px; font-size:16px;}

		.main_benefits{margin-top:49px; padding-bottom:40px;}
			
		.main_benefits .BenefitSwiper{padding-right:15vw; margin-top:30px;}
		.main_benefits .benefits_list{margin-top:0; border-bottom:0; padding-bottom:0;gap:0;}
		.main_benefits .benefits_list{flex-wrap:nowrap;}
		.main_benefits .benefits_list li{border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,0.1);padding: 16px 18px 79px;}
			.main_benefits .benefits_list li:before{width:55px; height:55px; background-size:30px auto;}
		.main_benefits .benefits_list li dl dt + dd{margin-top: 7px;}
		.main_benefits .benefits_list li dl dt br, .main_benefits .benefits_list li dl dd br{display:block;}
		.main_benefits .benefits_list li dl dd{font-size:13px;line-height: 153%;letter-spacing: 0;}

		.main_service{margin-top:49px; padding-bottom:80px;}
		.main_service .ServiceSwiper{margin-top:30px;}
		.main_service .service_list li{border-radius:10px;box-shadow: 0 0 9px rgb(0 0 0 / 9%);padding: 142px 15px 33px;}
		.main_service .service_list li:before{width:85px;height:85px;background-size: 47% auto;top: 30px;}
		.main_service .service_list li dl dt + dd{margin-top: 13px;}
		
		.main_procedure{border-radius:0 40px 0 0; padding-top:49px; padding-bottom:60px;}
		.main_procedure .procedure_list{height:auto; display:block; margin-top:36px;}
		.main_procedure .procedure_list li, .main_procedure .procedure_list li.on{width:100%; padding:39px 15px 34px 161px; height:auto;}
		.main_procedure .procedure_list li{margin:0; border-radius:10px;}
			.main_procedure .procedure_list li + li{margin-top:9px;}
			.main_procedure .procedure_list li.on{ transform:none;}
			.main_procedure .procedure_list li.on:before{opacity:1;}
			.main_procedure .procedure_list li:before{top:27px; transform:none; left:28px;}
			.main_procedure .procedure_list li:nth-child(1):before{width:38px; height:37px; }
			.main_procedure .procedure_list li:nth-child(2):before{width:36px; height:35px;}
			.main_procedure .procedure_list li:nth-child(3):before{width:38px; height:31px;}
			.main_procedure .procedure_list li:nth-child(4):before{width:34px; height:33px;}
			.main_procedure .procedure_list li:nth-child(5):before{width:39px; height:36px;}
			.main_procedure .procedure_list li.on:nth-child(1):before{background-image:url('/images/neweb/skin/main_procedure_icon01_on.png');}
			.main_procedure .procedure_list li.on:nth-child(2):before{background-image:url('/images/neweb/skin/main_procedure_icon02_on.png');}
			.main_procedure .procedure_list li.on:nth-child(3):before{background-image:url('/images/neweb/skin/main_procedure_icon03_on.png');}
			.main_procedure .procedure_list li.on:nth-child(4):before{background-image:url('/images/neweb/skin/main_procedure_icon04_on.png');}
			.main_procedure .procedure_list li.on:nth-child(5):before{background-image:url('/images/neweb/skin/main_procedure_icon05_on.png');}
		.main_procedure .procedure_list li:after, .main_procedure .procedure_list li.on:after{top:38px; left:83px; transform:none; font-size:18px;}
		.main_procedure .procedure_list li dl{text-align:left;}
			.main_procedure .procedure_list li dl:after, .main_procedure .procedure_list li.on dl:after{width:30px;height:30px;top:auto;bottom: -15px;right: auto;left: 50%;transform: translateX(-50%) rotate(90deg); background-size:5px auto;}
			.main_procedure .procedure_list li dl:after{background-color:#aaa;}
			.main_procedure .procedure_list li.on dl:after{background-color:#f38d09; background-image:url('/images/neweb/skin/main_procedure_arrow.png') ;}
		.main_procedure .procedure_list li dl dt, .main_procedure .procedure_list li.on dl dt{position:relative; top:0; left:0; transform:none; width:100%;}
		.main_procedure .procedure_list li dl dt{font-size:15px;}
		.main_procedure .procedure_list li dl dd{display:none; overflow:hidden;opacity:0; position:relative; top:0; left:0; transform:none; width:calc(100% + 146px); margin-left:-146px; margin-top:15px; text-align:center;}
		.main_procedure .procedure_list li.on dl dd{display:block;}

		.main_package{padding-top:59px; padding-bottom:72px;}
		.main_package .package_list{margin-top:27px;}
		.main_package .package_list > li{border-radius:20px;padding: 39px 15px 133px 27px;}
		.main_package .package_list .badge{font-size: 11px;width: 48px;height: 50px;font-weight: 500;top: -27px;left: -13px;}
		.main_package .package_list p{font-size:14px;}

		.main_sample{padding-top:59px;}
		.main_sample .prod_list li{border-radius:5px;}
			.main_sample .prod_list li:nth-child(n+7){display:none;}
		.main_sample .submit_btn{margin-top:30px;}
		.main_sample .submit_btn span{box-shadow:none;}

		.main_ftr_bnr{margin-top:80px;}
		.main_ftr_bnr .main_tittle{display:block; padding-bottom:20px;}
		.main_ftr_bnr .main_tittle h6 + .submit_btn{margin:17px 0 0;}
		.main_ftr_bnr .main_tittle .submit_btn span{width:140px; height:45px; font-size:16px; font-weight:900;}
	}
	@media only screen and (max-width:479px){
		.main_section, .main_section#section01{top:-148px;}

		.main_content .main_tittle h6{font-size:17px;}
		.main_benefits .BenefitSwiper{padding-right:33.5vw}

		.main_ftr_bnr .main_tittle .submit_btn span{height:40px; font-size:15px;}
		
		/*package*/
		.main_package .package_list .merit strong{font-size:24px;}
		.main_package .package_list .exp + .exp{margin-top:24px;}
		.main_package .package_list .exp dt{width:100px;}
		.main_package .package_list .exp dd p.price{font-size:14px;}
		.main_package .package_list .exp dd p.price strong{font-size:20px;}
		.main_package .package_list .exp dd .c_price{font-size:14px;margin-top:12px;}
		.main_package .package_list .exp dd strong{font-size:22px;}
		.main_package .package_list .exp.range dd{width:100%;margin-top:10px;}
		.main_package .package_list .exp dd em{font-size:13px;}
		
		.main_package .package_list > li.hosting{padding:30px 20px 35px;}
		.main_package .package_list li.hosting .info:after{margin:20px 0 15px;}
		.main_package .package_list > li.hosting .host_price > div > span{font-size:14px;}
		.main_package .package_list > li.hosting .host_price > div p{font-size:16px;}
		.main_package .package_list > li.hosting .host_price .save_price strong, .main_package .package_list > li.hosting .host_price .traffic_price strong{font-size:20px;}
		.main_package .package_list > li.hosting .host_price .traffic_price strong.price{margin-left:6px;}
		
		.main_package .w_custom > .noti{font-size:15px;margin-top:30px;line-height:1.5;}
		
	}
	@media only screen and (max-width:374px){
		.main_content .main_tittle h3, .main_content .main_tittle h4{font-size:25px;}
		.main_content .main_tittle h5{font-size:18px;}
		.main_content .main_tittle h6{font-size:15px;}
		.main_content .main_tittle p{font-size:13px;}
		.main_content .submit_btn span{font-size:15px; width:180px; height:45px;}

		.main_benefits:before, .main_benefits:after{font-size:27vw;}
		.main_benefits .benefits_list li dl dt{font-size:15px;}
		.main_benefits .benefits_list li dl dd{font-size:12px;}

		.main_service .service_list li dl dt{font-size:17px;}
		.main_service .service_list li dl dd{font-size:12px;}

		.main_procedure .procedure_list li, .main_procedure .procedure_list li.on{padding:39px 15px 32px 150px;}
		.main_procedure .procedure_list li:after, .main_procedure .procedure_list li.on:after{font-size:17px;}
		.main_procedure .procedure_list li dl dt{font-size:14px;}
		.main_procedure .procedure_list li dl dd{width:calc(100% + 135px); margin-left:-135px; font-size:13px;}

		.main_package .package_list .badge{left:-10px;}
		.main_package .package_list .merit{width:70px; height:70px; font-size:14px;}
			.main_package .package_list .recom .merit{font-size:15px;}
		.main_package .package_list .info{padding-right:80px;}
		.main_package .package_list .info dt{font-size:23px;}
		.main_package .package_list .info dd{font-size:12px;}
			.main_package .package_list .info dd.txt{font-size:16px;}
		.main_package .package_list .info dd b{font-size:14px;}
		.main_package .package_list .info dd strong em{font-size:20px;}
		.main_package .package_list .exp{flex-wrap:wrap;}
			.main_package .package_list .exp + .exp{margin-top:20px;}
		.main_package .package_list .exp dt{width:100%;}
		.main_package .package_list .exp dd{width:100%; margin-top:10px;}
		.main_package .package_list .noti dt, .main_package .package_list .noti dd{font-size:13px;}
		.main_package .package_list p{font-size:13px;}
		
		.main_ftr_bnr .main_tittle .submit_btn span{height:38px; font-size:14px;}
	}
	@media only screen and (max-width:320px){
		.main_package .package_list > li.hosting .host_price > div > span{font-size:13px;}
		.main_package .package_list > li.hosting .host_price > div p{font-size:14px;}
		.main_package .package_list > li.hosting .host_price .save_price strong, .main_package .package_list > li.hosting .host_price .traffic_price strong{font-size:18px;}
	}

/* ===== 원본 neweb_2026.css ===== */
/* ─────────────────────────────────────────────
   2026-11 「전문가가 직접 만드는 무료 맞춤 홈페이지」 개편
   (광고 심사: '무료' 와 조건이 같은 화면에 보이도록)
───────────────────────────────────────────── */

/* 첫 화면 조건 문구 */
.main_visual .slick-slide .txt_box .nw_cond{display:block;width:max-content;max-width:100%;box-sizing:border-box;margin-top:30px;padding:12px 22px;border-radius:10px;background:rgba(0,0,0,0.42);font-size:21px;font-weight:500;color:#fff;line-height:1.5;letter-spacing:-0.3px;font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕',dotum,sans-serif;}
.main_visual .slick-slide .txt_box .nw_cond b{font-weight:700;color:#ffcc00;}
.main_visual .slick-slide .txt_box .nw_cond em{display:block;margin-bottom:2px;font-style:normal;font-weight:500;}
.main_visual .slick-slide .txt_box .nw_cond span{margin-left:4px;}
.main_visual .slick-slide .txt_box .nw_cond + .more_btn{display:block;width:max-content;margin-top:30px;}
.main_visual .slick-slide .txt_box .more_btn span{background:#f38d09;border-color:#f38d09;font-size:17px;}
.main_visual .slick-slide.active p.nw_cond.TxtAni{transition-delay:0.5s;}

/* 혜택: 1년 무상 유지보수 */
.main_benefits .nw_plus{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 16px;margin-top:35px;padding:22px 30px;border-radius:10px;background:#f38d09;text-align:center;box-sizing:border-box;}
.main_benefits .nw_plus .tag{display:inline-block;padding:4px 12px;border-radius:15px;background:#fff;color:#f38d09;font-size:14px;font-weight:700;}
.main_benefits .nw_plus strong{font-size:24px;font-weight:900;color:#fff;}
.main_benefits .nw_plus em{font-size:17px;font-weight:500;color:#fff;}

/* 가격 영역 */
.main_package .nw_package .merit{font-size:24px;}
.main_package .nw_package .exp dd .c_price.nw_first{margin-top:0;}
.main_package .nw_package .exp dd .c_price strong{margin:0 3px 0 5px;}
.main_package .nw_package .exp dd .c_price span{margin-left:6px;}
.main_package .nw_package .exp dd .nw_small{width:100%;margin-top:12px;font-size:15px;font-weight:500;color:#666;line-height:1.5;letter-spacing:-0.2px;}
.main_package .nw_package > li.hosting .nw_vat{margin-top:14px;font-size:15px;color:#888;text-align:right;}
.main_package .nw_package .nw_terms_list > li{display:flex;gap:12px;padding:9px 0;border-bottom:1px dashed #ddd;font-size:16px;line-height:1.5;color:#444;}
.main_package .nw_package .nw_terms_list > li:last-child{border-bottom:0;}
.main_package .nw_package .nw_terms_list > li b{flex:0 0 76px;font-weight:700;color:#f33e0d;}

/* 자주 묻는 질문 */
.main_faq{padding-top:120px;}
.main_faq .faq_list{margin-top:40px;}

@media only screen and (max-width:1023px){
	.main_visual .slick-slide .txt_box .nw_cond{font-size:18px;}
	.main_faq{padding-top:90px;}
}
@media only screen and (max-width:767px){
	.main_visual .slick-slide .txt_box .nw_cond{position:relative;z-index:2;width:auto;max-width:92%;margin-top:18px;padding:9px 14px;font-size:14px;background:rgba(24,12,96,0.9);box-shadow:0 4px 14px rgba(0,0,0,0.25);}
	.main_visual .slick-slide .txt_box .nw_cond span{display:block;margin-left:0;}
	.main_visual .slick-slide .txt_box .nw_cond + .more_btn{margin-top:18px;}
	.main_visual .slick-slide .txt_box .more_btn span{font-size:14px;}
	.main_benefits .nw_plus{padding:16px 18px;margin-top:25px;}
	.main_benefits .nw_plus strong{font-size:19px;}
	.main_benefits .nw_plus em{font-size:14px;}
	.main_package .nw_package .nw_terms_list > li{font-size:14px;gap:8px;}
	.main_package .nw_package .nw_terms_list > li b{flex-basis:64px;}
	.main_package .nw_package .exp dd .nw_small{font-size:13px;}
	.main_package .nw_package .exp:not(.range){flex-wrap:wrap;}
	.main_package .nw_package .exp:not(.range) dd{display:block;width:100%;margin-top:10px;}
	.main_package .nw_package .exp dd .c_price{display:block;line-height:1.6;}
	.main_package .nw_package .exp dd .c_price strong{margin:0 2px 0 3px;}
	.main_package .nw_package .exp dd .c_price span{margin-left:4px;}
	.main_faq{padding-top:60px;}
	.main_faq .faq_list{margin-top:25px;}
}

/* 견적문의: 약정 조건 확인 */
.nw_agree_row .nw_req{color:#f38d09;font-style:normal;font-weight:700;}
.policy .policy_cont.nw_agree_row p.nw_agree_desc{margin:4px 0 0 30px;font-size:14px;color:#777;line-height:1.6;}
@media only screen and (max-width:767px){
	.policy .policy_cont.nw_agree_row p.nw_agree_desc{margin-left:28px;font-size:13px;}
}

/* 문의 완료 페이지 */
.nw_inquiry_ok{padding:40px 20px 120px;text-align:center;}
.nw_inquiry_ok .ico{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:100%;background:#f38d09;color:#fff;font-size:44px;font-weight:700;}
.nw_inquiry_ok h4{margin-top:28px;font-size:32px;font-weight:900;color:#333;}
.nw_inquiry_ok p{margin-top:16px;font-size:17px;line-height:1.7;color:#666;}
.nw_inquiry_ok p.tel{margin-top:10px;}
.nw_inquiry_ok p.tel a{color:#f38d09;font-weight:700;}
.nw_inquiry_ok .btns{margin-top:40px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.nw_inquiry_ok .btns a{display:inline-flex;align-items:center;height:52px;padding:0 34px;border-radius:26px;font-size:16px;font-weight:700;border:1px solid #333;color:#333;}
.nw_inquiry_ok .btns a.point{background:#f38d09;border-color:#f38d09;color:#fff;}
@media only screen and (max-width:767px){
	.nw_inquiry_ok h4{font-size:24px;}
	.nw_inquiry_ok p{font-size:15px;}
}
/*NW_PREVIEW_TMP*/html.nw_preview [data-aos]{opacity:1!important;transform:none!important;visibility:visible!important;}

/* ===== 원본 slick.css ===== */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* ===== 원본 swiper.css ===== */
/**
 * Swiper 4.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 14, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* ===== 원본 swiper-bundle.min.css ===== */
/**
 * Swiper 6.7.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 1, 2021
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

/* ===== 원본 cssreset-context-min.css ===== */
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

.yui3-cssreset html{color:#000;background:#FFF;font-family: 돋움, Dotum;}
.yui3-cssreset body,.yui3-cssreset a,.yui3-cssreset div,.yui3-cssreset dl,.yui3-cssreset dt,.yui3-cssreset dd,.yui3-cssreset ul,.yui3-cssreset ol,.yui3-cssreset li,.yui3-cssreset h1,.yui3-cssreset h2,.yui3-cssreset h3,.yui3-cssreset h4,.yui3-cssreset h5,.yui3-cssreset h6,.yui3-cssreset pre,.yui3-cssreset code,.yui3-cssreset form,.yui3-cssreset fieldset,.yui3-cssreset legend,.yui3-cssreset input,.yui3-cssreset textarea,.yui3-cssreset p,.yui3-cssreset span,.yui3-cssreset b,.yui3-cssreset i,.yui3-cssreset u,.yui3-cssreset strike,.yui3-cssreset blockquote,.yui3-cssreset th,.yui3-cssreset td{font-size:inherit;font-family:inherit;font-weight:inherit;margin:0;padding:0}.yui3-cssreset table{border-collapse:collapse;border-spacing:0}.yui3-cssreset fieldset,.yui3-cssreset img{border:0}.yui3-cssreset address,.yui3-cssreset caption,.yui3-cssreset cite,.yui3-cssreset code,.yui3-cssreset dfn,.yui3-cssreset em,.yui3-cssreset del,.yui3-cssreset strong,.yui3-cssreset th,.yui3-cssreset var{font-style:normal;font-weight:normal}.yui3-cssreset ol,.yui3-cssreset ul{list-style:none}.yui3-cssreset caption,.yui3-cssreset th{text-align:left}.yui3-cssreset h1,.yui3-cssreset h2,.yui3-cssreset h3,.yui3-cssreset h4,.yui3-cssreset h5,.yui3-cssreset h6{font-size:100%;font-weight:normal}.yui3-cssreset q:before,.yui3-cssreset q:after{content:''}.yui3-cssreset abbr,.yui3-cssreset acronym{border:0;font-variant:normal}.yui3-cssreset sup{vertical-align:text-top}.yui3-cssreset sub{vertical-align:text-bottom}.yui3-cssreset input,.yui3-cssreset textarea,.yui3-cssreset select{font-family:inherit;font-size:inherit;font-weight:inherit}.yui3-cssreset input,.yui3-cssreset textarea,.yui3-cssreset select{*font-size:100%}.yui3-cssreset legend{color:#000}#yui3-css-stamp.cssreset-context{display:none}
.yui3-cssreset u{font-style:inherit;}
.yui3-cssreset em,.yui3-cssreset b{font-weight:bold;}
.yui3-cssreset cite,.yui3-cssreset i{font-style:italic;}

/* ===== 빌더2 보정 (2026-11-11) — 빌더가 깔아 주는 틀과 원본 틀을 맞춘다 ===== */
body.flex { display:block; }                                  /* 빌더 body 는 flex-col — 원본은 보통 흐름 */
main#container.w_custom { width:auto; max-width:none; margin:0; padding-left:0; padding-right:0; }  /* 서브에서 빌더가 붙이는 w_custom 은 본문 전체 폭을 줄인다 */
.bc-breadcrumb { display:none; }                              /* 빌더 자동 경로 줄 — 원본에 없음 */
.nw-page { display:block; }
/* 관리자가 편집기로 페이지를 열어 저장하면 본문 상자 앞뒤에 빈 글 줄이 하나씩 붙는다(편집기가 커서 둘 자리를 만든다) — 화면에서는 안 보이게 */
main#container > .se-component.se-text:has(> p.se-text-paragraph:only-child > br:only-child) { display:none; }
#wrap.nw-own-bnr > .main_ftr_bnr { display:none; }
/* ===== 빌더가 그리는 화면(제품 목록·보기, FAQ)을 원본 모양으로 (2026-11-11) — 본체 뷰는 못 고치므로 CSS 로만 ===== */
#wrap.sub_goods .pf-page, #wrap.sub_board main#container > .sub_board { max-width:1280px; width:auto; margin:0 auto; padding:0 20px; box-sizing:border-box; }
/* 제품 목록 */
.pf-page--list .pf-list-title, .pf-page--list .pf-list-filter, .pf-page--list .pf-search-bar, .pf-page--list .pf-view-toggle, .pf-page--list > .mb-6 { display:none !important; }
.pf-page--list .pf-view-bar { margin:0 0 30px; font-size:14px; color:#333; }
.pf-page--list .pf-list-grid { display:grid !important; grid-template-columns:repeat(3, 1fr) !important; gap:60px 36px !important; }
.pf-page--list .pf-card { border:0 !important; background:none !important; text-align:center; overflow:visible !important; }
.pf-page--list .pf-card-thumb { padding-bottom:70% !important; border-radius:10px; box-shadow:4.5px 7.8px 21px 0 rgba(0,0,0,.18); }
.pf-page--list .pf-card-img { object-position:top; transition:transform .3s; }
.pf-page--list .pf-card:hover .pf-card-img { transform:scale(1.04); }
.pf-page--list .pf-card-body { padding:28px 0 0 !important; }
.pf-page--list .pf-card-title { font-size:15px !important; font-weight:500 !important; color:#666 !important; }
.pf-page--list .pf-card-desc { font-size:22px !important; font-weight:600; color:#222 !important; margin-top:12px !important; }
/* 제품 보기 */
.pf-page .pf-breadcrumb, .pf-page .pf-group-badge { display:none !important; }
.pf-page .pf-main { border:0 !important; border-radius:0 !important; overflow:visible !important; }
.pf-page .pf-top { display:flex !important; flex-direction:row !important; align-items:flex-start; }
.pf-page .pf-gallery { width:630px !important; flex:0 0 630px; padding:0 !important; box-sizing:border-box; }
.pf-page .pf-gallery .pf-main-image, .pf-page .pf-gallery .pf-thumbnail, .pf-page .pf-gallery .pf-gallery-slide { height:440px !important; max-height:none !important; margin:0 !important; border:1px solid #ccc; border-radius:10px !important; overflow:hidden; box-shadow:4.5px 7.8px 21px 0 rgba(0,0,0,.38); box-sizing:border-box; padding:0 !important; }
.pf-page .pf-gallery img { width:100% !important; height:100% !important; object-fit:cover !important; object-position:top; }
.pf-page .pf-gallery .pf-thumbs { display:none !important; }
.pf-page .pf-info { width:calc(100% - 630px) !important; flex:1 1 auto; padding:0 0 0 80px !important; border:0 !important; box-sizing:border-box; }
.pf-page .pf-title { font-size:15px !important; font-weight:500 !important; color:#666 !important; margin:0 0 15px !important; }
.pf-page .pf-description { font-size:36px !important; font-weight:600; color:#333 !important; line-height:130% !important; padding:0 0 30px; border-bottom:1px solid #ccc; white-space:normal !important; }
.pf-page .pf-fields { margin:16px 0 0 !important; padding:0 !important; border:0 !important; }
.pf-page .pf-fields > * { margin:0 !important; }
.pf-page .pf-field { display:flex; padding:7px 0 6px; font-size:15px !important; }
.pf-page .pf-label { width:100px !important; flex:0 0 100px; color:#222 !important; font-weight:500 !important; line-height:28px; }
.pf-page .pf-value { color:#666 !important; line-height:28px; letter-spacing:-.3px; }
.pf-page .pf-value .pf-text { white-space:pre-line; }
.pf-page:not(.pf-page--list) .pf-description:after { content:' (pc/모바일 대응 반응형)'; }   /* 원본 보기 화면 제목 뒤 문구 — 목록에는 이름만 나오게 요약설명엔 이름만 둔다 */
.pf-page .pf-buttons { margin:20px 0 0 !important; padding:0 !important; border:0 !important; }
.pf-page .pf-btn { height:70px; line-height:70px; padding:0 !important; font-size:22px !important; font-weight:600 !important; letter-spacing:-.66px; color:#fff !important; background:#333 !important; border-radius:35px !important; box-shadow:2px 3.5px 24px 0 rgba(0,0,0,.18); }
.pf-page .pf-bottom { border:0 !important; margin-top:100px; }
.pf-page .pf-content { padding:0 !important; }
@media (max-width:1280px) { .pf-page .pf-gallery { width:50% !important; flex-basis:50%; } .pf-page .pf-info { width:50% !important; padding-left:6vw !important; } .pf-page .pf-description { font-size:34px !important; } }
@media (max-width:1023px) {
  .pf-page--list .pf-list-grid { grid-template-columns:repeat(2, 1fr) !important; gap:40px 20px !important; }
  .pf-page .pf-top { display:block !important; } .pf-page .pf-gallery, .pf-page .pf-info { width:100% !important; padding:0 !important; }
  .pf-page .pf-gallery .pf-main-image, .pf-page .pf-gallery .pf-thumbnail, .pf-page .pf-gallery .pf-gallery-slide { height:auto !important; aspect-ratio:630/440; }
  .pf-page .pf-info { margin-top:40px; } .pf-page .pf-description { font-size:26px !important; } .pf-page .pf-btn { height:56px; line-height:56px; font-size:18px !important; } .pf-page .pf-bottom { margin-top:60px; }
}
@media (max-width:640px) { .pf-page--list .pf-list-grid { grid-template-columns:1fr 1fr !important; gap:30px 12px !important; } .pf-page--list .pf-card-desc { font-size:16px !important; } .pf-page--list .pf-card-title { font-size:13px !important; } .pf-page--list .pf-card-body { padding-top:16px !important; } }
/* FAQ 게시판 */
.sub_board .search_wrap { display:none; }
.sub_board .faq_box { border-top:2px solid #222; }
.sub_board .faq_box > ul > li { border-bottom:1px solid #e5e5e5; }
.sub_board .faq_box .faq-toggle { position:relative; display:flex; align-items:center; width:100%; padding:30px 100px 30px 60px; box-sizing:border-box; background:none; border:0; text-align:left; cursor:pointer; font-family:inherit; }
.sub_board .faq_box .faq-toggle p { font-size:18px; font-weight:500; color:#222; }
.sub_board .faq_box .mark { display:block !important; flex:0 0 40px; width:40px; height:40px; line-height:40px; border-radius:50%; background:#222; color:#fff; text-align:center; font-family:'Montserrat',sans-serif; font-size:16px; font-weight:700; margin-right:40px; }
.sub_board .faq_box .faq-toggle:after { content:''; position:absolute; right:60px; top:50%; width:14px; height:14px; margin-top:-12px; border-right:1px solid #666; border-bottom:1px solid #666; transform:rotate(45deg); transition:transform .2s; }
.sub_board .faq_box .faq-toggle.on:after { transform:rotate(-135deg); margin-top:-3px; }
.sub_board .faq_box .a_box { display:none; padding:30px 60px; background:#f7f7f7; box-sizing:border-box; }
.sub_board .faq_box .faq_content { display:flex; align-items:flex-start; font-size:16px; line-height:1.7; color:#555; }
.sub_board .faq_box .faq_content .mark { background:#f38d09; }
.sub_board .view_btn { margin-top:40px; }
@media (max-width:1023px) { .sub_board .faq_box .faq-toggle { padding:20px 50px 20px 10px; } .sub_board .faq_box .faq-toggle p { font-size:15px; } .sub_board .faq_box .mark { flex-basis:30px; width:30px; height:30px; line-height:30px; font-size:13px; margin-right:14px; } .sub_board .faq_box .faq-toggle:after { right:16px; } .sub_board .faq_box .a_box { padding:20px 10px; } .sub_board .faq_box .faq_content { font-size:14px; } }
               /* 이벤트 화면은 본문 안의 자기 띠를 쓴다 */