@charset "UTF-8";

html, body{position:relative; height: 100%; background: #f8f8f8;margin: 0;padding: 0; }
#header{ position:fixed; top:0; left:0;width:100%;height:60px;display:flex; justify-content:space-between; align-items:center; background: #1b1b1b;padding:0 20px;box-sizing: border-box; z-index: 98;}
#container{ width:1280px; padding: 60px 0; margin:0 auto;}

/*버튼*/
button{font-size:14px; line-height:20px; padding:8px 0; text-align: center; background: #fff;}
button.btn_b{width:80px; color:#fff; background: #262626; border:0; }
button.btn_c{width:80px; color:#1b1b1b; background: #f3f3f3; border:0; }
button.btn_d{width:80px; color:#f9422b; background: #fff; border:1px solid #e3e3e3; }
button.btn_bb{color:#fff; background: #262626; border:0; display: flex; justify-content: center; align-items: center;padding:8px 14px;}
button.btn_bb img{margin-right:5px;}
button.btn_disable{width:80px; color:#d5d5d5; background: #a1a1a1; border:0; }

button.btn_close{width:22px; height:14px; background: url(../images/icn-close.svg)8px 2px no-repeat;padding:0;}
button.btn_l_close{width:24px; height:18px; background: url(../images/icn-l-close.svg)8px 2px no-repeat;padding:0;}

.sel_listbtn button{font-weight:400; background:#fff; padding:7px 13px; margin-left:10px; border:1px solid #e3e3e3;}

.btn_badd{content:""; display:inline-block; height:46px; line-height:20px;padding:8px 2px;color:#001fd2; font-weight:500;box-sizing: border-box;}
.btn_badd span{font-size:20px;margin-right:3px;}

/*margin*/
.mt4{margin-top:4px;}
.mt8{margin-top:8px;}
.mt20{margin-top:20px;}

.mr10{margin-right:10px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}

.mb10{margin-bottom:10px;}
.mb17{margin-bottom:17px;}
#header h1{margin-left:10px;}
#header nav > ul > li{display:inline-block; font-size:14px; line-height: 60px;  padding:0 20px;}
#header nav a{color:rgba(255, 255, 255, 0.5);}
#header nav a:hover{color:rgba(255, 255, 255, 10);}
#header nav .on a{color:rgba(255, 255, 255, 10);}
#header nav ul a{display: block;}
#header nav ul ul{position:absolute; top:60px; margin-left:-10px;opacity: 0; visibility: hidden; background:#262626; padding:8px 0; }
#header nav ul li:hover > ul{display:block; opacity: 1; visibility: visible; z-index: 3;}
#header nav ul ul li a{width:160px; color:#fff; line-height:36px;padding-left:14px;text-align: left; }
#header nav ul ul li a:hover{background: #313131;}

.user_name_btn {width:113px;height:60px;font-size: 14px; line-height:20px; color:#fff; font-weight:300; background: #1b1b1b;text-align:center; cursor: pointer;}
.user_name { position: relative; display: inline-block; }
.user_name_menu {position: absolute;display: none;   left:-50px;top:60px;width: 160px; padding:8px 0; background:#262626; z-index: 1;}
.user_name_menu a { display: block; color: #fff; line-height:36px;padding-left:14px;text-align: left;}
.user_name_menu a:hover {background-color: #313131;}
.user_name:hover .user_name_menu { display: block;}
.user_name:hover .user_name_btn { background: #1b1b1b;}

#container .top{min-height:106px;display:flex; justify-content:space-between;  align-items:center;}
#container .top h2{font-size: 22px; line-height: 32px; padding-top:12px; color:#1b1b1b;font-weight: 500;letter-spacing: 0.4px;}
#container .blue_m{position:absolute; display:flex; align-items: center; top:80px; left:50%; transform: translate(-50%, 0); width:248px; font-size:14px;line-height: 36px; color:#fff; font-weight:300;text-align:center;vertical-align: middle; padding:0 14px; background: #001fd2; box-sizing: border-box;}
#container .top .top_btnarea{margin-top:12px; display:flex; justify-content: flex-end;}
#container .top a.tit_btn{content:""; display:flex; align-items: center; height:36px; font-size:14px; line-height:34px;color:#414141;border:1px solid #e3e3e3; background: #fff;padding:0 13px;  cursor: pointer; box-sizing: border-box;}
#container .top a.tit_btn img{margin:0 7px 0 0;}
#container .top a{margin-left:10px;}
#container .bg{ position: relative; width:100%; background: #fff; border-radius: 4px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.03);margin-bottom:20px;display:flex;justify-content:center;}


#container .search{ padding:30px;}
#container .search .reset_btn{content:"";display:inline-block; display: flex; align-items: center; justify-content: center; position: absolute; top:10px; right:10px; width:90px; height:36px;color:#7f7f7f;line-height:36px;cursor: pointer;}
#container .search .reset_btn img{margin-right:7px; vertical-align: middle;}
#container .search > ul{display: flex; justify-content: center;}
#container .search li{line-height: 34px;}
#container .search li > span{font-size: 12px; line-height:36px;font-weight: 500px; padding:0 12px 0 20px; }
#container .search li:first-child > span{padding-left:0;}

.sear_btnarea{margin-top:20px; text-align: center;}


.contents_01{padding:30px; width:100%; }
.contents_01 .cont_top{height:36px; display: flex; justify-content: space-between;}
.contents_01 .cont_top .list_num{font-size:16px; line-height:36px; font-weight: 500;}
.contents_01 .cont_cont{padding:20px 0;}
.contents_01 .cont_bt{ position: relative; }

.cont_table thead th:nth-child(n+3):nth-child(-n+8){text-align: left;padding-left:10px;}
.cont_table tbody td:nth-child(n+3):nth-child(-n+8){text-align: left;padding-left:10px;}

.cont_table2 thead th:nth-child(n+3):nth-child(-n+6){text-align: left;padding-left:10px;}
.cont_table2 tbody td:nth-child(n+3):nth-child(-n+6){text-align: left;padding-left:10px;}

.cont_table3 thead th:nth-child(n+3):nth-child(-n+5){text-align: left;padding-left:10px;}
.cont_table3 tbody td:nth-child(n+3):nth-child(-n+5){text-align: left;padding-left:10px;}

.cont_table4 thead th:nth-child(n+2):nth-child(-n+5){text-align: left;padding-left:10px;}
.cont_table4 tbody td:nth-child(n+2):nth-child(-n+5){text-align: left;padding-left:10px;padding-right:20px;}

.cont_table5 thead th:nth-child(n+3):nth-child(-n+4){text-align: left;padding-left:10px;}
.cont_table5 tbody td:nth-child(n+3):nth-child(-n+4){text-align: left;padding-left:10px;padding-right:20px;}
.cont_table5 thead th:nth-child(n+6):nth-child(-n+7){text-align: left;padding-left:10px;}
.cont_table5 tbody td:nth-child(n+6):nth-child(-n+7){text-align: left;padding-left:10px;padding-right:20px;}

.cont_table6 thead th:nth-child(n+3):nth-child(-n+7){text-align: left;padding-left:10px;}
.cont_table6 tbody td:nth-child(n+3):nth-child(-n+7){text-align: left;padding-left:10px;}
a.table6_link:hover{text-decoration:underline; }

.cont_table7 thead th:nth-child(2){text-align: left;padding-left:10px;}
.cont_table7 tbody td:nth-child(2){text-align: left;padding-left:10px;}
.cont_table7 tbody td{height:39px; font-size: 12px;line-height: 16px; }

table{width:100%;}
table thead{background: #fbfbfb;}
table thead th{height:39px; font-size: 12px; line-height: 16px; color:#a4a4a4; border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; vertical-align: middle;}
table tbody td{height:59px; font-size: 14px; line-height: 20px; color:#414141; border-bottom:1px solid #f3f3f3; vertical-align: middle;}
table thead th, tbody td{text-align: center;}
table tbody tr.select{background:#fbfbfb}

.contents_01 .data_no{display: flex; justify-content: center; align-items: flex-end; height:100px; color:#a4a4a4; line-height: 20px; padding-bottom:30px;}
.sel_listbtn{position: absolute; left:0;}
.sel_listbtn span{font-size:12px; color:#414141;font-weight:500;}
.sel_listbtn button.sel_b{color:#1b1b1b; }
.sel_listbtn button.sel_del{color:#f9422b}

.cont_bt{position: relative; height:36px;}
.sel_listbtn{float:left;}
.btn_bb{float:right;}
.pagination {position:absolute; left:50%;transform:translateX(-50%); display: flex; justify-content: center; align-items: center; width:400px;  }

.pagination a{display:inline-block; width:36px; height:36px; font-size:14px; line-height:36px; color:#c5c5c5;font-weight:600; text-align: center;}
.pagination a:hover{color:#1b1b1b;}
.pagination a.on{color:#1b1b1b;}

.contents_02{padding:0 40px 30px 40px; width:100%;}
.contents_02 .cont_bt{display: flex; justify-content: space-between; width:1200px; margin:0 auto;height:36px; margin-top:30px;}

.form_field{display:flex; justify-content: space-between; width:1200px; font-size:14px; margin:0 auto; padding:30px 0; border-bottom: 1px solid #f3f3f3;}
.form_h1{width:176px;  line-height: 20px; color:#1b1b1b; margin-top:8px; font-weight:500; box-sizing: border-box;}
.form_input{width:1024px;float:left;}
.form_input ul li {float:left;}
.form_input ul li > span{line-height: 30px;}

.form_input .it_txt01{color:#414141; line-height: 36px;}
.form_input .it_txt02{color:#a4a4a4; line-height: 36px;}
.form_input .brand_name{ float: left;   
    height:36px; line-height:20px; font-weight:500; text-align: middle; 
    padding:8px 16px; margin:5px 10px 5px 0; cursor: pointer;  border-radius: 18px;
     background:#f3f3f3; box-sizing: border-box;}

.compulsory{color:#f9422b; margin-left:3px; }

.form_input a.blue01{ float:right;}

.form_input a.btn_g{content:""; display:inline-block; font-size:14px; line-height:20px;color:#000;border:0; background: #f3f3f3;margin-left:10px;padding:8px 14px;  cursor: pointer;}
.form_input span.it_lb{position: relative; display:inline-block;margin:44px 15px 0 0;}
.form_input span.it_lb label{position: absolute; top:-22px; left:0; font-size:12px; font-weight:500;}

/*팝업*/
#mask{position: fixed; left:0; top:0; z-index: 99;width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2);}
#mask_grd{position: fixed; left:0; top:0; z-index: 99;width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2);}

.pop_wrap{padding:30px;}
.pop_box{ position:fixed; left:50%; top:50%; z-index: 100;  max-height: 730px; overflow-y: auto; background: #fff; transform:translate(-50%, -50%);box-sizing: border-box;border-radius: 4px;}

.pop_h1{font-size:20px; color:#1b1b1b; font-weight:500; line-height:28px; }
.pop_cont{margin-top:20px; }
.pop_cont:after{content: ""; display: block; clear: both;}
.pop_btn{display: flex; justify-content: flex-end; margin-top:30px;}

/*팝업-매장*/
.pop_conttxt1{ margin-top:12px; line-height:20px;color:#a4a4a4;}
.pop_conttxt2{ margin-top:12px; line-height:20px;color:#414141;}

.pbox_l{position:relative; width:280px; height:460px; float:left;}
.pbox_r{width:280px; height:460px; float:right;}

.pop_bs_tit{font-size: 14px; line-height: 20px; padding-bottom:10px; }
.pop_bs{position: absolute; top:0; left:0; }
.pbox_l .pbox_s{height:394px;overflow:auto; border:1px solid #e3e3e3;}
.pbox_r .pbox_s{height:430px;overflow:auto; border:1px solid #e3e3e3;}

.pbox_s ul{width:240px; margin:0 auto; padding-top:11px;}
.pbox_s ul li{padding:7px 0;}
.pbox_s ul li p{display: inline; }
.pbox_s_txt{color:#a4a4a4; margin-top:205px; text-align: center;}
.pcheck_txt{color:#414141; margin-left: 7px; line-height: 22px;}

/*팝업-클럽*/
.pop_field{display:flex; justify-content: space-between; width:590px; font-size:14px;  padding-bottom:30px; }
.pop_field:last-child{padding-bottom:0;}
.pop_field .form_h1{width:110px;  line-height: 20px; color:#1b1b1b;font-weight:600; box-sizing: border-box;}
.pop_field .form_input{width:480px;}
.pop_field .form_input2{display:flex; justify-content: space-between; width:480px; height:62px;}

.imgfile_p{position: relative; display:flex; justify-content: center; align-items: center; width:62px; height:62px; background: url("../images/empty.svg")no-repeat center, #f3f3f3; margin-right:8px;background-size:24px; margin-bottom:20px;border: solid 1px #e3e3e3; box-sizing: border-box;}

.pop_field .it_lb2{position: relative; height:36px; margin-top:26px;}
.pop_field .it_lb2 label{position: absolute; top:-22px; left:0; font-size:12px; font-weight:500;}

.pop_field .it_lb3{position: relative; height:106px; margin-top:44px;  border-bottom: 1px solid #f3f3f3;}
.pop_field .it_lb3 label{position: absolute; top:-25px; left:0; font-size:12px; font-weight:500;}
.pop_field .it_lb3 .btn_l_close{position: absolute; top:-28px; right:3px;}
.pop_field div:first-child.it_lb3{margin-top:26px;}

.pop_btn2{display: flex; justify-content: flex-end;width:100%; padding:20px 30px; border-top: 1px solid #f8f8f8; box-sizing: border-box;}
.blue05{padding:18px 0 8px 0;}

/*팝업-팝업관리*/

/* tab */
.tab_line{position: absolute; top:70px; left:0; width:650px; border-bottom:1px solid #f3f3f3;}
.tabCont {display:none; height:430px; padding-top:30px;  }
.p_tab { position:relative; display:flex; }
.p_tab ul {display:flex; flex:1; flex-wrap:nowrap;  }
.p_tab li { margin-right:40px;}
.p_tab li a {display:flex; justify-content:center; align-items:top; height:40px; line-height:20px; font-size:16px; color:#a4a4a4; box-sizing:border-box; text-align:center; }
.p_tab li.selected { z-index:1;  }
.p_tab li.selected a { height:40px; line-height:20px; color:#1b1b1b; font-weight: 500; border-bottom:2px solid #1b1b1b;  }



/*브랜드*/
#container .bg h3{width:1280px; height:88px; font-size:20px; line-height:88px; font-weight:500;text-indent:40px; border-bottom: 1px solid #f3f3f3;}
.under_txt{ font-size: 12px; line-height:16px;color:#acacac; margin-top: 10px;}
.under_txt p.file_name{font-size:14px;line-height:20px; color:#414141; margin-bottom: 20px;}
.b{color:#001fd2;vertical-align: middle;}
.b img{margin-right:3px; }
.r{color:#f9422b;}

.imgfile_s{display: flex; justify-content: center; align-items: center; position: relative; width:168px; height:48px; background: #F6F7F8; margin-bottom:20px;border: solid 1px #e3e3e3; }
.imgfile_s .image_holder img{width:168px; height:48px;margin-top:1px; object-fit: contain; z-index: 9;}
.imgfile_l{position: relative;display: flex; justify-content: center; align-items: center; width:375px; height:375px;background: #F6F7F8; margin-bottom:20px; border: solid 1px #e3e3e3;}
.imgfile_l .image_holder img{width:375px; height:375px;margin-top:1px; object-fit: contain; z-index: 9;}

button.btn_g_close{position: absolute;top:3px; right:3px; width:16px; height:16px; background: rgba(0,0,0,0.6) url(../images/btn-g-close.svg)no-repeat 1px 1px; padding:0; z-index: 11;}

.form_input a.blue02{margin-bottom:10px;   }

input[type="file"].input-file01{position: absolute; top:0 left:0; width: 168px; height: 48px; filter: alpha(opacity=0); opacity: 0; cursor: pointer; z-index: 10; }
input[type="file"].input-file02{position: absolute; top:0 left:0; width: 375px; height: 375px; filter: alpha(opacity=0); opacity: 0; cursor: pointer;  z-index: 10;}
input[type="file"].input-file03{position: absolute; top:0 left:0; width: 380px; height: 675px; filter: alpha(opacity=0); opacity: 0; cursor: pointer;  z-index: 10;}



/*회원*/
#container .top2 h2{display:flex; align-items:flex-end; height:74px; font-size: 22px; line-height: 32px; color:#1b1b1b;font-weight: 500;letter-spacing: 0.4px; }
#container .top2 ul{height:100px;display:flex; align-items:center;}
#container .top2 li{height:40px; font-size:16px; color:#a4a4a4; line-height:24px; font-weight:500;margin-right:40px;}
#container .top2 li a{color:#a4a4a4;}
#container .top2 li.on { border-bottom:2px solid #1b1b1b;box-sizing: border-box;}
#container .top2 li.on a{color:#1b1b1b; }

/*FAQ*/
.search dl{display: flex; justify-content: center;align-items: center; height:36px;line-height: 16px; margin-top:20px; padding-bottom:10px;}
.search dt{font-size: 12px;line-height: 16px; }
.search dd{display: flex; align-items: center;  font-size: 14px; line-height: 12px; margin-left:30px; }
.search dd label{margin-right:8px;}

/*클럽*/
a.blue03{position: absolute; right:40px; top:24px; margin-bottom:10px;  }

.add_no{display:flex; justify-content: center; align-items: center; color:#a4a4a4; height:180px; }
.rating{width:1200px; margin:20px auto; border-bottom: 1px solid #f3f3f3; padding-bottom:10px;}
.rating ul:after{content: ""; display:block; clear:both;}
.rating ul li:nth-child(5){content: ""; display:block; clear:both;}
.rating ul li:nth-child(9){content: ""; display:block; clear:both;}
.rating li{float:left;width:285px; margin-right:20px; margin-bottom:20px;}
.rating li:nth-child(4n+0){margin-right:0;}
.rating .ra_box{ border:1px solid #e3e3e3; padding:20px; border-radius: 4px; box-sizing: border-box;}
.rating .ra_box .ra_tit{display: flex; justify-content: space-between; height:20px; }
.rating .ra_box .ra_tit h4{line-height: 20px;}
.rating .ra_box .ra_color{margin-top: 8px; line-height: 24px;font-weight: 500;}
.rating .ra_box .ra_color span{margin-right:10px;}

.rating .ra_box .ra_cont{height:348px; overflow: hidden;}
.rating .ra_box .ra_cont h5{line-height: 20px; font-weight: 600; margin-top:20px;}
.rating .ra_box .ra_cont > p{line-height: 20px;margin-top:10px;}
.rating .ra_box .ra_cont .bf_box{padding:8px 0;} 
.rating .ra_box .ra_cont .bf_box p.bf_txt{line-height: 24px; }
.rating .ra_box .ra_cont .bf_box p.bf_utxt{font-size:12px; line-height: 16px; margin-top:8px;}
.rating .ra_box .ra_cont .bf_box span.benefit{display:inline-block;width:44px; height:20px; line-height:18px; font-size: 10px; text-align:center; margin-right:8px; margin-bottom:2px; background: #ededed; border:1px solid #dcdcdc; box-sizing: border-box;}
.rating .ra_box p.bf_utxt2{font-size:12px; line-height: 16px;margin-top:0; }

.rating .ra_box .ra_bt{ display: flex; justify-content: center; height:16px; margin-top:20px; }
.rating .ra_box .ra_bt a.spread{content:""; display:block;display: flex; justify-content: center; align-items: center; width:55px; height:16px; font-size:12px; line-height: 16px; color:#7f7f7f; cursor: pointer; }
.rating .ra_box .ra_bt a.spread img{margin-left:5px;}

.badge{display:inline-block; width:24px; height:24px; color:#fff; line-height: 24px; font-weight:600; text-align: center; }

.gr{background:#25c1a3; }
.sky{background:#7790ff; }
.blue{background:#485cf7; }
.pp{background: #8801b9;}
.magenta{background:#ad1e6b;}
.org{background:#f08725;}
.yell{background:#e5ab07; }
.gray{background:#979aa7; }
.wt{background: #f1f6f9; border:1px solid #e3e3e3; color:#000;}
.bk{background:#212126;}

/*관리자 계정*/
.form_input ul.admin_ul{display: inline-block; width:864px;}
.form_input ul:nth-child(2).admin_ul{display: inline-block;margin:2px 0;}
.form_input ul.admin_ul li{ display:flex; align-items:center; width:216px; height:36px;  line-height:20px; float:left;}
.form_input ul.admin_ul li label{display:flex; align-items:center;}
.form_input ul.admin_ul p{display: inline;}


/*스플래시*/
.contents_03{padding:35px 40px 30px 40px;}
.contents_03 .sp_box{display: flex; justify-content: space-between;padding-bottom:30px;}
.contents_03 .cont_bt{width:1200px;display: flex; justify-content: flex-end; padding-top:30px; border-top:1px solid #f3f3f3;}
.contents_03 .sp_box .splash{width:380px;}
.contents_03 .sp_box .splash .sp_head{display: flex; justify-content: space-between; align-items: center;height:28px; font-size: 16px; font-weight: 600; padding-bottom: 18px;}
.contents_03 .sp_box .splash .sp_cont{position: relative;display: flex; justify-content: center; align-items: center; width:380px; height:675px;background: url("../images/icn-image.svg")no-repeat 174px 305px #f3f3f3; border:1px solid #e3e3e3; border-radius: 4px; box-sizing: border-box; }
.contents_03 .sp_box .splash .sp_bt{margin-top:20px; }
.contents_03 .sp_box .splash .sp_bt div{display: inline-block;}

.contents_03 .sp_box .splash .sp_cont p{color:#a4a4a4; padding-top:60px; text-align: center; }
.contents_03 .sp_box .splash .sp_cont{overflow:hidden; }
.contents_03 .sp_box .splash .sp_cont button.btn_sp_close{position: absolute;top:3px; right:3px; width:24px; height:24px; background: url("../images/icn-sp-close.svg")no-repeat 1px 1px rgba(27, 27, 27, 0.6); padding:0; }
.contents_03 .sp_box .splash .sp_cont img {height:673px;}

.contents_03 .sp_box .splash .sp_bt .imgname_off{color:#a4a4a4; line-height: 20px; padding-bottom:20px;}
.contents_03 .sp_box .splash .sp_bt .imgname_on{color:#414141; line-height: 20px; padding-bottom:20px;}