/* 
 * 설명: 브랜드 회원가이 페이지 CSS
 * 제작일: 2023-06-08
 */
@charset "utf-8";
article.brand_join{max-width:868px; width:auto; padding: 0px 40px 0px 40px;}
article.brand_join h1{margin-top: 50px; text-align: center;font-style: normal; font-weight: 700; font-size: 42px; line-height: 57px; letter-spacing: -0.01em; color: #222222;}
.dot_list{margin-top: 10px; padding:20px 20px 20px 40px;}
.dot_list li{margin-bottom: 10px; line-height: 1.5em;}
.brand_join .viewTable{width: auto; border-top: none; background-color: #ffffff;}
.brand_join .viewTable th{ padding:0 0 35px 0; width:199px; border:none; background-color:#ffffff; font-style: normal; font-weight: 900; font-size: 24px; line-height: 150%; letter-spacing: -0.5px; color: #222222;}
.brand_join .viewTable td{padding:0 0 35px 0; width:calc(100% - 199px); border: none;}
.brand_join .viewTable td input[type="text"]{padding: 23px 20px; width: 100%; height: auto; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #777777; background-color: #F6F6F6; border: 1px solid #D9D9D9; border-radius: 2px;}
.brand_join .viewTable td textarea{padding:23px 20px; width: 100%; height: auto; font-style: normal; font-weight: 400; font-size: 18px; line-height: 20px; color: #777777; background-color: #F6F6F6; border: 1px solid #D9D9D9; border-radius: 2px;}
.brand_join .viewTable td select{padding:10px 12px; width: 100%; height: auto; font-style: normal; font-weight: 400; font-size: 15px; line-height: 20px; color: #777777; background-color: #F6F6F6; border: 1px solid #D9D9D9; border-radius: 2px;}
.brand_join .viewTable td > p{color: #777777;}

.brand_join .viewTable td.email > input{width: calc(50% - 10px);}

.brand_join .viewTable td.col3>input{width: calc((100% - 28px)/3);}
.brand_join .viewTable td.col3>input+input{margin-left: 0;}

.brand_join .viewTable td.with_ipt > input:nth-child(n+3){margin-left: 10px;}

.fancyme-tags input[type="text"]{width:calc(70% - 5px);padding: 23px 20px; height: auto; font-style: normal; font-weight: 400; font-size: 18px; line-height: 20px; color: #777777; background-color: #F6F6F6; border: 1px solid #D9D9D9; border-radius: 2px;}
.fancyme-tags input[type="button"]{position: initial; width:calc(30% - 5px); height: auto; padding: 23px; font-style: normal; font-weight: 700; font-size: 20px; line-height: 26px;float: right;}
.fancyme-tags.black #shownlist span{display:flex;}
.fancyme-tags #shownlist span a{margin-top: -2px;}
a.btn.large{width:calc(50% - 10px) ;}
.brand_join .viewTable td.with_btn > p input{width: calc(100% - 80px);}
.brand_join .viewTable td.with_btn > p a.btn{background-size: 66px !important; margin-left: 10px; width: 66px; height: 66px;}

.viewTable td.file_area .btn_f{position: relative; left: 0; top: 0; cursor: pointer;}
.viewTable td.file_area .btn_f input{position: absolute;width: 100%;height: 100%; cursor: pointer;}

.viewTable td.file_area ul{margin-top: 10px;}
.viewTable td.file_area ul li{width: 100%;height: auto;}
.viewTable td.file_area li a.btn_del{width: auto;
    height: auto; margin-right: 0;}
@media (max-width: 900px) {
	article{width:100%; padding: 0 24px 0 24px}
	article.brand_join h1{margin-top: 30px; font-size:24px; line-height: 33px;}
	article .title2{margin-bottom: 24px; font-size: 24px; line-height: 33px;}
	.brand_join .viewTable{width: 100%;}
	.brand_join .viewTable th{display: block; width:100%; padding:0 0 10px 0 !important; padding-left: 0; padding-top: 0; background-color:#ffffff; font-size: 14px; letter-spacing: -0.2px;}
	.brand_join .viewTable td{display: block; width:100%; padding:0 0 30px 0; }
	.brand_join .viewTable td input[type="text"]{padding: 10px 12px; font-size: 13px;}
	.brand_join .viewTable td textarea{padding: 10px 12px; font-size: 13px;}
	.brand_join .viewTable td select{padding: 10px 12px; font-size: 13px;}
	.brand_join .viewTableP{width: auto; height: auto;}
	.prev_wrap span.need{font-size: 13px;}
	.writing_info .dot_list{padding: 10px 0 10px 20px;}
	.viewTable td > p{font-size: 13px;}
	.fancyme-tags input[type="text"]{width:calc(70% - 5px);padding: 10px 12px; font-size: 13px;}
	.fancyme-tags input[type="button"]{width:calc(30% - 5px); height: auto; padding: 10px 12px;font-size: 11px; line-height: 21px;}
	.fancyme-tags #shownlist span{padding: 2px 10px; font-size: 13px;}
	.fancyme-tags #shownlist span a{font-size: 10px;padding-left: 6px;margin-top: -1px;}
	
	a.btn.large{font-size: 13px;}
	.brand_join .viewTable td.with_btn > p input{width: calc(100% - 55px);}
	.brand_join .viewTable td.with_btn > p a.btn{background-size: 40px !important; margin-left: 10px; width: 40px; height: 40px;}
	
}