/*br class*/
.br1440 {display:none}
.br768 {display:none}
.br428 {display:none}


/*header*/
header .wrap{width: 100%; padding-top:5px;}
header h2{width:100%;color: #fff;font-size: 30px;padding:15px;text-align: center;font-family: Noto Serif KR;font-weight: 300;letter-spacing: 0em;}
a:hover {color: #000; text-decoration: none;}
a.bt:hover {text-decoration: none;}
a.bt.bt_w:hover {color: #90cf07; border-color:#90cf07; transition: .25s;}

.logo a{font-size: 0;line-height: 0;width: 275px;height: 57px;background:url(../images/logo_c.png)center no-repeat;display: block;}
.main_logo.logo a{background:transparent;}

.gnb {position: relative;}
.gnb .vol p span,.gnb .logo h1 {font-family: 'Noto Serif KR', serif;}

.gnb li {padding: 20px 5%;margin: 10px 0;text-align:center;}
.gnb .vol {border-right: 1px solid #aaa;}
.gnb .menu {}
.gnb .menu > span {position: absolute;display: inline-block;right: 6%;margin: 0px 70px 0 0;font-size: 13px;letter-spacing: 0;background: #fb6e67;border-radius: 30px;padding: 10px 25px;color: #fff;}
.gnb .menu a > span {position: absolute;display: inline-block;padding: 4px 50px;width: 140px;right: 6%;font-size: 17px;font-weight: 600;}
.gnb .vol p {text-align:center;margin-top: 0;}
.gnb .vol p span {display: block;padding:2px;color: #000;font-weight: 300;}
.gnb .logo {position: absolute;text-align: left;top: 0;left: 5%;padding: 15px 0;}

.gnb .menu a{display: block;background: url(../images/common/menu.png) no-repeat 50% 50%;width: 43px;height: 30px;margin-top: 2px;background-size: 100%;text-indent: 0;}

.capsule {display: inline-block;padding:5px 20px;border-radius: 50px;font-family:  font-size: 20px;color: #c32502;letter-spacing: 0;font-size: 20px;}

/*#menu_open {position: fixed;top: 0;width: 100%; opacity: 0;  margin: 0;padding: 50px 8vw; background: #fff; left:0%;z-index:-1;transition: .3s;}
#menu_open .wrap { padding-top:0;}
#menu_open.menu_open {opacity:1;right:0;z-index:9999; transition: .5s}
#menu_open h2,#menu_open h3,#menu_open p {text-align:center;}
#menu_open h2 {font-family: 'Hahmlet', serif;padding: 50px; font-size: 48px; border-bottom: 1px solid #000;}
#menu_open ul {padding: 50px;}
#menu_open ul li a {display: block; margin-bottom: 40px; text-align: center;}
#menu_open ul li a p {display: inline-block;color: #246ca1;font-size: 20px;margin: 10px auto;border: 1px solid #fff;border-radius: 50px;padding: 5px 15px;}
#menu_open ul li h3 {font-size: 24px;min-height: 50px;}
#menu_open ul li h3 span {display: block; font-family: "noto serif kr",serif; font-size: 14px; padding-top: 10px; color: #999;}

#menu_open ul li a:hover h3 {color: #246ca1;text-decoration: none;}
#menu_open ul li a:hober p { border: 1px solid #246ca1; }

#menu_open .close_bt {position: absolute;top: 70px;right: 80px;z-index: 99999; cursor: pointer;}
#menu_open .close_bt span {position: relative;display: block;font-size: 0;width:60px;height: 60px;top: 0px;border-radius: 60px;background:#000000;}
#menu_open .close_bt span:before,
#menu_open .close_bt span:after {position: absolute;content: "";display: block;width:30px;height: 2px;top: 28px;left: 15px;background:#fff;}
#menu_open .close_bt span:before {transform: rotate(45deg);}
#menu_open .close_bt span:after {transform: rotate(-45deg);}
*/

/*footer*/
footer{position: relative;background-color: #f1f5ff;padding: 42px 0;text-align: center;margin-top: 100px;}
footer .sns {
    text-align: center;
}
footer .sns a {display: inline-block;width: 40px;height: 40px;margin-left: 15px;/* opacity: 0.5; */font-size: 0;}
footer .sns a:hover {opacity: 1;}
footer .sns a.sns_f {background:#34afdd url(../images/common/sns_f.png) no-repeat 50%;border-radius: 10px;padding: 10px;}
footer .sns a.sns_y {background:#34afdd url(../images/common/sns_y.png) no-repeat 50%;border-radius: 10px;padding: 10px;}
footer .sns a.sns_b {background:#34afdd url(../images/common/sns_b.png) no-repeat 50%;border-radius: 10px;padding: 10px;}
footer .sns a.link_h {background:#34afdd url(../images/common/link_h.png) no-repeat 50%;border-radius: 10px;padding: 10px;}
footer .copy .right {position: absolute; top: 88px; right: 5%; text-align: right;}
footer .sns a:hover {background-color: #fb6e67;}

/*main-sub content*/
.m {display: none}
.info {position: relative;}
.top{position: relative; overflow-y: hidden;}
.top p {display: inline-block;}
.top span{margin-left: 45px; font-size: 18px; font-weight: 500; color: #0084ff;}
.top:before {position: absolute; display: inline-block; top: 5px; content: ""; width:33px; height: 18px; border-radius: 20px; border: 2px solid #0084ff;}
.top i {position: absolute; direction: inline-block; top: 10px; width:12px; height: 12px; border-radius: 20px; background: #0084ff; animation:i_on 0.5s 1 forwards;}


/*sns bt*/
.sns_total {position:fixed;top:40%;right:4%; z-index:998}
.sns_total li {list-style:none;margin-bottom:10px}
.sns{display: flex;align-items: center;justify-content: center;}
.sns a{font-size: 0;line-height: 0;width: 50px;height: 50px;border-radius: 50%;margin-right: 13px;display: block;background-position: center;background-repeat: no-repeat;background-size: 100%;}
.sns a:last-child{margin-right: 0;}
.sns .instagram{background-image: url(../img/common/sns-instagram.png);}
.sns .facebook{background-image: url(../img/common/sns-facebook.png);}
.sns .flicker{background-image: url(../img/common/sns-flicker.png);}
.sns .youtube{background-image: url(../img/common/sns-youtube.png);}


@media screen and (max-width: 1680px) {
    /*#menu_open {position: absolute; top: 0;}
    #menu_open ul li { width: 33.3333%; overflow-y: scroll;}*/
}
@media screen and (max-width: 1600px) {
    footer {}
    footer section {display: relative; height: 100px;}
    footer .sns{/* top: 124px; */}
}
@media screen and (max-width: 1400px) {
    #menu_open {position:  fixed; top: 0; padding: 30px 3vw;overflow-y:auto;height: 100vh;box-shadow: 5px 5px 5px #00000024;}
    #menu_open ul li {width: 48%;margin: 0 1%;/* overflow-y: scroll; */}
    .Other .wrap h3 {font-size: 20px}
	.gnb .menu a > span {display: none;}
    .gnb .menu > span {padding: 10px 20px;}   
}
@media screen and (max-width: 1024px) {
	.pc {display: none}
    .m {display: block;}
    .m img {max-width: 100%;}
    #menu_open .close_bt { top: 10px; right: 10px; }
}
@media screen and (max-width: 768px) {
    header .logo a {width: 120px;height: 41px;background-size: 100%;}
    .gnb .menu a {width: 30px; height: 20px;}
    .gnb .menu > span {padding: 6px 15px 7px 15px;font-size: 10px;right: 0;margin-right: 65px;transform: scale(.9);}
    #menu_open h2 {padding: 30px; font-size: 30px;}
    #menu_open ul {padding: 2%;}
    #menu_open ul li a {min-height: 120px;}
    #menu_open ul li a p,#menu_open ul li h3 span {font-size: 12px;}
    #menu_open ul li h3 {font-size: 14px;}
    .gnb .logo {padding-top: 4px;}
}
@media screen and (max-width: 600px) {
    .gnb li {padding-top: 14px;}
    footer {/* padding: 30px 0 50px; */}
    footer .sns {top: 40px;}

    footer .sns a.sns_f,
    footer .sns a.sns_y,
    footer .sns a.sns_b,
    footer .sns a.link_h {/* background-size: 70% */}
    footer .sns a {margin-left: 8px}
}
@media screen and (max-width: 475px) {
}
@media screen and (max-width: 428px) {
}
@media screen and (max-width: 414px) {
    .capsule {font-size: 12px; letter-spacing: 0;}
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 360px) {
}