@import url("https://fonts.dubuplus.com/css?family=Nanum Myeongjo");
@import url("https://fonts.dubuplus.com/css?family=Montserrat");




.s_con+.s_con {margin-top:70px;}
.s_con h4 {margin-bottom:10px;
    font:500 25px 'Noto Sans KR';letter-spacing:-0.075em;color:#252525;word-break:keep-all;}
.s_con h4:before {content:'';display:inline-block;width:25px;height:25px;border:5px solid #095292;margin-right:10px;}


.s_con h5 {margin-bottom:10px;
    font:600 21px 'Noto Sans KR';letter-spacing:-0.075em;color:#0e87e4;}
.s_con h5+dl {border-top:1px solid #333;}



.sub p+p {margin-top:15px;}
.sub p+dl {margin-top:20px;}
.sub p+ul {margin-top:20px;}
.sub div+ul {margin-top:20px;}
.sub ul+p {margin-top:20px;}
.sub dl+p {margin-top:20px;}
.sub div+p {margin-top:20px;}
.sub table+table {margin-top:20px;}



.sub p strong {color:#095292;}



.txt-center {text-align:center;}



.s_con img {width:100%;display:block;margin:0 auto;}




/* table */
.sub table{border-top:2px solid #095292;width:100%;border-collapse:collapse;}
.sub table td,.sub table th {border:1px solid #ddd;
    font-size:inherit;color:inherit;font-family:inherit;word-break:keep-all;
	padding:5px 7px;}
.sub table th {
    color:#333;
	background-color:#f7f7f7;}
.sub table thead th {color:#fff;
    background-color:#333;}
.sub table td.td1 {font-weight:600;}




/* ul */
.box {border:1px solid #eee;
    padding:30px;}

.sub .li2 {overflow:hidden;}
.sub .li2 > li {float:left;width:50%;}
.sub .li2 > li:nth-child(2) {margin-top:0}
.sub .li2 > li:nth-child(2n-1) {clear:both;}



/* dot */
.dot li{
    word-break:keep-all;
    padding-left:18px;}
.dot li+li {margin-top:5px;}
.dot li:before{display:inline-block; content:''; width:3px; height:3px;margin-right:10px;margin-left:-13px;
    border-radius:50%; vertical-align:middle;
    background-color:#333;}




/* in_con */
.in_con {border:1px solid #eee;
    padding:30px;}
.in_con dd+dt {border-top:1px solid #ddd;padding-top:30px;margin-top:30px;}

.in_con dt {margin-bottom:10px;
    font:500 19px 'Noto Sans KR';letter-spacing:-0.05em;color:#095292;}




/* check */
.check > li {
	padding-left:40px;
	background:url(/app/dubu_sourcecode/docs/imgs/1556847630_check.png)no-repeat left 5px;background-size:20px auto;}
.check > li+li {margin-top:20px;}
.check > li strong {display:block;margin-bottom:5px;
	font-size:1.2em;font-weight:600;letter-spacing:-0.05em;line-height:1;color:#252525;}




/* s_wrap */
p+.s_wrap {margin-top:30px;}
.s_wrap {display:table;width:100%;}
.s_wrap > ul,
.s_wrap > dl,
.s_wrap > div,
.s_wrap > span {display:table-cell;
	vertical-align:middle;}
.s_wrap > div {padding:10px;}
.s_wrap > span {width:30%}
/*.s_wrap {overflow:hidden;}
.s_wrap > div {float:left;width:49%;}
.s_wrap > div:nth-child(2n-1) {clear:both}
.sub .s_wrap > div+div {margin-top:0;margin-left:2%}*/




 /* ol */
.s_con ol {overflow:hidden;}
.s_con ol > li {float:left;width:15%;margin-bottom:15px;
	word-break:keep-all;
	position:relative;}
.s_con ol > li+li {margin-left:2%;}

.s_con ol > li strong {display:block;border:3px solid;
	text-align:center;font-size:1em;letter-spacing:-0.05em; color:#095292;font-weight:500;
	padding:10px 0;border-radius:50px;}
.s_con ol > li span {display:block;margin-top:5px;
	text-align:center;
    padding:10px;
	background-color:#f4f4f4;}

.s_con ol > li+li:before {content:'▶';display:block;
    font-size:15px;line-height:1;
    position:absolute;left:-20px;top:20px;color:#095292;}



/* bg */
.bg1 {
    padding-right:50%;
    background:url(/app/dubu_sourcecode/docs/imgs/1556874991_채용대행.jpg)no-repeat right center;background-size:contain;}




/*----- tablet -----*/
@media screen and (min-width:769px) and (max-width:991px){
    
    .s_con ol > li {width:18%;}
.s_con ol > li+li:before{left:-15px;}
}

/*----- mobile -----*/
@media screen and (max-width:768px){
    .s_con h4 {font-size:21px;}
    .s_con h4:before {width:20px;height:20px;border-width:4px}
    
    
    
    
    /* ul */
    .sub .li2 {overflow:hidden;}
    .sub .li2 > li {float:none;width:100%;}
    .sub .li2 > li+li {margin-top:15px}
    .sub .li2 > li:nth-child(2) {margin-top:15px}
    
    
    
    
    /* s_wrap */
   .s_wrap,
    .s_wrap > ul,
    .s_wrap > dl,
    .s_wrap > div {display:block;width:100%;}
    /* .s_wrap {overflow:hidden;}
    .s_wrap > div {float:none;width:100%;}
    .sub .s_wrap > div+div {margin-top:70px;margin-left:0;}*/
    
    
    
    
    /* ol */
    .s_con ol > li {width:31%;
    	font-size:.8em;}
    .s_con ol > li+li:before{
        font-size:13px;
        left:-10px;top:17px;}


}