@charset "utf-8";




@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(../font/NotoSansKR-Regular.woff2) format('woff2'), url(../font/NotoSansKR-Regular.woff) format('woff'), url(../font/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url('../font/NotoSansKR-Bold.woff2') format('woff2'), url(../font/NotoSansKR-Bold.woff) format('woff'), url('../font/NotoSansKR-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'GmarketSansTTFBold';
    font-style: normal;
    font-weight: 100;
    src:  url('../font/GmarketSansTTFBold.woff') format('woff'),
       url('../font/GmarketSansTTFBold.ttf') format('truetype');
}

@font-face{
	font-family:'NanumGothic';
	src:url('font/NanumGothic.eot');
	src:url('font/NanumGothic.eot?#iefix') format('embedded-opentype'), /* ie6,7,8적용 embed-opentype ie 8,9 적용 */
		url('font/NanumGothic.woff') format('woff'), /* ie 제외한 나머지  */
		url('font/NanumGothic.ttf') format('truetype'),
		url('font/NanumGothic.svg#NanumGothic') format('svg'); /* 모바일브라우져를 위해서 */
	src:local(※), url('font/NanumGothic.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family:'NanumGothicBold';
	src:url('font/NanumGothicBold.eot');
	src:url('font/NanumGothicBold.eot?#iefix') format('embedded-opentype'), /* ie6,7,8적용 embed-opentype ie 8,9 적용 */
		url('font/NanumGothicBold.woff') format('woff'), /* ie 제외한 나머지  */
		url('font/NanumGothicBold.ttf') format('truetype'),
		url('font/NanumGothicBold.svg#NanumGothicBold') format('svg'); /* 모바일브라우져를 위해서 */
	src:local(※), url('font/NanumGothicBold.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family:'NanumSquareB';
	src:url('font/NanumSquareB.eot');
	src:url('font/NanumSquareB.eot?#iefix') format('embedded-opentype'), /* ie6,7,8적용 embed-opentype ie 8,9 적용 */
		url('font/NanumSquareB.woff') format('woff'), /* ie 제외한 나머지  */
		url('font/NanumSquareB.ttf') format('truetype'),;
		/*url('font/NanumSquareB.svg#NanumSquareB') format('svg'); /* 모바일브라우져를 위해서 */
	src:local(※), url('font/NanumSquareB.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family:'NanumSquare';
	src:url('../font/NanumSquareR.eot');
	src:url('../font/NanumSquareR.eot?#iefix') format('embedded-opentype'), /* ie6,7,8적용 embed-opentype ie 8,9 적용 */
		url('../font/NanumSquareR.woff') format('woff'), /* ie 제외한 나머지  */
		url('../font/NanumSquareR.ttf') format('truetype');
		/*	url('../font/NanumSquare.svg#NanumSquareR') format('svg'); /* 모바일브라우져를 위해서 */
	src:local(※), url('../font/NanumSquareR.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:before,
:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.not_scroll { position: fixed;overflow: hidden;width: 100%;height: 100%}


* {
    padding: 0;
    margin: 0;
}

html {
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    width: 100%;
    height: 100%;
    line-height: normal;
    /*background: #f3f3f3;*/
    font-size: 14px;
    font-family: Noto Sans KR, Nanum Barun Gothic, Malgun Gothic, 맑은 고딕, Verdana, Arial, '돋움', Dotum;
    color: #555;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
menu,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
th,
td,
p {
    margin: 0px;
    padding: 0px;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

fieldset,
img,
abbr,
acronym {
    margin: 0px;
    border: 0px;
    _vertical-align: top;
}

address,
caption,
cite,
code,
dfn,
em,
var {
    font-style: normal;
    font-weight: normal;
}

ol,
ul,
menu {
    list-style: none;
}

legend {
    position: absolute;
    visibility: hidden;
    height: 0;
    line-height: 0;
    font-size: 1px;
}

q:before,
q:after {
    content: '';
}

a {
    color: #555;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

hr {
    display: none;
}

em {
    color: inherit;
    font-weight: normal;
    font-style: normal;
}

table caption {
    display: none;
}

input[type="checkbox"],
input[type="radio"] {
    vertical-align: middle;
}

:focus {
    outline: none;
}

/*공통클래스*/
.pdl_15{padding-left:15px !important }
.pd_0{padding:0px !important }
.pdt_15{padding-top:15px !important }
.pdt_16{padding-top:16px !important }



.mgb_0 {margin-bottom: 0px !important;}
.mgt_0 {margin-top: 0px !important;}
.mgt_5 {margin-top: 5px !important;}
.mgt_10 {margin-top: 10px !important;}
.mgt_30 { margin-top: 30px !important;}
.mgt_40 {margin-top: 40px !important;}
.mgt_50 {margin-top: 50px !important;}


.mgb_5 {margin-bottom: 5px !important;}
.mgb_10 {margin-bottom: 10px !important;}
.mgb_20 {margin-bottom: 20px !important;}
.mgb_30 {margin-bottom: 30px !important;}
.mgb_35 {margin-bottom: 35px !important;}
.mgb_40 {margin-bottom: 40px !important;}
.mgb_50 {margin-bottom: 50px !important;}
.mgb_60 {margin-bottom: 60px !important;}

.mgr_0 {margin-right: 0px !important;}
.mgr_5 {
    margin-right: 5px !important;}
.mgr_10 {
    margin-right: 10px !important;}
.mgr_20 {
    margin-right: 20px !important;}

.mgl_5 {margin-left: 5px !important;}
.mgl_10 {margin-left: 10px !important;}

.pd_24 {
    padding-left: 24px !important;}
.dp_none {
    display: none;}

.dp_inline {
    display: inline !important;}
.dp_inline_block {
    display: inline-block !important;}


.clear {
    clear: both !important;}

.fl_none {
    float: none !important;}

.fl_left {
    float: left !important;}

.fl_right {
    float: right !important;}

.al_right {
    text-align: right !important;}

.al_left {
    text-align: left !important;}

.al_center {
    text-align: center !important;}

.bold_t {
    font-weight: bold !important;}

.int_br_none {
    border: 0px !important;}


.bodyfix {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.int_type {
    border: 1px solid #d4d4d4;
    height: 36px;
    width: 100%;
    padding: 0 0 0 5px;
}

.link_int_type {
    border: 1px solid #d4d4d4;
    height: 36px;
    width: 100%;
    padding: 0 0 0 30px;
    background: url(../img/background/write_link_icon.png) no-repeat 8px 8px;
}

.seltype_a {
    border: 1px solid #bebebe;
    height: 28px;
    width: 100%;
    background: #fff;
}

.textarea_type {
    border: 1px solid #bebebe;
    width: 100%;
    padding: 15px;
}

.required_icon:after {
    content: '';
    clear: both;
    display: block;
    position: absolute;
    right: 12px;
    top: 13px;
    width: 13px;
    height: 8px;
    background: url(../img/background/required_icon.png) no-repeat 0px 0;
}

.int_auto {
    width: auto;
}

.date_type {
    border: 1px solid #c4c4c4;
    height: 28px;
    width: 122px;
    border-radius: 3px;
    padding: 0 0 0 5px;
    background: url(../img/background/int_date_icon.html) no-repeat right 50%;
}


.h_fix:after {
    clear: both;
}

.h_fix:after,
.h_fix:before {
    display: table;
    content: " ";
}


.brick {
    background: #fff;
    overflow: hidden;
    margin-bottom: 20px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    /*-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 transparent;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 transparent;
	 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 transparent;
    -moz-transition: box-shadow 250ms ease;
    -o-transition: box-shadow 250ms ease;
    -webkit-transition: box-shadow 250ms ease;
     transition: box-shadow 250ms ease;*/
}
._loginBox {
    border:1px solid rgba(0,0,0,.1);border-radius:10px;
    moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 transparent;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 transparent;
	 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 transparent;
    -moz-transition: box-shadow 250ms ease;
    -o-transition: box-shadow 250ms ease;
    -webkit-transition: box-shadow 250ms ease;
     transition: box-shadow 250ms ease;
}

.ani_ef {
    -webkit-transition: all 0.3s ease;
    /* Safari and Chrome */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -o-transition: all 0.3s ease;
    /* Opera */
    transition: all 0.3s ease;
}


/*  button  */

.normal_bt {
    display: inline-block;
    background: #3972d0;
    color: #fff;
    line-height: 30px;
    padding: 0 15px;
    min-width: 90px;
    text-align: center;
}

.normal_bt:hover {
    background: #3878e0;
}

.icon_bt {
    display: inline-block;
    background: #fff;
    color: #666;
    line-height: 30px;
    padding: 0 12px;
    text-align: right; font-weight:bold
}
._blueBtn{ 
	border:1px solid #1177F4;
	border-radius:4px;
	color: #1177F4;
	padding-left:30px; text-align:right; 
	margin-top:10px;
}
._blueBtn:hover{ 
	border:1px solid #1177F4;
	border-radius:4px;
	color: #fff;
	padding-left:30px; text-align:right; 
	margin-top:10px; background:#1177F4; transition:all .3s ease;
}
.icon_bt span{display:inline-block; margin-left:30px;}
._list{
    width:auto;height: 40px;
    line-height: 40px;
	font-size: 17px;
	background:url(../img/background/icon_list.png) 15px 10px no-repeat;
}
._list:hover{background:url(../img/background/icon_list_on.png) 15px 10px no-repeat; color:#2883F4; }

._saveMy{
    width:auto;height: 40px;
    line-height: 40px;
	font-size: 17px;
	background: url(../img/background/icon_saveMy.png)15px 10px no-repeat;
}
._saveMy:hover{background:url(../img/background/icon_saveMy_on.png) 15px 10px no-repeat; color:#2883F4; }


/* grid */

.row {
    margin: 0 -18px;
}

.row:after {
    clear: both;
}

.row:after,
.row:before {
    display: table;
    content: " ";
}
.pannel {
	position:relative; z-index:9999;
	background:#EFF0F1;
    /*background:linear-gradient(90deg, rgba(41,131,245,0) 0%, rgba(41,131,245,1) 3%, rgba(41,131,245,1) 97%, rgba(41,131,245,0) 100%)*/
}
.pannel h3{max-width:1440px; font-size: 37px;
    color: #222;
    font-family: NanumSquare;
    font-weight: 550;
    margin: -55px auto 55px; padding-left:50px
}

.nav-tabs {
		        background: #fff; padding:10px 0 0 10px; font-size: 17px;color: #333;font-family: NanumSquare;font-weight: 550; letter-spacing:-.1rem;
		    }
		    .nav-tabs .nav-link {
                color: #9d9d9d;
            }
            .nav-tabs .meta-view {
                color: #9d9d9d;
            }
	        .nav-tabs .nav-link.active {
			    color: #333; font-weight:600;
			    background-color: #fff;
			    border-color: #2983F5 #2983F5 #fff #2983F5;
			}
			.nav-tabs .nav-link.active:after{ content: '';
				display: block;
				width: 28px;
				height: 1px;
				position: absolute;
				left: calc(50% - 14px);
				bottom: 0px;
				background: #0092E5;}
			.nav-tabs .meta-view.active {
			    color: #1b57ba;
			    background-color: #fff;
			    border-color: #dee2e6 #dee2e6 #fff #2983F5;
			}
			.nav-tabs>li:first-child>a {
                /*border-left: none;*/
            }
            .nav-tabs>li>a {
                margin-right: 0;
            }

dd.doi a{margin-left:12px; font-weight: bold; color: #337ab7; font-size: 15px; line-height:26px;}

.pannel:after {
    clear: both;
}

.pannel:after,
.pannel:before {
    display: table;
    content: " ";
}


.col_md_3,
.col_md_4,
.col_md_6,
.col_md_8,
.col_md_9 {
    float: left;
    padding: 0 18px;
}

.col_md_3 {
    width: 25%
}

.col_md_4 {
    width: 33.33333333%;
}

.col_md_6 {
    width: 50%
}

.col_md_8 {
    width: 66.66666667%
}

.col_md_9 {
    width: 75%
}



/* //////////////////////////////////////////////////////////////        */


.header_wrap {
    background:linear-gradient(to bottom, #02123B, #000107);
}

.header_inner {
    width: 1440px;
    margin: 0 auto;
}

.header_inner:after {
    clear: both;
}

.header_inner:after,
.header_inner:before {
    display: table;
    content: " ";
}


.header_inner h1 {
    float: left;
    padding: 33px 0 0 0;
}

.header_inner h1 a {background: url(../img/background/logo_top.png) no-repeat 0 0;
    display: block;
    overflow: hidden;
    width: auto;
    height: 55px;
}

.header_inner h1 a span{
	color:#fff;
	display:inline-block;
    padding:0 0 0 95px;
    color:#fff; font-size:22px; line-height:25px; letter-spacing:-1px; font-weight:500;
}
.header_inner h1 a span b{ display:block; letter-spacing:0.5px; font-weight:500; padding-bottom:4px;}

.page_nav {
    float: right;
    margin-top: 16px;
}

.page_nav ul li:first-child {
    padding: 0;
    background: none;
    margin-left: 0px;
}

.page_nav ul li:first-child a {
    display: block;
    text-indent: -9999px;
    background: url(../img/background/page_home_icon.html) no-repeat 0 50%;
    width: 16px;
    height: 18px;
}

.page_nav ul li {
    padding: 0 0 0 14px;
    background: url(../img/background/page_arrow.html) no-repeat 0 4px;
    float: left;
    margin-left: 10px;
}

.page_nav ul li a {
    display: block;
    color: #fff;
    font-size: 13px;
}

.top_gnav {
    float: right;
    margin: 15px 0 16px 0;
}

.tg_t {
    float: left;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    background: url(../img/background/top_gnav_line.png) no-repeat 35px 50%;
}

.tg_t a {
    display: block;
    font-size: 13px;
    color: #333;
    line-height: 35px;
}

.user_infob {
    float: left;
    position: relative;
}

.user_infob .user_a {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../img/background/top_user_icon.png) no-repeat 0 0;
    text-indent: -9999px;
    overflow: hidden;
}

.visual_box {
    background:#fff;
    background-attachment: fixed
}

.vb_inner {
    width: 1440px;
    margin: 0 auto;
    padding: 20px 0 0 0;
    position: relative;
    min-height: 138px;
	text-align:center;
}

.vb_inner h3 { display: inline-block;
    font-size:45px;
    color:#000;
    font-weight: 600;
    line-height: 45px;
    text-align: center;
	padding-bottom:5px;
    margin-bottom: 10px;
}

.vb_inner p {
    font-size: 22px;
    color: #636262;font-weight: 500;
    text-align: center;
}
.vb_inner p.info{font-size: 17px;
    color:#2983F5}

.contents_wrap {
    width: 1440px;
    margin: 70px auto 40px auto;
    min-height: 600px;
    opacity: 0;
}


.top_nav_wrap {
    float: right;
    margin: 0px;
    width:auto ;
}

#gnb {
   clear: both;
    z-index: 30;
    float: right;
    width: auto;
    margin-left: auto;
}

#gnb li .nav_menu_a {
    display: block;
    line-height: 80px;
    font-size: 20px;
    color: #fff;
    transition: all 0.3s ease;
    background: url(../img/background/nav_bar_on.png) repeat-x 0 80px;
    text-align: center;
	font-weight:600;
	font-family:NanumSquare;
}
#gnb li .nav_menu_a:after{content:''; display:inline-block;width:14px; height:9px; background: url(../img/background/icon_mm.png) left top no-repeat; margin-left:15px; vertical-align:middle;}

#gnb li .nav_menu_a._dm:after{content:''; background: url(../img/background/icon_mm_dm.png) left -1px no-repeat; display:inline-block;width:15px; height:14px; margin-left:10px; vertical-align:middle;}
#gnb li .nav_menu_a._dm:hover{ color:#51FFFF}
#gnb li .nav_menu_a._dm:hover:after{content:''; background: url(../img/background/icon_mm_dm_over.png) left -1px no-repeat; display:inline-block;width:15px; height:14px; margin-left:10px; vertical-align:middle;}


#gnb li .nav_menu_a.on {
    color: #fff;
}

#gnb li .nav_menu_a.active_nav {
    color: #fff;
}
#gnb li .nav_menu_a.active_nav:after{display: none;}
#gnb li .nav_menu_a.active_nav:before {
    content: ''; position:relative;
    display: inline-block;
    width: 9px;
    height:9px; border-radius:10px;
    background: #fff;
    margin-right: 10px; top:-2px;
}

#gnb li .last_a {
    background: none;
}

.header:after,
.gnb:after,
.top_util:after,
.txt_box:after,
.top_util .txt_box:after,
.footer:after,
.f_util:after,
.mark_list:after {
    display: block;
    clear: both;
    content: " ";
}

#gnb .menu {
    position: relative;
    float: left;
}

#gnb .h_link_nav {
    width: 200px;
}

#gnb .menu:first-child,
.top_util .util li:first-child,
.top_util .top_roll ul li:first-child,
.f_util li:first-child {
    margin-left: 0;
    padding-left: 0;
    background: none;
}

#gnb .menu:first-child .sub_menu {}

#gnb .sub_menu {
    display: none;
    position: absolute;
    left: 0;
    top: 78px;
    z-index: 30;
    border-right: 1px solid #e9e9e9;
    width: 100%;
    height: 249px;
}

#gnb .sub_menu ul {
    text-align: left;
    padding: 17px 0 0 0;
    height: 226px;
}


#gnb .sub_menu .nav_sub_icon02 li a {
    color: #0f5fb1;
}

#gnb .sub_menu .nav_sub_icon02 li a:hover em {
    text-decoration: underline;
}

#gnb .sub_menu .nav_sub_icon02 li em {
    display: inline-block;
    color: #281a1a;
    padding: 0 15px 0 0;
    background: url(../img/background/nav_link_icon.html) no-repeat right 4px;
}

#gnb .sub_menu li {
    float: none;
    padding: 0 0 0 8px;
    margin-bottom: 10px;
}

#gnb .sub_menu li:last-child {
    margin-bottom: 0;
}

