@charset "utf-8";
/* SIR Áö¿î¾Æºü */

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);


@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

html {overflow-y:scroll;overflow-x:hidden}
/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-family:'nanumsquare', sans-serif;}
body,input,textarea,select,button,table{font-family:'nanumsquare', sans-serif;font-size:11pt;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}

#wrap{width:100%;height:100%;position:absolute;}

.b_body { width:100%;min-width:1230px;height:100%;border:0px }
.b_body_1 { background:#057277;width:180px;min-width:180px;vertical-align:top }
.b_body_2 { width:calc(100% - 180px);vertical-align:top }
.b_body_2 #body_top { background:#e0e0e0;padding:10px 10px 10px 20px; }
.b_body_2 .body_content { padding:20px;width:1050px;margin-top:40px }

.gnb_logo { position:fixed;width:180px;text-align:center;margin-top:50px;margin-bottom:50px;font-size:1.3em;font-weight:600;color:#fff !important }
.gnb_logo a { color:#fff !important;text-decoration:none; }
.gnb_logo .small_title { font-size:0.85em }
.gnb  { position:fixed;width:188px;margin-top:200px; }
.gnb a { display:table;padding:10px 10px 10px 25px;width:60%;margin-top:10px;margin-left:32px;text-decoration:none;font-weight:600;color:#fff;background:#05868c;	border-top-left-radius: 39px;
	border-bottom-left-radius: 39px; }
.gnb .a4 { color:#fff;background:#000 !important; }
.gnb .a5 { color:#fff;background:#023436 !important; }

.gnb a:hover, .a_load { 
	background:#fff !important;
	border-top-left-radius: 39px;
	border-bottom-left-radius: 39px;
	color:#000 !important;
}
.gnb .a4:hover { color:gold !important;background:#000 !important; }
.gnb .a5:hover { color:gold !important;background:#023436 !important; }

.ttable { margin-top:10px;margin-bottom:10px;border-bottom:1px solid silver;border-right:1px solid silver; }
.ttable th, .ttable td{ border-top:1px solid silver;border-left:1px solid silver;padding:10px;;font-size:10pt !important }
.ttable td a { font-weight:600;color:#000 }
.ttable th { background:#f7f7f7;font-weight:600; }
.ttable tr:hover { background:#d8fdff !important }
.nohover tr:hover { background:#fff !important }

.ttables { margin-top:10px;margin-bottom:10px;border-bottom:1px solid silver;border-right:1px solid silver; }
.ttables th, .ttables td{ border-top:1px solid silver;border-left:1px solid silver;padding:10px;;font-size:10pt !important }
.ttables td a { font-weight:600;color:#000 }
.ttables th { background:#f7f7f7;font-weight:600; }


.ptitle { font-size:1.6em;font-weight:600;border-bottom: dotted silver;padding-bottom:20px }
.ptitle a{ color:gray }

.b10 { margin-bottom:30px }
.p10 { padding-top:10px }

a.btn{text-decoration: none;}

.btn {
  text-decoration: none;
  color: white;
  padding: 10px 30px;
  display: inline-block;
  position: relative;
  border: 1px solid rgba(0,0,0,0.21);
  border-bottom: 2px solid rgba(0,0,0,0.21);
  border-radius: 4px;
  text-shadow: 0 1px 0 rgba(0,0,0,0.15);
  cursor:pointer
}
.btn.large {
  padding: 20px 40px; 
  font-size: 22px;
}
.btn.small {
  padding: 8px 18px;  
  font-size: 14px;
}
.btn.mini {
  padding: 4px 12px;  
  font-size: 12px;
}
.btn.mini_form {
  padding: 8px 12px 4px 12px;  
  vertical-align: top;
  font-size: 12px;
}
.btn.block {
  display: block;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.btn.large {
  padding: 15px 45px; 
  font-size: 22px;
}
.btn.blue     {background-color: #7fb1bf;}
.btn.green   {background-color: #9abf7f;}
.btn.red      {background-color: #fa5a5a;}
.btn.purple {background-color: #cb99c5;}
.btn.cyan     {background-color: #7fccde;color:#000 }
.btn.yellow {background-color: #f0d264;color:#633b06 }

.btn.red:hover    {background-color: #e74c3c;}
.btn.blue:hover   {background-color: #699DD1;}
.btn.green:hover  {background-color: #80C49D;}
.btn.purple:hover {background-color: #D19ECB;}
.btn.yellow:hover {background-color: #F0D264;}
.btn.cyan:hover   {background-color: #82D1E3;}

.btn-group .btn { height:35px;border:0px;padding:0px 10px 0px 10px;font-weight:1rem;border-radius: 5px;color:#000 }
.btn-wa1 { background-color: #9a9a9a;color:#fff !important }
.btn-wa2 { background-color: #bcbcbc;color:#fff !important }
.now_active { background-color: #d0dbdf;color:#000 !important }
.btn-page { margin-right:2px;margin-left:2px; }

input[type="text"] { height:25px;font-size:10pt !important } 
input[type="password"] { height:25px; } 
input[type="text"], input[type="password"]  { border:1px solid #999  }
select { font-size:10pt !important;height:25px }
.big_area { width:100%;height:100%;border:1px solid #c9c9c9;padding:5px; }
.big_area option{ padding:5px;border-bottom:1px dotted silver }

a.btn {
    margin: 0px !important;

}

.login_tit .material-symbols-outlined { font-size:1.5em !important;vertical-align: middle; }
.gnb_logo .material-symbols-outlined { font-size:3em !important;vertical-align: middle;background: linear-gradient(#fff 0%, #02c6fe 100%);background-clip: text;-webkit-background-clip: text;color: transparent; }
.gnb .material-symbols-outlined { font-size:1em !important;vertical-align: middle;margin-right:5px }
.g_date .material-symbols-outlined { font-size:2em !important;vertical-align: middle; }
#top_btn .material-symbols-outlined { font-size:1em !important;vertical-align: middle;}


#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn { border:0; background:rgba(0,0,0,0.5); font-size:30px; color:#fff; right:30px; bottom:30px }
#top_btn:hover { background:rgba(0,0,0,1) }
#top_btn i { vertical-align:2px }

#body_top { position:fixed;width:100%;z-index:10000000 }
.body_top { width:100%;max-width:1050px }
.body_top .span_2{ float:right }
.body_top .blue { color:#914e18 }


.loop_btn { border:1px solid silver;padding:3px 10px 3px 10px;background:#fff;cursor:pointer }
.loop_btn:hover { background:#000;color:#fff }
.sma_date { font-size:0.8em }
.pc_span { font-size:0.8em }

.color_y { color:red }
.color_d { color:silver }
.color_w { color:blue }