@charset "utf-8";


/*@font-face {*/
/* font-family: 'NanumSquare';*/
/* font-weight: 400;*/
/* src: url(/common/css/Font/NanumSquareR.eot);*/
/* src: url(/common/css/Font/NanumSquareR.eot?#iefix) format('embedded-opentype'),*/
/*      url(/common/css/Font/NanumSquareR.woff) format('woff'),*/
/*      url(/common/css/Font/NanumSquareR.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
/* font-family: 'NanumSquare';*/
/* font-weight: 700;*/
/* src: url(/common/css/Font/NanumSquareB.eot);*/
/* src: url(/common/css/Font/NanumSquareB.eot?#iefix) format('embedded-opentype'),*/
/*      url(/common/css/Font/NanumSquareB.woff) format('woff'),*/
/*      url(/common/css/Font/NanumSquareB.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
/* font-family: 'NanumSquare';*/
/* font-weight: 800;*/
/* src: url(/common/css/Font/NanumSquareEB.eot);*/
/* src: url(/common/css/Font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),*/
/*      url(/common/css/Font/NanumSquareEB.woff) format('woff'),*/
/*      url(/common/css/Font/NanumSquareEB.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
/* font-family: 'NanumSquare';*/
/* font-weight: 300;*/
/* src: url(/common/css/Font/NanumSquareL.eot);*/
/* src: url(/common/css/Font/NanumSquareL.eot?#iefix) format('embedded-opentype'),*/
/*      url(/common/css/Font/NanumSquareL.woff) format('woff'),*/
/*      url(/common/css/Font/NanumSquareL.ttf) format('truetype');*/
/*}*/


/* reset */
/*@font-face {
  font-family: 'Noto Sans KR Thin';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR Light';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR Medium';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR Bold';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
	@font-face {
   font-family: 'Noto Sans KR Black';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }*/