#gnb .sub_menu li a {
    color: #281a1a;
    padding: 0 0 0 6px;
    font-size: 16px;
    display: block;
    line-height: 24px;
    text-align: left;
}

#gnb .sub_menu.on {
    z-index: 40;
    background: #f9f9f9;
}

#gnb .sub_menu.on ul {
    position: relative;
}

/* #gnb .sub_menu.on ul:after {  content: ''; display: block; height: 3px; width: 100%; position: absolute; top:-3px; left:0; background: #3989ee; } */
/*#gnb .sub_menu.on .nav_sub_icon01 {
    background: url(../img/background/nav_sub_icon01_on.png) no-repeat right bottom;
}

#gnb .sub_menu.on .nav_sub_icon02 {
    background: url(../img/background/nav_sub_icon02_on.png) no-repeat right bottom;
}

#gnb .sub_menu.on .nav_sub_icon03 {
    background: url(../img/background/nav_sub_icon03_on.png) no-repeat right bottom;
}

#gnb .sub_menu.on .nav_sub_icon04 {
    background: url(../img/background/nav_sub_icon04_on.png) no-repeat right bottom;
}
*/
#gnb .sub_menu.on li {}

#gnb .sub_menu.on a {}

#gnb .sub_menu a:hover {
    text-decoration: underline;
}

#gnb .sub_menu .line_space {
    width: 61px;
}


.gnb_bg {
    border-top: 1px solid #65A9F6;
    display: none;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 113px;
    width: 100%;
    height: 250px;
    background: rgba(255,255,255,1);
    z-index: 10;
    overflow: hidden;
    box-shadow: 0 7px 7px 0 rgba(51,51,51,.1), 0 7px 7px 0 transparent;
}

.gnb_bg .bg_wrap {
    background: #fff url(../img/background/nav_drop_bg.png) no-repeat left bottom;
    height: 250px;
    width: 1440px;
    margin: 0 auto;
}

.gnb_back_bg {
    content: '';
    display: block;
    clear: both;
    position: fixed;
    width: 100%;
    top: 115px;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: #000;
    opacity: 0.4;
    z-index: 9;
    text-indent: -9999px;
    overflow: hidden;
}



.header_login_col {
    float: left;
}


.date_int {
    height: 26px;
    border: 1px solid #c2c2c2;
    width: 110px;
    background: #fff url(../img/background/calendar_icon.png) no-repeat 5px 4px;
    text-indent: 20px
}

.mn_user_info {
    margin: 16px;
    background: #353535;
}

.mn_user_name {
    margin-bottom: 20px;
}

.mn_user_name span {
    display: block;
    color: #c2c2c2;
    font-size: 15px;
    text-align: center;
    margin-bottom: 10px;
}

.mn_user_name a {
    display: block;
    text-align: center;
    background: #525252;
    line-height: 24px;
    color: #c2c2c2;
    margin: 0 auto;
    width: 115px;
}

.mn_user_info .uid_left {
    background: #353535;
}

.mn_user_info .uid_right {
    background: #2e2e2e;
}

.mn_user_info .uid_type span {
    color: #b9b9b9;
}

.mn_user_info .uid_type p {
    color: #c2c2c2;
}

.mn_user_info .uid_type p a {
    color: #fff;
}

.mn_user_info .ub_bt {
    background: #353535;
    border-top: 1px solid #505050;
}

.mn_user_info .ub_bt a {
    background: #d1d1d1;
    border: 1px solid #d1d1d1;
    color: #222;
}

.top_right_box {
    float: right;
    margin: 45px 0 0 0;
}

.tablet_nav {
    float: left;
    display: none;
}

.tablet_nav .tablet_nav_bt {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
}

.tablet_nav_bt .line {
    width: 28px;
    height: 4px;
    background-color: #0067b3;
    display: block;
    margin: 5px auto;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.sb-active-right .tablet_nav_bt .line:nth-child(2) {
    opacity: 0;

}

.sb-active-right .tablet_nav_bt .line:nth-child(1) {
    -webkit-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    -o-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);

}

.sb-active-right .tablet_nav_bt .line:nth-child(3) {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    -o-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);

}

.mobile_user_box {
    background: #272727 url(../img/background/mobile_login_bg.png) no-repeat 50% 28px;
    padding: 78px 0 0px 0;
    text-align: center;
    border-bottom: 1px solid #4e4e4e;
}

.rn_box {
    background: url(../img/background/rn_line.png) no-repeat 0 0;
    padding: 10px 0 0 0;
    margin: 30px 0 0 16px;
}

.rn_box ul li a {
    display: block;
    color: #b9b9b9;
    font-size: 15px;
    line-height: 22px;
}

.search_bt_box {
    position: relative;
    float: left;
    margin-right: 5px;
}

.menu_bt_box {
    float: left;
    margin-left: 4px
}

