@charset='utf-8';
#fix{display: none;}
#fix.fix{display: block;}
#fix.end{display: none;}

#top{position: fixed; bottom: 95px; right: 20px; z-index: 100;}
#top a{display: block; background-color: #fff; border: 1.5px solid #ccc; border-radius: 50%;  width: 50px; height: 50px; position: relative; }
#top a .ico{display: block; width: 50px; height: 50px; background: url(../../img/top_arrow.svg) no-repeat center /30px; position: absolute; top: -2px;}

#btn{position: fixed; bottom: 20px; right: 20px; z-index: 100;}
#btn .customer{display: block;  border-radius: 50%;  width: 50px; height: 50px; font-size: 0.9rem; font-weight: 500; margin: 10px 0; background-color: #0055ff; position: relative; box-shadow: 0px 0px 15px rgb(0, 48, 144,0.5); border: 1px solid #034de3;}
#btn .customer .ico{display: block; width: 35px; height: 35px; background: url(../../img/customer_white.svg) no-repeat center/50px;  position: absolute; top: 8px; left: 50%; transform: translateX(-50%);}

#btn .close{display: block;  border-radius: 50%;  width: 50px; height: 50px; font-size: 0.9rem; font-weight: 500; margin: 10px 0; background-color: #fff; position: relative; border: 1px solid #fff; position: absolute; top: 0; right: 0;  display: none; z-index: 9998; cursor: pointer}
#btn .close .ico{display: block; width: 35px; height: 35px; background: url(../../img/close_ico.svg) no-repeat center/35px;  position: absolute; top: 8px; left: 50%; transform: translateX(-50%); }

#fix .menu{position: fixed; z-index: 9999; bottom: 100px; right: 30px; display: none;}
#fix .menu li a{display: block; padding: 18px; background-color: #fff; color: #333; text-align: left; margin: 10px 0; font-size: 0.925rem; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); font-weight: 700; border-radius: 5px; width: 250px;}
#fix .menu li .ico{display: block; width: 50px; height: 40px; float: left; background-repeat: no-repeat; background-position: center; margin-right: 5px;}
#fix .menu li .call .ico{background-image: url(../../img/call_ico.svg); background-size: 65px; }
#fix .menu li .kakao .ico{background-image: url(../../img/kakao_blue.svg); background-size: 50px; }
#fix .menu li .service .ico{background-image: url(../../img/request_blue.svg); background-size: 50px; }
#fix .menu li .des{color: #666; font-weight: 500; display: block; margin-top: 5px; font-size: 0.825rem;}
#fix .blackBg{display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 9997;}

#wrap{overflow-x: hidden;}

/*모바일 헤더*/
#header{position: absolute; top: 0; z-index: 800; width: 100%;}
#headerIn{width: 90%; margin: 0 auto; position: relative; min-width: 320px;}
#header .logo{display: block; width: 100px; height: 55px; background: url(../../img/logo_blue.svg) no-repeat center/cover; text-indent: -9999px; margin: 10px 0 0 0;}
#header .mBtn{display: block; padding: 16px 2px; width: 28px; position: absolute; top: 0; right: 0;}
#header .mBtn span{display: block; width: 25px; height: 2px; background-color: #333; text-indent: -9999px; }
#header .mBtn:after{content: ""; display: block; width: 25px; height: 2px;  background: #333; margin: 5px 0; }
#header .mBtn:before{content: ""; display: block; width: 25px; height: 2px;  background: #333; margin: 5px 0; }
#header .request{display: block; position: absolute; top: 14px; right: 50px; background-color: #0055ff; color: #fff; padding: 5px 10px; border-radius: 50px;}

#header.fix{position: fixed; background-color: #fff; border-bottom: 1px solid #eee; height: 60px;}
#header.fix .logo{margin: 5px 0 0 0;}
#header.fix .mBtn{top: -3px;}
#header.fix .request{top: 12px;}

#mainVisual .inner{width: 90%; margin: 0 auto; position: relative; min-width: 320px;}
#mainVisual .place{color: #aaa; font-size: 0.825rem; margin-bottom: 5px;}

#container>div .inner{width: 90%; margin: 0 auto;  position: relative; min-width: 320px;}

/*모바일 사이드 메뉴*/
#sideMenu {width: 100%; height: 100%; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 900; display: none; overflow-y: scroll;}

