.subContainer {position: relative}

.s0506 .more_detail_box ul {text-align: center}
.s0506 .more_detail_box li > p:before {content: ''; display: inline-block; vertical-align: middle; position: relative; padding-right: 10px}


/* 서브 비주얼 */
div.sub_vi {width: 100%; height: 220px; position: relative; text-align: center; display: table}
div.sub_vi .sub_tit{font-size: 40px; color: #fff; font-weight: 500; display: table-cell; vertical-align: middle; text-shadow: 1px 2px 8px #000}
div.sub_vi.pr_center{background: url(../img/sub_visual/pr_center.jpg) no-repeat; background-size: cover; background-position-x: 50%}
/* 230112추가시작 */
div.sub_vi.pd_center{background: url(../img/sub_visual/product.jpg) no-repeat; background-size: cover; background-position-x: 50%}
/* 230112추가끝 */

div.sub_vi.company_info{background: url(../img/sub_visual/cmp_info.jpg) no-repeat; background-size: cover; background-position-x: 50%}
/* 230112추가시작*/
div.sub_vi.ci_info{background: url(../img/sub_visual/ci_info.jpg) no-repeat; background-size: cover; background-position-x: 50%}
/* 230112추가끝*/
div.sub_vi.service_center{background: url(../img/sub_visual/service_center.jpg) no-repeat; background-size: cover; background-position-x: 50%}
div.sub_vi.product_svi{background: url(../img/sub_visual/product_svi.jpg) no-repeat; background-size: cover; background-position-x: 50%}

/* 서브 네비게이션 */
div.subNavigationWrap {border-bottom: 1px solid #d9d9d9}
div.subNavigationWrap ul:after {content: ''; display: block; clear: both}
div.subNavigationWrap ul li {display: table; padding: 0 20px 0 40px; background: url(https://www.zalman.com/resources/img/naviArrGray.png) no-repeat left center; position: relative; height: 52px; float: left}
div.subNavigationWrap ul li:first-child {padding-left: 0; background: none}
div.subNavigationWrap ul li a {display: block; color: #555; padding: 16px 0}
div.subNavigationWrap ul li.current_loc a {color: #273e6d}
div.subNavigationWrap ul li:first-child a {padding-right: 0}

/* 서브 타이틀 */
.sm_title {position: relative; text-align: center; border-bottom: 1px solid #ddd; padding: 90px 0 50px; margin-bottom: 70px}
.sm_title:after {content: ""; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 3px; width: 21%;
    background-color: #111}
.sm_title h4 {font-size: 40px; font-weight: 500; word-break: keep-all}
div.ssm_title {position: relative; text-align: center; margin-bottom: 30px}
div.ssm_title h4 {font-size: 26px; font-weight: 500}
.sub_txt02 {font-size: 18px; font-weight: 500; text-align: center; line-height: 1.9em; word-break: keep-all}
.sub_txt02 > strong {color: #0d47a1; font-weight: bold; font-size: 20px}
.sub_txt03 {text-align: center; color: #555; line-height: 1.5em}
.sub_txt03 > strong {color: #333; font-weight: bold}


/* 게시판 검색란 */
div.boardSeaWrap {margin-bottom: 15px}
div.boardSeaWrap:after {content: ''; display: block; clear: both}
div.productSeaWrap {text-align: center; margin-bottom: 20px}
div.productSeaWrap div.boardSearch {float: none}
.prd_cnt_sec {text-align: right; margin-bottom: 20px}
div.totalWrap {float: left; margin-top: 20px}
div.totalWrap p {font-size: 17px; color: #777}
div.totalWrap p .total_cnt {color: #273e6d}
div.boardSearch {float: right}
.boardSeaBtn {width: 40px; height: 40px; background: url(../img/boardSeaBtn.png) no-repeat 0 0; position: relative; display: inline-block; vertical-align: bottom}
input.seaTxt {width: 400px; padding: 7px; border: 1px solid #ccc}

/* 게시판 */
table.boardList {border-collapse: separate; border-spacing: 0; clear: both; border-top: 2px solid #000; margin-bottom: 60px}
table.boardList thead th {text-align: center; padding: 25px 0; border-bottom: 1px solid #ccc; font-weight: bold; font-size: 18px}
table.boardList tbody td {text-align: center; padding: 25px 0; border-bottom: 1px solid #ccc; font-size: 17px; position: relative}
table.boardList tbody td.title {text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 25px 15px}
table.boardList tbody td a {color: #333}
table.boardList tbody tr td.attachFile a, table.boardList tbody tr td.downFile a {background: url(../img/icon_attach.png) no-repeat center center; display: inline-block; width: 18px; height: 18px; overflow: hidden; text-indent: -9999px}
table.boardList tbody tr.notice td.board_num {background: url(../img/icon_notice.png) no-repeat center center}
table.boardList tbody tr.notice td.title a {font-weight: bold}
table.boardList tbody tr.new td.title a {padding-right: 30px; background: url(../img/icon_new.png) no-repeat right center}

/* 게시판 상세 */
div.boardViewHead {border-top: 2px solid #000; border-bottom: 1px solid #ccc; text-align: center; padding: 25px}
div.boardViewHead h5 {font-size: 20px; font-weight: 500; display: inline-block}
div.boardViewHead h5.new {padding-right: 35px; background: url(../img/icon_new.png) no-repeat right}
div.boardViewTxt {min-height: 400px; padding: 25px}
div.boardViewTxt > p {line-height: 1.5em}
div.boardViewTxt table {border-collapse: separate; border-spacing: 0; clear: both; border-top: 2px solid #000; margin-bottom: 60px}
div.boardViewTxt table th {text-align: center; padding: 25px 0; border-bottom: 1px solid #ccc; font-weight: bold; font-size: 18px; border-right: 1px solid #ccc;}
div.boardViewTxt table td {text-align: center; padding: 25px 0; border-bottom: 1px solid #ccc; font-size: 17px; position: relative; border-right: 1px solid #ccc;}
div.boardViewTxt table th:last-of-type, div.boardViewTxt table td:last-of-type {border-right: none}

div.boardViewAttach {padding: 1% 36px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f1f5f7; width: 100%; display: table; table-layout: fixed}
div.boardViewAttach > * {display: table-cell; vertical-align: middle}
span.attach_tit {width: 112px}
div.all_atach_file_area {width: 20%}
a.attach_file {display: inline-block; margin: 7px 15px 7px 0; border: 1px solid #ccc; padding: 10px 20px 10px 45px; background: url(../img/icon_attach.png) no-repeat 16px; background-color: #fff; word-break: break-word}
a.all_attach_file {display: inline-block; border: 1px solid #ccc; padding: 10px 20px 10px 45px; background: url(../img/icon_download_white.png) no-repeat 16px; background-color: #000; max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: right; color: #fff}

.viewPagingWrap ul li {border-bottom: 1px solid #ccc; padding: 22px 30px; cursor: pointer}
.viewPagingWrap ul li:hover a.viewPrev, .viewPagingWrap ul li:hover a.viewNext {color: #273e6d}
.viewPagingWrap ul li a {display: inline-block; max-width: 85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.viewPagingWrap ul li a.viewPrev, .viewPagingWrap ul li a.viewNext {color: #777}
.viewPagingWrap ul li a.viewPagingTxt {color: #555; margin-left: 40px}
.viewPagingWrap ul li a.viewPrev {padding-left: 30px; background: url(../img/boardPrevArr.png) no-repeat left center}
.viewPagingWrap ul li a.viewNext {padding-left: 30px; background: url(../img/boardNextArr.png) no-repeat left center}
div.boardBtnWrap {margin: 60px 0 0; text-align: center}

/* 전시회 */
div.exhibitionWrap ul {overflow: hidden}
div.exhibitionWrap ul li {float: left; width: 32%; margin: 0 2% 4% 0; position: relative}
div.exhibitionWrap ul li > a > img {object-fit: cover; min-height: 315px; max-height: 315px; width: 100%}
div.exhibitionWrap ul li > a > p {text-align: center; padding-top: 15px; font-weight: 500}
div.exhibitionWrap ul li:nth-of-type(3n) {margin-right: 0}
div.exhibitionWrap ul li:hover .hover_dim {display: block}
div.exhibitionWrap ul li:hover > a > p {color: #273e6d; font-weight: 500}

/* 공통 리스트 */
div.listWrap {border-top: 2px solid #000; margin-bottom: 70px}
div.listWrap ul > li {padding: 30px 0; display: table; width: 100%; min-height: 320px; position: relative; border-bottom: 1px solid #ccc; table-layout: fixed}
div.listWrap ul > li > div {display: table-cell; vertical-align: middle}
div.listWrap.ty02 ul > li {min-height: auto; padding: 10px 0}
div.listWrap.ty02 ul > li > div {text-align: center}
div.listWrap.ty02 ul > li > div.img_sec {width: 200px}
div.listWrap.ty02 ul > li > div.img_sec > img {width: 100%}
div.listWrap.ty02 ul > li > div.txt_sec {text-align: left; padding: 0 40px}
div.listWrap.ty02 ul > li > div.date_sec {width: 200px}
div.listWrap.ty02 ul > li.th_row {background-color: #f3f3f3}
div.listWrap.ty02 ul > li.th_row > div {font-weight: bold; color: #333}



/* 이벤트 */
div.eventListWrap ul > li {min-height: auto}
div.eventListWrap ul > li > div {display: inline-block}
div.eventListWrap ul > li > .eventImgArea {text-align: center; width: 32%; position: relative; vertical-align: top}
.eventImgArea > a {display: block; position: relative}
.eventTxtArea {vertical-align: top !important; padding: 0 30px 50px; width: 68%; margin-left: -4px}
div.eventListWrap ul > li > div.event_detail {display: none; position: relative; margin-top: 30px; padding: 40px 55px; background: #f1f1f1; line-height: 25px}
.btn_close {position: absolute; top: 30px; right: 30px; width: 28px; height: 28px; overflow: hidden; text-indent: -9999px; background: url(../img/btn_event_close.png) no-repeat center center; background-size: 100%}

.eventTxtArea > dl {position: relative; min-height: 95px}
.eventTxtArea > dl > dt {margin: 15px 0 7px; font-size: 20px; font-weight: 500; display: block; display: -webkit-box; overflow: hidden;  text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 1.3em; max-height: 2.6em}
.eventTxtArea > dl > dd {color: #555}
a.event_status {position: absolute; right: 20px; top: 50%; transform: translateY(-50%)}
.eventTxtArea > dl > dd.event_dateTxt {color: #1565c0; font-weight: 500; position: absolute; bottom: -50px; margin-bottom: 0}
.eventTxtArea > dl > dd:first-of-type {overflow: hidden;}
.eventTxtArea > dl.active > dd:first-of-type {height: 63px}
.eventTxtArea > dl.active:after {content: '...'; position: absolute; left: 0; bottom: -15px}
div.eventImgArea > a:hover .hover_dim {display: block}
div.eventImgArea .hover_dim {height: 100%}
div.eventListWrap .eventTxtArea > a {margin-right: 0;}
.btn_event01 {display: inline-block; width: 160px; padding: 14px 0; text-align: center; border-radius: 5px; background: #1565c0; color: #fff; font-size: 16px; font-weight: bold}
.btn_event02 {display: inline-block; width: 160px; padding: 14px 0; text-align: center; border-radius: 5px; background: #c9c9c9; color: #fff; font-size: 16px; font-weight: bold}

div.eventListWrap.awardList ul > li > .eventImgArea {height: 210px}
div.eventListWrap.awardList ul > li > .eventImgArea > a, div.eventListWrap.awardList ul > li > .eventImgArea > a > img {height: 100%}
.awardList .eventTxtArea .btn_ts {margin-top: 40px}
.awardList .event_detail table td {word-break: keep-all !important; text-align: left; padding: 10px; border-left: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; font-size: 13px; color: #525252; line-height: 20px}
.awardList .eventTxtArea > dl > dt {margin-bottom: 20px}


/* 제품 리뷰 */
div.productReviewWrap.listWrap ul > li {min-height: 240px}
div.productReviewWrap ul > li > .productReviewImgArea {text-align: center; width: 30%}
div.productReviewWrap ul > li > .productReviewTxtArea {vertical-align: top; padding: 20px 0 0 50px}
div.productReviewWrap ul > li > .productReviewTxtArea dd {color: #555}
div.productReviewWrap ul > li > .productReviewTxtArea dt {font-size: 20px; font-weight: 500; margin-bottom: 23px}
/*.productReviewTxtArea dt, .productReviewTxtArea dd {display: block; display: -webkit-box; overflow: hidden;  text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 1.3em; max-height: 1.3em; width: 100%}*/
.productReviewTxtArea dt, .productReviewTxtArea dd {word-break: break-all}
div.productReviewImgArea:hover .hover_dim {display: block}
div.productReviewImgArea .hover_dim {height: 100%}
div.productReviewImgArea > a {position: relative; display: block}

/* 페이징 */
div.pagingWrap {text-align: center; position: relative; padding-bottom: 50px}
div.pagingWrap ul li {display: inline-block; margin-right: 1.5%; padding: 0 2px}
div.pagingWrap ul li.prev_10_page a {display: block; width: 13px; height: 13px; background: url(../img/prev_10_page.png) no-repeat; overflow: hidden; text-indent: -9999px}
div.pagingWrap ul li.prev_page a {display: block; width: 8px; height: 13px; background: url(../img/prev_page.png) no-repeat; overflow: hidden; text-indent: -9999px}
div.pagingWrap ul li.next_10_page a {display: block; width: 13px; height: 13px; background: url(../img/next_10_page.png) no-repeat; overflow: hidden; text-indent: -9999px}
div.pagingWrap ul li.next_page a {display: block; width: 8px; height: 13px; background: url(../img/next_page.png) no-repeat; overflow: hidden; text-indent: -9999px}
div.pagingWrap ul li.prev_10_page {background: url(../img/prev_10_page.png) no-repeat center}
div.pagingWrap ul li.this {border-bottom: 2px solid #273e6d}
div.pagingWrap ul li.this a {color: #273e6d}
div.pagingWrap ul li:last-of-type {margin-right: 0}

/* 제품검색 */
div.product_sea_resultList {border-top: 1px solid #666; border-left: none; border-right: none; margin-bottom: 60px}
div.product_sea_resultList > ul {overflow: hidden}
div.product_sea_resultList > ul li {float: left; width: 33.3%; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 20px; max-height: 456px; position: relative}
div.product_sea_resultList > ul li:nth-child(3n) {border-right: none}
div.prd_img_box {margin-bottom: 20px}
div.prd_img_box > a {text-align: center; height: 300px; overflow: hidden;display: block}
div.prd_img_box > a:hover > img {transform: scale(1.1)}
div.prd_img_box > a > img {height: 100%; transition: all 0.4s}
div.prd_txt_box {text-align: center}
h5.prd_title {font-weight: 500; font-size: 16px; margin-bottom: 5px; text-overflow: ellipsis; overflow:hidden; white-space:nowrap} /*말줄임표 위한 수정 2021 12 28*/
span.prd_detail_title {color: #555; display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 2.5em;}

/* FAQ */
div.faqList {border-top: 2px solid #000; margin-bottom: 60px}
div.faqList > dl dt, div.faqList > dl dd {border-bottom: 1px solid #dbdbdb; position: relative; padding: 2.5% 12% 2.5% 8%}
div.faqList > dl dt {background: url(../img/icon_question.jpg) 2% no-repeat; cursor: pointer}
div.faqList > dl dd {background: url(../img/icon_answer.jpg) 2% no-repeat, #f3f3f3; line-height: 25px}
/*div.faqList > dl dt > span {font-size: 18px; font-weight: 500}*/
div.faqList > dl dt > span.faq_type {color: #1565c0; margin-right: 15px}
div.faqList > dl dt:after {content: ''; position: absolute; width: 23px; height: 15px; right: 2%; top: 50%; background: url(../img/accordion_down.png) no-repeat center; transform: translateY(-50%)}
div.faqList > dl dt.close:after {content: ''; position: absolute; width: 23px; height: 15px; right: 2%; top: 50%; background: url(../img/accordion_up.png) no-repeat; transform: translateY(-50%)}
dd.faq_answer {display: none}

/* 1:1 문의 */
p.inquiry_guide {font-size: 20px; margin-bottom: 20px}
table.inquiry_boardList th {background: #f3f3f3; color: #333; font-weight: bold; text-align: center; border-bottom: 1px solid #ccc; padding: 15px; word-break: keep-all}
table.inquiry_boardList tbody td {text-align: left; padding: 10px 30px}

/* 1:1 문의 완료 */
div.inquiry_register_txt {padding: 55px 10px; width: 100%; background: #eef2f9; text-align: center}
p.inquiry_txt01 {font-size: 20px; margin: 20px 0}
a.link_color {color: #273e6d; font-weight: bold}

/* A/S 안내 */
ul.as_guide_list > li {margin-bottom: 4%}
ul.as_guide_list dt {font-size: 20px; font-weight: 500; background: url(../img/bullet.png) no-repeat left; padding-left: 15px; margin-bottom: 20px}
ul.as_guide_list dd > table {border-top: 1px solid #dbdbdb}
ul.as_guide_list dd > table th {text-align: left}
ul.as_guide_list dd > table th, ul.as_guide_list dd > table td {padding: 2.5%}
ul.as_guide_list dd > table.boardList thead th {border-right: 1px solid #ccc; text-align: center}
ul.as_guide_list dd > table.border_table tbody td {border-left: 1px solid #ccc; text-align: center}
ul.as_guide_list dd > table.border_table tbody td:first-of-type {border-left: none}
ul.as_guide_list dd > table.boardList thead th:last-of-type {border-right: none}
ul.as_guide_list dd > table.border_table {margin-bottom: 30px}
p.supple_txt {line-height: 2em; font-size: 15px}
p.supple_txt > strong {color: #d50000}
ul.as_guide_list > li ol {padding-left: 1.5%}
ul.as_guide_list > li ol > li {line-height: 2em}
ul.as_guide_list > li ol > li >strong {color: #d50000}
ul.as_guide_list dd > table td > a {color: #1256a3}
ul.as_guide_list dd {margin-bottom: 30px}

/* A/S 신청 및 조회 */
div.as_requestWrap ul {overflow: hidden}
div.as_requestWrap ul li {float: left; position: relative; width: 31.5%; margin-right: 2.5%; min-height: 430px; border: 1px solid #e5e5e5}
div.as_requestWrap ul li:last-of-type {margin-right: 0}
div.as_request_txtBox {text-align: center; line-height: 6.5em}
div.as_requestWrap ul li:last-of-type .as_request_txtBox {line-height: 1.2em; padding: 5%}
div.as_request_txtBox > p {font-size: 20px; color: #273e6d; font-weight: bold}
div.as_request_txtBox > span {font-size: 14px; display: inline-block; margin-top: 10px}
div.as_requestWrap ul li div.hover_dim {height: 100%}
div.as_requestWrap ul li:hover .hover_dim {display: block}
div.as_request_imgBox {position: relative}
div.as_request_imgBox .hover_about > p {color: #fff; margin-right: 10px; font-weight: 600}

/* 회원 A/S 신청 */
ul.as_request_table_list dt {font-size: 20px; font-weight: 500; margin-bottom: 20px}
ul.as_request_table_list dd > table th, ul.as_request_table_list dd > table td {padding: 15px 30px}
div.table_txtArea {overflow: hidden}
div.table_txtArea > p {font-size: 20px; font-weight: 500}
input[id="check01"] {display: none}
input[id="check01"] + label span {display: inline-block; width: 25px; height: 25px; margin: -2px 10px 0 0; vertical-align: middle; background: url(../img/checkbox_btn.png) no-repeat; background-position-y: 0; cursor: pointer}
input[id="check01"]:checked + label span {background-position-y: -25px }

.inquiry_boardList input[type="radio"] {display: none}
.inquiry_boardList input[type="radio"] + label span {display: inline-block; width: 20px; height: 20px; margin: -2px 10px 0 0; vertical-align: middle; background: url(../img/radio_btn.png) no-repeat; background-position-y: 0; cursor: pointer}
.inquiry_boardList input[type="radio"]:checked + label span {background-position-y: -20px }
.inquiry_boardList input[type="radio"] + label {cursor: pointer}
.inquiry_boardList td > label:first-of-type {margin-right: 10%}
li.table_control_btn_wrap {text-align: center; margin: 60px 0}
.more_detail_box {padding: 2.5% 3.5%; border: 1px solid #dbdbdb}
.more_detail_box li {margin-bottom: 2%; line-height: 1.8em}
.more_detail_box li:last-of-type {margin-bottom: 0}
.more_detail_box li > p {padding-left: 2%; position: relative; font-weight: 500}
.more_detail_box li > span {padding-left: 2%}
.more_detail_box li > p:before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(../img/bullet.png) no-repeat; width: 5px; height: 5px}
div.horizon_scroll {width: 100%; overflow-x: scroll; white-space: nowrap}

/* 비회원 A/S 접수완료 */
div.nonmember_register_num_box {padding: 20px 10px; background: #fff; width: 50%; margin: 30px auto}
span.register_num {color: #a82222}

/* 약관 동의 */
div.accept_terms_wrap input[type="checkbox"] {display: none}
div.accept_terms_wrap input[type="checkbox"] + label span {display: inline-block; width: 25px; height: 25px; margin: -2px 10px 0 0; vertical-align: middle; background: url(../img/checkbox_btn.png) no-repeat; background-position-y: 0; cursor: pointer}
div.accept_terms_wrap input[type="checkbox"]:checked + label span {background-position-y: -25px }
div.accept_terms_wrap {overflow: hidden; border-top: 2px solid #000}
div.terms_box {float: right}
div.accept_terms_wrap > ul > li {padding: 25px; border-bottom: 1px solid #dbdbdb; font-size: 18px}
li.terms_txt_box {height: 185px; background: #f3f3f3; line-height: 1.5em; overflow-y: auto}

/* 비회원 A/S 접수내역 조회 */
.inquiry_register_txt > input {text-align: center; border: none; padding: 20px 0; margin-top: 10px; width: 70% !important}

/* 비회원 A/S 접수내역 */
.inquiry_status_txt_box {text-align: center; line-height: 2em; color: #555555}
div.inquiry_status_txt > p {margin-bottom: 20px}
div.inquiry_status_txt > p:first-of-type {margin-top: 0}
div.inquiry_status_txt > p:last-of-type {margin-bottom: 0}
.inquiry_status_txt .inquiry_txt02, .inquiry_status_txt .phone_num_txt {font-size: 15px}
.phone_num_txt {display: inline-block; background: url(../img/icon_phone.png) no-repeat left; padding-left: 30px; font-weight: bold}
span.inquiry_status_txt {color: #b71c1c; font-weight: bold}
span.regist_date {color: #273e6d; font-weight: bold}
div.inquiry_status_txt .inquiry_txt01, div.inquiry_status_txt .inquiry_txt03 {font-weight: bold}
div.inquiry_status_list {width: 80%; margin: 0 auto 70px}
div.inquiry_status_list > ul {position: relative; overflow: hidden}
div.inquiry_status_list > ul li {float: left; width: 20%; height: 100%; margin-right: 6%; text-align: center; background: #fff}
div.inquiry_status_list > ul li.active {font-weight: bold}
div.inquiry_status_list > ul li:last-of-type {margin-right: 0}
div.inquiry_status_list > ul li img {display: block; margin: 0 auto 15px}
div.inquiry_status_list > ul:before {content: ''; position: absolute; top: 35%; left: 0; width: 90%; height: 1px; border-top: 1px dashed #ddd; z-index: -1}
div.inquiry_status_txt > .boardBtnWrap {padding: 30px 0; margin-top: 20px; border-top: 1px solid #ccc}
ul.as_inquiry_status_table > li > dl > dt {font-size: 20px; font-weight: 500; margin: 70px 0 30px}
ul.as_inquiry_status_table table.inquiry_boardList th {background: #eaf2f7; border-bottom: 1px solid #ccc}
ul.as_inquiry_status_table table.inquiry_boardList tbody td {padding: 30px}
.fix_table .input_w20 {width: 20% !important}


/* 제품 상세 */
div.pro_detail_box {width: 100%; margin: 60px 0 100px}
div.pro_detail_box:after {content: ''; display: block; clear: both}
div.pro_detail_box > div {float: left; height: 580px}
div.pro_detail_box > .thum_box {width: 60%}
div.pro_detail_box > .spec_box {width: 40%;padding: 35px 0 0 60px; position: relative}
div.thum_box > div {float: left}
div.bg_thum {width: 80%; height: 100%; border: 1px solid #ccc; position: relative}
div.sm_thums {width: 20%; height: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc }
.swiper-container {width: 100%; height: 100%}
.swiper-slide {background-size: cover; background-position: center; text-align: center}
.sm_thums .swiper-slide {border-bottom: 1px solid #ccc}
.swiper-slide > img {width: 100%; height: 100%}
.gallery-thumbs .swiper-slide {width: 100%; height: 30%}
.swiper-button-next.swiper-button-white {right: calc(50% - 16px) !important; top: 50% !important; transform: rotate(90deg); background-size: 15px}
.swiper-button-prev.swiper-button-white {left: calc(50% - 16px) !important; top: 50% !important; transform: rotate(90deg); background-size: 15px}
div.bg_bx_bottom {width: 100%; background: rgba(0,0,0,.5); height: 40px; position: absolute; bottom: 0; z-index: 10}
div.bg_bx_top {width: 100%; background: rgba(0,0,0,.5); height: 40px; position: absolute; top: 0; z-index: 10}

/*s : 텍스트 말줄임 수정 2021 12 28*/
.spec_tit {font-size: 40px; color: #393c3a; position: relative; padding-bottom: 40px; margin-bottom: 40px; letter-spacing: -1px; line-height: 1; height:auto;
    max-height:10.313rem; display:block; display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical; -webkit-line-clamp:4;   }
.spec_txt:before {content: ''; position: absolute; top: 0; left: 0; width: 100px; height: 3px; background: #000}
.spec_txt {line-height: 1.3em; font-size: 15px; margin-bottom: 35px;display: block;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical; -webkit-line-clamp:4;max-height: 8.2em;position:relative;padding-top:40px}
/*e : 텍스트 말줄임 수정 2021 12 28*/

.spec_dateBox {font-size: 16px;font-weight: 500}
.spec_utill {position: absolute; bottom: 0; left: 60px; width: calc(100% - 60px)}
.spec_utill .btn_box .facebook {width: 30px; height: 30px; display: inline-block; text-indent: -9999px; overflow: hidden; background: url(../img/ico_facebook.png) no-repeat center center}
.spec_utill .btn_box .twitter {width: 30px; height: 30px; display: inline-block; text-indent: -9999px; overflow: hidden; background: url(../img/ico_twitter.png) no-repeat center center; margin-left: 5px}
.spec_utill .btn_box .print {height: 35px; display: inline-block; margin-left: 20px; color: #555; background: #e4e4e4; padding: 0 25px 0 50px; vertical-align: bottom; line-height: 35px; position: relative; letter-spacing: -1px; font-size: 16px; border-radius: 5px}
.spec_utill .btn_box .print:before {content: ''; position: absolute; height: 100%; width: 20px; top: 0; left: 20px; background: url(../img/ico_print.png) no-repeat center}
.spec_utill .link_box {margin-top: 20px; overflow: hidden}
.spec_utill .link_box > a {width: 49%; margin-right: 2%; text-align: center; background: #273e6d; color: #fff; transition: all 0.4s; box-sizing: border-box; padding: 10px; display: block; float: left; border: 1px solid #fff; border-radius: 5px}
.spec_utill .link_box > a:hover {background: #fff; color: #000; border: 1px solid #000}
.spec_utill .link_box > a:last-of-type {margin-right: 0}

.pro_detail_tab li {width: 33.3%; background: #fff}
.pro_specWrap, .pro_manualWrap {display: none; min-height: 500px}
.pro_specTable {border-bottom: 2px solid #000; margin-bottom: 0 !important}
.pro_specTable th, .pro_specTable td {padding: 20px}
.pro_specTable td {text-align: center !important; border-right: 1px solid #ccc}
.pro_specTable td:last-of-type {border-right: none}
.pro_manualWrap {text-align: center}
.pro_manualWrap p {font-size: 20px; color: #111; text-align: left}
.pro_manualWrap .manual_txt_bx ul li {color: #0d47a1; font-weight: 500; text-align: left; margin-top: 22px}
.pro_manualWrap .manual_txt_bx ul li > a {margin-left: 15px; border-radius: 5px; padding: 13px 0}

.pro_featuresWrap {word-break: break-all}
.pro_featuresWrap strong {font-weight: bold}
.pro_featuresWrap strong * {font-weight: bold}

div.pro_template01 {margin-top: 30px}
.pro_template_tit > * {margin-bottom: 20px; display: block}
.pro_template_subTxt > * {display: block}
.pro_template01 .pro_template_img {margin-top: 60px}
.pro_template_img {text-align: center; vertical-align: middle}

.div_table {display: table; table-layout: fixed; width: 100%}
div.pro_template02 > div > div, div.pro_template03 > div > div {width: 50%; display: table-cell; vertical-align: middle; word-break: break-all}
.pro_template02_txt {padding: 7.5%}

.pro_template04 {position: relative}
/*.pro_template04 .pro_template_img img {width: 100%} */
.pro_template04_txt {width: 100%}
div.wht_bg {background: #fff; padding: 4% 0}

.pro_template05, .pro_template06 {background: #f7f7f7}
.pro_template05 > div > div, .pro_template06 > div > div {width: 60%; display: table-cell; vertical-align: middle}
.pro_template05 .pro_template05_txt {width: 70%; padding: 2%; word-break: break-all}
.pro_template05 .prd_part_imgList {margin-top: 80px}
.pro_template06 .pro_template_img {width: 45%}
.pro_template06_txt {padding: 5%}

.pro_template07 {background: #f3f3f3; padding: 95px 0 }
.pro_template07_txt {margin-bottom: 60px}


.prd_part_imgList {overflow: hidden}
.prd_part_txtList {list-style: inside; margin-top: 40px}
.prd_part_imgList li {float: left; margin-right: 3%; width: 31%; text-align: center}
.prd_part_imgList.prd_part_imgList2 li {margin-right: 8%; width: 25%}
.prd_part_imgList.prd_part_design_list li {width: 22.5%}
.prd_part_imgList li:last-of-type {margin-right: 0}
.prd_part_txtList li {line-height: 2em}

div.pro_template07_txt02 {margin-top: 72px}
.pro_template_tit02 > * {margin-bottom: 20px; display: block}
.pro_template_subTxt02 > * {display: block}

.pro_template08 {padding: 100px 0 0px 0; background: #f7f7f7} /* 아래 여백 삭제 2021 12 24*/
.pro_template08 .pro_template_tit > * {margin-bottom: 0}
.pro_template08 .pro_template08_txt {padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #bfbfbf; position: relative; text-align: center}
.pro_template08 .pro_template08_txt:after {content: ''; position: absolute; background: #535353; width: 156px; height: 1px; bottom: 0; left: 50%; transform: translateX(-50%)}

.pro_video_bx {display: table; table-layout: fixed}
.pro_video_bx > .item {display: table-cell; width: 45%; vertical-align: middle; position: relative; text-align: center}
.pro_video_bx > .item a {display: block; width: 95%; margin: 0 auto}
.pro_video_bx > .item:last-of-type {margin-right: 0}
.pro_video_bx > .item > .videoTxtWrap {position: absolute; top: 10%; left: 9%; color: #fff; text-align: left}
.pro_video_bx > .item > .videoTxtWrap > .videoProType {font-size: 18px; font-weight: 300; margin-bottom: 5px}
.pro_video_bx > .item > .videoTxtWrap > .videoProTit {font-size: 28px; font-weight: 500}
.pro_video_bx > .item > .video_play {display: block; position: absolute; left: 50%; top: 50%; background: url(../img/video_play.png) no-repeat center; width: 79px; height: 79px; transform: translate(-50%, -50%); cursor: pointer; background-size: 100%}
.pro_manager_bx {padding: 100px 0 0}

.pro_template09 {text-align: center}

/* s: 비디오 2021 12 16 추가 */
/* s: 비디오 2021 12 27 추가 */
/*.pro_template11 {padding: 100px 0 50px; background: #f7f7f7} */
.pro_template11 {padding: 0; } /* 모든 여백,색상 삭제 2021 12 27*/
.pro_template11.row_pd {padding-bottom:0}  /* 여백관련 정리 2021 12 24*/
.pro_template11 .pro_template_tit > * {margin-bottom: 0}
.pro_template11 .pro_template11_txt {padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #bfbfbf; position: relative; text-align: center; display:none}  /*안보이기*/
.pro_template11 .pro_template11_txt:after {content: ''; position: absolute; background: #535353; width: 156px; height: 1px; bottom: 0; left: 50%; transform: translateX(-50%)}

.pro_template11 .video_wrap {position:relative; z-index:1; width:auto; max-width:1200px; margin:0 auto 0px; text-align:center;display:flex;}/*여백삭제 : 2021 12 28 */ /*사이즈 수정 width:890px; max-width:1200px */
.pro_template11 .video_wrap .type_tag {max-width:1200px; padding:0;margin:0 auto}
.pro_template11 .video_wrap .type_tag video {width:100%; height:100% ;; object-fit: fill; max-width:100%}
.pro_template11 .video_wrap .type_youtube {position:relative; z-index:1; padding-bottom:56.25%; height:0; overflow:hidden; margin:0 auto;width:100%;} /*영역지정 100% : 2022 01 03*/
.pro_template11 .video_wrap .type_youtube iframe {position:absolute; top:0; left:0; width:100%; height:100% ;}

.pro_template11 .video_wrap:last-of-type{margin-bottom:0} /* 여백관련 정리 2021 12 24*/
/* 2: 비디오 2021 12 27 추가 */
/* e: 비디오 2021 12 16 추가 */

/* 제품 상세 - 매뉴얼 */
.s0202 .div_sub01 {box-sizing: border-box; margin: 100px 0 50px;display:flex;align-items: center; background: #f3f3f3} /* 레이아웃 정렬,배경수정 / 2021 12 24 */
.s0202 .div_sub01:after {content: ''; display: block; clear: both}
.s0202 .div_sub01 > div {width: 50%; float: left; height:auto; min-height: 284px} /* 세로길이 초기화 / 2021 12 24 */
.s0202 .div_sub01 > .bg_box {background: #f3f3f3}
.s0202 .div_sub01 > .bg_box img{margin-top: -65px}
.s0202 .div_sub01 > .manual_txt_bx {border: solid #ccc; background:#fff;border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; padding: 25px 60px}
/* 배경추가 / 2021 12 24 */
.s0202 .div_sub02 {max-width: 1010px; width: 100%; margin: 0 auto}
.s0202 .div_sub02:after {content: ''; display: block; clear: both}
.s0202 .div_sub02 ul > li {width: 46%; margin-right: 7%; display: inline-block}
.s0202 .div_sub02 ul > li:last-of-type {margin-right: 0}
.s0202 .div_sub02 ul > li:first-of-type > a {background: url(../img/ico_as_btn.png) no-repeat left center, #111; background-position-x: 5px}
.s0202 .div_sub02 ul > li:last-of-type > a {background: url(../img/ico_down_btn.png) no-repeat left center, #111; background-position-x: 5px; margin-right: 0}
/*.s0202 .div_sub02 ul > li:last-of-type > a {background: url(../img/ico_zm_btn.png) no-repeat left center, #111; background-position-x: 5px}*/
.s0202 .div_sub02 ul > li > a {color: #00bcd4; font-size: 20px; position: relative; padding: 30px 0 30px 6%; display: block; border-top-left-radius: 40px; border-bottom-left-radius: 40px; border-top-right-radius: 10px; border-bottom-right-radius: 10px}
.s0202 .div_sub02 ul > li > a:after {content: ''; width: 29px; height: 18px; background: url(../img/s0202_arr.png) no-repeat center center; display: inline-block; margin-left: 10px; vertical-align: middle}

/* 제품 비교 bar */
div.compare_bar {position: fixed; bottom: 0; width: 100%; padding: 20px; background: #000; text-align: center; z-index: 900}
div.compare_bar > a {display: inline-block; padding-right: 20px; color: #00bcd4; background: url(../img/blue_up_arr.png) no-repeat right}
div.compare_bar > a.open {background: url(../img/blue_down_arr.png) no-repeat right}

/* 제품 비교 box */
div.compare_bx {background: #000; width: 100%; border-bottom: 1px solid #00bcd4; position: fixed; bottom: 55px; z-index: 900; display: none}
div.compare_img_bx {padding: 85px 70px 35px 0; display: table; width: 70%; table-layout: fixed; border-right: 1px solid #2c2c2c}
div.compare_img_bx > .vsTxt {display: table-cell; vertical-align: middle; width: 30%}
.compare_img {width: 35%; display: table-cell; vertical-align: top}
.compare_fix_img_bx {height: 300px; border: 1px solid #2c2c2c; text-align: center; margin-bottom: 20px; background: #fff; position: relative}
.compare_fix_img_bx img {position: absolute; left: 0; top: 50%; transform: translateY(-50%)}
.vsTxt {color: #fff; text-align: center; font-size: 32px}
.compare_img > input {display: none}
.compare_img > input + label {color: #fff; font-size: 20px; cursor: pointer; display: inline-block; cursor: pointer}
.compare_img > input + label span {display: inline-block; width: 25px; height: 25px; margin: -2px 10px 0 0; vertical-align: middle; background: url(../img/checkbox_btn02.png) no-repeat; background-position-y: 0; background-size: 100%; cursor: pointer}
.compare_img > input:checked + label span {background-position-y: -25px}
.compare_txt_bx {padding: 45px 40px 40px; width: 30%; position: absolute; top: 0; right: 0}
.compare_txt {color: #fff; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #2c2c2c; text-align: center; font-size: 20px}
.compare_pro_list {min-height: 225px; border-bottom: 1px solid #2c2c2c}
.compare_pro_list li {font-size: 20px; color: #fff; position: relative; margin-bottom: 30px}
.compare_pro_list li:last-of-type {margin-bottom: 0}
.compare_pro_list li > a {position: absolute; right: 0}

/* 마이페이지 */
div.mypageWrap > p {text-align: center; font-size: 22px; font-weight: 500}
div.mypageWrap > p > .mypage_userName {color: #303f9f}
.mypage_bx01 {margin: 40px 0; display: table; table-layout: fixed; width: 100%}
.mypage_bx01 > div {display: table-cell; vertical-align: top; border: 1px solid #ccc; position: relative; width: 49.8%; padding: 4% 2.5%; box-sizing: border-box; min-height: 474px}
.mypage_bx01 > div:first-of-type {border-right: 1px dashed #2b2b2b}
.mypage_bx01 > div:last-of-type {border-left: none}
.mypage_bx01 > div > h5 {font-size: 20px; font-weight: 500; padding-bottom: 6%; border-bottom: 1px solid #d9d9d9}
.history_result_txt {margin: 20px 0}
.history_count {color: #273e6d}
.mypage_bx01 > div > .moreBtn {position: absolute; top: 40px; right: 30px}
table.boardList.boardListB {margin-bottom: 0; border-top: 2px solid #224383}
table.boardListB th, table.boardListB tbody td {padding: 4% 3% !important; border-right: 1px solid #ccc; height: 64px}
table.boardListB th:last-of-type, table.boardListB td:last-of-type {border-right: none}
table.boardListB th {font-weight: bold; background: #eef8ff}
table.boardListB tr {border-bottom: 1px solid #ccc}
table.boardListB tbody td {overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.none_para {text-align: center; padding: 20px 0; border-bottom: 1px solid #ccc; font-weight: 500}
.red_txt {color: #a82222}
.green_txt {color: #00584d}
.blue_txt {color: #303f9f}
.mypage_bx02 {padding: 45px 30px 35px; position: relative; border: 1px solid #ccc}
.mypage_bx02 > h5 {font-size: 20px; font-weight: 500; margin-bottom: 6%}
.mypage_bx02 > .updateBtn {position: absolute; top: 12%; right: 3%}
span.at_sign {display: inline-block; width: 10%; text-align: center}
table.boardList.boardListC {margin-bottom: 0}
table.boardListC th {background: #f3f3f3; color: #333; font-weight: bold; text-align: center; padding: 2.5% 1.5%; border-bottom: 1px solid #dbdbdb}
table.boardListC tbody td {text-align: left; padding: 1.5%; border-bottom: 1px solid #dbdbdb}
.basic_addr_bx {margin-bottom: 5%}
.basic_addr_bx > input:first-of-type {margin-right: 2%}
.m_boardListC {display: none}

/* 1:1 문의내역 */
.boardViewUtill {border-bottom: 1px solid #ccc; padding: 25px}
.boardViewUtill > div {display: inline-block}
.boardViewUtill > div > span {font-weight: 500}
.boardViewUtill > div > span:first-of-type {padding-right: 30px; position: relative}
.boardViewUtill > div > span:first-of-type:after {content: ''; position: absolute; right: 0; top: calc(50% + 2px); transform: translateY(-50%); width: 1px; height: 15px; background: #ccc}
.boardViewUtill > div > span:last-of-type {padding-left: 30px}
.inquiry_type_bx {width: 55%}

.boardCommentWrap {margin-top: 65px}
.boardCommentWrap .boardViewHead > h5 {padding-left: 36px; background: url(../img/ripple.png) no-repeat left}
.boardCommentWrap .boardViewTxt {min-height: 200px}
.boardCommentWrap .boardViewContent {border-bottom: 1px solid #ccc}
.inquiry_btn {position: absolute; bottom: 35px; right: 0}

/* 로그인 */
ul.login_bx {overflow: hidden}
ul.login_bx > li {float: left; width: 48%; border: 1px solid #ccc; text-align: center; padding: 60px 40px; min-height: 711px}
ul.login_bx > li:first-of-type {margin-right: 4%}
ul.login_bx > li > dl dt {font-size: 24px; font-weight: 500; margin: 15px 0 9%}
ul.login_bx dd > input:last-of-type {margin:20px 0 10%}
div.login_utill_wrap {text-align: center; padding-top: 8%; margin-top: 8%; border-top: 1px solid #ccc}
div.login_utill_wrap > ul {overflow: hidden; width: 80%; margin: 0 auto}
div.login_utill_wrap li {float: left; width: 30%}
div.login_utill_wrap li:nth-of-type(2) {width: 40%; position: relative}
div.login_utill_wrap li:nth-of-type(2):before {content: ''; position: absolute; left: 0; width: 1px; height: 13px; background: #ccc; top: 50%; transform: translateY(-50%)}
div.login_utill_wrap li:nth-of-type(2):after {content: ''; position: absolute; right: 0; width: 1px; height: 13px; background: #ccc; top: 50%; transform: translateY(-50%)}
div.login_utill_wrap li > a {color: #555}
.sns_login_bx dd > button.naverBtn {margin: 40px 0}
.sns_login_warningTxt {color: #d84315; display: inline-block; margin-top: 8%; text-align: left}

/* 회원가입 */
.login_bx .join_btn {margin-top: 20%}

/* 본인 인증 */
div.authWrap > p {text-align: center; font-size: 22px; font-weight: 400; margin-bottom: 50px}
.auth_type_bx {overflow: hidden}
.auth_type_bx > a {display: block; text-align: center; width: 48%; padding: 60px; border: 1px solid #273e6d; background: #eef2f9; margin: 0 auto}
.auth_type_bx > a > span {position: relative; display: inline-block; padding-left: 14%}
.auth_type_bx > .phone_auth_bx {float: left}
.auth_type_bx > .phone_auth_bx > span {padding-left: 11%}
.auth_type_bx > .phone_auth_bx > span:before {content: ''; position: absolute; left: 0; top: -15px; width: 32px; height: 51px; background: url(../img/icon_phone_auth.png) no-repeat; background-size: 100%}
.auth_type_bx > .email_auth_bx > span:before {content: ''; position: absolute; left: 0; top: -5px; width: 48px; height: 37px; background: url(../img/icon_email_auth.png) no-repeat; background-size: 100%}

/* 아이디/비밀번호 찾기 */
ul.find_type_list {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 2.5% 20%; overflow: hidden}
ul.find_type_list li {text-align: center}
ul.find_type_list li p {font-size: 22px; color: #1d50b9; padding-left: 25px; position: relative; display: inline-block}
ul.find_type_list li p:before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 22px; height: 14px; background: url(../img/ico_email.png) no-repeat center}
ul.find_type_list li input[type="radio"] {display: none}
ul.find_type_list li input[type="radio"] + label {cursor: pointer; font-weight: 500}
ul.find_type_list li input[type="radio"]:checked + label span {background-position-y: -20px}
ul.find_type_list li input[type="radio"] + label span {display: inline-block; width: 20px; height: 20px; margin: -2px 10px 0 0; vertical-align: middle; background: url(../img/radio_btn.png) no-repeat; background-position-y: 0; cursor: pointer}
.contentsWrap {padding-bottom: 40px; border-bottom: 1px solid #ccc}
.contentsWrap > div {width: 50%; margin: 0 auto; display: none}
.contentsWrap > div:first-of-type {display: block}
.contentsWrap > div li {margin-bottom: 30px; padding-left: 90px}
.contentsWrap > div li > dl {display: table; width: 100%; table-layout: fixed}
.contentsWrap > div li > dl > dt {font-weight: bold; display: table-cell; vertical-align: top; width: 80px; padding-top: 8px}
.input_auth_num {margin-top: 20px; text-align: center; display: block}
.contentsWrap > .auth_mobile_wrap {text-align: center; width: 100%}
.auth_mobile_bx {width: 245px; padding: 30px 0; border: 1px solid #273e6d; background: #eef2f9; display: block; margin: 0 auto 40px}
.auth_mobile_bx > span {font-weight: bold; padding-left: 18%; position: relative}
.auth_mobile_bx > span:before {content: ''; position: absolute; left: 0; top: -15px; width: 32px; height: 51px; background: url(../img/icon_phone_auth.png) no-repeat; background-size: 100%}
.auth_mobile_wrap > p {line-height: 1.5em; font-weight: 500}
.auth_email_wrap .input_custom {width: 260px}

/* 비교 결과 보기 */
.fan_spec_table table {border-top: none}
.fix_table_640 {min-width: 640px}

/* 제품 리스트 */
.prd_compare_inp_box {margin-top: 10px}
.prd_compare_inp_box > input {display: none}
.prd_compare_inp_box > label span {display: inline-block; width: 15px; height: 15px; margin: -2px 10px 0 0; vertical-align: middle; background: url(https://www.zalman.com/resources/img/checkbox_btn03.png) no-repeat 0 0; cursor: pointer}
.prd_compare_inp_box > input:checked + label span {background-position-y: -15px}
.prd_compare_inp_box > input:checked + label {color: #134799}
.new_pro_span {display:block; position:absolute; z-index:1; left:20px; top:20px; color:#fff; font-size:13px; font-weight:500; border-radius:15px; padding:7px; min-width:70px; text-align: center; background:#ff6f00;}

.pro_carousel_txt {width:calc(100% - 698px); padding-left:54px;}
.pro_carousel_txt strong {display:block; margin-bottom:25px; color:#555; font-size:34px; font-weight:500;}
.pro_carousel_txt p {color:#747373; font-size:18px; font-size:18px; line-height:1.65;}
.pro_carousel_txt .pro_carview {display:block; width:126px; height:41px; margin-top:41px; color:#858585; border:1px solid #858585; text-align:center; line-height:39px;}

div.pro_carousel_wrap {width:100%; padding:65px 0; margin-top:68px; margin-bottom:75px; background:#f3f3f3; }
div.pro_carousel_wrap .owl-item:not(.active) .item .in_video{display:none} /* 익스 안나오는 부분 수정 2021 12 14*/
div.pro_carousel_wrap .item {display:flex; padding:0 62px; align-items:center;}
div.pro_carousel_wrap .pro_carousel_img {width:698px; height:395px; overflow:hidden;}
div.pro_carousel_wrap .pro_carousel_img img {width:100%; height:100%;}
div.pro_carousel_wrap .pro_carousel_img.in_video {position:relative; height:395px; display:block} /* 익스 안나오는 부분 수정 2021 12 14*/
div.pro_carousel_wrap .pro_carousel_img.in_video iframe ,
div.pro_carousel_wrap .pro_carousel_img.in_video video {position:absolute; top:0; left:0; width:100%; height:100%;}

div.pro_carousel_wrap .pro_carousel_img.in_video video::-webkit-media-controls-timeline{display:none !important} /* 영상 재생바 안나오게 처리 2021 12 29*/

div.pro_carousel_wrap .pro_carousel_txt {width:calc(100% - 698px); padding-left:54px;}
div.pro_carousel_wrap .pro_carousel_txt strong {display:block; margin-bottom:25px; color:#555; font-size:34px; font-weight:500;}
div.pro_carousel_wrap .pro_carousel_txt p {color:#747373; font-size:18px; font-size:18px; line-height:1.65;}
div.pro_carousel_wrap .pro_carousel_txt .pro_carview {display:block; width:126px; height:41px; margin-top:41px; color:#858585; border:1px solid #858585; text-align:center; line-height:39px; transition:all .2s ease;}
div.pro_carousel_wrap .pro_carousel_txt .pro_carview:hover {color:#fff; background:#858585;}
div.pro_carousel_wrap .owl-dots {display:block !important; position:absolute; bottom:27px; width:100%; text-align:center;}
div.pro_carousel_wrap.owl-carousel button.owl-dot {width:11px; height:11px; border: 1px solid #7d7d7d; opacity: .5; border-radius: 50%; margin-left: 13px}
div.pro_carousel_wrap.owl-carousel button.owl-dot:first-of-type {margin-left: 0}
div.pro_carousel_wrap.owl-carousel button.owl-dot.active {background:#7d7d7d; opacity: 1}
div.pro_carousel_wrap.owl-carousel .owl-nav {position: absolute; top: 50%; width: 95%; left: 50%; transform: translate(-50%, -50%)}
div.pro_carousel_wrap.owl-carousel .owl-nav button {position:absolute; z-index:1; top:50%; width:32px; height:59px; outline:0; text-indent:-9999px; background-size:100% 100%; background-position:center; background-repeat:no-repeat; transform:translateY(-50%); background-color:transparent;}
div.pro_carousel_wrap.owl-carousel .owl-nav .owl-prev {left:-18px; background-image:url(../img/new/ico_pro_carprev.png);}
div.pro_carousel_wrap.owl-carousel .owl-nav .owl-next {right:-18px; background-image:url(../img/new/ico_pro_carnext.png);}

/* 다운로드 */
.downBoard_viewWrap .boardViewHead {border-top: 1px solid #ccc}
.board_cls_wrap {border-top: 2px solid #000; text-align: center; overflow: hidden}
.board_cls_wrap > dl {display: table; table-layout: fixed; width: 100%}
.board_cls_wrap > dl > * {display: table-cell; vertical-align: middle; padding: 25px}
.board_cls_wrap > dl > dt {background: #f1f5f7}
.board_cls_wrap > dl > dd {width: 20%; word-break: break-word}
.join_boardList td {padding: 15px 30px !important}
.address_td .attach_browse_input_box {margin-top: 0}
.inquiry_txt01 > strong, .inquiry_txt02 > strong {color: #273e6d}
.boardBtnWrap > .btn + .btn {margin-left: 15px}

/* 비밀번호 찾기 완료 */
.new_pw_bx > dl:first-of-type {margin: 40px auto 20px}
.new_pw_bx > dl:last-of-type {margin: 0 auto}
.new_pw_bx > dl {display: table; table-layout: fixed}
.new_pw_bx > dl > * {display: table-cell; vertical-align: middle}
.new_pw_bx > dl > dt {width: 200px}
.new_pw_bx > dl > dd {width: 300px}
.new_pw_bx input::placeholder {text-align: center}

/* 회원정보 수정 */
.mem_upd_board td > label:first-of-type {margin-right: 20px}
.mem_upd_board th {padding: 15px}
.pw_update_popup .new_pw_bx {margin-top: 30px}
.pw_update_popup .new_pw_bx > dl {margin-bottom: 20px}
.pw_update_popup .new_pw_bx > dl:nth-of-type(2) {margin: 0 auto 20px}
.pw_update_popup .boardBtnWrap {margin-top: 0}
.pw_update_popup .boardBtnWrap button {width: 100%}

.secession_sub_txt {margin: 50px 0 20px !important}

/* 사이트맵 */
/*.sitemapWrap {background: #eff1f1}*/
.sitemapWrap > ul {overflow: hidden}
/*.sitemapWrap > ul:first-of-type {margin-bottom: 12px}*/
.sitemapWrap > ul li {float: left; width: 20%; background: #f6f9fa; min-height: 562px}
.sitemapWrap > ul li:hover {background: #eef3f6}
.sitemapWrap dl {padding: 60px 30px}
.sitemapWrap dt a {font-size: 18px; font-weight: 500}
.sitemapWrap dt {margin-bottom: 40px}
.sitemapWrap dd {margin-bottom: 20px}
.sitemapWrap dd:hover a {color: #273e6d; text-decoration: underline}
.sitemapWrap dd:last-of-type {margin-bottom: 0}

/* 회사 소개 */
.intro_bx {margin-bottom: 70px}
.intro_img_bx {position: relative; margin-bottom: 40px}
.intro_img_bx > p {font-size: 22px; text-align: center; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; line-height: 1.5em; word-break: keep-all}
.intro_img_bx > p > strong {color: #18ffff}

.ceo_intro_bx {position: relative; background: url(../img/cmp_info02.jpg) no-repeat center; background-size: 100% 100%}
.ceo_intro_wrap {width: 100%; max-width: 1200px; margin: 0 auto; padding: 126px 0}
.ceo_intro_wrap ul {display: table; table-layout: fixed; box-sizing: border-box; margin-right: -19%}
.ceo_intro_wrap ul li {display: table-cell; position: relative}
.ceo_intro_wrap ul li:first-of-type {width: 38%; vertical-align: middle}
.ceo_intro_wrap ul li:last-of-type {vertical-align: top; padding: 60px 0 0 20px}

.ceo_intro_wrap p {line-height: 1.5em; word-break: keep-all}
.ceo_intro_tit  {font-size: 26px; margin-bottom: 50px; color: #fff; position: relative; text-shadow: 1px 1px 2px #000}
/*230112수정 .ceo_intro_tit:before  {content: ''; position: absolute; top: -20px; left: 0; width: 17px; height: 15px; background: url(../img/icon_comma.png) no-repeat} */
.ceo_intro_tit > strong {color: #1cf8f8}
/* 230113 text-shadow: 1px 2px 8px #000
p.ceo_intro_txt {font-size: 15px; color: #d1d1d1; margin-bottom: 25px; letter-spacing: -1px; line-height: 2em}
*/
p.ceo_intro_txt {font-size: 15px; color: #d1d1d1; margin-bottom: 25px; letter-spacing: -1px; line-height: 2em; text-shadow: 1px 1px 2px #000}
.ceo_intro_txt:last-of-type {margin-bottom: 0}
.ceo_intro_txt > strong {color: #fff; font-size: 17px}
.ceo_intro_txt02 {font-size: 15px; color: #fff; position: absolute; bottom: -25px; right: 0 ; text-shadow: 1px 1px 2px #000}
.ceo_intro_txt02:before {content: ''; display: block; margin-bottom: 10px; width: 100%; height: 29px; background: url(../img/ceo_sign.png) no-repeat center;}
.ceo_intro_txt02 > strong {font-size: 20px}

/* 사업 영역 */
.bu_area_list {margin-top: 100px}
.bu_area_list li {margin-bottom: 70px; height: 375px; width: 100%; position: relative}
.bu_area_list li:first-of-type {background: url(../img/business_area01.jpg) no-repeat center}
.bu_area_list li:nth-of-type(2) {background: url(../img/business_area02.jpg) no-repeat center}
.bu_area_list li:nth-of-type(3) {background: url(../img/business_area03.jpg) no-repeat center}
.bu_area_list li:last-of-type {margin-bottom: 0; background: url(../img/business_area04.jpg) no-repeat center}
/*230112수정
.bu_area_list li .bu_area_txtBx {background: rgba(0,0,0,.4); position: absolute; left:44%; top: 10%; padding: 0 4%; text-align: center; width: 50%; display: table; table-layout: fixed; height: 287px}
*/
.bu_area_list li .bu_area_txtBx {background: rgba(0,0,0,.4); position: absolute; left:44%; top: 10%; padding: 0 4%; text-align: start; width: 50%; display: table; table-layout: fixed; height: 287px}
.bu_area_list li:nth-of-type(even) .bu_area_txtBx {left: 6%}
.bu_area_list li dl {display: table-cell; vertical-align: middle; word-break: keep-all}
.bu_area_list li dl dt {font-size: 24px; color: #fff; font-weight: 500; padding-bottom: 18px; margin-bottom: 18px; position: relative}
/*230112수정
.bu_area_list li dl dt:after {content: ''; position: absolute; background: #fff; height: 2px; width: 50px; bottom: 0; left: 50%; transform: translateX(-50%)}
*/
.bu_area_list li dl dt:after {content: ''; position: absolute; background: #fff; height: 2px; width: 90px; bottom: 0; left: 10%; transform: translateX(-55%)}
.bu_area_list li dl dd {line-height: 1.8em; color: #fff; font-weight: 300}
.bu_area_list li dl dd strong {font-weight: bold}

/* 수상실적 */
.img_list_wrap ul {overflow: hidden}

/** S01 : 회사소개 **/
.s0103 ul {margin-top: 50px}
.s0103 ul li {width: 100%; height: 320px; margin-bottom: 80px}
.s0103 ul li:last-of-type {margin-bottom: 0}
.s0103 ul li:before {content: ''; width: 47%; height: 100%;}
.s0103 ul li:first-of-type:before {float: left; background: url(../img/s0103_img01.jpg) no-repeat center 100%;}
.s0103.ty02 ul li:first-of-type:before {float: left; background: url(../img/s0103_img05.jpg) no-repeat center 100%;}
.s0103.ty02 ul li:nth-of-type(2):before {float: right; background: url(../img/s0103_img06.jpg) no-repeat center 100%;}
.s0103.ty02 ul li:last-of-type:before {float: left; background: url(../img/s0103_img07.jpg) no-repeat center 100%;}
.s0103 ul li:nth-of-type(2):before {float: right; background: url(../img/s0103_img02.jpg) no-repeat center 100%;}
.s0103 ul li:nth-of-type(3):before {float: left; background: url(../img/s0103_img03.jpg) no-repeat center 100%;}
.s0103 ul li:last-of-type:before {float: right; background: url(../img/s0103_img04.jpg) no-repeat center 100%;}
.s0103 ul li:after {content: ''; display: block; clear: both}
.s0103 ul li > dl {float: right; width: 53%; height: 100%; padding: 100px 70px; position: relative}
.s0103.ty02 ul li > dl {float: right; width: 53%; height: 100%; padding: 100px 70px; position: relative}
.s0103 ul li:nth-child(odd) > dl {float: right}
.s0103 ul li:nth-child(odd) > dl:after {content: ''; position: absolute; top: 0; right: 0; width: 130px; height: 100%; background: url(../img/s0103_line_right.png) no-repeat center 100%}
.s0103 ul li:nth-child(even) > dl {float: left}
.s0103 ul li:nth-child(even) > dl:after {content: ''; position: absolute; top: 0; left: 0; width: 130px; height: 100%; background: url(../img/s0103_line_left.png) no-repeat center 100%}
.s0103 ul li > dl > dt {font-size: 20px; font-weight: 600; color: #111; padding-bottom: 20px; margin-bottom: 20px; position: relative}
.s0103 ul li > dl > dt:after {content: ''; position: absolute; bottom: 0; left: 0; background: #0d47a1; width: 40px; height: 1px}
.s0103 ul li > dl > dd > span {display: block; margin-top: 20px}
.s0104 .w1200 > ul > li {margin-bottom: 75px}
.s0104 .w1200 > ul > li > h5 {font-size: 20px; font-weight: 600; position: relative; padding-bottom: 15px; margin-bottom: 15px}
.s0104 .w1200 > ul > li > h5:after {content: ''; position: absolute; bottom: 0; left: 0; width: 20px; height: 1px; background: #2b406d}
.s0104 .w1200 > ul > li > p {line-height: 26px; margin-bottom: 20px}
.s0104 .w1200 > ul > li > p:last-of-type {margin-bottom: 0}
/*221229수정
.s0104 .w1200 > ul > li > .box {border: 1px solid #dcdcdc; width: 100%; padding: 95px 10px; background: #fff; box-sizing: border-box; margin-top: 35px}
.s0104 .w1200 > ul > li:first-of-type .box {background: url(../img/s0104_img01.png) no-repeat 17% center} 
*/
/*221229추가*/.s0104 .w1200 > ul > li > .box {border: 0px solid #dcdcdc; width: 100%; padding: 95px 10px; background: #fff; box-sizing: border-box; margin-top: 5px}
/*
.s0104 .w1200 > ul > li:first-of-type .box:after {content: ''; display: block; clear: both}
.s0104 .w1200 > ul > li:first-of-type .box > ul {float: right; width: 46%}
.s0104 .w1200 > ul > li:first-of-type .box > ul > li {position: relative}
.s0104 .w1200 > ul > li:first-of-type .box > ul > li:before {content: ''; display: inline-block; width: 45px; height: 45px; margin-right: 25px; vertical-align: middle}
.s0104 .w1200 > ul > li:first-of-type .box > ul > li.pt01:before {background: #0053a5}
.s0104 .w1200 > ul > li:first-of-type .box > ul > li.pt02:before {background: #110c15}
.s0104 .w1200 > ul > li:first-of-type .box > ul > li > p {display: inline-block; line-height: 26px; vertical-align: middle; font-size: 20px; color: #54575b}
.s0104 .w1200 > ul > li:first-of-type .box > ul > li > span {position: absolute; left: 43%; display: block; border-left: 1px solid #dcdcdc; top: 0; height: 100%; font-size: 15px; padding: 4px 0 0 10px; color: #6c6d70}
*/
/*221229수정
.s0104 .w1200 > ul > li:first-of-type .box > ul > li:first-of-type {margin-bottom: 15px}
*/
/*221229추가*/.s0104 .w1200 > ul > li:first-of-type .box > ul > li:first-of-type {margin-bottom: 5px}
.s0104 .w1200 > ul > li:last-of-type .box {padding: 50px 10px; text-align: center}
.s0104 .btm_btns {text-align: center; color: #0d47a1; font-size: 18px; font-weight: 500}
.s0105 .box {width: 100%; border: 1px solid #e5e5e5}
.s0105 .box > div {float: left}
.s0105 .box:after {content: ''; display: block; clear: both}
.s0105 .box:last-of-type {margin-top: 90px}
.s0105 .map_box {width: 64%; position: relative}
.s0105 .map_box img {height: 100%}
.s0105 .map_box .btm_btns {position: absolute; left: 0; top: 50%; width: 100%; z-index: 1; opacity: 0; transition: opacity 0.4s; transform: translateY(-50%); text-align: center}
.s0105 .map_box:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); transition: background 0.4s;}
.s0105 .map_box:hover:after {background: rgba(0,0,0,0.3)}
.s0105 .map_box:hover .btm_btns {opacity: 1}
.s0105 .map_info {width: 36%; padding: 60px 105px 30px 50px}
.s0105 .map_info .tit {font-size: 20px; font-weight: 500; padding-bottom: 20px; margin-bottom: 30px; position: relative}
.s0105 .map_info .tit:after {content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 1px; background: #468bff}
.s0105 .map_info ul li {padding-left: 35px; color: #555; line-height: 25px; position: relative; margin-bottom: 20px; word-break: break-word}
.s0105 .map_info ul li:last-of-type {margin-bottom: 0}
.s0105 .map_info ul li:before {content: ''; position: absolute; left: 0; top: 4px}
.s0105 .map_info ul li:first-of-type:before {width: 14px; height: 24px; background: url(../img/template/icon_map.png) no-repeat center}
.s0105 .map_info ul li:nth-of-type(2):before {width: 21px; height: 22px; background: url(../img/template/icon_tel.png) no-repeat center}
.s0105 .map_info ul li:nth-of-type(3):before {width: 20px; height: 21px; background: url(../img/template/icon_fax.png) no-repeat center}
.s0105 .map_info ul li:last-of-type:before {width: 18px; height: 20px; background: url(../img/template/icon_email.png) no-repeat center}

.s0106 .img_box {position: relative; margin-bottom: 40px}
.s0106 .img_box > p {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; font-size: 38px; color: #fff; font-weight: 500; padding-bottom: 15px}
.s0106 .img_box > p:after {content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 50px; height: 1px; background: #fff}
.s0106 .tab_menu02 {margin-bottom: 100px}
.s0106 .tab_menu02 li a {padding: 25px}
.s0106 .tab_cont {display: none}
.s0106 .tab_cont:first-of-type {display: block}
.s0106 .tab_cont .tit {position: relative; text-align: center; box-sizing: border-box}
.s0106 .tab_cont .tit > span {display: inline-block; width: 180px; padding: 69px 10px; background: #fff; border: 1px solid #2c416e; border-radius: 100%; font-size: 33px; font-weight: bold; color: #243f6e; vertical-align: top; box-sizing: border-box}
.s0106 .tab_cont .his_info > li {position: relative; float: right; width: 50%; margin: 0 50% 0 0; box-sizing: border-box; text-align: right; padding-right: 70px}
.s0106 .tab_cont .his_info > li:first-of-type {margin: 90px 50% 0 0}
.s0106 .tab_cont .his_info > li:nth-child(even) {margin: 0 0 0 50%; float: left; padding: 0 0 0 70px; text-align: left}
.s0106 .tab_cont .his_info > li:nth-child(even):before {right: auto; left: -4px; transform: rotate(180deg)}
.s0106 .tab_cont .his_info > li:nth-child(even) > ul {float: right}
.s0106 .tab_cont .his_info > li:nth-child(even) > ul > li {padding: 0 0 0 20px}
.s0106 .tab_cont .his_info > li:nth-child(even) > ul > li:before {left: 0; right: auto}
.s0106 .tab_cont .his_info:after {content: ''; display: block; clear: both}
.s0106 .tab_cont .his_sec {position: relative; box-sizing: border-box}
.s0106 .tab_cont .his_sec:after {content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; height: 100%; background: #929292; z-index: -1}
.s0106 .tab_cont .his_info > li:before {content: ''; position: absolute; right: -6px; top: 15px; width: 36px; height: 10px; background: url(../img/s0106_blt.png) no-repeat center center; background-size: 100% 100%}
.s0106 .tab_cont .his_info > li:after {content: ''; display: block; clear: both}
.s0106 .tab_cont .his_info > li > .his_tit {font-size: 34px; color: #283b73; font-weight: 500; display: inline-block}
.s0106 .tab_cont .his_info > li > ul {float: left; width: 78%}
.s0106 .tab_cont .his_info > li > ul > li {margin-bottom: 15px; color: #555; padding-right: 20px; position: relative; word-break: keep-all}
.s0106 .tab_cont .his_info > li > ul > li:before {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background: #1565c0; border-radius: 100%; }

.s010701 .tab_menu {margin-bottom: 100px}
.s010701 .certi_info > .tit {font-size: 27px; color: #111; font-weight: 500; margin-bottom: 25px; letter-spacing: -1px}
.s010701 .certi_info > .de_txt {color: #7c7c7c; line-height: 22px; width: 65%; word-break: keep-all}
.s010701 .certi_info > .de_txt > span {font-size: 20px; letter-spacing: -1px; margin-bottom: 15px; display: block; color: #333}
.s010701 .certi_info > .de_txt > span > strong {font-weight: 500; color: #273e6d}
.s010701 .certi_info > .img_info {position: relative; box-sizing: border-box; margin-top: 35px; background: #f4f4f4; padding: 70px 20px}
.s010701 .certi_info > .img_info > dl {display: table; table-layout: fixed; width: 85%; margin: 0 auto}
.s010701 .certi_info > .img_info > dl > dt {display: table-cell; width: 47%; vertical-align: top; box-sizing: border-box; text-align: center; padding: 30px; background: #fff}
.s010701 .certi_info > .img_info > dl > dd {display: table-cell; box-sizing: border-box; word-break: keep-all; vertical-align: middle; padding-left: 60px}
.s010701 .certi_info > .img_info > dl > dd > .tit {color: #273e6d; font-size: 18px; font-weight: 500; margin-bottom: 20px; padding-bottom: 20px; position: relative; letter-spacing: -1px}
.s010701 .certi_info > .img_info > dl > dd > .tit:after {content: ''; position: absolute; bottom: 0; left: 0; height: 1px; width: 40px; background: #273e6d}
.s010701 .certi_info > .img_info > dl > dd > .stit {font-size: 15px; line-height: 25px; color: #555; letter-spacing: -1px}
.s010701 .certi_info > .img_info > dl > dd > .stit > span {font-weight: 600}
.s010701 .certi_info > .img_info > dl > dd > .stit + .stit {margin-top: 60px}
.s010701 .certi_info > .img_info > dl > dd > .stit + .stit > span {color: #292929}
.s010701 .certi_box {margin: 90px 0 70px}
.s010701 .certi_box:after {content: ''; display: block; clear: both}
.s010701 .certi_box > .certi_info {width: 43%}
.s010701 .certi_box > .certi_info:first-of-type {float: left}
.s010701 .certi_box > .certi_info:last-of-type {float: right}
.s010701 .certi_box > .certi_info > .img {position: relative; height: 280px; text-align: center; line-height: 280px; margin-bottom: 25px; box-sizing: border-box; border: 1px solid #d2d2d2}
.s010701 .certi_box > .certi_info .txt_box .tit {color: #273e6d; font-size: 18px; font-weight: 500; margin-bottom: 15px; padding-bottom: 15px; position: relative; letter-spacing: -1px}
.s010701 .certi_box > .certi_info .txt_box .tit:after {content: ''; position: absolute; bottom: 0; left: 0; height: 1px; width: 55px; background: #273e6d}
.s010701 .certi_box > .certi_info .txt_box .stit {font-size: 15px; line-height: 25px; color: #555; letter-spacing: -1px}
.s010701 .certi_box > .certi_info > .img .ov_info {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 10; opacity: 0; transition: opacity 0.4s; line-height: 22px; color: #fff; padding: 14% 10%; font-weight: 300}
.s010701 .certi_box > .certi_info > .img:hover .ov_info {opacity: 1}
.s010701 .certi_box > .certi_info > .img .ov_info > .tit {font-size: 18px; font-weight: 500; margin-bottom: 15px}
.s010701 .certi_box > .certi_info > .img .ov_info > .tit > span {color: #18ffff; font-size: 20px}

.s010702 .awards_list:after {content: ''; display: block; clear: both}
.s010702 .awards_list > li {position: relative; float: left; width: 23.5%; margin: 0 2% 50px 0; background: #efefef; text-align: center}
.s010702 .awards_list > li:after {content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 2px; background: #f28e00}
.s010702 .awards_list > li:nth-child(4n) {margin-right: 0}
.s010702 .awards_list > li > a > .img {box-sizing: border-box; border-bottom: 1px solid #d3d3d3}
.s010702 .awards_list > li > a > .awards_txt {padding: 25px 10px; border-bottom: 2px solid #273e6d; letter-spacing: -1px}
.s010702 .awards_list > li > a > .awards_txt > .pro_tit {font-weight: 300; color: #555}
.s010702 .awards_list > li > a > .awards_txt > .award_tit {font-size: 18px; margin-top: 10px; font-weight: 500}

.awardList .eventTxtArea {padding: 0 30px}
.awardList .eventTxtArea > dl > dt {margin-top: 0}

.s0108 .env_box .tab_cont {display: none}
.s0108 .env_box .tab_cont:first-of-type {display: block}
.s0108 > .w1200 > .img_box {margin: 90px 0 80px; position: relative}
.s0108 > .w1200 > .img_box > .txt_cnt {position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); text-align: center; font-size: 20px}
.s0108 > .w1200 > .img_box > .txt_cnt > p {font-size: 40px; font-weight: 600; margin-bottom: 10px; padding-bottom: 10px; position: relative}
.s0108 > .w1200 > .img_box > .txt_cnt > p:after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 2px; width: 50px; background: #2b4e96}
.s0108 .tab_menu02 {margin-bottom: 70px}
.s0108 .tab_menu02 li a {padding: 20px}
.s010801 > .cnt01 {background: #ededed; padding: 55px 0}
.s010801 > .cnt02 {padding: 85px 0 70px}
.s010801 .tit {font-size: 27px; position: relative; margin-top: 10px; padding-top: 10px}
.s010801 .tit:before {content: ''; position: absolute; top: 0; left: 0; height: 2px; width: 40px; background: #2b4e96}
.s010801 .cnt01 .img_box {display: table; table-layout: fixed; box-sizing: border-box; margin-top: 40px}
.s010801 .cnt01 .img_box .img {display: table-cell; vertical-align: top; width: 42%}
.s010801 .cnt01 .img_box .img > img {width: 100%}
.s010801 .cnt01 .img_box .txt_cnt {display: table-cell; vertical-align: middle; padding-left: 25px; line-height: 25px; word-break: keep-all}
.s010801 .cnt01 .img_box .txt_cnt > span {font-weight: 600; display: block; margin-bottom: 15px}
.s010801 .cnt01 .img_box .txt_cnt > span + span {font-weight: 400; display: block; margin-bottom: 15px}
.s010801 .cnt02 .img_box {padding-top: 50px; position: relative}
.s010801 .cnt02 .img_box:after {content: ''; position: absolute; right: -20px; top: -50px; width: 325px; height: 317px; background: url(../img/s010801_img02.png) no-repeat center; background-size: 100% 100%}
.s010801 .cnt02 .img_box .txt_cnt {width: 70%; line-height: 25px; word-break: keep-all}
.s010801 .cnt02 .img_box .txt_cnt > span {font-weight: 600; display: block; margin-bottom: 15px}
.s010801 .cnt02 .img_box .txt_cnt > span + span {font-weight: 400; display: block; margin-bottom: 15px}

.s010802 .w1200 > .tit {font-size: 27px; color: #224383; position: relative; font-weight: 500; margin-bottom: 20px; padding-bottom: 20px; text-align: center}
.s010802 .w1200 > .tit:after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 45px; height: 1px; background: #224383}
.s010802 .w1200 > .stit {width: 85%; margin: 0 auto; font-size: 18px; line-height: 27px; text-align: center; word-break: keep-all; font-weight: 400}
.s010802 .w1200 > .stit > span {font-weight: 500}
.s010802 .w1200 > .cnt01 {display: table; table-layout: fixed; box-sizing: border-box; margin: 120px 0}
.s010802 .w1200 > .cnt01 > div {display: table-cell; box-sizing: border-box; vertical-align: top; width: 50%; text-align: center; position: relative}
.s010802 .w1200 > .cnt01 > .cnt_info01:before {content: 'STANDARDS'; display: block; margin-bottom: 15px; color: #224383; font-size: 20px}
.s010802 .w1200 > .cnt01 > .cnt_info01:after {content: ''; position: absolute; top: 15%; right: 0; width: 1px; height: 50%; background: #224383}
.s010802 .w1200 > .cnt01 > .cnt_info02:before {content: '연락처 정보'; display: block; margin-bottom: 15px; color: #224383; font-size: 20px}
.s010802 .w1200 > .cnt01 > div > p {word-break: keep-all; line-height: 25px; width: 65%; margin: 20px auto 0}
.s010802 .w1200 > .cnt02 > .img_box {position: relative}
.s010802 .w1200 > .cnt02 > .img_box > .txt_cnt {position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); text-align: center; color: #fff; line-height: 27px; padding: 0 50px}
.s010802 .w1200 > .cnt02 > .img_box > .txt_cnt > p {position: relative; font-size: 27px; font-weight: 600; margin-bottom: 20px; padding-bottom: 15px}
.s010802 .w1200 > .cnt02 > .img_box > .txt_cnt > p:after {content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); background: #fff; width: 40px; height: 1px}

.s010803 .w1200 > div > .cnt_tit {font-size: 27px; color: #025689; margin-bottom: 20px; font-weight: 500}
.s010803 .cnt01 {margin-bottom: 85px}
.s010803 .cnt01 .img_box {background: #ededed; padding: 60px; display: table; table-layout: fixed; box-sizing: border-box; width: 100%}
.s010803 .cnt01 .img_box > .img {display: table-cell; vertical-align: middle; width: 45%}
.s010803 .cnt01 .img_box > .img > img {width: 100%}
.s010803 .cnt01 .img_box > .txt_cnt {display: table-cell; vertical-align: middle; line-height: 25px; padding-left: 45px; word-break: keep-all}
.s010803 .cnt01 .img_box > .txt_cnt span {font-weight: 600}
.s010803 .cnt01 .img_box > .txt_cnt > .tit {font-size: 18px; color: #273f6d; font-weight: 600; margin-bottom: 15px}
.s010803 .cnt01 .img_box > .txt_cnt > .tit:last-of-type {margin-top: 40px}
.s010803 .cnt01 .img_box > .txt_cnt > ul {display: table; table-layout: fixed}
.s010803 .cnt01 .img_box > .txt_cnt > ul > li {display: table-cell; padding-right: 5%; word-break: keep-all}
.s010803 .cnt01 .img_box > .txt_cnt > ul > li:last-of-type {padding-right: 0}
.s010803 .cnt02 .tit {font-size: 18px; font-weight: 500; margin-bottom: 15px}
.s010803 .cnt02 span {font-weight: 600}
.s010803 .cnt02 .chart_box {box-sizing: border-box; margin-bottom: 65px}
.s010803 .cnt02 .chart_box:after {content: ''; display: block; clear: both}
.s010803 .cnt02 .chart_box > .chart01 {padding-right: 55px; width: 55%; border-right: 1px solid #c0c0c0}
.s010803 .cnt02 .chart_box > .chart01:before {content: ''; position: absolute; top: 0; right: -3px; width: 5px; height: 5px; background: #c0c0c0; border-radius: 100%;}
.s010803 .cnt02 .chart_box > .chart01:after {content: ''; position: absolute; bottom: 0; right: -3px; width: 5px; height: 5px; background: #c0c0c0; border-radius: 100%;}
.s010803 .cnt02 .chart_box > .chart02 {padding-left: 55px; width: 40%}
.s010803 .cnt02 .chart_box > div {float: left; box-sizing: border-box; word-break: keep-all; line-height: 25px; color: #555; position: relative}
.s010803 .cnt02 .chart_box > div > img {display: block; margin-bottom: 15px}
.s010803 .cnt02 ul {margin-bottom: 35px; color: #555; line-height: 27px}
.s010803 .cnt02 table th, .s010803 .cnt02 table td {padding: 20px; text-align: center}
.s010803 .cnt02 table tr > td[rowspan="4"] {border-right: 1px solid #ccc; border-left: 1px solid #ccc}
.s010803 .cnt02 table tr > th:nth-of-type(2) {border-right: 1px solid #ccc; border-left: 1px solid #ccc}

.etc_cont {padding: 40px; border: 1px solid #dbdbdb; text-align: left; line-height: 26px; box-sizing: border-box}
.etc_cont .tit.first {margin: 0 0 10px}
.etc_cont .tit {margin: 40px 0 10px; font-size: 18px; font-weight: 500; color: #111}
.etc_cont .num_info, .etc_cont .dash_info {margin-top: 10px}
.num_info > li {position: relative; padding: 2px 0 2px 25px; box-sizing: border-box}
.num_info > li > span {position: absolute; left: 0; top: 2px}
.num_info > li > .num_info {margin-bottom: 10px}
.etc_cont strong {color: red}
.etc_cont table {margin: 10px 0 30px}
.etc_cont table th {padding: 10px 30px}
.etc_cont table th {border-right: 1px solid #ccc}
.etc_cont table th:last-of-type {border-right: none}
.etc_cont table td {text-align: center !important; border-right: 1px solid #ccc}
.etc_cont table td:last-of-type {border-right: none; text-align: left !important}

#layp_img > img {width: auto}

.join_boardList td p {margin-top: 5px}

.privacy_info_popup .popup_tit {font-size: 26px; margin-bottom: 20px; text-align: center}
.privacy_info_popup .pop_cnt {height: 370px; background: #f3f3f3; line-height: 1.5em; overflow-y: auto; padding: 25px}

@media screen and (max-width: 1200px) {
    .contentsWrap > div {width: 60%}
    .contentsWrap > div li {padding-left: 130px}
    div[aria-describedby="layp_img"] {width: 85% !important}
    .s010701 .certi_info > .tit {font-size: 24px}
    
    .s0105 .map_info {padding: 40px 105px 30px 50px}
    .s0104 .w1200 > ul > li:first-of-type .box {background-position-x: 12%}
    .s0104 .w1200 > ul > li:first-of-type .box > ul {width: 50%}
    .s0104 .w1200 > ul > li:first-of-type .box > ul > li > span {left: 53%}
    div.exhibitionWrap ul li > a > img {min-height: 285px}
    div.as_requestWrap ul li {min-height: 390px}
    ul.find_type_list {padding: 2.5% 18%}
    
    .ceo_intro_wrap ul {margin-right: unset; padding: 0 40px}
    .ceo_intro_wrap ul li:first-of-type {width: 48%}

	
	/*20211206*/
	div.pro_carousel_wrap {padding:30px 0 90px; margin-top:50px;}
	div.pro_carousel_wrap .item {display:block; padding:0 30px;}
	div.pro_carousel_wrap .pro_carousel_img {margin:0 auto 25px;}
	div.pro_carousel_wrap .pro_carousel_txt {width:100%; padding-left:0; text-align:center;}
	div.pro_carousel_wrap .pro_carousel_txt .pro_carview {margin:33px auto 0;}
	
	div.pro_carousel_wrap.owl-carousel button.owl-dot {width:8px; height:8px; margin-left:10px;}
	div.pro_carousel_wrap.owl-carousel .owl-nav {top:67%;}
	div.pro_carousel_wrap.owl-carousel .owl-nav button {width:14px; height:47px;}
	div.pro_carousel_wrap.owl-carousel .owl-nav .owl-prev {left:-4px; background-image: url(../img/new/ico_pro_carprev_m.png);}
	div.pro_carousel_wrap.owl-carousel .owl-nav .owl-next {right:-4px; background-image: url(../img/new/ico_pro_carnext_m.png);}
}
@media screen and (max-width: 1024px) {
    div.boardSearch.ty02 {margin-top: 20px}
    .contentsWrap > div {width: 70%}
    .intro_bx {margin-bottom: 0}
    div.pro_detail_box > div {height: 440px; padding: 35px 0 0 40px}
    .spec_utill {width: calc(100% - 40px)}
    .s010801 .cnt02 .img_box .txt_cnt {width: 60%}
    
    .s010702 .awards_list > li > a > .img > img {width: 60%}
    
    .s010701 .certi_box > .certi_info > .img .ov_info {font-size: 14px}
    .s010701 .certi_box > .certi_info > .img .ov_info > .tit {font-size: 16px}
    .s010701 .certi_box > .certi_info > .img .ov_info > .tit > span {font-size: 18px}
    .s010701 .certi_info > .tit {font-size: 21px}
    
    .s0106 .tab_cont .his_info > li > ul {width: 73%}
    .s0105 .map_info {padding: 30px 50px 20px}
    .s0105 .map_info .tit {margin-bottom: 15px; padding-bottom: 15px}
    .s0105 .map_info ul li {margin-bottom: 10px}
    .s0105 .map_box .btm_btns > a {font-size: 14px; width: 140px}
    
    .s0202 .div_sub01 > div {height: 320px}
    .s0202 .div_sub02 ul > li > a {font-size: 18px; padding-left: 8%}
    
    div.exhibitionWrap ul li {width: 32%}
    div.exhibitionWrap ul li:nth-of-type(4n) {margin-right: 2%}
    div.exhibitionWrap ul li:nth-of-type(3n) {margin-right: 0}
    a.event_status {position: relative; right: 0; top: 0; transform: none; margin-left: 15px}
    div.eventListWrap ul > li > .eventTxtArea > dl > dt {width: 100%}
    div.productReviewWrap ul > li > .productReviewImgArea {width: 20%}
    .tab_menu.product_tab_menu li {min-height: 62px}
    
    div.as_requestWrap ul li {min-height: 340px}
    
    .spec_tit {font-size: 34px; padding-bottom: 30px; margin-bottom: 30px;-webkit-line-clamp:4 !important; max-height:8.7rem} /* 모바일 줄바꿈처리 요소 2021 12 28*/
    
    .div_table {display: block; table-layout: unset}
    .pro_template05 .pro_template05_txt, .pro_template06 .pro_template06_txt {width: 100%; padding: 95px 0 60px; text-align: center}
    .pro_template05 > div > div, .pro_template06 > div > div {width: 100%; display: block; text-align: center; padding: 30px 0}
    .pro_template06 .pro_template_img {width: 100%}
    .prd_part_imgList.prd_part_imgList2 li {width: 28%}
    
    div.compare_img_bx {border-right: none; width: 100%; padding: 6% 6% 0}
    .compare_txt_bx {position: relative; padding: 4%; width: 100%; margin: 0 auto}
    .compare_txt, .compare_pro_list {display: none}
    .compare_btn {margin-top: 0}
    .mypage_bx01 > div > .moreBtn, .mypage_bx02 > .updateBtn {width: 140px}
    
    ul.login_bx > li {min-height: 650px}
    .sns_login_bx .btn_100p {font-size: 17px}
    .facebookBtn {background-size: 4%}
    .naverBtn {background-size: 6%}
    .kakaoBtn {background-size: 7%}
    
    .auth_type_bx > .phone_auth_bx > span {padding-left: 14%}
    .auth_type_bx > a > span {padding-left: 19%}
    
    ul.find_type_list {padding: 2.5% 10%}
    
    .down_seaWrap > div {float: none}
    table.boardList.downBoardList tbody td {font-size: 15px}
    .sitemapWrap > ul li {width: 25%}
    
    .pro_template04 {margin-bottom: 0}
    .pro_template04 .pro_template_img img {height: auto}
    .pro_template04_txt {position: relative;}
    
    .bu_area_list li {height: 290px}
    .bu_area_list li .bu_area_txtBx {height: 232px}
    .bu_area_list li dl dt {font-size: 22px}
    .bu_area_list li dl dd {font-size: 14px; line-height: 1.5em}
}
@media screen and (max-width: 960px) {
    input.seaTxt {width: 300px}

	div.pro_carousel_wrap .pro_carousel_img {width:100%; height:auto;}
	div.pro_carousel_wrap .pro_carousel_img.in_video {height:0; padding-top:56.25%;}
	div.pro_carousel_wrap .owl-dots {bottom:6%;}
}
@media screen and (max-width: 800px) {
    .contentsWrap > div li {padding-left: 110px}
    div.pro_detail_box > div {height: 340px}
    .s010803 .cnt01 .img_box {display: block; padding: 40px}
    .s010803 .cnt01 .img_box > .img {display: block; width: 100%; text-align: center; margin-bottom: 20px}
    .s010803 .cnt01 .img_box > .img > img {width: auto}
    .s010803 .cnt01 .img_box > .txt_cnt {display: block; padding-left: 0}
    
    .s0108 > .w1200 > .img_box > .txt_cnt {font-size: 18px}
    .s0108 > .w1200 > .img_box > .txt_cnt > p {font-size: 32px}
    
    .s010802 .w1200 > .cnt01 {margin: 70px 0}
    .s010802 .w1200 > .cnt02 > .img_box > .txt_cnt {font-size: 14px}
    .s010802 .w1200 > .cnt02 > .img_box > .txt_cnt > p {font-size: 20px}
    
    .s010801 .cnt01 .img_box {display: block; margin-top: 20px}
    .s010801 .cnt01 .img_box .img {display: block; width: 100%; text-align: center}
    .s010801 .cnt01 .img_box .img > img {width: auto}
    .s010801 .cnt01 .img_box .txt_cnt {padding-left: 0; display: block; margin-top: 20px}
    .s010801 > .cnt02 {padding: 55px 0 0}
    .s010801 .cnt02 .img_box {padding-top: 20px}
    .s010801 .cnt02 .img_box .txt_cnt {width: 100%; margin-bottom: 20px}
    .s010801 .cnt02 .img_box:after {position: relative; right: auto; top: auto; display: block; margin: 0 auto}
    
    .s010702 .awards_list > li {width: 49%}
    .s010702 .awards_list > li:nth-child(2n) {margin-right: 0}
    .s010702 .awards_list > li > a > .img > img {width: auto}
    
    .s010701 .certi_box > .certi_info > .img .ov_info {padding: 14% 50px}
    .s010701 .certi_info > .img_info > dl {width: 95%; display: block}
    .s010701 .certi_info > .img_info > dl > dt {display: block; width: 100%; margin-bottom: 30px}
    .s010701 .certi_info > .img_info > dl > dd {padding-left: 0}
    .s010701 .certi_box {margin: 60px 0 40px}
    .s010701 .certi_box > .certi_info {width: 100%; float: none !important; margin-bottom: 30px}
    
    .s0106 .img_box > p {font-size: 30px}
    .s0106 .tab_menu02, .s0108 .tab_menu02 {display: table; table-layout: fixed; margin-bottom: 60px}
    .s0106 .tab_menu02 li, .s0108 .tab_menu02 li {float: none; min-height: auto; width: auto; display: table-cell}
    .s0106 .tab_menu02 li a, .s0108 .tab_menu02 li a {display: block}
    .s0106 .tab_cont .tit > span {width: 140px; font-size: 24px; padding: 57px 10px}
    .s0106 .tab_cont .his_info > li {padding-right: 50px}
    .s0106 .tab_cont .his_info > li > .his_tit {font-size: 28px}
    .s0106 .tab_cont .his_info > li > ul > li {font-size: 14px}
    .s0106 .tab_cont .his_info > li:nth-child(even) {padding-left: 50px}
    
    .s0105 .box > div {float: none; width: 100%}
    .s0105 .map_info {padding: 30px 50px}
    .s0104 .w1200 > ul > li:first-of-type .box {background-position: center 15%; padding: 190px 0 50px}
    .s0104 .w1200 > ul > li:first-of-type .box > ul {width: 80%}
    .s0103 ul li > dl {padding: 50px}
    .s0103.ty02 ul li > dl {padding: 80px 50px}
    .sub_txt02 {font-size: 16px}

    .s0202 .div_sub01{flex-direction:column} /* css추가 / 2021 12 24*/

    .s0202 .div_sub01 > div {width: 100%; min-height: 284px;height:auto} /* 길이조정 / 2021 12 24*/
    .s0202 .div_sub01 > .manual_txt_bx {border-top-width: 0; border-left-width: 1px}
    .s0202 .div_sub01 > .manual_txt_bx > p, .pro_manualWrap .manual_txt_bx ul li {text-align: center}
    .s0202 .div_sub02 ul > li > a {font-size: 15px; padding: 35px 0 35px 8%}
    
    input.seaTxt {width: 200px}
    div.exhibitionWrap ul li > a > img {min-height: 252px}
    div.listWrap ul > li {min-height: 300px}
    div.productReviewWrap ul > li > .productReviewImgArea {width: 25%}
    .tab_menu.product_tab_menu li {width: 33.4%; margin-bottom: 0}
    div.ssm_title {margin: 30px 0}
    div.product_sea_resultList > ul li {width: 50%}
    div.product_sea_resultList > ul li:nth-child(2n) {border-right: none}
    div.product_sea_resultList > ul li:nth-child(odd) {border-right: 1px solid #ddd}
    .tab_menu.faq_tab_menu li {width: 25%}
    div.faqList > dl dt, div.faqList > dl dd {padding: 5% 10%}
    
    div.as_requestWrap ul li {width: 48.5%; margin: 0 3% 3% 0}
    div.as_requestWrap ul li:nth-of-type(2) {margin-right: 0}
    div.as_requestWrap ul li {min-height: 400px}
    
    div.table_txtArea > p, div.table_txtArea > div {float: none}
    ul.as_request_table_list > li:first-of-type col:first-of-type, ul.as_request_table_list > li:nth-of-type(2) col:first-of-type {width: 18% !important}
    
    div.pro_detail_box > .spec_box {padding: 10px 0 0 40px}
    .pro_video_bx > .item > .video_play {width: 55px}
    .pro_video_bx > .item > .videoTxtWrap > .videoProType {font-size: 16px}
    .pro_video_bx > .item > .videoTxtWrap > .videoProTit {font-size: 20px}
    .pro_video_bx > .item {width: 47.5%}
    
    .mypage_bx01 > div:first-of-type {margin-bottom: 30px; border-right: 1px solid #ccc}
    .mypage_bx01 > div:last-of-type {border-left: 1px solid #ccc}
    .mypage_bx01 > div {width: 100%; min-height: auto; display: block}
    .mypage_bx01 > div > .moreBtn {top: 4%; right: 4%}
    table.boardList.boardListC {font-size: 14px}
    
    .inquiry_btn {width: 120px}
    
    .boardListD .app_date, .boardListD .receipt_num, .boardListD .board_no {display: none}
    .receipt_class_col, .receipt_method_col {width: 12% !important}
    .product_family_col, .process_status {width: 17% !important}
    
    ul.login_bx > li {width: 100%; min-height: auto; margin-bottom: 40px}
    .sns_login_bx .btn_100p {font-size: 20px}
    .login_bx .join_btn {margin-top: 0}
    
    .auth_type_bx > .phone_auth_bx > span {padding-left: 19%}
    .auth_type_bx > a > span {padding-left: 27%}
    
    ul.find_type_list {padding: 2.5% 2%}
    .contentsWrap > div {width: 90%}
    
    .popup_board .img_drag_box_area {display: none}
    
    .tab_menu02 {display: block; table-layout: unset; overflow: hidden}
    .tab_menu02 li {float: left; min-height: 62px; width: 25%; display: table}
    .tab_menu02.ty02 li {width: 50%}
    .tab_menu02 li a {display: table-cell; vertical-align: middle}
/*    .pro_carousel_wrap {padding: 20px 0}*/
    .depth3_tab_menu {display: block; overflow: hidden; margin-bottom: 20px}
    .depth3_tab_menu li {float: left; width: 20%; margin-bottom: 20px}
    .join_boardList th, .join_boardList td {font-size: 14px}
    
    .sns_login_bx dd > button.naverBtn {margin: 20px 0}
    p.secession_sub_txt {font-size: 20px}
    .sitemapWrap > ul li {width: 33.3%}
    
    .ceo_intro_wrap ul li {display: block}
    .ceo_intro_wrap ul li:first-of-type {width: 100%}
    .ceo_intro_wrap ul li:last-of-type {padding-left: 0}
    .intro_img_bx > p {font-size: 18px}
    
    .pro_template_tit > * {font-size: 28px}
    .pro_template02_tit > * {font-size: 20px}
    
    .bu_area_list li dl dt {font-size: 20px}
    .bu_area_list li {background-size: 100% 100% !important}
    div.pro_detail_box > div {height: 460px; overflow: unset; padding: 0}
    div.pro_detail_box > .thum_box, div.pro_detail_box > .spec_box {width: 100%}
    div.pro_detail_box > .spec_box {padding: 20px 0px; height: auto}
    .spec_utill {width: 100%; position: relative; left: 0; margin-top: 40px}

	
	div.pro_carousel_wrap {margin-top:25px;}
	div.pro_carousel_wrap .pro_carousel_txt strong {margin-bottom:15px; font-size:28px;}
	div.pro_carousel_wrap .pro_carousel_txt p {font-size:15px;}
    
}
@media screen and (max-width: 768px) {
    ul.find_type_list li {margin-right: 3%}
}
@media screen and (max-width: 640px) {
    div.compare_bx {height: calc(100% - 104px); overflow: auto}
    
    div.eventListWrap ul > li > div.event_detail {padding: 30px 55px}
    .btn_close {width: 20px; height: 20px; top: 20px; right: 20px}
    
    .privacy_info_popup {width: 80%}
    .contentsWrap > div li {padding-left: 10px}
    div.prd_img_box > a {height: 250px}
    .s0105 .map_box img {height: auto}
    .s010802 .w1200 > .stit {width: 100%}
/*    .pro_carousel_wrap .item {width: 95%; height: auto}*/
/*    .pro_carousel_wrap img {height: 100%; width: auto !important; margin: 0 auto; display: block}*/
    
    div[aria-describedby="layp_img"] {width: 75% !important}
    .join_boardList td {padding: 15px !important}
    
    .etc_cont table td, .etc_cont table th {font-size: 14px !important}
    .etc_cont table td {padding: 10px !important}
    .etc_cont table:first-of-type colgroup > col:first-of-type {width: 25% !important}
    .etc_cont table:first-of-type colgroup > col:nth-of-type(2) {width: 25% !important}
    
    .s010803 .w1200 > div > .cnt_tit {font-size: 22px}
    .s010803 .cnt01 {margin-bottom: 50px}
    .s010803 .cnt02 .chart_box {margin-bottom: 50px}
    .s010803 .cnt02 .chart_box > div {float: none; width: 100% !important; padding: 0 !important; font-size: 14px; line-height: 22px}
    .s010803 .cnt02 .chart_box > .chart01:before, .s010803 .cnt02 .chart_box > .chart01:after {display: none}
    .s010803 .cnt02 .chart_box > .chart01 {border-right: none; margin-bottom: 50px}
    .s010803 .cnt02 .tit {font-size: 16px}
    .s010803 .cnt02 ul {font-size: 14px; line-height: 22px}
    .s010803 .cnt01 .img_box > .txt_cnt > .tit {font-size: 16px}
    .s010803 .cnt01 .img_box > .txt_cnt {font-size: 14px; line-height: 22px}
    
    .s0108 > .w1200 > .img_box {margin: 50px 0 40px}
    .s0108 > .w1200 > .img_box > .txt_cnt {font-size: 16px}
    .s0108 > .w1200 > .img_box > .txt_cnt > p {font-size: 28px}
    
    .s010802 .w1200 > .tit {font-size: 22px}
    .s010802 .w1200 > .stit {font-size: 14px}
    .s010802 .w1200 > .cnt01 {margin: 50px 0; display: block}
    .s010802 .w1200 > .cnt01 > div {display: block; width: 100%; padding-bottom: 20px; margin-bottom: 20px}
    .s010802 .w1200 > .cnt02 > .img_box {height: 270px}
    .s010802 .w1200 > .cnt02 > .img_box > img {height: 100%}
    .s010802 .w1200 > .cnt02 > .img_box > .txt_cnt {line-height: 22px}
    .s010802 .w1200 > .cnt01 > .cnt_info01:after {top: auto; bottom: 0; left: 50%; transform: translateX(-50%); width: 80%; height: 1px}
    
    .s010801 .tit {font-size: 22px}
    .s010801 .cnt01 .img_box .txt_cnt, .s010801 .cnt02 .img_box .txt_cnt {font-size: 14px; line-height: 22px}
    
    .s010702 .awards_list > li > a > .awards_txt > .award_tit {font-size: 16px}
    .s010702 .awards_list > li > a > .awards_txt > .pro_tit {font-size: 14px}
    
    .s010701 .certi_box > .certi_info > .img .ov_info {padding: 17% 50px}
    .s010701 .tab_menu {margin-bottom: 50px}
    .s010701 .certi_info > .tit {font-size: 22px}
    .s010701 .certi_info > .de_txt {width: 100%; font-size: 14px; line-height: 18px}
    .s010701 .certi_info > .de_txt > span {font-size: 18px}
    .s010701 .certi_info > .img_info {padding: 40px 20px}
    .s010701 .certi_info > .img_info > dl > dd > .tit {font-size: 16px}
    .s010701 .certi_info > .img_info > dl > dd > .stit {font-size: 14px; line-height: 22px}
    .s010701 .certi_info > .img_info > dl > dd > .stit + .stit {margin-top: 30px}
    
    .s0106 .img_box > p {font-size: 24px}
    .s0106 .tab_cont .his_info > li > .his_tit {font-size: 22px}
    .s0106 .tab_cont .his_info > li:before {top: 9px}
    .s0106 .tab_cont .his_info > li > ul > li {font-size: 13px}
    
    .s0103 ul li {height: auto; margin-bottom: 50px}
    .s0103 ul li:before {width: 100%; height: 320px}
    .s0103 ul li > dl {width: 100% !important}
    .s0103.ty02 ul li > dl {padding: 50px}
    .s0103 ul li:nth-child(odd) > dl:after {display: none}
    .s0103 ul li:nth-child(even) > dl:after {display: none}
    
    .s0202 .div_sub02 ul > li {width: 65%; margin: 0 auto; }
    .s0202 .div_sub02 ul > li > a {font-size: 18px; padding: 35px 0 35px 8%; background-size: 22% !important}
    .s0202 .div_sub02 ul > li:nth-of-type(2) {margin: 10px auto}
    
    div.eventListWrap ul > li > .eventTxtArea > dl > dd.event_dateTxt {width: 100%; bottom: -60px}
    .eventTxtArea > dl.active:after {left: 50%; bottom: -20px; transform: translateX(-50%)}
    
    .sm_title {padding-top: 50px}
    .board_num {display: none}
    .attachFile {display: none}
    div.totalWrap, div.boardSearch {float: none}
    table.boardList tbody td {font-size: 15px}
    .sm_title h4 {font-size: 36px}
    
    div.exhibitionWrap ul li {width: 48%; margin-right: 0}
    div.exhibitionWrap ul li:nth-of-type(3n) {margin-right: 0}
    div.exhibitionWrap ul li:nth-of-type(4n) {margin-right: 0}
    div.exhibitionWrap ul li:nth-of-type(odd) {margin-right: 4%}
    
    div.eventListWrap ul > li > .eventImgArea, div.productReviewWrap ul > li > .productReviewImgArea {width: 100%}
    div.productReviewWrap ul > li > .productReviewTxtArea {text-align: center; padding: 20px 0 0}
    div.eventListWrap ul > li > .eventTxtArea {text-align: center; padding: 20px 0 60px; width: 100%; margin-left: 0}
    .awardList .eventTxtArea {padding: 20px 0 !important}
    .awardList .eventTxtArea dl {min-height: auto}
    
    div.listWrap ul > li > div {display: block}
    div.listWrap.ty02 ul > li.th_row {display: none}
    div.listWrap.ty02 ul > li > div {width: 100% !important}
    div.listWrap.ty02 ul > li > div.img_sec, div.listWrap.ty02 ul > li > div.txt_sec {margin-bottom: 20px}
    div.listWrap.ty02 ul > li > div.img_sec > img {width: auto}
    div.listWrap.ty02 ul > li > div.txt_sec {text-align: center}
    
    .tab_menu.faq_tab_menu li {width: 33.3%}
    div.faqList > dl dt > span {font-size: 15px}
    div.faqList > dl dd {font-size: 15px}
    div.all_atach_file_area, span.attach_tit {display: none}
    div.attach_file_area {width: 100%}
    
    table.inquiry_boardList th {font-size: 14px}
    select.inquiryType {font-size: 14px}
    div.img_drag_box_area > p {font-size: 14px; line-height: 6.5em}
    a.attach_browse_btn {font-size: 14px}
    div.attach_file_list ul li {font-size: 14px}
    
    div.as_requestWrap ul li {width: 100%; margin: 0 0 10% 0}
    .as_request_imgBox > img {width: 100%}
    div.as_request_txtBox {padding: 10% 4%; line-height: unset}
    div.as_requestWrap ul li:last-of-type .as_request_txtBox {padding: 10% 4%}
    
    input.input_w40, input.input_w60 {width: 100%}
    li.more_detail_box li > p {font-size: 15px}
    li.more_detail_box li > span {font-size: 14px}
    ul.as_request_table_list > li:first-of-type col:first-of-type, ul.as_request_table_list > li:nth-of-type(2) col:first-of-type {width: 21% !important}
    
    div.nonmember_register_num_box {width: 70%}
    div.faqList > dl dt {background: #fff}
    div.faqList > dl dd {background: #f3f3f3}
    div.faqList > dl dt, div.faqList > dl dd {padding: 5%}
    
    div.faqList > dl dt:after {background-size: 100%; width: 15px}
    div.faqList > dl dt.close:after {background-size: 100%; width: 15px}
    
    div.pro_detail_box {margin: 60px 0}
    .pro_template04 .pro_template_tit > * {font-size: 26px}
    .pro_template08 {padding: 60px 0 0} /* 아래 여백 삭제 2021 12 24*/
    .pro_template05 .pro_template05_txt {padding: 60px 0 30px}
    div.spec_box {height: auto !important}
    div.pro_template02 > div > div, div.pro_template03 > div > div {width: 100%; display: block}
    .pro_template02_txt {padding: 60px 30px}
    div.pro_template02 > div > div, div.pro_template03 > div > div {width: 100%; display: block}
    .pro_template02 .pro_template_img {padding: 0 0 30px}
    .pro_video_bx > .item {margin: 0 0 30px; width: 100%; display: block}
    .pro_video_bx > .item > .videoTxtWrap > .videoProType {font-size: 18px}
    .pro_video_bx > .item > .videoTxtWrap > .videoProTit {font-size: 28px}
    .pro_video_bx > .item > .video_play {width: 79px}

    /* s: 비디오 2021 12 16 추가 */
    /* s: 비디오 2021 12 27 추가 */
    /*.pro_template11 {padding: 60px 0 0} */ /* 아래 여백 삭제 2021 12 24*/
    .pro_template11 {padding: 0 0 0} /* 모든 여백 삭제 2021 12 27*/ 
    .pro_template11 .video_wrap{margin:0 0 0;width:100%} /* 모든 여백 삭제 2021 12 27*/ 
    .pro_template11 .video_wrap .type_tag {max-width:100%; padding:0;margin:0 auto}
    .pro_template11 .video_wrap .type_tag video {width:100%; height:100% ; min-height:unset; max-height:unset;}

    /* e: 비디오 2021 12 27 추가 */
    /* s: 비디오 2021 12 16 추가 */

    div.compare_img_bx > .vsTxt {width: 6%}
    div.compare_img_bx > .vsTxt > span {display: none}
    .compare_img {display: table-cell; vertical-align: middle}

    
    .boardListC.m_boardListC {display: block}
    .boardListC {display: none}
    .m_boardListC .input_w40 {width: 40%}
    .m_boardListC .input_w60 {width: 60%}
    table.boardListC.m_boardListC tbody td {padding: 3%}
    .mypage_bx02 > .updateBtn {top: 7%; right: 5%; width: 130px}
    .boardListD .reg_date {display: none}
    .boardListD col.comment_status {width: 20% !important}
    .inquiry_btn {bottom: 170px; right: 50%; transform: translateX(50%)}
    
    .product_family_col {display: none}
    .receipt_class_col, .receipt_method_col {width: 16% !important}
    
    .auth_type_bx > a {width: 100%; float: none !important}
    .auth_type_bx > .phone_auth_bx {margin-bottom: 40px}
    .auth_type_bx > .phone_auth_bx > span {padding-left: 11%}
    .auth_type_bx > a > span {padding-left: 14%}
    .email_auth_popup > .input_email {width: 60%}
    
    ul.find_type_list li {margin-bottom: 2%}
    p.sub_txt {padding: 0 10%; word-break: keep-all}
	
	div.pro_carousel_wrap {padding:15px 0 70px;}
	div.pro_carousel_wrap .item {padding:0 15px;}
	div.pro_carousel_wrap .pro_carousel_txt strong {font-size:22px;}
	div.pro_carousel_wrap .pro_carousel_txt p {font-size:12px;}
	div.pro_carousel_wrap .pro_carousel_txt .pro_carview {width:100px; height:33px; font-size:12px; line-height:31px;}
	div.pro_carousel_wrap.owl-carousel .owl-nav {top:62%;}

/*    div.pro_carousel_wrap .owl-dots {bottom: 5%}*/
/*    .pro_carousel_wrap {padding: 30px 0 50px}*/
/*    .pro_carousel_wrap .item > div {display: block; width: 100%}*/
/*    .pro_carousel_img {margin: 0 auto 30px; height: 250px}*/
/*    .pro_carousel_txt {padding: 0 10px 40px; text-align: center}*/
/*    div.pro_carousel_wrap.owl-carousel .owl-nav {display: none}*/
    .depth3_tab_menu li {width: 25%}
    .tab_menu02 li a, .depth3_tab_menu li a {font-size: 14px}
    .pro_carousel_txt dt {font-size: 28px}
    .pro_carousel_txt dd {font-size: 16px}
    .downBoardList col:nth-of-type(2), .downBoardList col:nth-of-type(3), .downBoardList col:nth-of-type(4) {width: 18% !important}
    .down_seaWrap > div {margin-top: 10px}
    .down_seaWrap select.seaType {margin-right: 1%; width: 31.5%}
    .down_seaWrap input.seaTxt {width: 60%}
    .first_cls, .second_cls, .third_cls {display: none}
    col.downFile {width: 18% !important}
    .board_cls_wrap > dl > * {font-size: 14px; padding: 15px}
    .board_cls_wrap > dl > dd {width: 18%}
    .popup_board select, .email_td select {padding: 6px}
    .join_boardList col:first-of-type {width: 21% !important}
    
    .new_pw_bx > dl > dd {width: 250px}
    p.secession_sub_txt {font-size: 18px}
    .more_detail_box li > p {font-size: 14px}
    
    .sitemapWrap > ul li {width: 50%}
    .intro_img_bx > p {font-size: 16px}
    .pro_template05 > div > div, .pro_template06 > div > div {padding: 0}
    .pro_template05 .prd_part_imgList {margin-top: 30px}
    .prd_part_imgList.prd_part_design_list li {width: 48%; margin-bottom: 3%}
    .prd_part_imgList.prd_part_design_list li:nth-of-type(odd) {margin-right: 3%}
    .prd_part_imgList.prd_part_design_list li:nth-of-type(even) {margin-right: 0}
    .pro_manager_bx {padding: 50px 0 0}
    .pro_video_bx {display: block}
    
    .bu_area_list li .bu_area_txtBx {width: 90%; left: 5%}
    
    div.compare_img_bx {display: block}
    .compare_img {display: block; width: 100%}
    .compare_fix_img_bx {height: 200px}
    .compare_fix_img_bx img {position: relative; top: 0; transform: none; height: 100%}
    div.compare_img_bx > .vsTxt {margin: 20px 0; display: block; width: 100%}
    .compare_txt_bx {margin-top: 20px}
}
@media screen and (max-width: 480px) {
    .mobile_hide {display: none !important}
    
    .privacy_info_popup .pop_cnt {height: 250px}
    div.prd_img_box > a {height: 300px}
    ul.find_type_list li p {font-size: 18px}
    .s010803 .cnt01 .img_box {padding: 40px 20px}
    
    div.pro_detail_box > div {height: 340px}
    .s0108 > .w1200 > .img_box > .txt_cnt {font-size: 14px}
    .s0108 > .w1200 > .img_box > .txt_cnt > p {font-size: 22px}
    
    .s010802 .w1200 > .cnt02 > .img_box {height: 330px}
    .s010802 .w1200 > .cnt02 > .img_box > .txt_cnt {padding: 0 30px}
    .s010802 .w1200 > .stit {line-height: 22px}
    
    .s010702 .awards_list > li {width: 100%; margin-right: 0}
    
    .s010701 .certi_box > .certi_info > .img .ov_info {font-size: 12px; padding: 20% 50px}
    .s010701 .certi_box > .certi_info > .img .ov_info > .tit {font-size: 14px}
    .s010701 .certi_box > .certi_info > .img .ov_info > .tit > span {font-size: 16px}
    .s0106 .tab_cont .tit {text-align: left}
    .s0106 .tab_cont .tit > span {font-size: 18px; padding: 10px; border-radius: 0; text-align: center}
    .s0106 .tab_cont .his_sec:after {left: 0}
    .s0106 .tab_cont .his_info > li:first-of-type {margin: 0; padding-top: 20px}
    .s0106 .tab_cont .his_info > li {margin: 0; width: 100%; float: none; text-align: left; padding: 0 0 0 50px}
    .s0106 .tab_cont .his_info > li > ul {float: right}
    .s0106 .tab_cont .his_info > li > ul > li {padding-left: 20px; padding-right: 0}
    .s0106 .tab_cont .his_info > li > ul > li:before {left: 0; right: auto}
    .s0106 .tab_cont .his_info > li:first-of-type:before {top: 30px}
    .s0106 .tab_cont .his_info > li:before {left: -4px; right: 0; transform: rotate(180deg)}
    .s0106 .tab_cont .his_info > li:nth-child(even) {margin: 20px 0; float: none;}
    
    
    .s0105 .map_info .tit {font-size: 16px}
    .s0105 .map_info ul li {font-size: 14px}
    .s0104 .btm_btns {font-size: 14px}
    .s0104 .btm_btns > a {width: 120px}
    .s0104 .w1200 > ul > li {margin-bottom: 40px}
    .s0104 .w1200 > ul > li > p {font-size: 14px; line-height: 22px}
    .s0104 .w1200 > ul > li:first-of-type .box {background-size: 80%}
    .s0104 .w1200 > ul > li:first-of-type .box > ul {width: 90%}
    .s0104 .w1200 > ul > li:first-of-type .box > ul > li > p {font-size: 16px}
    .s0104 .w1200 > ul > li:first-of-type .box > ul > li > span {font-size: 14px; left: auto; right: 10%}
    
    .s0202 .div_sub02 ul > li > a {padding: 25px 0 25px 8%}
    .s0202 .div_sub01 > div {height: auto;min-height:auto} /* 세로길이 수정 2021 12 24*/
    .s0202 .div_sub01 > .manual_txt_bx {padding: 25px}
    
    table.boardList > colgroup > col.reg_date {width: 18% !important}
    div.exhibitionWrap ul li > a > img {min-height: 230px}
    div.exhibitionWrap ul li {width: 100%; margin: 0 0 8% 0}
    div.exhibitionWrap ul li:nth-of-type(odd) {margin-right: 0}
    
    div.product_sea_resultList > ul li {width: 100%; border-right: none}
    div.product_sea_resultList > ul li:nth-child(odd) {border-right: none}
    div.faqList > dl dt > span.faq_type {margin-right: 5px}
    div.faqList > dl dt, div.faqList > dl dd {padding: 5% 10% 5% 5%}
    
    div.subNavigationWrap ul li {padding-left: 20px}
    li.more_detail_box {padding: 5%}
    li.more_detail_box li > p, li.more_detail_box li > span {padding-left: 4%}
    ul.as_request_table_list > li:first-of-type col:first-of-type, ul.as_request_table_list > li:nth-of-type(2) col:first-of-type {width: 25% !important}
    input.input_w20 {width: 40%}
    div.accept_terms_wrap > ul > li {font-size: 16px}
    div.terms_box {float: none; margin-top: 10px}
    div.inquiry_status_list {width: 100%}
    input.seaTxt {width: 40%}
    div.totalWrap {margin: 20px 0 10px}
    .attach_browse_input_box > input {width: 35%}
    
    .spec_tit {font-size: 30px; max-height:6.3rem} /* 말줄임표 2021 12 28*/
    .prd_part_txtList li {font-size: 14px}
    .compare_img > input + label {font-size: 16px}
    div.compare_bar > a {font-size: 14px}
    .mypage_bx01 > div {padding: 8% 4%}
    .mypage_bx02 {padding: 8% 4%}
    .mypage_bx02 > .updateBtn {position: relative; right: unset; top: unset; margin: 20px 0 0 50%; transform: translateX(-50%)}
    .sns_login_bx .btn_100p {font-size: 17px}
    div.login_utill_wrap li {font-size: 14px}
    ul.login_bx > li > dl dt {font-size: 22px}
    input.input_custom02 {padding: 15px 25px}
    div.subContents {padding-bottom: 80px}
    
    .auth_type_bx > a > span {padding-left: 19%}
    .auth_type_bx > .phone_auth_bx > span {padding-left: 14%}
    .email_auth_popup {width: 90%}
    .email_auth_popup > .input_email {width: 100%}
    .email_auth_popup > .btn_attach {margin: 10px 0 0}
    .popup_tit {padding-right: 20px}
    
    ul.find_type_list li input[type="radio"] + label {font-size: 13px}
    .auth_phone_wrap li > dl > dt {font-size: 15px}
    .auth_email_wrap li > dl > dt {font-size: 15px}
    .dl_phone_area .input_w15 {width: 25%}
    .dl_phone_area .btn_attach {margin: 20px 0 0}
    .auth_email_wrap .boardBtnWrap {margin: 40px 0 0}
    .auth_phone_wrap .boardBtnWrap {margin: 40px 0 0}
    
    .pro_manualWrap ul {text-align: center}
    .pro_manualWrap ul li {margin-right: 0}
    .pro_manualWrap ul li:last-of-type {margin-bottom: 0}
    .popup_board col:first-of-type {width: 23% !important}
    .popup_board td input[type="radio"] + label {margin-right: 15px; font-size: 14px}
    .popup_board select {margin-top: 10px}
    .blue_link {display: block; margin-top: 10px; font-size: 14px}
    .popup_board th {font-size: 14px}
    .depth3_tab_menu li {width: 33%}
    
    .tab_menu02 li {width: 33.3%}
    .board_cls_wrap > dl > * {float: left}
    .board_cls_wrap > dl > dt {width: 30%}
    .board_cls_wrap > dl > dd {width: 70%}
    .email_td select {margin-top: 10px}
    
    .join_boardList col:first-of-type {width: 25% !important}
    .join_boardList .input_w30 {width: 120px}
    
    .new_pw_bx > dl > dt {width: 150px}
    .new_pw_bx > dl > dd {width: 180px}
    .new_pw_bx input::placeholder {color: #fff; opacity: 0}
    
    .sns_login_bx dd > button.naverBtn {margin: 10px 0}
    .pw_update_popup {width: 100%}
    
    .intro_img_bx > p {font-size: 14px; width: 80%}
    
    .pro_template_tit > *, .pro_template04 .pro_template_tit > * {font-size: 24px}
    .pro_manualWrap p {font-size: 18px}
    
    .s0104 .btm_btns > span {display: block; margin-bottom: 15px}
    .s0104 .btm_btns > a {width: 45%}
    .s0104 .btm_btns > a:first-of-type {margin-left: 0 !important}
}
@media screen and (max-width: 414px) {
    .auth_email_wrap .input_custom {width: 200px}
    div.pro_detail_box > div {height: 300px}
    .ceo_intro_wrap ul li:first-of-type:after {width: 240px}
    ul.as_request_table_list dd > table th, ul.as_request_table_list dd > table td {padding: 15px}
    .reg_date {display: none}
    .view_cnt {display: none}
    table.boardList > colgroup > col.reg_date {width: 21% !important}
    input.seaTxt.seaInput {width: 70%}
    .attach_browse_input_box > input {width: 70%; margin-bottom: 15px}
    .btn_attach {margin: 0}
    div.boardViewAttach > a.attach_file {width: 100%; padding-left: 60px; background-position-x: 11%}
    .boardViewUtill > div > span:first-of-type {padding-right: 20px}
    .boardViewUtill > div > span:last-of-type {padding-left: 20px}
    .boardListD .inquiry_type_col {display: none}
    .receipt_class_col, .receipt_method_col {display: none}
    col.process_status {width: 30% !important}
    .sns_login_bx .btn_100p {font-size: 16px}
    
    .sns_join_bx .facebookBtn, .sns_join_bx .naverBtn, .sns_join_bx .kakaoBtn {background-position: 11%}
    .auth_type_bx > a > span {padding-left: 27%}
    .auth_type_bx > .phone_auth_bx > span {padding-left: 19%}
    .inquiry_boardList .input_fix_w70 {width: 50px}
    
    p.sub_txt {font-size: 19px}
    p.sub_txt span {font-size: 16px}
    
    table.boardList thead th {font-size: 16px}
    .new_pw_bx > dl > dd {width: 150px}
    .pro_template07 {padding: 50px 0}
    div.pro_template07_txt02 {margin-top: 40px}
}
@media screen and (max-width: 375px) {
    .bu_area_list li {height: 250px; margin-bottom: 30px}
    .bu_area_list li .bu_area_txtBx {height: 202px}
    .bu_area_list {margin-top: 50px}
    
/*    .tab_menu02 li {min-height: 73px}*/
    
    div.pro_detail_box > div {height: 260px}
    
    .ceo_intro_wrap ul li:first-of-type:after {width: 200px}
    .etc_cont table td, .etc_cont table th {font-size: 12px !important}
    
    .s010803 .cnt01 .img_box > .txt_cnt > ul {display: block}
    .s010803 .cnt01 .img_box > .txt_cnt > ul > li {display: block; padding-right: 0; width: 100%}
    .s010803 .cnt01 .img_box > .txt_cnt > ul > li:first-of-type {margin-bottom: 20px}
    
    div.sub_vi .sub_tit {font-size: 33px}
    
    .s0108 > .w1200 > .img_box {height: 150px}
    .s0108 > .w1200 > .img_box > img {height: 100%}
    
    .s010802 .w1200 > .cnt01 > div > p {width: 95%}
    .s010802 .w1200 > .cnt02 > .img_box {height: 380px}
    .s010802 .w1200 > .cnt02 > .img_box > .txt_cnt > p {font-size: 18px; margin-bottom: 10px; padding-bottom: 10px}
    
    .s010801 .cnt02 .img_box:after {width: 80%; height: 270px}
    
    .s010701 .certi_info > .tit {font-size: 18px; margin-bottom: 10px}
    .s010701 .certi_info > .de_txt {font-size: 13px}
    .s010701 .certi_info > .de_txt > span {font-size: 16px; margin-bottom: 8px}
    .s010701 .certi_info > .img_info > dl > dd > .stit {font-size: 13px; line-height: 20px}
    .s010701 .certi_box {margin: 30px 0}
    .s010701 .certi_box > .certi_info .txt_box {font-size: 14px}
    .s010701 .certi_box > .certi_info .txt_box .tit {font-size: 16px}
    .s010701 .w1200 > .certi_info:last-of-type > .img_info {margin-top: 0}
    
    .s0106 .img_box > p {font-size: 18px}
    .s0106 .tab_menu02 li {display: block}
    
    .s0104 .btm_btns > span {display: block; margin-bottom: 15px}
    .s0104 .btm_btns > a:first-of-type {margin-left: 0 !important}
    .s0104 .w1200 > ul > li:first-of-type .box {padding-top: 150px}
    .s0104 .w1200 > ul > li:first-of-type .box > ul {width: 95%}
    .s0104 .w1200 > ul > li:first-of-type .box > ul > li > span {font-size: 13px; right: 4%; padding-top: 6px}
    .s0104 .w1200 > ul > li:first-of-type .box > ul > li:before {margin-right: 10px}
    .sub_txt02 {line-height: 1.5em; font-size: 14px}
    .s0103 ul li > dl {padding: 30px !important}
    
    .s0202 .div_sub02 ul > li > a {font-size: 15px}
    .s0202 .div_sub02 ul > li {width: 80%}
    
    div.boardViewHead h5 {font-size: 17px}
    div.boardViewTxt {min-height: 390px; padding: 30px 20px}
    div.eventTxtArea > .btn {width: 130px}
    .tab_menu.product_tab_menu li {width: 50%}
    
    div.boardViewAttach > a.attach_file {margin: 2px 0; max-width: none; width: 100%; padding-left: 60px}
    table.inquiry_boardList > colgroup > col:first-of-type {width: 25% !important}
    table.inquiry_boardList.fix_table > colgroup > col:first-of-type {width: 13% !important}
    div.as_requestWrap ul li {min-height: 340px}
    div.as_requestWrap ul li:last-of-type .as_request_txtBox {padding-bottom: 0}
    .btn_product_add {padding-left: 7%; margin-bottom: 5%}
    .btn_product_remove {padding-left: 7%}
    
    input.input_w20 {width: 60%}
    .btn_md {margin: 10px 0}
    div.inquiry_status_txt > p:first-of-type {font-size: 17px}
    .inquiry_status_txt_box {font-size: 14px}
    .spec_tit {font-size: 20px}
    .pro_template02_subTxt > * {font-size: 14px}
    .pro_video_bx > .item > .video_play {width: 55px}
    .pro_video_bx > .item > .videoTxtWrap > .videoProType {font-size: 16px}
    .pro_video_bx > .item > .videoTxtWrap > .videoProTit {font-size: 20px}
    div.compare_bx {bottom: 60px}
    .compare_img > input + label {font-size: 14px; margin: 20px 0 15px}
    .compare_img > input + label span {width: 20px; height: 20px}
    .compare_img > input:checked + label span {background-position-y: -20px}
    div.compare_img_bx, .compare_img {display: block}
    .compare_fix_img_bx {width: auto; height: auto; display: block; margin-bottom: 0}
    div.compare_img_bx > .vsTxt {display: none}
    
    .mypage_bx01 > div > .moreBtn {width: 130px; padding: 10px 0; font-size: 14px; top: 3%}
    .boardViewUtill > div {font-size: 15px}
    .boardListD col.comment_status {width: 25% !important}
    
    .sns_login_bx .btn_100p {font-size: 15px}
    .facebookBtn, .naverBtn, .kakaoBtn {background-position: 11%}
    div.login_utill_wrap > ul {width: 100%}
    .sns_login_warningTxt {font-size: 14px}
    ul.login_bx > li {padding: 30px 40px}
    .sns_join_bx .facebookBtn, .sns_join_bx .naverBtn, .sns_join_bx .kakaoBtn {background-position: 9%}
    .auth_mobile_wrap > p {font-size: 14px}
    .popup_board tr:nth-of-type(3) td > *, .email_td > * {width: 100% !important}
    .popup_board tr:nth-of-type(3) input:first-of-type, .email_td input:first-of-type {margin-bottom: 10px}
    .popup_board tr:nth-of-type(3) input:nth-of-type(2), .email_td input:nth-of-type(2) {margin-top: 10px}
    .btn.s02 {width: 130px}
    
    .sitemapWrap > ul li {width: 100%; min-height: auto}
    
    .ceo_intro_tit {font-size: 20px}
    .intro_img_bx > p {font-size: 13px; width: 95%}
    .pro_template_tit > *, .pro_template04 .pro_template_tit > *, .pro_template_tit02 > * {font-size: 20px}
    .pro_template_subTxt > *, .pro_template_subTxt02 > * {font-size: 14px}
    
    .bu_area_list li dl dt {font-size: 18px}
    .bu_area_list li dl dd {font-size: 12px}
}
@media screen and (max-width: 320px) {
    .contentsWrap > div li {padding-left: 0}
    .contentsWrap > div li > dl > dt {width: 60px}
    div.prd_img_box > a {height: 250px}
    .s0105 .map_box .btm_btns > a {width: 115px}
    div.pro_detail_box > div {height: 230px}
    
    .ceo_intro_wrap ul li:first-of-type:after {width: 165px}
    .join_boardList td {padding: 15px 7px !important}
    
    div.eventListWrap ul > li > .eventTxtArea > dl > dd.event_dateTxt {bottom: 20px}
    
    .s010801 .cnt02 .img_box:after {height: 240px}
    
    .s0104 .w1200 > ul > li:first-of-type .box > ul > li > p {font-size: 14px}
    .s0202 .div_sub02 ul > li {width: 90%}
    
    input.seaTxt {width: 40%}
    div.pagingWrap ul li {margin-right: 1%}
    div.boardViewHead h5 {font-size: 16px}
    div.as_requestWrap ul li {min-height: 300px}
    div.faqList > dl dt {padding-right: 12%}
    .m_boardListC > colgroup > col:first-of-type {width: 24% !important}
    .boardViewUtill > div > span:first-of-type {padding-right: 10px}
    .boardViewUtill > div > span:last-of-type {padding-left: 10px}
    div.login_utill_wrap li {font-size: 12px}
    .sns_login_bx .btn_100p {font-size: 13px}
    .facebookBtn, .naverBtn, .kakaoBtn {background-position: 9%}
    .sns_login_warningTxt {font-size: 12px}
    
    .auth_type_bx > a > span {padding-left: 33%}
    .auth_type_bx > .phone_auth_bx > span {padding-left: 25%}
    
    .dl_phone_area .input_w15 {width: 23%}
    
    .popup_board col:first-of-type {width: 32% !important}
    
    .tab_menu02 li, .depth3_tab_menu li {width: 50%}
    .new_pw_bx > dl > dt {width: 90px; font-size: 14px}
    .pw_update_popup .new_pw_bx > dl > * {width: 130px}
    .intro_img_bx > p {font-size: 12px}
    
    .ceo_intro_tit {font-size: 18px; margin-bottom: 30px}
    p.ceo_intro_txt {font-size: 13px}
    p.ceo_intro_txt > strong {font-size: 15px}
    
    .boardSearch .seaTxt {width: 200px}
}