@charset "UTF-8";

/*main*/

.main_section { padding: 50px 0 80px; }
.main_section.new { background-color: rgba(48,132,128, 0.07); }
.main_section .inner { position: relative; padding: 0 20px;; max-width: 1500px; margin:0 auto; }
.title_h2 { padding:0 20px 20px; font-size:32px; font-weight:700; text-align: center; }

.visual_wrap {  height: 340px; padding: 0; margin:-30px 0 0; background-color:#cadef3;  background-size: contain; background-position: 50%; background-repeat: no-repeat;/* linear-gradient( to left,  #cadef3 50%, #80a6d5 50% );;*/ }
.visual_inner { height: 100%;  margin: 0 auto; font-weight:700;  text-align: center; max-width: 1460px; display: flex; align-items:center; justify-content:center}
.visual_inner .txt_box { display: inline-block;  margin-bottom:5px; padding: 20px; background: rgba(255,255,255, 0.7); text-align: center; box-shadow: -1px 2px 7px rgba(0,0,0,0.2)}
.visual_inner .txt_box .txt01 { font-size: 50px; color: #02006a; text-shadow: #f8fafd 1px 0 10px; }
.visual_inner .txt_box .txt02 { padding-top:10px; font-size: 32px; color: #bd1b18;text-shadow: #f8fafd 1px 0 10px; }

.prod_list {display: flex;justify-content: flex-start;flex-wrap: wrap;}/*20220215 추가*/
.prod_list .item { position: relative; display: block; width: calc(33.333% - 10px); padding-bottom: 45px; margin-top: 20px; background:#fff; border:1px solid #bbb; color:#444;}
.prod_list .item:hover::after { position: absolute; left: -1px; top:-1px; bottom: -1px; right:-1px; border: 2px solid #006863; content: ""; }
.prod_list .item.sold_out::after { position: absolute; left: -1px; top:-1px; bottom: -1px; right:-1px; background:rgba(0,0,0,0.1); content: ""; }
.prod_list .item .title_address { padding:8px 60px; text-align: center; font-size:21px; font-weight:700;  background: #f2f2f2; }
.prod_list .item .prod_info_wrap { display: flex; padding:20px 10px; width: 100%; }
.prod_list .item .prod_img { width: calc(45% - 20px); max-width: 207px; margin-right: 20px; flex-shrink: 0;  background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; background-color: #f2f2f2;}
.prod_list .item .table_style { margin: -10px 0; width: 55%; font-size:14px;  }
.prod_list .item .table_style th,
.prod_list .item .table_style td { padding:7px 0; text-align:left; border-bottom: 1px solid #ddd; }
.prod_list .item .table_style tr:last-child th,
.prod_list .item .table_style tr:last-child td { border-bottom:0; }
.prod_list .item .table_style td > span { display: inline-block; }
.prod_list .item .prod_info_txt { position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px; font-size:16px; font-weight: 700; text-align:center; border-top: 1px solid #ddd; }
.prod_list.type01 .item:nth-child(3n-1), .prod_list .item:nth-child(3n-1) { margin: 20px 15px 0; } /*20220214 추가*/

.btn_more { position: absolute; top: 7px; right: 20px; display: inline-block; border: 1px solid #444; padding: 6px 18px 6px 20px; font-size: 16px; font-weight: 700; }
.btn_more span { position: relative; top: -1px; font-size: 19px; line-height: 1; font-weight:400; }

/*badge*/
.badge { position: absolute; top:-1px; left:-1px; padding:2px 10px;  color:#fff;  }
.badge.color01 { background-color: #cf2b28; }
.badge.color02 { background-color: #ef6601; }
.badge.color03 { background-color: #1c6905; }
.badge.color04 { background-color: #69b912; }
.badge.color05 { background-color: #0badb7; }
.badge.color06 { background-color: #1c2d96; }
.badge.color07 { background-color: #6a1094; }

.badge.itemCtg01, .badge.itemCtg04 { background-color: #cf2b28; }
.badge.itemCtg02, .badge.itemCtg05 { background-color: #ef6601; }
.badge.itemCtg06 { background-color: #1c6905; }
.badge.itemCtg07, .badge.itemCtg08, .badge.itemCtg09, .badge.itemCtg10, .badge.itemCtg11 { background-color: #69b912; }
.badge.itemCtg03 { background-color: #0badb7; }

.badge_end { position: absolute; top: 5px; right: 10px; display: inline-block; width:45px; height:45px; line-height:1.1; padding:9px 8px 0;  background: #999; color:#fff; font-size:13px; border-radius: 50%; text-align:center; font-weight:700; z-index: 1; }


/*page*/
.section .inner { position: relative; padding: 50px 20px;; max-width:1500px; margin:0 auto; }

.prod_list.full .item { width: 100%; padding-bottom: 0; margin-top: 0; }
.prod_list.full .item + .item { margin-top: 20px; }
.prod_list.full .item:nth-child(3n-1) { margin: 20px 0 0; }/*20220214 추가*/
.prod_list.full .item .prod_img { max-width: 207px; width: calc(35% - 20px);  flex-shrink: 0; }
.prod_list.full .item .prod_info_wrap { padding:30px 20px; }
.prod_list.type01 .badge_end { right: 34px; }

.page_txt { padding-bottom: 10px; font-size:14px; }
.table_view { border-top: 1px solid #000; }
.table_view table {  }
.table_view table th ,
.table_view table td  { padding: 5px 20px; border-bottom: 1px solid #c5c5c5; background: #fff; line-height: 22px; vertical-align: middle; }
.table_view table th + td,
.table_view table td + th { border-left: 1px solid #c5c5c5; }
.table_view table th { width:17%; padding:5px; background: #f1f1f1; font-weight:700; word-break: keep-all; }
.table_view table td { width: 33% }

.prod_table_style { border-top: 1px solid #000; width: 100%;display: flex; flex-wrap: wrap; }
.prod_table_style dl { width: 50%; display: table; table-layout: fixed;  }
.prod_table_style dl dt ,
.prod_table_style dl dd { display: table-cell; height: 100%; padding: 3px 20px; border-style: solid; border-color:#c5c5c5; border-width: 0 1px 1px 0; background: #fff; line-height: 22px; vertical-align: middle; text-align: center; }
.prod_table_style dl dt { width:17%; padding:3px 5px; background: #f1f1f1; font-weight:700; word-break: keep-all; text-align:center; }
.prod_table_style dl dd { width: 33% }
.prod_table_style dl:nth-child(even) dd,
.prod_table_style dl:last-child dd { border-right: 0; }
.prod_table_style dl.prod_info_txt2 { width: 100%; }
.prod_table_style dl.prod_info_txt2 dd { width: auto; background-color: #cfef001f; }

.pagination { margin-top: 30px; text-align:center; }
.pagination strong,
.pagination a { display: inline-block; min-width: 28px; height: 28px; padding: 0 5px; margin:5px 0; vertical-align: top; line-height: 25px; font-size: 14px; border: 1px solid #ddd; }
.pagination strong {color: #fff; font-weight: normal; background: #006863; border-color: #006863;}
.pagination a[class^="btn"] {margin: 5px 0; background: url(../img/common/icon_page.png) 0 0 no-repeat; font-size: 0; color: transparent; border:0; }
.pagination a.btn_first {  background-position-y: 0; }
.pagination a.btn_prev {  background-position-y: -28px; margin-right: 10px; }
.pagination a.btn_next {  background-position-y: -56px; margin-left: 10px; }
.pagination a.btn_last {  background-position-y: -84px; }

.btn_prod_close { position: absolute; right: 5px; top: 5px; width: 30px; height: 30px; padding: 0; background: url(../img/common/ico_popclose.png) no-repeat; background-size: contain; z-index: 1; cursor: pointer; }
.btn_prod_close span { font-size:0; }

/*검색영역*/
.map_search_wrap { position: relative; width:calc(100% - 40px); max-width: 1460px; margin: 0 auto; border: 1px solid #006863;}
.map_search_wrap .btn_wrap { position: absolute; left: 0; bottom: -36px;; width: 100%; text-align:center; z-index: 2; }
.map_search_wrap .map_open_btn { padding: 4px 10px 6px;  width: 170px; height: 35px; background: #fff; color: #006863; font-size: 14px; font-weight: 700; border-radius: 0 0 2px 2px; border: 1px solid #006863; border-top: 0; cursor: pointer;  }
.map_search_wrap .map_open_btn span:after { display: inline-block; width: 7px; height: 7px; margin: 0 0 4px 10px; border-color: #006863; border-style: solid; border-width: 0 2px 2px  0; transform: rotate(
        45deg); content: ""; }
.map_search_wrap .search_wrap { display: none; justify-content: space-between; max-width: 1800px; margin: 0 auto; padding:20px 30px;   }
.map_search_wrap.open .search_wrap { display: block; }
.map_search_wrap.open .map_open_btn span:after { margin: 0 0 0 10px; transform: rotate( -135deg); }
.search_box .map_inner { display: inline-flex; width: 66%; justify-content:space-between; ; }

.search_box { display: flex;  justify-content: space-between; position: relative; }
.search_box .check_list {  }
.search_box .map_dept2 .map_wrap { display: none; background-size: cover; position: relative; }
.search_box .map_dept2 .map_wrap.on { display: block; }
.search_box .map_dept2 .map_wrap .inner { position: relative; display: flex; align-items: center; justify-content: center; background-size: cover; }
.search_box .map_dept2 .map_wrap .inner .no_data { padding-top: 120px; margin-top: 16%; background: url(../img/common/icon_nodata.png) 50% 0 no-repeat; font-size: 20px; font-weight: 700; }
.search_box .map_depth1 { padding: 18px 0; max-width: 120px; width: 15%; text-align: center; }
.search_box .map_depth1 li + li { margin-top: -1px; }
.search_box .btn_depth1 { display: block; padding:10px; background:#fff; border: 1px solid #666; color: #333; font-weight: 700; font-size: 16px; }
.search_box .btn_depth1.on { background:#444; color: #fff;  }
.search_box .map_dept2 { position: relative; max-width: 500px; width: 80%; }
.search_box .map_dept2 img { width: 100%; }
.search_box .map_dept2 .map_line { position: relative; z-index: 1; }
.search_box .map_dept2 ul,
.search_box .map_dept2 ul li { position: absolute; left: 0; top: 0; width: 100%; }
.search_box .checkbox_list { max-width: 200px; width: 50%; min-width: 120px; padding-bottom: 10px; border: 1px solid #c5c5c5; font-size:14px; white-space: nowrap; }
.search_box .checkbox_list:only-child { width: 100%; max-width: 250px; }
.search_box .checkbox_list .check_title { padding: 8px 20px; margin-bottom: 5px; background:#555; color: #fff; font-size:16px; text-align: center; }
.search_box .checkbox_list .form_checkbox { padding:6px 10px;  }
.search_box .map_checkbox_wrap { width: 250px; padding: 18px 0; flex-shrink: 0; justify-content: end; }
.search_box .checkbox_wrap  { display: flex; justify-content: flex-end; }
.search_box .search_box_btn{ display: block; width: 250px; height: 40px; margin-top: 15px; margin-left: auto; font-size: 16px; background: #006863; color: #fff;; }
.search_wrap .map_result_box { padding: 10px 30px; margin-top: 10px; background-color: #eee; }
.search_wrap .map_result_box .map_result_title { font-size: 16px; font-weight: 700; }

.search_box.type01 .map_checkbox_wrap { max-width: 350px; width: 30%; }
.search_box.type01 .map_checkbox_wrap .checkbox_list + .checkbox_list { margin-left: -1px; }
.search_box.type01 .search_box_btn { width: 100%; }
.search_box .checkbox + label { width: 90%; }

/*layer pop*/
.pop_wrap { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 100; }
.pop_wrap.on { display: block; }
.pop_wrap .popup { position: fixed;  top: 50%; left: 50%; max-width: 1220px; width:calc(100% - 20px); height: 860px; max-height:calc(100% - 20px); transform:translate(-50%, -50%); background: #fff; overflow: hidden;}
.pop_wrap .popup .pop_header { position: relative; padding:30px 30px 0; text-align:center; }
.pop_wrap .popup .pop_header .pop_title { font-size:26px; text-align:center; font-weight: 700; }
.pop_wrap .popup .pop_contents { position: relative; padding:30px 30px 0; max-height: calc(100% - 138px); overflow-y: auto; }
.pop_wrap .popup .pop_contents .btn_wrap { position: absolute; right: 30px; top:20px; }
.pop_wrap .popup .pop_contents .btn_wrap .btn_line { display: inline-block; padding: 5px 15px; border: 1px solid #333; font-size: 14px; font-weight:700; }
.pop_wrap .popup .pop_contents .btn_wrap .btn_line + .btn_line { margin-left: 6px; }
.pop_wrap .popup .pop_contents .pop_h3 { padding-bottom:5px; font-size:18px; font-weight:700; }
.pop_wrap .popup .pop_contents .table_view + .pop_h3 { padding-top: 20px; }
.pop_wrap .popup .pop_footer { padding: 20px; }
.pop_wrap .popup .pop_footer .btn_wrap { text-align:center; }
.pop_wrap .popup .pop_footer .btn_small { display: inline-block; padding: 6px 25px; font-size: 16px; background:#999; color: #fff; border-radius: 2px; cursor: pointer; }
.pop_wrap .popup .pop_close { position: absolute; top:13px; right:14px; width: 60px; height: 60px; background: url(../img/common/ico_popclose.png) no-repeat; background-size: contain; font-size:0; cursor: pointer; }
.pop_btn { display: inline-block; padding: 10px 20px; background: #333; color: #fff; font-size: 16px; font-weight: 700; }

.pop_wrap.small .popup { width: 860px;  height: auto;  max-width: calc(100% - 20px);}
.pop_wrap.small .popup .map_area img { width: 800px; max-width: 100%;  }
.pop_wrap.small .popup .map_info { padding: 20px 0 30px; font-size: 14px; }
.pop_wrap.small .popup .img_view_wrap { padding:0; overflow: hidden; }
.pop_wrap.small .popup .view_img  { background: #eee; }
.pop_wrap.small .popup .view_img img { width:100%;  }
.pop_wrap.small .popup .thumbsSlider { margin-top: 10px; }
.pop_wrap.small .popup .thumbsSlider .swiper-slide { height: 100px; }
.pop_wrap.small .popup .thumbsSlider .swiper-slide img { width: 100%; }

.mySwiper { height: 159px; margin: 20px 0; position: relative; overflow: hidden;  }
.mySwiper .swiper-slide { width: auto;  background: #eee; text-align:center; }
.mySwiper .swiper-slide:last-child { margin-right: 0 ; }
.mySwiper .swiper-slide a {  }
.mySwiper .swiper-slide a img { height: 100%; width: auto; }
.swiper-wrapper { align-items: center; }

.swiper-button-next:after, .swiper-button-prev:after { color: #fff; text-shadow: rgba(0,0,0,0.6) 1px 0 10px;; }
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled { opacity: 0;  }
.no_img { padding:40px 0; margin: 20px 0; background: #f1f1f1; font-weight: 700; font-size: 16px; text-align: center; color: #999; } /*20220217 등록된이미지 없음*/


.floating_top  { position: fixed; right: 20px; bottom: -50px; width: 50px; height: 50px; font-size: 0; background:#898a90 url(../img/common/icon_top.png) no-repeat; background-size: contain; border-radius: 50%;overflow: hidden; cursor: pointer; z-index: 10; transition: 0.3s;}
.floating_top span { position: absolute; width: 0; height: 0; overflow: hidden; font-size: 0; }
.floating_top.up { bottom: 20px; opacity: 1; visibility: visible; }

/* paging */
.paging { margin-top: 20px; text-align: center; }
.paging ul { display: flex; flex-wrap: wrap; justify-content: center; margin:0 auto }
.paging ul li {  height: 28px; min-width: 28px; margin: 2px; border: 1px solid #ddd; line-height: 26px;}
.paging ul li a { display: block;   }
.paging ul li.on { background:#006863; border-color: #006863; color: #fff; }
.paging ul li.prePre,
.paging ul li.pre,
.paging ul li.next,
.paging ul li.nextNext { border: 0; background: url(../img/common/icon_page.png) no-repeat; background-position-x: 0; }
.paging ul li.prePre { background-position-y: 0; }
.paging ul li.pre { background-position-y: -28px; }
.paging ul li.next { background-position-y: -56px; }
.paging ul li.nextNext { background-position-y: -84px; }

@media (max-width: 2091px){
    .visual_wrap { background-size: cover; }
}

@media (max-width: 1280px){
    /*main*/
    .prod_list { flex-wrap: wrap; justify-content: space-around; } /*20220214 수정*/
    .prod_list .item { width: calc(50% - 10px); }
    .prod_list .item:nth-child(3n-1) { margin: 20px 0 0; } /*20220214 추가*/
    .prod_list.type01 .item:nth-child(3n-1) { margin: 20px 0 0; }/*20220214 추가*/
    .search_box .map_inner { width: 65%; }
}


@media (max-width: 1024px){
    /*main*/
    .visual_wrap { height: 220px;  }
    .visual_inner .txt_box .txt01 { font-size: 40px; }
    .visual_inner .txt_box .txt02 { font-size: 26px; }

    .main_section { padding: 30px 0; }
    .title_h2 { padding: 0 0 10px; font-size: 28px; }
    .prod_list .item .title_address { font-size: 18px; }

    .pop_wrap .popup .pop_contents { padding: 20px 10px 0; max-height: calc(100% - 118px); }
    .pop_wrap .popup .pop_header { padding: 20px 10px 0; }
    .pop_wrap .popup .pop_header .pop_title { font-size: 22px; }
    .pop_wrap .popup .pop_contents .btn_wrap { top: 10px; right: 10px; }
    .pop_wrap .popup .pop_contents .btn_wrap .btn_line { padding: 5px 10px; font-size: 14px; }
    .pop_wrap .popup .pop_contents .btn_wrap .print { display: none; }
    .pop_wrap .popup .pop_contents .pop_h3 { font-size: 16px; }
    .pop_wrap .popup .pop_close { width: 50px; height: 50px; top:0; right: 5px; }
    .mySwiper { margin: 20px 0; }


    .map_search_wrap .search_wrap { padding: 20px 10px; }
    .map_search_wrap .search_wrap .map_inner { width: 70%; }
    .search_box .btn_depth1 { font-size: 14px; }
    .search_box .checkbox + label { font-size: 13px; }
    .search_box .checkbox_list .check_title { font-size: 14px; }
    .search_box .map_dept2 .map_wrap .inner .no_data { padding-top: 90px; font-size: 16px; background-size: 80%; }
    .search_box .search_box_btn { margin-top: 5px; }
    .search_box .checkbox_list .form_checkbox { padding-top: 5px; padding-bottom: 5px; }
    .search_box .map_checkbox_wrap { width: 150px; padding: 0; }
    .search_box .search_box_btn { width: 150px; }
}

@media (max-width: 907px){
    .map_search_wrap .search_wrap { padding: 20px; }
    .search_box .map_depth1 { width:100%; max-width: 80px; padding: 0; font-size: 12px; }
    .search_box .checkbox_wrap { padding: 0; }
    .search_wrap .map_result_box { padding: 10px; }
    .map_search_wrap .search_wrap { padding: 10px 5px; }
    .map_search_wrap .search_wrap .map_inner { width: 65%; }
    .search_wrap .map_result_box .map_result_title { padding-bottom: 5px; font-size: 12px; }
    .search_wrap .map_result_box .result_list li { font-size: 12px; }
    .search_box .checkbox_list { margin-left: -1px; padding-bottom: 4px; }
    .search_box .checkbox_list .check_title {  font-size: 12px;}
    .search_box .checkbox_list .form_checkbox { padding: 5px; }
    .search_box .btn_depth1 { padding:10px 5px; margin-right: 10px; font-size: 12px;}
    .search_box.type01 .map_checkbox_wrap { width: 258px; }
    .search_box .checkbox + label { padding-left: 0; }
    .visual_inner .txt_box .txt01 { font-size: 40px; }
    .visual_inner .txt_box .txt02 { padding-top: 5px; font-size: 24px; }
    .prod_list.full .item .prod_info_wrap { padding: 20px; }
}

@media (max-width: 767px){
    .visual_wrap { margin-top: -10px; }
    .visual_inner .txt_box .txt01 { font-size: 36px; }
    .visual_inner .txt_box .txt02 { padding-top: 5px; font-size: 20px; }

    .map_search_wrap { margin-bottom: 30px; }
    .map_search_wrap .search_wrap { padding: 10px; }
    .map_search_wrap .search_wrap .map_inner { width: 28%; }
    .search_box { padding-bottom: 50px; }
    .search_box .map_depth1 { padding: 0; max-width: 50%; }
    .search_box .map_dept2 { display: none; }
    .search_box .map_checkbox_wrap { width: 50%; padding: 0; }
    .search_box .map_checkbox_wrap .checkbox_wrap { width:100%; }
    .search_box .checkbox_list:only-child { max-width: 100%; margin-left: 10px; }
    .search_box .checkbox_list { padding-bottom: 0; }
    .search_wrap .map_result_box { display: none; }
    .map_search_wrap .btn_wrap { bottom: -29px; }
    .map_search_wrap .map_open_btn { padding: 0; height: 28px; font-size:12px; }
    .map_search_wrap + .section .inner{ padding-top: 30px; }
    .search_box .btn_depth1 { padding: 9px 11px; }
    .search_box .search_box_btn { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; }
    .search_box .checkbox_list .form_checkbox { padding: 8px 5px; }
    .search_box .checkbox_list .check_title { margin-bottom: 3px; }
    .search_box.type01 .map_checkbox_wrap { width: 70%; }
    .search_box.type01 .checkbox_list { max-width: 350px; }


}
@media (max-width: 640px){
    /*main*/
    .visual_wrap { height: 120px; }
    .visual_wrap .visual_inner { justify-content: center; align-items: center;  }
    .visual_inner .txt_box { padding: 10px; text-align: center;}
    .visual_inner .txt_box .txt01 { font-size: 24px; }
    .visual_inner .txt_box .txt02 { padding-top: 5px; font-size: 16px; }

    .main_section { padding: 25px 0 40px; }
    .main_section .inner { padding: 0 10px;  }
    .main_section .title_h2 { padding: 0; font-size: 24px; }
    .title_h2 { padding: 0; font-size: 24px; }

    .prod_list .item { width: 100%;  }
    .prod_list .item .title_address { font-size: 16px; }
    .prod_list .item .table_style { font-size:13px; }
    .prod_list .item .table_style col:first-child { width:80px !important; }
    .btn_more { top:3px; padding: 2px 10px 3px; font-size: 13px; font-weight: 700; }
    .btn_more span { position: relative; top: -1px; font-size: 18px; line-height: 1; font-weight:400; }

    /*map search*/
    .map_search_wrap { width: calc(100% - 20px); }

    /*page*/
    .section .inner { padding: 20px 10px; }
    .prod_list.full .item { padding: 39px 0 44px; }
    .prod_list.full .item .prod_img { width: calc(45% - 20px); }
    .prod_list.full .item .prod_info_wrap { padding:20px 10px 30px; }
    .prod_table_style { margin: -10px 0; border: 0; }
    .prod_table_style dl { width: 100%; }
    .prod_table_style dl dt,
    .prod_table_style dl dd { padding:7px 0; border:0;  background: #fff; text-align:left; font-weight:400; border-bottom: 1px solid #ddd; }
    .prod_table_style dl dt { width: 80px; }
    .prod_table_style dl dd { width: auto }
    .prod_table_style dl.m_hidden { display: none; }
    .prod_table_style dl.prod_area dt { display: none; }
    .prod_table_style dl.prod_area dd { position: absolute; left: 0; top:0; width:100%; height: auto; padding: 8px 60px; background: #f2f2f2; font-size:16px; font-weight:700; text-align: center; }
    .prod_table_style dl.prod_info_txt2 dt { display: none; }
    .prod_table_style dl.prod_info_txt2 dd { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 10px; font-size: 16px; font-weight: 700; text-align: center; border:0; border-top: 1px solid #ddd; background-color: #fff; }

    .pop_wrap .popup { width: 100%; height: 100%; max-height: 100%; }
    .pop_wrap .popup .pop_header { padding: 20px 10px 0; }
    .pop_wrap .popup .pop_header .pop_title { font-size: 18px; text-align: left; }
    .pop_wrap .popup .pop_header .btn_wrap {  }
    .pop_wrap .popup .pop_header .btn_wrap .btn_line { font-size: 12px; }
    .pop_wrap .popup .pop_contents { padding-top: 20px; max-height: calc(100% - 111px); }
    .pop_wrap .popup .pop_footer { padding: 20px; }
    .pop_wrap .popup .pop_footer .btn_small { padding: 4px 25px 6px; font-size: 14px; }
    .pop_wrap .popup .pop_close { width: 40px; height: 40px; top:5px; }
    .table_view table, .table_view table tbody { display: block; }
    .table_view table tbody tr { display: flex; flex-wrap: wrap; }
    .table_view table tbody tr:after { display: block; clear: both; content: ""; }
    .table_view table th, .table_view table td { border-top: 0; display: inline-flex; align-items: center;  }
    .table_view table th { width: 30%; flex-shrink: 0; border-right: 0; justify-content: center; }
    .table_view table td { width: 70%; padding: 5px 10px; }
    .table_view table td + th { border-left: 0; }
    .pop_wrap.small .popup .thumbsSlider .swiper-slide { height: 40px; }

    .floating_top { right: 10px; }
}

/*20220217 print 스타일 - s*/
@page { size: A4 landscape; }


/* @media print {

    html.hidden .header_wrap,
    html.hidden .visual_wrap,
    html.hidden .nav_wrap,
    html.hidden .contents_wrap,
    html.hidden .container > .pop_btn { display: none; }
    .footer_wrap { display:none }


    .pop_wrap.on { position: unset;  height:auto; }
    .pop_wrap .popup { position: unset; height: auto; max-height: none; transform: inherit; overflow: inherit; }
    .pop_wrap .popup .pop_contents {  -ms-overflow-style: none; scrollbar-width: none;  }
    .pop_wrap .popup .pop_contents::-webkit-scrollbar {  display: none; }
    .pop_wrap .popup .pop_contents .swiper + .table_view::after { display: block; content: ""; page-break-inside: avoid; page-break-before: always; height: 100vh; background: red; }
    .pop_wrap .popup .pop_contents .swiper { position: absolute; bottom: 0; height:100vh;  }
    .pop_wrap .popup .pop_contents .swiper-wrapper { flex-wrap: wrap; height: auto; }
    .pop_wrap .popup .pop_contents .swiper-wrapper .swiper-slide { width: auto !important; padding-bottom: 10px; height:180px; }
    .swiper-button-next, .swiper-button-prev { display: none; }
    .pop_wrap .popup .pop_contents .swiper + .table_view { margin-top: 20px; }
    .pop_wrap .popup .pop_contents .btn_wrap { display: none; }
    .pop_wrap .popup .pop_footer { display: none; }

    .pop_wrap .popup .change { display: flex; flex-direction: column-reverse; }
    .table_view table th { background-color:#f1f1f1 !important; -webkit-print-color-adjust:exact; }

    .pop_wrap .no_img { display: none; }
    .pop_wrap .no_img + .table_view { margin-top: 20px; }
    .pop_wrap .no_img + .table_view::after { display: none; }

 } */
/*20220217 print 스타일 - e*/


/*프린트 윈도우팝업*/
.print_wrap { padding: 20px; background: url(../img/common/logo.png) no-repeat 20px 0; background-size: auto 41px; -webkit-print-color-adjust:exact;}
.print_wrap img { /*position: absolute;*/ left: 20px; top:0; height: 41px;}
.print_wrap .popup .pop_header .pop_title { font-size: 26px; text-align: center; font-weight: 700; }
.print_wrap .popup .pop_contents .pop_h3 {padding-bottom: 5px; font-size: 18px; font-weight: 700;}
.print_wrap .popup .pop_contents .table_view + .pop_h3 { padding-top: 20px; }
.print_wrap .pop_close { display: none; }
/*.print_wrap .popup .pop_contents .swiper { page-break-after:always; height: auto; margin: 0; }*/
.print_wrap .popup .pop_contents .swiper { page-break-after:always; page-break-inside: avoid;} /*20220315 수정*/
.print_wrap .popup .pop_contents .swiper-wrapper { flex-wrap: wrap; height: auto; }
.print_wrap .popup .pop_contents .swiper-wrapper .swiper-slide { width: auto !important; padding-bottom: 10px; height:auto !important;; }
.print_wrap .popup .pop_contents .swiper-wrapper .swiper-slide img { height: 180px; }
.print_wrap .swiper-button-next, .print_wrap .swiper-button-prev { display: none; }
.print_wrap .popup .pop_contents .swiper + .table_view { margin-top: 20px; }
.print_wrap .table_view table th { background-color:#f1f1f1 !important; -webkit-print-color-adjust:exact; }
.print_wrap .popup .pop_contents .btn_wrap { position: absolute; right: 30px; top: 20px; }
.print_wrap .popup .pop_contents .btn_wrap .btn_line { display: inline-block; padding: 5px 15px; border: 1px solid #333; font-size: 14px; font-weight: 700; }

.print_wrap .popup .pop_footer { padding: 20px; text-align: center; }
.print_wrap .popup .pop_footer .btn_small { display: inline-block; padding: 6px 25px; font-size: 16px; background: #999; color: #fff; border-radius: 2px; cursor: pointer;}
.print_wrap .table_view + .table_view { margin-top: 20px; }

@media print {
    .print_wrap .pop_close,
    .print_wrap .pop_footer  { display: none; }
    .print_wrap .btn_wrap  { display: none; }
}