.closeMenu {position: absolute; top: 10px; right: 0;}
.closeMenu a {display: block; padding: 20px 30px; color: #fff; font-size: 1rem; position: relative; text-indent: -9999px; background: #fff;}
.closeMenu a:after,
.closeMenu a:before {display: block;  content: ""; width: 24px;  height: 24px; border-right: 2px solid #000; border-radius: 2px; position: absolute;  right: 35px;}
.closeMenu a:after {top: 8px; transform: rotate(45deg);}
.closeMenu a:before {top: 25px; transform: rotate(-45deg);}

.mGnb {padding-top: 48px;}
.mGnb li {}
.mGnb .d1:first-child{padding-top:5px;}
.mGnb li .m {display: block; padding: 25px 30px;font-size: 1rem; background: #fff; color: #000;
font-weight: 500;}

.mGnb li .m span{font-weight: 300; color: #999; font-size: 0.825rem; margin-left: 10px;}

.mGnb li .m.on {background: #055fff; color: #fff;}
.mGnb li .m.on span{color: #fff}

/*모바일 사이드 메뉴 공지사항*/
.notice{padding: 30px; margin: 80px auto 0;}
.notice .tit{font-size: 1rem; font-weight: 500; color: #000; margin-bottom: 20px;}
.notice .mynotice{}
.notice .mynotice a{display: block; width: 100%; background-color: #f6f6f6; border-radius: 10px; padding: 20px 15px;}
.notice .mynotice .swiper-slide{}
.notice .mynotice .swiper-slide .title{font-size: 0.825rem;}
.notice .mynotice .swiper-slide .title .not{color: #005fff; margin-right: 5px;}
.notice .mynotice .swiper-pagination{display: block; width: 60px; bottom: 15px; left: auto; right: 10px;}

/*활성화*/
.mGnb li .sub, .mGnb li .sub2 {display: none;}
.mGnb li .sub li {}
.mGnb li .sub li a { display: block; padding: 25px 30px; background: #f2f2f2; font-size: 0.85rem; font-weight: 500;}
.mGnb li .sub2 li a {padding-left: 50px;}


#email{background:#f6f6f6; height: 200px; margin-bottom: 0;}
#email .inner{width: 90%; margin: 0 auto; min-width: 320px; padding: 35px 0;}
#email .jkh, #email .help{display: block; font-size: 0.825rem; margin: 20px 15PX;}
#email .ch span, #email .tel span{color: #0055ff; font-weight: 500;}
#email a strong{margin-right: 10px;}

#email .galaxis{display: block; background: #fff; width: 95%; margin: 30px auto; text-align: center; line-height: 20px; font-weight: 700; height: 45px; line-height: 45px; position: relative; font-size: 0.925rem; box-shadow: 0px 0px 30px rgba(0,0,0,0.1);}
#email .galaxis .ico{display:inline-block; background: url(../../img/message_ico.svg) no-repeat center/50px; text-indent: -9999px; width: 37px; height: 47px; margin-left: -8px;}

/*모바일 푸터*/
#footer{background:#191f28; height: 680px;}

#footerIn{width: 90%; margin: 0 auto; padding: 50px 0; min-width: 320px; position: relative; height: 520px;}
#footer .flogo{display: block; width: 125px; height: 50px; text-indent: -9999px; background: url(../../img/logo_white.svg) no-repeat center/cover; margin-bottom: 15px;}
.fmenu{}
.fmenu li{float: left; border-right: 2px solid #fff; margin-bottom: 50px; line-height: 1em;}
.fmenu li:nth-child(1) a{margin:0;}
.fmenu li:nth-child(3) {border-right: none;}
.fmenu li a{display: block; color: #d5e7ff; padding-right: 15px; margin-left: 15px; font-size: 0.825rem;}

.finfo{}
.finfo li{font-size: 0.825rem; color: #fff; font-weight: 300; float: left; margin:0 30px 10px 0; line-height: 2em;}
.finfo li:nth-child(2){width: 100%;}
.finfo li strong{ font-weight: 500; margin-right: 15px;}
.finfo li:nth-child(4){margin: 0 50px 50px 0;}

.copy{color: #fff; font-size: 0.825rem; font-weight: 300; margin-bottom: 30px;}
.copy2{color: #fff; font-size: 0.825rem; font-weight: 300;width: 320px; line-height: 1.5em;}

.fsns{position: absolute; bottom: 10px; left: 0;}
.fsns li{float: left; margin-right: 10px;}
.fsns li:nth-child(5){margin: 0;}
.fsns li a{display: block; width: 40px; height: 40px; text-indent: -9999px; border-radius: 50%; background-color: rgba(255,255,255,0.2); background-repeat: no-repeat; background-size: 30px; background-position: center;}
.fsns li:nth-child(1) a{background-image: url(../../img/youtube_white.svg); background-size: 25px;}
.fsns li:nth-child(2) a{background-image: url(../../img/facebook_white.svg);}
.fsns li:nth-child(3) a{background-image: url(../../img/insta_white.svg);}
.fsns li:nth-child(4) a{background-image: url(../../img/kakaoplus_wh.svg);}
.fsns li:nth-child(5) a{background-image: url(../../img/naver_white.svg); background-size: 25px;}