@charset "utf-8";/* CSS Document */

.a11y {position:absolute; left:0; width:0; height:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px)}

.pc {display:block;}
.mobile {display:none;}
.only_w { display: block; }
.only_m { display: none; }



/* scrollBar */
.scroll_custom{padding:12px;border-radius:4px;border:1px solid #ccc;max-height:150px;overflow-y: auto;}
.scroll_custom textarea{width:100% !important;height:5px;border:none;overflow-y:hidden;outline: none;resize:none;color:#666}
.scroll_custom:focus-within{border:1px solid #000;}

/* input */
.box_input{display:inline-block;width:100%;max-width:280px;vertical-align:top;}
.box_input span.label{}
.box_input input{width:100%;height:40px;padding:0 11px;border-radius:4px;border:1px solid #ccc;}
.box_input input:hover,
.box_input input:active{border-color:#000;}
.box_input input.input_err{border-color:#9b1a34}                            

.box_input.full_input{max-width:100%;}




.shopSearch_Box .search_input input[type="search"]::-webkit-search-cancel-button {
    /* Remove default */
    /* -webkit-appearance: none; */
    /*Your new styles */
    /* height: 10px; */
    /* width: 10px; */
    background:url('https://cdn4.iconfinder.com/data/icons/media-controls-4/100/close-512.png');
  }





/* long-text */


/* select */
.box_select{display:inline-block;width:100%;max-width:240px}
.box_select select{width:100%}
.select2-container{width: 100% !important;z-index:0;}
.select2-container--default .select2-selection--single{width:100%;height:40px;border: 1px solid #ccc;border-radius:4px;font-weight: bold;text-align:left;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:40px; color:#000;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:40px;right:5px}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border: 0; left: 50%; top: 50%; transform: translate(-50%,-6px); width: 16px; height: 16px; background: url(/images/common/ico_select_down.png) no-repeat; background-size: contain;}
footer .select2-container--default .select2-selection--single .select2-selection__arrow b {border: 0; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 16px; height: 16px; background: url(/images/common/ico_select_up.png) no-repeat; background-size: contain;}
.map_wrap .select2-container--default .select2-selection--single{border: 1px solid #000;}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, 
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border:1px solid #000;border-bottom:none;}
.select2-dropdown{border-radius:4px;border:1px solid #000;border-top:none;}
.select2-results__option,
.select2-container--default .select2-results__group{padding:10px 6px;}
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#f5f5f5;color:#da291c}
.select2-search.select2-search--dropdown{display:none;}

.select2-results__options{max-height: 320px !important;}

.map_controll_wrap .select2-container--default .select2-selection--single{border-color:#000;}


/* select - li */
.select_box{width:100%;}
.select_box .box{display:inline-block;position:relative;width:100%;}
.select_box .box .select_txt{position:relative;border:1px solid #ccc;border-radius:4px;height:40px;line-height:35px;font-size:16px;background-color:#fff;cursor:pointer;}
.select_box.on .box .select_txt{border-radius:4px 4px 0 0;}
.select_box .box .select_txt .select{width: 100%;display:inline-block;height:100%;padding:0 10px;font-size:14px;color:#000}
.select_box .box .select_txt .select:after{content:'';position:absolute;width:16px;height:16px;top:12px;right:10px;background:url('/images/common/ico_select_down.png');background-size:16px auto;}
.select_box.on .box .select_txt .select:after{background-image:url('../images/common/ico_select_up.png')}
.select_box .box .select_txt .select .count{margin-left:3px;color:#da291c;}

.select_box .box .list{display:none;overflow-y:auto;position:absolute;top:37px;left:0;z-index:10;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;padding-bottom:10px;width:100%;max-height:200px;background-color:#fff;}
.select_box .box .list::-webkit-scrollbar{width:10px;height:0;}
.select_box .box .list::-webkit-scrollbar-button:start:decrement,
.select_box .box .list::-webkit-scrollbar-button:end:increment{display:block;height:0;}
.select_box .box .list::-webkit-scrollbar-track{background:rgba(0, 0, 0, 0.05);-webkit-border-radius:10px;border-radius:10px;}
.select_box .box .list::-webkit-scrollbar-thumb{height:50px;width:50px;background:rgba(0, 0, 0, 0.2);-webkit-border-radius:5px;border-radius:5px;}
.select_box .box .list > li{box-sizing:border-box;padding:0 10px;width:100%;height:35px;line-height:35px;cursor:pointer;}
.select_box .box .list > li:hover{background-color:#f5f5f5;}
.select_box .box .list > li .count{margin-left:3px;color:#666;}
.select_box .box .list > li:hover a, .select_box .box .list .option > li:hover .count{color:#da291c;}

.select_box .box .list .option > li{box-sizing:border-box;padding:0 10px;width:100%;height:35px;line-height:35px;cursor:pointer;}
.select_box .box .list .option > li:hover{background-color:#f5f5f5;}
.select_box .box .list .option > li .count{margin-left:3px;color:#666;}
.select_box .box .list .option > li:hover a, .select_box .box .list .option > li:hover .count{color:#da291c;}

/* select_box2 */
.select_box2{width:100%;}
.select_box2 .box{display:inline-block;position:relative;width:100%;}
.select_box2 .box .select_txt{position:relative;border:1px solid #ccc;border-radius:4px;height:40px;line-height:35px;font-size:16px;background-color:#fff;cursor:pointer;}
.select_box2.on .box .select_txt{border-radius:4px 4px 0 0;}
.select_box2 .box .select_txt .select{width: 100%;display:inline-block;height:100%;padding:0 10px;font-size:14px;color:#000}
.select_box2 .box .select_txt .select:after{content:'';position:absolute;width:16px;height:16px;top:12px;right:10px;background:url('/images/common/ico_select_down.png');background-size:16px auto;}
.select_box2.on .box .select_txt .select:after{background-image:url('../images/common/ico_select_up.png')}
.select_box2 .box .select_txt .select .count{margin-left:3px;color:#da291c;}

.select_box2 .box .list{display:none;overflow-y:auto;position:absolute;top:37px;left:0;z-index:10;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;padding-bottom:10px;width:100%;max-height:200px;background-color:#fff;}
.select_box2 .box .list::-webkit-scrollbar{width:10px;height:0;}
.select_box2 .box .list::-webkit-scrollbar-button:start:decrement,
.select_box2 .box .list::-webkit-scrollbar-button:end:increment{display:block;height:0;}
.select_box2 .box .list::-webkit-scrollbar-track{background:rgba(0, 0, 0, 0.05);-webkit-border-radius:10px;border-radius:10px;}
.select_box2 .box .list::-webkit-scrollbar-thumb{height:50px;width:50px;background:rgba(0, 0, 0, 0.2);-webkit-border-radius:5px;border-radius:5px;}
.select_box2 .box .list > li{box-sizing:border-box;padding:0 10px;width:100%;height:35px;line-height:35px;cursor:pointer;}
.select_box2 .box .list > li:hover{background-color:#f5f5f5;}
.select_box2 .box .list > li .count{margin-left:3px;color:#666;}
.select_box2 .box .list > li:hover a, .select_box2 .box .list .option > li:hover .count{color:#da291c;}

.select_box2 .box .list .option > li{box-sizing:border-box;padding:0 10px;width:100%;height:35px;line-height:35px;cursor:pointer;}
.select_box2 .box .list .option > li:hover{background-color:#f5f5f5;}
.select_box2 .box .list .option > li .count{margin-left:3px;color:#666;}
.select_box2 .box .list .option > li:hover a, .select_box2 .box .list .option > li:hover .count{color:#da291c;}





/* .select_box .box .list > li.header{height:50px;border-bottom:1px solid #eee;} */

.select_header{display:none;position:relative;height:50px;padding:0 24px;border-bottom:1px solid #eee;}
.select_btn_box{position: absolute;right:24px;top:0;}
.select_title p{padding:13px 0;font-size:16px;line-height:1.5;}
.select_btn_box .slt_close{position:relative;width:50px;height:50px;color:transparent;font-size: 0;}
.select_btn_box .slt_close::before{content: '';position: absolute;right: 0;top: 50%;transform: translatey(-50%);width: 24px;height: 24px;background: url(/images/common/ico_close.png) no-repeat;background-size: contain;}
.btn_cmd_box{display:none;}
.btn_cmd{width:100%;height:60px;padding:18px 0;background-color:#000;color:#fff;font-size:16px;line-height:1.44;}

/* radio */
.list_box.vertical ul li{width:100%;}
.list_box.vertical ul li + li{margin-top:20px;}

/* check */
.checkOnly{text-indent:-9999px;}



/* pagination */



/* tab */
.title_page + .tab_scroll_wrap{margin-top:40px;}
.tab_scroll_wrap{display:block;width:100%;}
.tab_scroll_wrap .tab .tab_cell{/*float:left;*/display:inline-block;margin-right:34px;vertical-align: top;}
.tab_scroll_wrap .tab a{display:inline-block;font-size:18px;color:#666;line-height:35px;vertical-align:top;font-weight:400;}
.tab_scroll_wrap .tab .tab_cell a.active, .tab_scroll_wrap .tab .tab_cell a:hover{border-bottom:2px solid #da291c; font-weight:500;color:#000;}
.tab_scroll_wrap .tab [role="tab"]:hover,
.tab_scroll_wrap .tab [role="tab"]:focus{border-bottom:2px solid #da291c; font-weight:500;color:#000;}
.tab_scroll_wrap .tab [role="tab"][aria-selected="true"] {border-bottom:2px solid #da291c; font-weight:500;color:#000;}


/* 탭 */
.tab_wrap {padding-top:70px;}
.tab_box ul {overflow:hidden;}
.tab_box ul li {float:left; margin-right:34px;}
.tab_box ul li:last-child {margin-right:0;}
.tab_box ul li > a {font-size:18px; color:#666; padding-bottom:6px; display:block;line-height:1.44;}
.tab_box ul li > a.active {color:#000; font-weight:500; border-bottom:2px solid #da291c;}
.tab_cont {padding-top:30px;}

/* search */