/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/* inquiry */
input,textarea{outline: none !important;}

.input > div{display: flex;justify-content: space-between; flex-wrap: wrap; }
.input > div.top{align-items: flex-start;}
.input > div.bottom{align-items: center;}

.input > div.top{margin-bottom: 50px;}

.input > div.top > div{width: 49%;}

.input > div.bottom > div{width: calc(100% - 250px);}
.input > div.bottom > div.btn_wrap{width: 250px;}

.input label{display: flex; flex-direction: column;}
.input label b {font-size: 18px; margin-bottom: 14px; color: #222;}

.input > div > .left label select,
.input > div > .left label input{width: 100% !important;  font-weight: 400 !important; height: 60px; padding: 10px; box-sizing: border-box; border-radius: 10px; border: 1px solid #ddd !important;}

.input > div > .left .file label input{border-radius: 0; height: 60px; padding: 0;}
/* input[type=file]{font-size: 0; position: relative;} */
input[type=file]::file-selector-button{width: 150px !important; height: 60px; border: 0 !important; border-radius: 0; background: #626262; color: #fff; position: relative;}
/* input[type=file]::after{position: absolute; content: "첨부파일"; top: 0; left: 0; width: 150px;height: 100%; color: #fff; font-size: 18px; display: flex; align-items: center; justify-content: center;} */

.input > div > .right label textarea{width: 100% !important; height: 388px !important; padding: 10px; box-sizing: border-box; resize: none; border-radius: 10px;  border: 1px solid #ddd !important;}

.input > div.bottom .terms p{font-size: 13px; font-weight: 400; color: #333;}

.input > div.bottom .btn_wrap{display: flex; justify-content: flex-end;}
.input > div.bottom .btn_wrap p {display: flex; flex-direction: column;}
.input > div.bottom .btn_wrap input{width: 200px; height: 60px; border: 2px solid #222222; border-radius: 50px; background: #ffffff; color: #000; font-size: 20px;  font-weight: 400 !important; cursor: pointer;}
.input > div.bottom .btn_wrap span{display: none !important;}


@media only screen and (max-width: 600px) {
.terms p{font-size: 13px; font-weight: 400; color: #333;}
.input > div.bottom > div { width: 100% !important; margin-left: 0px; margin-bottom: 30px;}
.btn_wrap input{width: 200px; height: 60px; border: 2px solid #222222; border-radius: 50px; background: #ffffff; color: #000; font-size: 20px;  font-weight: 400 !important; cursor: pointer;}
.input > div.bottom .btn_wrap span{display: none !important;}
}