@charset "utf-8";

/* PC-Wide Css */
body{position:relative; min-width:320px; }
body.fixed{ position:fixed; top:0; left:0; width:100%; height:100%; }

.wrapper{ position: relative; width: 100%; overflow-x: hidden;}
.wsize{position:relative; max-width:1276px; margin:0 auto; }

.sm_wsize,
.wsize.sm_wsize{position:relative; max-width:900px; margin:0 auto; }

@media screen and ( max-width:1300px){
    .wsize{ max-width:94%; transition:max-width 0.6s; }
}
@media screen and ( max-width:920px){    
    .sm_wsize,
    .wsize.sm_wsize{ max-width:94%; transition:max-width 0.6s; }
}

/*login*/
#cnt_mem_login{height:calc(100vh - 80px);}
#container #cnt_mem_login .wsize{padding:160px 0;height: 100%}

/*skip navigation*/
.skip_navi{ position:relative; z-index:10000; width:100%;  margin:0 auto; }
.skip_navi > ul {}
.skip_navi > ul li{}
.skip_navi > ul li a{ display:block; position:absolute; top:-1000px; left:0px; width:100%;  height:46px; text-align:center;  line-height:46px;  color:#FFF; font-weight:700; background-color:#094fa3;  }
.skip_navi > ul li a:focus{  top:0px;  }


/* header */
.header{ position: relative; z-index: 1000;  background-color: #fff; }
.header .head_top{  border-bottom: 1px solid #d7d7d7; display:block;}
.header .head_top .wsize{ display: flex; justify-content: flex-end; align-items: center;  height: 40px;}
.header .head_bottom{ position: relative; border-bottom: 1px solid #d7d7d7; height: 80px; }

/* logo */
.top_logo{ position: absolute; z-index: 100; top: 15px; left: 0px; }
.top_logo a{ }
.top_logo a img{height:40px;}

/* util */
.util_group{ }
.util_group .welcome{ font-size: 14px;}
.util_group .welcome > span{ font-weight: bold; color: #1161c9;}
.util_group .bt{ margin-left: 3px;}
.util_group .bt{ display: inline-block; padding: 3px 6px; border: 1px solid #ccc; border-radius: 3px; transition: 0.3s; font-size: 14px;}
.util_group .bt:hover{ background-color: #363636; color: #fff; border-color:#363636 ; text-decoration: none;}
.util_group .bt.bt_login{  border: 1px solid #0099ff; background-color: #0099ff; color: #fff; }
.util_group .bt.bt_login:hover{ border-color: #1d61b5; background-color: #1d61b5; }
.util_group .bt.bt_logout{  border: 1px solid #ff5050; background-color: #ff5050; color: #fff; }
.util_group .bt.bt_logout:hover{ border-color: #ff5050; background-color: #dd2727; }

.sub_cnt_area .wsize.join{padding-bottom:0;}
.sub_cnt_area .join article.article{margin: 45px auto;}


.gnb.on{height:80px;}


/*데이터 허브*/
.top_list_wrap .block1.img_box{width:40%;}
.top_list_wrap .block1.d_hub{width:60%;}
.block1.d_hub .cate_list_wrap{margin-top:30px;}
.block1.d_hub .cate_list_wrap dl > dd{min-height:270px;max-height:270px;}