html,body{height:100%;}

body{ font-family:'malgun gothic','돋움',dotum,Helvetica,'Apple SD Gothic Neo',sans-serif; letter-spacing:-0.5px; background:url('https://sample.designpk.kr/nier_webzineYES/202405/images/bg1.jpg')  no-repeat center top; }
body,p,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,table,caption,form,fieldset,legend,input{margin:0; padding:0;}
li{list-style-type:none;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6 { font-weight:600;  }
li img, li a, dd img, img, a img{vertical-align:middle;}
.hdd{visibility:hidden; position:fixed; top:-9999; width:0; height:0; line-height:0; font-size:0}
legend,caption{font-size:0; width:0; height:0; line-height:0; visibility:hidden; position:absolute;}
a{text-decoration:none; color:#777;}
a:hover, a:focus, a:active{text-decoration:none; color:#777;}


.swiper-slide{ text-align:center;font-size:18px; /*overflow-y:hidden;*/
-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;
-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}




@media only screen and (min-width: 100px) {

footer { display:block;  }
.header_web { display:none; }

.mob_sel {  display:block;  width:90%; margin:0 auto;   }
.mob_sel select { margin:5px 0 5px 0 ; font-size:13px; color:#fff; line-height:30px;  border:1px solid #043763;  width:100%; height:30px;  padding:5px 0 ; background:#043763; }


.header_mobile{ display:block;  position:fixed; top:0; left:0; width:100%; padding:0px 0; z-index:9999; /*background:#fff;*/}
.header_mobile h3 { width:50px; float:left;  }
.header_mobile h1{ width:30%; float:left; text-align:left; margin-top:0px; margin-left:20px;}
.header_mobile p { width:100px; float:right; margin:17px 0px 0 0; font-size:14px; font-weight:600; vertical-align:middle; color:#d45b0b;}
.header_mobile .btn_gnb{position:absolute; top:0px; right:0px; display:block; width:44px; height:44px; padding:20px;}

.list_img { position:absolute; z-index:11; width:90%; margin-left:-350px;}


.swiper-container{width:100%; }

.swiper-slide { margin:78px 0 35px 0px; }
.swiper-slide img {width:100%; height:100%;   }
.swiper-button-prev{background-image:url("https://sample.designpk.kr/nier_webzineYES/202405/images/arrow_left.png"); left:10px;right:auto; }
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("https://sample.designpk.kr/nier_webzineYES/202405/images/arrow_right.png");right:10px;left:auto}
.swiper-container { margin-top:1px; }


footer { position:fixed; bottom:0;  height:60px; width:100%; margin:0 auto; text-align: center; background-color:#ebebeb; z-index:999; }
.main_sns { text-align:center; padding:10px 0;  }
.main_sns img { width:40px;  }
.copy_wrap { display:none; }

}






@media only screen and (min-width: 995px) {

footer { display:none;  }
.header_web { display:block;  width:100%; }
.header_webwrap { width:900px; margin:0 auto;  }
.header_webwrap p { float:right; width:400px; text-align:right; font-size:14px; margin:30px 0 0 0; padding:0px 0 10px 0; vertical-align:middle;   }

.header_top { float:left; width:100%; padding:10px 0 0px 0;  }
.header_top span { float:right; text-align:right; font-size:15px; font-weight:600; padding:8px 0 0 0;  color:#2d608e ;}

.sns { width:180px; vertical-align:middle; float:right;   }
.sns ul li { float:left; padding-right:5px; margin: 10px 0 0 0 ;}
.web_logo {width: 250px; float:left; margin-top:10px;  }

.sel { float:right; margin: 10px 20px  0 0; width:280px;   }
.sel select { font-size:13px; color:#fff; line-height:36px;  border:1px solid #043763;  width:300px; height:40px;  margin:15px 0 ; padding:5px 0;  background:#043763; }


.header_mobile { display:none; }
.mob_sel {  display:none;  }

.swiper-container_wrap { width:900px; margin:0 auto;  }
.swiper-container{width:900px; }

.swiper-slide img {
    width: 900px;
	height:1200px;
    margin: 0 0 0px 0;
    box-shadow: 5px 5px 15px #666
}
.swiper-slide { margin:0px 0 0px 0;  }

.list_img { position:absolute; z-index:11; width:900px; left:50%; margin-left:-150px;}
.list_bg { position:relative; z-index:1; width:900px; margin:0 auto;  }

.swiper_btn {    }
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("https://sample.designpk.kr/nier_webzineYES/202405/images/arrow_left.png"); left:50%; margin-left:-530px; right:auto;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("https://sample.designpk.kr/nier_webzineYES/202405/images/arrow_right.png");right:50%;margin-right:-530px; left:auto;}

.copy_wrap {  display:block; width:100%; margin-top:20px; height:200px;  float:left; background: #fff;  font-size:13px; border-top:1px solid #ccc;  }
.copy {width:900px; margin:0 auto; padding-bottom:50px; }
.copy_menu {margin:20px 0;  overflow:hidden;  }
.copy_menu ul {width:200px;  }
.copy_menu ul li { float:left; padding-right:5px; color:#333; font-weight:bold;  }
.copy_menu ul li a{text-decoration:none; color:#777;}
.copy_menu ul li a:hover, a:focus, a:active{text-decoration:none; color:#777;}
.copy_txt { line-height:22px; color:#666;  float:left; }
.copy_logo {float:right; }


}

/*페이지 NO*/
@media only screen and (min-width: 100px) {

.header_pageno { float:right; margin:18px 5% 0 0;    }
.header_pageno b { font-size:14px; font-weight:500; color:#fff; }

.header_pageno input { width:50px; height:23px; vertical-align:middle;  text-align:center; margin-top:-3px;  }
.btnmove { width:40px; height:26px; line-height:22px; font-size:12px; color:#fff; vertical-align:middle;
text-align:center; border-radius:5px; background:#333;  margin-top:-3px;
}

}

@media only screen and (min-width: 995px) {

.header_pageno { float:right; margin:28px 10px 0 0;    }
.header_pageno b { font-size:18px; font-weight:500; color:#fff; }

.header_pageno input { width:50px; height:33px; vertical-align:middle;  text-align:center; margin-top:-3px;  }
.btnmove { width:40px; height:36px; line-height:32px; font-size:14px; color:#fff; vertical-align:middle;
text-align:center; border-radius:5px; background:#333;  margin-top:-3px;
}


}




/*토스트 팝업*/
@media only screen and (min-width: 1px) {
.wzine_key {  position: fixed; opacity: 0.0;  }
}

@media only screen and (min-width: 845px) {

.wzine_key {
    width: 300px;
    height:auto;
    position: fixed;
    left: 50%;
    margin-left:-125px;
	margin-bottom:-200px;
    bottom:50%;
    z-index: 9999;
	opacity: 0.7;
}
.wzine_key img {  border-radius:20px;  }

}

.bt-bb {  float:right;  margin-right:10px;  }
.bt-bb ul li {  float:left;  margin:28px 5px 0 0 ; }
.bt-bb ul li button { display:block; width:30px; height:30px; text-align:center; 
background:#fff; border:1px solid #ccc; cursor:pointer; border-radius:5px; }
.bt-bb ul li button:hover { background:#ccc;  }
.bt-bb ul li button img { width:20px; text-align:center; margin-left:-2px; }