@import url('https://fonts.googleapis.com/css?family=Noto+Sans+Kr');

.offshop_category_list  { width:100%; margin:10px 0; font-family:'Noto Sans Kr','nanum Gothic';}
.offshop_category_list * { box-sizing:border-box; }
.offshop_category_list ul { display:flex; flex-wrap:wrap; border-left:1px solid #ededed; }
.offshop_category_list li { margin-top:-1px; border-top:1px solid #ededed;  border-right:1px solid #ededed; border-bottom:1px solid #ededed; width:25%; background:#fafafa; }
.offshop_category_list li a { display:block; text-align:center; font-size:18px; padding:12px 0; font-weight:300; 
color:#222; }
.offshop_category_list li a:hover { border:1px solid #333; margin-top:-1px; padding-bottom:11px; }
.offshop_category_list li a.selected { color:#dd0000; font-weight:500; }

.list_type_1 * { box-sizing:border-box; }
.list_type_1 ul { display:flex; flex-wrap:wrap; }
.list_type_1 > ul > li { width:30.3%;  margin:1.5%;}
.list_type_1 .product_block { width:100%; border:1px solid #ddd; border-radius:10px; 
-webkit-box-sizing:border-box; position:relative; padding:0; overflow:hidden; }
.list_type_1 .product_block .thum { height:250px;  overflow:hidden;margin:0 auto 20px; position:relative;  text-align:center; }
.list_type_1 .product_block .thum img { max-height:100%; max-width:100%; }

.list_type_1 .product_block .description { width:90%; margin:0 auto; position:relative; min-height:165px; }
.list_type_1 .product_block .dc { color:#dd0008; font-size:14px; position:absolute; top:-12px; right:10px; } 
.list_type_1 .product_block .dc strong { font-size:27px; font-style:italic; font-weight:600; margin-right:4px; letter-spacing:-2px; }
.list_type_1 .product_block .dc_w { color:#dd0008; font-size:14px; display:flex; align-items:center; margin-top:-10px;  width:100%; justify-content:right;  line-height:39px; } 
.list_type_1 .product_block .dc_w strong { font-size:27px; font-style:italic; font-weight:600;  letter-spacing:-2px; margin-left:5px;  margin-right:5px; }
.list_type_1 .product_block .description .km { /*position:absolute; right:15px; top:17px;*/ color:#ce5050; font-size:13px; 
/* font-style:italic; */ display:block; z-index:2; }
.list_type_1 .product_block .description li { line-height:120%;  width:100%; font-size:16px; margin-bottom:10px; }
.list_type_1 .product_block .description .company_name { display:flex;  }
.list_type_1 .product_block .description .company_name a { font-size:18px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:240px; letter-spacing:-1px; }
.list_type_1 .product_block .description .address { width:100%; color:#555; height:17px; line-height:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 
background:url('../image/icon_address.png') no-repeat; background-size:12px; padding-left:20px;  }
.list_type_1 .product_block .description .url { background:url('../image/icon_link.png') no-repeat; background-size:14px; line-height:16px; padding-left:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; }
.list_type_1 .product_block .description .url a { font-size:13px; }
.list_type_1 .product_block .description .point_use { font-size:16px; }
.list_type_1 .product_block .description .point_use span { font-size:18px; color:#d10000; }
.list_type_1 .product_block .description .etc_content {  font-size:14px; color:#999; line-height:18px; max-height:36px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; 
font-weight:300; }
.list_type_1 .product_block:after { display:block; clear:both; content:""; }
.list_type_1 .product_block .status3 { z-index:9; position:absolute; left:0; top:0; background:rgba(255,255,255,.7); text-align:center; height:100%; width:100%; display:flex; justify-content:center; align-items:center; }
.list_type_1 .product_block .status3 span { width:180px; height:180px; line-height:180px;  background:rgba(0,0,0,.3); color:#fff; font-size:30px; text-align:center; display:block; border-radius:50%; }

.list_type_1 .table_title_display { display:none; }


.list_type_2 * { box-sizing:border-box;}
.list_type_2 > ul { margin-top:30px;  }
.list_type_2 > ul > li { }
.list_type_2 .product_block { display:flex;  width:100%; border-bottom:1px solid #ddd; position:relative; padding:10px 0; }
.list_type_2 .product_block .thum { flex-shrink:0; width:10%;  height:90px; }
.list_type_2 .product_block .thum img { max-height:100%; max-width:100%; }

.list_type_2 .product_block .description { flex-grow:1; margin:0 auto; position:relative; }
.list_type_2 .product_block .description ul { display:flex; }

.list_type_2 .product_block .dc { width:5%; text-align:center; font-size:13px; font-weight:300; } 
.list_type_2 .product_block .dc strong { font-size:13px; font-weight:300;  }
.list_type_2 .product_block .description .km { /*position:absolute; right:15px; top:17px;*/ color:#ce5050; font-size:13px; /* font-style:italic; */ display:block; z-index:99; }
.list_type_2 .product_block .description li { line-height:120%; font-size:13px; font-weight:300; padding:0 10px !important; }
.list_type_2 .product_block .description .company_name { width:20%; }
.list_type_2 .product_block .description .address { width:25%; }
.list_type_2 .product_block .description .u { width:20%; }
.list_type_2 .product_block .description .u p { font-size:13px; }
.list_type_2 .product_block .description .point_use { }
.list_type_2 .product_block .description .point_use span { }
.list_type_2 .product_block .description .etc_content { width:30%; line-height:18px; max-height:90px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; word-wrap:break-word;  }
.list_type_2 .product_block:after { display:block; clear:both; content:""; }
.list_type_2 .product_block .status3 { z-index:9; position:absolute; left:0; top:0; background:rgba(255,255,255,.7); text-align:center; height:100%; width:100%; display:flex; justify-content:center; align-items:center; }
.list_type_2 .product_block .status3 span { display:none; }


.list_type_2 .table_title { display:block; }
.table_title .thum ,
.table_title .product_block .description ul li ,
.table_title .product_block .description .dc { height:20px; line-height:20px; text-align:center; font-size:15px; padding:0; }

.table_title ul {  display:flex;  width:100%;  border-top:2px solid #444; border-bottom:1px solid #444; background:#f9f9f9; }
.table_title li { text-align:center; padding:10px 0; }
.table_title li:nth-child(1) { width:10%; }
.table_title li:nth-child(2) { width:19%; }
.table_title li:nth-child(3) { width:21%; }
.table_title li:nth-child(4) { width:21%; }
.table_title li:nth-child(5) { width:24%; }
.table_title li:nth-child(6) { width:5%; }





.offshop_paging { display:flex; justify-content:center; align-items:center; color:#fff; font-size:14px; font-weight:100; padding:50px 0}
.offshop_paging .fs16 { color:#222; margin:0 0px; line-height:35px; width:35px; height:35px; text-align:center; display:block; font-weight:500; background:#dd0000; color:#fff; border-radius:50%; }
.offshop_paging a .fs16 { color:#aaa; font-weight:300; background:none;  }
.offshop_paging img { padding:0 20px; }

.offshop_empty { font-size:20px; text-align:center; padding:150px 0; }


#offshop_catalog .nav { white-space:nowrap; position:relative; line-height:20px; display:flex; align-items:center; font-size:14px; color:#fff; margin-bottom:20px; }
#offshop_catalog .nav a { font-size:16px; line-height:20px; color:#555; font-weight:300; background:none; padding-right:5px;  }
#offshop_catalog .nav font a { background:url('../image/icon_nav.png') no-repeat; background-position:0 10px;  padding-left:15px; }

.map_title { position:relative; margin:0px 0 20px; }
.map_title h2 { font-size:25px; font-weight:400; }
.map_title .btn_my_loc { background:url('../image/icon_location.png') no-repeat; background-position:15px center; position:absolute; right:0; top:0; 
padding:5px 15px 5px 45px; border:1px solid #ddd; text-align:center; font-size:16px; }
.map_title .btn_my_loc2 { background:url('../image/icon_location.png') no-repeat; background-position:15px center; margin:10px auto 0; 
padding:5px 15px 5px 45px; border:1px solid #ddd; text-align:center; font-size:16px; display:block; width:150px; }

.function { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
.function .title { font-size:22px; flex-grow:1; }
.function .title span { color:#dd0000; font-size:18px; }
.function .sort { position: relative; width:100px;  }
.function .sort-button { text-decoration:underline; width:100px; padding:0px 5px; font-size: 14px;border: 0px solid #ddd; background:#fff; height:29px; line-height:29px; }
.function .sort-content {z-index:3;display: none;position: absolute;width: 88px; padding: 5px; background:#fff; border:1px solid #aaa; margin-top:-1px; } 
.function .sort-content a {color: black; padding: 3px 5px; line-height:20px; text-decoration: none;display: block; white-space:nowrap; font-size: 14px;}
.function .sort-content a:hover { background:#eee; }
.function .sort:hover .sort-content { display: block; }
.function .select_view_type { width:67px; text-align:right; }
.view_type { display:flex; }
#view_type_1, #view_type_2 { border:1px solid #ddd; }
#view_type_2 { border-left:0; }
.view_type_selected { background:#555; border:1px solid #555 !important;  }



.paging_style { display:flex; flex-wrap:wrap; align-items:center; justify-content:center;  margin:10px 0; }
.paging_style span,
.paging_style a,
.paging_style strong { display:inline-block; padding:0px 3px; font-size:14px; white-space:nowrap; margin:0 0px; line-height:25px; height:25px;  min-width:25px; font-family:'Arial' ; text-align:center; letter-spacing:-1px; }
.paging_style strong { color:#fff; background:#aaa; }
.paging_style span { color:#999; }
.paging_style a { color:#444; }
.paging_style a:hover { background:#eee; }
.paging_style .paging_first,
.paging_style .paging_end { margin:0; padding:0; opacity:0.6;  font-size:25px; line-height:25px; }
.paging_style .paging_prev,
.paging_style .paging_next { margin:0; padding:0; opacity:0.6;  font-size:25px; line-height:21px; }
.paging_style .paging_first:hover,
.paging_style .paging_prev:hover,
.paging_style .paging_next:hover,
.paging_style .paging_end:hover { opacity:1; color:#222;  background:none; }














.info_table { text-align:left; border:0; margin:70px auto 30px; width:100%; }
.info_table th { width:310px; padding:14px 0; font-weight:400;  font-size:18px; }
.info_table th img { width:28px; height:28px; border-radius:14px; margin-right:10px; border:1px solid #ddd; }
.info_table td { padding:14px 0; font-weight:300; font-size:18px; }
.info_table td a { color:#333; }
.info_table td a:hover { color:#114fb3; }
.info_table tr { border-bottom:1px solid #eee; }
.info_table tr:first-child { border-top:1px solid #eee; }


@media(max-width:1100px){
.info_table { width:calc(100% - 40px); margin:50px auto 0; }
.info_table table { text-align:left; border:0; margin:10px auto 50px; width:100%; }
.info_table tr { display:flex; flex-wrap:wrap; padding:10px 0; }
.info_table th { width:100%; padding:0px 0; font-weight:400;  font-size:13px; }
.info_table td { padding:0px 0; font-weight:300; font-size:13px; }
.info_table tr { border-bottom:1px solid #eee; }
}


.map_title { text-align:center; padding:30px 0 0; }
.map_title h2 { font-size:30px; font-weight:bold; text-align:center; }

@media(max-width:1100px){
.map_title { text-align:center; padding:30px 0 0; }
.map_title h2 { font-size:16px; font-weight:bold; text-align:center; }
}



.shop_list_table { text-align:left; border:0; margin:30px auto; width:100%; }
.shop_list_table th,
.shop_list_table td { padding:14px;  font-size:18px; }
.shop_list_table td { font-weight:300; }
.shop_list_table thead th { border-top:0; background:#0453b3; font-weight:bold; color:#fff; text-align:center; }
.shop_list_table tbody th { font-weight:bold;padding:14px;  }
.shop_list_table th img { width:28px; height:28px; border-radius:14px; margin-right:10px; border:1px solid #ddd; }
.shop_list_table td a { color:#333; }
.shop_list_table td a:hover { color:#114fb3; }
.shop_list_table tr { border-bottom:1px solid #ddd; }
.shop_list_table tr:first-child { border-top:1px solid #ddd; }
.shop_list_table tbody th { text-align:center; background:#eff3f8; }
.shop_list_table tbody td { text-align:center; }
.shop_list_table tbody td:nth-child(2) { text-align:left; padding-left:20px; }




@media(max-width:1100px){

.shop_list_table {  border:0; margin:20px auto;}
.shop_list_table tr { display:flex; flex-wrap:wrap; }
.shop_list_table thead { display:none; }
.shop_list_table th,
.shop_list_table td { padding:5px;  font-size:14px; }
.shop_list_table td { font-weight:300; }
.shop_list_table thead th { border-top:0; background:#0453b3; font-weight:bold; color:#fff; text-align:center; }
.shop_list_table tbody th { font-weight:bold;padding:14px;  }
.shop_list_table th img { width:28px; height:28px; border-radius:14px; margin-right:10px; border:1px solid #ddd; }
.shop_list_table td a { color:#333; }
.shop_list_table td a:hover { color:#114fb3; }
.shop_list_table tr { border-bottom:1px solid #ddd; }
.shop_list_table tr:first-child { border-top:1px solid #ddd; }
.shop_list_table tbody th { text-align:left; background:#eff3f8; width:100%; padding:5px 15px; }
.shop_list_table tbody td { text-align:left; padding:0 15px 25px 15px; color:#ee0000; }
.shop_list_table tbody td a { color:#ee0000; }
.shop_list_table tbody td:nth-child(2) { text-align:left; padding:5px 15px 0; color:#222; }
}



.branch_guide { }
.branch_guide h2.branch_header { }



.branch_list { border-bottom:0px solid #ddd; padding:30px 0 0px !important; margin-bottom:0px ;  text-align:center; }
.branch_list h2 { font-size:30px; font-weight:500; }
.boardList { width:100%; max-width:1400px; margin:0 auto; }
.boardList table { width:100%; }
.boardList table thead { }
.boardList table thead th {  padding:15px 0 13px; font-size:18px; font-weight:normal; border-bottom:1px solid #ddd; border-top:1px solid #555;  }

.boardList table tbody { font-size:20px; }
.boardList table tbody .empty { padding:80px 0; text-align:center;  border-bottom:1px solid #ddd; }
.boardList table tbody tr:hover { background:#f9f9ff; }
.boardList table tbody td { padding:17px 0 16px; text-align:center;  border-bottom:1px solid #ddd;  font-size:18px; color:#999 }
.boardList table tbody td.subject { text-align:left;  }
.boardList table tbody td.subject a { color:#222; font-size:18px;  }

.ellipsis {
  /*
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  */
}

.board_btn_type1 { display:inline-block; height:40px; line-height:40px; border:1px solid #aaa; padding:0 20px; white-space:nowrap; font-size:18px; }
.board_btn_type2 { display:inline-block; height:40px; line-height:40px; border:none; background:#555; color:#fff; padding:0 20px; white-space:nowrap;font-size:18px;  }
.buttonList { width:100%; display:flex; align-items:center;  justify-content:space-between; padding:30px 0;}
.buttonList .leftArea { display:flex; align-items:center;  }
.buttonList .leftArea .checkbox { padding:0px 15px 0 30px; }
.buttonList .rightArea { flex-grow:1; text-align:right; }
.board_paging { text-align:center; }

.board_mobilever ul { border-top:1px solid #555; }
.board_mobilever li { padding:15px; border-bottom:1px solid #ddd; }
.board_mobilever li .title { font-size:16px; margin-bottom:5px; }
.board_mobilever li .title .label { margin-right:10px; }
.board_mobilever li .info { font-size:14px; color:#888; }
.board_mobilever li .info .bar { padding:0 5px; display:inline-block; color:#eee; }
.board_mobilever li input[type="checkbox"] { margin-right:5px; }




@media(max-width:900px){
.branch_list { border-bottom:0px solid #ddd;  padding:20px 0 10px 10px !important; margin-bottom:0px ;  }
.branch_list h2 { font-size:25px !important; font-weight:500; }

.boardList { width:100%; max-width:1400px; margin:0 auto; }
.boardList table { width:100%; }
.boardList table thead { }
.boardList table thead th {  padding:15px 0 13px; font-size:18px; font-weight:normal; border-bottom:1px solid #ddd; border-top:1px solid #555;  }

.boardList table tbody { font-size:20px; }
.boardList table tbody .empty { padding:80px 0; text-align:center;  border-bottom:1px solid #ddd; }
.boardList table tbody tr:hover { background:#f5f5ff; }
.boardList table tbody td { padding:15px 0 13px; text-align:center;  border-bottom:1px solid #ddd;  font-size:18px; color:#999 }
.boardList table tbody td.subject { text-align:left;  }
.boardList table tbody td.subject a { color:#222; font-size:18px;  }


}


#branch_search { width:100%; }
#branch_search .branch_search_form { float:right; display:flex;  margin-bottom:10px;border:1px solid #aaa; padding:5px 10px; border-radius:5px; }
#branch_search .branch_search_form input[type="text"] { border:0; font-size:16px; }
#branch_search .branch_search_form input[type="text"]:focus {outline:0; }
#branch_search .branch_search_form .search_w_btn { background:none; border:none; width:25px; }