@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
li{list-style:none}
img{border:0;max-width:100%;vertical-align:middle}
body, td, p, input, button, textarea, select,a{font-family:'Noto Sans KR',sans-serif; font-size:18px;font-weight:300; color:#555}
p{line-height:1.6}
h1,h2,h3,h4,h5,h6,strong,th,b,dt,em{color:#111;font-weight:500;letter-spacing:-1px}
em,i{font-style:normal}
a,a:visited,a:link,a:hover,a:active,a:focus{text-decoration:none !important}
a{}
/*common*/ 
.clear:after,
.container:after{display:block;content:'';clear:both}

/*input*/
/*input*/
table{width:100%;border-collapse:collapse}
table *{font-size:16px}
table th,
table td{padding:5px 5px}
input[type=text],
input[type=password]{border:1px solid #ddd;height:28px;padding-left:5px;width:100%}
select{border:1px solid #ddd;height:28px;padding-left:5px}
input[type=image]{border:0}
input[type=file]{width:80%}
textarea{padding:10px;width:100%}

/*pc*/
@media all and (min-width:1024px) { 
.mo{display:none} 
.container{position:relative;max-width:1460px;margin:0 auto}

/*body scroll*/
.scroll .hsec1{background:rgba(40,40,40,40)}
/*header*/
#header{position:fixed;left:0;top:0;width:100%;z-index:100}
.hsec1{height:73px;border-bottom:1px solid rgba(255,255,255,0.1);transition:background 0.3s}
.hsec1:hover{background:rgba(40,40,40,40)}
.hsec1 h1{position:absolute;z-index:10;left:20px;top:0} 
.lnb{position:relative;z-index:0}
.lnb .close{display:none}
.lnb ul{position:relative;z-index:5;text-align:center;margin-left:5%}
.lnb ul li{display:inline-block;position:relative;margin:0} 
.lnb ul li > a{display:block;line-height:73px;font-size:17px;color:#fff;padding:0 10px;font-weight:400}
.lnb ul li:hover > a{position:relative;color:#fa3636}
.lnb ul li:hover > a:after{display:block;position:absolute;left:0;margin-top:-2px;content:'';height:3px;width:100%;background:#fa3636}
.lnb .sub{display:none;position:absolute;top:73px;padding:20px 0 0 20px;width:150px;text-align:left}
.lnb .sub dl {}
.lnb .sub dd > a{display:block;line-height:30px;font-size:15px;color:#fff;font-weight:400}
.lnb .sub dd > a:hover{color:#fa3636}
.gnb{position:absolute;z-index:10;right:0;top:0}
.gnb a{display:inline-block;line-height:73px;font-size:12px;color:#fff;margin:0 10px}
.gnb a:hover{color:#fa3636} 
.lnb_bg{display:none;position:absolute;left:0;width:100%;top:73px;height:220px;background:rgba(40,40,40,40)}
/*main*/
#main{} 
.h2{font-size:40px;text-align:center}
.h2_add{font-size:17px;text-align:center}
/*swiper*/
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px}
.swiper-pagination-bullet{width:14px;height:14px;background:#fff}
.swiper-button-next{width:60px;height:60px;background:url('/base/img/images/banner_next.png') no-repeat center}
.swiper-button-prev{width:60px;height:60px;background:url('/base/img/images/banner_prev.png') no-repeat center}
/*footer*/
.fsec1{background:#2b2b2b;height:64px;line-height:60px;text-align:center}
.fsec1 a{color:#fff;font-size:16px;margin:0 50px}
.fsec2{text-align:center;padding:60px 0;font-size:16px;color:#555}
.fsec2 strong{display:block;font-weight:500;margin-top:10px}
}
@media all and (min-width:1280px) { 
.lnb ul li{margin:0 1%} 
.lnb ul li > a{padding:0 20px}
.gnb a{display:inline-block;line-height:73px;font-size:12px;color:#fff;margin:0 20px}
}
/*mobile*/
@media all and (max-width:1023px) {
body, div, td, p, input, button, textarea, select,a{font-size:14px}
body{position:relative}
.pc{display:none}
.inner_pd{padding:0 3%}
/*body scroll*/
.scroll .hsec1{background:rgba(0,0,0,0.5)}
/*header*/
#header{position:fixed;left:0;top:0;width:100%;z-index:100}
.hsec1{height:50px;border-bottom:1px solid rgba(255,255,255,0.1);padding:0 3%;transition:background 0.3s}
.hsec1 h1{} 
.hsec1 h1 img{height:50px;vertical-align:top} 
.lnb{position:fixed;width:65%;left:-65%;top:0;z-index:90;height:100%;background:#fff;transition:.3s;overflow:auto}
.lnb.on {left:0;transition:.3s}
.lnb .close{color:#fff;float:right;width:40px;height:40px;background:url('/base/img/images/lnb_close.png') no-repeat center}
.lnb ul{clear:both}
.lnb li{border-bottom:1px solid #ddd}
.lnb li > a{display:block;height:45px;line-height:45px;font-size:14px;padding-left:30px;font-weight:400}
.lnb li.on > a{background:#fa3636;color:#fff}
.lnb li.be > a{background:url('/base/img/images/ico_plus.png') no-repeat 95% center}
.lnb li.be.on > a{background:url('/base/img/images/ico_minus.png') no-repeat 95% center #fa3636}
.lnb .sub{display:none;background:#eee}
.lnb dl{}
.lnb dd{border-top:1px solid #ddd}
.lnb dd > a{display:block;line-height:40px;font-size:13px;color:#555;padding-left:30px;font-weight:400}
.gnb{margin:10px 0;padding-left:30px;clear:both}
.gnb a{line-height:40px;margin-right:10px}
.body_bg.on{position:fixed;left:0;top:0;width:100%;height:100%;background:#555555;opacity:0.6;z-index:80}
.hsec1 .lnb_open{position:absolute;right:3%;top:0}
.hsec1 .lnb_open img{height:50px;vertical-align:top}
/*swiper*/
.swiper-container img{width:100%}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:15px}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
.swiper-pagination-bullet{width:10px;height:10px;background:#fff}
.swiper-button-next{width:60px;height:60px;background:url('/base/img/images/banner_next.png') no-repeat center}
.swiper-button-prev{width:60px;height:60px;background:url('/base/img/images/banner_prev.png') no-repeat center}

/*footer*/
.fsec1{background:#555555;height:44px;line-height:40px;text-align:center}
.fsec1 a{color:#fff;font-size:12px;margin:0 20px}
.fsec2{text-align:center;padding:30px 3%;font-size:12px;color:#555}
.fsec2 strong{display:block;font-weight:500;margin-top:5px}
}