@charset "utf-8";
main{font-weight:600;}
/************
Dashboard
************/

/*layout*/
.dashboard__layout{display:flex; gap:50px; justify-content: space-between; /*padding:50px 12px;*/padding:20px 12px; }
.dashboard__content{flex:1; display:flex; gap:30px; flex-direction:column; max-width:780px; }
.dashboard__sidebar.left{width:400px; display:flex; /*gap:30px;*/gap:20px; flex-direction:column;}
.dashboard__sidebar.right{width:450px; display:flex; /*gap:30px;*/gap:20px; flex-direction:column;}
.box{background:#fff; padding:30px; border-radius:24px;}
.box h3{font-weight:900; /*margin-bottom:30px;*/margin-bottom:15px; font-size:18px;}

/*dashboard_header*/
.dashboard__top{/*padding:40px 0*/padding:16px 0;; background:#19479d;}
.dashboard__top .container{display:flex; align-items:center; justify-content:space-between; }
.dashboard__top .header_logo {display:flex; align-items:center;}
.dashboard__top .header_logo a{/*display: flex;*/display: inline-flex;  align-items: center; justify-content: center;}
.dashboard__top .header_logo a span{color: #fff; font-family: 'Gmarket';; font-size: 32px; font-weight: 300;; padding-left: 18px; margin-left: 18px; position: relative;} 
.dashboard__top .header_logo a span:after{content: ""; display: block; width: 1px; height: 36px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #b9c7e2;}
.dashboard__top .header_logo .logo-text span {font-family: 'Gmarket'; color: #fff;  font-size: 32px; margin-left: 14px;}
.dashboard__top .time_box{padding: 13px 25px; border-radius: 4px; border: 1px solid #fff; display: flex; gap:20px; align-items: center;}
.dashboard__top .time_box .time{display: flex; gap:20px; align-items: center;}
.dashboard__top .time_box .time p{font-family: 'Gmarket'; color: #fff;}
.dashboard__top .time_box button{width: 60px; line-height: 32px; background: #4670c2; color: #fff; font-size: 16px; border-radius:4px; border:none;}
@media all and (max-width:1200px){
		.dashboard__top{padding:30px 0;}
}
@media all and (max-width:900px){
        .dashboard__top .header_logo a img{width:200px;}
        .dashboard__top .header_logo a span{font-size:20px; padding-left:10px; margin-left:10px;}
        .dashboard__top .header_logo a span:after{height:20px;}
        .dashboard__top .time_box{padding:10px 16px;}
}
@media all and (max-width:500px){
        .dashboard__top{padding:20px 0;}
		.dashboard__top .header_logo {flex-wrap: wrap;}
        .dashboard__top .header_logo a{flex-direction:column; gap:0px;}
        .dashboard__top .header_logo a img{width:150px;}
        .dashboard__top .header_logo a span{font-size:16px; margin-left:0; padding-left:0;}
        .dashboard__top .header_logo a span:after{display:none;}
		.dashboard__top .header_logo .logo-text span {font-size:18px; margin-left: 0px; padding-top: 5px;}
        .dashboard__top .time_box{padding:0; border:none;}
}

/*dashboard__sidebar.left*/
.pf_box .change_pw_box{text-align:right; margin-bottom:16px;}
.pf_box .change_pw{ padding-left:24px; position:relative; }
.pf_box .change_pw:after{content:""; display:block; width:24px; height:24px; background:url(/resources/custom/images/sso/sub/ico-password.svg);
position:absolute; left:0; top:50%; transform:translateY(-50%); background-size: 18px auto;background-repeat: no-repeat; background-position: left center;}
.pf_box .profile{display:flex; gap:20px; align-items:center; margin-bottom:40px;}
.pf_box .profile .img{width:100px; height:100px; border-radius:100%; background:#f4f4f4; overflow:hidden;}
.pf_box .profile .img img{width:100%; height:100%; object-fit:cover;}
.pf_box .info .name{font-size:24px; font-weight:bold; margin-bottom:10px;}
.pf_box .info .type{color:#f99a2c; font-size:18px; font-weight: 600;}
.pf_box .logout_btn{width:100%; margin:0 auto; background:url(/resources/custom/images/sso/sub/ico-logout.svg)#0f3073 no-repeat 18px center; color:#fff; text-align:center;  border-radius:24px; line-height:45px; font-size: 16px;}

.alert_area{border:1px solid #c60e1a;}
.alert_area h3{margin-bottom:16px; color:#c50d19; padding-left:28px; position:relative; font-size:17px; }
.alert_area h3:after{content:""; display:block; width:22px; height:22px; background:url(/resources/custom/images/sso/sub/ico-alert.svg); position:absolute; top:50%; left:0; transform:translateY(-50%);     background-size: 100% 100%;}
.alert_area p{color:#707070; line-height:1.5; word-break: auto-phrase;}

.etcLink_area h3{margin-bottom:10px;}
.etcLink_con{height:260px; overflow-y:scroll;}
.etcLink_con > div h5{margin-bottom:10px; position:relative; padding-left:12px; font-size:16px;}
.etcLink_con > div h5:after{content:""; width:7px; height:7px; border-radius:12px; background:#000; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.etcLink_con a:hover{border:1px solid #1384d3; background:url(/resources/custom/images/sso/sub/ico-more-hover.svg) #1384d3 no-repeat calc(100% - 30px) center;
color:#fff; }

/*dashboard__content*/
/*.qk_area{min-height:510px; display: flex;align-items: center;justify-content: center;}
.qk_list{display:flex; gap:20px 30px; flex-wrap:wrap;}
.qk_itm{width:calc((100% - 60px) / 3); height:130px;  background:#eff3fc; border-radius:24px;}
.qk_itm a{display:block; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:12px;}
.qk_itm i{width:40px; height:40px; display:flex; align-items:center; justify-content:center;}
.qk_itm i img{width:100%; height:100%; }
.qk_itm p{font-size:17px; font-weight:900;}*/
.qk_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 한 줄에 무조건 3개 */
  gap: 20px 30px;
}
.qk_itm {
  height: 130px;
  background: #eff3fc;
  border-radius: 24px;
}
.qk_itm a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
}
.qk_itm i {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qk_itm i img {
  width: 100%;
  height: 100%;
}
.qk_itm p {
  font-size: 17px;
  font-weight: 900;
}

.noti_area{position:relative;}
.noti_more{position:absolute; right:30px; top:30px;}
.noti_itm a{display:flex; padding:17px 10px; justify-content:space-between; border-bottom:1px solid #dddddd; }
.noti_itm .nt-tit{width:calc(100% - 100px);  white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.noti_itm .nt-date{width:100px; text-align:right; }

/*dashboard__sidebar.right*/
.fsLink_area{padding-bottom:0; }
.fsLink_list{/*max-height:430px;*/max-height:410px; overflow-y:scroll;}
.fsLink_list a:hover{border:1px solid #f8931d; background:url(/resources/custom/images/sso/sub/ico-more-hover.svg) #f8931d no-repeat calc(100% - 30px) center;
color:#fff; }

.notLink_list a:hover{border:1px solid #017f42; background:url(/resources/custom/images/sso/sub/ico-more-hover.svg) #017f42 no-repeat calc(100% - 30px) center;
color:#fff; }

.linkCon a{display:block; width:100%; /*padding:20px 30px;*/padding:15px 30px; border:1px solid #dddddd; margin-bottom:10px; border-radius:12px;
background:url(/resources/custom/images/sso/sub/ico-more.svg) no-repeat calc(100% - 30px) center; transition:all .3s;}

@media all and (max-width:1700px){
		.box h3{margin-bottom:10px;}
		.dashboard__layout{gap:20px;}
		.dashboard__content{width:45%;}
		.qk_area{min-height:490px;}
		.linkCon a{padding:20px 16px; background-position:calc(100% - 16px ) center!important;} 
		/*.qk_list{gap:10px;}
		.qk_itm{width: calc((100% - 20px) / 3);}*/
}
@media all and (max-width:1200px){
		.box{padding:20px; border-radius:20px;}
		.dashboard__layout{flex-direction:column;}
		.dashboard__sidebar.left, .dashboard__sidebar.right, .dashboard__content{width:100%; max-width:unset; flex-direction:row; gap:20px; justify-content: space-between; flex-wrap:wrap;}
		
		.pf_box{flex:1;}
		.etcLink_area{width:300px;} 
		.alert_area{width:250px;}
		
		.qk_area{flex:1;}
		.qk_itm{border-radius:12px;}
		.qk_itm p{font-size:16px;}
		.noti_area{width:40%}
		
		.dashboard__sidebar.right > div{flex:1;}
		
		.linkCon a{padding:12px; border-radius:4px;}
}

@media all and (max-width:900px){
		.pf_box{width:100%; flex:auto;}
		.etcLink_area{ width:60%; } 
        .alert_area{flex:1;}
        
        .qk_area{width:100%; }
		.qk_list { grid-template-columns: repeat(2, 1fr);}
        .noti_area{width:100%;}
}
@media all and (max-width:767px){
		/*.qk_itm{width: calc((100% - 10px) / 2);}*/
		
		.dashboard__sidebar.right > div{flex:auto; width:100%;}
		.fsLink_list{max-height:unset;}
}
@media all and (max-width:500px){
		.etcLink_area{width:100%}
		.etcLink_con{height:unset;}
		.qk_list { grid-template-columns: 1fr;}
}


/************
Login Page
************/
.loginBox .fix-layout{max-width:1520px;}
.loginBox *{font-family:'Pretendard'; font-size:16px; font-weight:500;}
.loginBox h2{font-size:30px; font-weight:600; margin-top:0;}
/*loginTop*/
.loginTop{padding:45px 0 20px 0;background:url(/resources/custom/images/sso/login/login-top-bg.jpg); background-size:cover; }
.ltTop{display:flex; align-items:center; justify-content:space-between; margin-bottom:60px;}
.ltTop h1 a{display:flex; align-items:center; gap:16px; }
.ltTop h1 span{font-family:'Gmarket'; color:#fff; font-size:26px }
.ltTop .header_logo {display:flex; align-items:center;}
.ltTop .header_logo a{/*display: flex;*/display: inline-flex;  align-items: center; justify-content: center;}
.ltTop .header_logo a span{color: #fff; font-family: 'Gmarket';; font-size: 32px; font-weight: 300;; padding-left: 18px; margin-left: 18px; position: relative;} 
.ltTop .header_logo a span:after{content: ""; display: block; width: 1px; height: 36px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #b9c7e2;}
.ltTop .header_logo .logo-text span {font-family: 'Gmarket'; color: #fff;  font-size: 32px; margin-left: 14px;}
.ltTop .goBnue{padding:14px 45px 14px 24px; background:url(/resources/custom/images/sso/login/ico-link.png)#0f2149 no-repeat calc(100% - 20px) center;
color:#fff; font-size:18px; border-radius:20px;}
.ltUtil{display:flex; gap:20px; padding-left:650px;/*padding-left:140px;*/}
.ltUtil .down{padding:18px 50px 18px 24px; border:1px solid #fff; color:#fff; font-size:18px; font-weight:bold; background:url(/resources/custom/images/sso/login/ico-download.png) no-repeat calc(100% - 24px) center;}
.ltUtil .down:hover{background-color:#1087f5; color:#fff;}
.ltUtil .link-btn{padding:18px 24px; background:#007c3c; color:#fff; font-size:18px; border-radius:8px;}

@media all and (max-width:900px){
        .ltTop .header_logo a img{width:200px;}
        .ltTop .header_logo a span{font-size:20px; padding-left:10px; margin-left:10px;}
        .ltTop .header_logo a span:after{height:20px;}
}
@media all and (max-width:500px){
        .ltTop .header_logo {flex-wrap: wrap;}
        .ltTop .header_logo a{flex-direction:column; gap:0px;}
        .ltTop .header_logo a img{width:150px;}
        .ltTop .header_logo a span{font-size:16px; margin-left:0; padding-left:0;}
        .ltTop .header_logo a span:after{display:none;}
        .ltTop .header_logo .logo-text span {font-size:18px; margin-left: 0px; padding-top: 5px;}
}

/*Login Content*/
.loginContent .con{display:flex; gap:30px;}
.loginLeft{width:60%; padding:30px 0;}
/*Login Content - noti*/
.notiBox{padding:20px 30px; background:#f6f6f6; border-radius:24px; display:flex; margin-bottom:45px; min-height:290px; max-height:290px; overflow-y:scroll;}
.notiBox h2{width:160px; text-align:center; position:relative; padding-top: 20px;}
.notiBox h2:after{content:""; display:block; width:85px; height:85px; background:url(/resources/custom/images/sso/login/ico-noti.png); background-size:cover;
position:absolute; left:50%; transform:translateX(-50%); top:70px;}
.loginNoti{width:calc(100% - 160px);}
.notiItm{margin-bottom:10px}
.notiItm:last-child{margin-bottom:0;}
.notiItm a{display:block; padding:14px 24px; background:#fff; border:1px solid #ededef; border-radius:4px; display:flex; gap:5px; align-items:center; }
.notiItm a > span{color:#4980d9; width:40px; }
.notiItm a > p{width:calc(100% - 40px); white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color:#292c35; margin: 0}
.notiItm.importance a{background:#fbf8dc}
.notiItm.importance a > span{color:#c40d18;}
/*Login Content - sch*/
.schBox{padding:30px; border-radius:24px; background:#eef7ff; position:relative; }
.schBox h2{color:#004381; margin-bottom:25px; }
.schTab {position:absolute; right:30px; top:30px; }
.schTab button{width:100px; line-height:40px; border-radius:30px; border:1px solid #155d9f; color:#155d9f; font-size:18px; background:transparent;}
.schTab button.is-active{color:#fff; background:#155d9f;}
.schCon{min-height:210px; max-height:230px; overflow-y:scroll;}
.schList{display:none; }
.schList.is-active{display:flex; gap:10px 25px;; flex-wrap:wrap;}
.schItm{width:calc((100% - 25px) / 2);}
.schItm > a{display:block; padding:15px 24px; background:#fff; border:1px solid #fff; border-radius:24px;}
.schItm > a:hover{text-decoration:none; border:1px solid #026294;}
.schItm .sc-date{font-family:'Gmarket' !important; color:#939393; font-weight:300;}
.schItm .sc-desc{font-family:'Gmarket' !important; color:#1c1c1c; font-size:18px; margin-top:6px; font-weight:300;}


.loginRight{width:40%; position:relative; padding:80px 40px 20px 40px; margin-top:-110px;}
.loginRight:before{content:""; display:block; width:100vh; height:100%; position:absolute; left:0; top:0; background:#0e2c72; border-radius:50px 0 0 0;}
.loginRight:after{content:"BNUE"; display:block; font-family:'Gmarket'; color:#5d6a94; position:absolute; bottom:250px; /*right:-300px;*/ right:-380px; transform:rotate(-90deg); font-size:200px;}
.loginInte , .loginCert{z-index:1; position:relative; }
#loginform{max-width:450px;}
#loginform input[type="text"], #loginform input[type="password"]{padding:18px 12px 18px 50px; background:#fff; border:1px solid #d9d9d9; width:100%; font-size:16px; color:#4e4e4e;  }
#loginform input[name="userId"]{background:url(/resources/custom/images/sso/login/ico-id.png)#fff no-repeat 20px center; margin-bottom:20px;}
#loginform input[name="userPassword"]{background:url(/resources/custom/images/sso/login/ico-pw.png)#fff no-repeat 20px center; margin-bottom:20px;}
#loginform input::placeholder{color:#4e4e4e;}
#loginbutton{border: none; width:100%; line-height:65px; border-radius:12px; background:linear-gradient(to right,rgba(230, 237, 254, 1) 0%, rgba(191, 214, 253, 1) 100%); font-size:20px;
color:#091f59; font-weight:600;}
.saveId{text-align:right; margin:20px 0;}
.saveId label{color:#fff; }
.saveId  input {display: none; }
.saveId #saveId{display:none;}
.saveId #saveId + label{cursor:pointer;}
.saveId #saveId + label > span{vertical-align: middle;padding-left: 5px; color:#fff; }
.saveId #saveId + label:before{content:"";display:inline-block;width:25px;height:25px;background:#fff;border-radius: 30px;vertical-align:middle;}
.saveId #saveId:checked + label:before{content:"";background-color:#fff;background-image: url(/resources/custom/images/sso/login/ico-check.svg);
  background-repeat: no-repeat;background-position: 50%;}
.loginList ul{display:flex; gap:20px; align-items:center; justify-content:center; }
.loginList li{padding-left:8px; position:relative ;}
.loginList li:after{content:""; display:block; width:3px; height:3px; background:#2fedf4; border-radius:12px; position:absolute; left:0; top:-5px;}
.loginList a{color:#fff; position:relative; padding-bottom:4px;}
.loginList a:hover{color:#fff; text-decoration:none;}
.loginList a:before{position:absolute; bottom:0; left:0; width:100%; height:1px; background:#fff; content:""; display:block; }
.loginCert{margin-top:70px; max-width:450px;}
.loginCert h2{color:#fff; font-size:22px !important; position:relative; margin-bottom:20px;}
.loginCert h2:after{content:""; width:calc(100% - 150px); height:1px; background:rgba(255,255,255,.3); position:absolute; top:50%; right:0; transform:translateY(-50%);}
.loginCert p{padding:18px 4px; text-align:center; width:100%; border:1px solid #fff; color:#fff; word-break: auto-phrase;}
.certiAlert{padding-left:40px; position:relative; color:#fff; margin:20px 0; font-size:16px;}
.certiAlert:after{content:""; display:block; width:25px; height:25px; background:url(/resources/custom/images/sso/login/ico-alert.png); background-size:cover;
position:absolute; left:5px; top:50%; transform:translateY(-50%);}
.certList{display:flex; gap:10px;}
.certList > li{width:calc((100% - 10px) / 2);}
.certList > li button{width:100%; line-height:65px; border-radius:12px; font-size:20px; font-weight:600; text-align:center; border:none;}
.certList #certLogin{background:#1087f5; color:#fff;}
.certList #certRegist{background:#e7effc; color:#004191;}

@media all and (max-width:1300px){
		.ltUtil{padding-left:0;}
}
@media all and (max-width:1024px){
		.loginTop{padding:20px 12px 50px 12px;}
		.ltTop{margin-bottom:20px;}
		
		#loginWrap .fix-layout{flex-direction:column; padding:0;}
		
		.loginRight{order:1; margin-top: -30px; width:98%; margin-left:auto; margin-right:0;}
		.loginRight:before{width:100%; }
		#loginform , .loginCert{width:90%; max-width:unset;}
		
		.loginLeft{order:2; width:100%; padding:0 12px; padding-bottom:30px;}
		.notiBox{margin-bottom:20px; max-height:unset; }
		.schCon{max-height:unset; }
}
@media all and (max-width:767px){
		.ltTop .goBnue{font-size:16px;}
        .ltTop h1 span{font-size:18px;}
        .ltTop h1 img{width:180px;}
        
		.ltUtil .down{padding:14px 50px 14px 14px; font-size:16px;}
		.ltUtil .link-btn{padding:14px; font-size:16px;}
		
		.loginRight:after{bottom:200px;}
		
		.loginCert{margin-top:30px;}
}
@media all and (max-width:600px){
		.ltTop h1 a{flex-direction:column; gap:6px;}
		.ltTop h1 span{font-size:20px;}
		.ltUtil{flex-wrap:wrap; gap:10px;}
		.ltUtil a{width:100%;}
		.ltTop .goBnue{padding: 14px 30px 14px 12px; background: url(/resources/custom/images/sso/login/ico-link.png) #0f2149 no-repeat calc(100% - 12px) center; border-radius:4px;}
		
		#loginform, .loginCert{width:100%;}
		
		
		.notiBox{flex-direction:column; padding:30px;}
		.notiBox h2{width:100%; padding-top:0; text-align:left;}
		.notiBox h2:after{transform: unset; left:unset; top:-10px; right:0; width:40px; height:40px;}
		.loginNoti{width:100%;} 
		
}
@media all and (max-width:500px){
		.loginRight{padding:40px 20px;}
		.certList > li button{font-size:18px;}
		.schBox h2{margin-bottom:10px;}
		.schList.is-active{flex-direction:column; gap:10px; }
		.schItm{width:100%;}
		.schTab{position:unset; top:inherit; right:inherit; margin-bottom:10px;}
}

/*modal 공통*/
.modal {display: none; position: fixed; z-index: 999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.modal-content {background-color: #fefefe; margin: auto;  border: 1px solid #888; width: 80%; border-radius: 10px;}
.modal-header {position: relative; padding: 20px; border-bottom: 1px solid #ddd;}
.modal-header .modal-title {margin: 0 10px; font-size: 20px; font-weight: 400;}
.modal-body {padding: 20px;}
.modal-header .close {position: absolute; top: 15px; right: 20px; color: #aaa; float: right; font-size: 28px; font-weight: bold;}
.modal-header .close:hover,
.modal-header .close:focus {color: #000; text-decoration: none; cursor: pointer;}

/*인증서 등록 modal*/
#certModal {text-align: center; z-index: 1 !important;}
#certModal .modal-content {width: 420px;}
#certModal .modal-header .close {top: 20px; color: #000; opacity: 1; font-weight: 400;}
#certModal .modal-header h2 {font-size: 24px; font-weight: 400;}
#certModal input[type="text"],
#certModal input[type="password"] {width: 100%; letter-spacing: -2px; height: 50px; font-size: 18px; margin-bottom: 15px;}
#certModal .modal-body {padding: 30px;}
#certModal .modal-footer {/*display: none;*/}
#certModal #certRegist {width: 100%; height: 50px; color: #fff; background: #134290; font-size: 18px; border-radius: 5px; letter-spacing: -2px;}

/*비밀번호 변경 modal*/
#changePwModal {text-align: center;}
#changePwModal .modal-content {width: 700px;}
#changePwModal .modal-header .close {top: 20px; color: #000; opacity: 1; font-weight: 400; display: none;}
#changePwModal .modal-header h2 {font-size: 24px; font-weight: 400;}
#changePwModal .modal-body {padding: 30px;}
#changePwModal .pw_noti {position: relative; text-align: left; font-size: 16px; margin-bottom: 10px; padding-left: 10px;}
#changePwModal .pw_noti:before {content: ""; position: absolute; top: 4px; left: 0; width: 3px; height: 16px; background: #0f449e;}
#changePwModal .pw_box {border: 1px solid #ddd; padding: 20px 20px 10px;}
#changePwModal .pw_box .pw_tip {padding-bottom: 10px; text-align: left; font-size: 15px;}
#changePwModal .pw_box .pw_tip li {position: relative; padding-left: 15px;}
#changePwModal .pw_box .pw_tip li:before {content: ""; position: absolute; top: 9px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #0f449e;}
#changePwModal label {width: 20%; float: left; line-height: 50px; font-size: 16px; text-align: right; padding-right: 20px;}
#changePwModal input[type="password"] {width: 80%; float: left; letter-spacing: -2px; height: 50px; font-size: 16px; margin-bottom: 10px;}
#changePwModal .pw_btn {margin-top: 30px;}
#changePwModal .pw_btn .btn {width: 150px; height: 50px; margin: 0 5px; color: #fff; font-size: 16px; border-radius: 5px; letter-spacing: -2px;}
#changePwModal .pw_btn .btn.btn01 {background: #134290;}
#changePwModal .pw_btn .btn.btn02 {background: #484848;}
#changePwModal .pw_btn .btn.btn02 p {display: none;}

@media all and (max-width: 1100px) {
		#certModal .modal-content {width: 60%;}
}
@media all and (max-width: 800px) {
    #certModal .modal-content {width: 70%;}
    #changePwModal .modal-content {width: 90%;}
}

@media all and (max-width: 700px) {
    #changePwModal label {float: none; width: 100%; text-align: left;}
    #changePwModal input[type="password"] {width: 100%; float: none;}
}
@media all and (max-width: 500px) {
	#certModal .modal-content {width: 95%;}
    #certModal .modal-header h2 {font-size: 20px;}
    #certModal .modal-header .close {font-size: 24px;}
    #certModal .modal-body {padding: 20px;}
    #certModal input[type="text"],
    #certModal input[type="password"],
    #certModal #certRegist {font-size: 16px; height: 45px;}
    
    #changePwModal .pw_noti,
    #changePwModal label,
    #changePwModal input[type="password"],
    #changePwModal .pw_box .pw_tip {font-size: 14px;}
    #changePwModal label {line-height: 30px;}
    #changePwModal input[type="password"] {height: 40px;}
    #changePwModal .pw_btn {margin-top: 20px;}
    #changePwModal .pw_btn .btn {width: 100px; height: 40px; font-size: 14px; margin: 0 2px;}	
}

footer{display:none;}