@charset "UTF-8";


html .hanampop_middle::-webkit-scrollbar {width: 8px;background-color: #f4f8fd;}
html .hanampop_middle::-webkit-scrollbar-thumb {background-color: #2f3542; border-radius: 0px;}


.hanampop{width:92%; height:480px; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); padding:0; overflow:hidden;}
.hanampop img{max-width:100%;}
.hanampop_middle{padding:10px;height: calc(500px - 48px);overflow-y: auto;}

.hanampop_tab:after{display:block;clear:both;height:0px;margin-top:-1px;content:''}
.popup_con{}
.popup_con p{word-break:break-all;}

.hanampop_tab li{float:left; width:7%; margin-right:1%; border-radius:3px 3px 0 0;}
.hanampop_tab li:last-child{margin-right:0;}
.hanampop_tab li a{display:block; color:#fff; font-size:0.75rem; display:block; padding:10px 0; line-height:13px; text-align:center;}
.hanampop_tab li{background:#437dea;}


.popup_close{font-size:1.25rem; line-height:25px; padding:0 0 20px 0; word-break:break-all;}
.modal_tab li{background:#437dea ;}


.hanampop_bottom{text-align: center;
    box-sizing: border-box;
    /* border-top: 0px solid #DDD; */
    /* overflow: hidden; */
    /* font-size: 15px; */
    /* width: 100%; */
    /* height: 55px; */
    flex-shrink: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #5a5a5a;
    color: #fff;}
.hanampop_bottom a{display:block; height:50px; line-height:50px; float:left; box-sizing:border-box;}
.hanampop_bottom a:nth-child(1){width:50%; border-right:0px solid #DDD;    background: #0e1727;color:#fff;font-size:12px;}
.hanampop_bottom a:nth-child(1) label{display:block;    cursor: pointer;font-size:15px;letter-spacing:-0.023em;}
.hanampop_bottom a:nth-child(2){width:50%;background: #5a5a5a;color:#fff;font-size:15px;letter-spacing:-0.023em;}
.hanampop_bottom a input[type="checkbox"]{display:none;}


.hanampop .pop_btn_close:before {
content: '\E946';
    width: auto;
    position: absolute;
    color: #fff;
    font-family: 'nc-font';
    font-size: 16px;
    cursor:pointer;
	right: 0px;
    top: 8px;
    width: 16px;
    height: 16px;
}
.hanampop .pop_btn_close span{
    font-size: 15px;
    font-weight: 600;
	color:#fff;margin-right: 30px;
    cursor: pointer;
    margin-top: 8px;
    position: relative;
    top: 7px;
}
.hanampop .pop_btn_close {
  position: absolute;
  right:0;

  
}


.dim_full {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1001;
}



.hanampop_li_hide {
    display: none;
}

@media all and (min-width:768px) and (max-width:1024px){


}


@media all and (min-width:1025px){
.dim_full {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
	display:none;
}
.dim_full:first-child {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
	display:block
}

.hanampop{width:600px; height:580px; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); padding:0; overflow:hidden;}
.hanampop img{max-width:100%;}
.hanampop_middle{padding:10px;height: calc(545px - 48px);overflow-y: auto;}


.hanampop_tab:after{display:block;clear:both;height:0px;margin-top:-1px;content:''}


.hanampop_tab li{float:left; margin-right:2px;}
.hanampop_tab li a{display:block; color:#fff; font-size:14px; display:block; padding:10px 0; line-height:13px; text-align:center;}
.hanampop_bottom{background:none; position:absolute; bottom:0; width:100%; height:50px; padding:0; text-align:center; box-sizing:border-box; border-top:0px solid #DDD;}
.hanampop_bottom a{display:block; width:50%; height:50px line-height:50px; float:left; box-sizing:border-box;}
.hanampop_bottom a:nth-child(1){width:50%; border-right:0px solid #DDD;    cursor: pointer;font-size:15px;font-weight:600;font-size:15px;color:#fff;background: #121E34;letter-spacing:-0.023em;}
.hanampop_bottom a:nth-child(2){width:50%;font-size:15px;font-weight:600;background: #5a5a5a;;font-size:15px;color:#fff;letter-spacing:-0.023em;}
.hanampop_bottom a input[type="checkbox"]{display:none;}

.hanampop .pop_btn_close:before {
content: '\E946';
    width: auto;
    position: absolute;
    color: #fff;
    font-family: 'nc-font';
    font-size: 16px;
    cursor:pointer;
	right: 0px;
    top: 8px;
    width: 16px;
    height: 16px;
}
.hanampop .pop_btn_close span{
    font-size: 15px;
    font-weight: 600;
	color:#fff;margin-right: 30px;
    cursor: pointer;
    margin-top: 8px;
    position: relative;
    top: 7px;
}
.hanampop .pop_btn_close {
  position: absolute;
  right:0;

  
}

}


@media all and (max-width:1025px){
.dim_full {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
	display:none;
}
.dim_full:first-child {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
	display:block
}

.hanampop .pop_btn_close:before {
content: '\E946';
    width: auto;
    position: absolute;
    color: #fff;
    font-family: 'nc-font';
    font-size: 13px;
    cursor:pointer;
	right: 0px;
    top: 9px;
    width: 16px;
    height: 16px;
}
.hanampop .pop_btn_close span{
    font-size: 13px;
    font-weight: 600;
	color:#fff;margin-right: 24px;
    cursor: pointer;
    margin-top: 8px;
    position: relative;
    top: 7px;
}
.hanampop .pop_btn_close {
  position: absolute;
  right:0;

  
}
.hanampop_bottom a {

font-weight:600;

}
.hanampop_bottom a:nth-child(2),.hanampop_bottom a:nth-child(1) {

    font-size: 12px;

}
.hanampop_bottom a:nth-child(1) label {
 font-size: 12px;
    
}
.hanampop_tab li {
    float: left;
    width: 7%;
    margin-right: 2px;
    border-radius: 3px 3px 0 0;
}
.hanampop_tab li a {
    display: block;
    color: #fff;
    font-size: 12px;
    display: block;
    padding: 8px 0;
    line-height: 13px;
    text-align: center;
}
.hanampop_middle {
    padding: 10px;
    height: calc(500px - 98px);
    overflow-y: auto;
}
.hanampop_bottom{background:none; position:absolute; bottom:0; width:100%; height:50px; padding:0; text-align:center; box-sizing:border-box; border-top:0px solid #DDD;}
}