@charset "utf-8";


/* 박스텍스트 */
.cnt-box {border: 1px solid #ccc; padding: 35px; box-sizing: border-box; margin-bottom: 25px;}
.cnt-box p.box-tit {position: relative; font-size: 18px; font-weight: 600; font-family: 'NotokrR'; padding-bottom: 15px; padding-left: 20px;}
.cnt-box p.box-tit::before {content: ''; position: absolute; top: 5px; left: 0; border: 5px solid #168cc3; border-radius: 50%; width: 5px; height: 5px;}

/* 리스트 */
.cont-list.step01 > li { position: relative; color: #333; padding-left: 15px; font-size: 1.067em; margin-bottom: 10px; line-height: 140%; font-family: 'NotokrR'; box-sizing: border-box;}
.cont-list.step01 > li:before { position: absolute; top: 10px; left: 0px; width: 6px; height: 2px; background: #404040; content: ""; border-radius: 0px;}
.cont-list.step01 .cont-list.step02 {padding: 5px 0px;}
.cont-list.step02 > li { position: relative; font-size: 0.933em; color: #666; padding-left: 12px; line-height: 140%; margin-bottom: 4px; font-family: 'NotokrR'; box-sizing: border-box;}
.cont-list.step02 > li::before {content: ''; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background-color: #8f8f8f; border-radius: 50%;}
.cont-list.step02 > li:last-child {margin-bottom: 0px;}

/* 다운버튼 */
.btn-wrap {text-align: center; margin-top: 40px;}
.btn-wrap a.btn-down {padding: 13px 25px; padding-left: 52px; box-sizing: border-box; line-height: 1; border-radius: 50px; background: url(" /upload_data/board_data/CNT_ATCHDOWN/174735899727249.png") no-repeat center left 26px #168cc3; transition: 0.3s ease; background-size: 21px;}
.btn-wrap a.btn-down:hover {box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2); opacity: 0.8;}
.btn-wrap a.btn-down span {color: #fff; line-height: 1; font-size: 15px;}

@media screen and (max-width:768px){
    .cnt-box {padding: 25px;}
    .cnt-box p.box-tit {font-size: 16px; padding-left: 17px; padding-bottom: 12px;}
    .cnt-box p.box-tit::before {top: 8px; width: 4px; height: 4px; border-width: 3px;}
    .cont-list.step01 > li {font-size: 0.95em; margin-bottom: 5px; padding-left: 13px;}
    .cont-list.step02 > li {font-size: 0.9em;}
    .btn-wrap {margin-top: 30px;}
    .btn-wrap a.btn-down {padding: 10px 20px 12px; padding-left: 44px; background-size: 17px; background-position-x: 22px;}
    .btn-wrap a.btn-down span{font-size: 13px; white-space: nowrap;}
}
@media screen and (max-width:480px){
    .cnt-box {padding: 15px; padding-bottom: 35px;}
}