/*reset css*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: 'campton','Noto Sans KR';
  vertical-align: baseline;
}
li{list-style: none;}
img{border:0}
a{text-decoration: none !important}
body{width: 100%;cursor: url(../images/cursor1.png), auto}
a, iframe, input[type=submit],.tab_menu,.swiper-button-prev,.swiper-button-next{cursor: url(../images/cursor2.png), auto !important}
a:hover, a:focus{color: #000 !important}
@media(min-width:1200px) and (max-width:1400px){

  .side{width: 385px !important}
	.about .mid_txt h3{font-size: 30px !important;margin-bottom: 40px !important}
	.about .title h2{font-size: 45px !important}
	.about .ab_bottom .ab_bottom01 .ab_title h2{font-size: 45px !important}
	.amvb h2{font-size: 28px !important;line-height: 48px !important}
	.slider .swiper-slide .txt .txt_inner h2{font-size: 60px !important;line-height: 74px !important}
}
@media(min-width:1400px) and (max-width:1600px){

  .side{width: 395px !important}
 
}
@media(min-width:300px) and (max-width:1100px){

.pc{display: none}
.mobile{display: block;}
header .header{height: 81px !important}
.wrap{margin-top: 80px !important}
header .logo img{width: 95px !important}
.tab_menu{width: 38px !important;height: 38px !important;top: 20px !important}
.tab_menu .btn_tab span.line_wrap{width: 24px !important}

.slider .swiper-slide .txt{top: 50% !important;transform: translate(0,-50%);}
 .slider .swiper-slide .txt .txt_inner{width: 88% !important}
 .slider .swiper-slide .txt .txt_inner h2{font-size: 30px !important;line-height: 42px !important;letter-spacing: -0.4px }
 .slider .swiper-slide .txt .txt_inner h2.line{-webkit-text-stroke:1px #fff !important;}
 .slider .swiper-slide .txt .txt_inner h5{font-size: 14px !important;margin-top: 38px !important}

.amvb{margin: 61px auto 52px}
.amvb h2{font-size: 22px !important;line-height: 34px !important;letter-spacing: 0.5px}
.mobile span:after{height: 8px  !important;top: 60% !important}
.mobile .active  span:after{width: 101% !important}

.info ul li{float: none !important;width: 100% !important;margin-bottom: 55px}
.info ul li:nth-child(2){margin-left: 0 !important}
.info ul li h3{margin-top: 35px !important}
footer{margin-top: 60px !important}

.side{width: 100% !important}

.about{padding-top: 40px !important;overflow:hidden;}
.about .title{width: 100% !important;margin-bottom: 20px !important}
.about .title h2{font-size: 8.1vw !important;line-height: 11.5vw !important;margin-bottom: 15px !important}
.about .title h5{font-size: 5vw !important;line-height: 8.6vw !important}

.about .ab_vi{width: 100% !important;padding-bottom:62% !important;}
.about .ab_vi video{width: 110% !important}

.about .mid_txt{width: 100% !important;margin-top: 70px !important}
.about .mid_txt h3{font-size: 6vw !important;line-height: 9.6vw !important;letter-spacing: -0.5px;margin-bottom: 40px !important}
.about .mid_txt h5{width: 100% !important;font-size: 4.2vw !important;line-height: 7.2vw !important;letter-spacing: -0.5px;margin-bottom: 18px !important}

.about .ab_bottom{width: 100% !important;margin-top: 70px !important}
.about .ab_bottom .ab_bottom01{width: 100% !important;padding-top: 60px !important}
.about .ab_bottom .ab_bottom01 .ab_title h2{font-size: 8vw !important;line-height: 12.6vw !important;letter-spacing: -0.5px;}
.about .ab_bottom .ab_bottom01 .ab_title h5{font-size: 4.6vw !important;line-height:7.6vw !important;letter-spacing: -0.5px;}
.about .ab_bottom .ab_bottom01 .ab_ul{margin-top: 75px !important;width: 64.4vw !important}
.about .ab_bottom .ab_bottom01 .ab_ul ul li{float: none !important;margin-bottom: 45px}
.about .ab_bottom .ab_bottom01 .ab_ul ul li h3{margin-top: 0 !important;margin-bottom: 20px !important;font-size: 5.4vw !important}
.about .ab_bottom .ab_bottom01 .ab_ul ul li h5{font-size: 4.1vw !important;letter-spacing: -0.5px}
.about .ab_bottom .ab_bottom01 .ab_ul ul li:nth-child(2){margin-left: 0 !important;margin-right: 0 !important }

.media{padding-top: 100px !important}
.media .section01 {margin-bottom: 100px !important}
.media .section01 .title h2{float: none !important}
.media .section01 .title h5{float: none !important;margin-top: 30px;font-size: 3.5vw !important;word-break: keep-all;}

.media .section02 {margin-bottom: 100px !important}
.media .section02 >div{display: block !important;}
.media .section02 >div .video{width: 100% !important;position: sticky !important;top: 80px !important;z-index: 9}
.media .section02 >div .txt .num{padding-right: 0 !important;height: 50vh !important}
.media .section02 >div .txt{width: 100% !important;overflow: hidden;margin-top: 40px !important}
.media .section02 >div .txt .contents{margin-top: 0px !important;  width: calc(100% - 50px) !important}
.media .section02 >div .txt .num >h2{font-size: 28px !important}
.media .section02 >div .txt .contents h2{font-size: 28px !important}
.media .section02 >div .txt .contents h3{font-size: 20px !important}
.media .section02 >div .txt .contents h4{font-size: 14px !important;word-break: keep-all;}
.media .section02 >div .txt .contents h5{font-size: 14px !important}

.media .section03 .video_wrap{height:  auto !important}
.media .section03 .video_wrap video{height: 65vh !important;object-fit: cover;}
.media .section03 .title h5{font-size: 1.2em !important;line-height: 1.4;margin-bottom: 30px !important}
.media .section03 .title h2{font-size: 2em !important;line-height: 1}
.media .section03  h3{font-size: 0.8em !important;line-height: 1.4;padding: 0 20px;margin-bottom: 50px !important}
.media .section03 h4 a{font-size: 15px !important}

#bo_list{width: 100% !important;margin-top: 120px !important}
#bo_cate{margin-right: 0 !important;margin-bottom: 20px !important}
#bo_cate li{margin: 0 12px !important}
#bo_cate li:first-child a:before{font-size: 16px !important}
#bo_cate li:first-child a{font-size: 0 !important}
#bo_cate a{font-size: 15px !important}
#bo_list .gall_img span.subject{font-size: 16px !important;right: 15px !important;bottom: 15px !important;text-align: right;word-break:keep-all;}

.gall_row .col-gn-2{width: 100% !important;margin-bottom: 45px !important}
.gall_row .col-gn-3{width: 100% !important;margin-bottom: 45px !important}
.gall_row .box_clear{clear: inherit !important}
#bo_list .bo_tit .txt{top: 42% !important}
#bo_list .bo_tit .txt span{font-size: 22px !important;word-break:keep-all}
#bo_list .bo_tit img{transform: translate3d(0,0,0) !important}


.contact .contact_wrap{width: 90.36% !important;margin: 120px auto !important}
.contact .contact_wrap .title h2{font-size: 32px !important;line-height: 45px !important}
.contact .contact_wrap .title h5{font-size: 16px !important;line-height: 30px !important}

.contact .contact_wrap .inquiryWrap .choice02 ul li{float: none !important;width: 100% !important;margin-bottom: 20px !important}
.contact .contact_wrap .inquiryWrap .choice02 ul li input{height: 40px !important}
.contact .contact_wrap .inquiryWrap .policy{padding: 28px 0 !important}

.intro_wrap .txt{top:28.5% !important;}
.intro_wrap .txt h2{font-size: 30px !important;margin-bottom: 20px !important;letter-spacing: -0.4px}
.intro_wrap .txt h5{font-size: 16px !important}

.contents{margin-top: -33% !important}
.contents .img.mobile img{width: 92% !important}
.contents .more{margin-top: 50px !important}
.contents .more.mobile img{width: 50% !important}

.contents .over{max-width: 92% !important;margin-top: 70px !important;margin-bottom: 75px !important}
.contents .over h2{font-size: 24px !important}
.contents .over h5{font-size: 15px !important;letter-spacing: -0.5px;line-height: 30px !important;word-break: keep-all;  }
.contents .over h5 br{display: none}

.view .title{width: 92% !important;margin-bottom: 60px !important;margin-top: 70px !important}
.view .title h2{font-size: 23px !important;line-height: 36px;margin-bottom: 28px !important;word-break: keep-all; }
.view .title h5{font-size: 15px !important;;word-break: keep-all; line-height: 30px !important }
.view .title h5 br{display: none}

.view ul{width: 92% !important;margin-bottom: 50px !important}
.view ul.mobile img{width: 26px !important}
.view li{float: none !important;margin-bottom: 30px}
.view li h3{font-size: 18px !important}
.view li h5{font-size: 15px !important}
.view li img{width: 20px !important}

.tab_event ul{margin-bottom: 34px !important}
.list-wrap .list-item{margin: 0 0 40px 0 !important}
.list-wrap{margin-top: 120px !important}
.board_wrap{width: 100% !important}
.table .writer{display: none}
.view-wrap{width: 95% !important;margin: 120px auto 50px !important}

footer .footer_bottom>span:nth-child(3){display: block;}

.amvb h5{opacity: 1 !important;top: 0 !important}
.amvb h2{opacity: 1 !important;top: 0 !important}
.amvb h2 span:after{width: 101% !important}

.pop_up{width: 80% !important;}
.pop_up .inner{padding: 10px !important}
}




@media(min-width:1001px) and (max-width:5000px){

.pc{display: block}
.mobile{display:none;}

}


fieldset .btn_submit{height: 60px !important}



/*header*/
header{position: fixed;width: 100%;top: 0;z-index: 20}
header .header{padding: 23px 0;width: 90.36%;box-sizing:border-box;position: relative;height: 102PX;margin: 0 auto;overflow: hidden}
header .logo{float: left;}
.tab_menu{position: fixed;width: 53px;height: 53px;z-index: 99999;cursor: pointer;top: 24px;right: 4.79%}
.tab_menu .btn_tab{border: 1px solid #000;width: 100%;height: 100%;;padding: 0;position: relative;z-index:99999;transition: all 0.3s }
.tab_menu .btn_tab span.line_wrap{width: 24px;height: 16px;display: block;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.tab_menu .btn_tab span.line_wrap span{width: 100%;background: #333;height: 2px;transition: all 0.3s ease;position: absolute;}
.tab_menu .btn_tab span.line_wrap span.li01{top: 0}
.tab_menu .btn_tab span.line_wrap span.li02{top: 7px}
.tab_menu .btn_tab span.line_wrap span.li03{top: 14px}

.tab_menu .btn_tab:hover{;}
.tab_menu .btn_tab:hover span.line_wrap span{background: #000 }
.tab_close{}
.tab_close .btn_tab{background:#000;}
.tab_close span.li01{transform:matrix(0.7071, 0.7071, -0.5071, 0.5071, 0, 7);background: #000 !important}
.tab_close span.li02{opacity: 0;visibility: hidden;}
.tab_close span.li03{transform:matrix(0.7071, -0.7071, 0.5071, 0.5071, 0, -9);background: #000 !important}

.menu{;position: fixed;z-index: 9999;top: 0;right: -20%;}
.menu ul li{display: inline-block;margin-left: 20px}
.menu ul li a{font-size: 18px;font-weight: 700}

.active{top: 0 !important;opacity: 1 !important;left: 0}
.pc .active  span:after{width: 238px !important}
.amvb{width: 88%;margin: 81px auto 62px;overflow: hidden;}
.amvb h5{float: left;margin-right: 80px;font-size: 18px;font-weight: 600;color: #040911;margin-top: 10px;transition:all  1.3s ease;top:70px;opacity: 0;margin-bottom: 15px;position: relative;}
.amvb h2{float: left;color: #040911;font-size: 30px;line-height: 50px;font-weight: 300;transition:all 1.3s ease;top:70px;opacity: 0;position: relative;}
.amvb h2 span{display: inline-block;position:relative;}
.amvb h2 span:after{content: '';height: 11px;width: 0;transition:all  1.3s  0.3s ease;;position: absolute;background: #ced9fd;display: block;top: 30px;z-index:-1}

.info{width: 88%;margin: 0 auto}
.info ul{overflow: hidden;width: 100%}
.info ul li{float: left;width: 30.9%;transition: all 1.3s ease;overflow: hidden;}
.info ul li:nth-child(2){margin-left: 3.7%}
.info ul li:last-child{float: right;}
.info ul li .img{overflow: hidden;transform: translateX(-40%);transition: all 1.3s ease;opacity: 0}
.info ul li img{width: 100%;transition: all 0.4s ease;display: block;}
.info ul li:hover img{transform: scale(1.05);}
.info ul li h3{font-size: 22px;margin-top: 45px;margin-bottom: 25px;font-weight: 600;transform: translateX(-40%);transition: all 1.3s ease;opacity: 0}
.info ul li h5{font-size: 16px;margin-bottom: 12px;font-weight: 400;transform: translateX(-40%);transition: all 1.3s ease;opacity: 0}

.info .active .img{opacity: 1 !important;transform: translateX(0) !important;}
.info .active h3{opacity: 1 !important;transform: translateX(0) !important;}
.info .active h5{opacity: 1 !important;transform: translateX(0) !important;}

footer{margin-top: 120px;text-align: center;}
footer .footer_top {margin-bottom: 30px}
footer .footer_top ul{}
footer .footer_top ul li{display: inline-block;margin: 0 17px}
footer .footer_top a{font-size: 15px;font-weight: 500;color: #000 !important}
footer .footer_top a:hover{color: #000 !important}
footer .footer_bottom>span{font-size: 13px;margin: 0 10px}
footer .footer_bottom .medium{font-weight: 500}
footer .copy{margin-top: 12px;font-size: 14px;padding-bottom: 7px}

@keyframes typo01-after{0%{left:0;width:0}50%{width:100%}to{right:0;width:0}}
@-webkit-keyframes typo01-after{0%{left:0;width:0}50%{width:100%}to{right:0;width:0}}

.contact{}
.contact .contact_wrap{width: 946px;margin: 200px auto}
.contact .contact_wrap .title{margin-bottom: 45px}
.contact .contact_wrap .title h2{font-size: 50px;line-height: 70px;margin-bottom: 35px;font-weight: 500;}
.contact .contact_wrap .title h5{font-size: 20px;line-height: 36px;font-weight: 400;}
.contact .contact_wrap .inquiryWrap{}
.contact .contact_wrap .inquiryWrap .choice01{border-top: 4px solid #000;padding-top: 44px;padding-bottom: 50px;border-bottom: 1px solid #000}
.contact .contact_wrap .inquiryWrap .choice01 h2{font-size: 20px;margin-bottom: 42px;font-weight: 600}
.contact .contact_wrap .inquiryWrap .choice01 h2 span{color: #ef0000;font-size: 16px}
.contact .contact_wrap .inquiryWrap .choice01>div{width: 135px;margin-right: 60px;overflow: hidden;display: inline-block;}
.contact .contact_wrap .inquiryWrap .choice01>div:last-child{width: auto !important}
.contact .contact_wrap .inquiryWrap .choice01>div .radio1{float: left;}
.contact .contact_wrap .inquiryWrap .choice01>div .radio1 input{margin: 0 !important;width: 18px;height: 18px}
.contact .contact_wrap .inquiryWrap .choice01>div label{float: left;margin-left: 10px;font-size: 15px;font-weight: 400}
.contact .contact_wrap .inquiryWrap .choice01>div label span{color: #ef0000}

.contact .contact_wrap .inquiryWrap .choice02{padding-top: 54px;padding-bottom: 44px;border-bottom: 4px solid #000;}
.contact .contact_wrap .inquiryWrap .choice02 h2{font-size: 20px;margin-bottom: 42px;font-weight: 600}
.contact .contact_wrap .inquiryWrap .choice02 ul{overflow: hidden;}
.contact .contact_wrap .inquiryWrap .choice02 ul li{float: left;width: 439px;margin-bottom: 32px}
.contact .contact_wrap .inquiryWrap .choice02 ul li:nth-child(2n){float: right;}
.contact .contact_wrap .inquiryWrap .choice02 ul li:last-child{margin-bottom: 0px}
.contact .contact_wrap .inquiryWrap .choice02 ul li span{display: block;font-size: 15px;font-weight: 400;margin-bottom: 10px}
.contact .contact_wrap .inquiryWrap .choice02 ul li input{width: 100%;height: 47px;line-height: 7px;box-sizing: border-box;padding:2px 4px;outline: none}
.contact .contact_wrap .inquiryWrap .choice02 ul li textarea{width: 100%;height: 265px}

.contact .contact_wrap .inquiryWrap .policy{padding-top: 40px;padding-bottom: 40px;border-bottom: 4px solid #000;}
.contact .contact_wrap .inquiryWrap .policy h2{font-size: 20px;font-weight: 600;overflow: hidden;cursor: url(../images/cursor2.png), auto !important}
.contact .contact_wrap .inquiryWrap .policy h2 span{float: right;width: 14px;height: 14px;display: inline-block;background: url('../images/plus.jpg') no-repeat;}
.contact .contact_wrap .inquiryWrap .policy h2 span.close2{background: url('../images/plus2.jpg') no-repeat !important;}
.contact .contact_wrap .inquiryWrap .policy .policy_box{border: 1px solid #ccc;padding: 35px ;box-sizing: border-box;margin-top: 25px ;display: none}
.contact .contact_wrap .inquiryWrap .policy .policy_box p{font-size: 17px;font-weight: 500;margin-bottom: 25px}
.contact .contact_wrap .inquiryWrap .policy .policy_box p:last-child{margin-bottom: 0}
.contact .contact_wrap .inquiryWrap .policy .policy_box span{font-size: 14px;font-weight: 400;margin-top: 10px;display: block;line-height: 30px}


.contact .contact_wrap .inquiryWrap .inquiry_agree{margin-top: 20px}
.contact .contact_wrap .inquiryWrap .inquiry_agree label{font-size: 15px;font-weight: 500}
.contact .contact_wrap .inquiryWrap .inquiry_agree label input{margin: 0 !important}

.contact .contact_wrap .submit{margin: 100px auto 0;text-align: center;}
.contact .contact_wrap .submit .send{width: 219px;height: 59px;border: 1px solid #000;text-align: center;line-height: 61px;font-size: 18px;font-weight: 500

#login_fs legend{display: none}
#login_fs label{display: none}