@charset "utf-8";

#wrap{}

/*header*/
#header{position:fixed;top:0;left:0;width:100%;z-index:7000;}
#header_wrap{position:relative;text-align:center;height:70px;background-color:#fff;line-height:70px;font-size:21.4px;font-weight:800;transition-duration:0.3s;}
#header_wrap a.btn_reg_n_back{display:block;position:absolute;top:50%;left:8px;height:50px;line-height:47px;width:50px;transform:translateY(-50%);}
#header_wrap a.btn_reg_n_back img{width:40px;vertical-align:middle;transition-duration:0.3s;}
#header_wrap .open_menu{position:absolute;top:50%;right:10px;height:50px;line-height:50px;width:50px;transform:translateY(-50%);}
#header_wrap .open_menu img{width:40px;vertical-align:middle;transition-duration:0.3s;}

#header_wrap.scrolled{height:56px;line-height:56px;font-size:19px;box-shadow:0 1px 1px rgba(0,0,0,0.15);}
#header_wrap.scrolled .btn_reg_n_back{left:8px;height:44px;line-height:44px;}
#header_wrap.scrolled .btn_reg_n_back img{width:36px;}
#header_wrap.scrolled .open_menu{right:10px;height:44px;line-height:44px;}
#header_wrap.scrolled .open_menu img{width:36px;}


#gnb{position:fixed;top:0;left:-350px;width:300px;height:100%;background-color:#fff;box-shadow:4px 0 8px rgba(0,0,0,0.15);z-index:9002;}
#gnb_top_wrap{position:relative;padding:30px 0 20px 30px;}
#gnb_top_wrap a.logo{display:block;width:100px;}
#gnb_top_wrap h1{font-size:12.4px;color:#999;font-weight:500;letter-spacing:0.4px;margin-top:5px;}
#gnb_top_wrap .close_menu{display:block;width:50px;height:50px;position:absolute;top:5px;right:5px;line-height:50px;text-align:center;}
#gnb_top_wrap .close_menu img{width:36px;}
#gnb .user_info{background:url(../img/svg/user.svg) no-repeat 28px center #f1f1f1;background-size:20px auto;font-size:14px;line-height:46px;padding:0 0 0 50px;}
#gnb .user_info span{font-size:19px;transform:translateY(-1px);}
#gnb ul.menu{}
#gnb ul.menu>li{border-top:1px solid #ededed;padding:15px 0 15px 28px;}
#gnb ul.menu>li:first-child{border:none;}
#gnb ul.menu>li>a{display:block;font-size:18px;color:#222;line-height:40px; font-weight:700;background:url(../img/svg/folder.svg) no-repeat 0 8px;background-size:22px auto;padding-left:27px;}
#gnb ul.menu>li>a.selected{color:#0876DC;}
#gnb ul.menu li .submenu{padding:0 0 0 28px;}
#gnb ul.menu li .submenu a{display:block;line-height:32px;font-size:16px;color:#555;font-weight:500;}
#gnb ul.menu li .submenu a.selected{color:#0876DC;}
#bg_gnb{display:none;position:fixed;top:0;left:0;width:100%; height:100%;background-color:rgba(0,0,0,0.4);z-index:9001;}


/*bottom_navi*/
#bottom_navi{position:fixed;bottom:0;left:0;width:100%;background-color:#f2f2f2;z-index:7000;}
#bottom_navi ul{display:flex;flex-shrink:0;}
#bottom_navi li{width:16.6666666666666%;}
#bottom_navi li a{display:block;text-align:center;font-size:14px;font-weight:600;line-height:1.3;padding:33px 0 12px;}
#bottom_navi li:nth-child(1) a{background:url(../img/svg/list.svg) no-repeat center 12px;background-size:20px;}
#bottom_navi li:nth-child(2) a{background:url(../img/svg/add.svg) no-repeat center 12px;background-size:20px;}
#bottom_navi li:nth-child(3) a{background:url(../img/svg/message.svg) no-repeat center 12px;background-size:20px;}
#bottom_navi li:nth-child(4) a{background:url(../img/svg/question.svg) no-repeat center 12px;background-size:20px;}
#bottom_navi li:nth-child(5) a{background:url(../img/svg/notice.svg) no-repeat center 12px;background-size:20px;}
#bottom_navi li:nth-child(6) a{background:url(../img/svg/meeting.svg) no-repeat center 12px;background-size:20px;}

/*본문공통*/
#container{padding:70px 0 100px;}
#content{}