@charset "utf-8";

/* Common */
.sub_contents_wrap {position:relative; width:100%; margin:0 auto; text-align:center; padding:60px 0;}
.sub_contents_wrap p.h1 {font-size:28px; color:#222; font-family:'nanum-square-eb'; padding:65px 0 30px 0; max-width:1240px; margin:0 auto; text-align:left;}
.sub_contents_wrap p.h2 {font-size:24px; color:#222; font-family:'nanum-square-eb'; margin-bottom:35px;}
.sub_contents_wrap.info_buy p.h2 {margin-bottom:25px;}
.sub_contents_wrap p.h3 {margin:45px 0 30px 0; font-size:30px; color:#222; font-family:'nanum-square-eb'; text-align:center;}
.sub_contents_wrap p.h4 {margin:0 0 20px 0; font-size:18px; color:#444; font-family:'nanum-square-eb';}
.sub_contents_wrap p.h5 {font-size:22px; color:#333; font-weight:500;}

.sub_contents_wrap > h2 {font-size:28px; color:#222; font-family:'nanum-square-eb'; padding:65px 0 30px 0; max-width:1240px; margin:0 auto; text-align:left;}
.sub_contents_wrap .sub_board > h2 {font-size:28px; color:#222; font-family:'nanum-square-eb'; padding:65px 0 30px 0; max-width:1240px; margin:0 auto; text-align:left;}
.sub_contents_wrap > h3 {font-size:24px; color:#222; font-family:'nanum-square-eb'; margin-bottom:35px;}
.sub_contents_wrap > h4 {margin:45px 0 30px 0; font-size:30px; color:#222; font-family:'nanum-square-eb'; text-align:center;}
.sub_contents_wrap > h5 {margin:0 0 20px 0; font-size:18px; color:#444; font-family:'nanum-square-eb';}

.sub_contents {position:relative; width:1240px; margin:0 auto; text-align:left; padding:0 0 115px 0;}
.sub_contents p {font-size:18px; color:#222; line-height:34px;}
.sub_contents .both {display:flex; flex-direction:row; text-align:left; justify-content:space-between; vertical-align:top; margin-bottom:85px;}
.sub_board {position:relative; width:100%; margin:0 auto; text-align:center; padding:0 0 115px 0;}

/* SubBanner */
.sub_banner {position:relative; width:100%; overflow:hidden; height:350px; background-size:cover; background-color:#000; margin:0 auto; text-align:center;}
.sub_banner .bg {opacity:0.5; height:350px; transform:scale(1.1);}

.sub_contents_wrap.info .sub_banner .bg {background:url('../img/contents/banner_bg_info.jpg') no-repeat center center;}
.sub_contents_wrap.info_buy .sub_banner .bg {background:url('../img/contents/banner_bg_info_buy.jpg') no-repeat center center;}
.sub_contents_wrap.pre_buy .sub_banner .bg {background:url('../img/contents/banner_bg_pre_buy.jpg') no-repeat center center;}
.sub_contents_wrap.pre_buy.linkage .sub_banner .bg {background:url('../img/contents/banner_bg_linkage.jpg') no-repeat center center;}
.sub_contents_wrap.pro_info_con .sub_banner .bg {background:url('../img/contents/banner_pro_info_con.jpg') no-repeat center center;}
.sub_contents_wrap.info_sell .sub_banner .bg {background:url('../img/contents/banner_bg_info_sell.jpg') no-repeat center center;}

.sub_banner .inner {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:1240px; height:100%; display:flex; flex-direction:row; align-items:center; text-align:center; justify-content:center;}
.sub_banner .inner p {position:relative; width:1240px; margin:0 auto; text-align:center; text-transform:uppercase; display:block; font-size:30px; color:#fff; opacity:0; transition-delay:100ms; transform:translate3d(0,40px,0); line-height:46px;}
.sub_banner .inner p span {display:block; font-family:'nanum-square-eb';}
.sub_banner .inner p span.inline {display:inline;}

.load .sub_banner .bg {opacity:1; transition:opacity 0.8s ease-out 0.3s, transform 0.8s ease-out 0.3s; transform:scale(1);}
.load .sub_banner .inner p {opacity:1; transition:opacity 0.8s ease-out 0.3s, transform 0.8s ease-out 0.3s; transform:translate3d(0,0,0);}

/* 제품썸네일 영역 */
/* lnb layout */
.sub_board .pro_info_view {width:960px;}
.sub_board .pro_view {width:400px; height:100%;}
.sub_board .pro_view .zoom_img {text-align:center; width:400px; height:400px;}
.sub_board .pro_view .zoom_img img {width:400px; height:400px;}
.sub_board .pro_info {width:530px; height:100%; text-align:left;}

p.pro_seller {background-color:#014788; color:#fff; font-size:13px; padding:7px 10px; display:inline-block; position:relative; margin-bottom:20px;}
p.pro_title {color:#222; font-size:25px; margin-bottom:15px; font-weight:500;}
p.pro_price {color:#3163e1; font-size:20px; letter-spacing:-1px; line-height:100%; text-align:right; font-weight:500;}
p.pro_price span {font-size:17px; padding-left:3px; display:inline-block;}

.sub_board .pro_info .btn_group > * {width:165px; height:48px; font-size:15px;}

.sub_board .product-slide {width:400px;}
.sub_board .product-for span {display:inline-block; width:400px; height:400px; border:1px solid #e7e7e7; background-size:auto 100%; background-position:center;}
.sub_board .product-for .slick-arrow {display:block; position:absolute; top:180px; z-index:50; height:44px; text-indent:-9999px; width:350px;}
.sub_board .product-for .slick-prev {left:0; width:44px; height:44px; transition:all 0s;}
.sub_board .product-for:hover .slick-prev {left:0; background:url('/resources/theme2/img/common/product_arrowL_off.png') no-repeat center center; background-size:44px 44px; width:44px; height:44px; transition:all 0.25s;}
.sub_board .product-for:hover .slick-prev:hover {background:url('/resources/theme2/img/common/product_arrowL_on.png') no-repeat center center; background-size:44px 44px; transition:all 0.25s;}
.sub_board .product-for .slick-next {right:0; width:44px; height:44px; transition:all 0s;}
.sub_board .product-for:hover .slick-next {right:0; background:url('/resources/theme2/img/common/product_arrowR_off.png') no-repeat center center; background-size:44px 44px; width:44px; height:44px; transition:all 0.25s;}
.sub_board .product-for:hover .slick-next:hover {background:url('/resources/theme2/img/common/product_arrowR_on.png') no-repeat center center; background-size:44px 44px; transition:all 0.25s;}
.sub_board .product-nav {margin:0 auto; text-align:center; display:inline-block; width:380px; overflow:hidden;}
.sub_board .product-nav span {display:inline-block; width:115px; height:115px; border:2px solid transparent; margin-right:17px; position:relative; transition:all 0.25s; background-size:auto 100% !important; background-position:center !important;}
.sub_board .product-nav span:after {content:""; position:absolute; top:0; left:-2px; width:115px; height:112px; background-color:rgba(0, 0, 0, 0.5);}
.sub_board .product-nav .slick-slide.slick-current.slick-active span {border:2px solid #024788; transition:all 0.25s;}
.sub_board .product-nav .slick-slide.slick-current.slick-active span:after {background-color:rgba(0, 0, 0, 0);}
.sub_board .product-nav .slick-slide {outline:0;}

/* wide layout */
.pro_info_area {display:flex; flex-direction:row; justify-content:space-between;}
.pro_view {width:560px; height:100%;}
.pro_view .zoom_img {text-align:center; width:560px; height:480px;}
.pro_view .zoom_img img {width:560px; height:480px;}
.pro_view .thumb_img {overflow:hidden; font-size:0; width:560px; margin-top:30px; display:flex; flex-direction:row; justify-content:space-between;}
.pro_view .thumb_img li a {overflow:hidden;}
.pro_view .thumb_img li a, .pro_view .thumb_img li a img {width:175px; height:140px; display:inline-block;}
.pro_view .thumb_img li.on a {width:175px; height:140px;}
.pro_info {width:610px; height:100%; text-align:left;}
.pro_info .pro_list .pro_origin {color:#666; font-size:24px; margin-bottom:25px;}
.pro_info .pro_list .pro_detail {border-top:1px solid #222; width:100%; margin:8px 0 12px;}
.pro_info .pro_list .pro_detail table th, .pro_info .pro_list .pro_detail table td {vertical-align:middle; font-size:15px; border-bottom:1px solid #e7e7e7;}
.pro_info .pro_list .pro_detail table th {width:140px; padding:14px; padding-left:0; color:#222; text-align:left; font-weight:500;}
.pro_info .pro_list .pro_detail table td {width:468px; color:#666; padding:14px 0;}
.pro_info .pro_list .pro_detail table td p {font-size:14px; color:#222; line-height:100%;}
.pro_info .pro_list .pro_detail table td .filter_tag li {display:inline-block; margin-right:8px;}
.pro_info .pro_list .pro_detail table td .auth_logo {width:100%;}
.pro_info .pro_list .pro_detail table td .auth_logo li {display:inline-block; position:relative;}
.pro_info .pro_list .pro_detail table td .auth_logo li img {position:relative;}
.pro_info .pro_list .pro_detail table td .auth_logo li:not(:last-child) {padding-right:8px;}
.pro_info .pro_list .pro_detail table td .auth_logo li span {font-size:14px; color:#666; position:relative; background:#e5ecfd; padding:2px 4px; border-radius:5px; margin:1px 0; display:inline-block;}
.pro_info .pro_list .pro_detail table td .auth_logo.none li {margin:5px 0;}
.pro_info .pro_list .pro_detail table td .auth_logo.none li span {top:0; padding-left:0;}

.pro_info .btn_group > * {width:195px;}
.pro_info .pro_list .btn_area ul:first-child {margin-bottom:10px;}

.product-slide {width:550px; overflow:hidden; text-align:center;}
.product-for {margin-bottom:40px;}
.product-for span {display:inline-block; width:410px; height:435px; background-size:410px 435px; border:1px solid #e7e7e7;}
.product-for .slick-arrow {display:block; position:absolute; top:200px; z-index:50; height:44px; text-indent:-9999px;}
.product-for .slick-prev {left:0; width:44px; height:44px; transition:all 0s;}
.product-for:hover .slick-prev {left:0; background:url('/resources/theme2/img/common/product_arrowL_off.png') no-repeat center center; background-size:44px 44px; width:44px; height:44px; transition:all 0.25s;}
.product-for:hover .slick-prev:hover {background:url('/resources/theme2/img/common/product_arrowL_on.png') no-repeat center center; background-size:44px 44px; transition:all 0.25s;}

.product-for .slick-prev:focus {background:url('/resources/theme2/img/common/product_arrowL_on.png') no-repeat center center; background-size:44px 44px; transition:all 0.25s;}

.product-for .slick-next {right:0; width:44px; height:44px; transition:all 0s;}
.product-for:hover .slick-next {right:0; background:url('/resources/theme2/img/common/product_arrowR_off.png') no-repeat center center; background-size:44px 44px; width:44px; height:44px; transition:all 0.25s;}
.product-for:hover .slick-next:hover {background:url('/resources/theme2/img/common/product_arrowR_on.png') no-repeat center center; background-size:44px 44px; transition:all 0.25s;}

.product-for .slick-next:focus {background:url('/resources/theme2/img/common/product_arrowR_on.png') no-repeat center center; background-size:44px 44px; transition:all 0.25s;}

.product-nav {margin:0 auto; text-align:center; display:inline-block; width:355px; overflow:hidden;}
.product-nav span {display:inline-block; width:104px; height:104px; border:2px solid transparent; margin-right:15px; position:relative; transition:all 0.25s; cursor:pointer;}
.product-nav span:after {content:""; position:absolute; top:0; left:0; width:102px ; height:101px; background-color:rgba(0, 0, 0, 0.5);}
.product-nav .slick-slide.slick-current.slick-active span {border:2px solid #024788; transition:all 0.25s;}
.product-nav .slick-slide.slick-current.slick-active span:after {background-color:rgba(0, 0, 0, 0);}
.product-nav .slick-slide {outline:0;}

/* 제품상세페이지 탭메뉴 */
/* lnb layout */
.sub_board .pro_detail_area {margin-top:65px;}
.sub_board .pro_tab_area {width:960px;}
.sub_board .pro_tab_area ul.tabs {position:relative; display:flex; justify-content:space-between; font-size:0; box-sizing:content-box; padding-bottom:140px;}
.sub_board .pro_tab_area ul.tabs > li {flex:0 0 194px; margin-left:-1px;}
.sub_board .pro_tab_area .tab_container {display:none; opacity:0; visibility:hidden; width:100%; position:absolute; top:100px; left:0;}
.sub_board .pro_tab_area li.is-active > .tab_container {display:block; visibility:visible; animation:fadeIn 0.3s forwards 0.2s;}
.sub_board .pro_tab_area .tab_container p.title {font-size:30px; color:#333; font-family:'nanum-square-b'; margin-bottom:35px; text-align:center;}
.sub_board .pro_info .pro_list .btn_group {text-align:left; display:flex; justify-content:start; align-items:center;}
.sub_board .pro_info .pro_list .btn_group button:not(:last-child) {margin-right:17px;}

/* wide layout */
.pro_detail_area {margin-top:65px;}
.pro_tab_area {width:1240px;}
.pro_tab_area ul.tabs {position:relative; display:flex; justify-content:space-between; font-size:0; box-sizing:content-box; padding-bottom:140px;}
.pro_tab_area ul.tabs > li {flex:0 0 249px; margin-left:-1px;}
.pro_tab_area ul.tabs > li > button {display:block; width:100%; background:#fff; text-align:center; border:1px solid #ddd; height:64px; line-height:64px; color:#333; font-size:15px; outline:0;}
.pro_tab_area ul.tabs > li > button:hover, .pro_tab_area ul.tabs > li > button:focus {background-color:#ccc; text-decoration:underline;}
.pro_tab_area ul.tabs > li.is-active > button {background-color:#222; color:#1c273c; color:#fff; z-index:5; border:1px solid #222;}
.pro_tab_area .tab_container {display:none; opacity:0; visibility:hidden; width:100%; position:absolute; top:140px; left:0;}
.pro_tab_area li.is-active > .tab_container {display:block; visibility:visible; animation:fadeIn 0.3s forwards 0.2s;}
.pro_tab_area .tab_container p.title {font-size:30px; color:#333; font-family:'nanum-square-b'; margin-bottom:35px; text-align:center;}
.pro_tab_area ul.tabs > li .qna_wrap > button {width:auto; padding:12px 40px; height:inherit; line-height:inherit; border:1px solid #555; font-size:15px; color:#333; background:#fff;}
.pro_tab_area ul.tabs > li .qna_wrap > button:hover {border:1px solid #555; background:#222; color:#fff;}
.pro_info .pro_list .btn_group {text-align:left; display:flex; justify-content:space-between; align-items:center;}
.pro_tab_area.write .board {margin-bottom:15px;}
.qna_wrap p.btm_txt {font-size:14px; color:#777; margin-bottom:30px; text-align:left; line-height:160%;}
.pro_tab_area.write .btn_group button {margin:0 3px;}
.pro_tab_area.write .board.write textarea {width:1000px;}
.pro_tab_area.write .w-480 {width:1000px;}

.qna_wrap .qna_text {display:flex; justify-content:space-between; align-items:center; margin-bottom:30px;}
.qna_wrap .qna_text .count {font-size:16px; color:#222; font-family:'nanum-square-eb'; padding-right:25px;}
.qna_wrap .qna_text .info {font-size:14px; color:#666;}
.qna_wrap .qna_text button {width:auto; padding:12px 40px; height:inherit; line-height:inherit; border:1px solid #555; font-size:15px; color:#333; font-family:'nanum-square-b'; background:#fff;}
.qna_wrap .qna_text button:hover {border:1px solid #555; background:#222; color:#fff;}
.qna_wrap .btn_ul.btn_list {text-align:center; margin:0 auto; width:100%;}

.btn_area.summit ul {font-size:0;}
.btn_area.summit ul li {display:inline-block; margin-right:10px;}
.btn_area.summit ul li:last-child {margin-right:0;}
.btn_area.summit ul li a {display:inline-block; width:190px; height:60px; line-height:60px; text-align:center; font-size:19px; color:#fff;}
.btn_area.summit ul li a.black {background-color:#222;}
.btn_area.summit ul li a.blue {background-color:#014788;}
.btn_area.summit ul li a.blue_line {border:1px solid #014788; background-color:#fff; color:#014788;}

/* 컨텐츠(생산품 홍보사이트란) */
.sub_contents .top_text {margin:70px 0 110px 0;}
.sub_contents .bold_text {font-family:'nanum-square-eb';}
.sub_contents .bold_line {display:inline-block; font-weight:bold; position:relative;}
.sub_contents .bold_line:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#222;}

.sub_contents .both.imgR div:nth-child(1) {width:660px; padding-right:60px;}
.sub_contents .both.imgR div:nth-child(2) {width:580px; text-align:right;}
.sub_contents .both.imgL div:nth-child(1) {width:640px;}
.sub_contents .both.imgL div:nth-child(2) {width:600px;}
.sub_contents .both p.h2 {padding-top:20px;}
.sub_contents_wrap.pre_buy p.h2 {padding-top:0;}

.sub_contents .dot_li li {position:relative; padding-left:7px; line-height:26px; margin-bottom:15px; color:#666; font-size:16px;}
.sub_contents .dot_li li:after {content:""; position:absolute; top:12px; left:0; width:2px; height:2px; background-color:#898989;}

.info_service ul {font-size:0;}
.info_service ul li {background-color:#edf5ff; display:block; width:100%; margin-bottom:2px; padding:45px 0;}
.info_service ul li div {display:inline-block; vertical-align:middle;}
.info_service ul li div:nth-child(1) {width:215px; text-align:center; margin:0 auto;}
.info_service ul li div:nth-child(2) {width:1025px;}
.info_service ul li i {width:120px; height:120px; background-color:#006cbc; border-radius:100%; display:flex; flex-direction:row; align-items:center; text-align:center; justify-content:center; text-align:center; margin:0 auto;}
.info_service ul li .tit {font-size:20px; color:#014788; font-family:'nanum-square-eb'; margin:0 0 5px 0;}
.info_service ul li .info_text {font-size:16px; color:#666; line-height:26px;}
.info_service .info_text span {font-weight:bold; padding-bottom:15px; display:inline-block;}

.sub_contents_wrap.pro_info_con .info_service {padding:40px; background-color:#edf5ff; margin-top:38px;}
.sub_contents_wrap.pro_info_con .info_service ul li {padding:0 0 0 7px; margin-bottom:5px;}
.sub_contents_wrap.pro_info_con .info_service ul li div:nth-child(1) {width:100%; text-align:left;}

.sub_contents_wrap.pre_buy .info_service ul li div {width:100%; text-align:left; padding:0 40px;}

.text_bg_box {background-color:#fcfcfc; padding:60px 50px; margin:30px 0 70px 0;}
.text_bg_box > .tit {color:#014788; font-size:20px; font-family:'nanum-square-eb'; margin-bottom:30px;}
.text_bg_box > .text {color:#666; font-size:16px; line-height:26px;}

.tbl_view {width:100%; margin-bottom:40px;}
.tbl_view caption {text-indent:0; width:auto; height:inherit; line-height:100%; color:#024788; font-size:22px; font-family:'nanum-square-eb'; margin-bottom:30px; text-align:center;}
.tbl_view thead tr th {background-color:#024788; text-align:center; font-size:15px; color:#fff; height:68px; vertical-align:middle; border-right:1px solid #2e6599; border-bottom:1px solid #2e6599;}
.tbl_view thead tr th:last-child {border-right:0;}
.tbl_view tbody td {color:#014788; font-size:14px; font-family:'nanum-square-r'; height:70px; text-align:center; vertical-align:middle; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.tbl_view tbody td:last-child {border-right:0;}
.tbl_view strong {font-family:'nanum-square-eb';}
.pre_buy_tbl p {font-size:14px; color:#666; line-height:22px;}

.wide_bg_box {width:100%; background-color:#fcfcfc; padding:80px 0 80px 0;}
.wide_bg_box > .inner {width:1240px; text-align:left;}
.wide_bg_box > .inner > .tit {color:#222; font-size:24px; font-family:'nanum-square-eb'; margin-bottom:20px;}
.wide_bg_box > .inner > .text {color:#444; font-size:17px; line-height:30px; margin-bottom:80px;}
.wide_bg_box > img {margin-bottom:90px;}

.btn_ul {padding-bottom:115px;}
.btn_ul ul {font-size:0;}
.btn_ul li {display:inline-block; margin:0 5px;}
.btn_ul li a {display:inline-block; width:385px; height:60px; line-height:60px; background-color:#222; color:#fff; font-size:18px; transition:all 0.3s ease;}
.btn_ul li a:hover {transition:all 0.3s ease; background-color:#024788;}
.btn_ul.btn_list li a {width:190px; font-size:15px;}

.board {position:relative; width:100%; border-top:2px solid #222; margin-bottom:40px;}
.board:after {content:''; position:absolute; background-color:#222; bottom:0; left:0; width:100%; height:1px;}
.board thead tr th {font-family:'nanum-square-eb'; font-size:15px; color:#222; text-align:center;}
.board thead tr th, .board tbody tr td {height:64px; vertical-align:middle;}
.board tbody tr td {font-size:14px; color:#666; text-align:center;}
.board tbody tr td a {font-size:14px; color:#666; display:inline-block;}
.board tbody tr td a:hover {color:#014788;}
.board tbody tr td:nth-child(2) {text-align:left; padding-left:10px;}
.board tbody tr td a.file, .board tbody tr td a.lock {display:block; line-height:1.3; padding:10px 0;}
.board tbody tr td p.info {margin-top:12px; font-size:14px; color:#666; line-height:21px;}
.board.list tbody tr td {border-top:1px solid #e7e7e7;}
.board.list tbody tr:hover td {background-color:#f6f7fb; color:#222;}
.board.list tbody tr:hover td a {color:#222;}

/* 상품검색 - 상품문의 */
.board.list.boardQna tbody td {padding:0 0 0 20px;}
.board.list.boardQna tbody tr td:nth-child(1) {text-align:left;}
.board.list.boardQna tbody tr td:nth-child(2) {text-align:center;}
.board.list.boardQna tbody tr td.center {text-align:center;}

.board.view th, .board.view td {text-align:left; vertical-align:middle;}

.board.view thead th {font-family:'nanum-square-b'; font-size:15px; color:#222; height:70px; border-bottom:1px solid #e7e7e7;}
.board.view thead th.subject {font-size:18px; padding-left:30px;}
.board.view thead th span {font-family:'nanum-square-r'; font-size:15px; color:#666; display:inline-block; padding-left:13px;}

.board.view tbody td.file_box p {background-color:#fafafa; width:1180px; text-align:left; height:60px; line-height:60px; font-size:14px; color:#666; margin:30px 0 0 30px; padding-left:30px;}
.board.view tbody td.file_box p span {font-family:'nanum-square-b'; font-size:14px; color:#222; display:inline-block; padding-right:20px;}
.board.view tbody td.text_box {padding:50px 30px; font-family:'nanum-square-r'; font-size:14px; color:#666; line-height:28px; white-space:pre;}

.board.view tfoot tr {border-top:1px solid #e7e7e7; height:60px;}
.board.view tfoot tr:hover {background-color:#f6f7fb;}
.board.view tfoot tr:hover td, .board.view tfoot tr:hover td a {color:#222;}
.board.view tfoot th a {font-family:'nanum-square-b'; font-size:15px; color:#222; position:relative; margin-left:50px; width:45px; display:inline-block; height:15px;}
.board.view tfoot th a:before {content:""; position:absolute; left:-20px ; top:4px; background-size:9px 6px; width:9px; height:6px;}
.board.view tfoot th.prev a:before {background:url('../img/common/btn_prev_bd.png') no-repeat;}
.board.view tfoot th.next a:before {background:url('../img/common/btn_next_bd.png') no-repeat;}
.board.view tfoot td a {font-size:15px; color:#666;}
.board.view tfoot td a:hover {color:#222;}

/* banner */
.board.banner {table-layout:fixed;}
.board.banner th:not(:first-child):not(:last-child) {border:1px solid #e7e7e7;}
.board.banner tbody tr td {height:50px; padding:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.pagination {margin:0 auto; text-align:center; width:100%; display:block; margin-bottom:30px;}
.pagination a {display:inline-block; vertical-align:middle; color:#212529; background-color:transparent; width:30px; height:30px; line-height:30px; font-size:16px; color:#666; margin:0 5px; border-radius:100%; transition:all .35s ease;}
.pagination a.current, .pagination a:focus, .pagination a:hover {color:#fff; font-family:'nanum-square-eb'; background-color:#024788; border-radius:100%; transition:all .35s ease;}
.pagination a.btn_first {background:url('../img/common/btn_first.png') no-repeat center center; width:15px; height:17px; text-indent:-9999px; border-radius:0; margin-right:25px;}
.pagination a.btn_first:hover, .pagination a.btn_first:focus {background:url('../img/common/btn_first_on.png') no-repeat center center; border-radius:0;}
.pagination a.btn_prev {background:url('../img/common/btn_prev.png') no-repeat center center; width:8px; height:17px; text-indent:-9999px; border-radius:0; margin-right:25px;}
.pagination a.btn_prev:hover, .pagination a.btn_prev:focus {background:url('../img/common/btn_prev_on.png') no-repeat center center; border-radius:0;}
.pagination a.btn_next {background:url('../img/common/btn_next.png') no-repeat center center; width:8px; height:17px; text-indent:-9999px; border-radius:0; margin-left:25px;}
.pagination a.btn_next:hover, .pagination a.btn_next:focus {background:url('../img/common/btn_next_on.png') no-repeat center center; border-radius:0;}
.pagination a.btn_last {background:url('../img/common/btn_last.png') no-repeat center center; width:15px; height:17px; text-indent:-9999px; border-radius:0; margin-left:25px;}
.pagination a.btn_last:hover, .pagination a.btn_last:focus {background:url('../img/common/btn_last_on.png') no-repeat center center; border-radius:0;}
.pagination a.current {pointer-events:none; cursor:text;}

.product_search.search_area {margin:0 0 50px 0; text-align:center;}
.mypage_contents .product_search.search_area {margin:10px 0 20px;}

.sub_contents_wrap.pre_buy p.h2 {margin:0 0 35px 0;}
.sub_contents_wrap.pre_buy .sub_contents {padding:50px 0 0 0;}
.sub_contents_wrap.pre_buy.linkage p.h2 {margin:80px 0 35px 0;}
.sub_contents_wrap.pre_buy.linkage .sub_contents {padding:50px 0 100px 0;}

.asterisk_txt {font-size:16px; color:#666; margin-top:25px;}

.step_ul {font-size:0;}
.step_ul li {display:inline-block; vertical-align:middle; text-align:center;}
.step_ul li:nth-child(1), .step_ul li:nth-child(3), .step_ul li:nth-child(5) {width:250px; height:250px; border-radius:100%; color:#fff; font-size:20px; font-family:'nanum-square-b'; padding-top:160px;}
.step_ul li:nth-child(1) {background:#0b94a0 url('../img/contents/pre_buy_icon_1.png') no-repeat center top 67px;}
.step_ul li:nth-child(3) {background:#024788 url('../img/contents/pre_buy_icon_2.png') no-repeat center top 60px;}
.step_ul li:nth-child(5) {background:#0b94a0 url('../img/contents/pre_buy_icon_3.png') no-repeat center top 62px;}
.step_ul li:nth-child(2), .step_ul li:nth-child(4) {margin:0 15px;}
.step_ul li p {color:#666; font-size:16px; font-family:'nanum-square-eb';}
.step_ul li span {display:inline-block; padding:15px 0;}

.step_text {text-align:left; margin-top:20px;}
.step_text div {display:inline-block; vertical-align:top;}
.step_text div:nth-child(1) {width:370px;}
.step_text li {border-bottom:1px solid #ebebeb; padding:50px 0;}
.step_text li:last-child {border-bottom:0;}

.step_text li .title {font-size:22px; color:#222; font-family:'nanum-square-eb'; margin-bottom:20px; line-height:28px;}
.step_text li .title span {font-size:30px; color:#024788; font-family:'nanum-square-eb'; padding-right:17px;}
.step_text li .tit {font-size:18px; color:#222; font-family:'nanum-square-eb'; margin-bottom:27px; line-height:28px;}
.step_text li span {font-size:16px; color:#666; font-family:'nanum-square-r';}
.step_text li .text {font-size:16px; color:#222; font-family:'nanum-square-r'; line-height:26px;}
.btn_link {display:inline-block; margin-top:28px;}
.btn_link a {display:inline-block; font-size:16px; color:#024788; font-family:'nanum-square-eb'; border:1px solid #024788; text-align:center; transition:all 0.3s ease; padding:14px 60px;}
.btn_link a:hover {transition:all 0.3s ease; background-color:#024788; color:#fff;}

.list_ul {margin:0 0 50px 50px;}
.list_ul .tit {font-size:20px; color:#444; font-family:'nanum-square-eb'; margin-bottom:30px;}
.list_ul ul li {font-size:15px; color:#666; font-family:'nanum-square-r'; margin-bottom:13px; position:relative; padding-left:10px;}
.list_ul ul li:before {content:""; position:absolute; top:7px; left:0; width:2px; height:2px; background-color:#898989;}

.contact_box {background-color:#024788; padding:26px 50px;}
.contact_box p {display:inline-block; vertical-align:middle;}
.contact_box p.tel {font-size:20px; color:#fff; font-family:'nanum-square-b'; position:relative; margin-right:50px;}
.contact_box p.tel span {display:inline-block; width:1px; height:17px; margin:4px 18px 0 18px; background-color:#fff;}
.contact_box p.text {font-size:15px; color:#fff; font-family:'nanum-square-r';}

/* 구매계획 및 실적입력 */
.performance p.h2 {font-size:20px; margin:0; padding:25px 0;}
.tab_menu {display:flex; margin-bottom:10px; border-bottom:1px solid #333;}
.tab_menu li a {display:block; width:206px; height:47px; line-height:47px; color:#333; text-align:center; transition:all 0.2s ease-out; border:1px solid #333; border-bottom:none;}
.tab_menu li.on a {background-color:#333; color:#fff;}
.tab_menu li:not(.on):hover a {background-color:#eee;}
.tab_menu + select {position:absolute; right:0; top:0; width:200px;}

.tbl_cap > * {font-size:14px; color:#777;}
.tbl_cap > em {font-family:'nanum-square-b'; color:#db0000;}

.tbl_per {position:relative; width:100%;}
.tbl_per:before, .tbl_per:after {content:''; position:absolute; top:0; left:0; width:100%; height:1px; background-color:#222;}
.tbl_per:after {top:100%;}
.tbl_per th, .tbl_per td {border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding:15px; font-size:14px; color:#333; vertical-align:middle; text-align:right; line-height:1.5;}
.tbl_per td {font-size:13px;}
.tbl_per th p, .tbl_per td p {font-size:15px; line-height:1.5;}
.tbl_per td span {display:block; font-size:13px; color:#777;}
.tbl_per th {background-color:#f4f4f4; color:#666; text-align:center; padding:15px;}
.tbl_per thead tr:not(:first-child) th {background-color:#fff; font-size:13px; padding:15px;}
.tbl_per tfoot th {background-color:#fff !important; font-family:'nanum-square-b';}
.tbl_per tr > *:last-of-type:not([rowspan]):not([colspan]):not([scope=row]) {border-right:0;}
.tbl_per input[type="text"] {text-align:right; max-width:130px; padding:8px 10px;}
.tbl_per .btn {padding:8px 10px;}
.tbl_per .bg_blue {background:#e0f0ff;}
.tbl_per .bg_red {background:#ffeded;}
.tbl_per.w-1200 {width:1200px;}
.tbl_per.w-1200 th, .tbl_per.w-1200 td, .tbl_per.w-1200 input[type="text"] {text-align:center;}
.tbl_per.w-1200 input[type="text"] {max-width:100%;}
.tbl_per th a, .tbl_per td a {color:#333;}
.tbl_per td span.cs_pnt, table .cs_pnt {cursor:pointer;}
.tbl_per input[type="radio"] + label {padding-left:26px;}
.tbl_per input[type="checkbox"] + label.check-back {padding-right:27px;}
.tbl_per.tbl_left td, .tbl_per.tbl_left input[type="text"], .tbl_per.tbl_left td[colspan] input[type="text"] {margin-right:0; padding:8px 10px; text-align:left;}

/* 20221212 LHI 웹접근성 */
.tbl_per td.tbl_th {background-color:#f4f4f4; color:#666; text-align:center; padding:15px;}

/* 장애인 표준사업장현황+입점표준사업장 */
.sub_contents_wrap.pro_status .tbl_per {margin-bottom:40px;}
.sub_contents_wrap.pro_status .tbl_per th, .sub_contents_wrap.pro_status .tbl_per td {text-align:center;}
.sub_contents_wrap.pro_status .tbl_per .btn {padding:7px 24px;}
.sub_contents_wrap.pro_status .tbl_per th.th_bg_blue {background-color:#e2e6f6; color:#014788;}
.sub_contents_wrap.pro_status .tbl_per td.td_bg_blue {background-color:#f5faff; height:80px;}
.sub_contents_wrap.pro_status .f-justify .pagination {width:auto; display:inline-block; margin-left:500px;}
.sub_contents_wrap.pro_status .btn_group {text-align:right;}
.sub_contents_wrap.pro_status.view p.tit1 {font-size:26px; color:#222; font-family:'nanum-square-eb'; text-align:left; padding:65px 0 15px 0; width:1240px; margin:0 auto;}
.sub_contents_wrap.pro_status.view p.tit2 {font-size:16px; color:#222; text-align:left; width:1240px; margin:0 auto; margin-bottom:40px;}
.sub_contents_wrap.pro_status.view td {text-align:left;}
.sub_contents_wrap.pro_status.view td.logo img {display:inline-block; vertical-align:middle; padding-right:10px;}
.sub_contents_wrap.pro_status.view td.logo span {display:inline-block; vertical-align:middle;}
.sub_contents_wrap.pro_status.view tr:last-child td:last-child {border-right:0;}

/* 상품소개 */
.product_area {display:flex; justify-content:space-between; align-items:start;}
.guide_box {border:1px solid #dbdbdb; width:100%; padding:40px 0; text-align:center; margin:30px 0;}
.guide_box.pd_none {padding:40px 0 0 0;}
.btn_info {border:1px solid #024788; color:#024788; font-size:16px; text-align:left; padding:13px 29px 13px 29px; letter-spacing:-1px; margin-bottom:60px; transition:all 0.2s ease-in-out;}
.btn_info:hover {border:1px solid #333; color:#333;}
.btn_info.search {background:url('/resources/theme2/img/contents/common/btn_search.png') no-repeat center right 24px; padding:13px 52px 13px 29px; background-size:19px 19px;}
.btn_info.search:hover {background:url('/resources/theme2/img/contents/common/btn_search_over.png') no-repeat center right 24px; padding:13px 52px 13px 29px; background-size:19px 19px;}

.step_box .btn_info {margin-bottom:0;}
.sub_contents_wrap p.sub_tit {font-size:18px; color:#444;}
.sub_contents_wrap p.text_indent {font-size:16px; color:#666; line-height:160%; margin-left:7px;}
.step_box {background:#edf5ff; padding:40px 0; text-align:center; margin:60px 0;}
.step_box > .tit {font-family:'nanum-square-eb'; font-size:20px; color:#014788; margin-bottom:40px;}
.sub_contents_wrap.info_sell .both.imgR div:nth-child(2) {margin-top:145px;}

/* lnb */
.lnb_wrap {width:260px;}
.lnb {position:relative; text-align:left;}
.lnb > ul > li {display:inline-block; width:100%; margin-bottom:4px;}
.lnb > ul > li > a {display:inline-block; width:100%; font-size:17px; border:1px solid #ddd; border-radius:3px; background:#fff url('/resources/theme2/img/contents/common/arrow_down.png') no-repeat center right 20px; background-size:14px 7px; padding:15px 20px; transition:all 0.2s ease-out;}
.lnb > ul > li.on > a {color:#fff; border-color:#15416f; border-radius:3px 3px 0 0; background:#15416f url('/resources/theme2/img/contents/common/arrow_up.png') no-repeat center right 20px; transition:all 0.2s ease-out;}
.lnb > ul > li > ul {display:none; border:1px solid #15416f; border-top:0; border-radius:0 0 3px 3px; padding:5px 0;}
.lnb > ul > li > ul > li > a {font-size:16px; color:#666; position:relative; padding:6px 0 6px 28px;}
.lnb > ul > li > ul > li > a:before {content:""; position:absolute; left:12px; top:17px; background-color:#ababab; width:8px; height:2px;}
.lnb > ul > li > ul > li:not(.current) > a:hover, .lnb > ul > li > ul > li.current > a {background:#ecf2ff;}
.lnb > ul > li > ul > li.current > a:before {background-color:#15416f;}

.filter_cont_wrap {width:calc(100% - 40px); margin-left:40px; text-align:left;}

.product_search {background-color:#f6f7fb; padding:30px; margin-bottom:65px;}
.product_search .auth_check {text-align:left;}
.product_search .auth_check ul li {display:inline-block; vertical-align:middle; font-size:14px; color:#777;}
.product_search .auth_check ul li:not(:last-child) {margin-right:30px;}
.product_search .auth_check ul li p {font-size:17px; color:#555; font-family:'nanum-square-b'; margin-right:10px;}
.product_search .auth_check ul li input[type="checkbox"] + label {font-size:14px; color:#777;}
.product_search .auth_check input[type="checkbox"]:checked + label:before {background-image:url(../img/common/ico_check_square_on.png);}
.product_search .auth_check input[type="checkbox"] + label:before {width:27px; height:27px; background:url(../img/common/ico_check_square_off.png) center no-repeat;}
.product_search .auth_check ul li.check_on input[type="checkbox"] + label {color:#014788; font-family:'nanum-square-b'; font-size:14px;}

.filter_title1 {padding-bottom:20px; border-bottom:1px solid #222; text-align:left; margin-bottom:50px;}
.filter_title1 p {font-size:27px; color:#024788; font-family:'nanum-square-eb';}

.filter_title2 p {font-size:24px; color:#333; font-family:'S-Core-Dream'; text-align:left; font-weight:500;}
.filter_title2 + .product_search {margin:20px 0 30px;}

.filter_title2 .filter_count {margin-top:15px; font-size:16px; font-weight:600; color:#3163e1; font-family:'NotoSans','sans-serif';}
.filter_title2 .filter_count > span {font-weight:400; color:#555;}

.search_input_wide {margin-top:30px;}
.search_input_wide:only-child {margin-top:0;}
.search_input_wide label {max-width:90px; display:inline-block; margin-right:5px; vertical-align:middle; line-height:1.2;}
.search_input_wide label + input {margin-right:10px;}
.search_input_wide input {width:400px; height:40px; margin-right:4px; vertical-align:middle; border:1px solid #ddd !important;}
.search_input_wide .btn {padding:0;}
.search_input_wide button {width:65px; height:40px; background-color:#014788; font-size:17px; color:#fff; vertical-align:middle; border-radius:3px;}
.search_input_wide button.btn_search {width:110px;}

.list_info_txt {text-align:left; padding-bottom:10px;}
.list_info_txt span {display:block; padding-bottom:20px;}

.filter_text {position:relative; display:flex; align-items:center; margin:12px 0 30px 0; padding:12px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f4f7fb;}
.filter_text > li a {position:relative; padding:0 16px; color:#555;}
.filter_text > li:first-of-type a {padding-left:0;}
.filter_text > li a:after{content:"/"; position:absolute; top:0; right:-2px; display:inline-block; font-size:14px;}
.sub_contents_wrap.pro_status.view .filter_text {margin-bottom:50px;}

.filter_img {display:flex; flex-wrap:wrap; margin-top:30px;}
.filter_img > li {position:relative; margin:0 30px 30px 0; width:calc((100% - 60px) / 3); border:1px solid #ddd;}
.filter_img > li:nth-of-type(3n) {margin-right:0;}
.filter_img .subject_txt {padding:12px 20px 40px; font-weight:500; line-height:1.2;}
.filter_img .subject_txt .subject_name {margin-bottom:20px; font-size:20px; word-break:break-all;}
.filter_img .subject_txt .subject_price {position:absolute; bottom:12px; font-size:24px; font-weight:600; color:#014788;}
.filter_img .filter_tag {display:flex; flex-wrap:wrap; margin-bottom:16px;}
.filter_img .filter_tag > li {margin:0 2px 4px 0; padding:4px 10px; font-size:14px; color:#15416e; border-radius:20px; background-color:#eff6ff;}
.filter_img .filter_tag.gray {position:absolute; top:12px; left:12px;}
.filter_img .filter_tag.gray > li {color:#666; background-color:#f4f4f4;}

.filter_list .filter_cont {margin-bottom:40px;}
.filter_img .subject_img img {display:block; width:100%; height:280px;}

.advanced_search .filter_cont {margin-bottom:40px;}
.advanced_search .filter_cont .filter_img {flex-wrap:wrap;}
.advanced_search .filter_cont .filter_img > li {margin:0 40px 40px 0;}
.advanced_search .filter_cont .filter_img > li:nth-child(4n) {margin-right:0;}
.advanced_search .filter_cont .filter_img:after {content:''; flex:auto;}

.pro_status.view .filter_cont {margin-bottom:40px;}

.btn_tooltip {position:relative; width:23px; height:23px; background-color:#727272; color:#fff; border-radius:50%; margin-left:5px; font-family:'nanum-square-eb'; font-size:12px;}
.tooltip {bottom:140%; left:50%; transform:translate(-50%); width:190px; background:#727272; color:#ffffff; cursor:pointer; opacity:0; padding:10px; position:absolute; text-align:left; visibility:hidden; border-radius:3px; transition:all 0.25s;}
.tooltip strong {display:block; font-size:14px; margin-bottom:10px;}
.tooltip p {color:#fff; font-size:12px !important;}
.tooltip:after {border:8px solid transparent; border-top-color:#727272; bottom:-15px; content:''; height:0; left:0; margin:0 auto; position:absolute; right:0; width:0;}
.btn_tooltip:hover .tooltip, .btn_tooltip:focus .tooltip {opacity:1; visibility:visible; transition:all 0.25s;}

i.ico_calendar {display:inline-block; width:20px; height:20px; background:url('../img/common/ico_calendar.png') no-repeat;}

.provider_result, .unit, .file_guide {font-size:14px; color:#777777;}
.file_guide {line-height:1.7;}
.provider_result ul {border:1px solid #ddd; padding:15px; background-color:#fbfbfb; height:150px; overflow-y:scroll;}

.provider_result ul li {display:block; margin:8px 0;}
.provider_result input[type="radio"] + label {padding-left:24px; height:14px; line-height:14px; font-size:14px; color:#777;}
.provider_result input[type="radio"] + label:before {width:14px; height:14px; background-size:14px 14px;}

.scroll-x {width:100%; overflow-y:hidden; overflow-x:scroll; padding:20px 0;}
.scroll-x > .tbl_per {width:200%;}
.scroll-x > .tbl_per tbody tr > th {background-color:#fff;}
.scroll-x > .tbl_per thead tr > th:last-of-type {border-right:0;}

/* 구매계획 및 실적관리 업로드 실패 내역 */
.scroll-y {height:100%; overflow-y:auto;}

/* 커뮤니티 */
.event_wrap {border-top:2px solid #222; border-bottom:2px solid #222; width:100%; margin-bottom:40px;}
.event_wrap > ul {display:flex; justify-content:space-between; align-items:center; line-height:0; flex-wrap:wrap; padding-top:60px;}
.event_wrap > ul > li {width:280px; vertical-align:top; margin:0 40px 40px 0;}
.event_wrap > ul > li:nth-child(4n) {margin-right:0;}
.event_wrap > ul > li img {width:280px; height:200px; overflow:hidden;}
.event_wrap > ul > li > a {display:inline-block; font-size:16px; color:#666; vertical-align:top;}
.event_wrap > ul > li > a > p {padding-top:20px; height:40px; margin-bottom:40px; overflow:hidden; line-height:1.2;}
.event_wrap > ul:last-child > li > a > p {margin-bottom:0;}
.event_img_area {background-color:#e6e6e6; min-height:450px; margin:40px 0;}
.event_img_area img {overflow:hidden;}
.event_text_area {height:60px; line-height:60px; border-bottom:1px solid #e7e7e7; margin-bottom:23px;}
.event_text_area p {height:60px; line-height:60px; font-size:18px; color:#222; font-family:'nanum-square-b'; text-align:left;}
.event_wrap .none_area {font-family:'nanum-square-r';}
.event_wrap > ul:after {flex:auto; content:'';}

.event_slide {position:relative; overflow:hidden; height:100%; width:1240px; margin:0 auto; text-align:left; padding-top:40px;}
.event_slide img {width:280px; height:200px; overflow:hidden;}
.event_slide .slick-slide a {display:block; width:100%; height:100%; padding:20px; color:#333;}
.event_slide .slick-slide a > * {display:block; line-height:1.3;}
.event_slide .slick-slide a em {font-size:15px; margin:10px 0;}
.event_slide .slick-slide a strong {font-size:17px; font-family:'nanum-square-b';}
.event_slide .slick-slide {position:relative; padding-top:40px;}
.event_slide .slick-slide > div {width:310px;}
.event_slide .slick-slide:before {content:""; position:absolute; top:0; background-color:#e7e7e7; width:100%; height:1px;}
.event_slide .slick-dots {position:absolute; top:1px; right:53px;}
.event_slide .slick-dots li {display:none; font-size:18px; font-family:'nanum-square-l'; color:#666;}
.event_slide .slick-dots li:before {content:"";}
.event_slide .slick-dots .slick-active {display:block; color:#666; position:relative;}
.event_slide .slick-dots .slick-active strong {position:relative; font-family:'nanum-square-b'; color:#222;}
.event_slide .slick-dots .slick-active strong span {color:#666; font-size:18px; font-family:'nanum-square-l'; display:inline-block; margin:0 2px;}
.event_slide .slick-arrow {display:inline-block; text-indent:-9999px; position:absolute; top:0; right:0;}
.event_slide .slick-prev.slick-arrow {position:absolute; right:115px; background:url('/resources/theme2/img/common/evt_arrowL.png') no-repeat center top; width:9px; height:17px; background-size:9px 17px; z-index:50;}
.event_slide .slick-next.slick-arrow {position:absolute; right:30px; background:url('/resources/theme2/img/common/evt_arrowR.png') no-repeat center top; width:9px; height:17px; background-size:9px 17px;}
.sub_contents_wrap.common .board.write textarea {width:960px;}

/* 고객센터 (FAQ) */
.faq_wrap {margin-top:30px;}
.faq {border-top:1px solid #222; border-bottom:1px solid #222; margin-bottom:40px;}
.faq li:not(:last-child) {border-bottom:1px solid #d2d2d2;}
.faq li {position:relative;}
.faq li > * {position:relative;}
.faq li a {min-height:70px; font-size:16px; color:#222; line-height:1.3; padding:15px 0;}
.faq li .faq-q {display:inline-block; padding-left:80px; position:relative; width:100%;}
.faq li .faq-q:before {position:absolute; left:20px; top:15px; width:40px; height:40px; line-height:40px; border-radius:100%; background-color:#014788; text-align:center; font-size:20px; color:#fff; font-family:'nanum-square-eb'; content:'Q';}
.faq li .faq-q a {display:flex; align-items:center; position:relative; padding-right:60px;}
.faq li .faq-q a:after {content:"답변열기"; overflow:hidden; position:absolute; top:0; right:20px; width:29px; height:70px; font-size:0; text-indent:-9999px; background:url('/resources/theme2/img/common/arrow_bd_hide.png') no-repeat right center; background-size:29px 16px;}
.faq li .faq-a {display:none; padding:30px 20px; font-size:16px; background-color:#f6f7fb; color:#666; border-top:1px solid #d2d2d2; line-height :1.6;}

.faq li.on .faq-q a:after {content:"답변닫기"; background:url('/resources/theme2/img/common/arrow_bd_show.png') no-repeat right center; background-size:29px 16px;}
.faq li.on .faq-a {display:block;}

.cs_wrap {background-color:#f6f7fb; padding:30px 20px; border:1px solid #e0e0e0; margin-top:30px;}
.cs_wrap p {font-size:16px; color:#666; line-height:1.6; margin-bottom:25px;}
.cs_wrap p strong {font-family:'nanum-square-b'; color:#222;}

.privacy_area {background-color:#fff; padding:10px 40px 40px 40px;}
.privacy_area p {margin-bottom:5px; font-size:14px; color:#666; line-height:30px;}
.privacy_area li {margin-bottom:0; font-size:14px; color:#666; line-height:30px;}
.privacy_area a {color:#014788;}
.privacy_area .tit1 {font-family:'nanum-square-eb'; padding-top:30px;}
.privacy_area .tit2 {margin-bottom:0; color:#014788; font-family:'nanum-square-b';}
.privacy_area .tit2 a {font-family:'nanum-square-b';}
.privacy_area .indent {display:inline-block; padding-left:18px;}
.privacy_area .link-pop {display:inline-block; padding:5px 18px; background-color:#014788; border-radius:3px; color:#fff; font-family:'nanum-square-eb'; font-size:13px; margin-left:10px; line-height:100%;}
.privacy_area .text {line-height:150%;}
.privacy_area .link_list a {color:#666;}
.privacy_area .f-grey {color:#666; font-family:'nanum-square-r';}

.sub_contents.cs.privacy .tbl_per {margin-bottom:25px;}
.sub_contents.cs.privacy .tbl_per:before, .sub_contents.cs.privacy .tbl_per:after {height:0;}
.sub_contents.cs.privacy .tbl_per th, .sub_contents.cs.privacy .tbl_per td {text-align:center; vertical-align:middle; padding:12px; font-size:14px;}
.sub_contents.cs.privacy .tbl_per th {border-right:1px solid #fff; border-bottom:0; color:#777; font-family:'nanum-square-b';}
.sub_contents.cs.privacy .tbl_per td {border-right:1px solid #efefef; color:#666; line-height:24px;}

.tbl_per.kogi {margin-bottom:30px;}
.tbl_per.kogi th, .tbl_per.kogi td {text-align:center; vertical-align:middle;}
.tbl_per.kogi td img {line-height:0; vertical-align:middle;}

.sitmap_wrap {padding:10px 0;}
.sitmap_wrap .title {font-size:80px; color:#333; width:165px; letter-spacing:-2.5px; margin-right:85px; line-height:0.75;}
.sitmap_wrap .sitemap_area {font-size:0;}
.sitmap_wrap .sitemap_area .sitemap_ul {width:calc(100% / 4); display:inline-block; vertical-align:top; padding:20px 0;}
.sitmap_wrap .sitemap_area .sitemap_ul p {font-size:18px; font-weight:500; color:#333; margin-bottom:16px; background-color:#ebebeb; display:inline-block; padding:8px 16px; border-radius:50px; line-height:1;}
.sitmap_wrap .sitemap_area .sitemap_ul ul {margin-left:10px;}
.sitmap_wrap .sitemap_area .sitemap_ul ul li {font-size:15px; color:#777; position:relative; padding-left:10px;}
.sitmap_wrap .sitemap_area .sitemap_ul ul li a {color:#777;}
.sitmap_wrap .sitemap_area .sitemap_ul ul li:not(:last-child) {margin-bottom:8px;}
.sitmap_wrap .sitemap_area .sitemap_ul ul li:before {content:""; width:3px; height:3px; background-color:#014788; position:absolute; top:9px; left:0;}
.sitmap_wrap .sitemap_area .sitemap_ul.top {height:230px;}
.sitmap_wrap .sitemap_area .sitemap_ul.bottom {height:180px;}

.none_area {color:#666; font-size:15px; padding:30px 0;}

/* 2022-09-13 추가 */
/*폼 태그 별 공통 css*/
.sub_contents2022 input[type="checkbox"], .sub_contents2022 input[type="radio"], .sub_contents2022 button, .info_wrap button {height:38px; line-height:36px; font-size:15px; border-radius:3px; padding:0 10px; border:none;}
.sub_contents2022 .select {display:inline-block; vertical-align:middle; width:150px; border:1px solid #ccced9; border-radius:3px; margin:0 4px;}
.sub_contents2022 .inp {display:inline-block; vertical-align:middle; width:200px; border-radius:3px;}
.sub_contents2022 .inp input[type="text"], .sub_contents2022 .inp select {height:40px; padding:0 10px; font-size:13px; line-height:1; border-radius:0; border:1px solid #ddd;}
.sub_contents2022 textarea {padding:15px; background:#f4f5f9; border:1px solid #d2d2d2; border-radius:5px;}
.sub_contents2022 button, .info_wrap button {vertical-align:middle; padding:0 20px; font-size:16px;}
.sub_contents2022 input::placeholder {color:#868b97; font-size:13px; font-weight:300;}

/* table */
table.bd2022 {width:100%; text-align:center; border-top:2px solid #283b5f; table-layout:fixed; margin-bottom:40px;}
table.bd2022 tr th, table.bd2022 tr td {border-bottom:1px solid #d9d9d9; padding:12px 0; vertical-align:middle;}
table.bd2022 tr th {background-color:#f4f4f4;}

.bd_tbl2 th, .bd_tbl2 td {border-left:1px solid #d9d9d9;}
.bd_tbl2 tr:first-child th:last-child, .bd_tbl2 td:last-child {border-right:1px solid #d9d9d9;}

.total th, .total td {background-color:#e6edef; border-bottom:1px solid #08214c;}
.bd_tbl2 tbody tr:not(.hov_not):hover {background-color:#f9f8fb;}

.mypage_contents table.bd2022 tr th {background-color:#fff; font-family:'nanum-square-eb'; font-size:15px; color:#222;}
.sub_contents p.table-info {position:absolute; right:0; top:10px; font-size:14px;}

.td_term {display:flex;}
.board.member.mypage td img.ui-datepicker-trigger {position:relative; left:-40px; top:14px; z-index:1; margin-right:-17px !important; height:20px; cursor:pointer;}

.search_box {font-size:0; line-height:0; text-align:center; background:#f4f5f9; padding:12px; margin:20px 0;}
.form_box {font-size:0; line-height:0; text-align:center;}
.form_box .cell {display:inline-block; vertical-align:middle; font-size:16px;}
.form_box .cell ~ .cell {margin-left:5px;}
.form_box .cell .inp {width:200px; position:relative;}
.form_box .cell:last-child {width:auto;}
.form_box .cell:last-child button {background:#014788; color:#fff;}
.form_box input[type="text"] {border:0; padding:0 10px; border-radius:3px;}

/* Common */
.sub_contents2022 {position:relative;}
.sub_contents2022 section {margin-bottom:60px;}

/* Breadcrumb :기존것 주석하고 추가 */
.breadcrumb {position:relative; background:url(../img/common/2022_sub_location_bg.jpg) repeat-x top; padding:28px 0 42px 0; text-align:center;}
.breadcrumb a {color:#fff; position:relative; font-family:'NotoSans';}

.breadcrumb h2 {font-size:36px; font-weight:600; font-family:'S-Core-Dream'; text-shadow:3px 3px #333; margin-bottom:20px; color:#fff;}
.breadcrumb > ul {font-size:0; display:flex; align-items:center; justify-content:center;}
.breadcrumb > ul > li:not(.home) {margin:0 16px; text-align:left;}
.breadcrumb > ul > li:not(:last-child)::after {content:''; width:6px; height:6px; position:absolute; top:7px; right:-20px; background:url('../img/common/2022_icon_wrap.png') no-repeat -20px -60px;}

.breadcrumb > ul > li {position:relative; transition:all 0.2s ease-in-out; z-index:2;}
.breadcrumb > ul > li:not(.home) > a {display:inline-block; font-size:16px; font-weight:300; padding-right:24px;}
.breadcrumb > ul > li:not(.home) > a::before {content:""; position:absolute; right:0; top:calc(50% - 7px); width:16px; height:16px; background:#ddd; border-radius:50%; transition:all .35s ease;}
.breadcrumb > ul > li:not(.home) > a::after {content:""; position:absolute; right:4px; top:calc(50% - 1px); width:8px; height:6px; background:url('../img/common/2022_icon_wrap.png') no-repeat -30px -60px; transition:all .35s ease;}

.breadcrumb > ul > li:not(.home).on > a::after{transform:rotate(180deg); top:calc(50% - 3px);}

.breadcrumb > ul > li.home a {display:block; width:17px; height:17px; background:url('../img/common/2022_icon_wrap.png') no-repeat 0 -58px; margin-right:20px;}
.breadcrumb > ul > li.home::after {top:8px; right:-1px;}

.breadcrumb > ul > li > ul {position:absolute; width:auto; top:30px; left:-1px; display:none; background:#fff; border:1px solid #ddd; white-space:nowrap; padding:4px 0;}
.breadcrumb > ul > li > ul > li > a {display:block; font-size:15px; color:#333; text-align:left; padding:4px 20px 4px 12px; transition:all 0.3s;}
.breadcrumb > ul > li > ul > li.on a {background-color:#c1dbf4;}
.breadcrumb > ul > li > ul > li a:focus {outline:2px dashed #000;}

/* 커뮤니티 및 자료실 게시판 */
/* table 공통 */
.sub_contents2022 table {width:100%; text-align:center; border-top:2px solid #283b5f; table-layout:fixed;}
.sub_contents2022 table a {color:inherit; display:inline-block;}
.sub_contents2022 table th, .sub_contents2022 table td {border-bottom:1px solid #d9d9d9; padding:24px 0; vertical-align:middle;}
.sub_contents2022 table th {font-weight:500; color:#222; border-color:#08214c;}
.sub_contents2022 .pagination {margin:20px auto;}
.sub_contents2022 table tr .left {text-align:left; padding:18px 12px;}

/* table - 컨텐츠 테이블 */
table.cont_list thead th {background:#f4f4f4;}
table.cont_list tbody th {border-color:#d9d9d9;}
table.cont_list th, table.cont_list td {padding:12px 0; border-left:1px solid #d9d9d9;}
table.cont_list tbody tr:not(.hov_not):hover {background-color:#f9f8fb;}
table.cont_list tr:last-child th, table.cont_list tr:last-child td {border-bottom:1px solid #283b5f;}
table.cont_list th:last-child, table.cont_list td:last-child {border-right:1px solid #d9d9d9;}

table.cont_list.typeinfo {width:100%;}
table.cont_list.typeinfo tbody th {background:#f4f4f4; word-break:break-all; line-height:1.2;}
table.cont_list.typeinfo tbody td {text-align:left; padding:18px 12px; font-size:15px; word-break:break-all;}
table.cont_list.typeinfo tbody tr:hover {background:none; cursor:default;}
.tag > div {display:inline-block; margin-right:10px;}

.table_layout {overflow-x:auto;}
.table_layout.min_400 table {min-width:400px;}
.table_layout.min_850 table {min-width:850px;}
.auth_tbl_layout {margin-bottom:40px;}
.sub_contents_wrap.pro_status .table_layout.auth_tbl_layout .tbl_per {margin-bottom:0;}

.total th, .total td {background-color:#e6edef; border-bottom:1px solid #08214c;}

/* table - 게시판 테이블 */
table.board_list span.pic {padding:0 6px; border-radius:3px; font-size:14px; border:1px solid #db0000; color:#db0000;}
table.board_list .file {display:inline-block; position:relative;}
table.board_list .file:after {content:"다운로드"; display:block; width:55px; height:18px; padding:0 6px; font-size:12px; color:#fff; background:#db0000; box-sizing:border-box;}

table.board_view th {background:#f4f5f9; border-bottom:1px solid #d9d9d9;}
table.board_view td {text-align:left; padding-left:20px;}
table.board_view .text_box {padding:50px 30px; line-height:1.6; vertical-align:top;}
table.board_view tfoot th a {position:relative; font-weight:500;}
table.board_view tfoot th a:before {content:""; position:absolute; left:-20px ; top:4px; background-size:9px 6px; width:9px; height:6px;}
table.board_view tfoot th.prev a:before {background:url('../img/common/btn_prev_bd.png') no-repeat;}
table.board_view tfoot th.next a:before {background:url('../img/common/btn_next_bd.png') no-repeat;}

/* 2022-09-13 추가 상품검색 */
/* 탭 레이아웃 */
[class^="tab_btn"] li {display:inline-block;}

.tab_btn{display:flex; flex-wrap:wrap; margin-bottom:8px;}
.tab_btn li{min-width:230px;}

.tab_btn li a {display:flex; align-items:center; justify-content:center; height:100%; padding:12px 7px; border:1px solid #333; font-size:17px; color:#333; box-sizing:border-box;}
.tab_btn li.is-active a, .tab_btn li.on {border:0; background-color:#333; color:#fff;}
.tab_btn li.on a {color:#fff;}
.tab_btn > li:not(.is-active) > a:hover {background-color:#eee;}

/* 검색 - 상품상세 - 조회 */
.sub_contents2022 .total_search_wrap .btn_group button {height:auto; padding:16px 20px; line-height:1.2; min-width:120px;}
.total_search_wrap {position:relative;}
.total_search_wrap .total_search_box:first-child .form_box .cell .inp {width:300px;}

.total_search_box {margin-top:4px; border-top:2px solid #3163e1; border-bottom:1px solid #ddd;}
.total_search_box dl {display:flex;}
.total_search_box dl > dt {min-width:220px; background-color:#ecf2ff; border-right:1px solid #ddd; padding:12px 0; padding-left:20px;}
.total_search_box dl > dt span {font-size:14px; color:#3163e1;}
.total_search_box dl > dd {padding:5px 12px; width:calc(100% - 220px); text-align:left;}

.type_list:after {content:''; display:block; clear:both;}
.type_list > li {float:left; width:20%; min-width:155px; line-height:1.2em; padding:8px 0; display:flex; align-items:center;}
.type_list > li input {display:inline-block; width:19px; height:19px; padding:0; vertical-align:middle; background-size:cover; margin-right:5px; cursor:pointer; position:relative;}
.type_list > li input + label {display:inline-block; vertical-align:middle; cursor:pointer; font-size:15px; color:#383838; font-family:'NotoSans','sans-serif'; line-height:inherit; height:auto; padding-left:4px;}
.type_list > li input[type="radio"] {background:url("../img/common/2022_icon_form.png") no-repeat -60px 0;}
.type_list > li input[type="radio"]:checked {background:url("../img/common/2022_icon_form.png") no-repeat -80px 0;}
.type_list > li input[type="checkbox"] {height:19px; background:url("../img/common/2022_icon_form.png") no-repeat -15px 0;}
.type_list > li input[type="checkbox"]:checked {background:url("../img/common/2022_icon_form.png") no-repeat -35px 0;}
.type_list > li input[type="checkbox"] + label:before {display:none;}
.type_list > li:last-of-type {margin-right:0;}

/* 검색 - 상품상세 - 리스트 */
.tag_info {display:flex; position:relative;}
.tag_info li {padding-left:22px; position:relative; font-size:14px; margin-right:4px;}
.tag_info li::before {content:''; width:22px; height:22px; position:absolute; background:url(../img/common/2022_tag_img.png) no-repeat -200px 0; left:0; top:-3px;}
.tag_info li.tag01::before {background-position:0 0;}
.tag_info li.tag02::before {background-position:-22px 0;}
.tag_info li.tag03::before {background-position:-44px 0;}
.tag_info li.tag04::before {background-position:-66px 0;}
.tag_info li.tag05::before {background-position:-88px 0;}
.tag_info > .div_info {padding:2px 10px 3px; background-color:#3163e1; color:#fff; font-size:14px; margin-left:8px; border-radius:3px; cursor:pointer;}

.result_list_wrap .info_wrap {position:relative;}
.result_list_wrap .info_wrap > div:not(.tag_expl) {display:flex; justify-content:space-between; align-items:center;}
.result_list_wrap .info_wrap > div:last-child {background-color:#f4f7fb; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:12px; position:relative; margin-top:12px;}
.result_list_wrap .info_wrap > div:not(.tag_expl) ul {display:flex; align-items:center;}

.tag_expl {background:#fff; z-index:99; width:100%; text-align:center; display:none;}
.tag_expl.on {display:block;}
.tag_expl * {word-break:break-all;}
.tag_expl table th {background:#ecf2ff; border-color:#ccc;}
.tag_expl table th.tag_expl2 {background:#f1ecff;}
.tag_expl table.tag_expl th > div {display:flex; justify-content:center; align-items:center;}
.tag_expl table.tag_expl th > div > img {margin-right:4px;}
.tag_expl table td {text-align:left; padding:15px;}
.tag_expl table .last {border-bottom:2px solid #283b5f;}
.tag_expl .close {background:#cfcece; width:100%; border-radius:0; margin-top:2px;}

.result_list_wrap .info_wrap .count {font-weight:600; color:#3163e1;}
.result_list_wrap .info_wrap .count > span {font-weight:400; color:#555;}
.result_list_wrap .info_wrap ul > li a {color:#555; position:relative; padding:0 16px;}
.result_list_wrap .info_wrap ul > li a::after {content:'/'; display:inline-block; position:absolute; top:0; right:-2px; font-size:14px;}
.result_list_wrap .info_wrap ul > li:first-child a {padding-left:0;}
.result_list_wrap .info_wrap ul > li:last-child a::after {display:none;}
.result_list_wrap .info_wrap .form_box {display:inline-block; position:absolute; right:4px; bottom:4px;}

.prd_box {display:flex; flex-wrap:wrap; justify-content:flex-start; margin-top:30px;}
.prd_box::after {display:none;}
.prd_box > li {width:calc((100% - 80px) / 5); border:1px solid #ddd; margin-bottom:30px; margin-right:20px; position:relative;}
.prd_box > li:nth-child(5n) {margin-right:0;}
.prd_box .product_img {position:relative; height:254px; border-bottom:1px solid #ddd;}

.sub_board .prd_box > li {width:calc((100% - 60px) / 4);}
.sub_board .prd_box > li:nth-child(5n) {margin-right:20px;}
.sub_board .prd_box > li:nth-child(4n),
.sub_board .prd_box > li:nth-child(20) {margin-right:0;}
.sub_board .prd_box .product_img {height:250px;}

.prd_box .product_img > img {width:100%; height:100%;}
.prd_box .product_img ul {position:absolute; top:12px; left:12px;}
.prd_box .product_img .tag_info li {margin-left:0; margin-right:4px;}
.prd_box .product_txt {padding:12px 20px 40px; font-weight:500; line-height:1.2;}
.prd_box .product_txt .cmp_name {font-size:15px; color:#3163e1; margin-bottom:4px;}
.prd_box .product_txt .prd_name {font-size:18px; margin-bottom:20px; word-break:break-all;}
.prd_box .product_txt .filter_tag {display:flex; flex-wrap:wrap; margin-bottom:8px;}
.prd_box .product_txt .filter_tag li {background:#eff6ff; color:#15416e; padding:4px 8px; border-radius:50px; margin:0 2px 4px 0; font-size:12px;}
.prd_box .product_txt .prd_price {color:#014788; font-size:16px; font-weight:600; position:absolute; bottom:12px;}
.prd_box .product_txt .prd_price > span {font-size:16px; font-weight:400; margin-left:4px;}
.prd_box li.prd_null {width:100%; margin:0; padding:50px; background:#ddd; text-align:center;}
.prd_box > li.prd_none {width:100%; margin:0; padding:12px 0; text-align:center;}

/* 지역별상품검색 */
.board_wrap2.tab2 .map_box {width:361px; border:none; border-right:1px solid #ccc;}
.board_wrap2.tab2 .list_box {width:calc(100% - 361px); padding:10px 0 10px 10px;}
.board_wrap2.tab2 .list_box .form_box .cell .inp,
.board_wrap2.tab2 .list_box .form_box .cell button {margin-top:30px;}
.board_wrap2.tab2 .list_box .form_box .cell button {padding:0 30px;}
.board_wrap2.tab2 .inp label {position:absolute; left:0; top:-16px; font-size:14px;}
.board_wrap2.tab2 .board_list th, .board_wrap2.tab2 .board_list td {padding:8px 0; font-size:15px;}
.board_wrap2.tab2 .table_layoutY {height:300px; overflow:auto;}

 /* 구매실적현황 */
.board_wrap2 {display:flex; justify-content:space-between;}
.board_wrap2 .map_box {width:36%; border:1px solid #ccc; display:flex; justify-content:center; align-items:center;}
.board_wrap2 .list_box {width:60%;}

/* 상품상세 */
.sub_contents_wrap {max-width:1360px;}
.sub_contents_wrap > h2 {display:none;}
.sub_board .pro_info_view {width:1020px;}
.sub_board .pro_info_view .pro_view {width:400px;}
.sub_board .pro_info_view .pro_view .product-slide {width:100%;}
.sub_board .pro_info_view .pro_view .product-slide .product-for span {background-size:400px 400px !important; background-position:center !important; border:1px solid #333;}
.sub_board .pro_info_view .pro_view .product-slide .product-for {margin-bottom :10px;}
.sub_board .pro_info_view .pro_view .product-slide .product-nav {width:100%;}
.sub_board .pro_info_view .pro_view .product-slide .product-nav span {width:calc(366px / 3) !important; border:1px solid #111; box-sizing:border-box; background-size:127px auto !important; background-position:center !important;}
.sub_board .pro_info_view .pro_view .product-slide .product-nav span:after {width:100%; height:100%; left:0;}

.sub_board .pro_info .btn_group > * {width:calc((100% / 3) - 5px);}
.sub_board .pro_info .pro_list .btn_group button:not(:last-child) {margin-right:8px;}
.sub_board .pro_info .pro_list .btn_group a:not(:nth-child(3)) {margin-right:8px;}
.sub_board .pro_tab_area ul.tabs {box-sizing:border-box;}
.sub_board .pro_tab_area ul.tabs > li {flex:0 0 calc(100% / 5); margin-left:0;}
.sub_board .pro_tab_area ul.tabs > li:not(:first-child) button {border-left:0;}
.sub_board .pro_tab_area ul.tabs > li button {line-height:1.4; word-break:break-all; overflow:hidden;}
.sub_board .pro_tab_area {width:100%;}

/* 콘텐츠 - 공통 */
.sub_contents2022 {text-align:left;}

.btn_group_conts {margin:20px 0 0; text-align:center;}
.btn_group_conts a {color:#fff; font-size:16px; padding:8px 40px 10px 16px; background:#014788 url(../img/common/2022_icon_btn.png) no-repeat right 16px center;}
.btn_group_conts.down a {background-image:url(../img/common/2022_icon_down.png);}
.btn_group_conts.down {margin-bottom:12px;}

.sub_contents2022 strong {font-weight:500;}
.sub_contents2022 .con_txt strong {font-size:18px;}
.sub_contents2022 .tit {font-size:18px; color:#106bc9;}
.sub_contents2022 h3 {font-family:'S-Core-Dream'; font-size:24px; font-weight:500; margin-bottom:30px;}
.sub_contents2022 h3 > .h_date {font-size:17px; margin-left:10px; color:#014788;}

.info_wrap {position:relative; text-align:left; margin-bottom:10px;}
.info_wrap + .search_area {margin:20px 0;}

.chk {padding-left:20px; position:relative;}
.chk::before {content:''; width:13px; height:10px; background:url(../img/contents/2022_icon_conts.png) no-repeat -20px 0; position:absolute; top:8px; left:0;}

.call {text-align:center; margin-top:20px; padding:20px; background:#006cbc; color:#fff;}
.call strong {font-size:20px; margin-right:30px;}

.conts_layout > [class^="cont"]{margin-bottom:80px;}
.conts_layout .cont2 > div {display:flex; justify-content:space-between;}
.conts_layout .cont2 > div > div {width:calc((100% / 2) - 20px);}
.conts_layout .con_txt > *:first-child {margin-bottom:28px;}

/* list 타입 */
[class^="list"] > li {position:relative;}
.bgbox [class^="list"] > li {margin:4px 0;}

.list_chk > li {padding:12px 20px; margin-bottom:10px; background-color:rgba(228, 233, 247, 0.6);}

.list_dot > li {margin:4px 0; padding-left:14px;}
.list_dot > li::before {content:''; width:4px; height:4px; background:#477bff; position:absolute; top:10px; left:2px; border-radius:5px;}
.list_dot.pink > li::before {background-color:#ff5a5a;}
.list_dot .pre {white-space:pre;}

.chk_dot {padding:2px 0 2px 14px; position:relative;}
.chk_dot::before {content:''; width:4px; height:4px; background:#ff5a5a; position:absolute; top:12px; left:2px; border-radius:5px;}

.list_line > li {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:12px 0;}
.list_line > li + li {border-top:none;}
[class^="bgbox"] .list_line > li:first-child {border-top:none; padding-top:0;}
[class^="bgbox"] .list_line > li:last-child {border-bottom:none; padding-bottom:0;}

/* list - 순서타입 */
[class^="list_ol"] {counter-reset:chapter; word-break:keep-all;}
[class^="list_ol"] > li .num {padding-left:30px; position:relative; word-break:break-all;}
[class^="list_ol"] > li .num:before{display:block; content:counter(chapter); counter-increment:chapter; position:absolute; left:0; top:2px; width:22px; height:22px; background-color:#106bc9; border-radius:50px; font-size:14px; color:#fff; box-sizing:border-box; text-align:center;}

.list_ol > li > h4 {border-bottom:1px solid #ddd; padding-bottom:12px; margin-bottom:12px;}
.list_ol > li:not(:first-child) h4 {margin-top:24px;}

.list_ol2 > li {margin:2px 0;}
.list_ol2 > li > .num::before {background-color:#ff5a5a; width:18px; height:18px; font-size:11px;}
.list_ol .inbox {padding:10px 30px; display:inline-block;}

.list_icon li {display:flex; align-items:center; padding:24px 0;}
.list_icon li strong {font-size:20px; color:#106bc9; display:flex; align-items:center; position:relative; padding-left:80px; min-width:380px; min-height:50px; line-height:1.2;}
.list_icon li strong::before {content:''; width:60px; height:60px; border-radius:200px; display:inline-block; background-color:#6f98ff; position:absolute; left:0;}
.list_icon li strong::after {content:''; width:59px; height:59px; background:url(../img/contents/2022_icon_conts.png) no-repeat 0 -20px; position:absolute; left:0;}
.list_icon li strong > span {color:#ff5959; font-size:14px; border:1px solid #ff5959; border-radius:3px;}

.list_icon .icon02::after {background-position:-60px -20px;}
.list_icon .icon03::after {background-position:-120px -20px;}
.list_icon .icon04::after {background-position:-180px -20px;}
.list_icon .icon05::after {background-position:-240px -20px;}

/* 콘텐츠 - 박스 타입 */
.bgbox {padding:12px 20px; background-color:rgba(228, 233, 247, 0.6);}
.bgbox.pink {background-color:#ffeeee;}
.bgbox.yellow {background-color:#feffdc;}
.box2 > li > p {font-size:18px; padding:4px 0;}

.bgbox_dash {background:#8a9cca url(../img/contents/2022_bg_dash.png) repeat; padding:8px;}
.bgbox_dash > div {background-color:#fff; padding:24px;}

.dashbox {border:1px dashed #a8bae7; margin:12px 0; text-align:center; padding:30px;}
.dashbox > h5 {font-size:22px; font-weight:500; margin-bottom:30px;}

.dashbox2 {margin:8px 0; border-top:1px dashed #a8bae7; border-bottom:1px dashed #a8bae7; background-color:rgba(228, 233, 247, 0.5); padding:6px 12px;}
.dashbox2.box2 {background:#fff;}

.linebox {padding:12px 16px 16px; border:2px solid #006cbc;}
.linebox h4 {font-size:18px; font-weight:500; margin-bottom:8px; margin-left:8px;}

/* step */
[class^="type1_step_box"] {display:flex; flex-wrap:wrap;}
[class^="type1_step_box"]:after {display:block; content:""; clear:both;}
[class^="type1_step_box"] > li {position:relative; display:flex; align-items:center; min-height:160px; margin-right:30px; margin-bottom:35px; padding:55px 15px 20px 15px; border:2px solid #6ed7e7; background-color:#fff; text-align:center; box-sizing:border-box;}
[class^="type1_step_box"] > li:before {display:block; content:""; position:absolute; right:-40px; top:40px; width:100%; height:2px; background-color:#d2d7e6; z-index:-1;}
[class^="type1_step_box"] > li:last-child:before {display:none;}
[class^="type1_step_box"] > li > div {width:100%; height:100%;}
[class^="type1_step_box"] > li > div > span {position:absolute; left:50%; top:20px; width:104px; height:35px; margin-left:-51px; background-color:#d5f4f9; border-radius:500px; color:#147084; text-align:center; line-height:33px; box-sizing:border-box; font-style:italic; font-weight:700;}
[class^="type1_step_box"] > li > div > b {display:block; margin-top:10px; margin-bottom:5px; font-size:18px; color:#333; font-weight:600; word-break:keep-all;}
[class^="type1_step_box"] > li > div > p {font-size:15px;}

.type1_step_box4 > li {width:calc((100% - 91px)/4);}
.type1_step_box4 > li:nth-child(4n) {margin-right:0;}
.type1_step_box4 > li:nth-child(4n):before {display:none;}
.type1_step_box5 > li {width:calc((100% - 81px)/5); margin-right:20px;}
.type1_step_box5 > li:nth-child(5n) {margin-right:0;}
.type1_step_box5 > li:nth-child(5n):before {display:none;}
.type1_step_box6 > li {width:calc((100% - 101px)/6); margin-right:20px;}
.type1_step_box6 > li:nth-child(6n) {margin-right:0;}
.type1_step_box6 > li:nth-child(6n):before {display:none;}

[class^="type1_step_box"] > li:first-child {border-color:#85acf1; border-width:3px;}
[class^="type1_step_box"] > li:first-child > div > span {background-color:#548bf0; color:#fff; text-shadow:1px 1px 0 #637698;}
[class^="type1_step_box"] > li:first-child > div > b {color:#548bf0;}
[class^="type1_step_box"] > li:last-child {border-color:#ef9991; border-width:3px;}
[class^="type1_step_box"] > li:last-child > div > span {background-color:#e55d4f; color:#fff;}
[class^="type1_step_box"] > li:last-child > div > b {color:#e55d4f;}

/* 콘텐츠 - 사업소개 */
.list_chk > li:first-child {margin-bottom:18px;}

/* 콘텐츠 - 판매몰 안내 */
.mall_list {display:flex; border:1px solid #111; padding:20px; margin-bottom:20px; position:relative;}
.mall_list .mall_slogan {display:flex; align-items:center; justify-content:center; border:1px solid #e8e8e8; width:340px; margin-right:30px;}
.mall_list .mall_info {width:calc(100% - 370px);}
.mall_list .mall_info > h4 {font-size:22px; font-weight:600; font-family:'S-Core-Dream';}
.mall_list .mall_info > .mall_expl {font-size:18px; color:#676767; font-family:'S-Core-Dream'; margin:2px 0 20px;}
.mall_list .mall_info > ul li {display:inline-block;}
.mall_list .mall_info > ul li:first-child {width:250px;}
.mall_list .mall_info > ul li > span {padding:2px 8px; border-radius:20px; background:#e1f2fc; margin-right:10px;}
.mall_list .mall_link {position:absolute; right:20px; bottom:20px; background:#014788; padding:4px 36px 5px 12px; color:#fff; font-size:14px;}
.mall_list .mall_link:after {content:''; width:15px; height:15px; position:absolute; right:12px; top:7px; background:url(../img/common/2022_btn_link.png) no-repeat 0 0;}

/* 1227 상품 상세페이지 버튼 수정*/
.tbl-popup table.tbl-C.estimate tr.pop_info td {padding:6px 0;}
.sub_board .pro_detail > table td.infotxt {background:#ffefde; font-size:14px; padding:8px 16px;}
.tbl-popup table.tbl-C.estimate tr.pop_info td p {width:420px; background:#ffefde; padding:4px 0 4px 16px; font-size:14px; margin-top:4px; font-weight:500;}

/* 2023 연계고용홍보 추가 */
.sub_contents2022 .table_promotion table {min-width:1200px;}
.sub_contents2022 .table_promotion table th, .sub_contents2022 .table_promotion table td {padding:12px;}
.sub_contents2022 .table_promotion table th {background:#f4f4f4; word-wrap:break-word;}
.sub_contents2022 .table_promotion table td a {width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:middle; display:block;}
.sub_contents2022 .table_promotion table.cont_list td {padding:10px;}
.sub_contents2022 .table_promotion .btn_in_conts {height:fit-content; padding:0 20px;}
.sub_contents2022 .table_promotion h4 {font-family:'S-Core-Dream'; font-size:20px; font-weight:500; margin-bottom:10px;}
.sub_contents2022 .table_promotion h4 > span {font-size:15px; vertical-align:bottom; display:inline-block; margin-left:20px;}
.sub_contents2022 .table_promotion h4 > span > em {color:#db0000; display:inline-block; margin-right:20px;}
.sub_contents2022 .table_promotion table input, .sub_contents2022 .table_promotion table select {border:1px solid #ddd;}
.sub_contents2022 .table_promotion table input[type="radio"] + label{font-family:inherit; padding-left:29px;}
.sub_contents2022 .table_promotion table li {display:inline-block;}
.sub_contents2022 .table_promotion table input.wp-50 {width:50%; max-width:130px;}
.sub_contents2022 .table_promotion table .bb-black {border-bottom:1px solid #000;}
.sub_contents2022 .form_box .promotion {margin:0;}
.sub_contents2022 .form_box .promotion .cell {padding-top:25px; margin-bottom:10px;}
.sub_contents2022 .form_box .promotion .cell .inp > label {position:absolute; margin-top:-15px;}

/* 테마존 검색어 (마이페이지) */
.popup_con.myTheme {width:800px; font-family:'NotoSans','sans-serif';}
.popup_con.myTheme h3 {border-bottom:1px solid #ddd; margin-bottom:4px;}
.popup_con.myTheme h3 span {display:inline-block; background:#000; color:#fff; padding:8px 30px;}
.popup_con.myTheme .tab_content {background:#f1f1f1; padding:16px 10px 40px; margin-bottom:8px;}
.popup_con.myTheme .tab_content span {display:inline-block; font-size:14px; cursor:pointer; padding:3px 12px; border-radius:30px; background:#fff; border:1px solid #3163e1; margin:0 2px;}
.popup_con.myTheme .tab_content span.on {background:#3163e1; color:#fff;}

/* 테마존 검색어 (CMS) */
.them_contents_wrap {padding:20px 0; background:url(../img/contents/them_bg.png) 30px 0;}
.them_contents_wrap .conts_layout > [class^="cont"] {margin-bottom:20px;}
.them_cont .them_tit {margin-left:7%; text-align:center;}
.them_cont .them_tit img {width:100%; height:350px;}
.them_cont .them_list {position:relative; max-width:1300px; margin:-60px auto 0 auto; padding:30px 20px 0 20px; border:4px solid #102c72; border-radius:10px; background:#fff3d7; box-sizing:border-box;}
.them_cont .them_type > h4 {max-width:200px; margin:0 auto 25px auto; padding:8px; font-size:24px; font-weight:700; color:#fff; text-align:center; border:2px solid #54362a; border-radius:30px; background:#002875; box-sizing:border-box;}
.them_cont .them_type > ul {position:relative;}
.them_cont .them_type > ul:after {content:""; display:block; clear:both;}
.them_cont .them_type > ul li {float:left; width:calc(100% / 6); text-align:center;}
.them_cont .them_type > ul li a {position:relative; margin-bottom:35px;}
.them_cont .them_type:last-of-type > ul li a:after {display:none;}
.them_cont .them_type > ul li a:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background:url(../img/contents/them_dot.png) 0 0;}
.them_cont .them_type > ul li a img {display:block; width:80%; margin:0 auto;}
.them_cont .them_type > ul li p {display:inline-block; position:relative; margin:30px 0 35px 0;}
.them_cont .them_type > ul li p:before {content:""; display:inline-block; width:20px; height:20px; margin:-6px 10px 0 0; vertical-align:middle; border:1px solid #54362a; background:#fff; box-sizing:border-box;}
.them_cont .them_type > ul li p span {display:inline-block; font-size:20px; padding:6px 8px; background:#ffd34f;}
.them_cont .them_type > ul li a:focus {outline:none;}
.them_cont .them_type > ul li a:hover p:after, .them_cont .them_type > ul li a:focus p:after, .them_cont .them_type > ul li a:active p:after {content:""; position:absolute; top:0; left:-6px; width:37px; height:25px; background:url(../img/contents/them_img.png) no-repeat 0 0;}

.them_contents_wrap {padding:20px;}

/* 직접생산품목정보 */
.user_direct p.h5 {margin-bottom:20px;}
.user_direct div.box1 {width:600px;}
.user_direct div.box2 {width:calc(100% - 610px);}
.user_direct div.box2 #dpdfrm {height:100%;}
.user_direct div[class^=box] {border:1px solid #e7e7e7; padding:10px 20px;}
.user_direct input.datepicker {cursor:pointer;}
.user_direct input[type="checkbox"] + label.check-back {padding-right:27px;}
.user_direct a.link {line-height:38px; background-color:#000;}

.user_direct .search_box {width:100%; display:flex; justify-content:center; flex-wrap:wrap;}
.user_direct .search_box .cell .inp > label {position:absolute; margin-top:-15px; font-size:14px;}
.user_direct .search_box .cell .inp > input {width:100%; height:38px; line-height:36px; border-radius:3px; padding:0 10px; border:none;}

.user_direct .scroll_box {position:relative; overflow-y:scroll; margin-bottom:15px;}
.user_direct .scroll_box > table {position:absolute;}
.user_direct .scroll_h300px {height:300px;}
.user_direct .box2 .scroll_box {height:calc(100% - 98px);}

.user_direct .tbl_per:before, .user_direct .tbl_per:after {background-color:inherit;}
.user_direct .tbl_per caption {height:0;}
.user_direct .tbl_per thead th {position:sticky; top:0; padding:5px; z-index:1;}
.user_direct .tbl_per tbody td {position:relative; padding:6px; text-align:center; background-color:#fff; font-size:12px; word-break:break-all;}
.user_direct .tbl_per tbody tr:hover > td {background-color:#f6f7fb;}
.user_direct .tbl_per input[type="text"] {text-align:center; padding:2px 6px;}
.user_direct .tbl_per .prdctRow {cursor:pointer;}
.user_direct .tbl_per.tbl_insert tr.hidden {display:none;}
.user_direct .tbl_per.tbl_insert th {border-right:0;}
.user_direct .tbl_per.tbl_insert th:last-child {background:inherit; border-bottom:none; padding:10px;}
.user_direct .tbl_per.tbl_insert td.file {text-align:left;}
.user_direct .tbl_per.tbl_insert input:not([type=checkbox]):not([type=radio]) {max-width:100%; width:100%; height:40px; text-align:left;}
.user_direct .tbl_per.tbl_insert input[type=radio] + label:before {display:none;}
.user_direct .tbl_per.tbl_insert input[id^="file-name"] {width:75% !important; vertical-align:middle;}
.user_direct .tbl_per.tbl_insert .type_list > li {width:100%;}
.user_direct .tbl_per.tbl_insert .type_list > li input + label {font-size:13px;}

.user_direct .btn_upload {border-radius:3px; vertical-align:middle;}
.user_direct .tbl_per.board.list tbody tr td:nth-child(2) {text-align:center; padding-left:0;}
.user_direct .tbl_per.tbl_prdct {width:600px; position:relative;}
.user_direct.popup_layer .scroll_box {height:300px;}

/* 태그박스 */
p.tag-area {font-size:10px;}
p.tag-area .labelset {overflow:hidden; display:inline-block; width:100px; min-width:68px; padding:0 5px; color:#333; font-size:12px; line-height:15px; text-align:center; border:1px solid #000; vertical-align:middle; background-color:#fff; margin-right:5px;}
p.tag-area .labelset.red {color:#bc535f; border-color:#e6aab1;}
p.tag-area .labelset.pointer {cursor:pointer;}

/* 2023-12 카달로그 css 추가 */
.catalogue .info_wrap .count {display:block; border-bottom:2px solid #333; padding-bottom:4px;}
.catalogue .info_wrap .count span {font-weight:600; color:#3163e1;}

.catalogue .prd_box > li {border:none ; position:relative;}
.catalogue .prd_box .product_img {border:1px solid #ddd;}
.catalogue .prd_box .product_txt {padding:10px 0;}
.catalogue .prd_box .product_txt ul {display:flex; align-items:center; justify-content:space-between;}
.catalogue .prd_box .product_txt ul > li {flex:0 0 50%; font-size:14px; color:#656af1;}
.catalogue .prd_box .product_txt ul > li:nth-child(2) {text-align:right;}
.catalogue .prd_box .product_txt ul > li > a {display:inline-block; border:1px solid #656af1; border-radius:2px; font-size:14px; position:relative; padding:4px 12px 4px 30px; color:#656af1;}
.catalogue .prd_box .product_txt ul > li > a::before {content:''; width:14px; height:16px; position:absolute; top:5px; left:12px; background:url(../img/main/catal-download.png);}

/* 2024-05 직접생산확인 메뉴 추가 */
.conts_layout .dashbox.bgbox .direct_img {padding:30px 0;}
.conts_layout .list_chk .direct_list > li {padding:7px 0;}
.conts_layout .bgbox_dash a.main_color {color:#106bc9;}
.conts_layout .bgbox .list_dot .lh-30::before {top:14px;}

/* 2025-10 직접생산확인신청 */
.h2_info {position:relative; display:inline-block; padding-left:23px; font-size:16px; color:#014788; line-height:1; vertical-align:middle;}
.h2_info:before {content:"!"; position:absolute; top:0; left:0; width:18px; height:18px; font-size:13px; color:#fff; text-align:center; line-height:18px; border-radius:50%; background:#014788;}
.flex_list {display:flex; flex-wrap:wrap; gap:20px; justify-content:space-between; text-align:left;}
.flex_list > div {flex:1 0 45%;}
.num_list {padding-left:2px;}
.num_list > li {position:relative; margin-bottom:10px; padding-left:25px; font-size:15px; line-height:1.2; counter-increment:number;}
.num_list > li:before {content:counter(number, decimal-leading-zero); position:absolute; top:20px; left:0; font-size:15px; color:#014788;}
.num_list > li:last-of-type {margin-bottom:0;}
.popup_degree .popup_inner {max-width:700px;}
.popup_degree tbody td[colspan="3"] {background:#ca8a8a url(../img/contents/2022_bg_dash.png) repeat;}
.popup_degree tbody td[colspan="4"] {background:#8a9cca url(../img/contents/2022_bg_dash.png) repeat;}
.popup_degree tbody td.degree_none {background:#fff;}
.popup_degree tbody tr:last-of-type td {background:#8a9cca url(../img/contents/2022_bg_dash.png) repeat;}
.popup_degree tbody tr:last-of-type td:nth-child(n):nth-child(-n+3) {background:#ca8a8a url(../img/contents/2022_bg_dash.png) repeat;}
.popup_alert .alert_info {position:relative; min-width:300px; padding:20px 15px; font-size:17px; font-weight:700; color:#014788; text-align:center;}
.popup_alert .alert_info:before {content:"\2713"; display:block; width:26px; height:26px; margin:0 auto 5px auto; font-size:16px; color:#fff; line-height:26px; border-radius:50%; background:#014788;}
.popup_alert .alert_info.danger {color:#db0000;}
.popup_alert .alert_info.danger:before {content:"!"; background:#db0000;}
.popup_alert .alert_info.warn {color:#e97900;}
.popup_alert .alert_info.warn:before {content:"?"; background:#ffa700;}
.stat_degree {display:flex; flex-wrap:wrap; align-items:center; gap:15px; margin-top:10px; padding:20px; border:1px dashed #ddd;}
.stat_degree > span {position:relative;}
.stat_degree > span:before {content:""; display:inline-block; width:50px; height:25px; margin-right:5px; vertical-align:middle; border:1px solid #ddd; background:#fff; box-sizing:border-box;}
.stat_degree > span.stat_severe:before {background:#ca8a8a url(../img/contents/2022_bg_dash.png) repeat;}
.stat_degree > span.stat_mild:before {background:#8a9cca url(../img/contents/2022_bg_dash.png) repeat;}
.cont_list.typeinfo th.req {position:relative;}
.cont_list.typeinfo th.req:after {content:"*"; display:inline-block; margin-left:5px; font-size:15px; color:#db0000;}
.cont_list.typeinfo td .error_info, .error_info {position:relative; color:#db0000; margin-top:5px;}
.cont_list.typeinfo td .error_info:before, .error_info:before {content:"!"; display:inline-block; width:15px; height:15px; margin:-3px 3px 0 0; font-size:12px; color:#fff; text-align:center; line-height:15px; vertical-align:middle; border-radius:50%; background:#db0000;}
.popup_layer .member_wrap {padding-bottom:0;}

.inp_addr_wrap {display:flex; flex-wrap:wrap; gap:5px;}
.inp_addr_wrap input[type="text"]:first-of-type {width:calc(100% - 42px) !important; max-width:130px !important;}
.inp_addr_wrap .btn_addr {position:relative; width:37px; height:37px; padding:0 !important; font-size:0; background:#e6ecfb;}
.inp_addr_wrap .btn_addr:after {content:""; display:block; width:37px; height:37px; background:url(../img/common/2022_icon_common.png) no-repeat -2px -2px;}
.inp_addr_wrap .btn_addr + input {width:100%;}

/* 파일 업로드 */
.file_uploader {position:relative; display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; width:100%; padding:12px 10px 10px; border:1px solid #dcdcdc; border-radius:3px; box-sizing:border-box;}
.file_uploader .progress-wrapper {position:absolute; left:0; top:0; display:none; width:100%; height:3px; z-index:10;}
.file_uploader .progress-container {overflow:hidden; width:100%; height:100%; background:transparent;}
.file_uploader .progress-bar {width:0; height:100%; background:linear-gradient(90deg, #3b82f6, #60a5fa); transition:width .15s linear, opacity .3s ease;}
.file_uploader .progress-text, .file_uploader .progress-result {display:none;}
.file_uploader .file-upload-btn input[type='file'] {position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(0 0 0 0);}
.file_uploader .file-upload-btn input[type='file']:focus + label {outline:2px dashed black;}
.file_uploader .file-upload-btn label {display:inline-flex; align-items:center; height:30px; padding:0 12px; font-size:13px; color:#014788; line-height:30px; border-radius:3px; background:#e6ecfb; cursor:pointer; transition:all 0.2s ease-in-out;}
.file_uploader .file-upload-btn label::before {content:'파일선택';}
.file_uploader .file-upload-btn label:hover {color:#fff; background:#014788;}
.file_uploader .file-name {overflow:hidden; display:inline-flex; align-items:center; gap:6px; font-size:13px; white-space:nowrap; text-overflow:ellipsis;}
.file_uploader .file-badge {display:inline-flex; align-items:center; height:18px; padding:6px; font-size:11px; font-weight:600; line-height:18px; border-radius:999px;}
.file_uploader .file-badge.success {background:#dcfce7; color:#15803d; border:1px solid #86efac;}
.file_uploader .file-badge.error {color:#b61c1c; border:1px solid #fecaca; background:#fee2e2;}
.file_uploader.is-uploading .progress-wrapper {display:block;}
.file_uploader.is-done .progress-bar {width:100%; opacity:0;}
.file_uploader.is-error .progress-bar {background:#ef4444;}

/* 반응형 추가 */
@media screen and (max-width:1360px){
	a#contents {width:auto;}
	.sub_contents_wrap {padding:40px 20px;}
	.mall_list {padding-bottom:60px;}
}
@media screen and (max-width:1240px) {
	.sub_contents {width:auto;}
	.sub_banner .inner {width:100%;}
	.sub_banner .inner p {width:100%;}
	.lnb_wrap {display:none;}
	.sub_board {width:auto;}
	.product_area {flex-direction:column; align-items:center;}
	.filter_cont_wrap {width:100%; margin-left:0;}

	.sub_contents .both.imgR div:nth-child(1), .sub_contents .both.imgR div:nth-child(2) {width:calc(50% - 10px);}
	.sub_contents .both.imgL div:nth-child(1), .sub_contents .both.imgL div:nth-child(2) {width:calc(50% - 10px);}
	.sub_contents .both.imgL div:nth-child(1), .sub_contents .both.imgR div:nth-child(2) {padding-top:25px;}
	.sub_contents .both.imgR div:nth-child(1) {padding-right:0;}
	.info_service ul li div:nth-child(2) {width:calc(100% - 225px);}

	.auth_tbl_layout .tbl_per th, .auth_tbl_layout .tbl_per td {padding:10px;}
}
@media screen and (max-width:1024px) {
    .sub_contents2022 button, .info_wrap button {width:auto; padding:0 8px; height:30px; line-height:30px; font-size:14px;}
    .h2_info {display:block; margin:10px 0 0 0 !important;}
    .flex_list > div {flex:1 0 100%;}
	.board_wrap2 .map_box {display:none;}
 	.board_wrap2 .list_box, .board_wrap2.tab2 .list_box {width:100%; padding:10px 0;}

	.prd_box > li, .sub_board .prd_box > li {width:calc((100% - 40px) / 3);}
	.prd_box > li:nth-child(5n), .sub_board .prd_box > li:nth-child(4n) {margin-right:20px;}
	.prd_box > li:nth-child(3n) {margin-right:0;}
	.info_wrap div:nth-child(2) .cell {display:none;}
	.btn_group.mobile {display:block;}

	.mall_list .mall_slogan {width:30%;}
}
@media screen and (max-width:960px) {
	.sub_contents_wrap {width:auto;}
	.sub_board {width:100%;}
	.pro_info_area {flex-direction:column; align-items:center;}
	.sub_board .pro_info {width:100%; margin-top:20px;}
	.sub_board .pro_info_view {width:100%;}
	.tab_menu li {width:25%;}
	.tab_menu li a {width:auto;}
}
@media screen and (max-width:900px) {
	table.board_list.type3 colgroup {display:none;}
	table.board_list.type3 thead {display:none;}
	table.board_list.type3 tr {display:block; border-bottom:0; padding:15px 0; border-bottom:1px solid #d9d9d9;}
	table.board_list.type3 tr:after {content:''; display:block; clear:both;}
	table.board_list.type3 tr:nth-child(2n) {background:#f4f5f9;}
	table.board_list.type3 tr.answer td {margin-bottom:0;}
	table.board_list.type3 tr th, .board_list.type3 tr td {border-right:1px solid #ccc;}
	table.board_list.type3 tr th {display:none;}
	table.board_list.type3 tr td {display:table; float:left; width:100%; padding:0; margin-bottom:10px; font-size:0; line-height:0; text-align:left; border:0;}
	table.board_list.type3 tr td > div {display:table-cell; vertical-align:middle; width:calc(100% - 95px); line-height:1.2em; text-align:left; vertical-align:top; font-size:14px; padding-right:15px;}
	table.board_list.type3 tr td:before {content:attr(data-before); display:table-cell; vertical-align:middle; width:80px; height:100%; line-height:1.2em; font-weight:500; font-size:14px; color:#00214f; text-align:right; padding-right:15px; word-break:keep-all;}
	table.board_list.type3 tr td:last-of-type {margin-bottom:0;}

	table.board_view tr {width:100%; border-bottom:0; position:relative;}
	table.board_view tr th {display:block; position:absolute; left:0; top:0; width:1px; height:1px; overflow:hidden; padding:0; margin:0; clip-path:inset(1px 1px 1px 1px); margin:-1px;}
	table.board_view tr td {display:block; border:0; text-align:left; padding:10px; border-bottom:1px solid #ddd; font-size:14px; word-break:keep-all;}
	table.board_view tr td:before {content:attr(data-before); display:block; width:auto; height:100%; padding:0; font-weight:500; color:#222; margin-bottom:5px;}
	table.board_view tr .text_box {padding:20px; line-height:1.6;}
}
@media screen and (max-width:768px) {
	.form_box .cell {display:block;}
	.form_box .cell ~ .cell {margin-left:0; margin-top:5px;}
	.form_box .cell .inp {width:100% !important;}
	.form_box .cell .date_inp .inp {width:calc(50% - 11px);}
	.form_box .cell button {width:100%;}

	.tab_btn li:nth-child(n){width:calc(100% /2);}
	.tab_btn li:nth-child(2n){margin-right:0;}
	.filter_img > li {width:calc((100% - 30px) / 2);}
	.filter_img > li:nth-of-type(n) {margin-right:30px;}
	.filter_img > li:nth-of-type(2n) {margin-right:0;}

	.total_search_box dl {display:block;}
	.total_search_box dl > dd {width:100%; padding:5px 0;}
	.total_search_box dl > dt br {display:none;}
	.prd_box > li, .sub_board .prd_box > li {width:calc((100% - 20px) / 2);}
	.prd_box > li, .prd_box > li:nth-child(3n) {margin-right:20px;}
	.prd_box > li:nth-child(2n) {margin-right:0;}

	.prd_box .product_img, .sub_board .prd_box .product_img {height:auto;}

	.sub_contents2022 .total_search_wrap .btn_group button {width:100%; margin-bottom:4px;}

	.result_list_wrap .info_wrap .count > span,	.result_list_wrap .info_wrap > div .tag_info > ul {display:none;}
	.result_list_wrap .info_wrap > div:last-child {display:block;}
	.result_list_wrap .info_wrap > div .cell {margin-top:10px;}
	.result_list_wrap .info_wrap > div .inp {width:100%;}

	.board_wrap2.tab2 .list_box .form_box .cell button {margin-top:0;}

	.list_icon li {display:block;}
    .list_icon li strong {margin-bottom:16px; min-width:0;}

    .conts_layout .cont2 > div {display:contents;}
    .conts_layout .cont2 > div img {display:none;}
	.conts_layout .cont2 > div > div {width:100%;}
    .conts_layout .cont2 > div > div + div {margin-top:12px;}

    .cont_detail_guide .info_box1 a{height:auto; padding:10px; line-height:1.47;}
    .cont_detail_guide .step_box_inner > li:nth-child(6){width:100%; padding:20px 0;}
    .cont_detail_guide .step_box_inner > li:nth-child(7){width:100%;}

    [class^="type1_step_box"] > li{display:block; width:100%; min-height:auto; margin-right:0; margin-bottom:15px;}
    [class^="type1_step_box"] > li:before{display:none;}

    .box_icon_list1 > div{padding:100px 10px 20px 10px; background-position:center top 20px;}

    .text_box5 > p > span{margin-right:10px;}
    .text_box5 > p a{position:relative; right:auto; top:auto;}

    .sub_contents .top_text {margin:35px 0 80px 0;}
    .sub_contents .both {flex-wrap:wrap;}
    .sub_contents .both.imgL div:nth-child(1), .sub_contents .both.imgR div:nth-child(1) {width:100%;}
    .sub_contents .both.imgL div:nth-child(2), .sub_contents .both.imgR div:nth-child(2) {width:100%; margin-top:35px;}
    .sub_contents .both.imgR div:nth-child(2) {text-align:center;}
    .sub_contents .both img {width:100%;}
    .sub_contents_wrap p.h3 {font-size:24px;}

    .sitmap_wrap .sitemap_area .sitemap_ul {width:calc(100% / 2);}

    .mall_list .mall_info > ul li:not(:last-child) {margin-bottom:8px;}
}
@media screen and (max-width:678px){
	.breadcrumb ul {display:none;}
	.breadcrumb h2 {font-size:24px; margin-bottom:0;}
	.sub_contents2022 h3 {font-size:20px; margin-bottom:20px;}
	.conts_layout > [class^="cont"] {margin-bottom:40px;}
	.search_area {width:100%;}
	.search_input_wide {text-align:left;}
    .search_input_wide label {margin:0 0 5px 0;}
    .search_input_wide label + input {margin:0 0 5px 0;}
    .search_input_wide input {width:100% !important;}
	.search_input_wide button, .search_input_wide button.btn_search {width:100%; margin-top:5px;}
	.faq_tab_menu.tab_menu {flex-wrap:wrap;}
	.tab_menu li {width:50%;}
	.sub_board {padding-top:30px;}

	.mall_list {display:block; padding:10px; padding-bottom:50px;}
	.mall_list .mall_slogan {width:100%; padding:10px 0; margin-bottom:10px;}
	.mall_list .mall_info {width:100%;}
	.mall_list .mall_info > .mall_expl {font-size:15px;}
	.mall_list .mall_link {bottom:10px; right:10px;}
}
@media screen and (max-width:550px) {
    .prd_box > li,
    .sub_board .prd_box > li {width:100%;}
    .prd_box > li:nth-child(n) {margin-right:0;}

    .filter_img > li {width:100%;}
    .filter_img > li:nth-child(n) {margin-right:0;}

    .info_service ul li {padding:45px;}
    .info_service ul li div:nth-child(1) {width:100%;}
    .info_service ul li div:nth-child(2) {width:100%; padding-top:20px;}
    .info_service .info_text span {display:block; padding-top:15px;}
    .info_service .info_text span:first-of-type {padding-top:0;}

    .list_info_txt {font-size:15px;}
    .tag_expl {font-size:14px;}
    .tag_expl table td {padding:10px;}

}
@media screen and (max-width:450px){
	.tab_btn li:nth-child(n){width:100%; margin-right:0;}
	.info_service ul li {padding:45px 25px;}

	.filter_text {flex-wrap:wrap;}
	.filter_text > li {display:block; width:100%;}
	.filter_text > li a {padding:0; text-align:left;}
	.filter_text > li a:after {display:none;}
	.product-nav {display:none !important;}
	.sub_board .pro_info_view .pro_view {width:100%; height:100%;}
	.sitmap_wrap .sitemap_area .sitemap_ul {width:100%;}

}
@media screen and (max-width:360px) {
	.sub_banner {height:300px;}
	.sub_banner .bg {height:300px;}
	.sub_banner .inner p {font-size:20px; line-height:38px;}
    result_list_wrap .info_wrap > div:nth-child(2) ul {display:block;}
    .result_list_wrap .info_wrap > div:nth-child(2) ul > li a {font-size:14px; padding:0 8px;}
    .result_list_wrap .info_wrap ul > li a::after {display:none;}
    .result_list_wrap .info_wrap > div:not(.tag_expl) ul {flex-direction:column; align-items:baseline;}
    .result_list_wrap .info_wrap ul > li a {padding:2px 0;}
}