img {max-width: 100%}



/* contact */
.cs_container {max-width: 1000px; margin:0px auto 100px; font-family: 'Noto Sans KR';}

.contents_head {margin-bottom: 50px; text-align: center}
.contents_head .page {font-size: 30px}

.form_wrap {margin: 0 -10px}
.contact_wrap {box-sizing: border-box; margin: auto; text-align: left; padding-bottom: 5vw;}
.contact_wrap .contact_left {width: 50%; float: left}
.contact_wrap .contact_right {width: 50%; float: right}
.contact_wrap .emp {color: #0082a1}
.contact_wrap ul {display: block}
.form_wrap li {margin-bottom: 30px}

.contact_form .page_title {padding: 200px 0 20px; margin-bottom: 10px; border-bottom: 1px solid #000}
.contact_form .page_title .title_bar {font-size: 40px}


.form_wrap ul.two:after {display: block; clear: both; content: ""}
.form_wrap ul.two li {width: 50%; float: left}

.form_wrap ul.three:after {display: block; clear: both; content: ""}
.form_wrap ul.three li {width: calc(100% / 3); float: left}

.check_confirm {display: flex; align-items: center; justify-content: center; margin-top: 40px}
.check_confirm li:first-child{margin-right:10px;}
.check_confirm li label { display: flex; align-items: center}
.check_confirm li input {margin:0;margin-right: 5px}

.contact_form .inBox {position: relative; padding: 0 10px; text-align: left}
.contact_form .inBox .title {font-weight: 600; display: block; font-size: 16px; margin-bottom: 10px}
.contact_form input[type=text],
.contact_form select,
.contact_form textarea,
.contact_form input[type=email],
.contact_form input[type=tel] {
	width: 100%;
	padding:0 10px;
	height: 50px;
	border:0;
	border-radius: 0;
	box-sizing: border-box;
	resize: vertical;
	background: #f5f5f5;
	font-family: 'Noto Sans KR';
	font-size: 16px;
}
.captcha_area li {display: inline-block; vertical-align: top}
.contact_form>h3 {text-align: center;}
.contact_form textarea {height: 200px; resize: none; padding: 10px}
.contact_form input[type=submit] {
	display: block;
	width:250px;
	margin: auto;
	background-color: #654C26;
	color: #fff;
	padding: 12px 0;
	font-size: 18px;
	border: none;
	border-radius:0;
	cursor: pointer;
	transition: 0.3s;	
}
.contact_form #msg{
	display: block;
	width:300px;
	margin: auto;
	background-color: #654C26;
	color: #fff;
	padding: 20px 0;
	font-size: 20px;
	border: none;
	font-weight: 700;
	border-radius:0;
	cursor: pointer;
	transition: 0.3s;	
}
.contact_form input[type=submit]:hover {background-color: #654C26;}
.select_in {position: relative}
.select_in:before {background: #654C26 url('/suites_resource/images/common/bbs_select.svg') no-repeat center center; width: 20px; content: ""; position: absolute; right: 0; top:0; height: 100%; background-size: 6px; z-index: 1; pointer-events: none}



.contact_form>h3 {font-size: 30px; padding-bottom: 50px;}
.contact_form .contact_send {text-align: center; margin:50px 0 0 0}

.goods_visual {margin-top: 20px}
.goods_visual img {width:100%}

/* 관심고객 등록 */
.contact_form .contact_check  {word-break: keep-all; padding:30px; border: 1px solid #ddd; margin:50px 0 0}
.contact_form .contact_check .txt {line-height: 1.8em; font-size: 14px}
.contact_form .contact_check .title {font-size: 16px; color: #333; margin-bottom: 10px; font-weight: 700}
.contact_form .contact_check .txt p {font-size: 14px}
.contact_form .emp {font-size: 12px; color: #000; font-weight: 400}

.contact_form .check_choice {display: flex; align-items: center; justify-content: center; margin:20px 0; font-size: 16px}
.contact_form .check_choice input {margin-right:5px; position: relative; top:-2px}
.contact_form .check_choice label {line-height: 1; font-size: 16px; }
.contact_wrap ul.captcha_area {display: flex; align-items:center}
.contact_wrap ul.captcha_area li {margin: 0}

.policyIn {margin-top: 50px; border-top:1px solid #000; padding-top: 50px}
.policyIn .block {margin-bottom: 40px}
.policyIn .mt_20 {margin-top: 20px}
.policyIn .msg {margin-bottom: 20px}
.policyIn .msg .tit {font-size: 20px; font-weight: 700; margin-bottom: 20px}
.policyIn .msg p {line-height: 1.7em; font-size: 14px}

.tbl_policy {width: 100%; border-top:2px solid #000}
.tbl_policy.two td {width:50%}
.tbl_policy.three td {width:33.3%}
.tbl_policy tr {background-color:#fff; height:40px; font-size:13px; text-align:center; border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.tbl_policy th {background: #f5f5f5; border-right:1px solid #ccc; padding: 10px;}
.tbl_policy td {border-right:1px solid #ccc; padding: 20px; }
.tbl_policy td.left {text-align: left}

.policyIn .info_box {border: 1px solid #ddd; padding: 30px; font-size: 14px; background: #fff; word-break: keep-all}
.policyIn .info_box h3 {display: block; margin-bottom: 10px; font-weight: 700}
.policyIn .info_box h2 {font-size: 14px; margin-bottom: 10px}
.policyIn .info_box p {margin-bottom: 20px; word-break: keep-all}
.policyIn .info_box ul {margin-bottom: 15px}
.policyIn .info_box li {display: block; position: relative; padding-left: 10px; word-break: keep-all}
.policyIn .info_box li i {position: absolute; left: 0; top:9}


.policy_tbl {font-family: 'Noto Sans KR';}
.row_tbl {font-family: 'Noto Sans KR'; width: 100%; border-top:1px solid #a79d92; border-left:1px solid #a79d92; font-size: 14px}
.row_tbl th {border-bottom:1px solid #a79d92; border-right:1px solid #a79d92; padding: 20px}
.row_tbl td {border-bottom:1px solid #a79d92; border-right:1px solid #a79d92; padding: 20px}
.col_tbl {font-family: 'Noto Sans KR'; width: 100%; border-top:1px solid #a79d92; border-left:1px solid #a79d92; font-size: 14px}
.col_tbl th {border-bottom:1px solid #a79d92; border-right:1px solid #a79d92; padding: 20px}
.col_tbl td {border-bottom:1px solid #a79d92; border-right:1px solid #a79d92; padding: 20px; text-align: center}
.col_tbl.display_w {display: table}

.movie{visibility: hidden}