@charset "UTF-8";
.inner{width: 980px; margin: 0 auto 50px;}
.inner.wide-inner {width:100%;}

.jinro-title-wrap {position:relative;width:980px;padding:30px 0 70px 0;margin:0 auto;background:url(../../img/jinrocard/bg_jinrocard_title.png) no-repeat right 11px;font-family:'Noto Sans KR', '돋움', dotum, sans-serif; margin-top: 60px; }
.jinro-title-wrap a {font-family:'Noto Sans KR', '돋움', dotum, sans-serif;}
.jinro-title-wrap .cont-title {font-size:30px;color:#000;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;font-weight:500;}
.jinro-title-wrap .cont-subtitle {width:539px;margin:26px 0 0;}
.jinro-title-wrap .cont-subtitle p {font-size:13px;line-height:17px;letter-spacing:-0.5px;}
.jinro-title-wrap .btn-card-info {clear:both;display:inline-block;height:30px;line-height:30px;padding:0 15px 0 43px;margin:13px 0 0;border:1px solid #b8bdbf;border-radius:15px;background:url(../../img/jinrocard/ico_jinrocard_info.png) no-repeat 15px 50% #fff;font-size:13px;color:#717171;font-weight:500;}
.wide-content {width:100%;}
.jinrocard-wrap {position:relative;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;}
.card-tab-wrap {position:relative;width:980px;margin:-40px auto 0;}
.card-tab-wrap:after {clear:both;display:block;content:'';}
.card-tab-wrap li {float:left;width:150px;margin:0 3px 0 0;}
.card-tab-wrap li a {display:block;height:38px;line-height:38px;border:1px solid #dddcdc;border-radius:17px 17px 0 0;background:#fff;text-align:center;font-size:16px;font-weight:500;letter-spacing:-0.5px;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;}
.card-tab-wrap li .tab-color01 {color:#353535;}
.card-tab-wrap li .tab-color02 {color:#00873b;}
.card-tab-wrap li .tab-color03 {color:#0a6dec;}
.card-tab-wrap li .tab-color04 {color:#fb5503;}
.card-tab-wrap li.on .tab-color01 {border-color:#4f5f6f;background:#4f5f6f;color:#fff;}
.card-tab-wrap li.on .tab-color02 {background:#00873b;color:#fff;}
.card-tab-wrap li.on .tab-color03 {background:#0a6dec;color:#fff;}
.card-tab-wrap li.on .tab-color04 {background:#fb5503;color:#fff;}
.card-wrap {margin:-1px 0 100px;border-top:1px solid #dddcdc;}
.card-wrap .card-list {padding:34px 0 36px;background:#f7f9f9;}
.card-wrap .card-list ul {width:996px;margin:0 auto;}
.card-wrap .card-list ul:after {clear:both;display:block;content:'';}
.card-wrap .card-list ul li {float:left;margin:16px 8px;}
.card-wrap .card-list ul li a {position:relative;display:block;width:148px;height:204px;overflow:hidden;border:1px solid #dddcdc;border-radius:8px;text-align:center;box-shadow: 0px 2px 0px 0px rgba(181,181,181,1);-webkit-box-shadow: 0px 2px 0px 0px rgba(181,181,181,1);-moz-box-shadow: 0px 2px 0px 0px rgba(181,181,181,1);}
.card-wrap .card-list ul li .color-dot {position:absolute;top:20px;left:50%;display:block;width:12px;height:12px;margin-left:-6px;border-radius:100%;z-index:10;}
.card-wrap .card-list ul li .card-img {z-index:9;}
.card-wrap .card-list ul li .card-img .mask {position:absolute;left:0;top:0;display:block;width:148px;height:204px;background:url(../../img/jinrocard/bg_jinrocard_mask.png) no-repeat 0 0;}
.card-wrap .card-list ul li .card-img img {width:100%;height:100%;}
.card-wrap .card-list ul li .card-name {position:absolute;left:0;bottom:0;display:block;overflow:hidden;width:100%;height:34px;line-height:34px;background:#f1f1f9;font-size:15px;color:#333;font-weight:500;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;}
.card-wrap .card-list ul li .cardTy01 .color-dot {background:#00873b;}
.card-wrap .card-list ul li .cardTy02 .color-dot {background:#0a6dec;}
.card-wrap .card-list ul li .cardTy03 .color-dot {background:#fb5503;}
.card-wrap .card-list ul li.on a, .card-wrap .card-list ul li a:hover {width:146px;height:202px;border-width:2px;}
.card-wrap .card-list ul li.on .color-dot, .card-wrap .card-list ul li a:hover .color-dot {top:19px;}
.card-wrap .card-list ul li.on .card-img .mask, .card-wrap .card-list ul li a:hover .card-img .mask {left:-1px;top:-1px;}
.card-wrap .card-list ul li.on .cardTy01, .card-wrap .card-list ul li .cardTy01:hover {border-color:#00873b}
.card-wrap .card-list ul li.on .cardTy02, .card-wrap .card-list ul li .cardTy02:hover {border-color:#0a6dec}
.card-wrap .card-list ul li.on .cardTy03, .card-wrap .card-list ul li .cardTy03:hover {border-color:#fb5503}
.card-wrap .card-list ul li.on a .card-name, .card-wrap .card-list ul li a:hover .card-name {height:33px;line-height:34px;color:#fff;}
.card-wrap .card-list ul li.on .cardTy01 .card-name, .card-wrap .card-list ul li .cardTy01:hover .card-name {background:url(../../img/jinrocard/bg_jinrocard_cardname01.png) repeat-x 0 0 #00873b;}
.card-wrap .card-list ul li.on .cardTy02 .card-name, .card-wrap .card-list ul li .cardTy02:hover .card-name {background:url(../../img/jinrocard/bg_jinrocard_cardname02.png) repeat-x 0 0 #0a6dec;}
.card-wrap .card-list ul li.on .cardTy03 .card-name, .card-wrap .card-list ul li .cardTy03:hover .card-name {background:url(../../img/jinrocard/bg_jinrocard_cardname03.png) repeat-x 0 0 #fb5503;}
.card-wrap .btn-more-card {width:200px;margin:30px auto 0;text-align:center;}
.card-wrap .btn-more-card a {display:block;height:50px;line-height:50px;border-radius:8px;background:#4f5f6f;color:#fff;font-size:16px;font-weight:500;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;}
.card-wrap .btn-more-card a .plus {margin-left:8px;vertical-align:text-bottom;font-size:24px;font-weight:400;}

.layer-jinrocard {display:none;position:absolute;left:50%;top:0;width:858px;margin-left:-430px;border-radius:8px;z-index:2000;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;}
.layer-jinrocard.on {display:block;}
.layer-jinrocard .btn-card-close {position:absolute;top:20px;right:20px;display:block;width:20px;height:19px;background:url(../../img/jinrocard/btn_jinrocard_ly_close.png) no-repeat 0 0;text-indent:-99999px;z-index:1;}
.layer-jinrocard .btn-slide {position:absolute;top:50%;display:block;width:29px;height:50px;margin-top:-25px;text-indent:-999999px;}
.layer-jinrocard .btn-slide.disabled {opacity:0.5;}
.layer-jinrocard .btn-slide.prev {left:-48px;background:url(../../img/jinrocard/btn_jinrocard_prev.png) no-repeat 0 0;}
.layer-jinrocard .btn-slide.next {right:-48px;background:url(../../img/jinrocard/btn_jinrocard_next.png) no-repeat 0 0;}
.layer-jinrocard-wrap {position:relative;width:858px;overflow:hidden;border-radius:8px;background:#fff;}
.layer-cdTitle {position:relative;padding:30px 30px 28px;}
.layer-cdTitle .title {font-size:30px;font-weight:500;color:#000;line-height:33px;}
.layer-cdTitle .title .category {display:inline-block;height:33px;line-height:33px;padding:0 10px;margin:0 15px 0 0;border-radius:4px;background:#00873b;color:#fff;font-size:16px;font-weight:500;vertical-align:top;}
.layer-cdTitle .title .category.type1 {background:#00873b;}
.layer-cdTitle .title .category.type2 {background:#0a6dec;}
.layer-cdTitle .title .category.type3 {background:#fb5503;}
.layer-cdTitle .card-location {margin:16px 0 0;font-size:13px;color:#555;}
.layer-cdTitle .card-location span {display:inline-block;}
.layer-cdTitle .card-location span:before {content:'';display:inline-block;width:4px;height:13px;margin:0 7px 0 5px;background:url(../../img/jinrocard/bg_jinrocard_arrow_location.png) no-repeat 0 2px;vertical-align:middle;}
.layer-cdTitle .card-location span:first-of-type:before {display:none;}
.layer-cdCont {height:364px;padding:30px;border-radius:0 0 8px 8px;background:#f7f9f9;}
.layer-cdCont:after {clear:both;display:block;content:'';}
.layer-cdCont .card-img {float:left;width:494px;}
.layer-cdCont .card-img img {display:inline-block;width:240px;height:330px;border:1px solid #dddcdc;}
.layer-cdCont .card-img img:first-of-type {margin-right:6px;}
.layer-cdCont .card-article {float:right;width:276px;}
.layer-cdCont .card-article li {margin-top:28px;}
.layer-cdCont .card-article li:first-child {margin-top:0;}
.layer-cdCont .card-article .article-title {display:block;padding:0 0 0 15px;margin:0 0 12px;background:url(../../img/jinrocard/bl_jinrocard_title.png) no-repeat 0 50%;font-size:18px;color:#000;font-weight:500;}
.layer-cdCont .card-article .article {font-size:15px;color:#555;line-height:20px;font-weight:400;word-break:keep-all;}
.layer-jinrocard .bx-wrapper {padding:0;margin:0;border:none;border-radius:8px;}
.layer-jinrocard .bx-viewport {border-radius:8px;}
.layer-jinrocard .bx-wrapper .bx-controls-direction a {width:28px;height:50px;margin-top:-25px;}
.layer-jinrocard .bx-wrapper .bx-prev {left:-48px;background:url(../../img/jinrocard/btn_jinrocard_prev.png) no-repeat 0 0;}
.layer-jinrocard .bx-wrapper .bx-next {right:-48px;background:url(../../img/jinrocard/btn_jinrocard_next.png) no-repeat 0 0;}
.layer-jinrocard .bx-wrapper .bx-next:hover, .layer-jinrocard .bx-wrapper .bx-next:focus {background-position:0 0;}
.layer-jinrocard .bx-wrapper .bx-controls-direction a.disabled {display:block;opacity:0.5;}
.card-mask {display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:#000;opacity:0.65;z-index:1000;}
.card-mask.on {display:block;}

/* 진로카드 소개 */
.btn-card-temp {clear:both;display:inline-block;height:30px;line-height:30px;padding:0 15px 0 43px;margin:13px 0 0;border:1px solid #b8bdbf;border-radius:15px;background:url(../../img/jinrocard/ico_jinrocard_temp.png) no-repeat 15px 50% #f2f6ff;font-size:13px;color:#717171;font-weight:500;}
.jinrocard-info {margin-top:-45px;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;color:#666;font-size:12px;letter-spacing:-0.5px;}
.info-article {margin:0 0 50px;}
.info-article:last-of-type {margin-bottom:0;}
.jinrocard-info-title {width:100%;padding:15px 0;background:#345396;text-align:center;color:#fff;font-size:20px;font-weight:500;letter-spacing:-0.5px;}
.jinrocard-info-title2 {margin:0 0 30px;font-size:24px;color:#c65232; font-family: 'Noto Sans KR', dotum, '돋움', sans-serif; font-weight: 500;}
.card-type-list {width:100%;}
.card-type-list li {display:table;border-bottom:1px solid #dfe3e9;}
.card-type-list li:after {clear:both;display:block;content:'';}
.card-type-list li strong {display:table-cell;width:120px;padding:16px 6px 17px 7px;background:#fff;vertical-align:middle;text-align:center;font-weight:400;line-height:17px;}
.card-type-list li .explain {display:table-cell;padding:16px 10px 17px 15px;background:#f1f6f8;line-height:17px;word-break:keep-all;}
.card-type-list li .explain .color-blue {color:#345396;font-weight:500;}
.card-type-list li dl {float:left;width:33%;padding:20px 7px 17px 15px;}
.card-type-list li dl dt {height:41px;padding:15px 0 13px 89px;margin:0 0 17px;font-size:15px;line-height:20px;font-weight:500;}
.card-type-list li dl.type01 dt {background:url(../../img/jinrocard/img_jinrocard_profile01.png) no-repeat 0 0;color:#00873b;}
.card-type-list li dl.type02 dt {background:url(../../img/jinrocard/img_jinrocard_profile02.png) no-repeat 0 0;color:#0a6dec;}
.card-type-list li dl.type03 dt {background:url(../../img/jinrocard/img_jinrocard_profile03.png) no-repeat 0 0;color:#fb5503;}
.card-type-list li dl dd {line-height:17px;word-break:keep-all;}
.card-download-list {width:100%;}
.card-download-list thead th {padding:13px 0 14px;background:#768698;color:#fff;text-align:center;font-weight:400;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;}
.card-download-list tbody th {border-bottom:1px solid #dfe3e9;background:#fff;vertical-align:middle;line-height:17px;font-weight:400;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;}
.card-download-list tbody td {padding:20px 20px 20px 15px;border-bottom:1px solid #dfe3e9;background:#f1f6f8;vertical-align:top;line-height:18px;word-break:keep-all;color:#888;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;}
.card-download-list li {padding:0 0 4px 10px;background:url(../../img/jinrocard/bl_jinrocard_list.png) no-repeat 0 7px;line-height:16px;}
.card-download-list li strong {font-weight:500;}
.jinrocard-info .download-bx {position:relative;margin:0 0 7px;}
.jinrocard-info .download-bx:after {clear:both;display:block;content:'';}
.jinrocard-info .download-bx .img {position:absolute;left:0;top:0; display: flex; gap: 4px;}
.jinrocard-info .download-bx .title {display:block;font-size:15px;letter-spacing:-1px;color:#666;}
.jinrocard-info .download-bx .title strong {display:block;font-weight:500;line-height:18px;}
.jinrocard-info .download-bx .img.item2 + .title {height:65px;margin-left:105px;margin-bottom:12px;}
.jinrocard-info .download-bx .img.item1 + .title {height:65px;margin-left:55px;margin-bottom:12px;}
.jinrocard-info .btn-download {clear:both;display:inline-block;height:22px;line-height:22px;padding:0 7px 0 22px;margin:7px 0 0;border-radius:3px;background:url(../../img/jinrocard/ico_jinrocard_download2.png) no-repeat 7px 50% #768699;color:#fff;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;font-weight:400;letter-spacing:0;}
.jinrocard-info .card-summary {min-height:57px;padding:6px 0 7px 90px;margin:50px 0 20px;font-weight:400;color:#888;}
.jinrocard-info .card-summary:first-of-type {margin-top:0;}
.jinrocard-info .card-summary.type01 {background:url(../../img/jinrocard/img_jinrocard_profile01.png) no-repeat 0 0;}
.jinrocard-info .card-summary.type02 {background:url(../../img/jinrocard/img_jinrocard_profile02.png) no-repeat 0 0;}
.jinrocard-info .card-summary.type03 {background:url(../../img/jinrocard/img_jinrocard_profile03.png) no-repeat 0 0;}
.jinrocard-info .card-summary.type04 {padding-top:0;padding-left:0;}
.jinrocard-info .card-summary .title {margin:0 0 10px;color:#666;font-size:17px;font-weight:500;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;}
.jinrocard-info .card-summary p {word-break:keep-all;line-height:20px;}
.jinrocard-info .btn-right-area {width:100%;margin:20px 0 0;text-align:right;}
.jinrocard-info .btn-go {display:inline-block;height:31px;line-height:31px;padding:0 13px 0 35px;margin:0 0 0 5px;border-radius:5px;font-family:'Noto Sans KR', '돋움', dotum, sans-serif;font-size:13px;font-weight:500;letter-spacing:0;}
.jinrocard-info .btn-go.goto {border:1px solid #768699;background:url(../../img/jinrocard/ico_jinrocard_goto.png) no-repeat 10px 8px #768699;color:#fff;}
.jinrocard-info .btn-go.top {border:1px solid #e0e5e9;background:url(../../img/jinrocard/ico_jinrocard_gotop.png) no-repeat 10px 8px #f0f3f6;color:#61768f;}