/*sub_notice.css*/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');

*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html, body{margin:0; padding:0;font-family: 'Noto Sans KR', sans-serif; ;}
header, section, article, aside, nav, main, footer{display:block;}
header:after, section:after, article:after, aside:after, nav:after, main:after, footer:after{content:""; display:block; clear:both;}
h1, h2, h3, h4, h5, h6, p{margin:0;}
ul, ol{margin:0; padding:0; list-style:none;}
a{text-decoration:none;}
.clear{clear:both;}



*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html, body{margin:0; padding:0;font-family: 'Noto Sans KR', sans-serif;}
header, section, article, aside, nav, main, footer{display:block;}
header:after, section:after, article:after, aside:after, nav:after, main:after, footer:after{content:""; display:block; clear:both;}
h1, h2, h3, h4, h5, h6, p{margin:0;}
ul, ol{margin:0; padding:0; list-style:none;}
a{text-decoration:none;}
.clear{clear:both;}


/*************sub_notice.css***************/
header{width:100%; height:95px; position: fixed; top:0; left: 0; right: 0;}
header .header{width:1200px; height: 100px; margin: 0 auto;}

/***팝업창 (경력 및 자격상세보기)***/
/*손해사정사 목록*/
.list{width: 1300px; height: 1050px; padding-top: 50px;}
.list > .title{width: 500px; height: 85px; padding-top: 3%; font-size: 0; float: right; font-family: 'yg-jalnan'; color:#000; text-align:center;}
.list > .title p{font-size: 17px; line-height: 40px; padding-right: 230px;}
.golgoru .frame{width:1300px;}
.golgoru .frame .list .title span{font-size:20px; border-bottom:3px solid #b4e7f8; box-shadow:inset 0 -4px 0 #b4e7f8;}
.golgoru .frame .list .title span:after{content:"명"; padding-left:5px; font-size:17px;}

/*반응형 전용- (추천/ 조회 버튼박스)*/
.butbox{display: none;}

/*.list .cont{width: 100%; height:auto;}
.list .cont:after{content:""; display:block; clear:both;}
.list .cont .cont_l{float:left; width:40%; padding-top: 1%;}
.list .cont .cont_l .recom{width: 440px; height: 160px; background:#f6f6f7; border-radius: 5px;}
.list .cont .cont_l .recom .clicktext{width:100%; height:60%; text-align:center;}
.list .cont .cont_l .rec_box .clicktext{width:100%; height: 90px; text-align:center;}
.list .cont .cont_l .clicktext .textbox{width:100%; height:100%;}
.list .cont .cont_l .clicktext .textbox .text{padding: 8px;}
.list .cont .cont_l .clicktext .textbox h3{font-size:18px; padding-top:5%; color:#000; font-weight: 600;}
.list .cont .cont_l .clicktext .textbox h3 span{font-weight:bold; padding-left:1%; font-size:18px;}
.list .cont .cont_l .clicktext .textbox p{font-size:13px;}
.list .cont .cont_l .clickbox{width:100%; height:40%; padding-top: 3%;}
.list .cont .cont_l .clickbtn {margin:0 auto;  width:190px; height:35px; background:#2b90d9; border-radius: 5px; text-align: center;}
.list .cont .cont_l .clickbtn a{color: #fff; font-size: 14px; line-height: 35px;}
.list .cont .cont_l .clickbtn a:after{content:">"; padding-left:5%;} */

.list .cont{width: 100%; height:auto;}
.list .cont:after{content:""; display:block; clear:both;}
.list .cont .cont_l{float:left; width:40%; padding-top: 1%; position:sticky; top:0;}
.list .cont .cont_l .recom{width: 440px; height: 170px; background:#f6f6f7; border-radius: 5px;}
.list .cont .cont_l .recom .clicktext{width:100%; height:60%; text-align:center;}
.list .cont .cont_l .rec_box .clicktext{width:100%; height: 90px; text-align:center;}
.list .cont .cont_l .clicktext .textbox{width:100%; height:100%;}
.list .cont .cont_l .clicktext .textbox .text{padding: 8px;}
.list .cont .cont_l .clicktext .textbox h3{font-size:18px; padding-top:5%; color:#000; font-weight: 600;}
.list .cont .cont_l .clicktext .textbox h3 span{font-weight:bold; padding-left:1%; font-size:18px;}
.list .cont .cont_l .clicktext .textbox p{font-size:13px;}
.list .cont .cont_l .clickbox{width:100%; height:40%; padding-top: 1%;}
.list .cont .cont_l .clickbtn {margin:0 auto;  width:190px; height:35px; background:#e97341; border-radius: 5px; text-align: center;}
.list .cont .cont_l .clickbtn a{color: #fff; font-size: 14px; line-height: 35px;}
.list .cont .cont_l .clickbtn a:after{content:">"; padding-left:5%;}


.list .cont .cont_r{float:right; width:60%;}
.list .cont .cont_r .n_title{width:100%; height:50px; text-align:center; font-size:20px; font-weight:bold;}

/*손해사정사 추천 박스 (왼쪽)*/
.list .cont .rec{padding-top: 40px;}
.list .cont .rec .rec_box{width: 440px; height: auto; background:#f6f6f7; border-radius:5px;}
.list .cont .rec .rec_box .choice{ width: 380px; height: auto; margin:0 auto; padding: 20px 0;}
.list .cont .rec .rec_box div:nth-child(2){padding-top:5%;}
.list .cont .rec .rec_box .choice ul{padding-top:1%;}
.list .cont .rec .rec_box .choice h5{width: 23%; font-size: 13px; font-weight: 100; padding: 4px 0; color:#fff; text-align:center; background:#3a3a3a;}
.list .cont .rec .rec_box .choice input + label {display: inline-block; width: 84px; border: 1px solid #ccc; cursor: pointer; text-align: center; font-size: 13px;  margin: 4px; padding: 5px; line-height: 20px; color: #000; background: #fbfbfb; border-radius: 8px;}
.list .cont .rec .rec_box .choice input:checked + label {background-color: #ccc;}
.list .cont .rec .rec_box .choice input{display: none;}
.list .cont .rec .rec_box .choice span{padding:0 3px; font-size: 14px;}
.list .cont .rec .rec_box .button{width: 100%; height: 100px; padding-top: 5%; text-align: center;}
.list .cont .rec .rec_box .button .buttonbox{width: 190px; height: 35px; background: #e97341; border-radius:5px; margin: 0 auto;}
.list .cont .rec .rec_box .button .buttonbox a{font-size: 14px; color: #fff; text-align: center; line-height:35px;}
.list .cont .rec .rec_box .button .buttonbox a:after{content:">"; padding-left:5%;}


/*공지사항*/
.sub_notice,.sub_notice th,.sub_notice td{border:0}
.sub_notice p{color:#383838; text-decoration:none; font-size: 14px;}
.sub_notice a{color:#383838; text-decoration:none; font-size: 13px;}
.sub_notice{width:100%; border-bottom:1px solid #999; color:#666; font-size:12px; table-layout:fixed; float: right;}
.sub_notice th{padding:5px 0 6px; border-top:solid 1px #999; border-bottom:solid 1px #b2b2b2; background-color:#f2f2f4; color:#333; font-weight:bold; line-height:20px; vertical-align:top; font-size: 13px;}
.sub_notice td{padding:8px 0 9px; border-bottom:solid 1px #d2d2d2; text-align:center; line-height:18px;}

/*공지사항 내용 팝업*/
.ndark_bg{position: fixed; width: 100%; height: 100%; top: 0; left:0; background: rgba(0,0,0,0.8); z-index: -1; opacity:0;}
.ndark_bg.active{z-index: 2; opacity: 1;}
/*팝업창 + 닫기 버튼*/
.notice_frame{width: 1000px; height: 700px; position:fixed; background:#fff; box-shadow:0 0 4px #000; top:50%; left:50%; transform:translate(-50%, -40%); padding: 30px 20px; z-index:-1; opacity:0;}
.notice_frame.active{z-index:3; opacity:1; transition:opacity 0.4s; border-radius: 7px;}
.notice_frame .close{position: absolute;  top:-40px; right: -30px; font-size: 30px; font-weight:bold; cursor: pointer; color:#fff;}
.notice_frame .notice_popup{width:100%; height: 100%; background:#fff; overflow: hidden;}
.notice_frame .notice_popup .popup_header{}
.notice_frame .notice_popup .popup_header h2{font-size: 16px; color: #000; border-bottom:1px solid #a7a7a7;}
.notice_frame .notice_popup .allcont{width: 100%; height: 100%;  overflow: scroll;}
.notice_frame .notice_popup .allcont .n_info{width: 100%; height: 100px; text-align: center;}
.notice_frame .notice_popup .allcont .n_info h3{font-size: 22px; padding: 10px 0 5px 0;}
.notice_frame .notice_popup .allcont .n_info h5{color: #333; font-size: 15px; font-weight: 100; letter-spacing: 1px;}

.notice_frame .notice_popup .allcont .n_cont{margin: 0 auto; width: 95%; height: 100%; border: 1px solid #ebebeb; background: #f8f8f8;border-radius:5px; font-size:15px; padding:2%; text-align:center;}
.notice_frame .notice_popup .allcont .n_cont .img{width: 100%; background-image: url(../img/notice_test.jpg); background-repeat:no-repeat; background-size:cover;}