/*@font-face {*/
/*  font-family: 'Nanum Pen Script';*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*  src: url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.eot);*/
/*  src: url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.eot?#iefix) format('embedded-opentype'),*/
/*       url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.woff2) format('woff2'),*/
/*       url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.woff) format('woff'),*/
/*       url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.ttf) format('truetype');*/
/*}*/
/**/
/**/
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; background:transparent;}/*font-size:100%*/
body { line-height:1; font-family:'Nanum Gothic', 돋움, Dotum, sans-serif; font-weight:400; font-size:14px; -webkit-text-size-adjust: none; font-weight:400 !important; letter-spacing: -1px;}/**/
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;} /* delete vertical-align */
body,html { width:100%; background:#fff;}
ol,ul,li { list-style:none;}
blockquote,q { quotes:none;}
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none;}
fieldset * { vertical-align:top}
table { border-collapse:collapse; border-spacing:0;}
dt { display:block;}
a { cursor:pointer;}
hr { /*display:none;*/}
input, select, img { vertical-align:middle; outline:0; max-width:100%;}
input, select, textarea, button, table { font-family:'Nanum Gothic', 돋움, Dotum, sans-serif !important; font-weight:400;}
em, address { font-style:normal; }
div, span, a, h1, h2, h3, h4, h5, h6, p, ul, li {box-sizing:border-box;-moz-box-sizing:border-box;}
/* Web Content Accessibility TTS(Text To Speech) Code */
.tts { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
caption, legend { visibility:hidden; width:0; height:0; line-height:0; font-size:0; overflow:hidden;}

/* add Project Leaders Common CSS */
body,input,select,textarea { color:#333; line-height:1;} /* font Setup Code */
a { color:#444; text-decoration:none;} /* anchor (normal) Setup Code */
a:hover { text-decoration:none;} /* anchor (mouse over) Setup Code */
input.text { padding:2px; height:19px; border:1px solid #cdcdcd; box-sizing:border-box;-moz-box-sizing:border-box;} /* input:text Setup Code */
button {outline:none; border:none;}
select.select { height:23px; border:1px solid #cdcdcd;} /* select element Setup Code */
textarea.textarea { width:98%; border:1px solid #cdcdcd;} /* textarea.textarea Setup Code */
.clearfix:after { content: "."; display: block; height: 0; overflow: hidden; clear: both;}
.vtMiddle { vertical-align:middle;}

/* 공통 - 컨덴츠 폰트페밀리 고정 */
/*html * {font-family: 'NanumSquare' !important; font-weight:400;}*/
/*html * select{font-family: 'NanumSquare' !important; font-weight:400;}*/



/** 시작 **/
.content {width:1010px; margin:0 auto;}

/* 아래는 꽉찬 이미지용 */

#wrap {width: 100%; min-width: 1200px; overflow: hidden;}
.content {  position: relative; top: 0; left: 50%; margin-left: -960px; width: 1920px; text-align: center;}



footer { height:123px;}

header .content {position:relative;width:1000px; height:185px; left:0; margin:0 auto;}
header .content .linka {position:absolute; left:0; bottom:0; width:100%; font-size:0;}
header .content .linka li {display: inline-block; width:16.666666%; height:84px;}
header .content .linka li a {display: inline-block; width:100%; height:100%;}
header .content .logo {position:absolute;  top:16px; left:0;}
header .content .logo a {display: inline-block; vertical-align: top;width:330px; height:65px;}

#menu {border-bottom:1px solid #ccc;}
#menu .content {position:relative;}
#menu  ul {width:100%;  font-size:0; background-color:#65D5C9;}
#menu  ul li { display: inline-block; vertical-align: top; text-align:center; position:relative;}

#menu  ul li:last-child:after {content:none;}
#menu  ul li:first-child {}
#menu  ul li:first-child:after {content:none;}
#menu  ul li a {font-size:16px; font-weight:bold; display: inline-block; text-align: center; line-height:100px; padding:0 30px;}

#box_content {margin:0 auto;}


.content {}
.content .con1 {text-align:center; position:relative;}
.content .con2 {position:relative;}


/* 폼 */
.dbfield_sec, .dbfield_sec *
{font-size:14px !important;line-height:1.5em;margin:0;padding:0;vertical-align:middle;color:#555 !important;
	box-sizing:border-box;}

/* 디비필드 위치 표시 */
#mktis_db {position:relative; top: -10px;}

/* 디비필드 */
.dbfield_sec {overflow:auto;}

.dbfield {margin:2em auto 0 auto;}

.dbfield table {width:100%;height:100px;border-collapse:collapse;}

.dbfield table > tbody > tr > th,
.dbfield table > tbody > tr > td
{border:solid 1px #ccc;padding:0.5em;text-align:left;}

.dbfield table > tbody > tr > th {background:#eee;width:30%;text-align:left;vertical-align:top !important;padding-top:0.8em;padding-bottom:0.8em;}
.dbfield table > tbody > tr > td {background:white;line-height:2.1em;/* padding-top:0.3em; */; padding:.5em .5em;}
.dbfield table > tbody > tr > td > div {margin:0.5em 0 0 0;}

.dbfield table > tbody > tr > th label{background:url('/sub/arrow_blue.png') no-repeat left 0.5em;padding-left:.7em !important;background-size:0.37em;text-shadow:none;display:block;}
.dbfield table > tbody > tr > td label{padding:0 !important;border:none !important;width:auto !important;float:none !important;margin-right:0.15em; display:inline-block;}
.dbfield table > tbody > tr > td label span {margin-left:-0.2em;}

/* 디비필드 폼컨트롤 */
.dbfield input[type="text"],
.dbfield input[type="tel"],
.dbfield textarea,
.dbfield select
{border-radius:4px;border:solid 1px #999 !important;padding-left:0.15em;width:100%;float:none !important;margin:0 !important;height:2em !important;line-height:2em !important;text-align:left;background:white;}

.dbfield input[type="text"],
.dbfield input[type="tel"],
.dbfield textarea
{padding:0px 4px;}

.dbfield input[type="radio"],
.dbfield input[type="checkbox"]
{width: 1em; height: 1em;}
.dbfield textarea{height:6em !important;line-height:1.5em !important;}
.dbfield select{width:auto;}

.dbfield_explain{display:inline-block;font-size:0.9em !important;margin:0.3em 0 0 0;}

/* 디비필드 안의 버튼들 */
.btn_dbfield{display:inline-block;padding:0 0.7em;min-width:4em;background:#333;text-align:center;border-radius:0.4em;}
.btn_dbfield:hover{background:#ff0000;}
.btn_dbfield span{color:white !important;font-size:0.9em !important;display:inline-block;line-height:2.1em;}

/* 개인정보 취급방침 버튼 */
.btn_private{width:7em;height:1.6em; font-size: 1em !important;
	background:url(http://www.dbdbdeep.com/cms/pub/img/btn_private.png) no-repeat center;
	display:inline-block;background-size:100% 85%;margin-right:0.2em;}
.btn_private span{position:absolute;left:-99999px;}
.private_chk {display: inline-block;}

/* 디비필드(투명) */
.dbfield_gray {/*opacity:0.97;*/}
.dbfield_gray label
, .dbfield_gray label *
, .dbfield_gray span 
{color:white !important;}

.dbfield_gray .btn_dbfield_submit {background:#ff7800;}
.dbfield_gray table > tbody > tr > th, 
.dbfield_gray table > tbody > tr > td
{background:#616060;border:solid 2px #aaa;}

.dbfield_gray input[type="text"],
.dbfield_gray textarea
{color:#000 !important;background:#fff;}

/* 디비필드 신청버튼 초기화 */
.btn_dbfield_submit_w, .btn_dbfield_submit_w *
{line-height:1.5em;margin:0;padding:0;vertical-align:middle;color:#555;box-sizing:border-box;}
/* 디비필드 신청버튼 */
.btn_dbfield_submit_w {margin:1.5em 0 1.8em; text-align:center;}
.btn_dbfield_submit{padding:0 1.5em;min-width:15em;background:#054ec2;display:inline-block;text-align:center;text-decoration:none;border-radius:0.6em;border:0;cursor:pointer;}
.btn_dbfield_submit.violet {background:#d80ad1;}
.btn_dbfield_submit.skyblue {background:#23a9dc;}
.btn_dbfield_submit.blue {background:#1578e0; }
.btn_dbfield_submit.orange {background:#ff7800;}
.btn_dbfield_submit.pink {background:#ff7575;}
.btn_dbfield_submit.red {background:#d21b1b;}
.btn_dbfield_submit:hover{background:#ec4d0e;}
.btn_dbfield_submit span{line-height:2.8em;color:white !important; font-size:1.4em !important;font-weight:bold;}

/* 풋터 초기화 */
#dbfooter, #dbfooter *
{font-size:14px !important;line-height:1.5em;margin:0;padding:0;vertical-align:middle;color:#555;box-sizing:border-box;}
/* 풋터 */
#dbfooter{background:#2c2c2c;text-align:center;padding:0.8em 1em;}
#dbfooter *{color:white;line-height:1.5em;}
#dbfooter > p{margin:1em 0;font-size:1.2em !important;}

/* 본문내용 ================================================== */
.con .dbbtn_w {position:absolute;left:0;right:0;margin:auto;bottom:5%;text-align:center;}
.con .dbbtn {background:#333;display:inline-block;padding:1em 2em;border:solid 2px white;border-radius:0.6em;font-weight:bold;}
.con .dbbtn span {color:white;}

/* form */
.form_init input[type="text"]
{color:#555; box-sizing:border-box; padding:0.3em; width:100%;}

.form_box td {vertical-align:middle;}

.form_box th {vertical-align:middle;}