/*제휴문의 (affiliations.css)*/

*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, body{margin: 0; padding: 0;}
header, section, article, nav, aside, main, footer{display: block;}
header:after, section:after, article:after, nav:after, aside:after, main:after, footer:after{content: ""; display: block; clear: both;}
h1, h2,h3, h4, h5, h6, p{margin: 0;}
ul, ol{margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;}

.requiredMark {color: red; padding: 0 5px;}
.compliment_mo_bg{display: none;}



.affiliations_1200{width: 1200px; margin: 0 auto;}
.affiliations_cont01 {
	padding: 0 0 120px;
	text-align: center;
}
.affiliations_1200 .affiliations_cont01 .icon_center{width: 590px;margin: 0 auto;display: flex;align-items: center;justify-content: center;justify-content: space-evenly}
.affiliations_cont01 .icon_box{text-align: center;display: inline-block;}
.affiliations_cont01 .icon_box .icon_box_img{height: 160px;    display: inline-flex;align-items: center;}
.affiliations_cont01 .icon_box .icon_box_img img{width: 125px;}
.affiliations_cont01 .icon_box p{font-size: 20px; color: #606060;padding-top: 30px;padding-bottom: 23px;}
.affiliations_cont01 .icon_box ul{}
.affiliations_cont01 .icon_box ul li{font-size: 15px;color: #696868;line-height: 1.5;}


.affiliations_cont02{    text-align: center;padding-bottom: 100px;}
.affiliations_cont02 .affiliations_cont_txt{width: max-content;text-align: left;margin: 0 auto; line-height: 2;}
.affiliations_cont02 .affiliations_cont_txt ul li:first-child::before{width: auto;content:"-";}
.affiliations_cont02 .affiliations_cont_txt > p {font-size: 16px; color: #696969;font-weight: bolder; display: none;}
.affiliations_cont02 .affiliations_cont_txt ul{}
.affiliations_cont02 .affiliations_cont_txt ul li , .affiliations_cont02 .affiliations_cont_txt ul li p {font-size: 15px; color: #6f6f6f;}
.affiliations_cont02 .affiliations_cont_txt ul li{display: inline-block;}
.affiliations_cont02 .affiliations_cont_txt ul p{display: inline-block;}

/* .affiliations_cont02 .affiliations_cont_txt li.affiliations_cont_txt01::before{content:"- 검토 기간 :";font-size: 15px; color: #6f6f6f;} */
/* .affiliations_cont02 .affiliations_cont_txt li.affiliations_cont_txt02::before{content:"- 회신 여부 :";font-size: 15px; color: #6f6f6f;}
 */
.affiliationsWrap {width: 775px; margin: 0 auto;font-size: 0;padding: 60px 20px;}
.affiliationsWrap .box{width: 100%;    display: flex;    align-items: flex-start;padding-bottom:20px}
.affiliationsWrap .box > div{ display: inline-block;width: 200px;}
.affiliations_box{}

.affiliationsWrap_bg {width: 100%;background: #fbfbfb;padding: 120px 20px;}
.affiliationsWrap {background: #fff;}


/*단계박스*/
.affiliations_arrow_box{display: flex;align-items: center; justify-content: center;padding-bottom: 60px;	}
.affiliations_arrow_box .affiliations_arrow{width: 170px;height: 70px; line-height: 70px;background: #f7f7f7; border-radius:5px;display: inline-block;} 
.affiliations_arrow_box .affiliations_arrow p{font-size: 17px; color: #605f5f; text-align: center;}
.affiliations_arrow_box .affiliations_arrow_img{padding: 0 20px;}
.affiliations_arrow_box .affiliations_arrow_img img{}

.affiliations_arrow_box_MO{display: none;}

/*제목*/
.affiliations_1200 .title{    padding-bottom: 75px;}
.affiliations_1200 .title h2 > strong {
    position: relative;
    z-index: 1;
}
.affiliations_1200 .title h2 {
    line-height: 1.3;
    color: #494949;
    font-weight: 600;
    text-align: center;
    font-size:27px;
    letter-spacing: -0.03em;
}
.affiliations_1200 .title h2 > strong:before {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 11px;
    background: #dcefff;
    z-index: -1;
}



/*****************************/

/*박스분류하는제목*/
.Atitle_txt_Box{padding-bottom: 15px;border-bottom: 1px solid #e7e7e7;}
.Atitle_txt_Box .Atitle_txt_title{}
.Atitle_txt_Box .Atitle_txt_title p{font-size: 19px; color: #434343;}
.Atitle_txt_Box {display: inline-flex;width: 100%; justify-content: space-between;align-items: center;}
.Atitle_txt_star {}
.Atitle_txt_star p{font-size: 15px;color: #a3a3a3;}
.Atitle_txt_line {padding-bottom: 15px;}

.affiliations_box01 {padding-bottom: 60px;}


/*명칭*/
.title_t{text-align: left;	padding-top: 20px;}
.title_t p{font-size: 17px; color: #434343;}
.file_box .title_t{    padding-bottom: 10px;}


/*네모박스*/
.ip_box_flex {width:100% !important}
.affiliationsWrap .box .ip_box {/*width: 575px;*/ width:100%;}
.affiliationsWrap .box .C60_box{width: 100%;height: 60px;padding:25px; border:1px solid #f2f2f2}


/*제안 개요 박스*/
.box_conts{ padding-bottom: 0  !important;}
textarea {/*max-width: 545px;*/height:350px !important}

.agree_pc{padding-top: 60px;}
.agree_mo{display: none;}


/*구분*/
.box_sel {height: 80px;align-items: center !important;}
.box_sel .title_t{padding-top: 0 !important;}
.box_sel .ip_box_input{font-size: 17px; color: #646464;    display: inline-block;}
.box_sel .ip_box_input input{    margin-right: 15px;}

/*동의체크*/
.agree_box {margin-bottom: 30px; display: flex;align-items: center;}
.agree_box input{display: inline-block; vertical-align: top;cursor: pointer;}
.agree_box p{padding-left: 10px;display: inline-block; vertical-align: top;font-size: 17px;font-weight: bold;color: #4d4d4d;}


input[id="info_chk"]:checked+label {
    background: url(../img/blue_check.png) no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
}


/*02 비밀번호*/
.eventForm_box02{    word-break: keep-all;}
.agree_box_01{padding-bottom: 5px !important;}
.eventForm_box02_pd {  padding-left: 0px;}
.eventForm_box02_pd .agree_box_sub_txt{  padding-bottom: 20px;    display: inline-block;}
.eventForm_box02_pd .agree_box_sub_txt ul li{line-height: 1.5;display: inline-block;font-size: 15px;     font-weight: normal;color: #b5b5b5;}
/* .eventForm_box02_pd >  .agree_box_sub_txt ul li::before{content:"※";font-size: 16px; color: #b5b5b5;padding-right: 5px;} */
/* .agree_box_sub_txt_content01 ul li:first-child::before{content:"※";font-size: 16px; color: #b5b5b5;}
 .agree_box_sub_txt_content02 ul li:first-child::before{content:"※";font-size: 16px; color: transparent;} */
.eventForm_box02_pd .box .ip_box p{font-size: 16px !important;color: #b5b5b5 !important;}
.box_pw {
    padding: 50px 0;
    border-top: 1px solid #acacac;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.box_pw p {display: flex;align-items: flex-end;padding-right:30px;}
.box_pw p img{padding-right:10px}
.sub_txt_red16 {
    font-size: 14px !important;
    color: #ce8f8f !important;
    display: inline-block;
}

/*비번 눈*/

.ip_box {position: relative;}


div.box_pw i {    
	width: 30px;
    position: absolute;
    right: 20px;
    height: 60px;
    line-height: 60px;
    top: 0;
    transform: translateY(0);
    color: #909090;
    font-size: 30px;
    cursor: pointer;
}
 .ins_sub_txt_flex li::before{
    content: "※";
    font-size: 16px;
    color: #ce8f8f;
    padding-right: 5px;
}

/*약속 문구*/

.description_wrap{
	display: flex;
    margin-bottom: 50px;
	    margin-top: 20px;
}
.redtext span{
	display:inline-block;
	color: red;
	font-size: 14px;
	margin-right: 8px;
	line-height: 28px;
}
.description_text p{
	font-size: 14px;
	line-height: 28px;
	color: #848484;
	word-break: keep-all;
}


/*동의내용*/
.agree_cont{padding: 30px 15px;background: #fafafa;font-size: 14px;line-height: 1.5;    word-break: keep-all;}
.agree_cont ul{padding-bottom: 30px;}
.agree_cont ul:last-child{padding-bottom: 0;}
.agree_cont p{font-weight: bold; color: #5e5e5e;}
.agree_cont ul li{display: inline-block;color:#848484;}


.agree_pc .agree_cont ul {
    padding-bottom: 30px;
    width: 55%;
    display: block;
/*     margin: 0 auto; */
    text-align: left;
}

/*접수하기버튼*/
.agree_btn{width: 280px; height: 60px; line-height: 60px;text-align: center;  margin: 50px auto 0;background: #6f97c4; }
.agree_btn a{display: block; color: #fff;font-size: 19px;}
.agree_btn:hover{background: #5c8ec5;}


/*파일업로드*/
.file_upBox{height: 60px; }
.file_input_textbox{float:left;    height: 100%;     width: calc(100% - 100px); border:1px solid #f2f2f2;padding: 25px;}

.file_input_div{    display: inline-block;position:relative;width:100px;height:60px;overflow:hidden;cursor: pointer;}

.file_input_button{width:100px;height: 60px;position:absolute; top:0px; background-color:#9e9e9e; color:#fff;  border: none; cursor: pointer;}

.file_input_hidden{font-size:45px; position:absolute; right:0px; top:0px; opacity:0; 

filter:alpha(opacity=0); 

-ms-filter:"alpha(opacity=0)"; 

-khtml-opacity:0; 

-moz-opacity:0;}

.file_upBox_mo {display:none !important; font-size: 15px;color: #b9b9b9;}
.file_upBox_mo .file_upBox_p01::before{content:"*";  font-size: 15px;color: transparent;}


.file_upBox_B{padding-top:20px; display:flex;flex-direction: column;}
.file_upBox_B p{display:inline-block; font-size: 15px;color: #b9b9b9;}
.file_upBox_p::before{content:"*";  font-size: 15px;color: #b9b9b9;}
.file_upBox_p01::before{content:"*";  font-size: 15px;color: transparent;}
.file_upBox_S {display:none;  font-size: 15px;color: #b9b9b9;}
.file_box .list li{}
/*다이소*/
.wrap-attach {
    position: relative;
    width: 100%;
    padding-bottom: 55px;
}
.wrap-attach .ui-attach-btn {
    float: left;
    position: relative;
    width: 100px;
}
.wrap-attach .ui-attach-btn .input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
     opacity: 1; /**/
    border: 0;
    background-color: rgba(255,255,255,0);
    cursor: pointer;
}
.wrap-attach .ui-attach-btn .label {
    display: block;
    position: relative;
    z-index: 1;
    line-height: 36px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    border-bottom-left-radius: 8px;
    background-color: #555;
}

.wrap-attach .attatched {
    float: right;
    width: calc(100% - 110px);
}
.wrap-attach .attatched .note {
    font-size: 15px;
    line-height: 18px;
    color: #b9b9b9;
    text-align: left;
    padding-left: 1em;
    text-indent: -1em;
    word-break: keep-all;
}


.wrap-attach .attatched .list li {
    position: relative;
    padding-right: 46px;
    border-radius: 3px;
    background-color: #e5e5e5;
    height:36px; 
     background-color: #555;font-size: 15px;
     padding: 0 0 0 14px;
     line-height:36px
}
.wrap-attach .attatched .list li span {
    display: block;
    height: 36px;
    padding: 0 0 0 14px;
    line-height: 36px;
    font-size: 1.3rem;
    color: #e1141c;
    overflow: hidden;
}
.wrap-attach .attatched .list li .del {
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    height: 36px;
    border: 0;
    background: url(/resources/serviceForm/img/close.png) 50% 50% no-repeat;
    background-size: 8px 8px;
}

.a11y {position:absolute; left:0; width:0; height:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px)}

.wrap-attach {position:relative; width:100%; padding-bottom:55px}
.wrap-attach:after {content:''; display:block; clear:both;}
.wrap-attach .ui-attach-btn {float:left; position:relative; width:100px}
.wrap-attach .ui-attach-btn .input {position: absolute; left:0; top:0; width:100%; height:100%; opacity:0 ; border:0; background-color:rgba(255,255,255,0); cursor:pointer;}
.wrap-attach .ui-attach-btn .label {display:block; position:relative; z-index:1; line-height:36px; text-align:center; color:#fff; border-bottom-left-radius:8px; background-color:#555}
.wrap-attach .attatched {float:right; width:calc(100% - 110px)}
.wrap-attach .attatched .list li {position:relative; padding-right:46px; border-radius:3px; background-color:#e5e5e5;}
.wrap-attach .attatched .list li ~ li {margin-top:8px}
.wrap-attach .attatched .list li:last-child {margin-bottom:15px;}
.wrap-attach .attatched .list li .del {position: absolute; right:0; top:0; width:36px; height:36px; border:0; background:url(/resources/serviceForm/img/close.png)no-repeat 50% 50% no-repeat; background-size:8px 8px;}
.wrap-attach .attatched .list li span {display:block; height:36px; padding:0 0 0 14px; line-height:36px; font-size:1rem; color:#e1141c; overflow:hidden;}
.wrap-attach .attatched .note {/* font-size:1.3rem; */ line-height:18px; color:#717171; text-align: left; padding-left:1em; text-indent:-1em;}
/* .wrap-attach > a {display:inline-block; margin-top:15px; margin-left:110px; min-width:210px; color:#fff; font-size:15px; line-height:40px; text-align:center; background:#e1141c; border-bottom-left-radius:10px} */
.wrap-attach > a {display:inline-block; position:absolute; bottom:0; left:110px; min-width:210px; color:#fff; font-size:15px; line-height:40px; text-align:center; background:#e1141c; border-bottom-left-radius:10px}
.wrap-form .note-req {margin-top:-11px; margin-bottom:14px; text-align:center}
.wrap-form .note-req .note {display:inline-block; padding:0 32px; line-height:22px; font-size:1.3rem; font-weight:normal; color:#fff; background-color:#e1141c;}
.wrap-form .group-form {padding:54px 0}
.wrap-form .group-form ~ .group-form {border-top:1px dashed #ddd}
.wrap-form .group-form:after {content:''; display:block; clear:both;}
.wrap-form .group-form h3 {float:left; width:200px; padding:5px 0; line-height:36px; text-align:left; font-size:2rem; font-weight:500;}
.wrap-form .ui-button-submit {display:block; width:300px; margin:20px auto 0; border:0; border-bottom-left-radius:10px; background-color:#e1141c; color:#fff; font-size:2rem; line-height:50px; cursor:pointer}
.group-form .tbl-form {float:left; width:calc(100% - 200px);}
.group-form .tbl-form tr th {width:160px; padding:5px 0; line-height:36px; font-size:1.6rem; color:#717171; font-weight:normal; text-align:left;}
.group-form .tbl-form tr th .req {padding-left:.6rem; font-size:1.6rem; color:#e1141c; font-weight:normal;}
.group-form .tbl-form tr td {position:relative; padding:5px 0; vertical-align:middle; font-size:1.5rem; color:#717171}
.group-form .tbl-form tr td .ui-input-radio ~ .ui-input-radio {margin-left:36px;}
.group-form .tbl-form tr td .unit {display:inline-block; padding:0 10px; line-height:36px; font-size:1.5rem; font-weight:normal; text-align:center;}
.group-form .tbl-form tr td.row-email > * {float:left}
.group-form .tbl-form tr td.row-email .ui-input-text {width:30%}
.group-form .tbl-form tr td.row-email .unit.email {width:36px; padding:0}
.group-form .tbl-form tr td.row-email .ui-select-basic {float:right; width:calc(40% - 47px)}
.group-form .tbl-form tr td.row-phone > * {float:left; width:135px}
.group-form .tbl-form tr td.row-phone > * ~ * {margin-left:10px}
.group-form .tbl-form tr td.row-address > span,
.group-form .tbl-form tr td.row-address > input {float:left; width:calc((100% - 10px) / 2)}
.group-form .tbl-form tr td.row-address > * ~ * {margin-left:10px}
.group-form .tbl-form tr td.row-disabled > * {float:left}
.group-form .tbl-form tr td.row-disabled .ui-select-basic {width:38%}
.group-form .tbl-form tr td.row-disabled .ui-select-basic:nth-of-type(1) {margin-right:10px; width:22%}
.group-form .tbl-form tr td.row-disabled .ui-input-text {width:calc(40% - 44px)}
.group-form .tbl-form tr td.row-num > * {float:left}
.group-form .tbl-form tr td.row-num > input {width:135px}
.group-form .tbl-form tr td.row-type span:last-child {display:inline-block; margin-left:15px; width:calc(100% - 338px)}
.group-form .tbl-form tr td.row-type span:last-child input {width:100%}
.group-form.agree .tbl-form tr td {padding:10px 0}




@media all and (max-width:1200px){
	.affiliations_1200{width: 100%;    padding: 0 20px;}
}

@media all and (max-width:1000px){
.affiliations_arrow_box_PC{display: none;}
.affiliations_arrow_box_MO{width: 400px;display: block;margin: 0 auto;}
.affiliations_arrow_box_MO .affiliations_arrow {}
.affiliations_arrow_box_MO .affiliations_arrow_img {    display: inline-block;padding: 0;}

.affiliations_arrow_box_001{}
.affiliations_arrow_box_block{display:flex;    align-items: center;text-align: left;justify-content: space-between	}
.affiliations_arrow_img{padding: 0px 20px !important;}
.affiliations_arrow_box_trans .affiliations_arrow_img  img{transform: rotate(90deg);}
.affiliations_arrow_img03 img{transform: rotate(180deg);}

.affiliations_arrow_box_trans{padding: 10px 0;}
.affiliations_arrow_box_trans01{    padding-right: 55px; justify-content: flex-end;}
.affiliations_arrow_box_trans01 img{padding: 0 !important;} 
.affiliations_arrow_box_trans02{    padding-left: 55px;justify-content: flex-start;}
.affiliations_arrow_box_trans02 img{padding: 0 !important;}
}

@media all and (max-width:820px){
	.affiliationsWrap{width: 100%;}
}
@media all and (max-width:775px){
	.affiliationsWrap{width: 100%;}
	.title_t{width: 150px;}
	.file_upBox_B {display:none !important}
	.file_upBox_mo {display:block !important ;    word-break: keep-all;}
	.file_upBox_mo .file_upBox_p {display: flex;}
	.agree_cont ul li{display: contents;}
}


@media all and (max-width:600px){ /*반응형*/
	.requiredMark {font-size: 15px;}
	.compliment_mo_bg{display: block;position: relative;font-size: 0;}
	.compliment_mo_bg img{width: 100%;}
	.compliment_mo_txt{position: absolute;top:25px;left: 20px;}
	.compliment_mo_txt h2{font-size: 30px; color: #fff;padding-bottom: 25px;}
	.compliment_mo_txt p{font-size: 17px; color: #fff; line-height: 1.5;}
	.affiliations_cont01 .title h2 , .affiliations_cont02 .title h2{padding-bottom: 50px !important}



	.affiliationsWrap{padding: 20px 20px 60px 20px;background: #f5f5f5;}
	.affiliationsWrap_bg{padding: 0;}
	.title_t{padding-bottom: 10px; font-size: 15px; font-weight: bold;}
	.affiliationsWrap .box{flex-direction: column;}
	.affiliationsWrap .box .ip_box {width: 100%;}
	.affiliationsWrap .box .C60_box{padding: 25px 10px;}
	textarea {max-width: 100% !important;}
	.affiliationsWrap .box .C60_box { height: 50px;  font-size: 14px;}
	.agree_btn a {font-size: 16px;}

	.agree_pc{display: none;}
	.agree_mo{display: block;padding-top: 60px;}
	.affiliations_cont02{padding-bottom: 55px;}
	.affiliations_cont02 .affiliations_cont_txt{width: 400px;}
	.affiliations_cont02 .affiliations_cont_txt p {display: block;}

	.affiliations_cont02 .affiliations_cont_txt ul li{display: flex;flex-direction: inherit;align-items: flex-start;    word-break: keep-all;}
	.affiliations_cont02 .affiliations_cont_txt li.affiliations_cont_txt01::before , .affiliations_cont02 .affiliations_cont_txt li.affiliations_cont_txt02::before{width: 140px;}
	.affiliations_cont02 .affiliations_cont_txt{line-height: 1;}
	.affiliations_cont02 .affiliations_cont_txt > p , .affiliations_cont02 .affiliations_cont_txt  > ul{padding-bottom: 15px;}
	.affiliations_cont02 .affiliations_cont_txt li {line-height: 1.5;}
	.affiliations_cont02 .affiliations_cont_txt li:last-child{padding-left: 10px;}
	
	.contain {padding-bottom: 0px;}
	.formInfo .title {padding-bottom: 5px;}
	.title h3 { font-size: 18px;font-weight: bold; display: inline-block;word-break: keep-all;line-height: 1.2;}


	.Atitle_txt_Box {display: none;}
	.affiliations_box01{padding-bottom: 0;}
	.box_sel .title_t {width: 100% !important; display: block !important;}
	.contain1004_checkbox {width: 100%;height: 40px;display: flex;align-items: center;letter-spacing: -1px;justify-content: space-between;align-content: flex-end;}
	.contain1004_txt {display: flex;align-items: center;}
	.contain1004_look a {display: block;color: grey;letter-spacing: -1px;font-size: 16px;}
	.contain1004_look p.display_n{display: inline-block;}
	input[id="info_chk"]{display: none;}
	input[id="info_chk"]+label {background: url(../img/grey_check.png) no-repeat; display: block;background-size: cover;width: 20px;height: 20px;}
	.contain1004_txt p {font-size: 16px;display: inline-block;vertical-align: top;    padding-left: 10px;}
	

	.affiliations_1200 .affiliations_cont01 .icon_center{width: 100%;flex-direction: column;   }
	.affiliations_cont01{padding-bottom: 75px;    padding-top: 40px;}
	.affiliations_cont01 .icon_box:first-child{padding-bottom: 50px;}

	.file_upBox ,.file_input_div , .file_input_button{height: 50px; }
	.agree_btn { width: 100%;}
	
	.affiliations_cont01 .icon_box .icon_box_img{height:auto}
	.affiliations_cont01 .icon_box p{    padding-top: 20px;padding-bottom: 10px;}
	
	/*비밀번호*/
	.box_pw {padding-top: 40px !important;}
	div.box_pw i {
    font-size: 5vw;
    height: 50px;
    line-height: 50px;
}


}

@media all and (max-width:470px){
.affiliations_arrow_box_MO , .affiliations_cont02 .affiliations_cont_txt{width: 100%;}
.affiliations_arrow_box .affiliations_arrow p{font-size: 15px;}
.affiliations_arrow_box .affiliations_arrow {width: 37vw;}
.affiliations_arrow_box_trans01{padding-right: 13%;}
.affiliations_arrow_box_trans02{padding-left:13%;}
}


@media all and (max-width:455px){
	.contain1004_checkbox {width: 100%}

	.affiliations_cont02 .affiliations_cont_txt p {
    display: inline-block;
}
.affiliations_cont02 .affiliations_cont_txt ul li {
  display: block;}
.affiliations_cont02 .affiliations_cont_txt ul li:first-child::before{display: none;}
.affiliations_cont02 .affiliations_cont_txt li:last-child{padding: 0;}
}


@media all and (max-width:416px){
  .description_text p{  line-height: 24px;}
    }
    
@media all and (max-width:400px){
	.compliment_mo_txt h2 {font-size: 8vw;padding-bottom: 10%;}
	.compliment_mo_txt p {font-size: 4vw;}
	.affiliations_arrow_box_trans01{padding-right: 13%;}
	.affiliations_arrow_box_trans02{padding-left:13%;}
	.affiliations_arrow_box .affiliations_arrow {width: 100%;}
	.affiliations_cont02 .affiliations_cont_txt ul:last-child li{display: contents;}
	
	.wrap-attach .attatched {width: 100%;padding-top: 10px;}
    
    
}

@media all and (max-width:380px){
	.file_upBox_S { display: contents;}
	.file_upBox_mo .file_upBox_p01{display:none}
	.file_upBox_mo .file_upBox_p{display: contents;}
	.sub_banner_bg .banner_txt p{font-size:4vw}
}

@media all and (max-width:370px){
  .description_text p{  line-height: 20px;}
    }

@media all and (max-width:330px){
	
	.title h3 {display: initial;font-size: 15px;}
	.contain1004_checkbox {width: 100%;}
/* 	.contain1004_look .display_n {display: none;} */
	.contain1004_look a{font-size: 4vw;}
	.contain1004_checkbox, .contain1004_txt p {font-size: 4vw;}
	.agree_btn {width: 100%;}
	
	.category01{padding-right:20px !important}
}

@media all and (max-width:640px){
	.wrap-attach .attatched .note {
    font-size: 11px;
}
.wrap-attach .ui-attach-btn .label, .wrap-attach .attatched .list li span {
    font-size: 11px
}

	
}