@CHARSET "UTF-8";


    .f10{font-size: 10px}
    .f11{font-size: 11px}
    .f12{font-size: 12px}
    .f13{font-size: 12px}
    .f14{font-size: 12px}
    .f15{font-size: 12px}
    .f16{font-size: 14px}
    .f17{font-size: 15px}
    .f18{font-size: 16px}
    .f19{font-size: 16px}
    .f20{font-size: 18px}
    .f21{font-size: 18px}
    .f22{font-size: 18px}
    .f23{font-size: 18px}
    .f24{font-size: 18px}
    .f25{font-size: 20px}
    .f26{font-size: 20px}
    .f27{font-size: 20px}
    .f28{font-size: 20px}
    .f29{font-size: 20px}
    .f30{font-size: 25px}
    .f35{font-size: 25px}
    .f40{font-size: 30px}
    .f45{font-size: 30px}
    

.container{ padding-top: 75px;  }  
.content{ max-width: 1200px; margin: auto;  } 



header{ background: #fff; display: inline-block; width: 100%; min-height: 75px;   }
header .menu { text-align: center;  }
header .menu .menu_w{ display: inline-block; margin-top: 1px;  }
header .menu .menu_w > ul > li.on > a {    }



header.scroll { background: #fff; height: 75px;  }

header h1 { position: absolute; left: 10px; top: 13px; z-index: 30; }
header h1 img { width: 160px;  }

header .h_menu {  margin-left: 15px; position: absolute; right: 3%; top: 16px; z-index: 50; }

header .h_menu > div { float: left; cursor: pointer; margin-right: 50px; padding: 19px 17px;  position: relative;  }
header .h_menu > div span { color:#333; font-size: 16px; padding-right: 17px; position: relative; font-weight: normal;  }
header .h_menu > div span:BEFORE { content:"▼";
display:inline-block; ; font-style: normal; font-size: 9px; position: absolute; right: 0;top: 4px;
-webkit-transition: 0.3s ease; transition: 0.3s ease; }


header.on .h_menu > div span, header.on2 .h_menu > div span { color:#333; font-weight: normal;  }

header .h_menu > div div { position: absolute; top: 100%; left:0; padding-top: 10px;
background-color: #333;padding: 8px 0;display: none;
    box-shadow: 0 5px 5px rgba(0,0,0,.15); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.15); 
    -webkit-transition: 0.3s ease; transition: 0.3s ease; width: 100%;  }
    
header .h_menu > div:hover div { display: block; }

header .h_menu > div div a{ color:#333; display: block; width: 100%;height: 100%;text-align: center;font-weight: 900;padding: 6.5px 0;
transition: color .25s ease;}
header .h_menu > div div a:hover {  color: #74d650; }




header .all_nav_w { position: fixed; top:0; right: 0; width: 100%; height: 100%; z-index: 40  }
header .all_nav { position: absolute; right: -100%; width: 80%; background: #fff;  height: 100%;
-webkit-transition: 0.6s ease; transition: 0.6s ease;   }

header{ text-align: center; position: fixed; top:0; left: 0; width: 100%;    
z-index: 9; }
header .content {  padding: 0px 20px 0px; position: relative; }
 
 

 
header .h_menu button{ background: none; border: 0; width: 30px;  padding: 18px 0;  float: left;
-webkit-transition: 0.3s ease; transition: 0.3s ease; }
 header .h_menu button.on {   transform: rotate( 45deg );  }

header .h_menu button span { display: inline-block; margin: 3px 3px; background: #333; border-radius: 20px; width: 7px; height: 7px; float: left;  }
header.on .h_menu button span, header.on2 .h_menu button span { background: #111111; }

header .menu { display: inline-block; width: 100%;   }
header .menu .menu_w > ul { display: inline-block; float: right; margin-right: 30px; }
header .menu .menu_w > ul > li { float: left; position: relative; }
header .menu .menu_w > ul > li > a, header .menu .menu_w > ul > li > span { 
	display: inline-block; padding: 20px 3px;  color:#333; font-size: 17px; cursor: pointer; 
	font-weight: bold; margin: 0 30px; position: relative; 
	-webkit-transition: 0.3s ease; transition: 0.3s ease;  }
	
header .menu .menu_w > ul > li > a:BEFORE,
header .menu .menu_w > ul > li.on > a:BEFORE { content:""; position: absolute; bottom: 10px;
width: 0px; height: 2px; background: #fff;     opacity: 0;
-webkit-transition: 0.3s ease; transition: 0.3s ease; }
header .menu .menu_w > ul > li.on > a:BEFORE { background: #059f98; opacity: 1; width: 100%;  }


header .menu .menu_w > ul > li.on > a:BEFORE {  opacity: 1; width: 100%; }
header .menu .menu_w > ul > li > a:hover:BEFORE {  opacity: 1; width: 100%; background:#059f98;  }

header.main .menu .menu_w > ul > li > a:hover:BEFORE { background: #fff; }
 
header.main .menu .menu_w > ul > li > a:hover{ color:#fff;  }

header.scroll .menu .menu_w > ul > li > a:hover:BEFORE { background: #059f98; }
header.scroll .menu .menu_w > ul > li > a:hover{  color:#000; }

header .menu .menu_w > ul ul { position: absolute; left: 0; width: 100%; display: none;  }
header .menu .menu_w > ul ul li a {  display: inline-block; padding: 15px 0;  font-size: 15px; width: 100%;  }


header .menu .header_bg{  position: absolute; left: 0; top:0;
background: #333; width: 100%; height: 0px; 
-webkit-transition: 0.3s ease; transition: 0.3s ease;  }


header.on .menu .header_bg { height: 370px;  }
header.on .menu .menu_w > ul > li > a { color:#111111; font-weight: normal; }
header.on .menu .menu_w > ul > li.on > a, header .menu .menu_w > ul ul li a:hover { color: #74d650; font-weight: bold; }

header.on .menu .menu_w a { -webkit-transition: 0.3s ease; transition: 0.3s ease; }

header.on .menu .menu_w > ul ul { display: block; -webkit-transition: 0.8s ease; transition: 0.8s ease;   }


header.on .menu .header_bg2 { height: 79px;    position: absolute; left:0; width:100%;
-webkit-transition: 0.3s ease; transition: 0.3s ease;  border-bottom: 1px solid #d9d9d9;  }
 
 
header .menu_r{ position: absolute; right: 10px; top: 10px;   }
header .menu_r > ul > li { float: left; margin-left: 10px;  }
header .menu_r > ul > li > a{ display: inline-block; padding: 13px 23px;
 font-weight: bold; font-size: 17px; position: relative;  }

header .menu_r .login_btn{ margin-left: 35px; margin-top: 6px;  }
header .menu_r .login_btn2 { margin-left: 15px;    }
header .menu_r .login_btn a , header .menu_r .login_btn span { display: inline-block; padding: 9px 0px;  background: #191919; color:#fff;  
 font-size: 14px; border: 2px solid #000; width: 100px; text-align: center; cursor: pointer; font-weight: bold;
 border-radius: 50px;  }
header .menu_r .login_btn a:hover, header .menu_r .login_btn span:hover{ background: #059f98; color:#fff; border-color:#059f98;   }

/*
header .menu_r li > a:BEFORE,
header .menu_r li.on > a:BEFORE { content:""; position: absolute; bottom: 0px;
width: 0px; height: 2px; background: #fff;     opacity: 0; left:5%;
-webkit-transition: 0.3s ease; transition: 0.3s ease; }
header .menu_r li > a:hover:BEFORE {  opacity: 1; width: 90%; background:#059f98;  }
*/

header .menu_r li > a:hover { color:#059f98;  }

.main_banner{ overflow: hidden; position: relative; } 
   
.main_banner .memo {  position: absolute; bottom: 33%; width: 100%;  }    
.main_banner .memo p { font-size: 45px; color:#fff; font-weight: bold; text-align: center; 
word-break: break-word;  }   
   
 header .menu_r .login_btn2 a { background: #fff; border: 2px solid #000; color:#000;   }
 	
 	
.my_link.atv{max-height: 500px;visibility: visible;padding: 25px}

.use_menu{ background: #fff; border-radius: 8px; display: none; 
    border: 1px solid #eee; overflow: hidden;  }
 	.use_menu ul li a{ background: none; color:#000; border-radius: 0px; width: 100%; padding: 20px 20px; 
 	display: inline-block; width: 100%;  }
 	.use_menu ul li a:hover { background: #F5F5F5;  }
 	.use_menu { position: absolute; right: 0; top: 50px;  }
 	
 	
/* 팝업 */
.popup {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999999999;
    padding: 0;
    left: 0;
    top: 0;
}

.popup .popup_bg_w {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    ; background-color: rgba(0,0,0,0.6);
}

.popup .popup_box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    min-width: 300px;
    max-width: 360px;
    background-color: #fff;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    z-index: 9999999;
}

.popup .popup_box .popup_top {
    text-align: right;
}

.popup .popup_box .popup_top a.btn_close, .popup .popup_box .popup_top button.btn_close {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 0;
    background: url('/resources/images/ico_close.svg') left center;
    background-size: 20px;
    background-repeat: no-repeat;
}

.popup .popup_box .popup_con {
}

.popup .popup_box .popup_con .top {
    padding-bottom: 15px;
    border-bottom: solid 1px #EEEEEE;
}

.popup .popup_box .popup_con .top .img {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    overflow: hidden;
}

.popup .popup_box .popup_con .top .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 25px;
}

.popup .popup_box .popup_con .top .info {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 15px;
}

.popup .popup_box .popup_con .top .info .name {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 4px;
}

.popup .popup_box .popup_con .top .info .name > span {
    display: inline-block;
    padding-right: 5px;
}

.popup .popup_box .popup_con .top .style {
}

.popup .popup_box .popup_con .top .style:after {
    content: '';
    display: block;
    clear: both;
}

.popup .popup_box .popup_con .top .style a.cstyle {
    float: left;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4em;
    margin-right: 5px;
}

.popup .popup_box .popup_con .con {
    display: block;
    width: 100%;
    padding-top: 15px;
}

.popup .popup_box .popup_con .con:after {
    content: '';
    display: block;
    clear: both;
}

.popup .popup_box .popup_con .con div.coin {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

.popup .popup_box .popup_con .con div.coin:after {
    content: '';
    display: block;
    clear: both;
}

.popup .popup_box .popup_con .con div.coin dl {
    display: table-cell;
    vertical-align: middle;
}

.popup .popup_box .popup_con .con div.coin dl dt {
    float: left;
    margin-top: 3px;
    padding-right: 5px;
    font-size: 13px;
    color: #151515;
    font-weight: 400;
}

.popup .popup_box .popup_con .con div.coin dl dd {
    float: left;
    font-size: 13px;
    color: #151515;
    font-weight: 600;
}

.popup .popup_box .popup_con .con div.coin dl dd:before {
    display: inline-block;
    content: '';
    width: 15px;
    height: 19px;
    background: url('/resources/images/ico_coin.svg') left center;
    background-size: 15px;
    background-repeat: no-repeat;
    vertical-align: sub;
    padding-right: 4px;
}

.popup .popup_box .popup_con .con div.coin > p {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}

.popup .popup_box .popup_con .con div.coin > p a.btn_coiny {
    padding: 6px 14px;
}

.popup .popup_box .popup_con .con button.btn_coin, .popup .popup_box .popup_con .con .btn_coin {
    width: 100%;
    display: inline-block;
    background-color: #EB655F;
    padding: 15px 20px;
    border: solid 1px #EB655F;
    color: #fff;
    border-radius: 5px;
}

.popup .popup_box .popup_con .con button.btn_coin > p, .popup .popup_box .popup_con .con .btn_coin > p {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 12px;
    letter-spacing: -0.05em;
}

.popup .popup_box .popup_con .con button.btn_coin .bt_txt, .popup .popup_box .popup_con .con .btn_coin .bt_txt {
    display: table;
    width: 100%;
}

.popup .popup_box .popup_con .con button.btn_coin .bt_txt > p.coin, .popup .popup_box .popup_con .con .btn_coin .bt_txt > p.coin {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 700;
}

.popup .popup_box .popup_con .con button.btn_coin .bt_txt > p.coin:before , .popup .popup_box .popup_con .con .btn_coin .bt_txt > p.coin:before {
    display: inline-block;
    content: '';
    width: 15px;
    height: 16px;
    background: url('/resources/images/ico_coin.svg') left center;
    background-size: 15px;
    background-repeat: no-repeat;
    vertical-align: bottom;
    padding-right: 4px;
}

.popup .popup_box .popup_con .con button.btn_coin .bt_txt > p.coin > span, .popup .popup_box .popup_con .con .btn_coin .bt_txt > p.coin > span {
    font-weight: 400;
}

.popup .popup_box .popup_con .con button.btn_coin .bt_txt > p.time , .popup .popup_box .popup_con .con .btn_coin .bt_txt > p.time {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.05em;
}

.popup .popup_box .popup_con .con button.btn_060, .popup .popup_box .popup_con .con .btn_060 {
    display: inline-block;
    width: 100%;
    background-color: #5C50B4;
    padding: 15px 20px;
    border: solid 1px #5C50B4;
    color: #fff;
    border-radius: 5px;
}

.popup .popup_box .popup_con .con button.btn_060 > p , .popup .popup_box .popup_con .con .btn_060 > p {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 12px;
    letter-spacing: -0.05em;
}

.popup .popup_box .popup_con .con button.btn_060 .bt_txt , .popup .popup_box .popup_con .con .btn_060 .bt_txt {
    display: table;
    width: 100%;
}

.popup .popup_box .popup_con .con button.btn_060 .bt_txt > p.won, .popup .popup_box .popup_con .con .btn_060 .bt_txt > p.won {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 700;
}

.popup .popup_box .popup_con .con button.btn_060 .bt_txt > p.won:before, .popup .popup_box .popup_con .con .btn_060 .bt_txt > p.won:before {
    display: inline-block;
    content: '';
    width: 15px;
    height: 16px;
    background: url('/resources/images/ico_won.svg') left center;
    background-size: 15px;
    background-repeat: no-repeat;
    vertical-align: bottom;
    padding-right: 4px;
}

.popup .popup_box .popup_con .con button.btn_060 .bt_txt > p.won > span, .popup .popup_box .popup_con .con .btn_060 .bt_txt > p.won > span {
    font-weight: 400;
}

.popup .popup_box .popup_con .con button.btn_060 .bt_txt > p.time, .popup .popup_box .popup_con .con .btn_060 .bt_txt > p.time {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.05em;
}

.popup .popup_boxn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    min-width: 300px;
    max-width: 450px;
    background-color: #fff;
    text-align: center;
    padding: 30px;
    border-radius: 10px;
    z-index: 999999
}

.popup .popup_boxn h4.tit {
    font-size: 20px;
    font-weight: 600;
    color: #151515;
    margin-bottom: 12px;
}

.popup .popup_boxn .btn_bar {
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
}

.popup .popup_boxn .btn_bar .btn_res {
}

.popup .popup_boxn .btn_bar .btn_res > span:before {
    display: inline-block;
    content: '';
    width: 18px;
    height: 20px;
    background: url('/resources/images/ico_re.svg') left center;
    background-size: 18px;
    background-repeat: no-repeat;
    vertical-align: bottom;
    padding-right: 4px;
}

.popup .popup_boxn .range_list {
    text-align: left;
}

.popup .popup_boxn .range_list > h5 {
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 2px;
}

.popup .popup_boxn .range_list > ul {
    margin-bottom: 30px;
}

.popup .popup_boxn .range_list > ul:after {
    content: '';
    display: block;
    clear: both;
}

.popup .popup_boxn .range_list > ul > li {
    float: left;
    margin: 8px 8px 0 0;
}

.popup .popup_boxn .range_list > ul > li.full {
    width: 100%;
}

.popup .popup_boxn .range_list > ul > li > a.btn, .popup .popup_boxn .range_list > ul > li > .btn {
    padding: 6px 20px;
    font-size: 14px;
    letter-spacing: -0.025em;
}

.popup .popup_boxn .range_list > ul > li > a.active , .popup .popup_boxn .range_list > ul > li > .active {
    background-color: #5C50B4;
    color: #ffffff;
    border: solid 1px #5C50B4;
}

.popup .popup_boxn .alarm {
    position: relative;
}

.popup .popup_boxn .alarm h4.tit {
    font-size: 20px;
    font-weight: 600;
    color: #151515;
    margin-bottom: 12px;
}

.popup .popup_boxn .alarm p.txt {
    font-size: 14px;
    line-height: 1.5em;
    color: #555555;
}

.popup .popup_boxn .alarm p.txt strong {
    color: #151515;
}

.popup .popup_boxn .alarm .btn_txt {
    float: right;
    margin-top: 20px;
}

.popup .popup_boxn h4.tit.left_tit {
    text-align: left;
}

.popup .popup_boxn p.txt {
    font-size: 12px;
    font-weight: 400;
    color: #151515;
    margin-bottom: 30px;
}

.popup .popup_boxn p.txt.left_txt {
    text-align: left;
}

.popup .popup_box_foot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    text-align: center;
    padding: 30px;
    border-radius: 10px 10px 0 0;
}

.popup .popup_box_foot .popup_top {
    text-align: left;
    margin-bottom: 12px;
}

.popup .popup_box_foot .popup_top:after {
    content: '';
    display: block;
    clear: both;
}

.popup .popup_box_foot .popup_top h3.popup_tit {
    float: left;
    font-size: 18px;
    font-weight: 600;
}

.popup .popup_box_foot .popup_top a.btn_close {
    float: right;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/resources/images/ico_close.svg') left center;
    background-size: 20px;
    background-repeat: no-repeat;
}

.popup .popup_box_foot .popup_con {
}

.popup .popup_box_foot .popup_con .top {
    padding-bottom: 15px;
    border-bottom: solid 1px #EEEEEE;
}

.popup .popup_box_foot .popup_con .top .img {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    overflow: hidden;
}

.popup .popup_box_foot .popup_con .top .img img {
    width: 100%;
}

.popup .popup_box_foot .popup_con .top .info {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 15px;
}

.popup .popup_box_foot .popup_con .top .info .name {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 4px;
}

.popup .popup_box_foot .popup_con .top .info .name > span {
    display: inline-block;
    padding-right: 5px;
}

.popup .popup_box_foot .popup_con .con {
    padding-top: 20px;
}

.popup .popup_box_foot .popup_con .con .btn_box {
}

.popup .popup_box_foot .popup_con .con .btn_box dl.coin_hold {
    float: left;
    display: block;
}

.popup .popup_box_foot .popup_con .con .btn_box dl.coin_hold dt {
    float: left;
    padding-right: 5px;
    font-size: 13px;
    line-height: 19px;
    color: #151515;
    font-weight: 400;
}

.popup .popup_box_foot .popup_con .con .btn_box dl.coin_hold dd {
    float: left;
    font-size: 13px;
    color: #151515;
    font-weight: 600;
}

.popup .popup_box_foot .popup_con .con .btn_box dl.coin_hold dd:before {
    display: inline-block;
    content: '';
    width: 15px;
    height: 19px;
    background: url('/resources/images/ico_coin.svg') left center;
    background-size: 15px;
    background-repeat: no-repeat;
    vertical-align: sub;
    padding-right: 4px;
}

.popup .popup_box_foot .popup_con .con .btn_box p.second {
    float: right;
    display: block;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 700;
}

.popup .popup_box_foot .popup_con .con .btn_box p.second:before {
    display: inline-block;
    content: '';
    width: 15px;
    height: 17px;
    background: url('/resources/images/ico_coin.svg') left center;
    background-size: 15px;
    background-repeat: no-repeat;
    vertical-align: bottom;
    padding-right: 4px;
}

.popup .popup_box_foot .popup_con .con .btn_box p.second > span {
    font-weight: 400;
}

.popup .popup_box_foot .popup_con .con .btn_box p.second > p.time {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.05em;
}

.popup .popup_box_foot .popup_con .con button.btn_coin {
    width: 100%;
    background-color: #EB655F;
    padding: 18px 20px;
    border: solid 1px #EB655F;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
}

.popup .popup_box_foot .popup_con .con button.btn_060 {
    width: 100%;
    background-color: #5C50B4;
    padding: 18px 20px;
    border: solid 1px #5C50B4;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
}
 	
  
 	
.login_popup{ display: none; left: 0; width: 100%; height: 100%; }
.tams_login { display: none; left: 0; width: 100%; height: 100%;}
.register_popup { display: none; left: 0; width: 100%; height: 100%;}

#login_btn, #login_tams_btn { cursor: pointer; border-color: #5C50B4; display: inline-block; width: 100%; color: #ffffff; 
background: #059f98;  font-size: 13px;  padding: 13px 0; font-size: 15px;}

.login_sns_w{ margin-top: 10px;  }
.login_sns_w a { padding: 13px 0;   border-radius: 5px; font-size: 15px;  }




/* 로그인 */
.login_box {
}

input.input_text_gray {
    width: 100%;
    padding: 12px 15px;
    font-size: 14px;
    color: #555555;
    border-radius: 5px;
    border: solid 1px #f5f5f5;
    background-color: #f5f5f5;
}

ul.form_table_login {
}

ul.form_table_login li {
    padding-bottom: 5px;
}

ul.form_table_login li p.form_tit {
    font-size: 13px;
    font-weight: 600;
    color: #151515;
    padding-bottom: 5px;
}

ul.form_table_login li:last-child {
    padding-bottom: 10px;
}

/* 아이디비번찾기 */
.id_find {
    padding: 30px 0 0;
}

.id_find h3.member_title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #151515;
    text-align: left;
    padding: 0 0 20px;
}

.id_find h3.member_title > span {
    display: block;
    font-size: 14px;
    font-weight: 400;
}

.id_find .txtb {
    text-align: center;
    font-size: 12px;
    color: #555555;
    padding-top: 10px;
}

.id_find .txtb > a {
    text-decoration: underline;
    color: #555555;
}

.pw_find {
    padding: 50px 0 0;
}

.pw_find h3.member_title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #151515;
    text-align: left;
    padding: 0 0 20px;
}

.pw_find .txtb {
    text-align: left;
    font-size: 12px;
    color: #555555;
    padding-top: 10px;
}

ul.form_table_find {
}

ul.form_table_find li {
    padding-bottom: 5px;
}

ul.form_table_find li p.form_tit {
    font-size: 13px;
    font-weight: 600;
    color: #151515;
    padding-bottom: 5px;
}

ul.form_table_find li:last-child {
    padding-bottom: 20px;
}

ul.form_table_find.pw li {
    padding-bottom: 10px;
}

ul.form_table_find.pw li:last-child {
    padding-bottom: 20px;
}

.input_line {
    position: relative;
    padding-right: 30%;
}

.input_line > button, .input_line > a {
    position: absolute;
    top: 0;
    right: 0;
    width: 29%;
    padding: 12px 5px;
    font-size: 14px;
    line-height: 1.2em;
    text-align: center;
}

.input_line > a.btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 29%;
    padding: 12px 5px;
    font-size: 14px;
    line-height: 1.2em;
}

.input_line_time {
    position: relative;
}

.input_line_time span.time {
    position: absolute;
    right: 0;
    font-size: 13px;
    line-height: 1.4em;
    color: #B8433E;
    padding: 12px 15px;
    display: none;
}


.join_top{ text-align: center;  }
 .join_top img{ width: 150px;  }	

.page_join .container .content { max-width: 500px; margin: auto;  } 	
 	
h3.member_title {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #151515;
    text-align: center;
    padding: 30px 0 25px;
    margin-bottom: 10px; 
    font-weight: bold;
}

h3.member_title span { font-size: 25px; color:#0076ff; font-weight: bold; }
 	

ul.join_choice li {
    position: relative;
    margin-bottom: 15px;
}

ul.join_choice li:last-child {
    margin-bottom: 0;
}

ul.join_choice li a.btn_join {
    display: block;
    background-color: #ffffff;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    padding: 15px 0;
    border-radius: 5px;
    color: #707070;
        border-radius: 55px;
}

ul.join_choice li a.btn_google:before {
    display: inline-block;
    position: absolute;
    content: '';
    width: 46px;
    height: 46px;
    left: 0;
    top: 0;
    background: url('/resources/images/ico_login_google.svg') center center;
    background-size: 16px;
    background-repeat: no-repeat;
}

ul.join_choice li a.btn_apple:before {
    display: inline-block;
    position: absolute;
    content: '';
    width: 46px;
    height: 46px;
    left: 0;
    top: 0;
    background: url('/resources/images/ico_login_apple.svg') center center;
    background-size: 17px;
    background-repeat: no-repeat;
}

ul.join_choice li a.btn_email:before {
    display: inline-block;
    position: absolute;
    content: '';
    width: 46px;
    height: 46px;
    left: 0;
    top: 0;
    background: url('/resources/images/ico_login_email.svg') center center;
    background-size: 17px;
    background-repeat: no-repeat;
}

ul.join_choice li a span { display: inline-block; font-size: 17px; position: relative; padding-left: 50px; color:#000; }
ul.join_choice li a.btn_kakao span:before {
    display: inline-block;
    position: absolute;
    content: '';
    width: 46px;
    height: 46px;
    left: 0;
    top: -10px;
    background: url('/resources/images/member/kakao.png') center center;
    background-size: 30px;
    background-repeat: no-repeat;
}

ul.join_choice li a.btn_email{ background: #fff; border: 1px solid #707070;  } 
 
ul.join_choice li a.btn_email span:before {
    display: inline-block;
    position: absolute;
    content: '';
    width: 46px;
    height: 46px;
    left: 0;
    top: -10px;
    background: url('/resources/images/member/join_email.png') center center;
    background-size: 30px;
    background-repeat: no-repeat;
}



ul.join_choice li a.btn_kakao { background: #FFEB3B; border: 1px solid #FFEB3B; }

ul.join_choice li a.btn_naver:before {
    display: inline-block;
    position: absolute;
    content: '';
    width: 46px;
    height: 46px;
    left: 0;
    top: 0;
    background: url('/resources/images/ico_login_naver.png') center center;
    background-size: 19px;
    background-repeat: no-repeat;
}


.ani{font-weight: 500; background: #f2f2f2; padding: 20px 20px; border-radius: 50px; text-align: center; max-width: 280px; position: relative;margin: 30px auto;
animation-name: slidein;
  animation-iteration-count: infinite;
    animation-duration: 2s;
}
.ani::after{content: ''; width: 40px; height: 40px; background: #f2f2f2; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%) rotate(135deg); z-index: -2}

@keyframes slidein {
    0% {bottom: 0px}
    50% {bottom: -10px}
    100% {bottom: 0px}
}
 
 .join_choice{ margin-top: 50px;  }
 
 
 
/** footer **/

.footer{border-radius: 40px 40px 0 0; background: #676767; padding: 90px 0; }
.footer .content { padding: 0 30px;  }
.foot_link{display: flex; gap:40px; margin: 30px 0}
.foot_link a{position: relative; font-size: 16px; color: #fff; opacity: .9; font-weight: 500}
.foot_link a + a::after{content: ''; position: absolute; left: -20px; width: 1px; height: 11px; background: rgba(255,255,255,.5); top: 50%; transform: translateY(-50%)}

.foot_logo{ width: 150px;  }
.foot_text{ }
.foot_text p{display: flex; gap:40px; align-items: center; font-size: 15px; opacity: .6; color: #fff; font-weight: 300}
.foot_text p span{color: #fff; font-size: 16px;  }
.foot_text p a{text-decoration: underline}
.foot_text p + p{margin-top: 15px}
.foot_text p span a{ color:#fff; }


 .page_join .container { padding: 150px 0 150px;  }
 
 
.ch_li ul li { display: inline-block; width: 100%; margin: 10px 0;  }	
	
	
.join_wrap2 { display: inline-block; margin-top: 10px; width: 100%;  }
.join_wrap2 p { font-size: 15px; font-style: normal; font-weight: 500; text-align: left; }

.join_wrap2 .join_box { text-align: left; }
.join_wrap2 .join_box > div {  border-radius: 5px; border: 1px solid #DFDFDF; background: #FFF; margin-top: 10px;  }
.join_wrap2 .join_box { text-align: left;  }

.join_wrap2 .join_box input[type='password'].member_pass2 { border-top: 1px solid #DFDFDF; }


.join_wrap2 .join_box2 { margin-top: 20px;  }

.join_wrap2 .join_box input[type='text'], .join_wrap2 .join_box input[type='number']
, .join_wrap2 .join_box input[type='password'] { width: 100%; height: 53px; 
padding: 0 15px; font-size: 13px; border: 0;  }


.join_wrap2 .join_box input[type='text']::placeholder, .join_wrap2 .join_box input[type='number']::placeholder { color: #999999; }

.join_wrap2 .join_box2 input[type='button'] {  display: inline-block; border: 0; border-radius: 5px;
background: #191919; height: 43px; color:#fff; width: 80px; margin: 5px 10px;  }


.join_wrap2 .join_box3 input[type='text'], .join_wrap2 .join_box3 input[type='number']  { width: calc(100% - 165px);  }
.join_wrap2 .join_box3 span { width: 50px; display: inline-block; text-align: right; color: #E30000; font-weight: 500; }
.join_wrap2 .join_box3 input[type='button'] { background: #19191980;  }

	
	
.agreebox_list{ display: inline-block; width: 100%; margin-top: 30px;  }	
.customer_wrap .ch_li { display: inline-block; width: 100%; margin-top: 50px; }

.ch_li input[type="checkbox"] { display: none;  }

.ch_li label.checkbox_btn { color:#727171; font-size: 15px; display: inline-block; text-align: center;
width: 30px; height: 25px;  ;  margin-right: 5px;   }
.ch_li label.checkbox_btn { content: ""; line-height: 2; display: inline-block; float: left; 
 background: url("/resources/images/common/check.png") no-repeat center; margin-top: 1px; cursor: pointer; }
.ch_li input[type="checkbox"]:checked + label.checkbox_btn { background: url("/resources/images/common/check_on.png") no-repeat center;    }

.ch_li ul li { display: inline-block; width: 100%;  }
.ch_li ul { display: inline-block; width: 100%; margin-top: 10px;  }


.ch_li label, .ch_li label span, .ch_li label a { font-size: 13px; font-weight: 300; color:#666; cursor: pointer; }

.ch_li label a { text-decoration: underline; }
.ch_li > div{ padding-bottom: 20px; border-bottom: 1px solid #DFDFDF;;  }

.ch_li label span { color: #E30000; font-weight: 400; }
 .add_btn { display: inline-block; width: 100%; padding: 30px 0; text-align: center; }	
.add_btn input, .add_btn a { border-radius: 50px; border: 0; height: 55px; width: 100%; font-size: 16px; font-weight: 600; 
background: #059f98; color:#fff;    }
.add_btn input:hover, .add_btn a:hover {  background: #000; color:#fff; }
 
 .join_wrap2 .join_error { display: inline-block; width: 100%; margin-top: 5px; font-size: 13px;  }
 
 
 
/* 팝업 */

.pop-layer .pop-container {
}



.pop-layer .btn-r {
  width: 100%;
  text-align: right;
}

.pop-layer {  display: none; position: absolute;
  top: 50%;
  left: 50%;
  max-width: 450px;
  width:95%;
  height: auto;
  background-color: #fff;
  z-index: 10;
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose { display: inline-block; font-size: 25px; color: #909090; font-weight: 100;  }

.pop-layer .btn-r{margin-top: 0; padding-top:0;  }

.pop_btn { text-align: center; }
.pop_btn a, .pop_btn input.btn_purple { display: inline-block; padding: 5px 10px; border: 1px solid #000; border-radius: 30px; width: 100px; font-size: 11px; background: none; min-width: 210px;  }

.pop_btn input.btn_purple:hover { background: #eebb07; color:#fff; border-color: #eebb07;  }
.del-layer .pop-layer .pop-container, .del_cont-layer .pop-layer .pop-container  { padding-bottom: 39px;  } 
.cont-del-layer .pop-layer .pop-container  { padding-bottom: 39px;  } 


 
.logout-layer .pop-layer .pop-container { padding-bottom: 39px;  }  
 .logout-layer{ z-index: 99999999999999999999999; }
.logout-layer2{ z-index: 99999999999999999999999; }
.logout-layer .pop-layer { max-width: 90%;  }
.pop_close { position: absolute; top: 10px; right: 13px;  }
.pop_close2 { position: absolute; top: 10px; right: 13px;  }

.share_layer .ctxt{ text-align: center; padding: 10px 0 30px; font-size: 14px;  }
.del-layer .ctxt, .del_cont-layer .ctxt , .cont-del-layer .ctxt, .del_cont-layer .ctxt { text-align: center; padding: 30px 0; font-size: 14px;  }
.logout-layer .ctxt{ text-align: center; padding: 30px 0; font-size: 14px;  }
.logout-layer2 .ctxt{ text-align: center; padding: 30px 0; font-size: 14px;  }

.del-layer .pop-layer { width: 350px;  }
 a.btn-layerClose { border-radius: 800px; border: 1px solid #DFDFDF;
display:inline-block; width: 26px; height: 26px; text-align: center; padding-top: 1px;
margin-left: 10px; padding: 8px;  }
 
  a.btn-layerClose img { display: block; width: auto; } 
  
.pop_close { cursor: pointer; }
.pop_top_bar{  padding: 20px 30px; display: inline-block; width: 100%; padding-bottom: 00px;  }
.pop_top_bar .cont{ padding-bottom: 20px; border-bottom: 1px solid #eee; display: inline-block; width: 100%;  }
.pop_top_bar i { font-style: normal; font-weight: 400; font-size: 12px; padding: 5px 13px;
border: 1px solid #DFDFDF; border-radius: 500px; margin-top: 0px; display: inline-block;  }
.pop_top_bar .pop_close { float: right; }

.pop_top_bar h3{ color:#002360; font-weight: 700; font-size: 14px; line-height: 20px;
display: inline-block; width: calc(100% - 30px);  float: left;  }
  
  
/* 팝업끝 */
 
.pop_message .pop-layer { border-radius: 20px;  }

.pop_title { display: inline-block; width: 100%; padding: 16px 20px 0; }
.pop_title > div { border-bottom: 1px solid #f5f5f5; display: inline-block; width: 100%; padding-bottom: 15px;  }
.pop_title h4 { float: left;  font-size: 18px; font-weight: 500; }
.pop_title .pop_close { float: right; line-height: 1.2;  }

.message_cont { padding: 10px 25px 20px; font-size: 13px; max-height: 200px; overflow: auto;  }
.message_cont img { height: auto !important; }
 
.text_pop .pop-layer { border-radius: 20px; }
.text_memo { padding: 10px 25px 30px; font-size: 13px; overflow:auto; max-height: 390px; line-height: 1.7; }
 
  
.nomember{text-align: center; margin: 20px 0; color: #000; font-weight: 400}
.nomember a{text-decoration: underline; font-weight: 600}
  .close_pop{position: absolute; right: 20px; top: 20px; z-index: 2}
  
  
  .login_thum{display: flex; align-items: center; gap:10px; cursor: pointer}
.login_thum span{font-weight: 500; font-size: 17px;  }
.login_thum span.thum_user{width: 44px; height: 44px; border: 1px solid #dfdfdf; border-radius: 50px; overflow: hidden}
.login_thum span.thum_user img{width: 100%}
  
  header .menu_r li.use_w_li{ margin-left: 35px; }
  header .menu_r li.use_w_li .img{ margin-top: 5px; }
  header .menu_r li.use_w_li .img img{ width: 44px; height: 44px; object-fit: cover;  }
  
 	.use_menu{ background: #fff; border-radius: 8px; display: none; 
    border: 1px solid #eee;  }
 	.use_menu ul li a{ background: none; color:#000; border-radius: 0px; width: 100%; padding: 10px 20px;  }
 	.use_menu ul li a:hover { background: #F5F5F5;  }
 	.use_menu { position: absolute; right: 0; top: 50px;  }
 	
  
  
  
  
  
  .join_ok_container { padding: 230px 0 150px; text-align: center;  }
  .join_ok_w p { display: inline-block; width: 100%; margin-top: 30px; font-size: 25px;  }
  .join_ok_w p span { font-weight: bold; color:#258acb; font-size: 25px;  }
  
  .join_ok_w .add_btn { margin-top: 10px;  }
  .join_ok_w .add_btn a{ width: 390px; max-width: 90%; display: inline-block; padding: 14px 0;   }
  
  .login_error{ display: inline-block; width: 100%; text-align: left; margin-top: 10px; margin-bottom: 10px;  }
  
  
  
  
  
  .cata1_w input { display: none; }


.cata1_w{ display: inline-block; width: 100%; margin-top: 30px;  }
.cata1_w ul li { float: left; margin-left: 15px; }
.cata1_w ul li:FIRST-CHILD { margin-left: 0; }

.cata1_w input[type="radio"] + label:hover, .cata1_w a:hover { background: #fff5cb; border-color: #fff5cb;  }
.cata1_w input[type="radio"] + label, .cata1_w a { background: #fff; border: 1px solid #DFDFDF; color:#333333; padding: 12px 55px;
display: inline-block; border-radius: 50px; cursor: pointer;  font-size: 16px; font-weight: 500; }
.cata1_w input[type="radio"]:checked + label,  .cata1_w .on a { background: #EDC700; border: 1px solid #EDC700; }
  
  
.cata_wrap h3 { font-size: 30px; font-weight: 300; float: left; }
  
  
  
.item_liw{ display: inline-block; width: 100%; padding-top: 50px;  }
.map_title{ background: url("../images/map_title.png") no-repeat 0 center; }
.map_title2 { background: url("../images/ico_title2.png") no-repeat 0 center; }
.map_title3 { background: url("../images/ico_title3.png") no-repeat 0 center; }

.map_title h3 { font-size: 30px; padding-left: 45px;  }
.map_title2 h3 {   padding-left: 85px;  }

.map_filter{ display: inline-block; width: 100%; margin-top: 50px;  }
.map_filter .l { float: left; }
.map_filter .r { float: right;  }


.search_w{ border-radius: 50px; border: 1px solid #DFDFDF; overflow: hidden;  }
.search_w input{ float: left; border: 0; height: 48px; }
.search_w input[type='text'] { height: 50px; width: 350px; padding-left: 20px; font-size: 15px;  }
.search_w input[type='button'] { height: 50px; width: 60px; background: url("../images/common/ico_search.png") no-repeat center; }

.map_filter .r ul li { float: right; margin-left: 10px;  }

.map_filter .r ul li.map a { display:inline-block; border-radius: 50px;
background: #191919 url("../images/map_ico.png") no-repeat 25px center;
height: 50px; padding: 13px 30px 13px 55px; color:#fff; font-size: 15px; }
 
 .map_filter .r ul li.btn a {  display:inline-block; border-radius: 50px;
height: 50px; padding: 13px 50px 13px 50px; color:#fff; font-size: 15px; background: #191919;  }

.map_filter .r ul li select{ cursor:pointer; border-radius: 50px; height: 50px; padding: 11px 15px; font-size: 15px; }


.map_filter .ico_li1 input { background: url('/resources/images/ico_li1.png') no-repeat center; }
.map_filter .ico_li2 input { background: url('/resources/images/ico_li2.png') no-repeat center; }
.map_filter .r ul li input { display: inline-block; border-radius: 500px; width: 50px; height: 50px; background-color: #fff; 
 border: 1px solid #333;  }
 
.map_filter .r ul li input:hover { background-color: #fff5cb; border-color: #fff5cb;  }

.map_filter .r ul li input.on { background-color: #EDC700; border-color: #EDC700;  }

.item_cont1{ display: inline-block; margin-top: 10px; width: 100%;  }

.cata_wrap .content {  max-width: 1170px; }
.item_cont1 .content { max-width: 1205px; }
.item_cont1 .content > ul > li { width: calc(33.33% - 10px); margin: 5px; float: left;  }


.more_btn{ display: inline-block; width: 100%; margin-top: 90px; text-align: center; }
.more_btn span{ display: inline-block; cursor: pointer; width: 350px; padding: 13px 0; text-align: center;
font-size: 13px; font-weight: 500; border-radius: 50px; border: 1px solid #DFDFDF; }

.more_btn span:hover { background-color: #EDC700; border-color: #EDC700; }

  


.mall_detail_container .swiper-slide img { height: 330px; width: 100%; object-fit: cover;  }




.img_cont_li .swiper-slide { width: 400px;  }
.img_cont_li .img { width: 100%; height: 250px; overflow: hidden; position: relative; }
.img_cont_li .img img{ width: 100%; height: 100%; object-fit: cover; }
.img_cont_li .memo{ padding: 20px; height: 172px;  }
.my_container2 .img_cont_li .memo { padding: 13px 5px;  }

.img_cont_li .memo strong { width: 100%; display: inline-block; font-size: 15px; height: 60px;  }
.img_cont_li .memo > span, .img_cont_li .memo div > span { width: 100%; display: inline-block;
 font-size: 15px; font-weight: normal; margin-top: 5px;   }
    
  
  .item_cont1 .content > ul > li a {  border: 1px solid #eee; border-radius: 16px; box-sizing: border-box;
  display: inline-block; width: 100%; overflow: hidden; }
  
  .item_cont1 .content > ul > li a:hover { box-shadow: 0 6px 12px 0 rgba(0,0,0,.15); }
  
  
  .cata_wrap .search_w{ float: right; margin-top: 2px; }
  
  
 .mall_container{ padding: 150px 0 130px; }
 
 
 .img_cont_li .memo strong { display: inline-block; width: 100%; margin-top: 3px; font-size: 20px;
     word-wrap: break-word; display: -webkit-box; overflow: hidden;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
    
    
 .img_cont_li .memo div span { font-size: 25px; font-weight: bold; }
 .img_cont_li .memo div span span { font-size: 17px; font-weight: 400; margin-left: 1px;  } 
 .img_cont_li .memo div p { color: rgb(153, 153, 153); font-size: 15px;  }
 
 
 .img_cont_li .img .tag{ position: absolute; left: 15px; top: 15px; z-index: 20;  }
 
 .img_cont_li .img .tag ul li{ margin-left: 10px; padding: 5px 15px; font-size: 13px; background: rgb(255, 255, 255);
    border: 1px solid rgb(25 128 195); color: rgb(25 128 195); border-radius: 20px; float: left;  }
 
 .img_cont_li .img .tag ul li:first-child { margin-left: 0;  }
 
 
 
 .mall_detail_container { padding: 100px 0;  }
 
 
 .detail_top_title{ display: inline-block; width: 100%;  padding-right: 15px;  }
 
   .detail_top_title h4{ float: left; margin-top: 3px; font-size: 16px; }
  .detail_top_title ul{ float: left; margin-left: 0px;  }
 .detail_top_title ul.tag li{ margin-left: 10px; padding: 5px 15px; font-size: 13px; background: rgb(255, 255, 255);
    border: 1px solid rgb(25 128 195); color: rgb(25 128 195); border-radius: 20px; float: left;  }
 
 .detail_top_title ul.tag li:first-child { margin-left: 0;  }
 
 
 .detail_title h3{ font-size: 25px; margin: 10px 0 15px; font-weight: bold;  }
 
 .detail_cont_w .content{ overflow: hidden; position: relative;  }
 .detail_l { width: 61%; float: left;  }
 .detail_r { width: 37%; position: absolute; right: 0; top: 80px; 
 border: 1px solid #dadada; border-radius: 8px; padding: 30px 20px; background: #fff; max-height: 90%; overflow: auto; }
 
 .detail_r.fixed { position: fixed; top: 80px; max-width: 444px; right: inherit; left:59.1%;  z-index: 50;  }  
 
 .detail_banner{ overflow: hidden; position: relative;   }
 
 .detail_cont_w{ display: inline-block; margin-top: 10px; width: 100%;  }
 .detail_page{ float: right;   margin-top: 3px; }
 
 .detail_page ul { display: flex; }
 .detail_top_title ul { display: flex; }
   .detail_page ul li{ display: flex; margin-left: 10px; font-size: 16px; }
  .detail_page ul li:after {
    color: #777;
    content: ">";
    display: flex;
    margin-left: 10px;
 } 
     .detail_page ul li span, .detail_page ul li a { font-size: 16px;   font-weight: 400; }
   .detail_page ul li:last-child:after { content: ""; display: none;  }  
   .detail_page ul li:last-child span{ font-weight: bold; }  
     
     
     .detail_banner{ max-height: 360px; overflow: hidden;  }
   ·.detail_banner .swiper-slide { height: 360px; }
   ·.detail_banner .swiper-slide img { max-height: 360px; object-fit: cover; width: 100%;  }
     
     .detail_content { margin-top: 20px;  }
     
     .tetail_tap { display: inline-block; width: 100%; background: #fff; padding: 15px 0;  }
     .tetail_tap ul{ display: flex;      }
     .tetail_tap.fixed { position: fixed; top:73px; z-index: 30; left: 0; width: 100%; }
     .tetail_tap.fixed ul { max-width: 1200px; margin: auto;  }
     
     .tetail_tap ul li { margin-left: 10px; }
     .tetail_tap ul li:first-child { margin-left: 0;  }
     .tetail_tap ul li span { display: inline-block; padding: 10px; width: 150px; text-align: center; font-size: 15px; cursor: pointer;
     border: 1px solid #878787; border-radius: 100px; }
     
     .tetail_tap ul li.on span { border: 1px solid #059f98; font-weight: bold; color:#fff; background: #059f98; }
     
     .detail_cont1, .detail_cont2 { margin-top: 50px;  }
     
     .detail_stitle{ display: inline-block; width: 100%; margin-bottom: 10px;  }
     .detail_stitle h3 { font-size: 23px; font-weight: bold;  }
     
     .detail_cont{ line-height: 1.65 !important;  font-size: 15px !important; }
     .detail_cont p, .detail_cont span, .detail_cont a  { line-height: 1.65 !important;  font-size: 15px !important; 
         font-family: 'noto', 'Noto Sans KR',"noto", sans-serif !important; }
     
      
     
     .map_w{ display: inline-block; width: 100%; height: 350px; z-index: 0; }
     
     
     .detail_info{ padding: 20px 30px; background-color: #faf9ff; margin-top: 30px; }
     
     .detail_info dl { display: inline-block; width: 100%; display: flex; margin: 5px 0;  }
     .detail_info dt { padding-right: 11px; font-weight: 800; font-size: 16px; }
     .detail_info dd { font-size: 16px; max-width: calc( 100% - 105px); }
     
     .detail_map{ display: inline-block; width: 100%; margin-top: 15px;  }
     
     
     .detail_price1 { display: inline-block; width: 100%;  }
     .detail_price1 > div{ float: right;  }
     .detail_price1 span { font-size: 25px; font-weight: bold;  }
     .detail_price1 span span { font-size: 17px; font-weight: 400; margin-left: 1px;  } 

     .detail_price1 i { float: right; display: inline-block; padding: 7px 10px; border-radius: 8px;
      font-size: 13px; font-style: normal; border: 1px solid rgb(25 128 195); color:rgb(25 128 195); margin-right: 10px; font-weight: bold;  }
     .detail_price1 div i:first-child { margin-right: 0;  }
     .detail_price1 div i span { color:#777; font-size: 13px; font-weight: normal; }
     
     .detail_option > ul > li { display: inline-block; width: 100%; margin: 5px 0; position: relative; }
     
     .detail_option > ul > li dl { display: flex;  }
     
     
     .detail_option{ display: inline-block; width: 100%; margin-top: 10px;   }
     .detail_option > ul > li dd { width: 75%;  }
     .detail_option > ul > li dt { width: 25%; color: #161616; padding-top: 12px; font-size: 15px;  }
     
     .detail_option > ul > li dd input[type='number'] { display: inline-block; width: 100%; border: 1px solid #d8d8d8; height: 50px; 
         border-radius: 8px; padding-left: 10px; padding-right: 35px;  }
     .detail_option > ul > li dd.num span { position: absolute; right: 15px; top:15px; font-size: 15px;  }
     
     .detail_option > ul > li dd.num input[type='number'] { text-align: right;   }
     .detail_option > ul > li dd.num input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none;   }
     
    
     .detail_option > ul > li dd select{ display: inline-block; width: 100%; border: 1px solid #d8d8d8;
      height: 50px; border-radius: 8px; padding-left: 10px; 
          background: url('/resources/images/common/select_more.png') no-repeat 98% 50%; background-size: 24px 24px;    
      -webkit-appearance: none;  appearance: none; cursor: pointer; }
         
     .detail_option > ul > li dd p { display: inline-block; width: 100%; margin-top: 7px; color: #777; font-size: 12px; }
     
     
     
      .detail_option > ul > li dd input[type='text'] { display: inline-block; width: 100%; border: 1px solid #d8d8d8;
      height: 50px; border-radius: 8px; margin-top: 5px; padding-left: 10px;  }
     
     .detail_option > ul > li dd input.directly_text{ display: none;  }
     .detail_option > ul > li dd input::placeholder { color: #a7a7a7; }
     
     
 
.radio_type1 input[type=radio]{
    display: none;
}
.radio_type1 input[type=radio]+label{
    display: inline-block;
    cursor: pointer;
    width: calc(33.33% - 3px);
    border: 1px solid #258acb;
    line-height: 24px;
    text-align: center;
    font-weight:bold;
    font-size:13px;
    padding: 10px 0; 
     border-radius: 8px;
}
.radio_type1 input[type=radio]+label{
    background-color: #fff;
    color: #258acb;
}
.radio_type1 input[type=radio]:checked+label{
    background-color: #258acb;
    color: #fff;
}
.radio_type1 input[type=radio]+label:hover { background: #059f98; color: #fff; border-color: #059f98;  }

.order_total strong { float: right; color: #161616;
    padding-top: 11px; font-size: 16px; font-weight: normal; }
 .order_total strong span{ font-size: 16px; font-weight: bold;  }

.radio_type1_memo{ display: none;  }


.detail_option .agreebox_list { margin-top: 0;  }

.detail_option > ul > li.order_note dd p { margin-top: 15px;  }


.mall_detail_btn{ display: inline-block; width: 100%; margin-top: 20px; }
.mall_detail_btn button, .mall_detail_btn a, .mall_detail_btn span { display: inline-block; width: 100%; height: 55px; background: #059f98; color:#fff;
 font-weight: bold; font-size: 15px; border: 0; border-radius: 80px; }

.mall_detail_btn a{ text-align: center; line-height: 55px;  }

.mall_detail_btn button:hover { background-color: #258acb; }

.quantity_btn{ display: inline-block; width: 100%; margin-top: 10px;  }
.quantity_btn ul { display: flex; }
.quantity_btn ul li{ margin-left: 3px; width: calc(25% - 2px); }

.quantity_btn ul li:first-child { margin-left: 0;  }
.quantity_btn ul li button, .quantity_btn ul li input[type='button']{  display: inline-block;
    cursor: pointer;
    width: 100%;
    border: 1px solid #258acb;
    line-height: 24px;
    text-align: center;
    font-weight: 500;
    font-size:13px;
    padding: 7px 0; 
     border-radius: 8px;
	 background: #258acb; color:#fff; 
}
.quantity_btn ul li input[type='button'].quantity_btn_set{  background: #fff; color:#258acb; }

.order_ok_w table{ width: 500px; margin: 50px auto;  border-top: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);}

.order_ok_w table th, .order_ok_w table td, .order_ok_w table td span { padding: 10px; font-size: 16px; text-align: left;  }

 .order_ok_w table td span { padding: 0;  }

.order_ok_w table th { color:rgb(170, 170, 170);  font-weight: 300;  }





.mypage_info{border-radius: 0px 0px 40px 40px;
border: 1px solid #CCC;
background: #FFF; padding: 45px; text-align: center; 
display: inline-block; width: 100%; margin: 10px 0 30px; }

.user_my{width: 122px; position: relative; margin: 0 auto}
.user_my .thum_img{overflow: hidden; border: 1px solid #dfdfdf; border-radius: 100%}
.user_my .thum_img .img { display: inline-block; width: 100%; height: 100%;  }

.user_my .thum_img img{display: block;  width: 120px; height:120px; object-fit: cover;  }


.user_my .adit{position: absolute; bottom: 0; right: 0}
 
.mypage_info p{color: #222; margin-top: 15px; font-size: 18px;}
.my_adit{display: flex; gap:15px; justify-content: center; align-items: center; margin-top: 30px;  }
.my_adit a.adit_me{height: 45px; line-height: 45px; text-align: center; padding: 0 35px; color: #fff; background: #333; border-radius: 100px; font-size: 16px;}

.my_adit .point{height: 55px; line-height: 55px; text-align: center; padding: 0 35px; color: #333; background: #fff; border-radius: 100px; font-size: 20px; border: 1px solid #ddd; display: flex; gap:15px; align-items: center}

.top_tg{position: relative}
.my_adit_btn{position: absolute; right: 0; top: 0; display: flex; gap:15px}
.my_adit_btn a{border: 1px solid #ddd; line-height: 40px; height: 40px; color: #333; font-size: 18px; padding: 0 25px; border-radius: 50px;}

.mypage_container, .cs_container{ padding: 100px 0 ; }

.order_list table { width: 100%;  border-top:1px solid #000;  }
.order_list{ }
.order_list th{ background: #eee; text-align: center; padding: 15px; font-size: 15px; font-weight: 500; border-bottom: 1px solid #a5a5a5;  }
.order_list td { padding: 15px; border: 1px solid #e9e9e9;   }

.order_list td .thum_img{  width: 200px; max-height: 200px; object-fit: cover; }

.order_li_memo a{ display: inline-block; width: 100%;  }
.order_li_memo img{ float: left;  }
.order_li_memo div { float: left; padding: 5px 20px;  }
.order_li_memo div .name {  font-weight: bold; font-size: 16px !important;  }

.order_li_num{ font-size: 13px;  }
.order_li_num span{ font-size: 16px !important; font-weight: bold; }
.order_li_situation1 { font-weight: bold; font-size: 15px !important; }

.no-data p { display: inline-block; width: 100%; padding: 80px 0; text-align: center;  }
.item_cont1 .content > ul > li.no-data { width: 100%;  }



.mypage_container .detail_cont1 { margin-top: 10px;  }

.my_phto_list{ display: inline-block; width: 100%; margin-top: 15px; margin-bottom: 5px; }
.my_phto_list input{ display: none; }
.my_phto_list li i { font-size: 15px; display: inline-block; width: 95%; font-style: normal; padding: 15px;  
margin: auto; border: 1px solid #dfdfdf; border-radius: 8px; }

.my_phto_list li{ display: inline-block; width: 100%; border-top:1px solid #eee; margin: 5px;   }


.my_phto_list li i:hover { color: #fff; background: #059f98; border-color:#059f98;  }

.mypage_set { max-width: 500px; margin: auto;  }


.my_adit a.adit_me:hover { color: #fff; background: #059f98; }




.line_box ul{}
.line_box ul li{display: flex; font-size: 16px; padding: 10px; gap:10px; color: #666}
.line_box ul li b{width: 100px; color: #222}

.search_list_input{width: 635px; height: 70px; border: 2px solid #204F97; border-radius: 8px;padding: 0 25px; display: flex; align-items: center; margin: 0 auto}

.search_list_input input{border: 0; border-radius: 0; height: auto; line-height: normal; padding: 0; font-size: 20px;}
.search_list_input button{background:#204F97; color: #fff; line-height: 42px; height: 42px;  padding: 0 35px; font-size: 16px; text-align: center; border-radius: 5px;}


.best_qna{display: flex; gap:20px; margin: 20px 0 30px;  }
.best_qna .box h2{ font-weight: bold; }
.best_qna .box{border-radius: 0px 0px 40px 40px;
border: 1px solid #CCC;
background: #FFF;
/* drop */
box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.10); padding: 40px;
width: 50%; 
}

.best_qna .box h1{color: #204F97}
.best_qna .box h2{margin: 15px 0 10px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;}


.best_qna .box p{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* -webkit-line-clamp: 3;   ˜ */
    -webkit-box-orient: vertical;
    word-wrap:break-word;}


.best_qna .box{flex: 1 1 auto}




.qna_toogle .box{border-radius: 0px 0px 40px 40px;
border: 1px solid #CCC;
background: #FFF;
/* drop */
box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.10); padding: 45px}

.qna_toogle .box + .box{margin-top: 30px}

.qna_toogle .title {
    position: relative; cursor: pointer
}

.qna_toogle .title b {
  color: #204F97
}

.qna_toogle .title::after{content: ''; background: url(/resources/images/common/drop.png); position: absolute; right: 0; top: 10px; width: 33px; height: 18px; transform: rotate(180deg)}

.qna_toogle .title.on::after {
  transform: rotate(0deg)
}

.qna_toogle .text {
    padding-top: 25px; margin-top: 25px; border-top: 1px solid #ccc;  color: #666;
    display: none; 
}

.cs_container .detail_cont { display: none; margin-top: 10px;  }
.cs_container .detail_cont.on { display: inline-block; width: 100%;  }

#detail_tap1{ margin-bottom: 150px; }


.cs_container .qna_toogle p , .cs_container .qna_toogle span { font-size: 16px !important; }


.top_title_tab {
    background-color: #f5f5f5;
    text-align: center;
    padding: 25px 0 25px;
    margin-bottom: 20px; 
}

.top_title_tab ul.tab {
    width: 95%;
    display: flex;
    justify-content: left;
    margin: 0 2%;
}

.top_title_tab ul.tab:after {
    content: '';
    display: block;
    clear: both;
}

.top_title_tab ul.tab li {
    display: flex;
    justify-content: center;
    margin: 0 0.5%;
}

.top_title_tab ul.tab li:after {
    content: '';
    display: block;
    clear: both;
}

.top_title_tab ul.tab li span {
    position: relative;
    display: block;
    width: 100%;
    font-size: 13px;
    cursor: pointer;
    line-height: 1em;
    padding: 8px 0 ;
    color: #555555;
    background: #ffffff;
    text-align: center;
    font-weight: 500;
    border: solid 1px #707070;
    border-radius: 5px;
    padding: 8px 30px;  
}

.top_title_tab ul.tab li span.active {
    font-weight: 700;
    color: #258acb;
    border: solid 1px #258acb;
}

.best_qna .box p span{ font-size: 15px !important; line-height: 1.5;   }











.review_slide .slick-track{display: flex;width: 100% !important; padding-bottom: 15px }

.review_slide .box{  
 padding:2rem 4rem; border-radius: 30px; overflow: hidden; display: inline-block; width: 100%;  }
.review_slide .box + .box{margin-left: 20px}

.review_slide .box{padding: 35px 50px; position: relative; width: calc(33.33% - 24px); box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.10); border-radius: 0 0 40px 40px; border: 1px solid #ccc}


.review_slide h2{margin-bottom: 12px; font-weight: 600; color: #000}
.review_slide p{font-weight: 500; color: #666;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;}


.review_slide .box .star{display: flex; gap:8px; align-items: center; justify-content: flex-end}
.review_slide .box .star span{font-size: 18px; color: #666; font-weight: 500}

.review_slide .box .star .view{display: flex; gap:10px; margin-right: 30px}

.review_slide .review_user{display: flex; align-items: center; justify-content: space-between; margin-top: 40px}
.review_slide .user_thum{display: flex; align-items: center; justify-content: flex-start; gap:15px}
.review_slide .user_thum p{font-weight: 300;}
.review_slide .user_thum p b{font-weight: 600}

.review_slide .user_thum .text.textflex{display: flex; gap:40px;}
.review_slide .user_thum .text.textflex .view{display: flex; gap:20px; color: #666}
.review_slide .user_thum .text.textflex .view span{color: #666; font-size: 16px;}

.review_slide .slick-list{padding:0px 50px 0 0 !important }

.review_slide.service_review{overflow: visible}
.review_slide.service_review .slick-track{display: block}

.review_slide.service_review .box{max-width: 100%; width: 100%; height: 200px}

.review_slide.service_review.qna .box{height: auto}

.review_slide.service_review .box + .box{margin-left: 0px; margin-top: 20px}


.review_slide.service_review .box.nodata{height: auto; text-align: center; padding: 80px 15px}
.box.nodata{height: auto; text-align: center; padding: 80px 15px 0}

.review_slide.service_review.detail_review_service .box{max-width: 100%; width: 100%; height: 300px; position: relative}

.review_slide.service_review.detail_review_service.bestbox .box{height: 220px}

.review_slide .box .top_tg{display: flex; gap:10px}
.review_slide .box .top_tg span{height: 41px; line-height: 39px; border: 1px solid #222; padding: 0 25px; border-radius: 50px; font-size: 18px; font-weight: 500; margin-bottom: 30px}


.review_slide.service_review.detail_review_service .box .viewcomment{position: absolute; right: 45px; top: 45px; display: flex; gap:20px;}
.review_slide.service_review.detail_review_service .box .viewcomment span{color: #666; font-size: 18px;}

.notice_cont{ padding: 50px 50px 90px;      border-radius: 0px 0px 40px 40px;
    border: 1px solid #CCC;
    background: #FFF;
    box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.10); margin-top: 31px; }
    
    
.notice_cont p { font-size: 15px;  }




.btnmoreview{margin-top: 75px;text-align: center; display: flex; justify-content: center; gap:20px; align-items: center}
.btnmoreview a{height: 54px; line-height: 54px; padding: 0 50px; border: 2px solid #2F69CD; 
    border-radius: 50px; font-size: 20px; font-weight: 600; display: inline-flex; text-align: center; align-items: center; justify-content: center; gap:12px; color: #2F69CD; }



.btnmoreview a.blue{border-color: #2F69CD; background: #2F69CD; color: #fff}
.btnmoreview a.black{border-color: #333; background: #333; color: #fff}
.btnmoreview a.white{border-color: #222; background: #fff; color: #222}
.btnmoreview a.gray{border-color: #666; background: #fff; color: #666}

.btnmoreview a.gray span{color: #666}


.btnmoreview a span { font-size: 20px;  }




.customer_cont{ padding-top: 30px; }
.customer_cont span { display: inline-block; font-weight: 600; width: 100%; margin-bottom: 10px;  }
.customer_cont ul { display: inline-block; width: 100%;  }
.customer_cont ul li { width: calc(50% - 10px); float: left;  }	
.customer_cont ul li:FIRST-CHILD { margin-right: 20px;  }	
	
.customer_cont input{ border-radius: 5px; border: 1px solid #DFDFDF; height: 50px; width: 100%;
padding: 0 20px;  }	
	
	
.customer_cont .memo { display: inline-block; width: 100%; margin-top: 10px;  }	
.customer_cont .memo textarea { width: 100%; height: 250px;  border-radius: 5px;
border: 1px solid #DFDFDF; padding: 20px; }	
	
	
	

.qna_wrap{ max-width: 1180px; margin: auto;  }	
.qna_wrap .add_btn input { max-width: 390px;  }
	
	
.order_ok_container { padding: 190px 0 230px; }	
	
	
	
.main_cont_wrap { padding: 10px 0;   }
.main_cont_wrap p, .main_cont_wrap span, .main_cont_wrap h4, .main_cont_wrap h3 { word-break: keep-all; }


.main_title{ display: inline-block; width: 100%;  }
.main_title h3{ font-size: 39px; font-weight: bold; color:#237db8;  }
.main_title i { display: inline-block; background: #2d2d2d; width: 75px; margin: 45px; height: 1px  }

.main_memo_text p, .main_memo_text p span{ font-size: 23px; line-height: 1.7;  }
.main_memo_text h4{ font-size: 25px; font-weight: bold; }

.main_cont1 .img_box { display: flex; gap: 50px; margin-top: 80px;  }
.main_cont1 .img_box img{ max-height: 300px; object-fit: cover; width: 100%;  }

.main_cont .img_box { text-align: left;  }

.img_box .memo { padding: 30px 0;  }


.img_box .memo h4 { font-size: 23px; margin-bottom: 20px; font-weight: bold;  }
.img_box .memo p { font-size: 18px; }


.main_cont { margin-top: 90px; }
.main_cont1 { margin-top: 0;  }


.img_box .box_w{ display: flex; gap: 50px; margin-top: 80px; }

.img_box .box_w h4{ font-size: 20px;  margin: 20px 0; font-weight: bold; }
.img_box .box_w p { font-size: 18px;  }



.main_cont2 .img_boxc4 { margin-top: 70px;  }
.main_cont2 .img_boxc4 > h4 { font-size: 25px; font-weight: bold; text-align: center; }
.main_cont2 .img_box .box_w { margin-top: 30px;  }

.main_cont2 .more_box_w { text-align: center; margin-top: 80px;   } 
.main_cont2 .more_box_w > img{ margin-bottom: 30px;  }
.main_cont2 .more_box_w p { font-size: 22px; font-weight: 500; color: #237db8; }
.main_cont2 .more_box_w > div{ margin-bottom: 80px;  }



.main_cont2{ background-color: #f3f3f3; padding: 90px 0;  }

.img_boxc2 .box{ width: 50%;  }

.main_cont2{ padding-bottom: 10px;  }





.main_cont3 { padding: 130px 0; background-image: url('/resources/images/main/main_img3.jpg');
    background-size: cover;
    background-position: center center;
    background-attachment: fixed; margin-top: 0;  }
    
.main_cont3 h3{ color:#fff; }
.main_cont3 p { margin-top: 20px; color:#fff; font-size: 20px; line-height: 1.6;  }




.main_cont4{ padding: 50px 0;  }
.main_cont5 .img_box .memo { padding: 0; text-align: center;  }
.main_cont5 .img_box .memo p { font-size: 23px;}

.main_cont5, .main_cont6 { background-color: #f3f3f3; padding: 90px 0;  }


.main_cont5_2 { margin-top: 110px;  }
.main_cont5_2 h4{ margin-top: 50px;   }


 .main_memo_text p span{ font-weight: bold; }
 
.main_cont7{ margin-top: 130px;  }

.main_cont6{ margin-top: 0; padding-top: 30px;  }



	.foot_link_w{ display: inline-block; width: 100%;  }
	.foot_link_w > div{ display: inline-block;  }





.sec1 {
    width: 100%;
    padding: 100px 0;
}

.rank-img-wrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
}

.rank1 {
    display: inline-block;
    max-width: 700px;
    transform: translateX(-30px);
    opacity: 0;
}

.rank2 {
    position: absolute;
    right: 16%;
    bottom: 3%;
    max-width: 360px;
    box-shadow: 1px 2px 10px #121212;
    transform: translateY(30px);
    opacity: 0;
}
.sec1 .highlight-text {
    margin-bottom: 30px;
}

.sec1 .section-text {}




.item_cont1 .content > ul > li{ position: relative; }
.item_cont1 .content > ul > li .no_inventory{ position: absolute; top:0; left: 0; width: 100%; height: 100%; 
background-color: rgba(0, 0, 0, 0.35); z-index: 30;  border-radius: 16px; }



.item_cont1 .content > ul > li .no_inventory span { background: #000;
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
     font-size: 25px; font-weight: bold; padding: 15px 30px; color:#fff;  font-weight: bold;  }





.cert-list-wrap .not-possessed { padding: 0  }
.cert-list-wrap .order_li_memo div { text-align: left }
.cert-list-wrap{ padding-top: 0 !important;  }


.contract-layer{ left: 0; top:0;  }

.contract-layer .dimBg { background: #484848; opacity: 1; position: fixed;  } 
.contract-layer .pop-layer { height: 100%; top:66px; left: 0;   }
.contract-layer .pop_close { right: 30px; top: 17px;   }

.contract-layer .dimBg2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}


.contract_date{ display: inline-block; width: 100%; text-align: right; margin-top: 60px;  }
.contract_date strong { font-size: 16px; font-weight: 300; letter-spacing: 1px  }
.contract_memo{ display: inline-block; padding: 30px 90px; margin-top: 10px;  }
.contract_memo span  { font-size: 15px; display: inline-block; width: 110px; text-align: right; padding-right: 13px; letter-spacing : 1px; }
.contract_memo .box{ display: inline-block; width: 100%; padding: 0px 0; }
.contract_memo .box input { display: inline-block; width: 300px; height: 50px; border: 0; border-bottom: 1px solid #c1c1c1;  font-size: 15px;  }
.contract_memo .box input::placeholder { color:#c1c1c1;  }

.contract-layer .pop_title { position: fixed; top:0; left: 0; width: 100%; background: #292929;  }
.contract-layer .pop_title > div{ border: 0;  }
.contract-layer .pop_title h4{ color:#fff;  }
.contract-layer .pop_title a.btn-layerClose { border:2px solid #fff; background: #fff;   width: 30px; height: 30px;  }


.contract-layer .pop-container{ width: 100%;  overflow: auto; height: 100%; padding: 50px 0;  }
.contract-layer .pop-container .pop-conts{  max-width: 820px; background: #fff; margin: auto; margin-bottom: 200px;  }

#contract-layer{  max-width:none; background: none; height: 100%; width: 100%;   }

.overflow_h { overflow: hidden; }



.contract-layer .text_memo{ width: 100%; max-height: none; font-size: 15px; font-weight: 300; padding: 10px 90px 90px ; line-height: 2   }

.contract_title{ display: inline-block; width: 100%; text-align: center; margin-top: 70px;  }
.contract_title h3{ font-size: 30px; font-weight: bold;  }


.contract_sign{ float: right;  }
.contract_sign #canvas { width: 302px; height: 102px; border: 1px solid #c1c1c1;  }


.contract_memo .box input:focus { border-bottom: 2px solid #fcf011; }

.sign_menu{ position: fixed; bottom: 0; width: 100%; padding: 3px; background: #292929; text-align: center; left: 0;   }
.sign_menu > div{ display: inline-block;  }
.sign_menu span { display: inline-block; width: 180px; padding: 15px 0; text-align: center; cursor: pointer; background: #fff; font-weight: 300;
font-size: 15px;  }
.sign_menu span.sign_ne {  background: #059f98; color:#fff; font-weight: bold; }
.sign_menu span.sign_pr {  background: #474747; color:#dbdbdb; }


.contract-layer-ok .text_memo{ text-align: center;  }
.contract-layer-ok .text_memo p{ display: inline-block; width: 100%; text-align: center; font-size: 16px; margin-bottom: 30px;  }

.contract-layer-ok .text_memo span { display: inline-block; width: 180px; padding: 15px 0; text-align: center; cursor: pointer; background: #fff; font-weight: 300;
font-size: 15px;  background: #059f98; color:#fff;  font-weight: bold;  }

.contract-layer-ok2 .text_memo{ text-align: center;  }
.contract-layer-ok2 .text_memo p{ display: inline-block; width: 100%; text-align: center; font-size: 16px; margin-bottom: 30px;  }

.contract-layer-ok2 .text_memo span { display: inline-block; width: 180px; padding: 15px 0; text-align: center; cursor: pointer; background: #fff; font-weight: 300;
font-size: 15px;  background: #059f98; color:#fff;  font-weight: bold;  }


.contract-layer-ok3 .text_memo{ text-align: center;  }
.contract-layer-ok3 .text_memo p{ display: inline-block; width: 100%; text-align: center; font-size: 16px; margin-bottom: 30px;  }

.contract-layer-ok3 .text_memo span { display: inline-block; width: 180px; padding: 15px 0; text-align: center; cursor: pointer; background: #fff; font-weight: 300;
font-size: 15px;  background: #059f98; color:#fff;  font-weight: bold;  }



.sign_menu1 span { display: inline-block; width: 180px; padding: 15px 0; text-align: center; cursor: pointer; background: #fff; font-weight: 300;
    font-size: 15px;  }
.sign_menu1 span.sign_ne {  background: #059f98; color:#fff; font-weight: bold; }
.sign_menu1 span.sign_pr {  background: #474747; color:#dbdbdb; }



.contract-layer{ z-index: 9999;  }


.ui-widget.ui-widget-content{ z-index: 99999 !important; }

#contract-layer-ok2{ transform: translate(-50%, -50%); }
/* #contract-layer-ok3{ transform: translate(-50%, -50%); } */


.contract-layer-ok3{ z-index: 99999999999; }



.ticket_btn a { display: inline-block; padding: 10px 10px; margin-top: 10px; 
border: 1px solid #eee; font-size: 11px; background: #eee; border-radius: 5px; cursor: pointer; }

.ticket_btn { display: inline-block; width: 100%;  }






.ticket-layer .pop_memo { display: inline-block; width: 100%; margin-top: 20px;  } 
.ticket-layer .pop_memo p { font-size: 15px;  }

.ticket-layer .pop_btn { display: flex; margin:auto; margin-top: 20px; width: 200px;  }

.ticket-layer .pop_btn input, .ticket-layer .pop_btn span { width: 50%; height: 50px; line-height: 50px; margin: 0 5px;  }
.ticket-layer .pop_btn input{ background: #059f98;  border: 0; font-weight: bold; color: #fff; }

.ticket-layer .pop_btn span  { background: #eee; font-weight: bold; cursor: pointer;  }


 .order_ok_w table td span.copy_btn, .copy_btn{ cursor: pointer; margin-left: 10px; display: inline-block; 
 padding: 10px 15px; border-radius: 10px; background: #f5f5f5; font-size: 13px; font-weight: bold; }
 
 
 
 .certification_wrap { min-width: 500px;/*  top: 5% !important; left: 30% !important;  */ z-index: 9999999; }
  .certification_wrap .pop_title{ position: absolute; top:0; width: 100%; left: 0;   }
  .certification_wrap .pop_title .pop_close { position: absolute; right: 10px;  }
  .certification_wrap a.btn-layerClose { margin: 0; padding: 0; text-align: center; line-height: 16px; border-radius: 100px; 
  display: inline-block; overflow: hidden;   background: #fff;  }
  .certification_wrap a.btn-layerClose img { display: inline-block;  }
 .certification_wrap .pop_title > div { padding: 0; border: 0;  }

 .certification_wrap .text_memo { padding: 0; max-height: 800px; position: relative; }
 .certification_wrap .text_memo > img{ float: left; min-height: 700px; min-width: 500px;  }
 
 
 .certification_wrap .memo { position: absolute; top: 41%; left: 29%;  }
 .certification_wrap .memo p, .certification_wrap .memo p span { font-size: 16px; cursor: default; font-weight: 500 }
 
 
  .certification_wrap .memo p, .certification_wrap .memo p span {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}


 
 #certification-layer{ max-width: 500px; }
 
.certification_wrap #signContainer { position: absolute; bottom: 75px; z-index: 99; padding: 0; right: 83px; width: auto;   }
 
.certification_wrap #canvas { width: 150px; height: 60px; border: 1px solid #c1c1c1; margin: 0;  }
 
 .certification_wrap #signWrap { width: auto; margin: 0;  }
 .certification_wrap #signature { width: 100%; height: 100%;  }
 
 .certification_wrap .sing_date { position: absolute; bottom: 39px; left: 0; width: 93%; text-align: center; }
 .certification_wrap .sing_date strong { font-weight: normal; font-size: 13px;  } 

 
 .sign_menu2 { position: absolute; bottom: -50px;  left: 0; width: 100%;  max-width: 500px;  }
 .sign_menu2 > div{ display: flex; width: 100%;  }
 
 .sign_menu2 span { display: inline-block; width: 50%; padding: 15px 0; text-align: center; cursor: pointer; background: #fff; font-weight: 300;
font-size: 15px;  }
.sign_menu2 span.sign_ne {  background: #059f98; color:#fff; font-weight: bold; }
.sign_menu2 span.sign_pr {  background: #474747; color:#dbdbdb; }

 .certification_wrap .pop-conts { position: relative; }
 
 .certification_wrap .text_memo{ height: auto; max-height: none; text-align: left; }
 
/*  .certification_pop_wrap{ width: 500px;  } */
 
 .certification_pop_wrap{ min-width: auto; max-width: 500px; display: inline-block;  }
 .certification_pop_wrap.on  {  width: 700px;   max-width: none; margin-top: 20px; }
 .certification_wrap.on .memo p, .certification_wrap.on .memo p span { font-size: 22px;   }
 .certification_wrap.on .memo { top:41%; }
 .certification_wrap.on #signContainer { right: 110px; bottom: 110px;  }
 .certification_wrap.on .text_memo #signContainer img { width: 230px; height: auto;  }
 
 .certification_wrap.on {  }
 .certification_wrap.on .sing_date{ bottom: 55px !important; }
  .certification_wrap.on .sing_date strong {  font-size: 13px !important;  }
 /* 
    .certification_pop_wrap{ position: absolute; left: 50%; top: calc(50% - 50px); transform: translate(-50%, -50%); } 
  */
 
 
 .qna_toogle .text iframe { width: 100% !important; height: 530px !important;  }
  .faq_list_w{ display: inline-block; width: 100%; margin-top: 10px;    }
  .faq_list_w ul { display: flex; gap:10px; flex-direction: row;  flex-wrap: wrap;  }
   .faq_list_w ul li a{ display: inline-block; padding: 10px 25px; border: 1px solid #eee; border-radius: 100px; background: #fff;  }