/* 고객문의 내용 콘텐츠 */
#content .content_area{width: 1400px; margin: 0 auto; padding-bottom: 150px;}

#content .content_area .contact{display: flex; justify-content: center; }

#content .content_area img{width: 700px; height: 960px; }

#content .email_box{width: 700px; margin-top: 45px; padding: 30px;
                        box-sizing: border-box; border-radius: 20px;}
#content .email_box div{padding: 10px;}
#content .email_box label{font-size: 1.3rem; font-weight: 700; margin-bottom: 15px;}
#content .email_box input,
#content .email_box select,
#content .email_box textarea{margin-top: 10px; padding: 15px 5%; width: 90%; font-size: 1.5rem; border: 0; background: #fff;
border: 1px solid var(--font-color-main); border-radius: 15px; outline: none; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .1);
transition: all .5s ease-out;}

#content .email_box input::placeholder{opacity: 20%; font-weight: 500;}

#content .email_box select{width: 30%; display: block;}
#content .email_box input:focus,
#content .email_box textarea:focus{box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .4); transform: scale(1.01);}
#content .email_box textarea{height: 100px;}
#content .email_box button{padding: 15px 30px; background: var(--font-color-main); color: #fff; font-size: 1.2rem;
                                    border-radius: 15px; border: 0;
margin: 30px auto; display: block; cursor: pointer; transition: all .5s ease-out; border: 2px solid var(--font-color-main);
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .1);}
#content .email_box button:hover{background: #fff; color: var(--font-color-main); border: 2px solid var(--font-color-main);
                                }

#content .email_info{margin: 50px 30px 0 120px; padding: 30px; border: 1px solid #ccc;
                    border-radius: 20px;}
#content .email_info p{margin: 20px 0;}
#content .email_info dl{margin-bottom: 30px;}
#content .email_info dt{font-size: 1.25rem; font-weight: 600; margin-bottom: 15px;}
#content .email_info dd{line-height: 1.8rem; font-size: 1.1rem;}


#content .content_area .faq{width:1400px; border-bottom:1px solid #ccc; font-size:1.4rem}  
#content .content_area .faq .hgroup{position:relative; margin:0 0 10px 0;}  
#content .content_area .faq .hgroup .all{position:absolute; top:5px; right:10px; color:#333; text-decoration:none;}  
#content .content_area .faq ul{margin-top: 20px; list-style:none}  
#content .content_area .faq .q{margin:0; border-top:1px solid #ddd; position: relative;}  
#content .content_area .faq .q a.trigger{display:block; padding:25px 20px; background: linear-gradient(136deg,rgba(255, 239, 230, 1) 0%, rgba(255, 222, 201, 1) 100%); color:#333; text-align:left; font-weight: 500;}  
#content .content_area .faq .hide .q a.trigger{font-weight:500; background:#f6f6f6}
#content .content_area .faq .q a.trigger:hover,
#content .content_area .faq .q a.trigger:active,
#content .content_area .faq .q a.trigger:focus{background: linear-gradient(131deg,rgba(255, 144, 79, 1) 0%, rgba(235, 99, 23, 1) 100%); color:#fff; font-weight: 500;}
#content .content_area .faq .q span{display: block; position: absolute; right: 15px; top:24px}
#content .content_area .faq .a{margin:0; padding:25px 20px; line-height:1.5; margin: 10px 0; display: none;
font-size: 1.1rem; font-weight: 400;}