@charset "utf-8";

.txt_hide {position:absolute; left:-99999px;}
.layerPop {width:100%; height:100%; display:none; position:fixed; left:0; top:100; background-color:rgba(0,0,0,0.3); z-index:20000;}
.layerPop.active {display:block;}	
.layerPop .layerPop_inner {margin:100px 20px 20px 10px; position:fixed; top:0; background-color:#fff;overflow:scroll; height:auto; max-height:500px;}
.layerPop .layerPop_inner .layer_head {}
.layerPop .layerPop_inner .layer_head a {display:block;background-color:#999999;color:#333333;} 
.layerPop .layerPop_inner .layer_head a img {width:100%; max-width:100%; }
.layerPop .layerPop_inner .layer_body {height:45px; display:flex; justify-content:flex-end; align-items:center; background-color:#333333;}
.layerPop .layerPop_inner .layer_body label {margin-left:5px; color:#999999; font-size:13px;}
.layerPop .layerPop_inner .btn_layer_close {width:45px; height:45px; position:relative;}
.layerPop .layerPop_inner .btn_layer_close:before {content:''; width:18px; height:18px; display:block; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); background:url(../image/ico_pop_close.png) 0 0 no-repeat; background-size:100%;}


.top_notice_area {height:0; background-color:#f5f5f5; overflow:hidden; transition:height 0.6s;}
.top_notice_area.active {height:100px; transition:height 0.6s;}
.top_notice_area .top_notice_inner {padding:20px 40px 15px; overflow:hidden;}
.top_notice_area .top_notice_inner .notice_list {height:46px; padding-left:25px; position:relative; overflow:hidden;}
.top_notice_area .top_notice_inner .notice_list:before {content:''; width: 19px; height:18px; display:block; position:absolute; left:0; top:0; background:url(../image/ico_notice_alarm.png) 0 0 no-repeat; background-size:100%;}
.top_notice_area .top_notice_inner .notice_list .items {height:46px; margin-top:10px; outline:0;}
.top_notice_area .top_notice_inner .notice_list .items:first-child {margin-top:0;}
.top_notice_area .top_notice_inner .notice_list .items .notice {width: calc(100% - 30px); white-space: nowrap; font-size: 15px; font-weight: 300; text-overflow: ellipsis; overflow: hidden;}  
.top_notice_area .top_notice_inner .notice_list .items .link {min-width:78px; height:20px; margin-top:5px; padding:0 2px; display:inline-block; position:relative; text-align:center; font-weight:300;}
.top_notice_area .top_notice_inner .notice_list .items .link:before {content:''; width:100%; height:1px; position:absolute; left:0; bottom:0; background-color:#333;}
.top_notice_area .top_notice_inner .notice_list .slick-arrow {width:16px; height:16px; position:absolute; right:0; z-index:1; border:0; background-color:transparent;}
.top_notice_area .top_notice_inner .notice_list .slick-arrow:before {content:''; width:16px; height:9px; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background-repeat:no-repeat; background-size:100%;}
.top_notice_area .top_notice_inner .notice_list .slick-arrow.slick-prev  {top:3px;}
.top_notice_area .top_notice_inner .notice_list .slick-arrow.slick-prev:before {background-image:url(../image/ico_notice_arrow_prev.png)}
.top_notice_area .top_notice_inner .notice_list .slick-arrow.slick-next  {top:29px;}
.top_notice_area .top_notice_inner .notice_list .slick-arrow.slick-next:before {background-image:url(../image/ico_notice_arrow_next.png)}
.top_notice_area .top_notice_inner .btm_ctl_box {position:relative; display:flex; justify-content:flex-end; align-items:center; margin-top:0px;}
.top_notice_area .top_notice_inner .btm_ctl_box input[type="checkbox"] {position:absolute; left:-9999px;}
.top_notice_area .top_notice_inner .btm_ctl_box input[type="checkbox"] + label {padding-left:30px; position:relative; font-size:13px; color:#666; font-weight:300;}
.top_notice_area .top_notice_inner .btm_ctl_box input[type="checkbox"] + label:before {content:''; width:20px; height:13px; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background:url(../image/ico_notice_check.png) center center no-repeat; background-size:100%;}
.top_notice_area .top_notice_inner .btm_ctl_box input[type="checkbox"]:checked + label:before {background-image:url(../image/ico_notice_check_active.png)}
.top_notice_area .top_notice_inner .btm_ctl_box input[type="checkbox"]:focus,
.top_notice_area .top_notice_inner .btm_ctl_box input[type="checkbox"]:focus + label {outline:1px dashed #000;}
.top_notice_area .top_notice_inner .btm_ctl_box .btn_notice_close {width:25px; height:25px; margin-left:15px; background:url(../image/btn_notice_close.png) center center no-repeat; background-size:100%; border:0}

@media (min-width:500px) {
	.layerPop .layerPop_inner {}	
}


/* 
 
@media (max-width:767px){
.layerPop .layerPop_inner {}
	
..txt_hide {position:absolute; left:-99999px;}
.layerPop {width:100%; height:100%; display:none; position:fixed; left:0; top:100; background-color:rgba(0,0,0,0.3); z-index:20000;}
.layerPop.active {display:block;}	

.layerPop:nth-child(1) {width:100%; height:100%; position:relative; left:0; top:600; background-color:rgba(0,0,0,0.3); z-index:20000;}
.layerPop:nth-child(2) {width:100%; height:100%; position:relative; left:0; top:200; background-color:rgba(0,0,0,0.3); z-index:20000;}

.layerPop:nth-child(1) .layerPop_inner {margin:100px 20px 20px 0px; position:relative; top:0; background-color:#fff;overflow:scroll; height:auto; max-height:500px;}
.layerPop:nth-child(2) .layerPop_inner {margin:200px 20px 20px 0px; position:relative; top:0; background-color:#fff;overflow:scroll; height:auto; max-height:500px;}



.layerPop .layerPop_inner .layer_head {}
.layerPop .layerPop_inner .layer_head a {display:block;background-color:#999999;color:#333333;} 
.layerPop .layerPop_inner .layer_head a img {width:100%; max-width:100%; }
.layerPop .layerPop_inner .layer_body {height:45px; display:flex; justify-content:flex-end; align-items:center; background-color:#333333;}
.layerPop .layerPop_inner .layer_body label {margin-left:5px; color:#999999; font-size:13px;}
.layerPop .layerPop_inner .btn_layer_close {width:45px; height:45px; position:relative;}
.layerPop .layerPop_inner .btn_layer_close:before {content:''; width:18px; height:18px; display:block; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); background:url(../image/ico_pop_close.png) 0 0 no-repeat; background-size:100%;}


.top_notice_area {height:0; background-color:#f5f5f5; overflow:hidden; transition:height 0.6s;}
.top_notice_area.active {height:100px; transition:height 0.6s;}
.top_notice_area .top_notice_inner {padding:20px 40px 15px; overflow:hidden;}
.top_notice_area .top_notice_inner .notice_list {height:46px; padding-left:25px; position:relative; overflow:hidden;}
.top_notice_area .top_notice_inner .notice_list:before {content:''; width: 19px; height:18px; display:block; position:absolute; left:0; top:0; background:url(../image/ico_notice_alarm.png) 0 0 no-repeat; background-size:100%;}
.top_notice_area .top_notice_inner .notice_list .items {height:46px; margin-top:10px; outline:0;}
.top_notice_area .top_notice_inner .notice_list .items:first-child {margin-top:0;}
.top_notice_area .top_notice_inner .notice_list .items .notice {width: calc(100% - 30px); white-space: nowrap; font-size: 15px; font-weight: 300; text-overflow: ellipsis; overflow: hidden;}  
.top_notice_area .top_notice_inner .notice_list .items .link {min-width:78px; height:20px; margin-top:5px; padding:0 2px; display:inline-block; position:relative; text-align:center; font-weight:300;}
.top_notice_area .top_notice_inner .notice_list .items .link:before {content:''; width:100%; height:1px; position:absolute; left:0; bottom:0; background-color:#333;}
.top_notice_area .top_notice_inner .notice_list .slick-arrow {width:16px; height:16px; position:absolute; right:0; z-index:1; border:0; background-color:transparent;}
.top_notice_area .top_notice_inner .notice_list .slick-arrow:before {content:''; width:16px; height:9px; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background-repeat:no-repeat; background-size:100%;}
.top_notice_area .top_notice_inner .notice_list .slick-arrow.slick-prev  {top:3px;}
.top_notice_area .top_notice_inner .notice_list .slick-arrow.slick-prev:before {background-image:url(../image/ico_notice_arrow_prev.png)}
.top_notice_area .top_notice_inner .notice_list .slick-arrow.slick-next  {top:29px;}
.top_notice_area .top_notice_inner .notice_list .slick-arrow.slick-next:before {background-image:url(../image/ico_notice_arrow_next.png)}
.top_notice_area .top_notice_inner .btm_ctl_box {position:relative; display:flex; justify-content:flex-end; align-items:center; margin-top:0px;}
.top_notice_area .top_notice_inner .btm_ctl_box input[type="checkbox"] {position:absolute; left:-9999px;}
.top_notice_area .top_notice_inner .btm_ctl_box input[type="checkbox"] + label {padding-left:30px; position:relative; font-size:13px; color:#666; font-weight:300;}
.top_notice_area .top_notice_inner .btm_ctl_box input[type="checkbox"] + label:before {content:''; width:20px; height:13px; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background:url(../image/ico_notice_check.png) center center no-repeat; background-size:100%;}
.top_notice_area .top_notice_inner .btm_ctl_box input[type="checkbox"]:checked + label:before {background-image:url(../image/ico_notice_check_active.png)}
.top_notice_area .top_notice_inner .btm_ctl_box input[type="checkbox"]:focus,
.top_notice_area .top_notice_inner .btm_ctl_box input[type="checkbox"]:focus + label {outline:1px dashed #000;}
.top_notice_area .top_notice_inner .btm_ctl_box .btn_notice_close {width:25px; height:25px; margin-left:15px; background:url(../image/btn_notice_close.png) center center no-repeat; background-size:100%; border:0}
}	
  */