/* 공통(모바일 위주) */


/* 3. 기탁절차 */
.procure_process .sub_contents_sec {background: url('../images/sub2_contents_bg2.png') no-repeat left bottom; background-size: 300%;}
.sub1_img img {width: 100%;}
.sub2_img {text-align: center;}
.sub2_img img {width: 100%;}
.sub2_txt {padding-top: 20px;}
.sub2_dw {position: absolute; right: 0; top: 0;}
.sub2_dw a {display: inline-block;  width: 140px; height: 40px; border: 1px solid #0e476d; font-size: 1em; line-height: 2.2; text-align: center;}
.dw1 {right: 180px;}
.dw2 {right: 0;}
.sub_list {line-height: 2; font-size: 1.1em; font-weight: 300;}
.sub_list div {font-weight: 500;}
.sub_contents2 li:nth-of-type(1) {text-indent: 20px;}
.sub_contents2 li:nth-of-type(2) {text-indent: 20px;}
.sub_list2 {padding-top: 10px;}
.sub_list2 li:nth-of-type(4)  {text-indent: 20px;}
.sub_list2 li:nth-of-type(5)  {text-indent: 20px;}
.sub_list2 li:nth-of-type(6)  {text-indent: 20px;}
.sub_list_img {margin-bottom: 20px; text-align: center;}
.sub_list_img div {padding-top: 10px; text-align: center;}

/* 모바일까지 ~767px */
@media screen and (max-width: 767px) {
    .sub1_img img {max-width: 530px;}
    .sub2_img img {max-width: 530px;}
    .sub2_dw {position: inherit; float: left; left: 0; top: 20px; margin: 0 20px;  }
    .sub2_dw a {display: block; width: 120px; height: 35px; line-height: 2.2; border: 1px solid #0e476d; font-size: 0.9em; text-align: center;}
    .dw1 {left: 0; right: 0;}
    .sub_list {font-size: 0.9em;}
}

/* 태블릿 부터 768px~ */
@media screen and (min-width: 768px) {
    .sub_list_img {float: right; margin: 0 0 20px 20px;}
}

/* 태블릿만 768px ~ 1279px */
@media screen and (min-width: 768px) and (max-width: 1279px) {
    .procure_process .sub_contents_sec {background-size: 200%;}
    .sub2_img img {max-width: 530px;}
}

/* pc 1280px~ */
@media screen and (min-width: 1280px) {
    .procure_process .sub_contents_sec {background-size: 100%;}
    .sub1_img {width: 90%;}
}