@charset "utf-8";

/* patch iOS */
html {-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;
	-webkit-overflow-scrolling:touch !important; /* sooth scroll */}
button, input[type="button"] {-webkit-appearance: none; border-radius: 0;}

/* patch IE */
main
, header
, footer
, nav
, aside
, section
{display: block; margin: 0;}
label {display: inline-block;} /* image label  */
label img {pointer-events: none;}

/* all */
html {font-family:맑은 고딕; color: #222; word-break:keep-all; word-wrap:break-word; overflow-y: scroll;}

/* html */
body {margin:0; padding: 0;}
a {font-size: inherit; color: #0b7cc1; text-decoration: none;}
a:hover {color: #ff94a3;}
button {font-size: inherit; cursor:pointer; background: none; border: none; padding: 0;}
img {vertical-align:middle; border:none;}
fieldset {padding:0; border:none;}
legend {position:absolute; left:-9999999px; top:-9999999px;}

/* init */
.init ,
.init * {margin:0; padding:0;}

/* clearfix */
.clfix:after,
.clearfix:after
{ content: ""; clear: both; display: table;}

/* float */
.pull_left,
.folat_left
{float:left !important;}
.pull_right,
.float_right
{float:right !important;}

/* position */
.pos_rel {position: relative;}
.pos_abs {position: absolute;}
.pos_fix {position: fixed;}
.pos_left {left: 0;}
.pos_right {right: 0;}
.pos_top {top: 0;}
.pos_bottom {bottom: 0;}

/* align */
.align_center {text-align:center !important;}
.align_middle {vertical-align:middle !important;}
.align_left {text-align:left !important;}
.align_right {text-align:right !important;}

/* align table */
.th_left th {text-align: left;}
.th_center th {text-align: center;}
.th_right th {text-align: right;}

.td_left td {text-align: left;}
.td_center td {text-align: center;}
.td_right td {text-align: right;}

/* align both */
.both {overflow:hidden;}
.both > * {float:right;}
.both > *:first-child {float:left;}

/* font */
.font_bold {font-weight:bold !important;}

/* indent */
.indent_1em {padding-left:1em;}
.indent_2em {padding-left:2em;}
.indent_3em {padding-left:3em;}
.indent_4em {padding-left:4em;}

/* hidden */
.hidden,
.ir
{position:absolute; left:-9999999px; top:-9999999px;}

/* list */
.list_unstyled {padding:0; margin:0;}
.list_unstyled li {list-style: none;}

/* .grid */
.grid {border: solid 1px #ccc;}
.grid > li {padding: 8px;}
.grid > li:nth-child(odd) {background: #eee;}
.grid > li > span {float: left; box-sizing: border-box;}
.grid label {top: 0.25em; position: relative;}

@media (max-width: 360px) {
	.grid > li > span {float: none;}
	.grid label {margin-bottom: 10px; display: inline-block; top:0;}
}

/* inherit */
.grid {padding:0; margin:0;}
.grid li {list-style: none;}
.grid li:after { content: ""; clear: both; display: table;}

/* no newline */
.no_br {white-space:nowrap;}

/* form */
/* readonly */
[readonly], [readonly=readonly]
{border: none !important;}

/* text */
input[type="text"], input[type="password"], input[type="tel"], textarea
{width: 100%; box-sizing: border-box; padding: 6px; font-family: inherit;}

/* check radio */
input[type="checkbox"], input[type="radio"]
{}

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

body {margin: 0 auto;}

/* 디비필드 위치 표시 */
#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: #444;text-align: center;border-radius: 0.4em;}
.btn_dbfield:hover {background: #e94141;}
.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 {
	transition: all .2s;
	padding: 0 1.5em;min-width: 15em;background: #ff5722;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.navy {background: #054ec2; }
.btn_dbfield_submit.orange {background: #ff6b33;}
.btn_dbfield_submit.pink {background: #ff7575;}
.btn_dbfield_submit.red {background: #d21b1b;}
.btn_dbfield_submit:hover {background: #cc420b; box-shadow: 4px 4px 4px #aaa;}
.btn_dbfield_submit span {line-height: 2.8em;color: white !important; font-size: 1.4em !important;font-weight: bold;}



/* 본문내용 ================================================== */
.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 {background: #eee;}
.bx-pager-item {display: inline-block; margin: 10px 5px;}
.bx-pager-link {width: 15px; height: 15px; background: #bbb; 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%;}




/* 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%;}

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

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

.cont_w {margin: 0 auto;}

/* 모바일 */
@media (max-width: 800px) {
	/*무료상담 신청하기 버튼 영역*/
	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;}
	
	
	
	/* 폼 링크버튼 */
	.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;}
	
	.grid_3 {
	width: 100% !important;
    margin: 0 0 30px !important;
	}
	
	
	/* 핑거줌 */
	.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;}
}

/*# 풋터*/
#mi_foot {background: #2c2c2c; color: white; font-size: 14px; padding: 10px; text-align: center;}
#mi_foot > p {margin: .5em 0;}

@media (max-width: 800px) {
	#mi_foot {font-size: 10px; text-align: left;}
}

/*# 비디오*/
.video_sec {padding: 2%; max-width: 800px; margin: 0 auto;}
.video_wrap {padding-bottom: 56%;position: relative;}
.video_wrap > iframe {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}