@charset "UTF-8";

#sub { line-height:1.35em}
.recruit_view,.search_list,.form_view,.payment,.skill_view {margin-top:60px }
.form_write,.form_list,.wish,.offer,.form_list2,.manager_list,.message,.modi {margin-top:60px;}
.qna,.faq,.about,.other,.etc {margin-top:60px }
 .skill_list {margin-top:35px}
.id_search,.join,.login  {margin-top:80px }

@media all and (max-width:640px) {
	.id_search,.join,.login  {margin-top:60px }
.recruit_view,.search_list,.form_view,.payment,.skill_view {margin-top:40px }
.form_write,.form_list,.wish,.offer,.form_list2,.manager_list,.message,.modi {margin-top:40px;}
.qna,.faq,.about,.other,.etc {margin-top:40px }

 }
 
 /*공통*/

 #mypage {background-color:#eaeaea}

.view {  font-size:0;}
.view .title {width:100%; display:flex;    align-items:center;   justify-content:space-between; padding:10px 0; border-top:1px solid #b5b5b5;  border-bottom:1px solid #b5b5b5;   margin-top:20px; margin-bottom:50px; font-size:1rem}
.view .title h4 span.s_t {font-weight:500; font-size:1rem; width:100%; display:inline-block;  }

.view .title .title_img_box {display:flex; align-items:center;   }

.view .info_text_box {width:55%; }

/*공통 모든페이지 view 공고작성페이지 이력서작성페이지 */

.info_text_box { display:inline-block;    font-size:0.95rem; vertical-align:top;  box-sizing:border-box}
.info_text_box h5 {font-size:1.1rem; width:100%; display:inline-block; box-sizing:border-box; border-left:3px solid #333; padding-left:10px; margin-bottom:17px; line-height:13px; margin-top:3px;}
.info_text_box h5 span {line-height:13px}
.info_text_box table {width:100%;  }
.info_text_box th {width:22%;  font-weight:600;  vertical-align:top; text-align:left; padding:3px; padding-left:13px }
.info_text_box .type2 th {padding-left:0}
.info_text_box td {font-size:0.95rem; width:78%; padding:3px; 
 /* word-wrap: break-word;      
  white-space: -moz-pre-wrap;  
  white-space: pre-wrap;     */
  padding-left:0; color:#444 }
  .info_text_box td p {width:100%; word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;   }


.info_text_box td table th {padding:5px; padding-left:0}
.info_text_box td table td {padding:5px;}
.info_text_box table tr:first-child th {padding-top:0; }
.info_text_box table tr:first-child td {padding-top:0;}
.info_text_box table tr:last-child th {padding-bottom:0;}
.info_text_box table tr:last-child td {padding-bottom:0;}


.info_text_box dl {width:100%; display:flex}
.info_text_box dl dt {width:100px;    font-weight:600;  vertical-align:top; text-align:left; padding:3px; padding-left:13px; }
.info_text_box dl dd  {font-size:0.95rem; width:calc(100% - 120px); padding:3px; 
  word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
  padding-left:0; color:#444;  }
.info_text_box dl dd.company_photo { }
.info_text_box dl dd.company_photo img { }


.info_text_box table.write th {vertical-align:middle; padding:4px; padding-left:13px;   }
.info_text_box table.write td {padding:4px; padding-right:0}

.full_size table.write th {padding-left:0;  }
.info_text_box table.write td div.border_box {min-height:57px; }

.info_text_box .text_box  {width:100%; box-sizing:border-box; padding-left:13px; font-size:0.95rem; color:#444}
.file_value1 {width:100%; background-color:#f1f1f1; font-size:.93rem; color:#555; padding: 13px 20px; box-sizing:border-box; display:inline-block}


@media all and (max-width:1100px) {
.info_text_box {overflow:hidden}
	.info_text_box th {width:30%;}
	.info_text_box table.write th {width:30%;  }
    
}

@media all and (max-width:800px) {
	.view .title {padding:15px 0; }
	.info_text_box h5 {font-size:1.05rem;    }
	.info_text_box th {width:20%;   }
	.info_text_box table.write th {width:20%;  }
    .view .title .title_img_box {width:100% }
    /*왼쪽 버튼들 100%로*/
	.view  .right_btn_all { flex-wrap:wrap;}
    .view  .right_btn_all .right_btn {width:100% !important; margin-top:10px}
}
@media all and (max-width:640px) {
    
	.info_text_box th {width:30%;   }
	.info_text_box table.write th {width:30%;  }
	.info_text_box table.write table th  {width:40%}
}

div.info_text_box .con_wrap {width:100%; display:inline-block;   }
div.info_text_box .con_wrap h5 {width:22%; float:left; margin-top:7px;  }
div.info_text_box .con_wrap .right_box  {width:78%; float:right; color:#555 }

@media all and (max-width:1100px) {
	div.info_text_box .con_wrap  h5 {width:30%;}
	div.info_text_box .con_wrap .right_box  {width:70%; }

}

/*이력서 폼*/

.form_view_box  {border:1px solid #b5b5b5; background-color:#fff; margin-top:20px; width:100%; display:inline-block; border-top:none;  }
.form_view_box .title {margin:0;  padding:13px 25px; box-sizing:border-box;  }
.form_view_box .title .title_img   {width:90px; margin-right:2vw;  overflow:hidden }
.form_view_box .title .title_img img {width:90px;  height:90px;  border-radius:50%; }
.form_view_box .title h4 {font-size:1.45rem; }
.form_view_box .title .right_btn {width:250px;    text-align:right;  }
 
  

div.info_text_box .con_wrap2 {width:100%; display:flex; align-items:flex-start;  }
div.info_text_box .con_wrap2  h5 {width:50%; margin-bottom:0;}
div.info_text_box .con_wrap2 .right_box  {width:50%; text-align:right;    }

div.info_text_box .con_wrap3 {width:100%; display:flex;  justify-content:space-between; align-items:flex-start;    }
div.info_text_box .con_wrap3 h5 {width:30%; margin-bottom:0;}
div.info_text_box .con_wrap3 .file_value {width:50%; font-size:0.9rem; color:#444; line-height:1.2em; text-align:right; align-self:center}
div.info_text_box .con_wrap3 .file_value2 {width:65%;  font-size:0.9rem; color:#444; line-height:1.2em ;  }
div.info_text_box .con_wrap3 .right_box  {width:110px; text-align:right;    }
div.info_text_box .con_wrap3 .right_box .basic_btn  {width:100px; padding:0}

.info_text_box  .support_fund_bn {background-color:#fff; border:1px solid #b5b5b5;   box-sizing:border-box; display:inline-block; padding:20px; position:relative;   width:100%; border-radius:5px; }
.info_text_box  .support_fund_bn h4 {width:100%; display:inline-block; padding-bottom:10px; font-size:1.1rem}
.info_text_box  .support_fund_bn div.t_box {width:80%;   padding-left:10px;  font-size:1rem}
.info_text_box  .support_fund_bn div.t_box p {width:100%; display:inline-block; padding-top:5px;    }
.info_text_box  .support_fund_bn div.t_box p span {border-bottom:2px solid #333; width:110px; text-align:Center; display:inline-block; font-size:1.3rem; font-weight:500 }
.info_text_box  .support_fund_bn div.t_box input {border:1px solid #ddd; height:30px; padding-left:10px; width:50%}
.info_text_box  .support_fund_bn .support_fund_bn_in  {width:100%;  display:flex; align-items:center}

.pc-col-2 div.info_text_box {padding:30px;}
.pc-col-2 div.info_text_box:first-child {border-right:1px solid #b5b5b5}


 

@media all and (min-width:800px) {
	.info_text_box  .support_fund_bn .support_fund_bn_in  {height:120px;}
	.form_view_box  .pc-col-2 .col-2-in {width:50% !important; }

}


 @media all and (max-width:1200px){
	div.info_text_box .con_wrap3 {flex-wrap:wrap;    }
	div.info_text_box .con_wrap3  h5 {width:50%;  order:1;  }
	div.info_text_box .con_wrap3 .file_value {width:100%;  order:3;  margin-top:5px; text-align:left;   align-self: flex-start }
	 
	div.info_text_box .con_wrap3 .file_value2 {width:100%;  order:3;  margin-top:10px  }
	div.info_text_box .con_wrap3 .right_box  {width:40%;   order:1  }
 
}


@media all and (max-width:1024px) {
	.pc-col-2 div.info_text_box {padding:25px 20px}
 }


@media all and (max-width:800px){
	.form_view_box .title {padding:15px 17px;}
   
	.pc-col-2 div.info_text_box {padding:20px;}
	.pc-col-2 div.info_text_box:first-child {border-right:none}

	div.info_text_box .con_wrap  h5 {width:50%;  }
	div.info_text_box .con_wrap .right_box  {width:100%;  padding-left:10px; box-sizing:border-box; }
	.info_text_box  .support_fund_bn div.t_box {font-size:.93rem}
  
   }
 
@media all and (max-width:640px){
	.form_view_box .title h4 {font-size:1.2rem; }
}

/**/

.write_box  {width:100%; box-sizing:border-box; border-radius:3px; border:1px solid #b5b5b5;  display:inline-block; background-color:#fff;  padding:30px; }
.write_box2  { padding:20px 30px; }
.write_box .b_t input {vertical-align:1px; margin-right:3px;   }

@media all and (max-width:1024px) {
	.write_box  {padding:25px 20px;}
	.write_box2  {  padding:15px 20px}
 }

 
@media all and (max-width:640px) {
	.write_box  {padding:20px;}
	.write_box2  {  padding:15px 15px;  }
 }

/**/


.price {font-size:1.2rem; color:#333; font-weight:500}
.price b {color:red}
.price span {color:#777; font-size:0.7em}

.top_bn {width:100%; display:inline-block; margin-bottom:30px;}

.level {width:100%; display:inline-block}
.level li {width:13px; height:13px; border:1px solid #333; display:inline-block; }
.level.lv1 li:nth-child(1) {background-color:#00479d}

.level.lv2 li:nth-child(1) {background-color:#00479d}
.level.lv2 li:nth-child(2) {background-color:#00479d}

.level.lv3 li:nth-child(1) {background-color:#00479d}
.level.lv3 li:nth-child(2) {background-color:#00479d}
.level.lv3 li:nth-child(3) {background-color:#00479d}

.level.lv4 li:nth-child(1) {background-color:#00479d}
.level.lv4 li:nth-child(2) {background-color:#00479d}
.level.lv4 li:nth-child(3) {background-color:#00479d}
.level.lv4 li:nth-child(4) {background-color:#00479d}

.level.lv5 li {background-color:#00479d}
 

.tool_div {width:40%; display:inline-block; padding-bottom:6px}
.tool_div span.tool_tt {width:30%; float:left}
.tool_div .level {width:70%}



 @media all and (max-width:800px) {
	 .level li {width:8px; height:8px; }

}
.skil_check {width:13px; height:13px; border:1px solid #333; display:inline-block; vertical-align:middle; }
.skil_check_ov {width:13px; height:13px; border:1px solid #00479d; background-color:#00479d; display:inline-block; vertical-align:middle;}



/*채용공고*/
 
 .recruit_view .title .right_btn {width:250px;    text-align:right;  }
 .recruit_view .title .right_btn  a:nth-child(2) {margin-top:5px}

.recruit_view .right_box {width:40%; float:right; display:inline-block;  box-sizing:border-box; font-size:1rem ; vertical-align:top}
.recruit_view .right_box .support_fund_bn {background-color:#ffd200; box-sizing:border-box; display:inline-block; padding:20px; position:relative;   width:100%; }
.recruit_view .right_box .support_fund_bn h5 {width:100%; display:inline-block; padding-bottom:10px;font-size:1.1rem}
.recruit_view .right_box .support_fund_bn .support_fund_bn_in {display:flex; width:100%; justify-content:space-between ;  align-items:center}
.recruit_view .right_box .support_fund_bn img.icon {width:21%}
.recruit_view .right_box .support_fund_bn div {width:70%;  box-sizing:border-box; padding-right:3%; font-size:0.93rem ; color:#333}
.recruit_view .right_box .support_fund_bn p {width:100%; display:inline-block;  }
.recruit_view .right_box .support_fund_bn p b {font-size:1.15rem}

.recruit_view .right_box .support_fund_bn_off  {background-color:#f1f1f1;}
.recruit_view .right_box .support_fund_bn_off div {  color:#777}
.recruit_view .right_box .support_fund_bn h5 {color:#555}

.recruit_view .right_box .box {border:1px solid #b5b5b5; box-sizing:border-box; display:inline-block; padding:20px; position:relative; margin-top:20px;  width:100%; }
.recruit_view .right_box .box .box {margin-top:10px}
.recruit_view .right_box .box h5 {font-size:1.1rem; padding-bottom:10px}
.recruit_view .right_box .box dl {width:100%;  display:flex; align-items:top; margin:5px 0}
 .recruit_view .right_box .box dl dt {width:30%; font-size:0.95rem; color:#666; }
.recruit_view .right_box .box dl dd {width:70%; font-size:0.95rem; color:#444 }
.recruit_view .right_box .box dl dd a {color:#444 !important}
.recruit_view .right_box .box dl dd a:hover {color:#006ce5 !important; text-decoration:underline}
.recruit_view .right_box .box dl dd p {display:inline-block; padding-right:10px; }
.recruit_view .right_box .box dl dd.skil_check_dd   {margin-bottom:-3px;}
.recruit_view .right_box .box dl dd.skil_check_dd p {margin-bottom:3px;}

.recruit_view .right_box .box  .compnay_logo {position:absolute; right:20px; top:20px; width:70px; height:70px; display:inline-block; z-index:999999 }
.recruit_view .right_box .box dl dd .label  {margin-right:0}


.recruit_view .right_box:after  {clear:both;}
.recruit_view .right_box .slider div.box {background: #ddd;
    color: #3498db;
      width:100%; 
    padding:0;  
    text-align: center;}
.recruit_view .right_box .slider div.box p {width:100%; padding-bottom:60%; display:inline-block}


.recruit_view .right_box .slider div.box2 {background: #f1f1f1;
    color: #3498db;
    font-size: 36px;
    line-height: 100px;
     padding: 2%;
    position: relative;
    text-align: center;}


 

 @media all and (max-width:800px) {
	.recruit_view .title  {margin-bottom:20px;  }
	.recruit_view .title h4 { width:100%}
	 
	.recruit_view .title .right_btn  a:nth-child(2) {margin-top:0}
	.recruit_view .title .medium_btn {width:49%; line-height:37px;float:left; border-radius:0}
	.recruit_view .title .medium_btn:last-child { float:right; margin-top:0}
	.recruit_view .info_text_box {width:100%; }
	.recruit_view .right_box  {width:100%; margin-top:30px}

 }

 
/*스킬업*/


.skill_view .title h4 { width:100%}

.skill_view {  font-size:0;}
.skill_view .title {width:100%; margin-bottom:30px; border-bottom:2px solid #333;  }
 
.skill_view .info_text_box {width:66%; float:right; display:inline-block; font-size:1rem; vertical-align:top}

.skill_view .left_box {width:30%;  display:inline-block;  box-sizing:border-box; font-size:1rem ; vertical-align:top;  }
 .skill_view .left_box img.tit_img {width:100%;   margin-bottom:15px;  }

.skill_view .left_box .box  {box-sizing:border-box; display:inline-block;     width:100%; }
.skill_view .left_box .box h5 {font-size:1.2rem; padding-top:20px; display:inline-block; }
.skill_view .left_box .box ul {width:100%; display:inline-block;margin-top:20px;}
.skill_view .left_box .box ul li {width:100%; color:#444; display:inline-block; font-size:0.93rem; border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:5px; letter-spacing:-0.3px}
.skill_view .left_box .box ul li span.icon {width:20px; display:inline-block; text-align:center}
.skill_view .left_box .box a.basic_btn2 {width:100%; margin-top:20px} 



@media all and (max-width:800px) {
	.skill_view .info_text_box {width:100%;   margin-top:30px}
	.skill_view .left_box  {width:100%;}
	.skill_list ul.list2 li span.m_br {border-top:3px solid #fff }

}


/*인재검색*/

.search_list ul.list li {padding:20px;  }
.search_list ul.list li div.info_t {width:100%; margin-left:0; }
.search_list ul.list li div.info_t h4 {margin-bottom:8px}

@media all and (max-width:800px){
	.search_list ul.list li {padding:20px}
  
}


/*마이페이지*/
 
.mypage_menu {width:100%; display:flex; margin-top:20px}
.mypage_menu li {width:10%; display:flex; align-items:center;  box-sizing:border-box;  padding:15px 0; border-radius:5px; position:relative}
.mypage_menu li img {margin-bottom:10px}
.mypage_menu li.ov {background-color:#ffd200; }
 .mypage_menu li a {width:100%;   font-size:1.05rem;  display:inline-block; text-align:center;  font-weight:600; color:#333 !important; }

.mypage_line {margin:30px 0; background-color:#333; width:100%; height:1px ; display:inline-block}

.logout_btn {float:right; font-size:1rem; font-weight:400; margin-top:5px   }
.mypage_menu .new_label {position:absolute; right:-10px;  top:-10px; z-index:999}

@media all and (max-width:1024px){
	.mypage_menu li {width:20%;   }
 }

 
@media all and (max-width:640px) {
	.mypage_menu {display:none}
	.mypage_line {margin:20px 0;}
}

/*받은제안*/

.offer_list {width:100%; display:inline-block; }
.offer_list li {background-color:#fff; padding:30px; width:100%; display:inline-block;  box-sizing:border-box;  border-bottom:1px solid #ddd;  }
.offer_list li.off {background-color:#f9f9f9}
.offer_list li div.offer_list_in {width:61%; float:left; display:flex;    }

.offer_list li div.offer_list_in div:nth-child(1) {width:90px}
.offer_list li  div.offer_list_in div:nth-child(1) img  {width:90px; height:90px; border-radius:50%}
.offer_list li div.offer_list_in div:nth-child(2) {width:90%;  box-sizing:border-box ; margin-left:20px; }

.offer_list li div span.date {font-size:0.88em; color:#777; float:right; line-height:35px}
.offer_list li div h5 {font-size:1.25rem; line-height:1.4em; color:#333;  margin:10px 0 8px 0;}
.offer_list li div p {font-size:0.95rem; color:#555; line-height:1.5em;}

.offer_list li div.send_box {width:35%; float:right; font-size:1rem; color:#666  }
.offer_list li div.send_box  input {vertical-align:0; margin-right:2px}
.offer_list li  div.send_box textarea {width:100%; box-sizing:border-box; border:1px solid #ddd; padding:10px; display:inline-block; font-size:0.95rem; line-height:1.3em; margin-bottom:15px; height:100px;}
.offer_list li  div.send_box a.basic_btn2 {width:100%;}

@media all and (max-width:800px){

	.offer_list li { padding:20px;}
	.offer_list li div.offer_list_in {width:100%; border-right:none; justify-content:space-between   }

	.offer_list li div.offer_list_in div:nth-child(1) {width:70px}
	.offer_list li div.offer_list_in div:nth-child(1) img  {width:70px; height:70px;  }
	.offer_list li div.offer_list_in div:nth-child(2) { padding-right:0;  }
	.offer_list li div p {font-size:0.92rem; }

	.offer_list li div h5 {font-size:1.1rem;  margin:10px 0 5px 0;}
	 .offer_list li div.send_box   {border-top:none; width:100%; margin-top:20px;  }

}




.message_list {width:100%; display:inline-block; }
.message_list li {background-color:#fff; padding:20px; width:100%; display:inline-block;  box-sizing:border-box; border:1px solid #b5b5b5;  display:flex;  margin-bottom:-1px }
 
.message_list li div:nth-child(1) {width:90px}
.message_list li div:nth-child(1) img  {width:90px; height:90px; border-radius:50%}
.message_list li div:nth-child(2) {width:90%;  box-sizing:border-box ; margin-left:20px; }

.message_list li div span.date {font-size:0.88em; color:#777; line-height:25px}
.message_list li div h5 {font-size:1.25rem; line-height:1.4em; color:#333; margin-bottom:5px;}
.message_list li div p {font-size:0.95rem; color:#555; line-height:1.5em;}

 @media all and (max-width:800px){
	.message_list li div h5 {font-size:1.1rem;  }
	.message_list li div:nth-child(1) {width:70px}
	.message_list li div:nth-child(1) img  {width:70px; height:70px; }

}
/*사무실 이미지*/

.form_write .photo_sign_up {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;  }
.form_write .photo_sign_up  div  {width:48%; text-align:Center; background-color:#ddd; margin-bottom:2%;    height:123px; overflow:hidden;}
.form_write .photo_sign_up  div:nth-child(5) {margin-bottom:0}
.form_write .photo_sign_up  div:nth-child(6) {margin-bottom:0}

.form_write .photo_sign_up  div  a { line-height:123px; font-size:3rem; width:100%; display:inline-block;   color:#fff;  }
.form_write .photo_sign_up  div  img {width:100%; }
.form_write .photo_sign_up  div .black_bg {width:100%; font-size:1rem; background-color:rgba(0,0,0,.5); display:inline-block; line-height:123px; }

.form_write .profile  {font-size:1.2rem; font-weight:600;}
.form_write .profile img {width:100px; height:100px; border-radius:50px; margin-right:10px}
 

.starR {
  background-color:#fff; border: 1px solid #333;
  width: 13px;
  height: 13px;  
  display: inline-block;
  text-indent: -9999px;
  cursor: pointer; vertical-align:-3px
}
.starR.on{ background-color:#00479d;}


 @media all and (max-width:800px) {

	.form_write .profile  {font-size:1.1rem; }
	 .starR {width:13px; height:13px; }
 }



/*1대1문의*/

.policy_check {width:100%;  text-align:left; font-size:0.95rem;  display:inline-block; padding:10px; box-sizing:border-box;  background-color:#f9f9f9; color:#555;}



/*모바일서브네비*/

.navigatonBox {
 width:100%; float:left; position:relative; border-bottom:1px solid #b5b5b5; margin-bottom:40px;
}


.buttonGroup {
  overflow-x: auto;
  white-space: nowrap;

  -webkit-overflow-scrolling: touch;
}
.navButton, .option {
  display: inline-block;
  margin-right:12px;
  cursor:default;
}

.navButton {}
.navButton a {font-size:1.01em; line-height:40px; font-weight:400; color:#777; }
a.button_ov {font-weight:600; color:#333 !important;}

.navButton:last-child {
  margin-right:20px;
}
.navButton:first-child {
  margin-left:20px;
}
.optionGroup {
  width:100%;
  height:100px;
  position:absolute;
  top:50px;
  left:0;
}

.option {
  position:absolute;
  top:0;
  left:0;
  padding: 5px 10px;
  border:1px solid #DDD;
  border-radius:3px;
}

.option p {
  margin:0 0 5px;
  white-space: nowrap;
}

.option p:hover {
  background-color:#EEE;
}

.arrow {
  width:20px;
  height:17px;
  position:absolute;
  top:12px; display:none;
 }

.arrow::before {
  content:'';
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background-size:100% 100%;
  
}

.arrow.left {
  left:0;
  transform:rotate(180deg);
}
.arrow.right {
  right:0;
}

@media all and (min-width:640px) {
	.navigatonBox {display:none}
}

.basic_text {font-size:0.93rem;  color:#666}
.policy_box {width:100%;  height:150px; margin-top:10px;  overflow-y:auto}


/*결제페이지*/

.payment .box {width:100%; display:flex; align-items:center; padding:40px 0; box-sizing:border-box; border-top:1px solid #333; }
 .payment .box p.img {width:40%}
.payment .box div.box_in {width:60%; padding-left:50px; }
.payment .box div.box_in  h4 {border-bottom:1px solid #333; font-size:1.5rem; padding-bottom:10px; margin-bottom:10px; line-height:1.3em; }
.payment .box div.box_in  p.s_t {font-size:.97rem; color:#444; line-height:1.5em; width:100%; display:inline-block; margin-bottom:20px;  }
.payment .box div.box_in  div {font-size:.95rem; color:#444; line-height:1.5em; width:100%; display:inline-block; margin-top:10px; }
.payment .box div.box_in  div.border_box {padding:13px 15px}
.payment .box div.box_in div ul {width:100%;} 
.payment .box div.box_in div ul li {width:100%; margin:2px 0; display:flex; align-items:center}
.payment .box div.box_in  div ul li p:nth-child(2) { margin:5px 0;  line-height:1.3em; font-size:0.95rem; max-width:50%;  }
.payment .box div.box_in  div ul li p:nth-child(3) {margin-left:auto;  line-height:1.3em; font-size:0.95rem; }
.payment .box div.box_in  div ul li  input {   margin-top:2px;  margin-right:5px;  }

.payment .pay { font-size:2rem; font-weight:700; color:#333}
.payment .pay2 { font-size:1.15rem; line-height:1.3em;  font-weight:700; color:#333}

.payment_info_box {width:100%; box-sizing:border-box; padding:20px; background-color:#f9f9f9; border-top:1px solid #333; max-height:300px; overflow-y:auto; color:#666; }
 .payment .box2 {width:50%; border:1px solid #ddd; text-align:center; font-size:1.3rem; font-weight:600;  line-height:1.5em; box-sizing:border-box; padding:20px; margin:30px auto  }


@media all and (max-width:800px) {
	.payment .box {  display:inline-block;   padding:30px 0 30px 0;  }
	.payment .box p.img {width:70%; margin:0 auto}
	.payment .box div.box_in {width:100%; padding-left:0;  margin-top:30px;}
	.payment .box div.box_in  h4 { font-size:1.2rem;   }
	.payment .box div.box_in  p.s_t {margin-bottom:15px; font-size:0.95rem }
	.payment .box div.box_in  div { }
	.payment .pay { font-size:1.4rem; }
	 
  
	.payment .box2 {width:100%; line-height:1.3em; font-size:1.15rem}
 }


.write_wrap_box {border-top:2px solid #333; border-bottom:2px solid #333; display:inline-block; width:100%;}

.write_box_plus_input {display:flex;  align-items:flex-start}
.write_box_plus_input input {margin-top:7px; width:17px;}
.write_box_plus_input div { padding-left:10px; width:calc(100% - 17px); }
.write_box_plus_input div b.b_t {line-height:1.3em; padding-bottom:8px; display:block}


/*202203 추가분*/
.basic_info_text  {width:100%; display:inline-block; box-sizing:border-box; padding:4%; font-size:0.95rem; color:#444; line-height:1.4em;  background-color:#f9f9f9}
.basic_info_text b {font-size:1.1rem; }