/* 공통 */
.con_bg {width: 100%; background: url('../img/dot_bg.jpg'); padding: 50px 0;}

.sub_con {width: 100%; margin:0 auto; position: relative; padding:0 15px; }
.sub_title {text-align: center;}
.sub_title h2 {    font-size: 12px; font-weight: 400; color: #0867ae; letter-spacing: 3px; font-family: 'Montserrat'; margin-bottom: 8px; text-transform: uppercase;}
.sub_title h1 {    font-size:22px; font-weight: 400; color: #333; font-family: 'NanumSquare',sans-serif; line-height: 35px; word-break: keep-all;}
.sub_title h1 b {font-weight: 800;}
.apos_head {display: inline-block; position: relative; text-align: center; padding:0 30px;}
.apos_head h1 {font-size:18px; font-weight: 400; color:#333; font-family: 'NanumSquare',sans-serif; word-break: keep-all; line-height: 30px; }
.apos_head h1 span {font-weight: 800; color:#0867ae;}
.apos_head > img {position: absolute; top:-10px; width: 20px; }
.apos_head > img.apos1 {left:0;}
.apos_head > img.apos2 {right:0;}
.sub_p {font-size:14px; font-weight: 300; color:#666; letter-spacing: -.7px; line-height: 25px; word-break: keep-all;}
.sub_list {text-align: left;}
.sub_list li {font-size:12px; font-weight: 300; color:#666; letter-spacing: -.7px; margin-bottom: 6px; display: flex; align-items: flex-start;}
.sub_list li:last-child {margin-bottom: 0;}
.sub_list li::before {content: ''; display: block; width: 3px; height: 3px; min-width: 3px; min-height: 3px; background: #0867ae; margin-right:8px; position: relative; top:7px;}

.bullet_title {position: relative; padding-left:20px;    font-size: 18px; font-weight: 600; color: #333; font-family: 'NanumSquare',sans-serif; margin-bottom: 15px;}
.bullet_title::before {content: ''; display: block; width: 7px; height: 7px; transform: rotate(45deg ); position: absolute; left:0; top:5px; background: #0867ae;}
.sub_table {width: 100%;font-family: 'Noto Sans KR', sans-serif; border-collapse: collapse; text-align: center;}
.sub_table th, .sub_table td {padding: 10px; word-break: keep-all;}
.sub_table thead th {color:#fff; border: 1px solid rgba(255,255,255,0.2); font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: -.5px; background: #333;}
.sub_table tbody td {padding: 10px 20px; word-break: keep-all; background: #fff; border:1px solid #eee; font-size:14px; font-weight: 300; color:#666; letter-spacing: -.5px ;
word-break: keep-all;}
.sub_table tbody tr td:first-child {font-size:22px; background: #fbfbfb; color:#000; }
.sub_table tbody td a {transition: all .3s ease; opacity: 1;}
.sub_table tbody td a:hover {opacity: .4;}

/* res_table  */
.res_table {width: 100%; overflow-x: auto;}
.res_table table { width:100%;max-width: 768px; white-space: nowrap; min-width: 100%;}
.res_table_icon {text-align: right; float:right; }
.res_table_icon i {font-size:25px; color:#333;}



/*Content CSS*/
#skill .bullet_title {float:left; }
/* sec1 */
.sk_s1 .sub_p {margin-top:15px; }
.sk_s2 .sub_p {margin-top:5px;}
.sk_s1 {padding-bottom: 20px;}
.s1_box2, .s1_box3, .s1_box4 {padding:40px 0 ;border-bottom: 1px solid #eee;}
.s1_box4 {border-bottom: 0;}

/* sec2 */
.sk_s2 {padding-bottom: 50px;}
.sk_s2 ul {display: flex; justify-content: space-between;  margin-top:30px; flex-wrap:wrap; }
.sk_s2 ul li {width: calc(50% - 5px);  background: #fff; border:1px solid #ddd; transition: all .3s ease;}
.sk_s2 ul li:nth-child(n+3) {margin-top:10px; }
.sk_s2 ul li a img {width: 100%;}
.sk_s2 ul li a {width: 100%; position: relative; display: block;}
.sk_s2 ul li a .hv_plus {position: absolute; width: 100%; height: 100%; display: flex ;align-items: center; justify-content: center; background: rgba(37,113,145,.9); opacity: 0; transition: all .3s ease; left:0; top:0; display: none; }
.sk_s2 ul li a .hv_plus i {font-size:30px; color:#fff; }
/* .sk_s2 ul li a:active .hv_plus {opacity: 1;} */



@media screen and (max-width: 600px) {

}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width:1200px) {

}