@charset "euc-kr";


/*@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; vertical-align:baseline; 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:#333; 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;}


header {background:url("/sub/h.png") center top no-repeat; height:185px;}
footer {background:url("/sub/f.png") center top no-repeat; height:86px;}

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; padding: 10px 0;}
#menu .content {position:relative;}
#menu  ul {width:100%;  font-size:0;}
#menu  ul li { display: inline-block; vertical-align: top; text-align:center; position:relative; padding-top: 19px;}
/* #menu  ul li:after {content:""; position:absolute; width:1px; height:13px; background:#ccc; top:14px; right:0;} */
#menu  ul li:last-child:after {content:none;}
#menu  ul li:first-child { padding:0px;}
#menu  ul li:first-child:after {content:none;}
#menu  ul li a {font-size:15px; font-weight:bold; display: inline-block; text-align: center; line-height:40px; padding:0 10px;}

#box_content {margin:0 auto;}


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


/* Æû */
/* µðºñÇʵå À̵¿¹öÆ° */
.btn_go_dbfield, .btn_go_dbfield *
{font-size:14px !important;line-height:1.5em;margin:0;padding:0;vertical-align:middle;color:#555;box-sizing:border-box;}
.btn_go_dbfield{padding:0 1.2em;background:#ff0072;text-decoration:none;border-radius:0 0 10px 10px;display:block;position:fixed; right:50px;top:0px;
    text-align:center;z-index:9999999;}
.btn_go_dbfield:hover{background:#d6005b; text-decoration:none;}
.btn_go_dbfield span{line-height:50px;color:white;font-weight:bold;font-size:20px !important;
    position:relative;top:-0em;}

/* µðºñÇʵå */
.dbfield_sec {background:white; position: relative;padding:0 30px}
.dbfield {width: 800px;margin:50px auto;}
.dbfield table > tbody > tr > td label {position:relative;top:-0.105em;}
.dbfield table > tbody > tr > td > input,
.dbfield table > tbody > tr > td > select
{position:relative; top:-0.105em;}

/* DzÅÍ ÃʱâÈ­ */
#dbfooter, #dbfooter *
{font-size:14px !important;line-height:1.5em;margin:0;padding:0;vertical-align:middle;color:#555;box-sizing:border-box;}

/* DzÅÍ */
#dbfooter{background:#2c2c2c;text-align:center;padding:0.8em 1em;}
#dbfooter *{color:white;line-height:1.5em;}
#dbfooter > p{margin:1em 0;font-size:1em !important;}

/* º»¹® */
.cont_w {overflow:hidden;min-width:1200px;position:relative;}
.cont {text-align:center;width:4000px;position:relative;left:50%;margin-left:-2000px;}
.cont > img {max-width:100%;display:block;margin:auto;}

/* ÇΰÅÁÜ */
.finger_zoom {display:none;}


/* µðºñÇÊµå ¿ìÃø°íÁ¤ */
.dbfield2_sec * {color:white;}
.dbfield2_sec {text-align:center; width:320px; background:#211B1B;
    position:fixed; right:50px; top:100px;}

.dbfield2 {padding:25px 10px 12px;}
.dbfield2 > * {margin:1em auto;}
.dbfield2 h2 span {font-weight: normal; display:block;}
.dbfield2 h2 {padding-bottom:1em; border-bottom:solid 1px #555;}

.dbfield2 th {font-weight: normal; padding-right:0.2em;}
.dbfield2 td {text-align:left; padding:0.2em 0;}

.dbfield2_pri {font-size:0.9em; line-height:1.5;}

.dbfield2_submit {background: #fe0072; font-weight: bold; font-size:1.4em; padding:7px 18px; margin-top:0.1em;}

.dbfield2_close {width:30px; height:30px; background: url(http://dbdbdeep.com/cms/pub/img/dbfield2_close.png) center no-repeat;
    text-indent: -9999999px; position:absolute; right:10px; top: 10px;
}

.dbfield2 input[type="text"] {background: #d2d2d2; color:black; border:none;}

/* ÇÏ´Ü°íÁ¤ µðºñÇʵå type_a */
/* body {margin-bottom:178px;} */
.db_btm_sec {background:url(http://dbdbdeep.com/cms/pub/img/db_btm.jpg); color:white; text-align:center; line-height:2.7;
    position:fixed; left:0px; bottom:0px; width: 100%;}
.db_btm {padding:10px; width:1000px; position:relative; margin:auto;}
.db_btm a {color:white;}
.db_btm header {font-size: 22px;}
.db_btm header b {font-size: 24px;}

.db_btm label > * {vertical-align: middle;}
.db_btm label > span:first-child {margin:0 10px 0 20px;}
.db_btm_private {font-size:14px; padding:5px;}
.db_btm input[type="text"] {height:35px; line-height:35px; background:#d2d2d2; border:none; box-sizing:border-box; padding:5px;}
.db_btm input[type="radio"] {width:17px; height:17px;}
.db_btm button[type="submit"] {background:#ff0072; border:none; color:white; padding:12px 24px;
    font-size:24px; font-weight:bold; margin-top:5px;}

/* ÇÏ´Ü°íÁ¤ µðºñÇʵå type_b */
/* body {margin-bottom:248px;} */
.db_btm2_sec * {font-family:Noto R;}
.db_btm2_sec {position:fixed; left:0; bottom:0; width:100%;}

.db_btm2_head {background:#450b0a; color:white; font-size:30px; width:900px; border-radius:20px;
    border-bottom-left-radius:0px; border-bottom-right-radius:0px; margin:0 auto; text-align:center; padding:10px;}
.db_btm2_head span {color: #ebc642;}

.db_btm2_w {background:#721617;}
.db_btm2 {width: 960px; margin:0 auto; background:#721617; padding:20px 0;}
.db_btm2 a {color:white;}

.db_btm2 .col2 {width:500px; box-sizing:border-box; background:#520c0c; color:white; height:150px;
    border-radius:10px; line-height:3; padding:10px 15px;}

.db_btm2_private {width:280px; line-height:1.5; position:relative; left: 215px; top:-50px;}

.db_btm2 label {color:white;}
.db_btm2 label span:first-child {font-size:20px; font-weight:bold; margin:0 10px 0 10px;}
.db_btm2 input[type="text"] {height:35px; line-height:35px; width: 10em; box-sizing:border-box; padding:0 8px;}

.db_btm2 select {height:35px; line-height:35px;}

.db_btm2  button[type="submit"] {background:#ebc642; border-radius: 10px; border:none; height:146px; width: 130px;
    font-weight:bold; font-size: 24px; margin-left:15px; line-height:1.2;}

#movie {position:absolute;top: 317px;left:50%;margin-left: -396px;}

.bx-wrapper { position:absolute; top: 100px; left: 50%; margin-left: -600px;width:1200px; hieght:380px;}

/* µðºñÇʵå ÃʱâÈ­ */
.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;}

/* µðºñÇʵå·Î À§Ä¡ À̵¿ */
#mkis_db {position:relative;}

/* µðºñÇʵå */
.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 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 textarea
{padding:0px 4px;}

.dbfield textarea{height:7em !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;}

/* µðºñÇʵå(Åõ¸í) */
.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{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:8em;height:1.5em;background:url('../sub/btn_private.png') no-repeat center;display:inline-block;background-size:100%;margin-right:0.2em;}
.btn_private span{position:absolute;left:-99999px;}

/* µðºñÇÊµå ½Åû¹öÆ° ÃʱâÈ­ */
.btn_dbfield_submit_w, .btn_dbfield_submit_w *
{font-size:14px !important;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_skyblue {background:#23a9dc;}
.btn_dbfield_submit_blue {background:#1984f5;}
.btn_dbfield_submit_orange {background:#ff7800;}
.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;}

/* DzÅÍ ÃʱâÈ­ */
#dbfooter, #dbfooter *
{font-size:14px !important;line-height:1.5em;margin:0;padding:0;vertical-align:middle;color:#555;box-sizing:border-box;}
/* DzÅÍ */
#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;}

/* custom */