@charset "utf-8";

.sub0201 .notice_box .tit, .sub0202 .notice_box .tit {margin-bottom: 8px; font-size: 18px; font-weight: 500; color: #1b3b7f;}
.sub0201 .icons {margin-bottom: 20px;}
.sub0201 .icons dl {margin-top: 20px;padding: 20px 12px 12px;border: 1px solid #dde1e4;border-radius: 5px;}
.sub0201 .icons dt {margin-bottom: 8px;text-align: center;font-size: 18px;font-weight: 600;color: #4f6086;word-break: keep-all;}
.sub0201 .icons dt:before{content:"";display:block;width:92px;height:92px;overflow:hidden;background: url("/images/12_job/content/sub02/sub02_icon.png") no-repeat center top;margin:0 auto;margin-bottom: 10px;}
.sub0201 .icons dl:nth-child(2) dt:before{background-position: 0 -112px;}
.sub0201 .icons dl:nth-child(3) dt:before{background-position: 0 -230px;}
.sub0201 .icons dl:nth-child(4) dt:before{background-position: 0 -354px;}
.sub0201 .icons dd {margin-bottom: 5px; padding: 0 0 0 12px; background: url(/images/common/li02.gif) no-repeat 0 6px;}
.sub0202 .logo_wrap {padding: 20px; border: 1px solid #e1e1e1; background: url("/images/12_job/content/sub02/sub02_logobg.gif") -1px -1px; text-align: center;}    
.sub0202 .logo_wrap {padding: 20px; border: 1px solid #e1e1e1; background: url("/images/12_job/content/sub02/sub02_logobg.gif") -1px -1px; text-align: center;}
.sub0202 .logo_box p {margin-top: 20px;}
.sub0202 .logo_box p img {width: 100%; max-width: 385px;}
.sub0202 .logo_box p.logo_img01 {margin-top: 0;}
.sub0202 .logo_box p.logo_img01 img {width: auto;}
.sub0202 .basic_box2 dl{margin-bottom:15px;}
.sub0202 .basic_box2 dl dt{font-weight:300;color:#261a81;}
.sub0202 .basic_box2 dl:last-child{margin-bottom:0;}

/*온라인학습자료*/
.oncl .title h4{margin-top:0;}
.oncl .title p{font-size:18px;word-break:keep-all;}
.oncl .title .btn_tit{margin-top:20px;}
.oncl .on_list>ul>li{margin:0 0 30px 0;border-top:2px solid #4053b4;border-bottom:1px solid #4053b4;padding:15px 0;background:#f5f4fa75;}
.oncl .on_list>ul>li:nth-of-type(2n){background:#e7e7e745;}
.oncl .on_list>ul>li strong{font-size:20px;color:#303e87;display:inline-block;width:calc(50% - 16px);text-align:center;word-break:keep-all;}
.oncl .on_list li strong:before{width:80px;height:80px;content:"";display:block;background:url("/images/12_job/content/sub05/online_icon.png")no-repeat left top;margin:0 auto;margin-bottom:20px;}
.oncl .on_list li:nth-child(2) strong:before{background-position:-122px 0;}
.oncl .on_list li:nth-child(3) strong:before{background-position: -254px 0;}
.oncl .on_list li:nth-child(4) strong:before{background-position: -386px 0;}
.oncl .on_list li:nth-child(5) strong:before{background-position: -515px 0;}
.oncl .on_list li:nth-child(6) strong:before{background-position: 2px -123px;}
.oncl .on_list li:nth-child(7) strong:before{background-position: -122px -123px;}
.oncl .on_list li:nth-child(8) strong:before{background-position: -255px -123px;}
.oncl .on_list li:nth-child(9) strong:before{background-position: -382px -123px;}
.oncl .on_list li:nth-child(10) strong:before{background-position: -514px -123px;}
.oncl .on_list li:nth-child(11) strong:before{background-position: 4px -251px;}
.oncl .on_list li:nth-child(12) strong:before{background-position: -121px -247px;}
.oncl .on_list li:nth-child(13) strong:before{background-position: -259px -251px;}
.oncl .on_list li:nth-child(14) strong:before{background-position: -384px -251px;}
.oncl .on_list li:nth-child(15) strong:before{background-position: -513px -251px;}
.oncl .on_list ul ul{display:inline-block;width:50%;margin-left:10px;}
.oncl .on_list ul ul li{margin-top:5px;}
.oncl .on_list ul ul li a{display:block;padding:8px 10px;border:1px solid #ddd;border-radius:0 10px 0 0;background:url("/images/common/btn_go.png")no-repeat right 15px center #fff;}
.oncl .on_list .icon_btn a{background-image: none;}
.on_link{overflow:hidden;}
.on_link li{width:48%;float:left;margin-right:4%;}
.on_link li a{display:block;margin-top:5px;border:1px solid #ddd;padding:10px 20px;box-sizing:border-box;font-size:15px;background:url("/images/common/btn_go.png")no-repeat right 15px center;}
.on_link li:nth-of-type(2n){margin-right:0;}
.on_link li a:hover{border:1px solid #4053b4;color:#4053b4;}


.bbs_btn .bbs_bt2 {background: var(--bgpoint); color: var(--point1); padding: 10px 20px;}
.bbs_btn .bbs_bt4 {background: var(--point1); color: #fff; padding: 10px 20px;}

.job_top>ul, .job_top div div{padding: 20px;border-radius: 20px;border: 10px solid var(--bgpoint);}
.job_top div div{margin-bottom: 10px;}
.job_top div div h6{margin-top: 0;}
.job_top div div ul{margin-bottom: 0;}


/*Tablet*/
@media all and (min-width:768px) {
.sub0201 .icons{overflow:hidden;}
.sub0201 .icons dl{width: 45%;float:left;overflow:hidden;min-height: 253px;margin-right:2%;}    
.sub0201 .icons dl:nth-of-type(2n){margin-right:0;}
.sub0202 .basic_box2 div{overflow:hidden;}
.sub0202 .basic_box2 dl{width:50%;float:left;overflow:hidden;}

/*온라인학습자료*/
.oncl .title{position:relative;}
.oncl .title:after{content:"";display:block;width: 234px;height: 178px;position:absolute;background:url("/images/12_job/content/sub05/online_tit.png")no-repeat;top: 34px;right: 76px;background-size:cover;}
.oncl .title p{width:50%;}
.oncl .on_list{overflow:hidden;}
.oncl .on_list>ul>li{width:48%;float:left;margin-right:3%;}
.oncl .on_list>ul>li:nth-of-type(2n){margin-right:0;}
.on_link li{width: 23%;margin-right:2%;margin-bottom: 10px;}
.on_link li a{font-size:16px;}
.on_link li:nth-of-type(2n){margin-right:2%;}
.on_link li:nth-of-type(4n){margin-right:0;}
.on_link .col3 li{width:48%;}
.on_link .col3 li:nth-of-type(2n){margin-right:0;}
.on_link .col3 li:nth-of-type(4n){margin-right:2%;}
}

/*PC*/
@media all and (min-width:1023px) {
.sub0201 .icons dl{width: 20%;min-height: 312px;}
.sub0201 .icons dl:nth-of-type(2n){margin-right:2%;}
.sub0201 .icons dl:last-child{margin-right:0;}
.sub0202 .logo_box{width: 63%;margin:0 auto;}
.sub0202 .logo_box p.logo_img01{float:left;height: 290px;}
.sub0202 .basic_box2 dl{width:25%;}

/*온라인학습자료*/
.oncl .title p{width:80%;}
.oncl .title:after{top:25px;right:50px;}
.oncl .on_list>ul>li{width: 22%;float:left;margin-right: 4%;min-height: 215px;box-sizing: border-box;}
.oncl .on_list>ul>li:last-child{width: 48%;margin-right:0;}
.oncl .on_list>ul>li:last-child strong{width: 49%;}
.oncl .on_list>ul>li:last-child ul{width:50%;}
.oncl .on_list>ul>li:last-child ul li{width:100%;margin-top:0;}
.oncl .on_list>ul>li:last-child ul li a{padding:5px 10px 3px;}
.oncl .on_list>ul>li:nth-of-type(2n){margin-right: 4%;}
.oncl .on_list>ul>li:nth-of-type(4n){margin-right:0;}
.oncl .on_list ul ul{width: 100%;margin-left: 0;margin-top: 15px;}
.oncl .on_list ul ul li{width: 48%;float:left;margin-right:10px;font-size: 14px;}
.oncl .on_list ul ul li:nth-of-type(2n){margin-right:0;}
.oncl .on_list>ul>li strong{width:100%;}
.oncl .on_list .icon_btn a{background:none;font-size:14px;}
.on_link .col3 li{width:31%;}
.on_link .col3 li:nth-of-type(2n){margin-right:2%;}

.job_top div{overflow: hidden;}
.job_top div div{float: left;margin: 0 10px 0;width: calc(50% - 20px);box-sizing: border-box;}
}

/* 취업정보사이트 */
.job_link ul li{margin:20px 0;padding: 20px 0;border:1px #e1e1e1 solid;border-radius:30px;text-align: center;}
.job_link ul li .img{padding: 0 20px 20px;border-bottom:1px #e1e1e1 solid;}
.job_link ul li .img img{max-width:100%;}
.job_link ul li .tit{margin: 20px 0;font-size: 23px;font-weight:400;color: #222;}                                                                                                          
.job_link ul li .basic_btn{margin:0;}
@media all and (min-width:768px) {
.job_link ul{display:flex;flex-wrap: wrap;gap: 20px 3%;} 
.job_link ul li{width: 48%;margin: 0;}
.job_link ul li .img{display: flex;height: 100px;align-items: center;justify-content: center;}
}
@media all and (min-width:1400px) {
 .job_link ul li{width: 30.33%;}   
}