@charset "utf-8";
@import url(/cms/pub/css/font_noto.css); /* 본고딕 */

body {margin: 0 auto; background: black;}

/* 디비필드 위치 표시 */
#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: #555 !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 {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(http://www.dbdbdeep.com/cms/pub/img/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: #ff6b33;}
.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%;}

/* 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; background: #f5f5f5;}
.dbfield {max-width: 800px; margin: 50px 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; max-width: 2000px; 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;}
.p {display: block;}

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

.cont_w {margin: 0 auto;}

.centered {
    position: fixed;
    bottom: 0;
    margin: auto 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    padding: 0px 405px;
}
.centered img {
	
	width: 49%;
	object-fit: cover;
	
}
/* 모바일 */
@media (max-width: 800px) {
	body {background: white;}
	/*무료상담 신청하기 버튼 영역*/
	body {margin-top: 40px; min-width: 320px;}

	/*slider*/
	.bx-controls-direction {display: none;}

	/* layer popup */
	.layer_popup {position: static !important; width: 100% !important; height: auto !important;}
	.layer_popup_control {display: none;}

	#dbfooter {font-size: 12px !important; text-align: left;}

	/* 디비필드 이동버튼 */
	.btn_go_dbfield_area {height: 40px;}
	.btn_go_dbfield {width: 100%;background: #ff0072;text-decoration: none; display: block;position: fixed; left: 0; top: 0px;text-align: center;z-index: 9999999;border-radius: 0;}
	.btn_go_dbfield span {line-height: 40px;color: white;font-weight: bold;font-size: 1.2em;}

	/* 디비필드 */
	.dbfield_sec {}
	.dbfield {width: 96%; margin: 2.88% auto 0;}
	.dbfield input[type="radio"] {position: relative;top: 0em;}
	.dbfield input[type="radio"] + span,
	.dbfield input[type="checkbox"] + span {position: relative;top: 0em;}
	.dbfield table > tbody > tr > td {padding: 0.5em 0.5em;}
	.dbfield table > tbody > tr > td label {position: relative; top: 0em;}
	.dbfield table > tbody > tr > td label > span {position: relative;top: 0.15em;}

	/* 풋터 */
	#dbfooter, #dbfooter * {font-size: 12px !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;}
	#dbfooter {text-align: left;}
	#dbfooter > p {font-size: 1em !important;}

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

	/* 핑거줌 */
	.finger_zoom {
		display: block;
		border: solid 1px #ddd;
		border-left: none; border-right: none; padding-bottom: 13.5%;
		background: url(http://dbdbdeep.com/cms/pub/img/finger_zoom.png) center / 100% #f1f1f1;
	}
	.finger_zoom_white {background-color: white;}
	.finger_zoom_silver {}
	.finger_zoom_gray {background-color: #ccc;}

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

	.p {display: none;}
	.m {display: block;}
	
	.dbfield_sec, .dbfield_sec * {font-size: 13px !important;}
	.centered {position: fixed;
    bottom: 0;
    margin: auto 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    padding: 0px 0px;}
	.centered img {width: 49.9%;}
}