/**************************************
    폼메일 스타일 01 :: 일반 폼메일 전용
***************************************/
/* 폼메일 영역 설정 공통 */
.form-area
{max-width:800px; margin:0 auto;}
.form-area tr, .form-area td, .form-area th
{font-family:'pretendard';}


/* STYLE 01 - 일반 폼메일 */
#cm_formmail_style_01 .form-wrap table
{width:100%; border-collapse: collapse; background:transparent}
#cm_formmail_style_01 .form-wrap table .formmail tr
{border-bottom:1px solid #ddd;}
#cm_formmail_style_01 .form-wrap .formmail td.formmail_title_bgcolor
{font-family:'pretendard', 'nanumsquare'; padding:20px 0; font-size:15px; font-weight:600; color:#222;}
#cm_formmail_style_01 .form-wrap .formmail td.formmail_cell_bgcolor
{padding:5px;}
#cm_formmail_style_01 .form-wrap .formmail td.formmail_cell_bgcolor input,
#cm_formmail_style_01 .form-wrap .formmail td.formmail_cell_bgcolor textarea
{width:95%; border:1px solid #ddd; padding:10px; font-family:'pretendard', 'nanumsqure'}
/* 연락처 */
#cm_formmail_style_01 .form-wrap .formmail td.formmail_cell_bgcolor input[name='phone_no1'],
#cm_formmail_style_01 .form-wrap .formmail td.formmail_cell_bgcolor input[name='phone_no2'],
#cm_formmail_style_01 .form-wrap .formmail td.formmail_cell_bgcolor input[name='phone_no3'],
#cm_formmail_style_01 .form-wrap .formmail td.formmail_cell_bgcolor input[name='mobile_no1'],
#cm_formmail_style_01 .form-wrap .formmail td.formmail_cell_bgcolor input[name='mobile_no2'],
#cm_formmail_style_01 .form-wrap .formmail td.formmail_cell_bgcolor input[name='mobile_no3']
{width:29%;}

#cm_formmail_style_01 .form-wrap .formmail td.formmail_cell_bgcolor input[type='radio']
{width:auto;}
/* 체크박스 */
#cm_formmail_style_01 .form-wrap .formmail td.formmail_cell_bgcolor input[type='checkbox']
{display:inline-block; width:auto; margin:10px 0 15px;}
/* 파일첨부 */
#cm_formmail_style_01 .form-wrap .formmail td.formmail_cell_bgcolor input[type='file']
{border:none;}
/* 하단 버튼 (HTML 태그에 form-btn class 추가 후 수정) */
#cm_formmail_style_01 .form-wrap .form-btn ul li
{display:inline-block; width:200px; margin:0 10px;;}
#cm_formmail_style_01 .form-wrap .form-btn ul li a
{padding:15px 0; display:block; background:#ddd; font-size:15px; color:#222; }
#cm_formmail_style_01 .form-wrap .form-btn ul li:nth-child(1) a
{ background:#2e3192; color:#fff;}
#cm_formmail_style_01 .form-wrap .form-btn ul li a:hover
{opacity:.8}

/**************************************
    폼메일 스타일 02 :: 일반 폼메일 : 백그라운드에 색상 주기 (ex.#f4f4f4)
***************************************/
.inquiry-content
{background:#f4f4f4}
.form-area
{max-width:100%; margin-top:50px;}
#cm_formmail_style_02
{margin-top:50px; display:inline-block; width:100%;}
#cm_formmail_style_02 .form-wrap table, 
#cm_formmail_style_02 .form-wrap table tbody, 
#cm_formmail_style_02 .form-wrap table tbody tr, 
#cm_formmail_style_02 .form-wrap > table > tbody > tr > td
{display:inline-block; width:100%;background:transparent; }
/* 디테일 설정 */
#cm_formmail_style_02 .form-wrap table .formmail tr
{display:flex; background:#fff;; border:none; margin:0 0 15px; border-radius:25px;}
#cm_formmail_style_02 .form-wrap table .formmail tr.file 
{align-items:center;}
/**/
#cm_formmail_style_02 .form-wrap table .formmail td.formmail_title_bgcolor 
{text-align:left; padding:15px 20px; font-size:16px; font-weight:400; color:#000;}
#cm_formmail_style_02 .form-wrap table .formmail td.formmail_cell_bgcolor
{padding:0; width:100%;}
#cm_formmail_style_02 .form-wrap table .formmail td.formmail_cell_bgcolor td 
{width:100%;}
/* 셀렉트 박스 */
#cm_formmail_style_02 .form-wrap table .formmail td.formmail_cell_bgcolor select
{display:inline-block; height:100%; border:none; background:transparent; font-size:16px;}
#cm_formmail_style_02 .form-wrap table .formmail td.formmail_cell_bgcolor select option 
{font-size:14px;}
/* 개인정보 체크 */
#cm_formmail_style_02 .form-wrap table .formmail td.formmail_cell_bgcolor td[align='right']
{display:flex; align-items:center; justify-content: end;;}
#cm_formmail_style_02 .form-wrap table .formmail td.formmail_cell_bgcolor input[name="com_formmail_check_safe"]
{width:auto;}
/* input, textarea 가로 값 설정 */
#cm_formmail_style_02 .form-wrap table .formmail td.formmail_cell_bgcolor input, 
#cm_formmail_style_02 .form-wrap table .formmail td.formmail_cell_bgcolor textarea
{border:none; background:transparent; height:100%; width:98%;}
#cm_formmail_style_02 .form-wrap table .formmail td.formmail_cell_bgcolor textarea
{height:100px !important; font-size:14px !important; color:#666;}
/* 연락처 */
#cm_formmail_style_02 .form-wrap .formmail td.formmail_cell_bgcolor input[name='phone_no1'],
#cm_formmail_style_02 .form-wrap .formmail td.formmail_cell_bgcolor input[name='phone_no2'],
#cm_formmail_style_02 .form-wrap .formmail td.formmail_cell_bgcolor input[name='phone_no3'],
#cm_formmail_style_02 .form-wrap .formmail td.formmail_cell_bgcolor input[name='mobile_no1'],
#cm_formmail_style_02 .form-wrap .formmail td.formmail_cell_bgcolor input[name='mobile_no2'],
#cm_formmail_style_02 .form-wrap .formmail td.formmail_cell_bgcolor input[name='mobile_no3']
{width:29%;}
/* 하단 버튼 (HTML 태그에 form-btn class 추가 후 수정) */
#cm_formmail_style_02 .form-wrap .form-btn ul li
{display:inline-block; width:200px; margin:0 10px;;}
#cm_formmail_style_02 .form-wrap .form-btn ul li a
{padding:15px 0; display:block; background:#ddd; font-size:15px; color:#222; }
#cm_formmail_style_02 .form-wrap .form-btn ul li:nth-child(1) a
{ background:#000; color:#fff;}
#cm_formmail_style_02 .form-wrap .form-btn ul li a:hover
{opacity:.8}


/**************************************
    폼메일 스타일 03 :: 예식 폼메일 전용
***************************************/
.formmail-content
{position:relative; padding:100px 0px;}
.formmail-content:after 
{content:''; position:absolute; width:100%; height:70%; background:#e4e3c3; bottom:0; left:0; z-index:-1;}
#cm_formmail_style_03
{max-width:1420px; margin:0 auto;}
#cm_formmail_style_03 tr,
#cm_formmail_style_03 td,
#cm_formmail_style_03 th
{font-family:'pretendard';}
#cm_formmail_style_03 .form-content 
{display:flex;}
/* 이미지 */
#cm_formmail_style_03 .form-content .form-img-wrap 
{width:40%;}
#cm_formmail_style_03 .form-content .form-img-wrap img 
{width:100%; vertical-align: top;}
#cm_formmail_style_03 .form-img-wrap .info-con 
{text-align:center; padding:40px 20px;}
#cm_formmail_style_03 .form-img-wrap .info-con h2 
{font-size:21px; color:#000; margin-bottom:20px;}
#cm_formmail_style_03 .form-img-wrap .info-con dl 
{display:flex;}
#cm_formmail_style_03 .form-img-wrap .info-con dl dt 
{font-size:19px; position:relative; padding:0 10px; z-index:1; min-width:90px; margin-right:20px;}
#cm_formmail_style_03 .form-img-wrap .info-con dl dt:before 
{content:''; position:absolute; left:0; width:100%; height:50%; background:#f5f294; bottom:0; z-index:-1;}
/* 폼메일 */
#cm_formmail_style_03 .form-content .form-wrap 
{width:58%; padding:40px 20px 40px 20px; margin-left:2%; background:#fff;}
#cm_formmail_style_03 .form-sub-tit
{text-align:center; margin-bottom:10px;}
#cm_formmail_style_03 .form-sub-tit h2 
{border-bottom:1px solid #a6ae4e; display:inline-block; color:#a6ae4e; margin-bottom:5px;}
#cm_formmail_style_03 .form-sub-tit p 
{color:#2b2b2b; font-weight:300; }
#cm_formmail_style_03 table
{width:100%; border-collapse: collapse;}
#cm_formmail_style_03 .form-content .form-wrap .formmail > tbody 
{display:flex; flex-wrap:wrap;}
#cm_formmail_style_03 table .formmail > tbody > tr
{width:50%; height:auto; display:flex; flex-wrap:wrap; padding:10px 0px;}
#cm_formmail_style_03 .formmail td.formmail_title_bgcolor
{font-family:'pretendard'; margin:0 10px 5px; padding:0; font-size:16px; font-weight:500; background-color: transparent; text-align:left; width:100%;}
#cm_formmail_style_03 .formmail td.formmail_title_bgcolor font 
{color:#333 !important;}
#cm_formmail_style_03 .formmail td.formmail_cell_bgcolor
{padding:0px; margin:0 10px; width:100%;}
#cm_formmail_style_03 .formmail td.formmail_cell_bgcolor input,
#cm_formmail_style_03 .formmail td.formmail_cell_bgcolor textarea
{width:95%; border:1px solid #ddd; padding:10px; font-family:'pretendard';}
#cm_formmail_style_03 .form-content .form-wrap .formmail > tbody > tr > td.formmail_cell_bgcolor > input[name=mobile_no1],
#cm_formmail_style_03 .form-content .form-wrap .formmail > tbody > tr > td.formmail_cell_bgcolor > input[name=mobile_no2],
#cm_formmail_style_03 .form-content .form-wrap .formmail > tbody > tr > td.formmail_cell_bgcolor > input[name=mobile_no3]
{width:28%;}
#cm_formmail_style_03 .form-content .form-wrap .formmail > tbody > tr.textarea 
{width:100%;}
/* 폼메일 연락처 */
#cm_formmail_style_03 .formmail td.formmail_cell_bgcolor input[name='phone_no1'],
#cm_formmail_style_03 .formmail td.formmail_cell_bgcolor input[name='phone_no2'],
#cm_formmail_style_03 .formmail td.formmail_cell_bgcolor input[name='phone_no3']
{width:29%;}
/* 폼메일 날짜 */
#cm_formmail_style_03 .formmail td.formmail_cell_bgcolor select
{border:1px solid #ddd; font-size:13px; color:#666; min-height:35px; min-width:25%; padding:0 10px;}
#cm_formmail_style_03 .formmail td.formmail_cell_bgcolor select[name=add1Y],
#cm_formmail_style_03 .formmail td.formmail_cell_bgcolor select[name=add1M],
#cm_formmail_style_03 .formmail td.formmail_cell_bgcolor select[name=add1D]
{min-width:15%;}
/* 체크박스 */
#cm_formmail_style_03 .formmail td.formmail_cell_bgcolor input[type='checkbox']
{display:inline-block; width:auto;}
/* 파일첨부 */
#cm_formmail_style_03 .formmail td.formmail_cell_bgcolor input[type='file']
{border:none;}
/* 하단 버튼 (HTML 태그에 form-btn class 추가 후 수정) */
#cm_formmail_style_03 .form-btn ul li
{display:inline-block; width:200px; margin:0 10px;;}
#cm_formmail_style_03 .form-btn ul li a
{padding:15px 0; display:block; background:#ddd; font-size:15px; color:#222; }
#cm_formmail_style_03 .form-btn ul li:nth-child(1) a
{ background:#adab49; color:#fff;}
#cm_formmail_style_03 .form-btn ul li a:hover
{opacity:.8}