.mobile_s_inner {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    z-index: 9999;
    background: url(../img/background/modal_bg02.png) repeat;
    height: 100%;
    left: 0;
    right: 0;
    width: 100%;
    top: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.mmobile_s_int {}

.mmobile_s_int input {
    width: 99.8%;
    border: 0px;
    background: transparent;
    color: #000;
    height: 30px;
    font-size: 16px;
    padding: 0 0 0 8px;
    border-radius: 0px;
}

.mobile_s_inner.search_active {
    opacity: 1;
    visibility: visible;
}

.mobile_s_inner .sub_search_bt {
    background: #ccc url(../img/background/menu_close_bt.png) no-repeat 50% 50%;
    position: absolute;
    right: 22px;
    top: 20px;
    background-size: 20px auto;
    text-indent: -9999px;
    overflow: hidden;
    width: 38px;
    height: 38px;
    border: 0px;
    border-radius: 19px;
}

.ms_box {
    padding: 70px 20px 0 20px;
    background: #fff;
    height: 134px;
}

.ms_box .ms_sel {
    display: block;
    float: left;
    width: 90px;
}

.ms_box .ms_sel select {
    border: 0px;
    background: #fff;
    height: 22px;
    width: 100%;
}

.ms_box .mmobile_s_int {
    margin: 0 0 0 100px;
}

.ms_inner {
    border-bottom: 1px solid #000;
    padding: 0 0 10px 0;
}


.user_drop_wrap {
    position: absolute;
    background: #fff;
    box-shadow: 0 2px 10px #999;
    border: 1px solid #ccc;
    left: auto;
    right: 0;
    z-index: 9;
    width: 230px;
    display: none;
    padding: 0;
    margin: 10px 0 0 0;
    border-radius: 0px;
}

.user_drop_wrap:after {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    width: 16px;
    height: 9px;
    background: url(../img/background/drop_arrow.png) no-repeat 0px 0;
    right: 10px;
    top: -9px;
}



/* paginate  */
.paginate_complex {
    line-height: normal;
    text-align: center;
    margin: 20px 0 30px 0
}

.paginate_complex a,
.paginate_complex strong {
    display: inline-block;
    position: relative;
    z-index: 2;
    margin: 0 -2px;
    padding: 0px 8px;
    line-height: 22px;
    font-size: 13px;
    color: #777;
    text-decoration: none;
    vertical-align: middle
}

.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus {
    background-color: #f8f8f8;
}

.paginate_complex strong {
    color: #2c34d3;
    font-weight: bold;
    border-radius: 3px;
}

.paginate_complex .direction {
    border: 1px solid #dcdbdb;
    text-indent: -9999px;
    width: 28px;
    margin: 0;
    height: 28px;
    text-decoration: none !important;
    z-index: 1;
    border-radius: 14px;
}

.paginate_complex .first_prev {
    background: #fff url(../img/background/pagenav_bg.png) no-repeat 8px 50%;
    margin: 0;
}

.paginate_complex .prev {
    background: #fff url(../img/background/pagenav_bg.png) no-repeat -21px 50%;
    margin-left: 4px;
}

.paginate_complex .last_next {
    background: #fff url(../img/background/pagenav_bg.png) no-repeat -76px 50%;
    margin: 0;
}

.paginate_complex .next {
    background: #fff url(../img/background/pagenav_bg.png) no-repeat -46px 50%;
    margin-right: 4px;
}

.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus {
    border: 1px solid #636363;
    position: relative;
    z-index: 999;
}

.right_nav_box h3 {
    font-size: 20px;
    line-height: 56px;
    font-weight: bold;
    color: #fff;
    border-bottom: 1px solid #404040;
    padding: 0 0 0 20px;
    height: 56px;
    background: url(../img/background/menu_arrow04.png) no-repeat right 50%;
}

.right_nav_box ul li {
    background: #111;
}

.right_nav_box ul li a {
    display: block;
    font-weight: normal;
    font-size: 16px;
    color: #f9f9f9;
    padding: 14px 0 14px 34px;
}

.right_nav_box ul li a span {
    display: block;
    padding: 4px 0 0 0;
    font-size: 16px;
}

.right_nav_box ul li a:hover {
    color: #fff;
    background: #222;
}

.right_nav_box ul li a em {
    display: block;
    font-size: 16px;
    color: #ccc;
}

.right_nav_box ul li a:hover em {
    color: #fff;
}

.header_user {
    display: inline-block;
    border: 1px solid #dbdbdb;
    border-radius: 7px;
    padding: 0 20px;
}

.header_user:hover {
    border: 1px solid #277feb;
}

.header_user span {
    display: inline-block;
    padding: 0 0 0 20px;
    line-height: 36px;
    background: url(../img/background/header_user_icon.png) no-repeat 0 7px;
    color: #555;
    font-size: 14px;
}

.sub_search_bt {
    background: url(../img/background/mobile_search_bt.png) no-repeat 50% 50%;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    display: block;
}



/*  footer */
.footer_wrap {
    background: #323334;
}

.footer_inner {
    width: 1440px;
    margin: 0 auto;
    padding: 20px 0 25px 0;
}

.footer_inner:after {
    clear: both;
}

.footer_inner:after,
.footer_inner:before {
    display: table;
    content: " ";
}

.footer_inner p {
    float: left;
    color: #fff;
    font-size: 13px;
    padding: 8px 0 0 0;
}

.footer_inner p span { display: block;margin-bottom: 5px; }
.footer_inner p span em { display: inline-block; }

.footer_link_box {
    float: right;
    position: relative;
}
.footer_term { float: right; margin-right: 20px;}
.footer_term a { display:inline-block; color: #fff; line-height: 34px; position: relative; }
.footer_term a:first-child {  color: #6fbcff; }

.footer_link_box:hover .f_l_drop {
    display: block;
}



.f_l_text {
    display: block;
    font-size: 14px;
    color: #fff;
    background: url(../img/background/footer_up_arr.png) no-repeat right 50%;
    width: 160px;
    line-height: 33px;
    border: 1px solid #c4c2c2;
    padding: 0 0 0 10px;
}

.f_l_drop {
    position: absolute;
    border: 1px solid #c4c2c2;
    width: 100%;
    bottom: 35px;
    background: #fff;
    display: none;
}

.f_l_drop ul li {
    border-bottom: 1px solid #eee;
}

.f_l_drop ul li:last-child {
    border-bottom: 0px;
}

.f_l_drop ul li a {
    display: block;
    color: #222;
    font-size: 14px;
    line-height: 28px;
    padding: 0 0 0 10px;
    background: url(../img/background/footer_link_arr.png) no-repeat right 50%;
}

.f_l_drop ul li a:hover {
    background-color: #f9f9f9;
}



/* ///////////////////////////////////////////////// */


.top_tab_wrap {
    background: #fff;
	padding:30px 0 10px 0;
    margin-bottom: 10px;
	text-align:center
}

.t_t_fixed {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
}

.top_tab_inner {
    width: 1440px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.top_tab_inner ul li {
	display:inline-block;
    margin-right: 10px;
}
.top_tab_inner ul li:last-child  {margin-right: 0;}

.top_tab_inner ul li a {
    display: block;
    position: relative;
   
}

.top_tab_inner ul li a:hover em {
    color: #284ba3;
}

.top_tab_inner ul li a.on em span {
    display: inline-block;
    font-size: 16px;
    color: #fff !important;
    line-height: 22px;
	 padding: 0 5px;
}
.top_tab_inner ul li a em span {
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
	 padding: 0 5px;
}
.top_tab_inner ul li a em span:before{
    content:'(';
}
.top_tab_inner ul li a em span:after{
    content:')';
}

.top_tab_inner ul li a em {
    display: inline-block;vertical-align: middle;
    line-height: 48px;
    font-size: 18px;
    color: #666;
    padding: 0px;
	padding: 0px 20px;
	border:2px solid #737171;
	border-radius:50px;
   
}




.top_tab_inner ul li a .sub_cate_icon07 {
    background: url(../img/background/sub_cate_icon07.png) no-repeat 15px 24px; padding:0 20px 0 40px;
}

.top_tab_inner ul li a .sub_cate_icon08 {
    background: url(../img/background/sub_cate_icon08.png) no-repeat 15px 24px; padding:0 20px 0 40px;
}
.top_tab_inner ul li a .sub_cate_icon09 {
    background: url(../img/background/sub_cate_icon09.png) no-repeat 15px 24px
}
.top_tab_inner ul li a .sub_cate_icon10 {
    background: url(../img/background/sub_cate_icon10.png) no-repeat 15px 24px
}

.top_tab_inner ul li a .sub_cate_icon11 {
    background: url(../img/background/sub_cate_icon11.png) no-repeat 15px 24px
}






.top_tab_inner ul li a.on:after {
    content: '';
    /*display: block;*/display: none;
    clear: both;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #266ed9;
}

.top_tab_inner ul li a.on em {
	display: block;
    position: relative;
    padding: 0px 20px;
	border:2px solid #2983F5;
	border-radius:50px;
	background:#2983F5; color:#fff;
}

.top_tab_inner ul li a.on .ds_i_text {
    background: url(../img/background/sub_cate_icon02_on.png) no-repeat 15px 22px #2983F5; border-radius:10px 10px 0 0; padding:0 20px 0 50px; color:#fff;
}

.top_tab_inner ul li a.on .ds_i_sound {
    background: url(../img/background/sub_cate_icon03_on.png) no-repeat 15px 22px #2983F5; border-radius:10px 10px 0 0; padding:0 20px 0 50px; color:#fff;
}

.top_tab_inner ul li a.on .ds_i_image {
    background: url(../img/background/sub_cate_icon04_on.png) no-repeat 15px 22px #2983F5; border-radius:10px 10px 0 0;padding:0 20px 0 50px; color:#fff;
}

.top_tab_inner ul li a.on .ds_i_movie {
    background: url(../img/background/sub_cate_icon05_on.png) no-repeat 15px 22px #2983F5; border-radius:10px 10px 0 0; padding:0 20px 0 50px; color:#fff;
}
.top_tab_inner ul li a.on .ds_i_model {
    background: url(../img/background/sub_cate_icon12_on.png) no-repeat 15px 22px #2983F5; border-radius:10px 10px 0 0;padding:0 20px 0 50px; color:#fff;
}

.top_tab_inner ul li a.on .sub_cate_icon07 {
    background: url(../img/background/sub_cate_icon07_on.png) no-repeat 15px 22px #2983F5; border-radius:10px 10px 0 0;padding:0 20px 0 50px;color:#fff;
}

.top_tab_inner ul li a.on .sub_cate_icon08 {
    background: url(../img/background/sub_cate_icon08_on.png) no-repeat 15px 22px #2983F5; border-radius:10px 10px 0 0;padding:0 20px 0 50px; color:#fff;
}



.top_tab_inner ul .tab_data a {
    text-align: center;
}

.top_tab_inner ul .tab_data a em {
    background: url(../img/background/sub_cate_icon06.png) no-repeat 15px 22px;padding:0 50px;
}

.top_tab_inner ul .tab_data .on em {
    background: url(../img/background/sub_cate_icon06_on.png) no-repeat 15px 22px #2983F5; border-radius:10px 10px 0 0; padding:0 50px; color:#fff;
}

.top_tab_rbt {
    position: absolute;
    right: 0;
    top: 10px;
}

.top_tab_rbt .normal_bt,
.top_tab_rbt .line_bt {
    width: 186px;
    height: 40px;
    line-height: 40px;
}


/*//2024.08.14/////////////////////////////////////////////////////////////////*/


.top_tab_inner {
    width: 1440px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.top_tab_inner ul.detail_top {width:100%; display:flex; justify-content: center;box-sizing:border-box;}

.top_tab_inner ul.detail_top li{
    text-align: center; width:25%; position:relative; display:inline-block; margin-right:-1px ;
}
.top_tab_inner ul.detail_top._3obj li {
    width:33.333%; 
}
.top_tab_inner ul.detail_top li a {
    display: block;
    position: relative;
   
}

.top_tab_inner ul.detail_top li a.on em {
    background: #2983F5; color:#fff; border-radius:0px;border:1px solid #2983F5;padding: 12px 0px;
}
.top_tab_inner ul.detail_top li a.on:hover em {
    color: #fff; background: rgba(0,0,90, .8); border:1px solid rgba(0,0,90, .8); transition:all 0.3s ease 
}
.top_tab_inner ul.detail_top li a:hover em {
    color: #fff; background: rgba(41,131,245, .8); border:1px solid rgba(41,131,245, .8); transition:all 0.3s ease 
}

.top_tab_inner ul.detail_top li a.on em span {
    display: inline-block;
    font-size: 16px;
    color: #fff !important;
    line-height: 22px;
	 padding: 0 5px;
}
.top_tab_inner ul.detail_top li a em span {
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
	 padding: 0 5px;
}
.top_tab_inner ul.detail_top li a em span:before{
    content:'(';
}
.top_tab_inner ul.detail_top li a em span:after{
    content:')';
}

.top_tab_inner ul.detail_top  li a em {
    display: inline-block;width:100%; vertical-align: middle;
    line-height: normal;
    font-size: 18px;
    color: #666;
    padding: 12px 0px;
	border:1px solid #ECECEC;
	border-radius:0px;
   
}




/*///////////////////////////////////////////////////////////////////*/


.sub_container {
    width: 1440px;
    margin: 0 auto;
    padding:20px 0 50px 0;
}

.sub_container .brick {
    margin-bottom: 0;
}

.list_search_box {
    display: block;
    height: 34px;
    width: 370px;
    padding: 6px 24px 0 8px;
    background: #ededed;
    position: relative;
}

.list_search_box input {
    width: 100%;
    height: 22px;
    background: transparent;
    border: none;
    font-weight: bold;
    color: #222;
}

.list_search_box .ls_search_bt {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/background/list_search_icon.png) no-repeat 50% 50%;
    display: inline-block;
    width: 34px;
    height: 34px;
    text-indent: -9999px;
}

.list_top_box {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    padding: 18px 0px;
}

.result_num {
    color: #555;
    float: left;
    padding: 6px 0 0 0;
}

.result_num strong {
    display: inline-block;
    font-size: 16px;
    color: #000;
}

.list_t_b_right {
    float: right;
}

.ds_row_box {
    border-bottom: 1px solid #ececec;
    position: relative;
    padding: 22px 22px 22px 116px;
    min-height: 115px;
}

.ds_img {
    display: block;
    position: absolute;
    left: 26px;
}

.ds_img img {
    border: 1px solid #d9d9d9;
    width: 68px;
    height: 68px;
    display: block;
}

.ds_list_title {
    position: relative; width:calc(100% - 60px);
}

.ds_list_title a {
    font-size: 17px;
    color: #000;
    margin: 0px 0 8px 0;
    display: inline-block;
    font-weight: bold;
    position: relative;
}

.ds_list_title a:after {
    content: '';
    display: block;
    clear: both;
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    border: 0;
    background: #000;
    transition: all 0.3s ease;
}

.ds_list_title:hover a:after {
    width: 100%
}
.ds_list_con {position: relative; width:calc(100% - 60px);}
.ds_list_con a{
    position: relative; font-size:15px;color:#333; 
}

.ds_type_box {
    overflow: hidden; margin-top:10px; width:calc(100% - 60px);
}

.ds_type_box ul {
    float: left;
}

.ds_type_box ul li {
    display:inline-block;
    margin-right: 15px;
    color: #555;
}

.ds_type_box ul li:last-child {
    background: none;
    padding-right: 0px;
    margin-right: 0px;
}

.ds_type_box ul li em {
    display: block;
    padding: 0 0 0 20px;
    background: url(../img/background/dataset_l_icon01.png) no-repeat 0px 0px;
    color: #333; font-size:14px
}

.ds_type_box ul li .ds_info_i02 {
    background: url(../img/background/dataset_l_icon02.png) no-repeat 0px 0px;
}

.ds_type_box ul li .ds_info_i03 {
    background: url(../img/background/dataset_l_icon03.png) no-repeat 0px 0px;
}
.ds_type_box ul li .ds_info_i04 {
    background: url(../img/background/dataset_l_icon04.png) no-repeat 5px 3px #666666; border-radius:20px; color:#fff;padding:0px 10px 1px 30px
}

.ds_type span {
    display: inline-block;
    padding:3px 8px;
    line-height: 18px;
    color: #888; border-radius:20px; margin:0 4px 2px 0;
}
.ds_type{ display:inline-block; float:left; vertical-align:middle; margin-right:10px; font-size:12px; font-weight:bold}
		.ds_type .ds_type_text  { background: url('../img/background/ds_type_icon01.png') no-repeat 10px 48%; border:1px solid #A255D6; color:#A255D6; padding-left:35px;}
		.ds_type .ds_type_sound { background: url('../img/background/ds_type_icon02.png') no-repeat 10px 48%; border:1px solid #FE980E; color:#FE980E; padding-left:35px; }
		.ds_type .ds_type_image  { background: url('../img/background/ds_type_icon03.png') no-repeat 10px 48%; border:1px solid #48CFAD; color:#48CFAD; padding-left:35px;}
		.ds_type .ds_type_movie  { background: url('../img/background/ds_type_icon04.png') no-repeat 10px 48%; border:1px solid #259DF5; color:#259DF5; padding-left:35px;}
		.ds_type .ds_type_model  { background: url('../img/background/ds_type_icon05.png') no-repeat 10px 48%; border:1px solid #A255D6; color:#A255D6; padding-left:35px;}
		.ds_type .ds_type_etc  { background: url('../img/background/ds_type_iconETC.png') no-repeat 10px 48%; border:1px solid #999; color:#999; padding-left:35px;}
		
		
.ds_type_box ul li .ds_type_icon01 {
    background: url(../img/background/ds_type_icon01.png) no-repeat 0px 0px;
}

.ds_type_file {
    float: left;
    margin-left: 20px;
}

.ds_type_file em {
    display: inline-block;
    border: 1px solid #d3d3d3;
    line-height: 20px;
    border-radius: 11px;
    text-align: center;
    width: 60px;
    font-size: 12px;
    color: #947817;
}

.pdf_c {
    color: #e93535 !important;
}

.json_c {
    color: #f27f19 !important;
}

.ds_list_right {
    position: absolute;
    right: 5px;
    top: 42px;
}

.ds_list_right ul li {
    float: left;
    font-size: 22px;
    color: #333333;
}

.ds_list_right ul li em {
    display: inline-block;
    padding: 15px;
    vertical-align: middle;
    margin-right: 5px;
}

.ds_list_right ul li {
    margin-left: 25px
}

.ds_list_right ul li:last-child{
	cursor:pointer;
}

.bookmark_empty_list { display:inline-block; border:1px solid #2983F5; border-radius:30px;
    background: url(../img/background/bookmark-empty.png) no-repeat center !important; width: 30px; height:30px;
}

.bookmark_full_list { display:inline-block;border:1px solid #2983F5; border-radius:30px;
    background: url(../img/background/bookmark-full.png) no-repeat center #2983F5 !important; width: 30px; height:30px;
}

.bookmark_empty {
    display:inline-block;border:1px solid #2983F5; border-radius:30px; position:relative; vertical-align:top;
    background: url(../img/background/bookmark-empty.png) no-repeat center !important;width: 30px;height: 30px; text-indent:99999px
}

.bookmark_full { display:inline-block;border:1px solid #2983F5; border-radius:30px; position:relative; vertical-align:top;
    background: url(../img/background/bookmark-full.png) no-repeat center !important;width: 30px;height: 30px; text-indent:99999px;
    background-color: #2983F5 !important;
}

.w_100{
	width: 100px !important;
}

.ds_list_right ul .list_re_num span {
    display: inline-block;
    padding: 0 0 0 25px;
    background: url(../img/background/list_reply_icon.png) no-repeat 0px 7px;
}

.ds_list_right ul .view_num_icon span {
    display: inline-block;
    padding: 0 0 0 25px;
    background: url(../img/background/view_num_icon.png) no-repeat 0px 7px;
}


.ds_view_top {width: 1440px;
    margin: 0 auto;
	padding: 20px 0 10px 0;
}
.ds_view_inner {
	background:#fff;
    padding:15px 0 0 0;
}

.ds_view_inner h3 {
    font-size:18px;
    color:#0E7AFE;
    position: relative;
    font-weight: 600;
    padding: 0 0 11px 0;
    margin-bottom: 10px;
}

.ds_view_inner h3:after {
    content: '';
    display: block;
    clear: both;
    width: 54px;
    height: 1px;
    position: absolute;
    left: calc(50% - 27px) ;
    bottom: 0px;
    background: #0092E5;;
}

.ds_view_inner p {
    font-size: 30px;font-weight:600;padding-top:5px;
    color: #000;
    overflow: hidden;
	display:block; clear:both
}
.ds_view_inner p span{ display: inline-block; width:36px; height:36px;background:transparent; border-radius:0px; margin:0px; vertical-align: middle  ;  }
.ds_view_inner p.info{font-size: 15px; font-weight:500; letter-spacing:-.1rem;color:#333333; margin:5px auto;}
.ds_view_info {
    text-align: center;display:flex; justify-content:space-between;margin-top:20px; 
}
.ds_view_info .ds_info{ position:relative}
.ds_view_info .top_btn{ display:inline-block; position:relative;  margin-top:35px;}
.ds_view_info .top_btn ._blueBtn{ width:130px;}
._icon_apply{ background: url(../img/background/icon_apply.png) 10px 50% no-repeat}
._icon_mybox{ background: url(../img/background/icon_download.png) 10px 50% no-repeat}
._icon_apply:hover{ background: url(../img/background/icon_apply_on.png) 10px 50% no-repeat #1177F4; transition:all .3s ease }
._icon_mybox:hover{ background: url(../img/background/icon_download_on.png) 10px 50% no-repeat #1177F4; transition:all .3s ease }


.ds_info li {
	float:left;text-align:left;box-sizing:border-box; display:inline-block;margin-bottom:4px;
    
}
.ds_info li:nth-child(odd){
	clear:both !important;min-width:210px;
}
.ds_info li:nth-child(5), .ds_info li:nth-child(5) a{
	 color:#0F76F4; font-weight:600;
}
.ds_info li:nth-child(6) a:before{
	content:'';background:url(../img/background/icon_Citeas.png) left 55% no-repeat; padding-right:20px;
}
.ds_info li:nth-child(6) a:before:hover{
	content:'';background:url(../img/background/icon_Citeas_on.png);
}
.ds_info li:nth-child(6) a:hover{color:#0F76F4; text-decoration:underline}

.ds_info li em {
    font-weight:600; min-width:60px;
    color: #000;
    display: inline-block;
}

.ds_view_info span em.ds_info_i {
    background: url(../img/background/dataset_l_icon01.png) no-repeat 0px 5px;
}

.ds_view_info span em.ds_info_i02 {
    background: url(../img/background/dataset_l_icon02.png) no-repeat 0px 5px;
}

.ds_view_info span em.ds_info_i03 {
    background: url(../img/background/dataset_l_icon03.png) no-repeat 0px 5px;
}

.ds_view_info .ds_type_s em {
    padding: 0 0 0 32px;
}

.ds_view_info .ds_type_s .ds_i_text {
    background: url(../img/background/data_t_icon_lg.png) no-repeat 0px -6px;
}

.ds_view_info .ds_type_s .ds_i_sound {
    background: url(../img/background/data_t_icon_lg.png) no-repeat 0px -41px;
}

.ds_view_info .ds_type_s .ds_i_image {
    background: url(../img/background/data_t_icon_lg.png) no-repeat 0px -76px;
}

.ds_view_info .ds_type_s .ds_i_movie {
    background: url(../img/background/data_t_icon_lg.png) no-repeat 0px -111px;
}





.data_view_box h4 {
    border-bottom: 1px solid #ddd;
    font-weight: normal;
    color: #818181;
    padding: 0 0 0 25px;
    line-height: 46px;
    font-size: 14px;
}

.d_view_dl {
    margin-bottom: 40px;
}

.d_view_dl dt {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}
.d_view_dl dt:before {content:''; display:block;
	background:#666666;
	height:2px; width:27px;
    margin-bottom:5px;
}

.d_view_dl dd {
    font-size: 12px;
    color: #333;
    padding: 0 0 0 10px;
    background: url(../img/background/square_gray_bullet_.png) no-repeat 0px 7px;
    margin-bottom: 8px;
}

.d_view_dl dd:last-child {
    margin-bottom: 0px;
}


.d_view_num { overflow: hidden; }
.d_view_num dt{ float: left; }
.d_view_num dd{ margin: -2px 0 0 60px; background:none;color: #000;  font-size: 18px;  font-family: GmarketSans_light; }
.d_view_num dd em {   display: inline-block;  font-size: 14px; color: #333; }


.d_view_dl dt span {vertical-align: middle; margin-top: -3px; margin-left: 5px; display: inline-block;  color: #fff; font-size: 12px; text-align: center; min-width: 70px; border-radius: 12px; line-height: 24px; }


.d_view_dl .v_gray_box{ background: none;  padding: 0;}
.v_gray_inner { background: #f3f3f3; border-radius: 4px; padding: 10px; }

.data_view_inner {
    padding: 20px 25px;
}

.view_sm_title {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}

.d_v_tbl_wrap {
    border-top: 1px solid #dadada;
}

.d_v_tbl {
    width: 100%;
}

.d_v_tbl tbody th {
    background: #f5f5f5;
    color: #777;
    padding: 8px 8px 8px 20px;
    text-align: left;
    font-weight: normal;
    border-bottom: 1px solid #fff;
}

.d_v_tbl tbody td {
    color: #333;
    padding: 5px 5px 5px 20px;
}


.data_type {
    display: inline-block;
    line-height: 18px;
    color: #333;
    padding: 0 0 0 24px;
}

.d_t_i_text {
    background: url(../img/background/ds_type_icon01.png) no-repeat 0px 0px;
}

.d_t_i_sound {
    background: url(../img/background/ds_type_icon02.png) no-repeat 0px 0px;
}

.d_t_i_image {
    background: url(../img/background/ds_type_icon03.png) no-repeat 0px 0px;
}

.d_t_i_movie {
    background: url(../img/background/ds_type_icon04.png) no-repeat 0px 0px;
}

.d_t_i_model {
    background: url(../img/background/ds_type_icon05.png) no-repeat 0px 0px;
}






.view_file_box {
    border: 1px solid #ddd;
    padding: 15px 0;
    margin-top: 50px;
    border-radius: 3px;
}

.view_file_box h5 {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
    padding: 0 0 0 20px;
}



.filedata_list_box {
    padding: 20px 142px 15px 80px;
    position: relative;
    background: url(../img/background/file_data_icon01.html) no-repeat 24px 18px;
    overflow: hidden;
    border-bottom: 1px solid #ececec;
}

.filedata_list_box:last-child {
    border-bottom: 0px;
    border-bottom: 0px;
}

.filedata_title {
    display: block;
    color: #406dc8;
    text-decoration: underline;
    padding-bottom: 4px;
}

.disable_type .filedata_title {
    color: #a2a2a2;
    text-decoration: none;
}

.filedata_bt {
    border: 1px solid #c1c1c1;
    background: #f9f9f9;
    padding: 0 12px;
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
}

.filedata_bt:hover {
    border: 1px solid #888;
}

.filedata_bt em {
    display: block;
    background: url(../img/background/file_data_icon06.png) no-repeat right 8px;
    padding: 0 40px 0 0;
    line-height: 34px;
}

.filedata_bt .download_i {
    background: url(../img/background/file_data_icon07.png) no-repeat right 8px;
}

.v_thumb_img {
    display: block;
    position: absolute;
    left: 20px;
    top: 22px;
    border: 1px solid #ddd;
    line-height: 0;
}

.v_thumb_img img {
    width: 40px;
    height: 40px;
}

.filedata_list ul li span {
    display: block;
    padding: 3px 0;
}


.v_d_box {
    overflow: hidden;
}

.v_d_text {
    display: block;
    float: left;
    font-size: 10px;
    color: #777;
    margin: 2px 0 0 15px;
}

.v_d_text strong {
    display: inline-block;
    font-size: 14px;
    color: #222;
    margin-left: 4px;
}

.v_d_box .file_d_line {
    float: left;
}

.file_d_line {
    display: inline-block;
    border: 1px solid #d3d3d3;
    line-height: 20px;
    border-radius: 11px;
    text-align: center;
    width: 60px;
    font-size: 12px;
    color: #947817;
}

.view_more_bt {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/background/view_more_arr.png) no-repeat 50% 50%;
    border-top: 1px solid #e8e8e8;
    height: 46px;
}

.view_more_bt:hover {
    background-color: #f9f9f9;
}

.nomal_bt {
    backgroud: #3972d0;
}


.view_title {
    border-bottom: 1px solid #ddd;
    margin: 0 20px;
    padding: 20px 50px 10px 0;
}

.view_title h4 {
    color: #222;
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: normal;
}

.view_title ul {
    overflow: hidden;
}

.view_title ul li {
    float: left;
    padding: 0 0 0 16px;
    background: url(../img/background/view_t_icon01.png) no-repeat 0 0;
    color: #555;
    margin-right: 15px;
}

.view_title ul li:last-child {
    background: url(../img/background/view_t_icon02.png) no-repeat 0 0;
    margin-right: 0px;
}

.view_title .v_t_btbox {
    position: absolute;
    top: 20px;
    right: 20px;
}

.v_t_btbox {
    overflow: hidden;
}

.v_t_btbox p {
    padding: 0 0 0 1px;
    float: right;
}

.v_t_btbox p a {
    display: block;
    float: left;
    color: #555;
    font-size: 14px;
    border: 1px solid #3972d0;
    width: 70px;
    text-align: center;
    line-height: 24px;
    background: #fff;
    margin-left: -1px;
}

.v_t_btbox a:hover {
    background: #3972d0;
    color: #fff;
    position: relative;
}




.view_img_box {
    margin-bottom: 20px;
}

.view_img_box img {
    line-height: 0;
    border: 1px solid #ddd;
}


.view_reply_write {
    padding: 15px 25px;
}

.v_r_user {
    line-height: 30px;
    color: #222;
    margin-bottom: 10px;
}

.v_r_user span {
    display: inline-block;
    background: #cecece url(../img/background/view_t_icon01.png) no-repeat 50% 50%;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    margin-right: 10px;
    text-indent: -9999px;
    overflow: hidden;
    vertical-align: top;
}

.v_reply_int {
    position: relative;
    padding: 0 140px 0 0;
}

.v_reply_int .v_reply_bt {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 132px;
    height: 82px;
    border: 1px solid #3972d0;
    line-height: 82px;
    text-align: center;
}

.v_reply_int .v_reply_bt:hover {
    color: #fff;
    background: #3972d0;
}

.v_reply_int textarea {
    width: 100%;
    border: 1px solid #ddd;
    height: 82px;
    padding: 10px;
    color: #222;
}

.view_re_list_wrap {
    padding: 20px 25px 30px 25px;
}

.view_re_list_wrap h4 {
    line-height: 24px;
    font-size: 16px;
    color: #222222;
    font-weight: normal;
    margin-bottom: 20px;
}

.view_re_list_wrap h4 em {
    display: inline-block;
    line-height: 22px;
    padding: 0 10px;
    color: #777;
    border: 1px solid #cbcbcb;
    border-radius: 14px;
    vertical-align: top;
    margin-left: 10px;
}

.view_re_list_box {
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 15px 0;
    margin-bottom: 15px;
}

.view_re_list_box:last-child {
    border-bottom: 0px;
    padding: 0 0 0px 0;
    margin-bottom: 0px;
}

.re_con_box .v_r_user {
    font-size: 13px;
    color: #567ebf;
    margin-bottom: 15px;
}

.re_con_box .v_r_user em {
    display: inline-block;
    color: #a1a1a1;
    margin-left: 10px;
}

.re_con_box .v_r_user .user_writer {
    border: 1px solid #357bff;
    line-height: 18px;
    padding: 0 10px;
    font-size: 11px;
    color: #1a83ee;
    border-radius: 10px;
    margin-left: 2px;
}


.re_con_t {
    padding: 0 0 0 10px;
}


.re_con_box {
    position: relative;
}

.re_con_bt {
    position: absolute;
    right: 0;
    top: 0;
}

.re_con_bt ul li {
    float: left;
}

.re_con_bt ul li a {
    display: block;
    border: 1px solid #ddd;
    width: 60px;
    text-align: center;
    line-height: 20px;
    margin-left: -1px;
    color: #a1a1a1;
    font-size: 11px
}

.re_con_bt ul li a:hover {
    border: 1px solid #555;
    position: relative;
    color: #000
}


.con_re_box {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 15px 24px;
    position: relative;
    margin: 15px 0 0 20px;
}

.con_re_box:after {
    content: '';
    display: block;
    clear: both;
    width: 13px;
    height: 17px;
    background: url(../img/background/replt_con_arr.png) no-repeat 0 0;
    position: absolute;
    left: -12px;
    top: -1px;
}

.con_re_box .re_con_bt {
    right: 15px;
    top: 15px;
}


.write_dl {
    margin-bottom: 15px;
    overflow: hidden;
}

.write_dl dt {
    font-weight: bold;
    color: #000;
    font-size: 16px;
    float: left;
    text-align: left;
    line-height: 36px;
}

.write_dl dd {
    margin: 0 0 10px 168px;
}

.write_dl dd:last-child {
    margin: 0 0 0 168px;
}

.write_dl .write_row_box {
    padding: 0 54px 0 0;
    position: relative;
}

.line_bt {
    border: 1px solid #3972d0;
    display: inline-block;
    color: #3972d0;
    line-height: 34px;
    padding: 0 15px;
    text-align: center;
}

.line_bt:hover {
    border: 1px solid #2659ad;
}

.int_add_bt {
    position: relative;
    border: 1px solid #d4d4d4;
    height: 36px;
    display: block;
    padding: 0 123px 0 0;
}

.int_add_bt .int_type {
    border: 0px;
    height: 34px;
}

.int_add_bt .line_bt {
    position: absolute;
    right: -1px;
    top: -1px;
    width: 122px;
}

.w_r_add {
    background: url(../img/background/row_add_icon.png) no-repeat 50% 8px;
    width: 36px;
    height: 36px;
    border: 1px solid #d4d4d4;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

.w_r_add:hover {
    border: 1px solid #000;
}

.w_r_minus {
    background: url(../img/background/row_add_icon.png) no-repeat 50%-22px;
}

.write_dl .none_add_bt {
    padding: 0 0px 0 0;
}

.w_link_row .link_int_type {
    width: 38%;
    float: left;
}

.w_link_row .int_type {
    width: 60%;
    float: right;
}

.write_bt_box {
    text-align: right;
    padding: 20px;
    background: #f9f9f9;
    border-top: 1px solid #eee;
}

.write_bt_box .normal_bt {
    width: 186px;
    height: 40px;
    line-height: 40px;
}



/* 메인 */

.main_body {
    background: #fff !important;
}






.m_gallery_wrap {
    width: 1440px;
    margin: 0 auto 40px auto;
    position: relative;
}

.m_gallery_wrap:before {
    content: '';
    display: block;
    clear: both;
    background: #217ab9 url(../img/background/m_gallery_bg.png) no-repeat right bottom;
    width: 298px;
    height: 358px;
    position: absolute;
    left: 0;
    top: 0;
}

.m_g_title_box {
    position: absolute;
    left: 0;
    top: 0;
    /*  background:#217ab9 url(../img/background/m_gallery_bg.png) no-repeat right bottom;  */
    width: 298px;
    height: 358px;
    float: left;
    padding: 40px 80px 0 26px;
}

.m_g_title_box h3 {
    color: #fff;
    font-size: 26px;
    position: relative;
    padding: 15px 0 0 0;
    margin-bottom: 15px;
}

.m_g_title_box h3:after {
    content: '';
    display: block;
    clear: both;
    height: 1px;
    background: #fff;
    width: 44px;
    position: absolute;
    left: 0;
    top: 0;
}

.m_g_title_box p {
    color: #fff;
    font-size: 14px;
}

.m_g_slide {
    padding: 17px 0 0 235px;
}

.m_more_bt {
    width: 130px;
    border: 1px solid #fff;
    display: inline-block;
    text-align: center;
}

.m_more_bt em {
    display: inline-block;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    padding: 0 26px 0 0;
    background: url(../img/background/m_link_arr.png) no-repeat right 50%;
}

.m_gallery_box {
    background: #fff;
    box-shadow: 0 2px 10px rgba(72, 72, 72, 0.1);
    padding: 20px;
    height: 296px;
    transition: all 0.3s ease;
}

.m_gallery_box:hover {
    box-shadow: 0 5px 15px rgba(72, 72, 72, 0.4);
}

.m_gallery_box .m_g_title {
    display: block;
    color: #000;
    font-size: 16px;
    height: 46px;
    overflow: hidden;
    margin-bottom: 18px;
    line-height: 22px;
}

.m_g_bottom {
    color: #555;
    position: relative;
}

.m_g_bottom em {
    color: #777;
    position: absolute;
    right: 0;
    top: 0;
}

.m_g_img {
    background: url(../img/background/m_g_shadow.png) no-repeat right bottom;
    padding: 0 0 12px 0;
    margin-bottom: 10px;
    margin-right: -20px;
}

.m_g_img span {
    display: block;
    height: 150px;
}

.m_g_img span img {
    width: 100%;
    height: 100%;
}

.m_g_more {
    position: absolute;
    left: 30px;
    bottom: 42px;
}

#m_gallery_slide .item {
    padding: 15px;
}

#m_gallery_slide .owl-dots {
    display: none;
}

#m_gallery_slide .owl-nav {
    position: absolute;
    left: -214px;
    top: 127px;
}

#m_gallery_slide .owl-nav .owl-next,
#m_gallery_slide .owl-nav .owl-prev {
    border: 1px solid #cdcdcd;
    width: 50px;
    height: 50px;
    border-radius: 25px;
}

#m_gallery_slide .owl-nav .owl-next,
#m_gallery_slide .owl-nav .owl-prev span {
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    vertical-align: top;
}

#m_gallery_slide .owl-nav .owl-prev {
    background: url(../img/background/m_gallery_la.png) no-repeat 50% 50%;
}

#m_gallery_slide .owl-nav .owl-next {
    background: url(../img/background/m_gallery_ra.png) no-repeat 50% 50%;
}

.m_list_more {
    display: block;
    position: relative;
	float:right;
    top: -40px !important;
    width: 95px;
    height: 42px;
	overflow: hidden;
	padding:10px 5px 10px 35px;
	border-radius:50px; color:#fff;
    background: url(../img/background/m_plus_more_sm_white.png) no-repeat 15% 50% #2983F5;
    transition: all 0.3s ease;
}

.m_list_more:hover {
	box-shadow: 0px 1px 5px rgb(146 180 205 / 100%);
    /*transform: rotate(90deg)*/;
}

.m_bottom_wrap {
    padding:  0 0 40px;

}

.m_bottom_inner {
    width: 1440px;
    margin: 0 auto;
	/*background:#fff;border-radius: 0 0 60px 60px ;box-shadow: 0px 1px 3px rgb(146 180 205 / 50%);*/
    padding: 0px;
}
.m_bottom_inner h3{font-size: 37px;
    color: #222;
    font-family: NanumSquare;
    font-weight: 550;
}
.row .m_list_more {
    right: 17px;
    top: 0px;
}

.m_notice_box {margin:50px 50px 20px 0; }

.m_notice_box h3 {
    font-size: 37px;
    color: #222;
    font-weight: 550;
    margin-bottom: 40px;
}

.m_notice_box .m_list_more {
    right: 0px;
    top: -80px !important;
}

.list_type ul li {
    position: relative;
    padding: 0 110px 0 10px;
    margin-bottom: 15px;
}
.list_type ul li:before{ content:''; display:inline-block; width:6px;height:6px;background:#0092E5;border-radius: 10px; margin-right:10px; margin-top:-15px; vertical-align: middle;}

.list_type ul li a{max-width:calc(100% - 20px); overflow: hidden; text-overflow: ellipsis;}
.list_type ul li:last-child {
    margin-bottom: 0px;
}

.list_type ul li a {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    font-size: 16px;
    color: #333;
}

.list_type ul li em {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 16px;
    color: #777;
}

.m_b_box {
    position: relative; display:block;
    padding:35px 25px;
    height: 260px;
	border-radius:0 0 30px 30px;
}
.m_b_box._about{ background:#0092E5}
.m_b_box._guide{ background:#162D78}

.m_b_box h4 {
    color: #fff;
    font-size: 50px; font-weight:500;
    margin-bottom: 10px;
	text-align:right;
}

.m_b_box p {
	margin-top:20px; height:auto;
    font-size: 20px;width:100%; box-sizing:border-box;
    color: #fff;
	float:left; position: relative; display:inline-block;
}

.m_b_box p:after {
    content: '';
    display: inline-block;
    clear: both;
    position: relative;
    left:calc(100% - 50px);
    bottom: 60px;
    background: url(../img/background/white_arrow.png) right bottom no-repeat ;
    width: 45px;
    height: 44px;
}


.m_b_box p em {
    display: block;
}

.m_b_box .m_more_bt {
    border: 1px solid #c4c2c2;
}

.m_b_box .m_more_bt:hover {
    border: 1px solid #555;
}

.m_b_box .m_more_bt em {
    color: #353535;
    background: url(../img/background/white_arrow.png) no-repeat right 50%;
}
.m_info_link ul li + li a:after{content:''; display:none}

.m_info_box {
    border-color: #16a84a;
}

.m_info_box:after {
    display: none;
}

.m_info_link ul {
    overflow: hidden; margin-top:35px;
}

.m_info_link ul li {
    width: 100%; position: relative; display:inline-block; height:50px !important;
}

.m_info_link ul li a {
    display: inline-block;width: 100%;
    color: #fff;
    font-size: 20px;
    text-align: left;
    position: relative;
    padding: 10px 0 0px 50px;
    background: url(../img/background/m_bottom_icon04.png) no-repeat left bottom
}

.m_info_link ul li a:hover {
    color: #fff; font-size: 21px; transition:all .3s;
}
.m_b_box._about:hover p{font-size: 21px; transition:all .3s;}

.m_info_link ul li:after {
    content: '';
    display:block;
    clear: both;
    position: relative ;
    left:calc(100% - 50px);top:-50px;
    background: url(../img/background/white_arrow.png) right bottom no-repeat ;
    width: 45px;
    height: 44px;
}
.m_info_box h4 {
    margin-bottom: 24px
}

.m_info_link ul li:last-child a {
    background: url(../img/background/m_bottom_icon05.png) no-repeat left bottom
}



.con_re_box .v_reply_int .v_reply_bt {
    height: 50px;
    width: 100px;
    line-height: 50px;
    font-size: 14px;
}

.con_re_box .v_reply_int {
    padding: 0 110px 0 0;
}

.con_re_box .v_reply_int textarea {
    height: 50px
}


/* 로그인 */
.login_wrap {
    width: 1120px;
    margin: 0 auto;
    min-height: 525px;
    padding: 110px 50px 0;
}

.login_inner{
	width:100%;
	display:flex;
	justify-content:space-between;}

.login_box, .login_bottom_box{
    width: 42%
}

.login_box h3 {
    font-size: 32px;
    margin-bottom: 30px;
    font-weight: normal;
	padding-top:10px;
}

.join_box {
    padding-bottom: 60px;
}

.join_top_t {
    padding: 0 0 0 18px;
    background: url(../img/background/join_write_icon.png) no-repeat 0 50%;
    margin-bottom: 10px
}

.join_int_box {
    border: 1px solid #e0e0e0; border-radius:7px;
    background: #f9f9f9;
    padding: 12px 12px 0 56px;
    position: relative;
    height: 50px;
    margin-bottom: 15px;
}

.join_int_box label {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/background/mail_icon01.png) no-repeat 50% 50%;
    margin-bottom: 0;
}

.join_int_box input {
    width: 100%;
    background: transparent;
    height: 24px;
    border: 0px;
}

.join_int_box .jl_icon02 {
    background: url(../img/background/l_user_icon.png) no-repeat 50% 50%;
}

.join_int_box .l_int_pw {
    background: url(../img/background/login_int_pw.png) no-repeat 50% 50%;
}

.join_int_box .jl_icon02 {
    background: url(../img/background/l_user_icon.png) no-repeat 50% 50%;
}

.join_int_box .jl_icon03 {
    background: url(../img/background/l_pw_icon01.png) no-repeat 50% 50%;
}

.join_int_box .jl_icon04 {
    background: url(../img/background/l_pw_icon02.png) no-repeat 50% 50%;
}

.join_int_box .jl_icon05 {
    background: url(../img/background/l_phone_icon.png) no-repeat 50% 50%;
}

.join_int_box .jl_icon06 {
    background: url(../img/background/l_pw_group.png) no-repeat 50% 50%;
}

.lg_bt {
    text-align: center;
    background: #2783F3;
    line-height: 50px;
    color: #fff;
    display: block;
    font-size: 18px;border-radius:7px
}

.lg_bt:hover {
    background: #3878e0;
}

._kafe {
    position: relative;
	background:url(../img/background/02_logo2.gif) left top no-repeat ;
	background-size:60px;
}
._kafe ._info{margin-top:20px;}
._kafe ._info span{ color:#2683F2;display:block; margin-bottom:5px;}
._kafe ._info span i{ position:relative; display:inline-block; padding:12px; background:url(../img/background/icon_info.png) center no-repeat; vertical-align:middle ; margin-right:5px; background-size:cover}
._kafe ._info i._dr{ position:relative; display:inline-block; padding:8px 25px; background:url(../img/background/logo_kafe.png) center -2px no-repeat; vertical-align:middle ; margin:0 5px ; background-size:cover}

.login_bottom_box .r_bt {
    position: absolute;
    right: 0;
    top: 0px
}

.line_bt {
    display: inline-block;
    border: 1px solid #c4c4c4;
    color: #333;
    height: 30px;
    line-height: 30px;
    min-width: 112px;
    text-align: center;
    padding: 0 15px;
    background: #fff
}

.login_int_t:hover {
	background:#fff;
    border-bottom: 1px solid #2783F3;
}


/* 회원가입 */
.user_join_wrap {
    width: 1120px;
    margin: 0 auto;
}

.user_join_box {
    overflow: hidden;
    background: #4d89e3 url(../img/background/login_pattern_bg.png) no-repeat left 0;
}

.user_join_left {
    float: left;
    width: 40%;
    padding: 120px 30px 0 30px
}

.user_join_left h4 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 30px
}

.user_join_left p {
    color: #fff;
    font-size: 16px;
    line-height: 32px;
}

.user_join_left p strong {
    display: block;
    font-weight: normal;
    font-size: 18px;
}

.user_join_content {
    margin: 0 0 0 40%;
    background: #fff;
    padding: 30px 50px 50px 80px
}


.u_j_bt {
    text-align: center;
    margin-top: 60px
}

.u_j_bt a {
    display: block;
    border: 1px solid #fff;
    line-height: 40px;
    border-radius: 20px;
    color: #fff;
    font-size: 16px
}

.another_join {
    margin-top: 40px
}

.another_join h4 {
    font-size: 14px;
    margin-bottom: 5px;
}

.another_join a {
    display: block;
    border: 1px solid #9cc82d;
    background: url(../img/background/lbt_arrow.html) no-repeat right 50%;
    margin-bottom: 12px;
}

.another_join a span {
    display: inline-block;
    background: url(../img/background/l_id_bg.png) no-repeat 0 50%;
    padding: 0 0 0 66px;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
}

.another_join a:hover {
    background: #9cc82d url(../img/background/lbt_arrow_over.html) no-repeat right 50%;
}

.another_join a:hover span {
    color: #fff;
}

.another_join .kafe_link {
    border: 1px solid #1bb6ee;
    margin-bottom: 0px;
}

.another_join .kafe_link span {
    background: url(../img/background/l_kafe_bg.png) no-repeat 0 50%;
}

.another_join .kafe_link:hover {
    background: #1bb6ee url(../img/background/lbt_arrow_over.html) no-repeat right 50%;
}


.join_com_wrap {
    width: 830px;
    margin: 0 auto;
}

.join_com_top {
    background: #4d89e3 url(../img/background/login_pattern_bg.png) no-repeat 0 0;
    padding: 30px 0 30px 0;
    text-align: center;
    margin-bottom: 30px
}


.mc_text {
    font-size: 32px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    background: url(../img/background/join_i_complete.png) no-repeat 50% 4px;
    padding: 100px 0 0 0;
}

.mc_text span {
    display: block;
}

.modal_list_t {
    background: #f9f9f9;
    padding: 20px 38px;
    margin: 0 -32px 30px -32px;
}

.modal_list_t ul li {
    margin-bottom: 8px;
    padding: 0 0 0 12px;
    background: url(../img/background/modal_bullet.html) no-repeat 0 4px;
}

.modal_list_t ul li:last-child {
    margin-bottom: 0px
}

.j_user_icon {
    background: url(../img/background/join_icon01.html) no-repeat 50% 0;
}

.comfirm_icon {
    background: url(../img/background/join_icon02.png) no-repeat 50% 0;
}

.pwcom_icon {
    background: url(../img/background/com_pw_icon.png) no-repeat 50% 0;
}

.mailcom_icon {
    background: url(../img/background/join_mail_icon.png) no-repeat 50% 15px;
}

.alert_top_icon {
    background: url(../img/background/join_alert_icon.png) no-repeat 50% 15px;
}

.member_mail_t {
    text-align: center;
    font-size: 22px;
    color: #4861cd;
    margin-bottom: 30px
}

.member_mail_t span {
    display: inline-block;
    padding: 0 0 0 22px;
    background: url(../img/background/join_chk_icon.png) no-repeat 0 3px;
    font-size: 18px;
    color: #777;
}

.complete_bottom_box {
    border-radius: 7px;
    background: #f3f3f3;
    padding: 20px;
    margin: 0 30px 60px 30px;
}

.complete_bottom_box ul li {
    font-size: 17px;
    margin-bottom: 10px;
    text-align: center
}

.complete_bottom_box ul li:last-child {
    margin-bottom: 0px
}

.bottom_home {
    text-align: center;
}

.bottom_home a {
    text-align: center;
    display: inline-block;
    line-height: 50px;
    background: #fff;
    border: 1px solid #e0e0e0;
    color: #333;
    width: 440px
}

.bottom_home a:hover {
    border: 1px solid #266ed9;
    color: #266ed9;
}

.half_bt_type {
    overflow: hidden;
    padding: 0 30px
}

.half_bt_type a {
    display: block;
    width: 49%;
    float: left;
}

.half_bt_type a:last-child {
    float: right;
}

.half_bt_type a.normal_bt {
    background: #3972d0;
    color: #fff;
}

.half_bt_type a.normal_bt:hover {
    background: #3878e0;
}

.join_com_top .j_title_t { font-size: 36px; color: #fff; }
.term_area { padding: 0 20px}
.term_area h3 { font-size: 20px; margin-bottom: 20px; }
.term_bottom {text-align: center; }
.term_bottom .normal_bt {
    line-height: 50px; font-size: 16px;
    width: 440px;
}
.term_text_box { background: #f9f9f9; border-radius: 10px; padding: 20px;height: 200px; overflow-y: scroll; margin-bottom: 40px}

.term_area .rules  { line-height: 22px;}
.term_area .rules h4 { margin-bottom: 15px; margin-top:15px; font-size: 16px; color: #000;}
.term_area .rules h4:first-child  {  margin-top:0px; }
.term_area .rules p {line-height: 22px; margin-bottom: 15px; }
.term_area .rules ul li {padding: 0 0 0 20px}
.term_area .rules h5  { font-size: 14px; color: #000; margin: 15px 0;}


.term_top_box {     background: #f9f9f9; font-size: 14px; line-height: 24px;margin-bottom: 30px;
    padding: 30px 20px 20px 20px;
    border-bottom: 1px solid #ddd;
    margin-top: -30px; }




.alert-light { line-height: 24px;  }
.alert-light .fsr17 { font-size: 17px; color: #000; margin: 20px 0}

.alert-light ul li { margin-bottom: 10px}
.alert-light ul li .mt-3 { padding: 0 0 0 20px}


.term_area .mt-5{margin-top: 40px;}




.data_info_box { background:#f0f0f0; border-radius: 4px; padding: 15px 26px;  margin-bottom: 15px;}


.data_serch_box { background: url(../img/background/data_con_line.png) repeat-y 28% 0px;overflow: hidden; }

.d_s_left { float: left; width: 30%; padding: 24px 15px 30px 22px;}
.d_s_left h5 {  color: #222; font-size: 14px;margin-bottom: 17px;}
.d_s_left ul li {margin-bottom: 13px;}
.d_s_left ul li:last-child {margin-bottom: 0px;}
.d_s_left ul li a{ display: block; color: #555555; padding: 0 0 0 24px; font-size: 14px;background:url(../img/background/d_s_list_icon01.png) no-repeat 0 2px;  }
.d_s_left ul li a:hover { color:#000}
.d_s_left ul li a.on {background:url(../img/background/d_s_list_icon01_on.png) no-repeat 0 2px;color: #3682ff;  }
.d_s_left ul li .d_s_list_icon02 { background:url(../img/background/d_s_list_icon02.png) no-repeat 0 2px;   }


.d_s_view { margin:0 10px; padding:0px 0px 30px 0;}
.d_s_title { font-size: 22px; color: #777;margin-bottom: 15px; }
.d_s_title strong{  display: inline-block;  color: #000; }

.data_info_box dl { overflow: hidden;  margin-bottom: 13px;}
.data_info_box dl:last-child {  margin-bottom: 0px;}
.data_info_box dl dt {font-size: 13px; color: #828282;  float: left; }
.data_info_box dl dd {font-size: 14px; color: #000;  margin: 0 0 0 96px; }
.data_info_box dl dd ul li  {margin-left: 4px; border-radius: 4px; border:1px solid #c8c8c8;line-height: 27px; float: left;   padding: 0 10px;}
.data_info_box dl dd ul li:first-child { margin-left: 0px;}
.data_info_box dl dd ul li span { display: inline-block; color: #324f90;   }


.d_info_tab { overflow: hidden; }
.d_info_tab ul li { float: left; }
.d_info_tab ul li a{ display: block; width: 102px; padding-bottom: 10px; color: #777; position: relative;text-align: center; }
.d_info_tab ul li a:after { content: ''; display: block;clear:both; background: #d1cccc;position: absolute; left:0; bottom:0; width: 100%; height: 2px; }

.d_info_tab ul li.on a {color: #1b57ba; }
.d_info_tab ul li.on a:after {  background: #3972d0; }

.data_view_line {border:1px solid #e8e8e8;  }
.data_tbl { width: 100%; }
.data_tbl thead th {border-right:1px solid #e8e8e8;  border-bottom: 1px solid #e8e8e8; color: #000; background: #f8f8f8; text-align: center; padding: 9px 0; font-weight: normal;}
.data_tbl thead th:last-child {border-right:0;   }
.data_tbl tbody td { text-align: center;border-right:1px solid #e8e8e8; padding: 9px;  border-bottom: 1px solid #e8e8e8; }

.d_state_box { padding:  20px;}
.d_state_tbl { width: 100%; }
.d_state_tbl td { border-bottom: 1px solid #e8e8e8; padding:46px 100px 20px 0;vertical-align: top;  position: relative; }
.d_state_tbl .d_s_text_td {   padding:46px 0 20px 0;}
.d_state_tbl td .d_s_title { font-size: 18px; color: #000;display: block; margin-bottom: 5px; position: absolute; left:0px; top:12px;}


.d_s_ul li { position: relative; margin-bottom: 5px;}
.d_s_ul li:last-child {  margin-bottom: 0px;}
.d_s_ul li p {  position: absolute; right:0; top:0; text-align: right;}
.d_s_ul li p em { display: inline-block; width: 54px;  color: #9d9d9d;  }






/* 소개 */
.about_contents { width: 1200px; margin: 0 auto;  }



.about_top_box { background: url(../img/background/about_top_bg.png) no-repeat left 30px;  padding: 0 0px 60px 350px;     background-size: 300px auto;  margin-bottom: 60px; border-bottom: 1px solid #ddd;  }
.about_top_box h3{ font-size: 30px; margin-bottom: 30px; }
.about_top_box h3 span { color:#1212bc; display: inline-block;    }
.about_top_text {   }
.about_top_text p { font-size: 17px; line-height: 30px; text-align: left;margin-bottom: 20px}
.about_top_text p:last-child { margin-bottom: 0px;}

.about_title { text-align: center; padding: 0 0 15px 0; position: relative; font-size: 22px; color: #2c2c2c; margin-bottom: 15px;}
.about_title:after {  content: ''; display: block; clear: both; position: absolute; left:50%; background: #2c4097; bottom:0; margin-left:-22px; width: 44px; height: 2px; }
.about_data_box { overflow: hidden;  border-radius: 4px;  position: relative; margin-bottom: 30px; }
.about_data_box h4 {height: 100%; background:#fff url(../img/background/about_box_bg.png) no-repeat right bottom; color: #000; position: absolute; left:0; top:0; bottom:0; width: 250px;   border-radius: 4px;  padding: 25px;  font-size: 22px; line-height: 30px; overflow: hidden; }
.about_data_box h4:after  { content: ''; display: block; clear: both; position: absolute; left: 0; top:0; height: 4px; background: #2c4097; width: 100%;  }
/*.about_data_box .gray_d_t { background:#878787 url(../img/background/about_box_bg02.png) no-repeat 0 2px; }*/
.about_data_box h4 em  { display: block; line-height: 30px; }
.a_d_info { background: #fff; border-radius: 4px; overflow: hidden; margin: 0 0 0 270px; padding: 25px;  }
.a_d_info dl { overflow: hidden;  margin-bottom: 20px;  }
.a_d_info dl:last-child { margin-bottom: 0px;  }
.a_d_info dl dt { float: left; font-weight: bold; color: #2c2c2c; position: relative; padding: 0 0 0 18px; font-size: 18px; }
.a_d_info dl dt:after  {content: ''; display: block; clear: both; position: absolute; left:0; top:7px; width: 10px;height: 10px; border:3px solid #878787; }
.a_d_info dl dd { margin: 0px 0 8px 170px; position: relative;padding: 0 0 0 12px;  font-size: 16px; color: #636363; }
.a_d_info dl dd:last-child{ margin-bottom: 0px; }
.a_d_info dl dd:after {  content: ''; display: block; clear: both; position: absolute; background: #b3b3b3;  left:0; top:8px; width: 5px;height: 5px;   border-radius: 3px; }
.a_d_info dl dd p{ font-style: italic; font-size: 14px; color: #777; padding: 4px 0 0 0; }

.about_function_box { background: #fff; border-radius: 4px; padding: 32px 38px; min-height: 260px; margin-bottom: 20px; }
.about_function_box span { display: block; text-indent: -9999px;overflow: hidden; text-align: left; background: url(../img/background/a_function_icon01.png) no-repeat 50% 50%; height: 84px; margin-bottom: 10px;  }
.about_function_box h5 { font-size: 18px; color: #161616; font-weight: normal;margin-bottom: 20px; text-align: center; }
.about_function_box p { color: #636363; font-size: 14px; text-align: left; line-height: 20px; }
.about_function_box .a_function_icon02 { background: url(../img/background/a_function_icon02.png) no-repeat 50% 50%;  }
.about_function_box .a_function_icon03 { background: url(../img/background/a_function_icon03.png) no-repeat 50% 50%;  }
.about_function_box .a_function_icon04 { background: url(../img/background/a_function_icon04.png) no-repeat 50% 50%;  }
.about_function_box .a_function_icon05 { background: url(../img/background/a_function_icon05.png) no-repeat 50% 50%;  }




/*---------------------------------------------------------------------------------------------------/
/-----------------------2023 메인--------------------------------------------------------------------/
/---------------------------------------------------------------------------------------------------*/

.main_visual_wrap {border-bottom:3px solid #0092E5 }
.main_visual_wrap{ background:url(../img/background/main_visual_bg.png) left bottom no-repeat #031E5D; background-size: cover}
/*.main_visual_wrap:after{ content:''; position:absolute; right:0px; top:160px; width:639px; height:183px;background:url(../img/background/main_visual_bg_right.png) no-repeat;}*/
.main_visual_wrap .header_wrap {  background:transparent; /*border-bottom: 1px solid #475365; */}
/*.main_visual_wrap .header_inner h1 a {  background: url(../img/background/logo_w.png) no-repeat 0 0;  }
*/.main_visual_wrap #gnb li .nav_menu_a { color:#fff; }
.header_login_bt { display: inline-block;  background: url(../img/background/logout_icon.png) center top no-repeat; color:transparent;line-height: 34px; min-width: 30px; text-align: center;}
/*.header_login_bt { display: inline-block;  background: url(../img/background/login_icon.png) center no-repeat; color:transparent;line-height: 34px; min-width: 30px; text-align: center;}*/
.header_mypage_bt { display: inline-block;  background: url(../img/background/mypage_icon.png) center no-repeat; color:transparent;line-height: 34px; min-width: 30px; text-align: center;}
/*텍스트버튼추가*/
.header_bt {background: rgba(255,255,255,.2); border-radius:50px; color:#fff; font-size:12px; padding:4px 10px; margin-left:5px;}
.header_bt_02{ margin-left:20px;}
.header_bt_02 span a{color:#fff; font-size:12px; padding:4px 10px;color:#fff; font-size:12px; }
.header_bt_02 span:after{content:''; background:rgba(255,255,255,.3); height:10px; width:1px; display: inline-block; margin:0px 5px;}
.header_bt_02 span:last-child:after{content:none; }

.main_visual_wrap .tablet_nav_bt .line {background: #2983F5; }


.main_contents_wrap  { width: 1440px; height:735px; margin: 0 auto; padding: 60px 0;  position: relative; }
.m_c_text { position: relative;margin:0 auto; display:block; width:60%; z-index:9}
.m_c_text h2  { font-family:GmarketSansTTFBold; font-weight:600; color: #fff; font-size: 50px; position: relative; padding: 15px 0px;  margin-bottom: 20px; border-bottom:solid 1px rgba(255,255,255,.6); text-align:center }
/*.m_c_text h2:after   {  content: ''; display: block;  clear: both; width: 30px; height: 5px; background: #fff; border-radius: 3px; position: absolute; left:0; top:0; }*/
.m_c_text p { position: relative;margin:0 auto; display:block; width:85%; font-family:NanumSquare; font-weight:600;color: #999;font-size: 19px; line-height: 28px; color:rgba(255,255,255,1); text-align:center}
.m_c_text p em {display: block; font-weight:600;}
.m_c_text p span{ color:#00ACED}

.search_window {
    position: relative;left:calc(50% - 30%);
	display:flex; justify-content:center; margin-top:40px;
    height: 65px; width:60%;
    background: #fff; border-radius:10px;font-size: 2.0rem;
	z-index:999
}
.search_window:hover{ background:rgba(255,255,255,1);transition: all .8s;}
.search_window:hover input[type=text]{color:#0092E5 !important }
.search_window:hover.search_window a.btn_search{background:url(../img/background/btn_search_main_over.png) no-repeat 15px; background-size:40%; }
.search_window input{border:0 none !important;height:65px !important; outline:none; width:calc(100% - 76px); padding:5px 5px 5px 35px; text-align:left; color:#fff !important; line-height:65px; background:transparent; font-weight:600;/*font-size:1.3rem;*/}
.search_window a.btn_search{ background: url(../img/background/btn_search_main.png) no-repeat 15px; width:40px; height:40px; }
a.btn_search{ z-index:9999;border:none; box-sizing:border-box; border-radius:6px; padding:33px ; height:40px; line-height:40px;margin-left:10px; display:inline-block;/* margin-top:-2px;*/}
.search_window input::placeholder{color: rgba(0,0,0,1) !important;font-weight:600;font-size:2.0rem !important;}

/* form */
::-webkit-input-placeholder { /* 크롬 4–56 */
    color: #ccc; font-size:13px;}
:-moz-placeholder { /* 파이어폭스 4–18 */
   color: #ccc;   opacity: 1; font-size:13px;}
::-moz-placeholder { /* 파이어폭스 19–50 */
   color: #ccc;   opacity: 1;font-size:13px;}
:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
   color:#ccc !important;}
::placeholder { /* 파이어폭스 51+, 크롬 57+ */
   color: #ccc;   opacity: 1;font-size:12px;}
input::placeholder{color:  #ccc !important;font-size:12px;}

/*.mainData_tab{ display:flex; justify-content:center;background:#E4E4E4; border-radius:10px 10px 0 0; padding-top:20px; margin-top:70px;}
.mainData_tab p{ padding:0px ; margin:0 2px; font-size: 1.04rem; box-sizing:border-box}
.mainData_tab p a{display:inline-block;background: rgba(255,255,255, .5);border-radius:10px 10px 0 0;  padding:20px 30px 15px ;border:1px solid rgba(255,255,255, .5); border-bottom:0px;transition: all 0.3s ease; }
.mainData_tab p a:after{content: '';
    display: block;
    width: 0%;
    height: 2px;
    position: relative;
    bottom: -13px;
    background: #586CBE;}
.mainData_tab p a:hover{background: rgba(255,255,255, .8);}
.mainData_tab p a:hover:after{
	content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: relative;
    bottom: -13px;
    background: #586CBE;transition: all 0.3s ease;}
.mainData_tab p.active a{background: rgba(255,255,255, 1.0); border:1px solid #C4CEE6; border-bottom:0px; color:#000; font-weight:600;}
.mainData_tab p.active a:after{content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: relative;
    bottom: -13px;
    background: #586CBE;}*/
/* tabmenu */
.mainData_tab{position:relative;height:60px;box-sizing:border-box;}
.mainData_tab ul{
	position:relative;width:1720px; margin:0 auto;
	height:60px;
	box-sizing:border-box;
}
.mainData_tab ul li{float:left;position:relative;overflow:hidden; text-align:center; box-sizing:border-box; font-weight:bold; }
.mainData_tab ul li span{margin:0 0 0 5px}
.mainData_tab ul li span:before{ content:'('; margin-right:2px;}
.mainData_tab ul li span:after{ content:')'; margin-left:2px;}
.mainData_tab ul li a{display:block;padding:4px 45px;font-size:2.0rem;color:rgba(0,0,0,.5); outline:none; line-height:50px; font-family:NanumSquare,'나눔스퀘어', NanumGothic, NanumGothicBold;   }
.mainData_tab ul li a:hover{color:#333;  background:rgba(114,124,148,.1);height:60px; border-radius:0 0 15px 15px;transition:all .8s;}
.mainData_tab ul li.active, .mainData_tab ul li.active a{height:60px;font-weight:bold;font-size:2.4rem; color:#fff; background:#0092E5;border-color:#8189D3 !important; border-radius:0 0 15px 15px;}
.tab_container{clear:both;float:left;width:100%;border-top:none;}
.tab_content_main{position:relative;margin-top:10px; display:inline-block; width:100%;}
.tab_content_main .more{position:absolute;right:0;top:-40px}



.dataPannel_wrap{font-size: 2.0rem; margin:60px 7%; display:flex; justify-content:space-between}
.dataPannel{ float:left; border-radius:230px; border:4px solid rgba(0,146,229,1); display:inline-block; color:#fff;height:230px; margin:0 ;}
.dataPannel:hover{border:4px solid rgba(19,75,242,1);transition: all .5s; }
.dataPannel p{ display:block; text-align:center; padding:0px 40px 0 40px; margin:0px; box-sizing:border-box;/*font-size: 1.4rem;*/ }
.dataPannel p span{display:block; padding:2px; }
.dataPannel p span._tit:after{content:''; position: relative; display:block; width:1px; height:35px; border:1px dashed #0092E5; margin:10px auto ; }
.dataPannel p span+span{ font-size:3.3rem;font-family: NanumSquare;}
.dataPannel p span+span+span{ font-size:1.8rem;color: rgba(255,255,255,.7)}

.dataPannel:before{content:''; position: relative; display:block; width:34px; height:34px; border-radius:30px; left:40px; top:-5px; box-sizing:border-box}

.dataPannel>span{display:inline-block; width:100%; padding:2px; text-align:left; margin:5px 0;/*font-size: 1.4rem;*/}
.dataPannel>span i{ float:right;font-size:3.3rem;font-family: NanumSquare; font-style:normal; position: relative; background:#000001; padding:0 0 0 20px; z-index:99}
.dataPannel>span:before{content:''; position: relative; display:inline-block; width:40px; height:40px; margin-right:10px; border-radius:30px; background:#0092E5; left:0px; top:0px; box-sizing:border-box; vertical-align:middle}
.dataPannel span{}
.dataPannel._file, .dataPannel._tb{width:230px;}
.dataPannel._file:before{background: url(../img/background/icon_main_file.png) center no-repeat #0092E5;}
.dataPannel._tb:before{background: url(../img/background/icon_main_tb.png) center no-repeat #0092E5;}
.dataPannel._data{width:470px; padding:30px 4% 0; margin:0px;}
.dataPannel._data:before{content:''; display:none;}
.dataPannel._data span{position: relative; background:#000001;padding:0 15px; z-index:99}
.dataPannel._data span:after{content:''; position: relative; }
.dataPannel span._dataset:before{background: url(../img/background/icon_main_dataset.png) center no-repeat #0092E5;margin:0px; z-index:99}
.dataPannel span._model:before{background: url(../img/background/icon_main_model.png) center no-repeat #0092E5;margin:0px; z-index:99}
.dataPannel span._code:before{background: url(../img/background/icon_main_code.png)  center no-repeat #0092E5;margin:0px; z-index:99}
.dataPannel span._dataset:after{display:block; width:100%; height:2px;top:-23px; border:1px dashed #0092E5; z-index:9}
.dataPannel span._model:after{display:block; width:100%; height:2px;top:-23px; border:1px dashed #0092E5; z-index:9}
.dataPannel span._code:after{display:block; width:100%; height:2px;top:-23px; border:1px dashed #0092E5; z-index:9}

.dataPannel._dataType{width:420px; padding:0 2%; margin:0px; display:flex; justify-content:space-between;}
._dataType:before, ._dataType span:before,
._dataType:after, ._dataType span:after{ display:none;}
.dataPannel._dataType span.btn{ position:relative; display:inline-block;top:calc(50% - 20px); width:32px; height:32px; padding:16px; border-radius:32px; box-sizing:border-box; margin:0px;}
.dataPannel._dataType span.btn._prev{ background:url(../img/background/arrow_am_white-le.png) center no-repeat #0092E5;}
.dataPannel._dataType span.btn._next{ background:url(../img/background/arrow_am_white-ri.png) center no-repeat #0092E5; }
.dataPannel._dataType ul{ position: relative; margin:20px auto;width:100%; padding:0 20px;width:100%;vertical-align:middle; display:inline-block }
.dataPannel._dataType li{ margin:4px 0; width:100%; line-height:28px; float:left;}

.dataPannel._dataType li i{float:right;font-family: NanumSquare; font-style:normal; position: relative; background:#000001; padding:0 0 0 20px; z-index:99}
.dataPannel._dataType li:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #0092E5;
    border-radius: 10px;
    margin-right: 10px;
    margin-top: -8px;
    vertical-align: middle;}

._dr_menu{ background:#727C94; }
._dr_menu ._dm{width: 1440px; margin: 0 auto; display:flex; justify-content:center;}
._dr_menu ._dm p{width:25%;border-style:solid; border-color: #959DAF; border-width:0 1px; }
._dr_menu ._dm p a{width:100%;display:inline-block;padding:30px 40px; color:#fff; font-size:2.4rem; vertical-align: middle;}
._dr_menu ._dm p a:hover{ background:#626C82; transition: all .3s;}
._dr_menu ._dm p a span{line-height:70px; float: right; vertical-align: middle}
._dr_menu ._dm p i{ width:71px; height:71px; vertical-align: middle; float:left}
._dr_menu ._dm p i._01{ background:url(../img/background/icon_drM_01.png) center no-repeat}
._dr_menu ._dm p i._02{ background:url(../img/background/icon_drM_02.png) center no-repeat}
._dr_menu ._dm p i._03{ background:url(../img/background/icon_drM_03.png) center no-repeat}
._dr_menu ._dm p i._04{ background:url(../img/background/icon_drM_04.png) center no-repeat}

.m_dataset_wrap {  }
.m_dataset_wrap .row { margin-left:-5px; margin-right:-5px;   }
.m_dataset_wrap .col-lg-4,
.m_dataset_wrap .col-md-4,
.m_dataset_wrap .col-md-offset-4
{ padding-left:5px;  padding-right:5px;   }

.m_dataset_box {  height:305px;padding: 102px 20px 20px 20px; margin-bottom: 10px; background:#fff  url(../img/background/md_icon01.png) no-repeat 50% 20px; transition:all 0.3s ease;  box-shadow: 0 0 0px rgba(72,72,72,0.4); position: relative; }

.m_dataset_box dl dt { font-size: 20px; color: #222; font-weight: normal; line-height: 24px; margin-bottom: 10px; }
.m_dataset_box dl dd { font-size: 14px; color: #777777;  overflow: hidden;  height: 60px; }
.m_d_bottom {  color: #525252; font-size: 14px;   position: absolute; left:25px; bottom:24px; }
.m_d_bottom em  {font-family: GmarketSans_light; color: #121111; font-size: 18px;  display:inline-block; vertical-align: middle; margin: 0 4px 0 0;}

.md_tag {margin-bottom: 12px; }
.md_tag span { display: inline-block;  color: #fff; font-size: 12px; text-align: center; min-width: 70px; border-radius: 12px; line-height: 24px; }

.m_dataset_box:hover { box-shadow: 0 0 10px rgba(72,72,72,0.4);   transform:translate(3px,-3px);  }
.m_dataset_box:hover dl dt {  color: #4247ae;   }



.md_icon02 { background:#fff  url(../img/background/md_icon02.png) no-repeat 50% 20px;   }
.md_icon03 { background:#fff  url(../img/background/md_icon03.png) no-repeat 50% 20px;   }
.md_icon04 { background:#fff  url(../img/background/md_icon04.png) no-repeat 50% 20px;   }
.md_icon05 { background:#fff  url(../img/background/md_icon05.png) no-repeat 50% 20px;   }

.md_icon_contest { background:#fff url(../img/contest/contest_banner_bg.png) center bottom no-repeat; background-size:cover  }
.m_dataset_box._contest{padding: 15px 10px !important; border:1px solid #00BEEC; }
._contest p{ background: url(../img/contest/contest_text_01.png) left top no-repeat; display:block; width:100%; height:80%;}
._contest a._contest{ font-size:20px; font-weight:600;
width:100%;
display: inline-block;
    padding: 10px 20px ;
    text-align: left;
    border-radius: 50px;
    color: #fff;
    background: url(../img/contest/icon_arrow_right.png) no-repeat 90% 45%;
    border-radius: 200px;
    transition: all .3s;
}

._contest a._contest:hover{background: url(../img/contest/icon_arrow_right.png) no-repeat 94% 45%;box-shadow:none;   }


.d_t_html { background: #1cbb81;   }
.d_t_json { background: #db67d1;   }
.d_t_img { background: #67b6db;   }





.r_t_bt { position: absolute;right:4px; top:3px; }
.r_t_bt .md_bt { width: 186px; }
.md_bt { line-height: 40px; height: 40px;}



/* 1102 */
.about_ci_wrap { background: #fff; border-radius: 4px; padding: 25px; }
.ci_text { margin-bottom: 25px;font-size: 16px;color: #636363; line-height: 24px; }
.ci_img_box { text-align: center; margin-bottom: 45px;}



.ci_color { text-align: center; position: relative;  padding: 100px 0 0 0;}
.ci_color:after  {  content: ''; display: block; width:90px; height: 90px; border-radius: 45px; background:url(../img/background/ci_color01.png) repeat-y;  background-size: 90px auto;  position: absolute; left:50%;margin: 0 0 0 -45px; top:0; }
.ci_color  p { font-size: 16px; color: #333; }
.ci_color ul li { display:inline-block; text-align: center; font-size: 16px; color: #333; padding: 0 10px;}
.ci_color ul li span {  display: block;  font-size: 13px; color: #777;  }

.ci_color_wrap { margin-bottom: 40px; border-bottom: 1px solid #e6e6e6; padding: 0 0 40px 0;}

.c_c_02:after { background:url(../img/background/ci_color02.png) repeat-y;  background-size: 90px auto;   }
.c_c_03:after {  background: #181818;    }
.c_c_04:after { background:url(../img/background/ci_color03.png) repeat-y;  background-size: 90px auto;   }

.ci_type_box {  background:url(../img/background/pattern01.png) repeat; border:1px solid #ddd;padding: 25px;   }


.ci_bottom_box {  overflow: hidden; }
.ci_bottom_box span {  float: left; display: block; font-size: 15px; font-weight: bold;  color: #555; }
.ci_b_img {  margin: 0 0 0 120px; }
.ci_b_img ul li {  float: left; width: 50%; }


/*swiper*/
.swiperBox{max-width:1920px; margin:30px auto; clear:both; display:block;}


.swiperBox ul{width:99.5%; margin:0; display:inline-block; overflow:hidden; position:relative; /*border-radius:20px;*/
    box-shadow:0px 2px 5px rgba(0, 0, 0, 0.1) ;background:#fff;border:1px solid #999BAD; border-radius:20px;}
.swiperBox ul:hover{border:2px solid #2B7DF9;
	box-shadow:0px 2px 5px rgba(0, 0, 0, 0.2)}
.swiperBox ul li{width:100%; height:100%; display:block; box-sizing:border-box; transition:all .3s}

/*대표이미지*******/.swiper ul li:nth-child(1){ display:none;overflow:hidden; text-align:center !important; height:170px;}
/*데이터 타입******/.swiper ul li:nth-child(2){width:90%;margin:0px auto; position:relative; text-align:left; padding: 12px 0px 8px;box-sizing:border-box; border-bottom:1px solid rgba(114,124,148,.6)}
						 .swiper ul li:nth-child(2) span{ background:#F6F6F6; display:inline-block; border-radius:20px; padding:4px 15px;font-size:13px; font-weight:600; color:#333;margin:2px; }
						 .swiper ul li:nth-child(2) span.json{background:rgba(114,124,148,.2)}
						 .swiper ul li:nth-child(2) span.jpg{background:rgba(114,124,148,.2)}


/*타이틀***********/.swiper ul li:nth-child(3){width:100%; height:55px; text-align:left;font-size:20px; color:#333; font-weight:600; padding:10px 15px; margin-top:5px; line-height:24px; letter-spacing:-.04rem}
/*상세*************/.swiper ul li:nth-child(4){width:100%; height:85px;text-align:left;font-size:15px; color:#333;  padding: 10px 15px; line-height:22px;letter-spacing:-.03rem;border-bottom:1px solid #E8E8E8; }
/*데이터 참여인원**/.swiper ul li:nth-child(5){ display:none; width:100%; text-align:left;  font-size:17px; font-weight:600; color:#333;  padding: 15px; line-height:22px; }
						.swiper ul li:nth-child(5) span{ font-size:17px;color:#666 !important; font-weight:normal; padding-left:5px;}

/*대표이미지
.swiperBox ul li._01{ background:url(../img/background/md_icon01.png) center 25% no-repeat ;}
.swiperBox ul li._02{ background:url(../img/background/md_icon02.png) center 25% no-repeat ;}
.swiperBox ul li._03{ background:url(../img/background/md_icon03.png) center 25% no-repeat ;}
.swiperBox ul li._04{ background:url(../img/background/md_icon04.png) center 25% no-repeat ;}
.swiperBox ul li._05{ background:url(../img/background/md_icon05.png) center 25% no-repeat ;}
.swiperBox ul li._06{ background:url(../img/background/md_icon01.png) center 25% no-repeat ;}
*******/

.swiperBox ul li:nth-child(6) a{width:100%; height:100%; text-indent:-9999px; position:absolute; top:0; left:0; z-index:100 }

.swiperBox ul:hover{cursor:pointer}

.swiperBox ul li:nth-child(1) img{transition: all .3s;}
.swiperBox ul:hover li:nth-child(1) { transform: scale(1.05);}

/*.news ul:hover li:nth-child(1) img{  transform: scale(1.1);}*/

.swiper {
		width: 90%; /*max-width:1480px;*/
        height: 210px ;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: transparent;
		width:237px !important;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }


/************************************
*****************************swiper*/


/**경진대회**/
.contest{width:1440px; margin:0px auto; clear:both; display:table;}
.contest ul{width:17%; margin:0 1.0% ; display:inline-block; overflow:hidden; position:relative; border-radius:20px; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1)}
.contest ul._finish{width:17%; background:#f3f3f3;}

.contest ul li{width:100%; height:100%; display:block;box-sizing:border-box; transition:all .3s}

/*대표이미지*******/.contest ul li:nth-child(1){overflow:hidden; text-align:center !important; display:block; height:120px; padding:10px}
                         .contest ul li:nth-child(1) span{ display:inline-block; border-radius:50px; padding:5px 15px; margin:35px 0 0 50px;font-size:1.5rem; color:#fff; font-weight:600}
						 .contest ul li:nth-child(1) span{ background:#2983F5}
						 .contest ul._finish li:nth-child(1) span{ background:#ABB4C0}
/*타이틀***********/.contest ul li:nth-child(2){width:100%; height:95px; display:inline-block;text-align:left; font-size:17px; color:#333; font-weight:600; padding:10px; letter-spacing:-.08rem}
/*기간*************/.contest ul li:nth-child(3){width:100%; display:inline-block;text-align:left; font-size:13px; font-family: '나눔고딕', 'Nanum Gothic', sans-serif ;color:#333; line-height:22px; padding:0 10px 10px; letter-spacing:-.03rem;border-bottom:1px solid #E8E8E8; }
/*기관명******/.contest ul li:nth-child(4){width:100%; text-align:left; font-size:14px; color:#333;  padding: 10px 10px 20px 35px; line-height:22px;background:url(../img/background/icon_member_count.png) 13px 12px  no-repeat;   box-sizing:border-box}
.contest ul li:nth-child(5) a{width:100%; height:100%; text-indent:-9999px; position:absolute; top:0; left:0; z-index:100 }

/*데이터 참여인원.news ul li:nth-child(5){width:100%; text-align:left; background:#fff url(../images/icon_member_count.png) 15px 13px  no-repeat; font-size:13px; color:#333;  padding: 13px 15px 20px 50px; line-height:22px; }**/

/*대표이미지*******/
.contest ul li._01{ background:url(../img/background/md_icon01.png) 30px 45% no-repeat #DFE3E8; background-size:15%}
.contest ul li._02{ background:url(../img/background/md_icon02.png) 30px 45% no-repeat #DFE3E8; background-size:15%}
.contest ul li._03{ background:url(../img/background/md_icon03.png) 30px 45% no-repeat #DFE3E8; background-size:15%}
.contest ul li._04{ background:url(../img/background/md_icon04.png) 30px 45% no-repeat #DFE3E8; background-size:15%}
.contest ul li._05{ background:url(../img/background/md_icon05.png) 30px 45% no-repeat #DFE3E8; background-size:15%}
.contest ul li._06{ background:url(../img/background/md_icon06.png) 30px 45% no-repeat #DFE3E8; background-size:15%}


.contest ul li:nth-child(6) a{width:100%; height:100%; text-indent:-9999px; position:absolute; top:0; left:0; z-index:100 }

.contest ul:hover{cursor:pointer}

.contest ul li:nth-child(1) img{transition: all .3s;}
.contest ul:hover li:nth-child(1) { transform: scale(1.05);}

/*.news ul:hover li:nth-child(1) img{  transform: scale(1.1);}
*/.news ul:hover{box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1)}

/**활용갤러리**/
.news{width:1440px; margin:0px auto; clear:both; display:table;}
.news ul{width:17%; margin:0 1.0% ; display:inline-block; overflow:hidden; position:relative; border-radius:20px; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1)}
.news ul._finish{width:17%; background:#f3f3f3;}

.news ul li{height:100%; display:block;box-sizing:border-box; transition:all .3s}

/*대표이미지*******/.news ul li:nth-child(1){overflow:hidden; background: url(../img/background/new_defIMG.png) center #DFE3E8; background-size: auto;  text-align:center !important; display:block; height:140px; padding:0px}
/*타이틀***********/.news ul li:nth-child(2){width:100%; height:95px; display:inline-block;text-align:left; font-size:17px; color:#333; font-weight:600; padding:10px; letter-spacing:-.08rem;border-bottom:1px solid #E8E8E8; }
/*기간*************/.news ul li:nth-child(3){float:left; display:inline-block;text-align:left; font-size:13px; font-family: '나눔고딕', 'Nanum Gothic', sans-serif ;color:#333; line-height:22px; padding:12px 10px 10px; letter-spacing:-.03rem;}
/*조회******/.news ul li:nth-child(4){float:right;text-align:left; font-size:14px; color:#333;  padding: 10px 10px 20px 35px; line-height:22px;background:url(../img/background/icon_hit.png) 13px 14px  no-repeat;   box-sizing:border-box}
.news ul li:nth-child(5) a{width:100%; height:100%; text-indent:-9999px; position:absolute; top:0; left:0; z-index:100 }

/*데이터 참여인원.news ul li:nth-child(5){width:100%; text-align:left; background:#fff url(../images/icon_member_count.png) 15px 13px  no-repeat; font-size:13px; color:#333;  padding: 13px 15px 20px 50px; line-height:22px; }**/




.news ul li:nth-child(6) a{width:100%; height:100%; text-indent:-9999px; position:absolute; top:0; left:0; z-index:100 }

.news ul:hover{cursor:pointer}

.news ul li:nth-child(1) img{transition: all .3s; width:100%; height:100%;  object-fit:cover ;}
.news ul:hover li:nth-child(1) { transform: scale(1.05);}

/*.news ul:hover li:nth-child(1) img{  transform: scale(1.1);}
*/.news ul:hover{box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1)}



.data_view_inner_box {display:flex; justify-content:space-between; box-sizing:border-box; width:100%; }
.data_view_inner_box ._fl{ float:left; width:70%; padding-right:30px;}
.data_view_inner_box ._fr{ float:right; width:30%;}
.data_view_inner_box ._divid{ background:url(../img/background/bg_dach_v.png) repeat-y; width:1px; margin-right:30px;}

.d_view_dl._type_divid{display:flex;justify-content:space-between;}
.d_view_dl._type_divid dt{ margin-right:15px; white-space:nowrap;}
.d_view_dl._type_divid dd{ margin:0; margin-right:auto; word-break: break-all}
/**
.data_view_inner_box {display:inline-block; box-sizing:border-box; width:100%; }
.data_view_inner_box ._fl{ float:left; width:70%; padding-right:30px;}
.data_view_inner_box ._fr{ float:right; width:30%;}
**/

.btn_newtype{ display:inline-block; padding:2px 5px; border-radius:5px; vertical-align: baseline; font-size: 11px}
.first_1{ background:#2983F5; color:#fff; margin-right:5px;}
.clipb_copy{background:url(../img/background/icon_cilpb.png) 5px center #5A6F85 no-repeat; float:right; color:#fff; margin-right:0px; padding-left:22px;}

.data_view_inner_box ._fr .d_view_dl{margin-bottom: 10px;font-size: 12px}


#popup_layer {position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); display:none}
/*팝업 박스*/

.popup_box{position: relative;top:50%;left:50%; height: auto; max-width: 90rem; width:100%; transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35); border-radius:6px;
/*  overflow: scroll;*/}
/*컨텐츠 영역*/
.popup_box .popup_cont {padding:30px;line-height:1.4rem;font-size:14px;word-break: break-word;}
.popup_box .popup_cont h2 {padding:15px 0;color:#333;margin:0;}
.popup_box .popup_cont p{ padding-top: 30px;}
.popup_box .popup_cont p.con{padding-top:5px;}
.popup_box .popup_cont p.con span{}
.popup_box .popup_cont p.con span:after{content:','; display:inline-block; padding-right:10px;}
.popup_box .popup_cont .d_v_tbl_wrap{border-top:1px solid #333;border-bottom:1px solid #dadada}
.popup_box .popup_cont .d_v_tbl tbody td {
    color: #333;
    padding: 5px 5px 5px 20px;border-bottom:1px solid #dadada !important;}

/*버튼영역*/
.popup_box .popup_btn {display:table;table-layout: fixed;width:100%;height:70px;background:#5d5d5d;word-break: break-word;border-radius:6px;}
.popup_box .popup_btn a {position: relative; display: table-cell; height:70px; color:#fff; font-size:17px;text-align:center;vertical-align:middle;text-decoration:none; background:#102c5c;border-radius:0 0 6px 6px ;}
.popup_box .popup_btn a:before{content:'';display:block;position:absolute;top:26px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.popup_box .popup_btn a:after{content:'';display:block;position:absolute;top:26px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.popup_box .popup_btn a.close_day {background:#5d5d5d;}
.popup_box .popup_btn a.close_day:before, .popup_box .popup_btn a.close_day:after{display:none;}
/*오버레이 뒷배경*/
.popup_overlay{position:fixed;top:0px;right:0;left:0;bottom:0;z-index:1001;background:rgba(0,0,0,0.5);}



.login_box h3{ letter-spacing:-1px;}
.login_box h3 span{ color:#0E7AFE}
.login_box h3 span+span{ color:#999}
.login_box h3 a.info{float:right; color:#FD3E33 !important; font-size:15px; border-bottom:1px solid #FD3E33; width:123px; text-align:center; padding:5px; margin-top:5px;}
.login_box h3 a.pass{float:right; color:#999 !important; font-size:15px; border-bottom:1px solid #999; width:123px; text-align:center; padding:5px; margin-top:5px;}

.ul_bt {
    display: inline-block;
    border-bottom: 1px solid #c4c4c4;
    color: #333;
    height: 30px;
    line-height: 30px;
    min-width: 112px;
    text-align: center;
    padding: 0 15px;
    background:  transparent;
	margin-top:10px;
}
.login_box .right{text-align:right}

.btn_kafe{
    text-align: center;
    background: #70A3D1;
    line-height: 50px;
    color: #fff;
    display: block;
    font-size: 18px;
    border-radius: 7px;
	margin-top:60px;
}
.btn_kafe:hover{
    background: #3978B0;
}



@media screen and (max-width:1439px) {

.contest{width:98%}
.contest ul, .contest ul._finish{width:31%; margin:0 1% 30px 1%;}

.contest ul li:nth-child(2) br{display:none}

.news{width:98%}
.news ul, .contest ul._finish{width:31%; margin:0 1% 30px 1%;}

.news ul li:nth-child(2) br{display:none}
.pannel h3{max-width:1280px;}
.dataPannel_wrap{margin:60px 1%;}
}


@media all and (max-width :1280px)  {

.pannel {background:#EFF0F1;}
.pannel h3{padding-left:15px}

/*.header_inner h1 a {width: 393px;}*/

.md_icon_contest { background:#fff url(../img/contest/contest_banner_02_bg.png) center bottom no-repeat; background-size:cover  }

.t_t_fixed {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
}

.top_tab_inner {
    width: 1440px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.top_tab_inner ul li:last-child  {margin-right: 0;}

.top_tab_inner ul li a {
    display: block;
    position: relative;
    padding: 0px
}

.top_tab_inner ul li a:hover em {
    color: #284ba3;
}


.top_tab_inner ul li a .ds_i_text {
    background: url(../img/background/sub_cate_icon02.png) no-repeat 0 22px;
}

.top_tab_inner ul li a .ds_i_sound {
    background: url(../img/background/sub_cate_icon03.png) no-repeat 0 22px;
}

.top_tab_inner ul li a .ds_i_image {
    background: url(../img/background/sub_cate_icon04.png) no-repeat 0 22px;
}

.top_tab_inner ul li a .ds_i_movie {
    background: url(../img/background/sub_cate_icon05.png) no-repeat 0 22px;
}
.top_tab_inner ul li a .ds_i_model {
    background: url(../img/background/sub_cate_icon12.png) no-repeat 0 22px;
}



.top_tab_inner ul li a .sub_cate_icon07 {
    background: url(../img/background/sub_cate_icon07.png) no-repeat 10px 22px;
}

.top_tab_inner ul li a .sub_cate_icon08 {
    background: url(../img/background/sub_cate_icon08.png) no-repeat 0 22px;
}
.top_tab_inner ul li a .sub_cate_icon09 {
    background: url(../img/background/sub_cate_icon09.png) no-repeat 0 22px;
}
.top_tab_inner ul li a .sub_cate_icon10 {
    background: url(../img/background/sub_cate_icon10.png) no-repeat 0 22px;
}

.top_tab_inner ul li a .sub_cate_icon11 {
    background: url(../img/background/sub_cate_icon11.png) no-repeat 0 22px;
}


.top_tab_inner ul li a.on:after {
    content: '';
    /*display: block;*/display: none;
    clear: both;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #266ed9;
}

.top_tab_inner ul li a.on em {
    color: #fff;width:100%;
    background: #2983F5; border-radius:50px; padding:0 20px;
}

.top_tab_inner ul li a.on .ds_i_text {
    background: url(../img/background/sub_cate_icon02_on.png) no-repeat 15px 22px #2983F5; border-radius:10px 10px 0 0; padding:0 10px 0 40px; color:#fff;
}

.top_tab_inner ul li a.on .ds_i_sound {
    background: url(../img/background/sub_cate_icon03_on.png) no-repeat 15px 22px #2983F5; border-radius:10px 10px 0 0; padding:0 10px 0 40px; color:#fff;
}

.top_tab_inner ul li a.on .ds_i_image {
    background: url(../img/background/sub_cate_icon04_on.png) no-repeat 15px 22px #2983F5; border-radius:10px 10px 0 0;padding:0 10px 0 40px; color:#fff;
}

.top_tab_inner ul li a.on .ds_i_movie {
    background: url(../img/background/sub_cate_icon05_on.png) no-repeat 15px 22px #2983F5; border-radius:10px 10px 0 0; padding:0 10px 0 40px; color:#fff;
}
.top_tab_inner ul li a.on .ds_i_model {
    background: url(../img/background/sub_cate_icon12_on.png) no-repeat 15px 22px #2983F5; border-radius:10px 10px 0 0; padding:0 10px 0 40px; color:#fff;
}

.top_tab_inner ul li a.on .sub_cate_icon07 {
    background: url(../img/background/sub_cate_icon07_on.png) no-repeat 15px 22px #2983F5; border-radius:10px 10px 0 0; padding:0 10px 0 40px; color:#fff;
}

.top_tab_inner ul li a.on .sub_cate_icon08 {
    background: url(../img/background/sub_cate_icon08_on.png) no-repeat 15px 22px #2983F5; border-radius:10px 10px 0 0; padding:0 10px 0 40px; color:#fff;
}



.top_tab_inner ul .tab_data a {
    text-align: center;
}

.top_tab_inner ul .tab_data a em {width:100%;
    background: url(../img/background/sub_cate_icon06.png) no-repeat 15px 22px;padding:0 40px 0 50px;
}

.top_tab_inner ul .tab_data .on em {width:100%;
    background: url(../img/background/sub_cate_icon06_on.png) no-repeat 15px 22px #2983F5; border-radius:10px 10px 0 0; padding:0 40px 0 50px; color:#fff;
}

.top_tab_rbt {
    position: absolute;
    right: 0;
    top: 10px;
}

.top_tab_rbt .normal_bt,
.top_tab_rbt .line_bt {
    width: 186px;
    height: 40px;
    line-height: 40px;
}


.search_window {
    margin-top:30px;
    height: 55px; width:60%;
    border-radius:10px;
}
.search_window:hover.search_window a.btn_search{background:url(../img/background/btn_search_main_over.png) no-repeat 8px 15px; }

.search_window input{height:55px !important; }
.search_window a.btn_search{ background: url(../img/background/btn_search_main.png) no-repeat 8px 15px;}
a.btn_search{ z-index:9999;border:none; box-sizing:border-box; border-radius:6px; padding:26px ; margin-left:10px; display:inline-block;}

.m_c_text{width:66%;}
.m_c_text p {width: 100%;}

.dataPannel p {
    padding: 0px 20px 0 20px;

}
.dataPannel._data { padding: 35px 3% 0;
    margin: 0px;
}
.dataPannel._dataType {
    margin: 0 0 0 10px;
}

.dataPannel._data span {
    position: relative;
/*    background: #00005A;*/
    padding: 0 10px;
    z-index: 99;
}
.dataPannel>span i {
    padding: 0 0 0 10px;}
}
@media all and (max-width:1180px){

.dataPannel._dataType { margin: 0 10px; padding: 0 1%;}
.dataPannel._dataType ul{padding: 0 10px;}
.dataPannel._dataType li i { vertical-align:middle;}

.m_b_box h4 {font-size: 40px;}

}
@media all and (max-width:1024px){

.login_box, .login_bottom_box{width: 46%}
.dataPannel_wrap {font-size: 1.8rem;}
.dataPannel,
.dataPannel._data,
.dataPannel._dataType
 { margin: 0 4px;}
.dataPannel {
    float: left;
    border-radius: 80px;
}
.dataPannel:before {
    left: 10px;}
._dataType:before, ._dataType span:before, ._dataType:after, ._dataType span:after {
    display: none;
}
.dataPannel._data {
    padding: 30px 2% 0;
}
.dataPannel._dataType ul{padding: 0 10px;}

}
@media all and (max-width:994px){
._dr_menu ._dm p a {
    padding:20px;
   font-size: 2.4rem;
}
._dr_menu ._dm p i{ width:60px; height:60px;}
._dr_menu ._dm p i._01{ background:url(../img/background/icon_drM_01.png) center 5px no-repeat; background-size:cover}
._dr_menu ._dm p i._02{ background:url(../img/background/icon_drM_02.png) center no-repeat; background-size:cover}
._dr_menu ._dm p i._03{ background:url(../img/background/icon_drM_03.png) center no-repeat; background-size:cover}
._dr_menu ._dm p i._04{ background:url(../img/background/icon_drM_04.png) center no-repeat; background-size:cover}

}
@media all and (max-width:991px){
.m_b_box {
    position: relative;
    display: block;
    padding:20px;
    height: 200px;
    border-radius: 20px;
	margin:10px 0;
}

.m_b_box p {margin-top:10px;}

.m_info_link ul {
    overflow: hidden;
    margin-top: 20px;
}
.m_c_text p em {
    display: inline-block;
    font-weight: 600;
}

}


@media all and (max-width:932px){
.dataPannel_wrap {
    font-size: 1.7rem;
}
.dataPannel_wrap {margin: 50px auto 0;}
.dataPannel {border-radius: 50px;height: 200px;}
.dataPannel:before {left: 0px; top:-10px}
.dataPannel p {padding: 0px 5px;}
.dataPannel p span._tit:after {height: 20px;margin: 4px auto;}
.dataPannel._file, .dataPannel._tb {width: 160px;}
.dataPannel._data { margin: 0 4px}
.dataPannel._data {padding: 12px 1% 0;}
.dataPannel._data {
    width: 300px;
    padding: 10px 1% 0;
    border-radius: 50px;
}
.dataPannel._dataType {
    width: 320px;
}
.dataPannel._dataType ul {
	margin: 7px auto;
    padding: 0 10px;
}

.dataPannel>span:before {
    width: 34px;height: 34px;
}
.dataPannel._data:before {
    content: '';
    position: relative;
    display: none;
    width: 1px;
    height: 25px;
    border: 1px dashed #0092E5;
    margin: -30px 0 25px 0;
    left: calc(50% - 0px);
}
.dataPannel span._dataset:before{background-size:22px;margin:0px; z-index:99}
.dataPannel span._model:before{background-size:22px;margin:0px; z-index:99}
.dataPannel span._code:before{background-size:22px;margin:0px; z-index:99}
.dataPannel>span i {font-size: 2.3rem;}


}


@media all and (max-width:880px){

.contest{text-align:left}
.contest ul, .contest ul._finish{width:45.8%; margin:0 1.5% 30px 1.5%; box-shadow:none;  border-radius:5px; border:1px solid #e5ecf8}
.contest ul:hover{box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1);}
.contest ul li:nth-child(2) br{display:block}
/*대표이미지*******/
.contest ul li._01{ background-size:10%}
.contest ul li._02{ background-size:10%}
.contest ul li._03{ background-size:10%}
.contest ul li._04{ background-size:10%}
.contest ul li._05{ background-size:10%}
.contest ul li._06{ background-size:10%}

.news{text-align:left}
.news ul, .news ul._finish{width:45.8%; margin:0 1.5% 30px 1.5%; box-shadow:none;  border-radius:5px; border:1px solid #e5ecf8}
.news ul:hover{box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1);}
.news ul li:nth-child(2) br{display:block}
/*대표이미지*******/
.news ul li._01{ background-size:10%}
.news ul li._02{ background-size:10%}
.news ul li._03{ background-size:10%}
.news ul li._04{ background-size:10%}
.news ul li._05{ background-size:10%}
.news ul li._06{ background-size:10%}

._adopt_apply{ display:inline-block;margin:5px auto !important;position:relative;  width:100%; top:15px; border-radius:50px !important; box-sizing:border-box }
	._btn_ing:hover{color: #fff; background-size: auto}

.login_wrap {
    width: 1120px;
    margin: 0 auto;
    min-height: 525px;
    padding: 40px 50px;
}
.login_inner{
	width:100%;
	display: block;
	}
.login_box, .login_bottom_box{width: 100%}
._kafe {margin-top:40px;}
.btn_kafe {margin-top: 20px;}

}

@media screen and (max-width:820px) {

.dataPannel_wrap {
    font-size:1.75rem;
    margin: 50px auto;
}
.dataPannel {
    float: left;
    border-radius: 170px;
    height: 200px;
}
.dataPannel p span._tit:after {height: 25px;margin: 10px auto;}
.dataPannel:before {
    left: 30px;
}
.dataPannel._file, .dataPannel._tb {width: 200px;}

.dataPannel._data:before {
     display: none;
}

.dataPannel>span i {font-size: 2.8rem;}
.dataPannel._data span {padding: 0 10px;}
.dataPannel,
.dataPannel._dataType
 { margin: 0 4px;}

.dataPannel._dataType { display:none;}

.search_window {
    width: 90%; left: calc(50% - 45%);
}
.search_window input {
    padding: 5px 5px 5px 15px;
}
.search_window:hover.search_window a.btn_search{background:url(../img/background/btn_search_main_over.png) no-repeat 18px 15px; }

.search_window input{height:55px !important; }
.search_window a.btn_search{ background: url(../img/background/btn_search_main.png) no-repeat 18px 15px;}
a.btn_search{ z-index:9999;border:none; box-sizing:border-box; border-radius:6px; padding:26px ; margin-left:10px; display:inline-block;}

.dataPannel._data {
    width: calc(100% - 225px);
    padding: 30px 2% 0;
    border-radius: 50px;
    margin: 0 4px 0 10px;
}
}
@media screen and (max-width:780px) {
.top_tab_inner ul .tab_data a em {
    /*background: url(../img/background/sub_cate_icon06.png) no-repeat 15px 22px;*/ background:none; padding: 10px 0; }

.top_tab_inner ul .tab_data .on em {
    background: /*url(../img/background/sub_cate_icon06_on.png) no-repeat 15px 22px*/ #2983F5; border-radius:10px 10px 0 0; padding:10px 0px; color:#fff;}


._dr_menu ._dm p a {padding:10px;font-size: 2.4rem;text-align:center;}
._dr_menu ._dm p a span {line-height: 70px;float: none; }
._dr_menu ._dm p i{ display:none}


.dataPannel_wrap {margin: 50px auto 0;}
.dataPannel {border-radius: 180px;height: 180px;}
.dataPannel p span._tit:after {height: 20px;margin: 4px auto;}
.dataPannel._file, .dataPannel._tb {width: 180px;}
.dataPannel._data {
    width: calc(100% - 185px);
    padding: 20px 2% 0;
    margin: 0 4px 0 10px;
    padding: 20px 2% 0;
}

}
@media screen and (max-width:768px) {

.top_tab_inner ul li {
     margin-right: 5px; margin-bottom:4px;
}
.top_tab_inner ul li:last-child  {margin-right: 0;}

.top_tab_inner ul li a {
    display: block;
    position: relative;
    padding: 0 4px
}

.top_tab_inner ul li a:hover em {
    color: #284ba3;
}

.top_tab_inner ul li a.on em span {
    display: inline-block; position:relative; margin:0 auto;
    font-size: 16px;
    color: #fff !important;
	padding-top:5px; margin-left:5px;

}
.top_tab_inner ul li a em span {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    font-size: 16px;
    color: #999 !important;
    padding-top: 5px;
}



.top_tab_inner ul li a.on em {
    color: #284ba3; text-align:center;
    background: #2983F5; border-radius:50px; color:#fff;padding:0px 10px
}


.top_tab_inner ul .tab_data a {
    text-align: center;}

.top_tab_rbt {
    position: absolute;
    right: 0;
    top: 10px;}

.top_tab_rbt .normal_bt,
.top_tab_rbt .line_bt {
    width: 186px;
    height: 40px;
    line-height: 40px;
}
dt.doi{float: none; display: block;clear: both;}
dd.doi, dd.doi a{margin:0px; float: none; line-height:25px;}
dd.doi:after{content: '\A';
    white-space: pre; height:0px !important;
    position: relative;
    display: block;
    clear: both;}

.md_icon_contest { background:#fff url(../img/contest/contest_banner_03_bg.png) center bottom no-repeat; background-size:cover  }
.m_dataset_box._contest{padding: 20px !important; }
._contest a._contest{ text-align:center; padding-right:55px;}


.m_notice_box .m_list_more {
    right: 0px;
    top: -55px !important;
}
.ds_view_info .top_btn{ display:inline-block; position:relative; margin-top:0px;}
.ds_view_info .top_btn ._blueBtn{ width:130px; display:block; margin-top:0px; margin-bottom:2px;}

}

@media screen and (max-width:740px) {

.dataPannel_wrap {margin: 50px auto 0;}
.dataPannel {border-radius: 50px;height: 180px;}
.dataPannel:before {left: 0px; top:-10px}
.dataPannel p {padding: 0px 5px;}
.dataPannel p span._tit:after {height: 20px;margin: 4px auto;}
.dataPannel._file, .dataPannel._tb {width: 160px;}

}

@media screen and (max-width:670px) {

.main_contents_wrap {padding: 20px;}
.dataPannel_wrap {margin: 50px auto 0;}
.dataPannel {border-radius: 30px;height: 180px;}
.dataPannel:before {left: 0px; top:-10px}
.dataPannel p {padding: 0px 5px;}
.dataPannel p span._tit:after {height: 20px;margin: 4px auto;}
.dataPannel._file, .dataPannel._tb {width: 140px;}
.dataPannel p span+span {font-size: 3.1rem; margin:0 auto}
.dataPannel._data {
   border-radius: 30px;
	margin: 0 4px;
}
.dataPannel._data {
    width: calc(100% - 155px);
    padding: 20px 1% 0;
}
}

@media screen and (max-width:550px) {
.top_tab_inner ul li {display:inline-block; margin-right: 10px; margin-bottom:5px;}
.top_tab_inner ul li:nth-child(3){margin-right: 0;}
.top_tab_inner ul li:last-child  {margin-right: 0;}

.top_tab_inner ul li a {
    display: block;
    position: relative;
    padding: 0 4px}

.top_tab_inner ul li a:hover em {color: #284ba3;}

.top_tab_inner ul li a.on em span {
    display: inline-block; position:relative; margin:0 auto;
    font-size: 16px;
    color: #fff !important;
	padding-top:5px; margin-left:5px;

}
.top_tab_inner ul li a em span {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    font-size: 16px;
    color: #999 !important;
    padding-top: 5px;
}

.top_tab_inner ul li a em {width:100%;
    display: inline-block;vertical-align: middle; text-align:center;
    line-height: 32px;
    font-size: 18px;
    color: #333;
    #f3f3f3; border-radius:4px;padding:0px  !important;; }

.top_tab_inner ul li a.on:after {
    content: '';
    /*display: block;*/display: none;
    clear: both;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #266ed9;
}

.top_tab_inner ul li a.on em {    color: #284ba3; text-align:center; width:100%;
   #2983F5; border-radius:4px; color:#fff;padding:0px ; }


.top_tab_inner ul li a.on .sub_cate_icon07 {background: #2983F5; border-radius:4px;  color:#fff; padding: 10px 0;}
.top_tab_inner ul li a.on .sub_cate_icon08 {background:#2983F5; border-radius:4px;  color:#fff; padding: 10px 0;}


.top_tab_inner ul .tab_data a {text-align: center;}

.top_tab_inner ul .tab_data a em {background: #f3f3f3 ; padding: 10px 0; }

.top_tab_inner ul .tab_data .on em {background:#2983F5; border-radius:4px; padding: 10px 0; color:#fff;}


.top_tab_inner ul.detail_top li a em {
    font-size: 15px;   
	padding: 15px 0px !important; 
}


.top_tab_rbt {
    position: absolute;
    right: 0;
    top: 10px;
}
.top_tab_rbt .normal_bt,
.top_tab_rbt .line_bt {
    width: 186px;
    height: 40px;
    line-height: 40px;
}

.nav-tabs {background: #fff; padding:8px 0 0 8px; font-size: 13px;color: #333;font-family: NanumSquare;font-weight: 550; letter-spacing:-.1rem;}
		    .nav-tabs .nav-link {color: #9d9d9d;padding:10px 10px 7px;}
            .nav-tabs .meta-view {color: #9d9d9d;}
	        .nav-tabs .nav-link.active {
			    color: #333; font-weight:600;
			    background-color: #fff;
			    border-color: #2983F5 #2983F5 #fff #2983F5;
				padding:10px 10px 7px;
			}

.data_view_inner_box {display:inline-block;  box-sizing:border-box; width:100%; }
.data_view_inner_box ._fl{ float:left; width:100%; padding-right:0px;}
.data_view_inner_box ._fr{ float:right; width:100%;}
.data_view_inner_box ._divid{ display:none;}

dt.doi{float: left; display: block;clear: both;}
dd.doi a{margin-left:40px; float: left; line-height:25px;}
dd.doi:after{content: '';}


.news ul, .news ul._finish{width:100%; margin:0 auto 30px; box-shadow:none;  border-radius:5px; border:1px solid #e5ecf8}
.news ul:hover{box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1);}
.news ul li:nth-child(2) br{display:block}

.news ul, .news ul._finish{width:100%; margin:0 auto 30px; box-shadow:none;  border-radius:5px; border:1px solid #e5ecf8}
.news ul:hover{box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1);}
.news ul li:nth-child(2) br{display:block}

.login_box h3 {
    font-size: 26px;
    margin-bottom: 20px;
}
._kafe {margin-top: 50px;}
.login_box h3 a.pass, .login_box h3 a.info {
    font-size: 13px;
    width:auto;
    text-align: center;
    padding: 5px;
}

._dr_menu ._dm p a {
   padding:10px;
   font-size:2.0rem;
}
._dr_menu ._dm p a span {line-height: 40px;
}


}

@media screen and (max-width:490px) {
    .dataPannel._data {
        width: calc(100% - 0px);
        padding: 20px 1% 0;
    }

    .dataPannel._tb {
        display: none;
    }
.ds_view_info .top_btn{ display:inline-block; position:relative; margin-top:72px;}
.ds_view_info .top_btn ._blueBtn{ width:100px;padding: 0px;text-align: center;}
._icon_apply{ background: none}
._icon_mybox{ background: none}
._icon_apply:hover{ background: none #1177F4; transition:all .3s ease}
._icon_mybox:hover{ background: none #1177F4; transition:all .3s ease}


}
@media screen and (max-width:430px) {
	

.m_c_text {width: 90%;}


.dataPannel_wrap {margin: 50px auto 0; text-align:center}
.dataPannel {border-radius: 169px;height: 169px;}
.dataPannel:before {left: 0px; top:10px}
.dataPannel p {padding: 0px 5px; margin-top:-13px;}
.dataPannel p span._tit:after {height: 15px;margin: 4px auto;}
.dataPannel._file, .dataPannel._tb {width: 169px;}
.dataPannel._data {
    width: 300px;
    padding: 20px 2% 0;
    border-radius: 50px;
	margin: 0 4px 0px 10px ;
}
.dataPannel._data {
    width:97%;
    padding: 20px 2% 0;
    border-radius: 20px;
    margin: 20px auto;
}

.mainData_tab ul li{width:33.3%;}
.mainData_tab ul li a{font-size:2.0rem; padding:4px 0;}
.mainData_tab ul li a:hover{color:#333;  background:rgba(114,124,148,.1);height:60px; border-radius:0 0 15px 15px;transition:all .8s;}
.mainData_tab ul li.active, .mainData_tab ul li.active a{font-size:2.0rem; }


}

@media screen and (max-width:415px) {
	.top_tab_inner ul.detail_top li a em {
	height:68px;
    font-size: 15px; line-height:68px;padding:0px !important
	}
    .top_tab_inner ul.detail_top li:last-child a em {
     height:68px;
    font-size: 15px; line-height:16px;padding:15px 0 !important}
	

.m_c_text {width: 90%;}


.dataPannel {border-radius: 168px;height: 168px;}
.dataPannel._file, .dataPannel._tb {width: 168px;}
.dataPannel._data {
    width:97.5%;
    padding: 12px 2% 0;
    border-radius: 20px;
    margin: 20px auto;
}

}

@media screen and (max-width:400px) {

.m_c_text {width: 95%;}


.dataPannel_wrap {margin: 50px auto 0; text-align:center}
.dataPannel {border-radius: 157px;height: 157px;}
.dataPannel:before {left: 0px; top:10px}
.dataPannel p {padding: 0px 5px; margin-top:-13px;}
.dataPannel p span._tit:after {height: 15px;margin: 4px auto;}
.dataPannel._file, .dataPannel._tb {width: 157px;}

.dataPannel._data {
    width:97%;
    padding: 10px 2% 0;

}

.mainData_tab ul li{width:33.3%;}
.mainData_tab ul li a{font-size:2.0rem; padding:4px 0;}
.mainData_tab ul li a:hover{color:#333;  background:rgba(114,124,148,.1);height:60px; border-radius:0 0 15px 15px;transition:all .8s;}
.mainData_tab ul li.active, .mainData_tab ul li.active a{font-size:2.0rem; }




._dr_menu ._dm {
	width: 100%;padding:0px;margin:0px;
	display:block;box-sizing:border-box;
	}
._dr_menu ._dm p {
    width: calc(50% - 2px); display:inline-block;box-sizing:border-box;
	border-style: solid;
    border-color: #959DAF;
    margin:0px;
}
._dr_menu ._dm p:nth-child(1){ border-width: 0 1px 1px 0; }
._dr_menu ._dm p:nth-child(2){ border-width: 0 0 1px 0; }
._dr_menu ._dm p:nth-child(3){ border-width: 0 1px 0 0; }
._dr_menu ._dm p:nth-child(4){ border-width: 0 ; }

._dr_menu ._dm p a {width: 100%;
	box-sizing:border-box;
    padding: 20px 5px;
    font-size: 2.0rem;
}

}

@media screen and (max-width:380px) {

.m_c_text {width: 98%;}
.search_window {width: 98%; left: calc(50% - 49%);}

.dataPannel_wrap {margin: 50px auto 0; text-align:center}
.dataPannel {border-radius: 149px;height: 149px;}
.dataPannel p {padding: 0px 5px; margin-top:-20px;}
.dataPannel p span._tit:after {height: 15px;margin: 4px auto;}
.dataPannel._file, .dataPannel._tb {width: 149px;}

.dataPannel._data {
    width:99%;
    padding: 5px 2% 0;
    margin: 20px auto;
}

}


@media screen and (max-width:360px) {

.m_c_text {width: 100%;}
.m_c_text h2 {font-size: 22px; letter-spacing:-1px}
.search_window {width: 100%; left: calc(50% - 49%);}

.dataPannel_wrap {margin: 50px auto 0; text-align:center}
.dataPannel {border-radius: 142px;height: 142px;}
.dataPannel p {padding: 0px 5px; margin-top:-20px;}
.dataPannel p span+span {font-size: 3.0rem;}
.dataPannel._file, .dataPannel._tb {width: 142px;}
.dataPannel._data {
    height:155px;
}
.dataPannel._data {
    width:99%;
    padding: 5px 2% 0;
    margin: 20px auto;
}

    .top_tab_inner ul li{
        margin-right:5px;
    }
}


.sv_location_box {
	margin-top:0px;
	margin-bottom:15px;
    order: 0;
    transition: opacity 0.5s, transform 0.5s;
    will-change: transform, opacity;}
.sv_location {
    display: flex; justify-content:flex-start;
    align-items: center;
    flex-wrap: wrap;margin-left: auto !important;
}
.sv_location > li {
    position: relative;vertical-align: middle;
}
.sv_location > li:not(:first-child) {
    padding-left: .5rem;
}
.sv_location > li:before{ content: "";display: inline-block; width:20px; height:20px; left:0px;
	  background:url(../img/background/icon_sv_location.png) center 5px no-repeat; vertical-align: middle;
}
.sv_location > li:first-child::before{ display:none; }
.sv_location > li:last-child{ font-weight:600; color:#333;}
.icon_home_24:before {
    content: "";display: block; width:20px; height:20px;
	background:url(../../img/background/icon_home.png) center 5px no-repeat
}

.headsupBox{  margin:100px auto; text-align:center}
.error {width:50%; margin:0 auto; background:url(../img/background/icon_error_def.png) center top no-repeat; min-height:140px; padding-top:140px; margin-bottom:30px;}
.error p{ font-size:30px; font-weight:600; color:#FF6551; padding:10px 0}
._session{ background:url(../img/background/icon_error_session.png) center top no-repeat}
._session p{ color:#416AFF}