@charset "utf-8";

/* ************************* S : common style************************** */
.blind {width: 0; height: 0;}
h4{font-size: 26px;margin: 40px 0 20px 0;color:#222;}
h5{font-size: 21px;color:#0e237c;margin: 20px 0 15px 0;}
h5:before{content:"";display:block;width:20px;height:20px;float:left;background:url("/images/myjb/common/h5.png")no-repeat;margin-right:10px;}
h6{font-size:18px;color:#007cf3;margin: 20px 0 10px 10px;}
h6:before{content:"";display:block;width:25px;height:2px;background:#007cf3;margin-bottom:8px;}
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-thumb{border-radius:10px;background: #007cf0;}
::-webkit-scrollbar-track{background: #ddd;border-radius:10px;}
/*::-webkit-scrollbar:horizontal{height:6px;}*/

/* 기본 컨텐츠 */
.basic_ul{margin:0 0 40px 10px;}
.basic_ul li{margin:0 0 8px 0;line-height:1.5em;overflow:hidden;}
.basic_ul li ul{margin:5px 0 10px 0;}
.basic_ul li li{margin-bottom:5px;margin-left:15px;}
.basic_ul li li li{font-size:15px;margin-left:15px;color: #6f6f6f;}
.basic_ul>li:before{content:"";display:block;width: 10px;height: 10px;background: url("/images/myjb/common/li01.png")no-repeat;border-radius:50%;float:left;margin: 8px 8px 0 0;}
.basic_ul>li>ul>li:before{content:"";display:block;width:6px;height:6px;background:#0e237c;border-radius:50%;float:left;margin: 10px 8px 0 0;}
.basic_ul li li li:before{content:"";display:block;width:8px;height:2px;background: #939393;float:left;margin:10px 8px 0 0;}
.basic_ul .li_none:before{display:none;}

.basic_p{display: block;font-size:16px;line-height:1.5em;margin: 10px 0 10px 30px;word-break: keep-all;color: #333;}

/* 폰트 컬러 : 상황에 따라 추가 가능 */
.fc_red{color: #e02121 !important;font-style:normal}
.fc_blue{color: #0077f3 !important;font-style:normal}
.fc_green{color: #068554 !important;font-style:normal}

/* 테이블 */
.over_table{overflow-x:auto}
.over_table .basic_table{min-width:900px;}
.basic_table{width:100%;background: #fff;margin: 10px 0 20px 0;}
.basic_table th, .basic_table td{word-break: keep-all;text-align:center;padding: 10px 15px;border:1px solid #ddd;vertical-align:middle;font-size:16px;line-height:1.5em}
.basic_table thead th{font-size: 16px;background: #eff2f9;color: #222;}
.basic_table tbody th{font-size: 16px;background: #f5fbff;}
.basic_table tbody li{text-align:left;}
.basic_table tbody ul>li{margin:0 0 8px 0;line-height:1.5em;overflow:hidden;}
.basic_table tbody ul>li>ul{margin:5px 0 10px 0;}
.basic_table tbody li li{margin-bottom:5px;margin-left:15px;}
.basic_table tbody li li li{font-size:15px;margin-left:15px;color: #6f6f6f;}
.basic_table tbody td>ul>li:before{content:"";display:block;width: 10px;height: 10px;background: url("/images/myjb/common/li01.png")no-repeat;border-radius:50%;float:left;margin: 8px 8px 0 0;}
.basic_table tbody td>ul>li>ul>li:before{content:"";display:block;width:6px;height:6px;background:#0e237c;border-radius:50%;float:left;margin: 10px 8px 0 0;}
.basic_table tbody li li li:before{content:"";display:block;width:8px;height:2px;background: #939393;float:left;margin:10px 8px 0 0;}
.basic_table tbody li.li_none:before{display:none;}
.basic_table tbody td table{border-top:1px solid #02224d;}
.basic_table tbody td .sbtn_go, .basic_table tbody td .sbtn_new, .basic_table tbody td .sbtn_down{white-space:nowrap}
.basic_table .point_bg{background: #fffded;}
.table_left td{text-align:left}
li .basic_table td{text-align:center}
li .basic_table td.txt_left{text-align:left}

.over_table .scroll_guide {position: relative;padding: 10px 20px;background: #fffded;margin-bottom: 5px;text-align: center;}
.over_table .scroll_guide:before{position:absolute; top:50%; left:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〈";}
.over_table .scroll_guide:after{position:absolute; top:50%; right:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〉";}
.over_table .scroll_guide p{text-align:center;font-weight:600;color:#666;font-size: 13px;}
.over_table .scroll_guide p:before{ content:"좌우로 움직이시면 자세한 내용을 확인하실 수 있습니다."; }

.basic_table_s{width:100%;min-width:800px;margin:10px 0;border-top:1px solid #2c60cb}
.basic_table_s th, .basic_table_s td{text-align:center;padding:5px 10px;border:1px solid #ddd;border-top:none;vertical-align:middle;line-height:1.5em}
.basic_table_s thead th{background:#f6f9ff;color:#444;font-size:14px}
.basic_table_s tbody th{background:#f6fbff;color:#444;font-size:14px}
.basic_table_s tbody td{color:#555;font-size:12px}
.basic_table_s tbody td li{padding:0 0 0 12px;margin:0 0 5px 0;background:url("/images/gpass/common/li01.png") no-repeat 0 7px;text-align:left}
.basic_table_s tbody td li ul{margin:7px 0}
.basic_table_s tbody td li li{padding:0 0 0 10px;background:url("/images/gpass/common/li02.png") no-repeat 0 7px}
.basic_table_s tbody td li li li{padding:0 0 0 12px;background:url("/images/gpass/common/li03.png") no-repeat 0 7px}
.basic_table_s tbody td table{border-top:1px solid #2c60cb}
.basic_table_s tbody td .sbtn_go, .basic_table tbody td .sbtn_new, .basic_table tbody td .sbtn_down{white-space:nowrap}

.tb2 {border-right:0;}
.tb2 tbody th { color: #ffffff; background: #02224d;font-weight: 600;}

/* 탭 */
.basic_tab{overflow:hidden;margin:0 0 30px 0;}
.basic_tab li{float:left;width:100%;margin-bottom: 4px;}
.basic_tab li a{color: #878787;display:block;padding:15px 10px;font-size:18px;border-bottom:2px solid #cecece;min-height: 90px;}
.basic_tab li a:hover{color:#007df1;}
.basic_tab li.on a{color:#007df1;border-color:#007df1;font-weight:800;}

.basic_tab2{overflow:hidden;margin:30px 0;border-radius:10px;border-top: 1px solid #ddd;border-left: 1px solid #ddd}
.basic_tab2 li{float:left;width:100%;box-sizing:border-box;}
.basic_tab2 li:last-child{border:none;}
.basic_tab2 li a{padding: 15px 20px;display:block;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #fff;}
.basic_tab2 li a:hover{color:#0576d7;}
.basic_tab2 li.on a{background: linear-gradient(45deg, #0e92d0, #0473d7);color: #ffffff;font-weight: 700;}

.tab_con{background:#fff;padding:30px 20px;border-radius:20px;margin-bottom:20px;}
.tab_con h4:first-child, .tab_con h5:first-child, .tab_con h6:first-child{margin-top:0;}

/* 박스형 컨텐츠*/
.basic_box{padding:18px;margin:20px 0 30px 0;background: #fff;border-radius: 0 15px;box-shadow:0 3px 8px #ddd9;border: 1px solid #007df0;position: relative;}
.basic_box>div{padding: 15px;border-radius:10px;}
.basic_box:before{content:"";display:block;position:absolute;width: 25%;height: 8px;background: #007df0;top: -5px;left: -1px;border-radius: 50px;}
.basic_box p{line-height:1.5em;}
.basic_box ul{margin-bottom:0;}
.basic_box ul li{margin:0 0 8px 0;line-height:1.5em;overflow:hidden;}
.basic_box ul li ul{margin: 5px 0 0 0;}
.basic_box ul li li{margin-bottom:5px;margin-left:15px;}
.basic_box ul li li li{font-size:15px;margin-left:15px;color: #6f6f6f;}
.basic_box ul>li:before{content:"";display:block;width: 10px;height: 10px;background:url("/images/myjb/common/li01.png")no-repeat;border-radius:50%;float:left;margin: 8px 8px 0 0;}
.basic_box ul>li>ul>li:before{content:"";display:block;width:6px;height:6px;background:#0e237c;border-radius:50%;float:left;margin: 10px 8px 0 0;}
.basic_box ul li li li:before{content:"";display:block;width:8px;height:2px;background: #939393;float:left;margin:10px 8px 0 0;border-radius: 0;}
.basic_box dt{font-size:22px;font-weight:800;color:#006cd4;margin:0 0 10px 0;padding-bottom:10px;border-bottom:1px dashed #c7c7c7;}
.basic_box dt:first-child{margin-top:0;}
.basic_box dd, .basic_box2 dd{line-height:1.5em;margin:0 0 5px 0;}
.basic_box dd:before, .basic_box2 dd:before{content:"";display:block;width: 10px;height: 10px;background:url("/images/myjb/common/li01.png")no-repeat;border-radius:50%;float:left;margin:8px 8px 0 0;}

.basic_box2{padding:18px;margin:20px 0 30px 0;background: #fff;border-radius: 15px 0;box-shadow:0 3px 8px #ddd9;outline: 3px solid #007df054;outline-offset: -3px;}
.basic_box2>div{padding: 15px;border-radius:10px;position:relative;}
.basic_box2>div:before{content:"";display:block;position:absolute;width: 90%;height: 3px;background: #ffffff;bottom: -18px;left: -15px;border-radius: 50px;}
.basic_box2>div:after{content:"";display:block;position:absolute;width: 90%;height: 3px;background: #ffffff;top: -18px;right: -15px;border-radius: 50px;}
.basic_box2 p{line-height:1.5em;}
.basic_box2 ul{margin-bottom:0;}
.basic_box2 ul li{margin:0 0 8px 0;line-height:1.5em;overflow:hidden;}
.basic_box2 ul li ul{margin: 5px 0 0 0;}
.basic_box2 ul li li{margin-bottom:5px;margin-left:15px;}
.basic_box2 ul li li li{font-size:15px;margin-left:15px;color: #6f6f6f;}
.basic_box2 ul>li:before{content:"";display:block;width: 10px;height: 10px;background:url("/images/myjb/common/li01.png")no-repeat;border-radius:50%;float:left;margin: 8px 8px 0 0;}
.basic_box2 ul>li>ul>li:before{content:"";display:block;width:6px;height:6px;background:#0e237c;border-radius:50%;float:left;margin: 10px 8px 0 0;}
.basic_box2 ul li li li:before{content:"";display:block;width:8px;height:2px;background: #939393;float:left;margin:10px 8px 0 0;border-radius: 0;}
.basic_box2 dt{font-size:20px;font-weight:800;color:#006cd4;margin:0 0 10px 0;padding-bottom:10px;border-bottom:1px dashed #c7c7c7;}

.notice_box{padding:18px;margin:20px 0 30px 0;background: #fff;border-radius: 0 15px;box-shadow:0 3px 8px #ddd9;border: 1px solid #007df0;}
.notice_box>div{padding: 15px;border-radius:10px;position:relative;background: url("/images/myjb/common/notice.png")no-repeat left 18px top 18px;padding:18px 18px 18px 120px;}
.notice_box>div:before{content:"";display:block;position:absolute;width: 25%;height: 8px;background: #007df0;top: -23px;left: -19px;border-radius: 50px;}
.notice_box .notice1{background: url("/images/myjb/common/notice1.png")no-repeat left 31px top 18px;}
.notice_box .notice2{background: url("/images/myjb/common/notice2.png")no-repeat left 27px top 18px;}
.notice_box .notice3{background: url("/images/myjb/common/notice3.png")no-repeat left 23px top 18px;}
.notice_box .notice4{background: url("/images/myjb/common/notice4.png")no-repeat left 26px top 18px;}
.notice_box .notice5{background: url("/images/myjb/common/notice5.png")no-repeat left 19px top 18px;}
.notice_box .notice6{background: url("/images/myjb/common/notice6.png")no-repeat left 26px top 18px;}
.notice_box .notice7{background: url("/images/myjb/common/notice7.png")no-repeat left 34px top 18px;}
.notice_box p{line-height:1.5em;}

.info_box{margin:0 0 20px 0;border-radius:10px;background: url("/images/myjb/common/ico_info.png")no-repeat #fff left 16px center;line-height:1.5em;padding: 20px 20px 20px 50px;/* outline: 5px solid #3c77ff40; *//* outline-offset: -5px; */border: 1px solid #007df0;}
.info_box1{margin:0 0 20px 0;border-radius:10px;line-height:1.5em;padding: 20px 20px 20px 50px;background: url(/images/myjb/common/ico_info2.png) no-repeat left 16px center #ffecec;/* outline: 5px solid #ffd2d2; *//* outline-offset: -5px; */}
.info_txt{line-height:1.5em;padding: 8px 0 8px 36px;background: url("/images/myjb/common/ico_info2.png")no-repeat left center;}

.line_dot{border-top:1px dashed #c7c7c7;padding-top:10px;margin-top:10px;}

/* 모바일 이미지 확대보기 */
.big_img{border:1px solid #0473d71a;position:relative;padding: 10px;margin:0 0 40px 0;text-align:center;border-radius:10px;overflow:hidden;background: #fff;}
.big_img img{width:100%}
.big_img a{padding: 10px 10px 5px 10px;font-size: 14px;position:absolute;bottom:0;right:0;background: #fff;color: #007cf3;border-radius: 10px 0;outline: 1px solid #007cf3;outline-offset: -1px;}
.big_img a span:after{content:"";display:block;background: url("/images/myjb/common/cmd_icon.png")no-repeat left top -55px;width: 22px;height: 22px;float: left;margin: 0 5px 0 0;}
.w100 img, img.w100{width:100%;border:1px solid #0473d71a;border-radius:10px;}
.comment{display:block;overflow:hidden;position:absolute;font-size:1.8em;left:-5000px;top:-999px;}

/* 버튼 스타일*/
.basic_btn{text-align:center;margin:20px 0;}
.basic_btn a{display:inline-block;text-align:left;margin:0 5px 10px 5px;border: 1px solid #007df0;border-radius: 10px;font-size:17px;}
.basic_btn a:hover{background:linear-gradient(to left, #0e92d0, #0473d7);color:#fff;}
.basic_btn span{display:block;padding:18px 24px;}
.basic_btn span:after{content:"";display:block;width:20px;height:20px;float:right;margin-left: 10px;}
.basic_btn .btn_go span:after{background:url("/images/myjb/common/btn_go.png")no-repeat left center;}
.basic_btn .btn_new span:after{background:url("/images/myjb/common/btn_new.png")no-repeat left center;}
.basic_btn .btn_down span:after{background:url("/images/myjb/common/btn_down.png")no-repeat left center;}
.basic_btn .btn_go:hover span:after, .basic_btn .btn_new:hover span:after, .basic_btn .btn_down:hover span:after{background-position-x:right;}

.sbtn_go{display:inline-block;font-size:14px;color:#0e237c;padding: 6px 15px;text-align:left;border:1px solid #0e237c;border-radius:8px;margin:2px 5px 2px 0;}
.sbtn_new{display:inline-block;font-size:14px;color:#0e237c;padding: 6px 15px;text-align:left;border:1px solid #0e237c;border-radius:8px;margin:2px 5px 2px 0;}
.sbtn_down{display:inline-block;color:#0e237c;font-size:14px;padding: 6px 15px;text-align:left;border:1px solid #0e237c;border-radius:8px;margin:2px 5px 2px 0;}
.sbtn_file{display:inline-block;font-size:14px;color:#0e237c;padding: 6px 15px;text-align:left;border:1px solid #0e237c;border-radius:8px;margin:2px 5px 2px 0;}
.sbtn_study{display:inline-block;color:#007df1;font-size:14px;padding: 6px 15px;text-align:left;border:1px solid #007df1;border-radius:8px;margin:2px 5px 2px 0;}
.sbtn_solve{display:inline-block;color: #222;font-size:14px;padding: 6px 15px;text-align:left;border: 1px solid #222;border-radius:8px;background: #f5f5f5;margin:2px 5px 2px 0;}
.sbtn_go span{padding-right:30px;background:url("/images/myjb/common/sbtn_go.png")no-repeat right;}
.sbtn_new span{padding-right:30px;background:url("/images/myjb/common/sbtn_new.png")no-repeat right;}
.sbtn_down span{padding-right:30px;background:url("/images/myjb/common/sbtn_down.png")no-repeat right;}
.sbtn_file span{padding:1px 30px 1px 0;background:url("/images/myjb/common/sbtn_file.png")no-repeat right;}
.sbtn_study span{padding-right:30px;background:url("/images/myjb/common/sbtn_study.png")no-repeat right;}
.sbtn_solve span{padding-right:30px;background:url("/images/myjb/common/sbtn_solve.png")no-repeat right center;}
.sbtn_go:hover, .sbtn_new:hover, .sbtn_down:hover, .sbtn_file:hover, .sbtn_study:hover, .sbtn_solve:hover{background:#fff;}

.icon_btn{text-align:center;}
.icon_btn a{display:inline-block;font-size:15px;background:#fff;padding: 6px 15px;margin:0 5px 10px 5px;border-radius:8px;border: 1px solid #22222240;color: #222;box-shadow: 0 2px 3px #ddddddab;}
.icon_btn a:hover{border-color:#007cf3;}
.icon_btn a span{padding: 3px 30px 3px 0;display:block;}
.icon_btn .hwp span{background:url("/images/myjb/common/icon_hwp.gif")no-repeat right;}
.icon_btn .pdf span{background:url("/images/myjb/common/icon_pdf.gif")no-repeat right;}
.icon_btn .xls span{background:url("/images/myjb/common/icon_xls.gif")no-repeat right;}
.icon_btn .zip span{background:url("/images/myjb/common/icon_zip.gif")no-repeat right;}

.txt_link, .txt_link:hover{color:#007cf3;text-decoration:underline;padding-right: 20px;}
.txt_link::after{content:"";display:inline-block;width:20px;height:20px;background: url("/images/myjb/common/cmd_icon.png")no-repeat left -43px bottom -5px;position: absolute;}

.reser_step{margin:30px 0 0 0;border-radius:20px;overflow:hidden;box-shadow:0 3px 8px #ddd9;}
.reser_step ol{border:1px solid #c7c7c7;border-radius:20px;background:#fff;}
.reser_step li{text-align:center;padding:20px 15px;border-top:1px solid #c7c7c7;}
.reser_step li:first-child{border:none;}
.reser_step li.on{background: linear-gradient(45deg, #0e92d0, #0473d7);color:#fff;text-shadow:0 0 8px #1359ac;}
.reser_step li span{font-size:12px;padding:3px 10px;background:#e5e9f7;border-radius:30px;display:inline-block;color:#0e237c;margin:0 8px 0 0;}
.reser_step li.on span{background:#fff;text-shadow:none;}
.reser_step li em{display:block;font-size: 15px;padding: 7px 0 0 0;}

/*사이트맵*/
.s_con .sitemap{margin:20px 0 0 0;}
.s_con .sitemap>div{margin: 0 0 40px 0;border-radius:20px;border:1px solid #ddd;overflow:hidden;background: #fff;}
.s_con .sitemap h4{margin:0;}
.s_con .sitemap h4 a{display:block;background: linear-gradient(to top, #dbe6ff, #fff);color: #0e237c;padding: 20px;font-family:'NpsFont';font-weight: 600;}
.s_con .sitemap div div>ul>li>a {display:block;padding: 10px 0;color: #222;font-weight: 600;border-bottom:dashed 1px #dedede;}
.s_con .sitemap div div>ul>li>a:hover{color:#0e237c;}
.s_con .sitemap div div>ul>li:last-child>a{border-bottom:none;}
.s_con .sitemap div div>ul>li>a:hover, .sitemap div div>ul>li>a:focus {text-decoration:underline;}
.s_con .sitemap div div>ul>li>ul {/*padding: 12px 15px 15px;*/display: none;}
.s_con .sitemap li li {margin: 10px 0 0 0; font-size:.987rem;}
.s_con .sitemap li li:first-child{margin:0;}
.s_con .sitemap li li a {display:block;padding-left:15px;color:#525252;background:url('/images/myjb/common/li01.png') no-repeat 0 3px;font-size:.9rem;}
.s_con .sitemap li li a:hover, .sitemap li li a:focus {text-decoration:underline;}
.s_con .sitemap li li ul {padding: 12px;margin-top: 10px;background: #f5f8ff;border-radius:10px;}
.s_con .sitemap li li li a {font-size:14px;color:#555;background:none;padding-left: 4px;}
.s_con .sitemap li li li a:before{content:"";display:block;width:6px;height:6px;background: #0e237c;border-radius:50%;float:left;margin: 5px 7px 0 0;}
.s_con .sitemap div div>ul{padding: 20px;}

/* 폰트 사이즈 : 기본적으로 작성은 되어있으나 사용여부는 디자이너 판단 */
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs21{font-size:21px;}
.fs22{font-size:22px;}
.fs23{font-size:23px;}
.fs24{font-size:24px;}
.fs25{font-size:25px;}
.fs26{font-size:26px;}

/* 기본 마진 : 상황에 따라 추가 가능 */
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}

.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}

.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}

.mb05{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}

/* 기본 패딩 : 상황에 따라 추가 가능 */
.p0{padding:0 !important;}
.pb0{padding-bottom:0px !important}
.pb10{padding-bottom:10px !important}
.pb20{padding-bottom:20px !important}
.pb30{padding-bottom:30px !important}

.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}

.pr10{padding-right:10px;}
.pr20{padding-right:10px;}
.pr30{padding-right:10px;}

.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt100{padding-top:100px !important}

/* 기본 선 : 상황에 따라 추가 가능 */
.bd_eb{border: 1px solid #ebebeb;}
.bd_B9{border: 1px solid #B9B9B9;}

/* 기본 라운드 : 상황에 따라 추가 가능 */
.br10{border-radius: 10px;}
.br15{border-radius: 15px;}
.br20{border-radius: 20px;}
.br30{border-radius: 30px;}
.br40{border-radius: 40px;}
.br50{border-radius: 50px;}



/* 배경 없앰 */
.bg_none{background:none !important;}

.va_top{vertical-align:top !important;}

/* 컨텐츠 float */
.f_left{float:left;}
.f_right{float:right;}

/* float 해제 */
.clear{clear:both}

/* 이미지 및 컨텐츠 정렬 시. */
.txt_center{text-align:center !important}
.txt_right{text-align:right !important}
.txt_left{text-align:left !important}

.list_none{text-align:center;padding-bottom:40px;}

/* ************************* E : common style************************** */

/*Mobile*/
/*강의신청*/
.bbs_vtop{position: relative;}
.bbs_vtop h4{font-size: 24px;padding: 20px 0 30px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;width: calc(100% - 120px);}
.bbs_vinfo .edu_box{margin-bottom:30px;}
.bbs_vinfo .edu_img{overflow:hidden;border-radius:20px;margin:0 0 20px 0;aspect-ratio: 155/87;}
.bbs_vinfo .edu_img img{width:100%;height:100%;}
.bbs_vinfo .edu_info{padding:20px;border-radius:20px;background:#fff;border: 1px solid #007cf370;}
.bbs_vinfo .edu_info>span{display:block;padding: 5px 18px;width:fit-content;border-radius:8px;background:linear-gradient(to right, #0097de, #007ff2);color:#fff;margin: 0 0 20px 0;}
.bbs_vinfo .edu_info .edu_ing{background:#0e237c;}
.bbs_vinfo .edu_info li{padding:0 0 20px 0;}
.bbs_vinfo .edu_info li strong{margin-right:10px;}
.bbs_vinfo .edu_info li strong:before{content:"";display:block;width: 21px;height:22px;float:left;margin-right:8px;background: url("/images/myjb/common/cmd_icon.png")no-repeat left -86px top;}
.bbs_vinfo .edu_info li:nth-child(4) strong{letter-spacing: 7px;margin-right: 3px;}
.bbs_vinfo .edu_info .type span, .bbs_vinfo .edu_info .field span{display: inline-block;font-size:15px;padding:3px 10px;border-radius:50px;border: 1px solid #0e237c;color: #0e237c;margin-top: -2px;}
.bbs_vinfo .edu_info .edu_btn{display:block;padding:15px;font-weight:700;color:#0e237c;background:#f5f5f5;border-radius:50px;text-align: center;font-size: 18px;margin: 10px 0;}
.bbs_vinfo .edu_info .edu_cancel{display:block;padding:15px;font-weight:700;color:#7e7e7e;background:#f5f5f5;border-radius:50px;text-align: center;font-size: 18px;margin: 10px 0;}

/*마이페이지*/
.basic_table .st02{color:#2b92f3;}
.basic_table .st03{color:#0e237c;}
.basic_table td a{display: inline-block;}

/*레이어팝업*/
.sub_pop{position:fixed;top:0;left:0;z-index:9;background:#00000070;width:100%;height:100%;}
.sub_pop>div{background:#fff;margin:100px 20px;border-radius:20px;overflow:hidden;position: relative;}
.sub_pop>div h4{text-align:center;padding:20px;background:#eff2f9;font-size:22px;margin: 0;}
.sub_pop>div video{display:block;border:1px solid #ddd;margin:20px auto;width:90%;border-radius:10px;}
.sub_pop .close{display:block;width:30px;height: 22px;background: url("/images/myjb/common/cmd_icon.png")no-repeat left -47px top -50px;font-size:0;position: absolute;top: 20px;right: 8px;}

.exam_pop .exam_wrap{padding:20px;height:75vh;overflow-y:scroll;}
.exam_pop .q_box{margin:0 0 30px;position:relative;}
.exam_pop .q_box>p{padding: 0 0 10px 0;overflow: hidden;border-bottom: 1px solid #ddd;margin: 0 0 20px 0;}
.exam_pop .q_box>p>strong{color:#0e237c;display: inline-block;float: left;font-size:17px;}
.exam_pop .q_box .number{display:inline-block;padding:3px;border-radius:5px;background:linear-gradient(to right, #0097de, #007ff2);color:#fff;width:25px;height:25px;text-align:center;font-size:16px;margin-right:8px;}
.exam_pop .q_box .q_hint{display:block;font-size:14px;color:#007cf0;padding:6px 15px;text-align:left;border:1px solid #007cf0;border-radius:8px;float:right;font-weight:700;background: #fff;}
.exam_pop .q_box .q_hint span:after{content:"";display:inline-block;width: 15px;height: 17px;background: url("/images/myjb/common/cmd_icon.png")no-repeat left -139px bottom -7px;float:right;margin-left: 8px;}
.exam_pop .q_box .hint{display: none;position:absolute;top: 30%;right: 0;font-size:15px;background:#ffffd5;padding:10px 15px;border-radius:5px;box-shadow: 0 3px 10px #00000024;}
.exam_pop .q_box .hint.on{display:block;}
.exam_pop .q_box li{margin-bottom:10px;overflow: hidden;}
.exam_pop .q_box li input[type="radio"]{display:none;}
.exam_pop .q_box li .on{width:20px;height:20px;border:1px solid #ddd;border-radius:50%;display: block;float: left;margin-right:10px;cursor: pointer;}
.exam_pop .q_box input[type="radio"]:checked + .on{border-color: #007cf0;background: #007cf3;outline:3px solid #fff;outline-offset:-4px;}

/*게시판 상단 일러스트 박스*/
.basic_box.illust_box{font-size:17px;line-height:1.5em;text-align:center;word-break:keep-all;}
.basic_box.illust_box .illust{margin:20px 10px;}
.basic_box.illust_box img{max-width: 100%;}
.basic_box.illust_box .illust img{width:100%;max-width: 385px;}

/*Tablet*/
@media all and (min-width:768px) {
.basic_tab li, .basic_tab2 li{width:50%;}
.basic_tab2 li a{border-right: 1px solid #c7c7c769;}

.reser_step ol{display:flex;flex-wrap:wrap;}
.reser_step li{width:33.333%;border-top:none;border-left:1px solid #ddd;}

.s_con .sitemap{display:flex;flex-wrap:wrap;justify-content:space-between;}
.s_con .sitemap>div{width:49%;}
    
.sub_pop>div{max-width:1436px;margin:60px auto 0;box-shadow: 0 5px 15px #00000052;}
.sub_pop>div h4{font-size:30px;padding:40px 0;}
.sub_pop>div video{margin:45px auto;max-width: 1200px;}
.sub_pop .close{top:40px;right:30px;}

.exam_pop .exam_wrap{padding:40px;}
.exam_pop .q_box{margin:0 0 60px 0;}
.exam_pop .q_box>p>strong{font-size:20px;}
.exam_pop .q_box li{margin-bottom:20px;}
.exam_pop .q_box li label{font-size:18px;}
.exam_pop .q_box .hint{top:35px;width:50%;}
}

/*PC*/
@media all and (min-width:1023px) {   
.s_con h4:first-child{margin-top:0;}

.basic_tab li a{font-size:20px;}
.tab_con{padding: 35px 40px;}

.over_table .scroll_guide{display:none;}
}

@media all and (min-width:1400px) {
.basic_box.illust_box{text-align:left;font-size: 19px;position:relative;}   
.basic_box.illust_box>div{width: 70%;padding: 65px 30px;}
.basic_box.illust_box .illust{margin:0;position: absolute;bottom:0;right: 30px;}
}

@media all and (min-width:1600px) {
.basic_tab{margin:0 0 35px 0;}
.basic_tab ul{display:flex;flex-wrap:wrap;}
.basic_tab li{margin-right:1%;}
.basic_tab .col2 li{width:49%;}
.basic_tab .col3 li{width:32%;}
.basic_tab .col4 li{width:24%;}
.basic_tab li a{font-size: 26px;padding: 35px 0 35px 40px;text-align: left;min-height: 150px;} 

.basic_tab2{border-radius:20px;}
.basic_tab2 ul{display:flex;flex-wrap:wrap;}
.basic_tab2 .col2 li{width:50%;}
.basic_tab2 .col3 li{width:33.333%;}
.basic_tab2 .col4 li{width:25%;}
.basic_tab2 li a{padding:20px;font-size: 17px;}

.big_img{padding:15px;}
.big_img a{display:none;}
.w100 img, img.w100{width:auto;}

.s_con .sitemap{margin-top:0;}
.s_con .sitemap>div{width:24%;}
    
.bbs_vtop h4{font-size:32px;padding: 0 0 20px 0;margin-bottom: 0;}   
.bbs_vinfo .edu_box{overflow:hidden;display:flex;justify-content:space-between;margin-bottom: 35px;}
.bbs_vinfo .edu_img{width: 775px;margin-bottom:0;}
.bbs_vinfo .edu_info{width: calc(100% - 815px);padding: 40px;}
.bbs_vinfo .edu_info>span{margin-bottom:25px;}
.bbs_vinfo .edu_info li{padding:0 0 30px 0;}
}            


/*2024.10.18 공공누리 추가*/    
                                                                                                                                           
.license{text-align:center;margin:0 0 20px 0}
.license span{display:block;margin:10px 0 0 0;line-height:1.4em;}

/* Tablet */
@media all and (min-width:768px) {

.license{text-align:left}
.license a{display:block;overflow:hidden}
.license img{float:left;margin:0 20px 0 0;vertical-align:middle}
.license em{color:#034694}

}

@media all and (min-width:1400px) {
.license{margin-top:80px;border-top:dashed 1px #ccc;padding-top:50px;}
}