@charset "utf-8";

body {

margin: 0 auto;}

p{margin:0}

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

/* 디비필드 초기화 */
.dbfield_sec, .dbfield_sec * {font-size: 14px !important;line-height: 1.5em;margin: 0;padding: 0;vertical-align: middle;color: #fff !important;
	box-sizing: border-box;}

/* 디비필드 */
.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 {text-align:center;background: #2d55cc;width: 20%;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 > 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: 2.5em !important;line-height: 2em !important;text-align: left;background: #ebebeb;color:#000 !important;}

.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: 2em;border: 0;cursor: pointer;}
.btn_dbfield_submit.violet {background: #d80ad1;}
.btn_dbfield_submit.skyblue {background: #2d55cc;}
.btn_dbfield_submit.blue {background: #2d55cc; }
.btn_dbfield_submit.orange {background: #ff6b33;}
.btn_dbfield_submit.pink {background: #ff7575;}
.btn_dbfield_submit.red {background: #d21b1b;}
.btn_dbfield_submit:hover {background: #2d55cc;}
.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%;}

/* slider */
.slider {width: 96%; margin: 0 auto; padding: 5% 0 0;}
.slider ul {margin: 0;}
.slider img {width: 100%;}
.bx-controls {text-align: center;}
.bx-pager-item {display: inline-block; margin: 10px 5px;}
.bx-pager-link {width: 15px; height: 15px; background: #ccc; border-radius: 50%; text-indent: -9999999px;
	display: inline-block;
}
.bx-pager-link.active {background: orange;}


button {box-sizing: border-box; cursor: pointer;}

.bx-controls-direction a {width: 25px; height: 25px; background: #444 center / 20% 35% no-repeat;
	border-radius: 50%; display: inline-block; text-indent: -9999999px;
	position: absolute; top: 0; margin-top: 14%; opacity: 0.7;
}
.bx-prev {background-image: url(/ext/img/icon/arr-prev.png) !important; left: 2.5%;}
.bx-next {background-image: url(/ext/img/icon/arr-next.png) !important; right: 2.5%;}


/* 풋터 */
#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: 1em !important;}

/* layer popup */
.layer_popup {position: fixed !important;}


/* 디비필드 이동버튼 */
.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 {margin: 0 auto;}
.dbfield {max-width: 1200px; margin: 3% auto; width: 95%;}
.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;}

/* 핑거줌 */
.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;}


/* 본문 */
.cont {position: relative; margin: 0 auto;}
.cont > img { width: 100%;}

/* 유튜브 */
.video {padding: 2%; max-width: 800px; margin: 0 auto;}
.video_inner {padding-bottom: 56%;position: relative;}
.video iframe {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.m {display: none;}
.pc {display: block;}

#old_ie div {background: yellowgreen; padding: 10px; }
#old_ie a {text-decoration: underline;}

.cont_w {margin: 0 auto;width:100%}


.header{
	height:20px;
	background:#2f5ad6;
	color:#fff;
	font-size:18px;
	padding:15px 25px;
}

.main_visual{
	width:100%;
	margin:0 auto;
	background:#d9ecff;
	position:relative;
	overflow:hidden;
}

.main_visual_area{
	max-width:1300px;
	margin:0 auto;
	background:#d9ecff;
	
}

.visual_img{
	float:right;
	padding-right:50px;
}
.visual_text{
	position: absolute;
	top:105px;
	padding-left:50px;
	
}

.text_1{
	font-size:30px;
	font-weight:bold;
}


.text_2{
	font-size:30px;
	font-weight:bold;
	color:#2958df;
	padding-top:10px;
}

.text_3{
	font-size:22px;
	font-weight:bold;
	padding:30px 0;
}

.btn_area{
	padding-top:20px;
}

.go_btn{
	padding:15px 50px;
	color:#fff;
	background:#2958df;
	border-radius:30px;
	font-size:20px;
}

.date_area{
	padding-top:50px;
	font-size:17px;
	
	color:#404142;
}

.date_area > div > span{
	background:#fd6bb3;
	color:#fff;
	padding:2px 10px;
	font-size:15px;
}

.pt_10{
	padding-top:10px;
}

.m_data_area {
	background:#2f5ad6;
	color:#fff;
	padding:3%;
	font-size:15px;
}

.m_data_area > div > span{
	background:#fd6bb3;
	color:#fff;
	padding:2px 10px;
	font-size:13px;
}

.section_text_area{
	padding:3% 0;
}

.section_text_area > .cont_area{
	max-width:1000px;
	margin:0 auto;

	
}

.cont_text1_1{
	text-align:center;
	font-size:40px;
	font-weight:bold;
}

.cont_text1_1 > span{
	color:#2f5ad6;
}

.cont_text1_2{
	padding-top:3%;
	text-align:center;
	font-size:20px;
	color:#404142;

	
}



.bg_1{
background:#d9ecff;
}

.cont_text2_ul{
	overflow:hidden;
	width:100%;
	margin:0;
	padding:0;
}

.cont_text2_ul > li {
	width:60%;
	float:left;
	list-style:none;
}

.cont_text2_ul > li:last-child {
	text-align:right;
	float:right;
	width:40%;
	
}
.cont_text2_1{
	text-align:left;
	font-size:33px;
	font-weight:bold;
}

.cont_text2_2{
	text-align:left;
	font-size:33px;
	font-weight:bold;
	color:#2f5ad6;
}

.cont_text2_3{
	padding: 5% 0;
	text-align:left;
	font-size:17px;
	
	color:#404142;
	
}

.cont_text2_3 > p{
	margin:0
	
}


.cont_text2_3 > p > span{
	color:#2f5ad6;
	font-size:20px;
	
}
.cont_text2_4{
	padding:20px;
}

.cont_text2_4 > a{
    color: #fff;
    background: #0b7cc1;
    padding: 15px 50px;
    border-radius: 35px;
	font-size:17px;


}



.cont_text3_1{
	padding:12px;
	background:#fff;
	text-align:center;
	margin-top:10px;
	border-radius: 35px;
	font-size:19px;
	font-weight:bold;
}

.cont_text3_1:first-child{
	margin-top:0px;
}

.cont_text3_1 > span{
	color:#2f5ad6;
}
.cont_text3_2{
	padding-top:10px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
}

.cont_text4_ul{
	overflow:hidden;
	width:100%;
	margin:0;
	padding:0;
}

.cont_text4_ul > li {
	
	float:left;
	list-style:none;
}

.cont_text4_ul > li:last-child {
	text-align:right;
	float:right;
	
	
}


.cont_text4_1{
	text-align:left;
	font-size:33px;
	font-weight:bold;
}

.cont_text4_1 > span{
	display:block;
}

.cont_text4_1 > span > font{
	color:#2f5ad6;
}

.cont_text4_2{
	padding:30px 0;
	text-align:left;
	font-size:17px;
	
}

.cont_text4_2 > span{
	display:block;
}


.cont_text4_1 > span > font{
	color:#2f5ad6;
}



.cont_text5_ul{
	overflow:hidden;
	width:100%;
	margin:0;
	padding:0;
}

.cont_text5_ul > li {
	width:50%;
	float:left;
	list-style:none;
}

.cont_text5_ul > li:last-child {
	text-align:right;
	float:right;
	width:50%;
	
}
.cont_text5_1{
	text-align:left;
	font-size:33px;
	font-weight:bold;
}

.cont_text5_2{
	text-align:left;
	font-size:33px;
	font-weight:bold;
	color:#2f5ad6;
}

.cont_text5_3{
	text-align:left;
	font-size:20px;
	font-weight:bold;
	padding:2% 0 0;
}

.cont_text5_4{
	padding: 2% 0;
	text-align:left;
	font-size:17px;
	color:#404142;
	
	
}

.cont_text5_4 > p{
	margin:0
	
}


.cont_text5_4 > p > span{
	color:#2f5ad6;
	font-size:20px;
	
}



.bg_2{
	background:#ebebeb;
}


.cont_text6_1{
	text-align:center;
	font-size:40px;
	font-weight:bold;
}

.cont_text6_2{
	text-align:center;
	font-size:40px;
	font-weight:bold;
	color:#2f5ad6;
}

.cont_text6_3{
	text-align:center;
	font-size:18px;
	color:#042839;
	padding:2% 0 0;
}

.cont_text6_ul{
	overflow:hidden;
	width:100%;
	margin:0;
	
}

.cont_text6_ul > li {
	width:20%;
	float:left;
	list-style:none;
}

.cont_text6_ul > li:last-child {
	text-align:right;
	float:right;
	width:80%;
	
}

.cont_text6_4{
	text-align:center;
	font-size:20px;
	
	padding:2% 0 0;
}

.cont_text6_5{
	text-align:center;
	font-size:30px;
	
	padding:2% 0 0;
}

.list_area{
	background:#2d55cc;
	height:247px;
	color:#fff;
	overflow:hidden;
	margin:5%;
	position:relative;
	
}

.left_txt{
	width:20%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}

.right_txt{
	width:80%;
	background:#fff;
	height:100%;
	float:right;
	
	position:relative;
}




.status_bg{
	background:#39c2f6;
	font-size:12px;
	padding:10px;
	border-radius:30px;
	text-align:center;
}



.right_txt > div > ul{
	overflow:hidden;
	width:100%;
	margin:0;
	padding:0;
}

.right_txt > div > ul > li {
	width:97%;
	
	list-style:none;
}

.right_txt > div > ul > li:last-child {
	
	
}

.p {display: block;}
.m {display: none;}