/* import는 link css 로딩후 작동하므로 전체 load시간이 늘어난다 @import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); */ /*@import url('/webheads/css/nanumgothic.css');*/ @charset "utf-8"; body { font-family:'NanumGothic', sans-serif; } h3, h4, h5, h6 { font-family:'NanumGothic', sans-serif; } ul, li, ol, dl, dt, dd { list-style:none; } a:hover { text-decoration:none; } .skip { display:none; } .fng {font-family:'NanumGothic', sans-serif;} /*--종로국가고시 리뉴얼 스타일시트 추가입니다.---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* font-family: 'Noto Sans KR', sans-serif;*/ .jroWrap { position:relative;} .jro_header { position:relative; z-index:30;width:100%; /*background: pink;*/} /*최상단 베너존*/ .jro_hdTopbner { width:100%; min-width:1000px;height:89px; text-align:center; background: #0d285b; } .jro_hd_taparea { width:1000px; height:86px;margin: 0 auto;} .jro_hd_taparea > h1 { float:left; width:283px; text-align:left; margin-top:23px;} /*분류 탭*/ .jro_hd_tap { float:left; width:560px;height:49px;margin-top:38px; /*background: red; */} .jro_hd_tap > li { float:left; position:relative; width:166px; margin-right:10px; } .jro_hd_tap > li > a { display:table-cell; width:166px; height:49px;vertical-align:middle; text-align:center; font-family: 'Noto Sans KR', sans-serif;font-size:15px; color:#fff;background:#57595e; border-top-left-radius:20px; border-top-right-radius:20px; } .jro_hd_tap > li.active > a { display:table-cell; width:166px; height:49px;vertical-align:middle; text-align:center; font-family: 'Noto Sans KR', sans-serif;font-size:15px; color:#fff;background:#324ea2; border-top-right-radius:0px;} .jro_hd_tap > li.active > span { position:absolute; right: -35px;top: 0px; z-index: 4;} .jro_hd_tap > li.activeOn > a { display:table-cell; width:166px; height:49px;vertical-align:middle; text-align:center; font-family: 'Noto Sans KR', sans-serif;font-size:15px; color:#fff;background:#d90d38; border-top-right-radius:0px;} .jro_hd_tap > li.activeOn > span { position:absolute; right: -36px;top: 0px; z-index: 4;} .jro_hd_lnb { float:right; margin-top:54px;} .jro_hd_lnb > span { padding:0px 5px;} .jro_hd_lnb > span > a { font-family: 'Noto Sans KR', sans-serif; font-size:13px;} /*대메뉴*/ .jro_hd_gnbArea { width:100%; min-width:1000px;height:55px;background: #324ea2; border-bottom:1px solid #2d67b0; } .jro_hd_gnbAreaOline { width:100%; min-width:1000px;height:55px;background: #d90d38; border-bottom:1px solid #c9052e; } .jro_hd_gnb { position:relative; z-index:444;width:1000px; height:55px;margin: 0 auto; } .jro_hd_gnbLeft { float:left; overflow:auto;} .jro_hd_gnbLeft > li { display:table-cell; } .jro_hd_gnbLeft > li > a { display:table-cell; height:55px; vertical-align:middle; padding:0px 30px; color:#fff; font-family: 'Noto Sans KR', sans-serif;font-size:17px; font-weight:400;} .jro_hd_gnbLeft > li.active > a { background: #fff; color: #000; height:45px; border-top:4px solid #324ea2; padding-bottom:5px} .jro_hd_gnbLeft > li.activeOn > a { background: #fff; color: #000; height:45px; border-top:4px solid #d90d38; padding-bottom:5px} /*온라인 대메뉴*/ .jro_hd_gnbAreaOline { width:100%; min-width:1000px;height:55px;background: #d90d38; border-bottom:1px solid #c9052e; } .jro_hd_gnbLeft0_Oline { float:left; width:212px;overflow:auto;} .jro_hd_gnbLeft0_Oline > li { display:table-cell; } .jro_hd_gnbLeft0_Oline > li > a { color: #fff; height:55px; line-height:55px; padding-left:15px; font-family: 'Noto Sans KR', sans-serif;font-size:17px; font-weight:400;} .jro_hd_gnbLeft0_Oline > li.quimn > a { color: #fed700; height:55px; padding-left:23px;font-family: 'Noto Sans KR', sans-serif;font-size:17px; font-weight:400; background: url('/template/1/html/image/jro_onBl.png') no-repeat 0px 3px;} .jro_hd_gnbLeft_Oline { float:left; width:350px;overflow:auto;} .jro_hd_gnbLeft_Oline > li { display:table-cell; } .jro_hd_gnbLeft_Oline > li > a { display:table-cell; height:55px; vertical-align:middle; padding:0px 20px; color:#fff; font-family: 'Noto Sans KR', sans-serif;font-size:17px; font-weight:400;} .jro_hd_gnbLeft_Oline > li.active > a { background: #fff; color: #000; height:45px; border-top:4px solid #d90d38; padding-bottom:5px} .jro_hd_gnbRight {float:right; width:250px; overflow:auto;} .jro_hd_gnbRight > li { display:table-cell; padding-right:16px; } .jro_hd_gnbRight > li > a { display:table-cell; text-align:left; height:55px; vertical-align:middle; text-indent:12px; padding-left:15px;color:#fff; font-family: 'Noto Sans KR', sans-serif;font-size:15px; font-weight:400;} .jro_hd_gnbRight > li.gnb02_01 { background: url('/template/1/html/image/jro_gnb_icon01.png') no-repeat 0% 50%;} .jro_hd_gnbRight > li.gnb02_02{ background: url('/template/1/html/image/jro_gnb_icon02.png') no-repeat 0% 50%;} .jro_hd_gnbRight > li.gnb02_03 { background: url('/template/1/html/image/jro_gnb_icon03.png') no-repeat 0% 50%;} .jro_hd_gnbRight > li.gnb02_04{ background: url('/template/1/html/image/jro_gnb_icon04.png') no-repeat 0% 50%;} /*드롭다운 메뉴*/ .jro_hd_gnbRoll { position:absolute; left:0px; top:56px; width:540px; overflow:auto; ;background:#fff; /*border:1px solid #ccc;*/ border-top:0px; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);} .jro_hd_gnbRoll > ul { padding:30px 0px; overflow:auto ;} .jro_hd_gnbRoll > ul > li { float:left;width:145px; height:255px; border-left:1px solid #e1e1e3; padding-left:30px; } .jro_hd_gnbRoll > ul > li:first-child { border-left:0px;} .jro_hd_gnbRoll > ul > li > h4 { font-family: 'Noto Sans KR', sans-serif;font-size:14px; font-weight:500; color:#000; padding-bottom:15px;} .jro_hd_gnbRoll > ul > li > ul > li { line-height:23px;} .jro_hd_gnbRoll > ul > li > ul > li > a { font-family: 'Noto Sans KR', sans-serif;font-size:14px; font-weight:300;} .jro_hd_gnbRoll > ul > li > ul > li.active > a {color:#02a0e0 } .jro_hd_gnbRoll > ul > li > ul > li > a:hover {color:#02a0e0 } .jro_hd_gnbRsub { padding-top:5px; } .jro_hd_gnbRsub > li { line-height:23px;} .jro_hd_gnbRsub > li > a { font-family: 'Noto Sans KR', sans-serif;font-size:13px; } .jro_hd_gnbRsub > li > a:hover {color:#02a0e0 } /*온라인 드롭다운 메뉴*/ .jro_hd_gnbRoll_online { position:absolute; left:0px; top:56px; width:1000px; height:230px; background:#fff; /*border:1px solid #ccc;*/ border-top:0px; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);} .jro_hd_gnbRoll_online > ul { padding:30px 0px; } .jro_hd_gnbRoll_online > ul > li { float:left;width:125px; height:165px; border-left:1px solid #e1e1e3; padding-left:23px; } .jro_hd_gnbRoll_online > ul > li:first-child { border-left:0px;} .jro_hd_gnbRoll_online > ul > li h4 { font-family: 'Noto Sans KR', sans-serif;font-size:14px; font-weight:500; color:#000; padding-bottom:15px;} .jro_hd_gnbRoll_online > ul > li > ul > li { line-height:23px;} .jro_hd_gnbRoll_online > ul > li > ul > li > a { font-family: 'Noto Sans KR', sans-serif;font-size:14px; font-weight:300;} .jro_hd_gnbRoll_online > ul > li > ul > li.active > a {color:#02a0e0 } .jro_hd_gnbRoll_online > ul > li > ul > li > a:hover {color:#02a0e0 } .jro_hd_gnbRoll_online > div { position:absolute; left:725px; top:38px; padding: 0px 30px;} .jro_hd_gnbRsub { padding-top:5px; } .jro_hd_gnbRsub > li { line-height:23px;} .jro_hd_gnbRsub > li > a { font-family: 'Noto Sans KR', sans-serif;font-size:13px; } .jro_hd_gnbRsub > li > a:hover {color:#02a0e0 } /*왼쪽붙박이메뉴*/ .jro_msnb { position:absolute; left:0px; top:0px;z-index:1000;width:148px; min-height:100%; border-right:1px solid #d8d6d7; background: #f2f2f2;} .jro_msnb > h2 { padding-top:27px; padding-left:16px;padding-bottom:20px; border-bottom:1px solid #dbd8d8; } .jro_msnb > p.hi17y { padding-left:16px; padding-top:18px; padding-bottom:15px; border-bottom:1px solid #dbd8d8;} .jro_mber { padding-left:18px; margin-top:15px; padding-bottom:15px;border-bottom:1px solid #dbd8d8;} .jro_mber > div { padding-bottom:8px; color:#000; letter-spacing:-1px; line-height:22px;} .jro_kakao { padding:18px 0px; text-align:center; border-bottom:1px solid #dbd8d8; } /*메뉴*/ /*.jro_msnbList {margin-bottom:100px;}*/ .jro_msnbList > li { border-bottom:1px solid #dbd8d8; letter-spacing:-1px; } .jro_msnbList > li > h4 { display:block; padding-left:15px; height:55px; line-height:55px; background: url('/template/1/html/image/jro_lf_arrbg.png') no-repeat 93% 50%;} .jro_msnbList > li > h4 > a { display:block; color:#444; font-family: 'Noto Sans KR', sans-serif; font-size:14px; font-weight:400;} .jro_msnbList > li.active { background:#fff;} .jro_msnbList > li.active > h4 { padding-left:15px; height:55px; line-height:55px; background: url('/template/1/html/image/jro_lf_arrbg2.png') no-repeat 93% 50%;} .jro_msnbList > li.active > h4 > a { display:block; color:#ba0303; font-family: 'Noto Sans KR', sans-serif; font-size:14px;font-weight:400;} .jro_sc00Center > a { display:block; font-size:13px; height:55px; font-weight:500;line-height:55px; padding-left:38px; color:#444; background: #fff url('/template/1/html/image/jro_lf_icon01.png') no-repeat 14px 50%;} .jro_tCher > a { display:block; font-size:13px; height:55px; font-weight:500;line-height:55px; padding-left:38px; color:#444; background: #fff url('/template/1/html/image/jro_lf_icon04.png') no-repeat 14px 50%;} .jro_visit > a { display:block; font-size:13px; height:55px; font-weight:500; line-height:55px; padding-left:38px; color:#444; background: #fff url('/template/1/html/image/jro_lf_icon02.png') no-repeat 14px 50%;} .jro_CEO > a{ display:block; font-size:13px; height:55px; font-weight:500; line-height:55px; padding-left:38px; color:#444; background: #fff url('/template/1/html/image/jro_lf_icon03.png') no-repeat 14px 50%;} .jro_msnbsb { border-top:1px solid #dbd8d8; padding-bottom:10px;} .jro_msnbsb > li { font-size:13px; color:#333;padding-left:25px; line-height:30px; background: url('/template/1/html/image/jro_lf_sdot.png') no-repeat 14px 13px;} .jro_msnbsb > li > a { display:block; color:#777; font-family: 'Noto Sans KR', sans-serif;} .jro_msnbsb > li > a:hover { color:#000; } .jro_msnbsb > li.active > a { color:#000; font-family: 'Noto Sans KR', sans-serif;} .jro_msnbsb > li > ul > li { line-height:25px;} .jro_msnbsb > li > ul > li > a { font-family: 'Noto Sans KR', sans-serif; } .jro_msnbsb > li > ul > li > a:hover{ color:#000;font-family: 'Noto Sans KR', sans-serif; } .jro_msnbsb > li > ul > li > a.left_html_link{ color:#324ea2} .jro_msnbsb > li > ul > li > a:hover.left_html_link{ color:#0261d7} /* 공시마 합격예측 TEST */ .jro_pass_predict_test {margin-bottom: 100px; margin-top: 20px;} .jro_pass_predict_test .jro_pass_predict_test_bg {background: url('/template/1/image/pass_predict_test_bg.png') no-repeat center center; width: 138px; height: 346px;} .jro_pass_predict_test .jro_pptc_count {background-color: #ffffff; color: red; font-weight: bold; width: 70px; left: 50px; position: relative; text-align: right;} .jro_pass_predict_test .jro_pptc_count_niat { top: 96px;} .jro_pass_predict_test .jro_pptc_count_hda { top: 147px;} .jro_pass_predict_test .jro_pptc_count_ncs { top: 197px;} .jro_pass_predict_test .jro_pptc_btn { width: 117px; height: 23px; position: relative; left: 10px; } .jro_pass_predict_test .jro_pptc_btn_niat { top: 109px; } .jro_pass_predict_test .jro_pptc_btn_hda { top: 157px; } .jro_pass_predict_test .jro_pptc_btn_ncs { top: 205px; } .jro_Contants { clear:both; position:relative;width:100%; min-width:1000px;/*background: skyblue;*/} /*비쥬얼베너*/ .jro_vsalArea { position:relative; width:100%; height:548px; } .jro_vsal { width:100%; height:500px; overflow:hidden; } .jro_vsal > li { display:block;} .jro_vsal > li.jro_vsalbg01 { width:100%; height:338px; overflow:hidden; background:#0d2748 url('/template/1/html/image/smpleVsal.jpg') no-repeat top center; text-align:center;} .jro_vsal > li.jro_vsalbg02 { background:#0d2748 url('/template/1/html/image/smpleVsal.jpg') no-repeat top center; text-align:center;} .jro_vsal > li > a { display:inline-block; width:1000px; height:338px; text-indent:-9999px;} .jro_vsal > li > a { display: inline-block; height: inherit; left: 50%; margin-left: -500px; position: absolute; text-indent: -9999px; width: 1000px; } .jro_vnb { position:absolute; left:50%; top:0px; margin-left:260px;width:238px; height:336px; border:1px solid #2d67b0; background:#2e66b0; } .jro_vnb > li { height:55px; line-height:55px; text-indent:20px; border-top:1px solid #4c7ebb; } .jro_vnb > li:first-child { border-top:0px} .jro_vnb > li.active { background:#093e82; } .jro_vnb > li > a { display:block;color:#fff; font-family: 'Noto Sans KR', sans-serif;font-size:14px;} .jro_vsalArr { position:absolute; left:50%; top:40%; } .jro_vsalArr > span { display:inline-block;width:50px; height:68px; } .jro_vsalArr > span > a { display:block;width:50px; height:68px; overflow:hidden; text-indent:-300px; background: url('/template/1/html/image/jro_vsal_arrbg.png') no-repeat left top; opacity:0.4; filter: alpha(opacity=40);} .jro_vsalArr > span > a:hover { opacity:1; filter: alpha(opacity=100);} .jro_vsalArr > span.prv > a { background-position: -50px 0px; margin-left:-570px;} .jro_vsalArr > span.nxt > a { background-position: 0px 0px; margin-left:470px;} /* 비쥬얼베너 하단 네비 추가 */ .jro_vnb02 {text-align: center;width:100%;height:47px;border-bottom:1px solid #ccc;} .jro_vnb02 > ul {/* width:1000px; */margin: 0 auto;overflow:auto;border-left:1px solid #ccc;} .jro_vnb02 > ul > li {display: inline-block; margin-left:-4px; width:167px;height:47px;line-height:47px;text-align:center; border-left:1px solid #ccc;overflow:hidden;} .jro_vnb02 > ul > li > a { display:block; font-family: 'Noto Sans KR', sans-serif;font-size:14px; padding:0px 20px;} .jro_vnb02 > ul > li.active > a { background:#324ea2; color:#fff; } .jro_vnb02 > ul > li:last-child { border-right:1px solid #ccc; border-left:1px solid #ccc;} /* 온라인 비쥬얼 베너*/ .jro_vsalAreaOnline { position:relative; width:100%; height:445px; background:#000; margin-bottom:75px} .jro_vsal_online { width:1000px; height:445px; overflow:hidden; margin: 0 auto;} .jro_vsal_online > li { float:left;} .jro_vsalArr2 { position:absolute; left:50%; top:210px; } .jro_vsalArr2 > span { display:inline-block;width:50px; height:68px; } .jro_vsalArr2 > span > a { width:50px; height:50px; border-radius:50px;overflow:hidden; text-indent:-300px; } .jro_vsalArr2 > span.prv > a { margin-left:-526px; display:block; background: #fff url('/template/1/html/image/jro_arrBon_l.png') no-repeat 50% 50%; box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2)} .jro_vsalArr2 > span.nxt > a { margin-left:420px;display:block;background: #fff url('/template/1/html/image/jro_arrBon_R.png') no-repeat 50% 50%; box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2)} .jro_bknvbl2 { position:absolute; bottom:-30px; left:50%;z-index:22; width:320px; margin-left:-155px; text-align:center; /* background:pink*/} .jro_bknvbl2 > ul { margin: 0 auto; overflow:hidden;} .jro_bknvbl2 > ul > li { display:inline-block; margin:0px 10px;} .jro_bknvbl2 > ul > li > a{ display:inline-block; width:13px; height:13px; overflow:hidden; border-radius:13px;background:#e4e4e4; text-indent:-100px} .jro_bknvbl2 > ul > li.active > a{ display:inline-block; width:13px; height:13px; overflow:hidden; background:#d90d38 } /*온라인 강의 밴드 이벤트 */ .jro_onBand { width:100%; background:#95c6f3; text-align:center; padding:42px 0px;} .jro_onfreeBner { width:1000px; margin-top:35px;} .jro_onfreeBner > li { float:left; padding-left:13px;} .jro_onfreeBner > li:first-child { padding-left:0px;} /*온라인강의 게시판존*/ .jro_ntcZone2 { width:1000px; height:326px; padding-bottom:45px;/*overflow:auto; background:pink;*/} .jro_ntcZone2 > ul > li { float:left; position:relative; width:320px; border:1px solid #c0c0c0; margin-left:17px;} .jro_ntcZone2 > ul > li:first-child { margin-left:0px;} .jro_ntcZone2 > ul > li > h4 { height:100px; line-height:125px; color:#d90d38; font-family: 'Noto Sans KR', sans-serif; font-size:21px; text-indent:18px; font-weight:400; } .jro_ntcZone2 > ul > li > h4.ntcbg01 { background: url('/template/1/html/image/jro_onNtc_bg01.jpg') no-repeat 250px 40px} .jro_ntcZone2 > ul > li > h4.ntcbg02 { background: url('/template/1/html/image/jro_onNtc_bg02.jpg') no-repeat 250px 40px } .jro_ntcZone2 > ul > li > h4.ntcbg03 { background: url('/template/1/html/image/jro_onNtc_bg03.jpg') no-repeat 250px 40px } .jro_ntcZone2 > ul > li > a.more { position:absolute; right: 14px; top: 17px; width: 48px; height: 18px; color: #d90d38; font-family: 'Noto Sans KR', sans-serif; font-size: 12px; text-align: center;} .jro_ntcZone2 > ul > li > ul { width:280px; height:175px;padding:20px 0px 13px; margin: 0 auto; margin-top:15px; border-top:1px dashed #ccc;} .jro_ntcZone2 > ul > li:first-child > ul { border-right:0px; } .jro_ntcZone2 > ul > li > ul > li { overflow: hidden; height:25px; line-height:25px; padding-left:10px; background: url('/template/1/html/image/jro_ntxDotbg.png') no-repeat 0px 50%;white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; } .jro_ntcZone2 > ul > li > ul > li > a { font-family: 'dotum',돋움, sans-serif; font-weight:300; } .jro_ntcZone2 > ul > li > ul > li > a:hover { color:#000; font-family: 'dotum',돋움, sans-serif; font-weight:300; } /*온라인 수강신청 강의 탭*/ .jro_onLecer { float:left; width:610px; height:247px; /*background:pink*/} .jro_onLecTap { float:left;width:168px; height:247px;} .jro_onLecTap > li {margin-top:1px;text-align:center;} .jro_onLecTap > li:first-child { margin-top:0px;} .jro_onLecTap > li > a { display:block; height:40.3px;line-height:40.3px; background:#dddddd; font-family: 'Noto Sans KR', sans-serif; font-size:17px; } .jro_onLecTap > li > a:hover { color:#000; } .jro_onLecTap > li.active > a { display:block;background:#d90d38; color:#fff;} .jro_onLecTcon { float:right;width:440px;height:245px;border:1px solid #d90d38; overflow-y:scroll;} .jro_onLecTcon ul { padding:10px;} .jro_onLecTcon ul > li { height:38px; line-height:38px; border-bottom:1px solid #dfdfdf ; } dl.jtcnDl { display:block;} dl.jtcnDl > dt { float:left;width:315px; height:38px; line-height:38px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;word-wrap: normal;} dl.jtcnDl > dd { float:right; margin-top:7px; } dl.jtcnDl > dd > a { display:inline-block; width:80px; height:25px; line-height:25px; text-align:center; text-indent:-5px; color:#fff; font-family: 'Noto Sans KR', sans-serif; font-size: 14px; background: #d90d38 url('/template/1/html/image/jro_btnArr00bg.png') no-repeat 88% 50%;} /*온라인 강의 선생님 샘플강의 탭*/ .jro_onTcherTap { clear:both;width:1000px; margin: 0 auto; padding:60px 0px;} h3.titleon { font-family: 'Noto Sans KR', sans-serif; font-size:17px; font-weight:400;padding-bottom:20px; } h3.titleon > span { font-family: 'Noto Sans KR', sans-serif; font-size:17px; color:#d90d38} .jro_onTcherTap > ul.tapLst { height:80px;border-left:1px solid #d90d38; border-top:1px solid #d90d38} .jro_onTcherTap > ul.tapLst > li { float:left; display:inline; text-align:center; height:40px; line-height:40px;;width:199px; border-bottom:1px solid #d90d38; border-right:1px solid #d90d38} .jro_onTcherTap > ul.tapLst > li > a { font-family: 'Noto Sans KR', sans-serif; font-size: 15px; color:#333 } .jro_onTcherTap > ul.tapLst > li.active{ background: #d90d38} .jro_onTcherTap > ul.tapLst > li.active > a { color:#fff; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; } .tapConts { height:562px; background:#d90d38;} /*선생님베너*/ .jro_TcherArea { clear:both; position:relative; width:100%; min-width:1000px;height:450px; text-align:center; background: #edeef2; } .jro_TcherArea > h3 { text-align:center; padding-top:58px; padding-bottom:47px; } .jro_vsalArrtch { position:absolute; left:50%; top:230px; z-index:200;} .jro_vsalArrtch > span { display:inline-block;width:50px; height:68px; } .jro_vsalArrtch > span > a { display:block;width:24px; height:48px; overflow:hidden; text-indent:-300px; background: url('/template/1/html/image/jro_bnerArrbg.png') no-repeat left top; opacity:0.4; filter: alpha(opacity=40);} .jro_vsalArrtch > span > a:hover { opacity:1; filter: alpha(opacity=100);} .jro_vsalArrtch > span.prv > a { background-position: -24px 0px; margin-left:-570px;} .jro_vsalArrtch > span.nxt > a { background-position: 0px 0px; margin-left:470px;} .jro_TcherUl { width:1000px; margin: 0 auto ; overflow:auto; } .jro_TcherUl > li { float:left; } /*프리베너존*/ .jro_al1000bx { clear:both;width:1000px; margin: 0 auto; /*overflow:auto;*/} /* 1000픽셀 공통 클래스사용하기*/ .jro_freeBner { overflow:auto; padding-top:20px; } .jro_freeBner > li { float:left; display: inline; padding-bottom:6px;} .jro_freeBner > li.pdboth { padding:0px 6px;} .jro_freeBner > li.pdleft { padding-left:6px;} /*셜명회신청*/ .jro_PresenArea { clear:both;width:997px;height:100%; padding-left:3px;margin: 0 auto; margin-top:45px; margin-bottom:24px; overflow:auto; background: url('/template/1/html/image/jro_smh3_bg.jpg') repeat-y left 50% } .jro_PresenH3 { display:table-cell; text-align:center; vertical-align:middle;width:244px;font-family: 'Noto Sans KR', sans-serif; font-size:23px; color:#fff; border:1px solid #327099; border-right:0px;} .jro_PresenUl { display:table-cell; width:748px; border:5px solid #e9e9e9; border-left:0px; } .jro_PresenUl > ul { padding-left:15px; margin-right:5px; /*min-height:120px;*/} .jro_PresenUl > ul > li { height: 38px; line-height: 38px; border-top:dashed #e3e3e3 1px; font-family: 'dotum',돋움, sans-serif;color:#333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;} .jro_PresenUl > ul > li:first-child { border-top:0px;} .jro_PresenUl > ul > li > span { font-family: 'dotum',돋움,sans-serif; font-size:13px; font-weight:bold;color:#ba0303;} .jro_PresenUl > ul > li > a { display:inline-block; text-indent:-5px;width:70px;height:24px;line-height:24px; font-family: 'dotum',돋움,sans-serif; text-align:center;border-radius:2px; color:#fff; margin-left:25px;background: #314fa5 url('/template/1/html/image/jro_btn_Arr.png') no-repeat 90% 50%; } .jro_PresenUl > ul > li > a:hover { color:#ffde00;} /*게시판존*/ .jro_ntcZone { float:left; width:610px; height:263px; border-bottom:1px solid #b5b5b5; /*overflow:auto; background:pink;*/} .jro_ntcZone > ul > li { float:left; width:305px; } .jro_ntcZone > ul > li > h4 { background:#80879a; height:55px; line-height:55px; color:#fff; font-family: 'Noto Sans KR', sans-serif; font-size:17px; text-indent:18px; font-weight:400; border-left: 1px solid #a8bacf; } .jro_ntcZone > ul > li:first-child > h4 { border-left:0px;} .jro_ntcZone > ul > li > a.more { display:block; border:1px #a5aab8 solid ; margin-top:-35px; margin-left:238px; border-radius:2px; width:48px; height:18px; line-height:18px; color:#d7dbe3; font-size:11px; text-align:center;} .jro_ntcZone > ul > li > ul { height:175px;padding:20px 20px 13px; border-left:1px solid #b5b5b5; border-right:1px solid #b5b5b5; margin-top:15px;} .jro_ntcZone > ul > li:first-child > ul { border-right:0px; } .jro_ntcZone > ul > li > ul > li { overflow: hidden; height:25px; line-height:25px; padding-left:10px; background: url('/template/1/html/image/jro_ntxDotbg.png') no-repeat 0px 50%;white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; } .jro_ntcZone > ul > li > ul > li > a { font-family: 'dotum',돋움, sans-serif; font-weight:300; } .jro_ntcZone > ul > li > ul > li > a:hover { color:#000; font-family: 'dotum',돋움, sans-serif; font-weight:300; } .jro_fnsZone { float:right; width:385px; /*overflow:auto; background:greenyellow*/} .jro_fnsZone > h4 { background:#314ea3; height:55px; line-height:55px; color:#fff; font-family: 'Noto Sans KR', sans-serif; font-size:17px; text-indent:18px; font-weight:400; } .jro_fnsZone > p { height:27px; line-height:27px; } .jro_fnsZone > p > a.more { display:block; border:1px #a5aab8 solid ; margin-top:-35px; margin-left:318px; border-radius:2px; width:48px; height:18px; line-height:18px; color:#d7dbe3; font-size:11px; text-align:center;} .jro_fnsZone > li { } .jro_fnsTap { overflow:hidden; } .jro_fnsTap > li:first-child { margin-left:0px;} .jro_fnsTap > li { float:left; display:inline;width: 190px;height:50px; line-height:55px; margin-left:5px; } .jro_fnsTap > li > a { display:inline-block;width: 190px;height:50px; line-height:55px; text-align:center; color:#fff;font-family: 'Noto Sans KR', sans-serif; font-size:17px; background:#7e7e7e; } .jro_fnsTap > li.active > a { background:#314ea3;} .jro_fnsTapList_case { height:177px;border:5px solid #314ea3; padding:20px 10px;} .jro_fnsTapList {} .jro_fnsTapList > li { height:25px; line-height:25px;background: url('/template/1/html/image/jro_ntxDotbg.png') no-repeat 0px 50%;} .jro_fnsTapList > li > a > span { display:inline-block; font-family: 'dotum',돋움, sans-serif; } .jro_fnsTapList > li > a > span.tlst { float:left; margin-left:10px;width:265px; color:#333; overflow: hidden; white-space: nowrap; line-height:25px; text-overflow: ellipsis; word-wrap: normal;} .jro_fnsTapList > li > a > span.tfnsh_end { float:right; color:#fff; text-align:center; width:50px; height:21px; line-height:21px; border-radius:2px; font-weight:bold;background:#8c8c8c;} .jro_fnsTapList > li > a > span.tfnsh_day { float:right; color:#fff; text-align:center; width:50px; height:21px; line-height:21px;border-radius:2px; font-weight:bold;background:#dc1717;} .jro_fnsTapList > li > a > span > .tfnsh_hot{ float:left; color:#fff; text-align:center; width:37px; padding:2px 0px; border-radius:2px;font-weight:bold; background:#ff5400; margin-right:5px;} .jro_fnsTapList > li > a > span > .tfnsh_new{ float:left; color:#fff; text-align:center; width:37px; padding:2px 0px; border-radius:2px; font-weight:bold;background:#0090ff;margin-right:5px;} /*고객센터*/ .jro_cskakao { float:left; width:300px;padding-top:34px; text-align:center; padding-bottom:15px; border:1px solid #dbdbdb; background:#f4f4f4; } .jro_csCenter { float:left; width:300px;text-align:center; border:1px solid #dbdbdb; margin-left:6px; padding-bottom: 0px;} .jro_csCenter > h4 { padding-top:32px; margin: 0 auto; height:35px;} .jro_csCenter > div.idx_time { width:250px; margin: 0 auto; margin-top:17px; padding-top:19px;border-top:1px solid #dbdbdb; } .jro_csCenter > div.idx_time > dl { height:40px;} .jro_csCenter > div.idx_time > dl > dt { display:table-cell;width:100px; text-align:right; padding-right:10px; font-family: 'Noto Sans KR', sans-serif; font-size:13px; font-weight:200;} .jro_csCenter > div.idx_time > dl > dt > b { font-weight:400; color:#000;} .jro_csCenter > div.idx_time > dl > dd { display:table-cell; width:150px; text-align:left; line-height:20px; font-family: 'dotum',돋움, sans-serif;font-size:11px;} .jro_csCenter > div.idx_time > dl > dd > span { display:inline-block; width:25px; text-align:center} .jro_Book { position:relative;float:right; width:375px; height:232px; border:5px solid #d8d8d8; /*overflow:auto;*/} .jro_bkThum { float:left; width:135px; height:190px; margin-top:18px; margin-left:29px;} .jro_bkTlist { float:right; width:196px;} .jro_bkTlist > a.more { display:inline-block; text-align:center;width:52px; height:18px;line-height:18px; border-radius:2px; border:1px solid #c9c9c9; margin-left:132px; margin-top:10px; font-family: 'dotum',돋움, sans-serif;font-size:11px;} .jro_bkTlist > p { font-family: 'dotum',돋움, sans-serif; font-size:12px; color:#314ea3; font-weight:bold; padding-bottom:3px; padding-top:5px;} .jro_bkTdl { width:180px; } .jro_bkTdl > dt { font-family: 'dotum',돋움, sans-serif; font-size:12px; line-height:19px;overflow: hidden; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis;} .jro_bkTdl > dd { font-family: 'dotum',돋움, sans-serif; font-size:11px; color:#808080; padding-top:7px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;} .jro_bkPrice { padding-top:10px;font-family: 'dotum',돋움, sans-serif; font-size:17px; font-weight:800; color: #cb2c2c; } .jro_bkPrice > span { text-decoration:line-through;font-family: 'dotum',돋움, sans-serif; font-size:11px; font-weight:100;color:#c1c1c1;} .jro_bkBtnz { margin-top:10px;} .jro_bkBtnz > a { display:inline-block; width:87px; height:43px; line-height:43px;text-align:center; color:#fff; font-family: 'Noto Sans KR', sans-serif; font-size:14px; } .jro_bkBtnz > a.btnGumea { background:#314ea3; color:#fff; } .jro_bkBtnz > a.btnCart { background:#808080; color:#fff; } .jro_bknvbl { position:absolute; top:250px; left:50%;z-index:222; width:320px; margin-left:-155px; text-align:center; /*background:pink*/} .jro_bknvbl > ul { margin: 0 auto; overflow:hidden;} .jro_bknvbl > ul > li { display:inline-block; margin:0px 3px;} .jro_bknvbl > ul > li > a{ display:inline-block; width:8px; height:8px; overflow:hidden; background:#eae9e9; text-indent:-100px} .jro_bknvbl > ul > li.active > a{ display:inline-block; width:8px; height:8px; overflow:hidden; background:#314ea3 } .jro_adnCon { clear:both;width:1000px; margin: 0 auto; } .jro_adnConts { position:relative;padding-top:65px; } .jro_adnConts > h3 { border-bottom:1px solid #909090; height:45px; line-height:45px; font-family: 'Noto Sans KR', sans-serif; font-size:18px; font-weight:400;} .jro_adnConts > h3 > span { height:45px; line-height:45px; font-family: 'Noto Sans KR', sans-serif; font-size:18px;color:#097ee2; font-weight:400;} p.jro_adnMore { position:absolute; right:0px; top:75px; } p.jro_adnMore > a { display:inline-block; padding:3px 15px; border-radius:2px; border:1px solid #ccc; text-align:center; } .jro_admUl01 { width:1000px; margin-top:10px; overflow:auto;} .jro_admUl01 > li { float:left; display:inline; width:195px; height:78px; margin-bottom:6px; margin-left:6px;background:#f6f5f5;} /*.jro_admUl01 > li { float:left; display:inline; width:195px; height:172px; margin-bottom:6px; margin-left:6px;background:#f6f5f5;} 로고+텍스트 들어가던 구 베너 */ .jro_admUl01 > li.nomgL3 { margin-left:0px} .jro_admUl01 > li > span { display: inline-block;padding-top:77px; padding-left:60px; color:#dcdbdb;} /*준비중입니다. */ /*배너1개일때*/ .jro_admUl02_1 { width:1000px; margin-top:10px; overflow:auto;} .jro_admUl02_1 > li { float:left; display:inline; width:100%; height:250px; margin-left:33px;background:#f6f5f5;} .jro_admUl02_1 > li.nomgL3 { margin-left:0px} .jro_admUl02_1 > li > span {display: inline-block;padding-top:105px; padding-left:210px; color:#dcdbdb;} /*준비중입니다. */ /*베너2개일때*/ .jro_admUl02_2 { width:1000px; margin-top:10px; overflow:auto;} .jro_admUl02_2 > li { float:left; display:inline; width:483px; height:250px; margin-left:33px;background:#f6f5f5;} .jro_admUl02_2 > li.nomgL3 { margin-left:0px} .jro_admUl02_2 > li > span { display: inline-block;padding-top:105px; padding-left:210px; color:#dcdbdb;} /*준비중입니다. */ /*베너3개일때*/ .jro_admUl02_3 { width:1000px; margin-top:10px; overflow:auto;} .jro_admUl02_3 > li { float:left; display:inline; width:327px; height:250px; margin-left:9px;background:#f6f5f5;} .jro_admUl02_3 > li.nomgL3 { margin-left:0px} .jro_admUl02_3 > li > span { display: inline-block;padding-top:105px; padding-left:129px; color:#dcdbdb;} /*준비중입니다. */ /*베너4개일때*/ .jro_admUl02_4 { width:1000px; margin-top:10px; overflow:auto;} .jro_admUl02_4 > li { float:left; display:inline; width:246px; height:250px; margin-left:5px;background:#f6f5f5;} .jro_admUl02_4 > li.nomgL3 { margin-left:0px} .jro_admUl02_4 > li > span { display: inline-block;padding-top:105px; padding-left:93px; color:#dcdbdb;} /*준비중입니다. */ .jro_tropArea { width:100%; text-align:center; border-bottom:1px solid #d7d7d7; } .jro_tropArea > div { width:100%; height:530px; margin-top:300px;background:#d8d8d8;} .jro_tropArea > div > img { margin-top:-231px;} .jro_sliderlogo { width:1000px; margin: 0 auto; } .jro_sliderlogoUl { overflow:auto;} .jro_sliderlogoUl > li { float:left; display:inline; width:176px; padding:13px 10px; } .jro_footer { clear:both;position:relative; width:100%; padding-bottom:20px; /*background: green;*/} .jro_ft_nvb { text-align:center; border:1px solid #d7d7d7; border-right: 0px;background: #f4f4f4; } .jro_ft_nvb > ul { width:1000px; height:45px; line-height:45px;margin: 0 auto; overflow:auto;} .jro_ft_nvb > ul > li { display:inline; padding:0px 20px; border-left:1px solid #d5d5d5;} .jro_ft_nvb > ul > li:first-child { border-left:0px;} .jro_ft_nvb > ul > li > a { display:inline-block; font-family: 'Noto Sans KR', sans-serif; font-size:14px; font-weight:300; color:#000;} .jro_ft1000 { width:1000px; margin: 0 auto; overflow:auto; padding-top:20px;} .jro_ft1000 > h5 { float:left;} .jro_ft1000 > address { float:left; padding-left:120px; padding-top:10px; font-family: 'dotum',돋움, sans-serif; font-size:11px; } .jro_ft1000 > address > p { display:block; margin-top:7px; padding:8px 0px; border-top:1px solid #d7d7d7; font-family: 'dotum',돋움, sans-serif; font-size:11px; } .jro_ftSNS { float:right; width:172px; text-align:right; } .jro_ftSNS > ul > li { float:left; margin-left:10px; margin-bottom:15px;} /*메인 하단 cs영역 추가 170811 by 천팀*/ .jro_onCszone { width:100%; margin:0 auto; border-top:1px solid #e2e2e2; padding:40px 0px;} .jro_onCszone > .divbx {width:1000px; margin:0 auto; overflow:auto;} .jro_onCs { width:225px; float:left; border-right:1px solid #d9d9d9} .jro_onCsKakao { width:190px; float:Left; border-right:1px solid #d9d9d9; text-align:center;} .jro_onCsHogi { float:right;width:560px; padding-left:22px;} .jro_onCsHogi_tit { width:100%; height:30px; border-bottom:1px solid #ccc;} .jro_onCsHogi_tit > h5 { float:left;} ul.jro_onCsHogi_tap {float:right;} ul.jro_onCsHogi_tap > li { float:left; } ul.jro_onCsHogi_tap > li > a{ float:left; height:30px; line-height:30px;padding:0px 15px; font-family:dotum;} ul.jro_onCsHogi_tap > li.active > a{ border:1px solid #ccc; border-bottom:1px solid #fff; background:#fff; font-weight:bold; color:#333;} div.jro_onCsHogi_view { width:100%; padding-top:15px;} .jro_onCsHogi_vImg { float:left; width:140px; text-align:center} .jro_onCsHogi_vTxt { float:right; width:380px;} .jro_onCsHogi_vTxt > dt {height:30px; line-height:30px;} .jro_onCsHogi_vTxt > dt > h6 { display:inline-block; font-weight:200; font-family:dotum; color:#333;max-width:calc(100% - 70px);height:16px;overflow:hidden;} .jro_onCsHogi_vTxt > dt > p { display:inline-block;font-weight:bold; font-family:dotum;overflow:hidden; } .jro_onCsHogi_vTxt > dd { height:45px; overflow:hidden; line-height:16px;font-family:dotum;color: #8a8a8a; } /*퀵메뉴*/ .jro_RQuick { position:absolute; left:50%; top:1040px; margin-left:530px; width:103px; /*background:yellowgreen*/} .jro_RQuick > h4 { text-align:center; color:#fff; height:50px; line-height:50px; font-family: 'Noto Sans KR', sans-serif; font-size:15px;background:#193066; } .jro_RQuick > ul { text-align:center; border:1px solid #d8d8d8; border-bottom:0px; background: #fff;} .jro_RQuick > ul > li { border-bottom:1px solid #d8d8d8; } .jro_RQuick > ul > li > a { display:block; padding:11px 0px; font-family: 'Noto Sans KR', sans-serif;font-size:1.1em; font-weight:300; color:#333;} .jro_RQuick > ul > li > a:hover { display:block; background:#f8f8f8; } .jro_RQuick > ul > li > a > img { margin-bottom:5px; } .jro_RQuick > p { padding-top:10px;} .jro_RQuick > ul > li.sincheng > h4 { border-bottom:1px solid #ccc; height:35px; line-height:35px; background:#314ea3; color:#fff;} .jro_RQuick > ul > li.sincheng > ul { margin-top:3px; } .jro_RQuick > ul > li.sincheng > ul > li { padding-bottom:5px; border-bottom:1px solid #ccc;} .jro_RQuick > ul > li.sincheng > ul > li:last-child { border-bottom:0px;} .jro_RQuick > ul > li.sincheng > ul > li > h5 { height:25px; line-height:25px; border-bottom:1px solid #ccc; color:#b4582a} .jro_RQuick > ul > li.sincheng > ul > li > div { width:92px; margin: 0 auto;font-size:11px; font-family:dotum; text-align:left; padding-top:4px; padding-bottom:5px;letter-spacing: -0.2px;} .jro_RQuick > ul > li.sincheng > ul > li > a { display:block;margin: 0 auto; width:92px; height:24px; line-height:24px; background:#00a2ff; border-radius:30px; color:#fff;} /* 멤버 로그인 */ .buh_loginBx { height:255px;background:#fff; border:1px solid #dddddd; border-top:3px solid #d9010c; margin-top:30px; padding:20px; padding-left:35px;} .buh_loginBx_ip { float:left; width:390px; position:relative; } .buh_loginBx_bner { display:table-cell;vertical-align: middle;width:280px; height:253px; overflow:hidden; background:#f8f8f8; } .buh_loginBx_ip > h3 { height:35px; font-family:'Noto Sans KR', sans-serif; font-size:24px; font-weight:400; color:#333; padding-top:15px; letter-spacing:-2px;} .buh_loginBx_ip > p { font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; color:#666; } .buh_logfdset { width:195px; margin-top:28px;} .buh_logfdset > input { width:190px;height:28px; height:28px; border:1px solid #dfdfdf; margin-bottom:6px; text-indent:10px; } .lgTextActive { background: url('../image/input_bg.gif') no-repeat left center; } .lgTextActive2 { background: url('../image/input_pw_bg.gif') no-repeat left center; } .buhlginBtn { position:absolute; left:200px; top:94px; width:115px; height:65px;background: url('../image/buh_sb_btnlogin.jpg') no-repeat top center; border:0px;overflow:hidden; text-indent:-999px; cursor:pointer;} div.buh_logLft_inout { width: 195px;margin-left: 5px;float: left; } .buh_logLost { padding-top:7px; } .buh_logLost > span > a { font-family:'Noto Sans KR', sans-serif; font-size:13px; color:#333;} .buh_logJoin { text-indent:20px; margin-top:40px; background: url('../image/buh_sb_bl.gif') no-repeat left 50%; } .buh_logJoin > a.btnMemBk { font-family:'Noto Sans KR', sans-serif; font-weight:300; font-size:13px; color:#fff; text-align:center; padding:4px 10px; background: #333132; border-radius:3px;} .buh_logJoin > a.btnMemBk:hover { color: #fff;} .jro_mber > div > a.adm { display: inline-block; background: #ff5a00; border-radius: 2px;padding: 0px 5px; color: #fff;font-family:dotum; font-size:11px; height:20px;} /*원격지원 추가 by 천팀 170428*/ .cs_remote { background: url('/template/1/html/image/cs_ImgbgR.png') no-repeat right center ; } h3.cstitle { height:23px;padding-bottom:20px;font-size:20px; color:#000; font-weight:200;} p.csselmemg { font-size:14px; line-height:25px; } .cs_remote > dl { width:380px; border-top:1px solid #ccc; padding-top:25px; margin-top:25px; margin-bottom:25px;} .cs_remote > dl > dt { display:inline;font-size:20px; font-weight:bold; } .cs_remote > dl > dd{ display:inline;font-size:40px; height:45px; line-height:45px;font-weight:bold; color:#000;} .cs_remote > a.csRemotGo { display:inline-block; width:300px; height:60px; line-height:60px; text-align:center; text-indent:-8px; background:#314a83 url('/template/1/html/image/cs_ImgArrbg.png') no-repeat 90% 50%; color:#fff; font-size:16px;font-weight:500;} .cs_remoteUl { width:96%; margin: 0 auto; margin-top:55px; overflow:auto;} .cs_remoteUl > li { float:left; width:150px; text-align:center;} .cs_remoteUl > li.arrbg { width:26px; height:60px; background:url('/template/1/html/image/cs_ImgNum00.png') no-repeat 50% 50%; } .cs_remoteUlTbx { width:135px; margin: 0 auto; padding-top:15px;} .cs_remoteUlTbx > span { display:table-cell; text-align:left; font-size:14px; line-height:21px;} .cs_impots { margin-top:45px;background:#f9f6f2; padding:25px;} .cs_impots > h4 { font-size:16px; height:35px; line-height:35px; padding-left:28px; background:url('/template/1/html/image/cs_Imgbl.png') no-repeat 0px 50%; } .cs_impots > ul { margin-top:15px; } .cs_impots > ul > li { font-size:14px; padding-left:15px; line-height:23px; background: url('/template/1/html/image/jro_ntxDotbg.png') no-repeat 0px 50%; } /*모바일 추가 */ .cs_mobile { padding-bottom:45px; background: url('/template/1/html/image/cs_moImgbg.png') no-repeat 80% 0% ; } .cs_mobile > p { font-size:19px; line-height:30px;} .csMobileUl { padding:35px 0px; padding-left:30px; overflow:auto; background:#f9f9f9;} .csMobileUl > ul > li { overflow:auto; margin-bottom:30px;} .csMobileUl > ul > li > p { float:left; border-radius:50px 0px 50px 50px; width:50px; height:50px; padding:10px; background: #0f95df; color:#fff; text-align:center; margin-top:5px; } .csMobileUl > ul > li > p > span { display:block; margin: 0 auto;width:45px; height:27px; line-height:27px; text-align:center; font-size:24px; color:#fff; border-bottom:1px dashed #48ade6;} .csMobileUl > ul > li > p > span+span { font-size:14px; border-bottom:0px; letter-spacing:-1px} .csM_dl { float:left; padding-left:20px; width:600px;} .csM_dl > dt { height:30px; line-height:30px;font-size:20px; font-weight:500; font-family:'Noto Sans KR', sans-serif; color:#004588; } .csM_dl > dd { font-size:14px; line-height:21px; font-family:'Noto Sans KR', sans-serif; color:#666; font-weight:300;} /*내부시설*/ .jro_insd_ul { width:730px; overflow:auto;} .jro_insd_ul > li { float:left; display:inline; width:240px; height:150px; background:#f8f8f8; margin-left:5px; margin-bottom:5px;} .jro_insd_ul > li.mj00No{ margin-left:0px;} .jro_insideView { width:85%; margin: 0 auto; overflow:auto; padding-top:10px; } .jro_insideView > dt { float:left;display:inline-block;width:60px; text-align:center; border-radius:5px; height:30px;line-height:30px;background:#7d7575; font-size:15px; color:#fff; font-weight:600;} .jro_insideView > dd { float:left; display:inline-block; font-size:14px; padding-left:15px; line-height:25px;} .jro_insideView > dd.phonNum { font-size:30px; font-weight:900;color:#ff6c00} /*SNS */ .jro_snsH4 { font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:600; color:#333;} .jro_snsH4 > img { padding-right:10px;} .jro_snsImg { margin-top:15px; margin-bottom:55px;} /*온라인 빠른수강신청*/ .bx1000 { position: absolute; z-index: 400; width: 976px; left: 50%; margin-left: -500px; padding: 12px;padding-bottom: 8px; box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2); background: #fff;} .bxL { display:table-cell; width:125px; padding:3px; padding-bottom:0px; /*background:pink*/} .bxC { display:table-cell; width:170px; vertical-align:top; padding:4px; padding-bottom:0px; /*background:skyblue*/} .bxR { display:table-cell; width:170px; vertical-align:top; padding:4px; padding-bottom:0px; /*background:yellow*/} .bxR2 { display:table-cell; vertical-align:top; padding:4px; /*background:green*/} .sbxRound01 > li { display:block; border-radius:4px; font-family:'NanumGothic', sans-serif; font-size:16px; font-weight:500;height:170px; color:#333; line-height:170px; text-align:center; background:#f2f2f2; margin-bottom:7px;} .sbxRound01 > li.active { color:#333; border:2px solid red; height:168px; line-height:168px;background:#fff url('/template/1/html/image/jro_onBl02.png') no-repeat 50% 35%;} .sbxRound01 > li > a:hover { color:#000} .sbxRound > li { display:block; border-radius:4px; font-family:'NanumGothic', sans-serif; font-size:15px; color:#333; height:44px; line-height:44px; text-align:left; text-indent:10px;background:#f2f2f2; margin-bottom:7px;} .sbxRound > li > a:hover { color:#000} .sbxRound > li.active { color:#333; border:2px solid red; height:40px; line-height:40px;background:#fff url('/template/1/html/image/jro_onBl02.png') no-repeat 97% 50%; } .sbxRoundList { width:468px;height:322px; border-radius: 10px 0px 0px 10px; overflow-y:scroll;border:1px solid #dfdfdf; background:#fff; padding:10px; padding-right:0px;} .sbxRoundList > li { display:block; overflow:auto;padding:10px;margin-bottom:5px;} .sbxRoundList > li > a { display:inline-block; float:right;width:115px; height:40px; line-height:40px; font-weight:500;background:#da0d38;color:#fff; text-align:center; font-size:14px;margin-top:10px;} .sbxRoundList > li { border-top:1px solid #eaeaea; } .sbxRoundList > li:first-child { border-top:0px;} .sbxRoundList > li > dl { float:left;width:310px; } .sbxRoundList > li > dl > dt { width:310px; font-size:15px; height:33px; line-height:33px; font-weight:500; color:#333; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;} .sbxRoundList > li > dl > dt > a:hover { color:#000} .sbxRoundList > li > dl > dd { margin-top:5px; font-size:13px; color:#000;} /*공기업 랜딩*/ .jro_gup_vsArea { text-align:center; padding-top:69px; padding-bottom:41px;background: url('/template/1/html/image/jro_gup_vsalbg.jpg') no-repeat top center; } .jro_gup_01Area { padding-top:108px; padding-bottom:150px; background:#3d4458} .jro_gup_01Area > div > h4 { padding-bottom:67px;} .jro_gup_01NCS_rela { position:relative;} .jro_gup_01NCS_rela > a { position:absolute; display:block;overflow:hidden; text-indent:-333px; /*background:red;*/} .jro_gup_01NCS_rela > a.NcsBaro { left:832px; top:8px; width:135px; height:35px; } .jro_gup_01NCS_rela > a.sganBaro { left: 515px; bottom: 182px; width: 362px; height: 105px;} .jro_gup_02Area { text-align:center;padding-top:108px; padding-bottom:50px; } .jro_gup02_ulimg { padding-top:100px;} .jro_gup02_ulimg > li { margin-bottom:110px;} .jro_gup_03Area { text-align:center;padding-top:108px; padding-bottom:50px; background:#132139;} .jro_gup_04Area { text-align:center; padding-top:103px; padding-bottom:88px;background:#3f3b3b} .jro_gup_05Area { text-align:center; padding-top:103px; padding-bottom:88px;background:#eaebeb} .jro_gup_05Area > h4 { padding-bottom:45px;} .jro_gup_06Area {text-align:center; padding-top:100px;height:700px; background:url('/template/1/html/image/jro_gup_lectcher.jpg') no-repeat center bottom; } .jro_gup_07Area { text-align:center; padding-top:103px; padding-bottom:88px;background:#3e3045} /*코트라 랜딩*/ .jro_ktr_vsArea { text-align:center; padding-top:50px; background: url('/template/1/html/image/jro_ktr_vsalbg.jpg') no-repeat ; } .jro_ktr_PrcInfo { width:1000px; margin: 0 auto; padding-top:80px; padding-bottom:100px;} .jro_ktr_PrcInfo > h3 { text-align:left; padding-bottom:18px} .jro_ktr_PrcInfo > .price_box_inline > li { position:relative;} .jro_ktr_PrcInfo > .price_box_inline > li > a { position:absolute; left:889px; top:35px;} .jro_ktr_PrcInfo > .price_box_inline > li > a.btn02 { position:absolute; left:835px; top:14px;} .jro_ktr_PrcInfo > .price_box_inline > li > a.btn03 { position:absolute; left:835px; top:30px;} .jro_ktr_PrcInfo > .price_box_inline > li > a.btn04 { position:absolute; left:831px; top:43px;} .jro_ktr_PrcInfo > .price_box_inline > li > a.btn05_1 { position:absolute; left:815px; top:80px;} .jro_ktr_PrcInfo > .price_box_inline > li > a.btn05_2 { position:absolute; left:815px; top:138px;} .jro_ktr_PrcInfo > .price_box_inline > li > a.btn05_3 { position:absolute; left:815px; top:91px;} .jro_ktr_PrcInfo > .price_box_inline > li > a.btnMore { position:absolute; left:50px; top:110px;} .jro_ktr_PrcInfo > .price_box_inline > li > a.btnMore2 { position:absolute; left:50px; top:75px;} .jro_ktr_PrcInfo > .price_box_inline > li > a.btnMore3 { position:absolute; left:50px; top:95px;} .jro_ktr_PrcInfo > ul.cs_box { overflow:auto;border:5px solid #8ec9ff; margin-top:30px; } .jro_ktr_PrcInfo > ul.cs_box > li { float:left; display:inline;} .jro_ktr_01Area { padding-top:140px; padding-bottom:150px; background:#e5e5e5} .jro_ktr_ulImg > li { padding-top:95px;} .rltvArea{ position:relative; } /*li에서 릴리티브 사용해서 버튼 위치 잡을때 공용으로 쓰시오*/ .rltvArea > a { position:absolute; display:block; text-indent:-999px; overflow:hidden; /*background:red; */} a.jmBaroGo { position:absolute; left:280px; top:569px; display:block; width:430px; height:70px;text-indent:-999px; /*background:red; */} a.sgBaroGo { position:absolute; left:535px; top:742px; display:block; width:357px; height:100px;text-indent:-999px; /* background:red; */} .jro_ktr_02Area, .jro_ktr_03Area, .jro_ktr_04Area, .jro_ktr_05Area, .jro_ktr_06Area { padding-top:140px; padding-bottom:90px; text-align:center; } .jro_ktr_02Area > h3, .jro_ktr_03Area > h3 { padding-bottom:80px;} .jro_ktr_03Area { background:#c73f36;} .jro_ktr_04Area > ul { width:1000px; margin: 0 auto; } .jro_ktr_04Area > ul > li { padding-bottom:80px; margin-bottom:100px;border-bottom:1px solid #ccc; } .jro_ktr_04Area > ul > li:last-child { border-bottom:0px; margin-bottom:-50px;} .jro_ktr_05Area { background:#424242 } .jro_ktr_05Area > ul {width:1000px; margin: 0 auto;} .jro_ktr_05Area > ul > li { padding-bottom:140px;} a.btnASganGo { top: 462px; left: 285px; width: 430px; height: 70px;} a.btnAsmpGo { top: 693px; left:615px; width:150px; height:60px; } a.btnAcurrGo { top: 969px;left: 284px;width: 430px;height: 72px; } .jro_ktr_05Area > ul > li > h4 { padding-bottom:60px;} .jro_ktr_06Area { background:#ebebeb } /*국립외교원*/ .jro_grip_vsual { text-align:center; position:relative; width:100%; height:1040px;padding-top:70px; background: url('/template/1/html/image/jro_grip_vs_bg.jpg') no-repeat top center; } h3.h3Tit00 { margin-bottom:33px;} h4.h4Tit00 { margin-bottom:58px;} h4.h4Tit00_bpd325 { margin-bottom:28px;} h4.h4Tit00_btpd325 { padding-top:35px;margin-bottom:28px;} h5.h5Tit00 { margin-top:67px; margin-bottom:33px;} h5.h5Titbt50{ margin-bottom:35px;} img.DDakg_0won { position:absolute; left:50%; bottom:87px; margin-left:247px;} a.jro_gripBroGo { display:inline-block; margin: 0 auto; margin-top:22px;} .jro_Ul900_center { width:900px; margin: 0 auto; text-align:center; overflow:auto;} .jro_Ul900_center > li { width:33.3%; float:left; text-align:center; } .jro_grip_area09Area { text-align:center; padding-top:82px; background: url('/template/1/html/image/jro_grip_area09_bg.jpg') no-repeat top center; } .jro_grip_area10Area { position:relative; text-align:center; padding-top:78px; background: #f0f0f0;} .jro_grip_area10Area > a.oder00BtnGo { position:absolute; left:50%; top:40px; margin-left:450px;} .jro_grip_area11Area { text-align:center; padding-top:103px; padding-bottom:87px;background: url('/template/1/html/image/jro_grip_area13_bg.jpg') no-repeat top center; } .jro_align1000Land { position:relative; width:1000px; margin: 0 auto; padding-bottom:100px;background: url('/template/1/html/image/jro_grip_area10_bg2.png') no-repeat left bottom;} .jro_listAAUl { width:1000px; margin: 0 auto; } .jro_listAAUl > li { text-align:center; margin-top:90px;} .jro_grip_areaLast { padding:110px 0px; text-align:center; width:100%; background: url('/template/1/html/image/jro_grip_area16_bg.png') repeat; } .jro_grip_Taparea { width:1000px; margin:0 auto;} .jro_gripTapUl { width:1000px;overflow:auto;} .jro_gripTapUl > li { float:left;} /*금융권 공기업*/ .jro_Lec07_vsual { text-align:center; position:relative; width:100%; height:816px;padding-top:55px; background: url('/template/1/html/image/jro_lec07_vsalBg.jpg') no-repeat top center; } .jro_Lec07_vsual > h3 { padding-top:19px; padding-bottom:21px;} .jro_Lec07_area01 { text-align:center; padding-top:115px; padding-bottom:110px;background: #f0f0f0 url('/template/1/html/image/jro_lec07_area01_point.jpg') no-repeat top center; } .jro_Lec07_area01_reltv { position:relative; width:1000px; margin: 0 auto;} a.jro_Lec07_oderGo { position:absolute; left:500px; top:254px; display:inline-block; width: 362px; height: 105px; overflow:hidden; text-indent:-999px;/*background:red;*/} .jro_Lec07Ul3dan { width:1000px; margin: 0 auto; overflow:auto;} .jro_Lec07Ul3dan > li { float:left;} .jro_Lec07_popUp {width:700px; padding-top:35px; padding:20px 50px;border:7px solid #007ab3; background:#fff;} h5.arrTile { font-size:15px; font-weight:600; height:45px; line-height:45px; text-align:left; padding-left:29px;border-bottom:1px solid #ccc; background: url('/template/1/html/image/jro_lec07_area02_01pop_bl.jpg') no-repeat left 50%;} h6.blueTile { font-size:15px; font-weight:600;color:#007ab3; text-align:left;} .jro_BLK_listUL { width:1000px; margin: 0 auto; } .jro_BLK_listUL > li { padding-bottom:95px; border-bottom:1px solid #cccccc} .jro_BLK_listUL > li:last-child { border-bottom:0px;} .jro_Lec07_popConUL { padding-left:25px; margin-top:10px;} .jro_Lec07_popConUL > li { height:28px; line-height:28px; text-align:left; font-size:15px; } .jro_Lec07_area02List { width:1000px; margin: 0 auto; overflow:auto; padding-top:40px;} .jro_Lec07_area02List > li { float:left; margin-left:8px; margin-bottom:8px;} .jro_Lec07_area02List > li:first-child { margin-lefT:0px; } .jro_Lec07_area02List > li:nth-child(5) { margin-lefT:0px; } .jro_Lec07_ul960 { width:960px; margin: 0 auto; padding-top:60px;} .jro_Lec07_ul960 > li { text-align:center; border-bottom:1px solid #ccc; padding:60px 0px} .jro_Lec07_ul960 > li:last-child { border-bottom:0px} .jro_gripTapArr { width: 1000px; margin: 0 auto; position:relative; top:342px;} .jro_gripTapArr a { position:absolute; display:block; width:76px; height:98px; overflow:hidden; text-indent:-444px;background: url('/template/1/html/image/jro_lec07_area06_tapArrbg.jpg') no-repeat;} .jro_gripTapArr a.prev { left:5px; background-position: 0px 0px} .jro_gripTapArr a.nxt { right:5px;background-position: -76px 0px} .jro_gripTapCon2 { width:990px; height:378px;margin: 0 auto; margin-top:20px;border:5px solid #80bbea;} /*타이머*/ .jro_timerZone { width:100%; padding:25px 0px 15px;text-align:center; background:#000;} .jro_timer1000 { width:1000px; margin: 0 auto; overflow:auto;} .jro_timGisu { width:185px; float:left; } .jro_timGiNum { width:185px; height:45px; padding-left:65px; font-family:'Noto Sans KR', sans-serif; font-size:18px; font-weight:600; letter-spacing:-1px; text-align:left; color:#fff; line-height:28px;background: url('/template/1/html/image/jro_tme_icon.png') no-repeat 5px 0px; } .jro_timGiDay { background:#487dbe; height:35px; line-height:35px;font-size:17px; font-weight:600; color:#fff; font-family:'Noto Sans KR', sans-serif; margin-top:15px;} .jro_tmeUl_num { float:left; margin-left:57px;} .jro_tmeUl_num > li { float:left; font-family:'Noto Sans KR', sans-serif;font-size: 68px; font-weight: bold;color:#000;width:78px; height:83px; line-height:83px; margin:0px 3px;background: url('/template/1/html/image/jro_tme_nubBg.png') no-repeat;} .jro_tmeUl_num > li.nomal { background:none; width:42px; } .jro_tmeUl_num > li.nomal > img { margin-top:47px;} .jro_tmeUl_num > li.nomal2 { background:none; width:12px; } .jro_tmeUl_num > li.nomal2 > img { margin-top:-22px; } /* ncs 공시마프리패스*/ .jro_Lec60_vsual { text-align:center; padding-bottom:53px;background: url('/template/1/html/image/jro_Lec60_vsalbg.jpg') no-repeat top center;} .jro_Lec60_area01 {text-align:center; padding-top:88px; padding-bottom:100px; background: url('/template/1/html/image/jro_Lec60_area01_bg.jpg') no-repeat top center; } .jro_Lec60_01Ul4dan { width:1000px; margin: 0 auto; overflow:auto; padding-top:35px;} .jro_Lec60_01Ul4dan > li { float:left;} .jro_Lec60_03Cter { position:relative; width:1030px;margin: 0 auto; text-align:center;} .jro_Lec60_03Cter > a.gwbtnGo { position:absolute; right:133px; bottom:124px; display:inline-block; width:180px; height:50px; overflow:hidden; text-indent:-444px;/*background:red;*/} .jro_Lec60_tcher { width:100%; text-align:center; padding-top:110px;background: url('/template/1/html/image/jro_Lec60_area06_bg.jpg') no-repeat top center;} /* 온라인 공기업*/ .jro_Lec65_vsual { text-align:center; padding-top:97px;padding-bottom:83px;background: url('/template/1/html/image/jro_Lec65_vsal_bg.jpg') no-repeat top center;} .jro_Lec65_Q { position: absolute; left: 50%; margin-left: 500px; top: 1050px; width: 160px; height: 155px; z-index: 200;} .jro_Lec65Ul3 { width:1000px; margin:0 auto; overflow:auto;} .jro_Lec65Ul3 > li { float:left } .jro_Lec65Ul2dan { width:1000px; margin: 0 auto; overflow:auto;} .jro_Lec65Ul2dan > li { float:left; text-align:center} .jro_Lec65Ul2dan > li.centa { width:12%;} .jro_Lec65Ul2dan > li.per50 { width:50%; text-align:center; margin-bottom:10px;} /* 온라인 코트라*/ .jro_Lec24_vsual { text-align:center; padding-top:24px;padding-bottom:65px;background: url('/template/1/html/image/jro_Lec24_vsal_bg.jpg') no-repeat top center;} .jro_Lec24_1000bx { width:1000px; margin: 0 auto; text-align:center; padding-top: 58px; padding-bottom:45px;background: #fff url('/template/1/html/image/jro_Lec24_area01_tap_h4bg.jpg') repeat-x top center;} .jro_Lec24_1000bx2 { width:1000px; margin: 0 auto; margin-bottom:40px;background:#fff; text-align:center; padding:60px 0px;} .jro_Lec24_Taparea { width:919px; margin:0 auto; background:#fff; border: 1px solid #969696; margin-top:35px;} .jro_Lec24TapUl { width:919px;overflow:auto;} .jro_Lec24TapUl > li { float:left;} .jro_Lec24TapCon2 { padding-bottom:15px;} .jro_Lec24TapArr { width: 919px; margin: 0 auto; position:relative; top:195px;} .jro_Lec24TapArr a { position:absolute; display:block; width:52px; height:77px; overflow:hidden; text-indent:-444px;background: url('/template/1/html/image/jro_Lec24_area01_arrBg.jpg') no-repeat;} .jro_Lec24TapArr a.prev { left:5px; background-position: 0px 0px} .jro_Lec24TapArr a.nxt { right:5px;background-position: -52px 0px} a.btnSCgo{ position: absolute; top: 220px; right: 152px; display: inline-block; width: 250px; height: 45px; overflow:hidden; text-indent:-444px;/* background: red;*/} .jro_Lec24Uldot { width:1000px;margin: 0 auto; } .jro_Lec24Uldot > li { padding-bottom:50px; border-bottom:1px dashed #ccc;} .jro_Lec24Uldot > li.last { border-bottom:0px;} .jro_Lec24_35Y { position:absolute; left:50%; top:1000px; margin-left:-576px;} /*온라인 +오프라인 통합 경호실*/ .jro_Lec2_vsual { text-align:center; padding-top:46px;padding-bottom:65px;background: url('/template/1/html/image/jro_Lec2_vsalbg.jpg') no-repeat top center;} .jro_02Pbt { padding-top:86px; padding-left:700px;} .jro_cterUl { width:1000px; margin: 0 auto; text-align:center;} /*중앙정렬로 알아서 붙는 ul*/ .jro_cterUl > li { display:inline-block; } .jro_cterUl > li.mgY25 { margin:0px 25px; } .jro_cterUl > li.mgY14 { margin:0px 14px; } .jro_cterUl > li.mgY10 { margin:0px 10px; } .jro_cterUl > li.mgY8 { margin:0px 8px; } .jro_cterUl > li.mgY5 { margin:0px 5px; } .jro_cterUl > li.mgY2 { margin:0px 2px; } .jro_cterUl > li.lec62List { margin-bottom:12px; margin-right:17px; } .jro_cterUl > li.lec62List02{ margin:25px; margin-bottom:55px; } .jro_cterUl > li.lec62List03{ margin:15px; margin-bottom:15px; } li.dotYBack { padding:65px 0px;} /* 온라인 국정원 9급*/ .jro_Lec59_vsual { text-align:center; padding-top:93px;padding-bottom:63px;background: url('/template/1/html/image/jro_Lec59_vsual_bg.jpg') no-repeat top center;} .jro_Lec59_03Box { width:955px; margin: 0 auto; text-align:left; padding-left:35px; padding-bottom:50px; padding-top:10px; padding-right:10px;background: #fff;} .jro_gripTapConList > li { text-align:center;} .jro_Lec59Gry_boxUl { width:1000px;margin: 0 auto; padding-top:45px;} .jro_Lec59Gry_boxUl > li { background:#e4e4e4; border-bottom:1px dashed #959595; padding:85px 0px;} .jro_Lec59_Tcher { text-align:center; padding-top:93px; background: url('/template/1/html/image/jro_Lec59_area05_bg.jpg') no-repeat top center;} .jro_lec59dotDv { width:100%; border-top:1px dashed #d36e6e; padding-top:80px; margin-top:80px; } /* 온라인 국립외교원*/ .jro_Lec19_vsual { text-align:center; padding-top:55px;padding-bottom:110px;background: url('/template/1/html/image/jro_Lec19_vsalbg.jpg') no-repeat top center;} .jro_Lec19_madal { position:absolute; left:50%; top:-10px; margin-left:-480px;} .jro_Lec19_dotDv { border-top:1px dashed #acacac; padding-top:80px;} .jro_Lec19_1000Gry { width:998px; padding-top:110px; padding-bottom:45px;border:1px solid #c3c3c3; margin: 0 auto;background:#e6e6e6; text-align:center; position:relative; margin-top:80px;} .jro_Lec19Num { position:absolute; left:429px; top:-51px;} .jro_Lec19Num2 { position:absolute; left:429px; top:-58px;} .jro_Lec19Num3 { position:absolute; left:429px; top:-46px;} a.jro_Lec19mreBtn { position:absolute; right:15px; top:15px;} .jro_Lec19TapArr { width: 919px; margin: 0 auto; position:relative; top:195px;} .jro_Lec19TapArr a { position:absolute; display:block; width:60px; height:79px; overflow:hidden; text-indent:-444px;background: url('/template/1/html/image/jro_Lec19_area04_02TapArr_bg.jpg') no-repeat;} .jro_Lec19TapArr a.prev { left:5px; background-position: 0px 0px} .jro_Lec19TapArr a.nxt { right:5px;background-position: -60px 0px} .jro_Lec19_Tcher { width:100%; text-align:center; padding-top:80px;background: #555555 url('/template/1/html/image/jro_Lec19_area06_bg.jpg') repeat-x bottom;} .jro_Lec19_03btn { width: 1000px; margin: 0 auto; padding:25px 0px; text-align:right;} /*금융권 프리패스 */ .jro_Lec61_vsual { text-align:center; padding-top:65px;padding-bottom:38px; background: url('/template/1/html/image/jro_Lec61_vsalbg.jpg') no-repeat top center; } .jro_Lec61_Tcher { width:100%; height:525px;padding-top:60px;text-align:center; background: url('/template/1/html/image/jro_Lec61_Tcher.jpg') no-repeat bottom center; text-indent:-9999px} a.lec61Tcher_btn { position:absolute; left:50%; top:50px; } /*기업체인적성 프리패스 */ .jro_Lec63_vsual { text-align:center; padding-top:142px;padding-bottom:38px; background: url('/template/1/html/image/jro_Lec63_vsal_bg.jpg') no-repeat top center; } .jro_Lec63_01_2area { padding-top:123px; margin-top:90px;background: url('/template/1/html/image/jro_Lec63_01_02bg.jpg') repeat-x top center;} .jro_Lec63_Tcher { text-align:center; padding-top:84px; background: url('/template/1/html/image/jro_Lec63_05bg.jpg') no-repeat top center;} /*ncs취업면접특강 */ .jro_Lec62_vsual { position:relative; text-align:center; padding-top:120px; height:586px;background: url('/template/1/html/image/jro_Lec62_vsal_bg.jpg') no-repeat top center; } .jro_Lec62_02Btnimg { text-align:right; margin-top:-55px;} .jro_62Dakg { position:absolute; left:50%; top:1px; margin-left:-500px; } /*공통소스들*/ .txtAignR { text-align:right;} /*정렬공통*/ .txtAignL { text-align:left;} .txtAignC { text-align:center;} /*공통패딩*/ .pdTop20 { padding-top:20px;} .pdTop30 { padding-top:30px;} .pdTop40 { padding-top:40px;} .pdTop60 { padding-top:60px;} .pdTop80 { padding-top:80px;} .pdTop100 { padding-top:100px;} .pdTop120 { padding-top:120px;} .pdTop140 { padding-top:140px;} /*공통마진*/ .mgTop5 { margin-top:5px;} .mgTop10 { margin-top:10px;} .mgTop20 { margin-top:20px;} .mgTop30 { margin-top:30px;} .mgTop40 { margin-top:40px;} .mgTop80 { margin-top:80px;} .mgTop100 { margin-top:100px;} .mgBot5 { margin-bottom:5px;} .mgBot10 { margin-bottom:10px;} .mgBot20 { margin-bottom:20px;} .mgBot30 { margin-bottom:30px;} .mgBot40 { margin-bottom:40px;} .mgBot60 { margin-bottom:60px;} .mgBot80 { margin-bottom:80px;} .mgBot100 { margin-bottom:100px;} /*기존--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #heaDer { position:relative; font-family:'NanumGothic', sans-serif; min-width:1000px; } .hdAdarea { width:100%; height:80px; background-color:#39366b; } .hdAdarea > div { position:relative; width:1000px; height:80px; margin:0 auto; text-align:center; } a.close { position:absolute; right:0; top:10px; } a.view{ width:146px; height:32px; position:absolute; right:39px; top:23px; text-indent:-9999px; } .hdGnb { width:100%; height:30px; text-align:center; background:#3c4044; } .heGnb1000 { width:1000px; height:30px; margin:0 auto; text-align:right;} .heGnb1000 > ul { float:right; } .heGnb1000 > ul > li { float:left; border-left:1px solid #595c60; } .heGnb1000 > ul > li > a { display:block; padding:0 20px; line-height:30px; color:#cacacb; } .heGnb1000 > ul > li > a:hover { color:#fff;} .heGnb1000 > ul > li.myClass > a { display:block; height:30px; width:120px; text-align:center; background:#bd1b13; color:#fff; font-weight:600; } .heGnb1000 > ul > li.myClass > a:hover { color:#fde800; font-weight:600; } .hdH1log { clear:both; width:1000px; height:105px; margin: 0 auto; } .hdlog { float:left; line-height:105px; width:200px; } .hdlogin { float:right; font-family:'NanumGothic', sans-serif; text-align: right; width:800px; margin-top:20px; position:relative; } .hdlogin fieldset > input.lgipbox { width:90px; height:22px; line-height:22px; border:1px solid #e2e2e2; padding-left:5px; } a.btnlgin { display:inline-block; border-radius:2px; width:70px; height:24px; line-height:24px; text-align:center; border:0; background:#3c4044; color:#fff; font-weight:bold; } .logmenu { position:absolute; right:0; top:42px; } .logLost { font-family: 'NanumGothic', sans-serif; font-size:12px; height:14px; overflow:hidden; margin-top:5px; float:left; } .logLost > a { float:left; padding:0 5px; border-right:1px solid #dbdbdb; line-height:12px; display:block; } .hdlogInfo { float:right; margin-top:25px; } .hdlogInfo > li { float:left; font-family:'NanumGothic', sans-serif; font-size:12px; padding-left:5px; line-height:21px; } .hdlogInfo > li > a { display:block; height:21px; line-height:21px; padding:0 9px; border-radius: 2px; text-align:center; color:#fff; } .hdlogInfo > li.adm > a { background:#000;} .hdlogInfo a.adm { background:#000;} .hdlogInfo > li.lgout > a { background:#716c6c;} .hdlogInfo > li.mypge > a { background:#bd1b13;} .hdlogInfo > li.basket > a { background:#5a89ff;} .hdLnbArea { clear:both; width:100%; height:47px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#fff; } .hdLnb { width:1000px; height:47px; margin:0 auto; /*background:green; */} .hdLnb > ul > li { float:left; font-family: 'NanumGothic'; font-weight:600; line-height:47px; width:143px; text-align:center; font-size:15px; background:url('../image/gnb_line.png') no-repeat 0 50%; } .hdLnb > ul > li:hover a { color:#de2326; } .hdLnb > ul > li.myclass { border-top:2px solid #ed1e23; } .hdLnb > ul > li.myclass > a { color:#ed1e23;} .hdLnb > ul > li:first-child { background:none; width:142px; } .hdLnb > ul > li > a { color:#333; } .hdLnbDropDn { clear:both; width:100%; position:relative; z-index:500; height:319px; background:#1b1b1b; opacity: 0.97; } .hdLnbDropDn > div { position:relative; width:998px; height:309px; margin:0 auto; } .hdLnbDropDn > div > ul { height:269px; text-align:center; } .hdLnbDropDn > div > ul > li { height:25px; line-height:25px; font-family: 'NanumGothic', sans-serif; font-size:13px; padding:1px 0 2px 0; } .hdLnbDropDn > div > ul > li > .rolupBner { margin-top:51px;margin-left:-13px;} .hdLnbDropDn > div > ul > li > a { color:#ddd; } .hdLnbDropDn > div > ul > li > a:hover { background-color:#bf1b14; width:100%; height:25px; display:block; } .Lnbdrdm01 { position:absolute; top:0; left:0; width:143px; margin-top:20px; } .Lnbdrdm02 { position:absolute; top:0; left:143px; width:143px; margin-top:20px; } .Lnbdrdm03 { position:absolute; top:0; left:286px; width:142px; margin-top:20px; } .Lnbdrdm04 { position:absolute; top:0; left:429px; width:143px; margin-top:20px; } .Lnbdrdm05 { position:absolute; top:0; left:572px; width:142px; margin-top:20px; } .Lnbdrdm06 { position:absolute; top:0; left:715px; width:143px; margin-top:20px; } .Lnbdrdm07 { position:absolute; top:0; left:858px; width:142px; margin-top:20px; } #naver_id_login { float:left; margin-right:5px; } span.naver { display:block; width:41px; height:22px; background:url('/template/1/html/image/btn_login_naver.png') no-repeat; color:#fff; line-height:22px; text-align:left; padding-left:25px; font-weight:500; } .fb_iframe_widget { float:right; } #contanTs { clear:both; position:relative; font-family:'NanumGothic', sans-serif; min-width:1000px; min-height:560px; } .visualArea { clear:both; position: relative;width:100%; height:480px; overflow:hidden; background:#000;} .visualArea > div { position:relative; width:1000px; height:480px; margin:0 auto; } .visualArea > ul { width:1000px; margin:0 auto; } .Arrpre { position:absolute; left:-51px; top:210px; z-index: 100; cursor:pointer;} .Arrnex { position:absolute; left:1012px; top:210px; z-index: 100; cursor:pointer;} .bnerList {position:relative; width:1000px; height:26px; text-align:center; margin:0 auto; padding-bottom:25px;} .bnerList > ul { margin:0 auto; } .bnerList > ul > li { display:inline; padding-right:4px;} .conMnb { width:1000px; margin: 0 auto; } .conMnb > ul { height:224px; width:100%; } .conMnb > ul > li { float:left; border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; width:332px; } .conMnb > ul > li:last-child { border:none; } .conMnb > ul > li.mdbg { width:333px; background:#3e3f44; position:relative; z-index:200; } .conMnb > ul > li.mdbg > img { position:absolute; left:50%; bottom:-14px; margin-left:-14px; } .conNtnb {width:999px; margin: 0 auto; border-right:1px solid #d3d3d3; } .conNtnb > ul { height:224px; overflow:hidden; width:100%; border-bottom:1px solid #d3d3d3; } .conNtnb > ul > li { float:left; padding-left:25px; padding-top:30px; border-left:1px solid #d3d3d3; width:307px; } .conNtnb > ul > li:last-child { width:306px; } .conNtnb > ul > li > h3 { font-family: 'NanumGothic'; font-size:24px; font-weight:bold; color:#333; } a.moreall {display: block; width:21px; height:21px; margin-left:251px; margin-top:-18px; background:url('../image/board_more.png') no-repeat; text-indent:-9999px; } .conNtnb > ul > li > ul { width:100%; height:155px; margin-top:30px; float:left; } .conNtnb > ul > li > ul a { float:left; width:200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .conNtnb > ul > li > ul .star { width:76px; float:right; } .conNtnb > ul > li > ul .date { width:76px; float:right; } .conNtnb > ul > li > ul.star { width:76px; float:right; margin-right:30px; } .conNtnb > ul > li > ul.star >li { background:none; padding-bottom:8px; } .conNtnb > ul > li > ul.date { width:76px; float:right; margin-right:30px; } .conNtnb > ul > li > ul.date >li { background:none; padding-bottom:8px; font-size:12px; color:#999; } .conNtnb > ul > li > ul > li { font-family: 'NanumGothic'; overflow: hidden; white-space: nowrap; font-size:13px; text-overflow: ellipsis; word-wrap: normal; padding-left:10px; padding-bottom:8px; background:url('../image/board_dot.jpg') no-repeat 0px 32%; } .conPkgArea { width:1000px; margin:0 auto; margin-top:35px; overflow:hidden; padding-bottom:25px; } .conPkgArea > ul > li { float:left; margin-bottom:10px; } .mgleft { margin-left:10px; } .movieZone { width:1000px; margin:0 auto; background:#f0f2f6; width:100%; padding-top:50px; padding-bottom:60px; } .movieZone > h4 > p { font-family: 'NanumGothic'; line-height:25px; font-size:18px; color:#1e1e1e; } .movieZone > h4 { text-align:center; line-height:36px; font-family: 'NanumGothic'; font-size:24px; color:#333; background:url('../image/movieZone_line.png') no-repeat 50%; } .mvPlayarea { margin:0 auto; /*background:#333 url('../image/spmv00.jpg') no-repeat;*/ width:730px; height:450px; margin-top:30px; } .mvListarea { width:1000px; margin:0 auto; margin-top:35px; overflow:hidden; padding-bottom:90px; } .mvListarea > a { display:block; text-align:right; background:url('../image/moer_btn.png') no-repeat right center; padding-right:15px; margin-bottom:10px; } .mvListarea dl { float:left; width:242px; height:185px; border:1px solid #e3e3e3; margin:0 3px; padding-top:5px; margin-bottom:10px; text-align:center; } .mvListarea dt { width:230px; height:145px; background:#f0f2f6; line-height:145px; margin-left:5px; cursor:pointer; } .mvListarea dd.txt { width:232px; padding:0 5px; overflow:hidden; font-family: 'NanumGothic'; font-size:14px; color:#333; font-weight:600; line-height:40px; text-overflow:ellipsis; white-space:nowrap; } /*.mvListarea > li { float:left; width:230px; height:150px; margin-right:20px; margin-bottom:20px; background:#9a9a9a url('../image/novdo000.png') no-repeat 50% 50%; display:table-cell; border:1px solid red; } .mvListarea > li.mgRno { margin-right:0; }*/ .partner { width:100%; border-top:1px solid #d0ced1; } .partner > img { display:block; width:1000px; margin:0 auto; } /* 서브 페이지 리얼 콘텐츠 */ .realCon { width:1000px; margin: 0 auto; margin-top:35px; } .subLeft { width:210px; float:left; margin-bottom:40px; /* background:yellow; */} /* .subLeft > h2 { width:190px; height:90px; font-family: 'Noto Sans KR'; font-size:18px; line-height:22px;color:#fff; padding-left:20px; letter-spacing:-1px; background: url('../image/re_Snbbg.jpg') no-repeat; padding-top:37px;} */ .subLeft > h2 { width:210px; height:63px; border-top:3px solid #d9010c; line-height:63px; border-bottom:1px solid #cecccf; font-family: 'NanumGothic'; font-size:24px; text-align:center; color:#333; letter-spacing:-1px; } .subLeft > h2 > span { font-family: 'NanumGothic'; font-size:12px; display:block; color:#333; letter-spacing:0; } .snb { width:210px;} .snb > li { padding:14px 0px; padding-left:10px; line-height:17px; border-bottom:1px #cecccf solid; } .snb > li:last-child { border-color:#434d58; } .snb > li > a { font-family: 'NanumGothic'; font-size:14px; color:#666; letter-spacing:-1px; white-space:normal; width:160px; display:block; } .snb > li.active { background:#f1f4f7 url('../image/lnb_over.png') no-repeat 182px 16px; } .snb > li.active > a{ display:block; font-weight:bold; color:#333; } /* .snb > li { padding:13px 0px; padding-left:13px; line-height:17px; border-bottom:1px #d2d2d2 solid; } .snb > li > a { font-family: 'Noto Sans KR'; font-size:13px; color:#333;letter-spacing:-1px; } .snb > li.active { background: #494542 ; } .snb > li.active > a{ display:block; background: #494542 url('../image/re_snbActiv.jpg') no-repeat right center; color:#fff; } */ .subRight { width:730px; float:right;padding-bottom:120px; /*background:green; */} .subRight > h3 { display:block; font-family: 'NanumGothic'; font-size:20px; letter-spacing:-1px; color:#333; height:32px; border-bottom:1px solid #cecece; } .subRight > p.nav { height:30px; margin-top:-30px; text-align:right; } .subRight > p.nav > span { font-family: 'NanumGothic'; color:#888; font-size:12px;} .subRight > p.nav > span.active { color:#333; font-weight:bold; } .subRcon { clear:both; width:730px; margin-top:40px; } .subRcon001 { clear:both; width:730px; margin-top:40px; } /*퀵메뉴*/ .Rquick { width:108px; } .Rquick > ul { border:1px solid #bcbcbc; border-bottom:none; } .Rquick > ul > li { border-bottom:1px solid #bcbcbc; height:29px; line-height:29px; text-align:center; background:#fff;} .Rquick > ul > li > a { font-size:12px; color:#333; font-weight:500;} .Rquick > ul > li > a:hover { display:block; background:#ececec; } #fooTer { clear:both; position:relative; min-width:1000px; } .fnbArea { width:100%; height:37px; border-bottom:1px solid #cecece; border-top:1px solid #cecece; } .fnb { width:1000px; margin:0 auto; text-align:center; } .fnb > ul { margin: 0 auto;} .fnb > ul > li { display: inline; font-family:'NanumGothic'; line-height:37px;padding:0 15px; } .fnbCopy { clear:both; width:1000px; height:95px; margin:0 auto; padding-top:20px;} .fnbCopy > div.fnbclg { width:200px;float:left; margin-top:10px; } .fnbCopy > div.fnbadress { width:750px; float:right; margin-top:10px; line-height:17px; font-size:11px; padding-left:50px} /*탑 버튼 추가*/ a.jro_topGo { position:absolute; left:50%; top:1px; display:inline-block; margin-left:416px;width:80px; height:45px; line-height:45px; font-weight:600; background:#fff; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7;} a:hover.jro_topGo { color:#0086e3} /*솔루션 최대 너비 제한*/ .max1000{max-width:1000px;margin:0 auto;} /*오프라인 배너 디자인 처리*/ .lec_banner { margin-top: 30px; position: relative; } .lec_banner > .bnerArr { left: 10px; position: absolute; top: 10px; z-index: 10; } .bnerArr > ul { text-align: left; } .bnerArr > ul > li { display: inline; margin-right: 5px; } .bnerArr > ul > li > a { background: #ffffff none repeat scroll 0 0; border: 1px solid #9f9289; border-radius: 10px; display: inline-block; height: 11px; overflow: hidden; text-indent: -10px; width: 11px; } .bnerArr > ul > li.active > a { background: #db0716 none repeat scroll 0 0; border: 1px solid #9f9289; border-radius: 10px; display: inline-block; height: 11px; overflow: hidden; text-indent: -10px; width: 11px; } .buh_contchbnerArr { bottom: 0; height: 25px; position: absolute; right: 0; width: 56px; } .buh_contchbnerArr > a { background: rgba(0, 0, 0, 0) url("../image/buh_arrbner_bg.png") no-repeat scroll 0 0; display: inline-block; height: 50px; overflow: hidden; text-indent: -50px !important; width: 56px; } .buh_contchbnerArr > a.prev { background-position: 0 0; height: 25px; width: 28px; } .buh_contchbnerArr > a.prev:hover { background-position: 0 -25px; height: 25px; width: 28px; } .buh_contchbnerArr > a.next { background-position: -28px 0; height: 25px; width: 28px; } .buh_contchbnerArr > a.next:hover { background-position: -28px -25px; height: 25px; width: 28px; } .lec_banner2 { margin-top: 30px; position: relative; } .lec_banner2 > .bnerArr { left: 10px; position: absolute; top: 10px; z-index: 10; } .banner_M9 { } .banner_M9 > li { float: left; width: 50%; } /*NCS 매뉴얼*/ .jro_NcsmenualWrap { width:1121px; margin:0 auto; background:#fff; /* height:800px; overflow-y:scroll; */ } .jro_Ncsmenual { padding:47px;} .jro_NcsTit { height: 45px; background: url('/template/1/html/image/jrp_ncslogo.jpg') no-repeat 880px top;} .jro_NcsTit > h2 { text-align:left; font-size:22px; font-weight:400; font-family: 'Noto Sans KR', sans-serif;padding-left:15px; background: url('/template/1/html/image/jrp_ncsH2bar.png') no-repeat left;} .jro_NcsTap { } .jro_NcsTmn { height:104px;} .jro_NcsTmn > li { float:left; display:inline;margin-right:1px; height:104px;} .jro_NcsTmn > li:last-child { margin-right:0px; } .jro_NcsTapsub { clear:both; height:50px; background:#324ea2; width:1027px;} .jro_NcsTapsub > ul { padding-top:16px;} .jro_NcsTapsub > ul > li { float:left; padding:0px 5px;line-height:18px; color:#4d69bc;} .jro_NcsTapsub > ul > li > a { display:inline-block; height:18px; line-height:18px; color:#8b9ccd;; font-family: 'Noto Sans KR', sans-serif; font-size:14px;} .jro_NcsTapsub > ul > li.active > a { display:inline-block; height:18px; line-height:18px; color:#fff; font-family: 'Noto Sans KR', sans-serif; font-size:14px;} .jro_NcsTapsub > ul.nm01 { margin-left:250px;} .jro_NcsTapsub > ul.nm02 { margin-left:510px;} .jro_NcsTapsub > ul.nm03 { margin-left:730px;} .jro_NcsTapsub > ul.nm04{ margin-left:800px;} .jro_NcsTapCon { margin-top:50px;} .jro_NcsTapCon > ul { height:470px; overflow:hidden;} .jro_NcsTapCon > ul.jro_ncstcon04 { height:620px; overflow:hidden;} .jro_GuideTit { height: 45px;} .jro_GuideTit > h2 { text-align:left; font-size:22px; font-weight:400; font-family: 'Noto Sans KR', sans-serif;padding-left:15px;background: url('/template/1/html/image/jrp_ncsH2bar.png') no-repeat left;} .jro_GuideTit > p { float:right; margin-top:-20px;} .jro_GuideTapsub { clear:both; height:50px; background:#3a466a;} .jro_GuideTapsub > ul { padding-top:16px;} .jro_GuideTapsub > ul > li { float:left; padding:0px 5px; line-height:18px; color:#5c698f;} .jro_GuideTapsub > ul > li > a { display:inline-block; height:18px; line-height:18px; color:#7682a5;; font-family: 'Noto Sans KR', sans-serif; font-size:14px;} .jro_GuideTapsub > ul > li.active > a { display:inline-block; height:18px; line-height:18px; color:#fff; font-family: 'Noto Sans KR', sans-serif; font-size:14px;} .jro_GuideTapsub > ul.nm01 { margin-left:250px;} .jro_GuideTapsub > ul.nm02 { margin-left:510px;} .jro_GuideTapsub > ul.nm03 { margin-left:348px;} .jro_GuideTapsub > ul.nm04{ margin-left:850px;} .jro_GuideTapCon { margin-top:50px;} .jro_GuideTapCon > ul { height:470px; overflow:hidden;} .jro_GuideTapCon > ul.jro_ncstcon04 { height:620px; overflow:hidden;} .jro_Guidetcon02 > li { position:relative;} .jro_Guidetcon02 > li > a { position:absolute; display:inline-block; /* background:red; */width:236px; height:60px; overflow:hidden; text-indent:-999px; } .jro_Guidetcon02 > li > a.tapBtn01 {left:0px; top:47px; } .jro_Guidetcon02 > li > a.tapBtn02 { position:absolute; left:234px; top:47px } .jro_Guidetcon04 { width:1028px; height:auto; overflow:hidden;min-height: 465px;} /* 회사소개 탭 추가 */ .company_info { margin-top:20px; } .company_info ul.com_tab > li { display:none; } .company_info ul.com_tab > li.active { display:list-item; } /* 룰렛 이벤트 */ .roulette_wrap { min-width:1000px; width:100%; height:1365px; background:url('/template/1/html/image/evt_roulette_bg.png') no-repeat center top; } .roulette_wrap .roulette_con { width:1000px; margin:0 auto; text-align:center; } .roulette_wrap .roulette_con > span { display:inline-block; margin:80px 0 30px; } .roulette_wrap .roulette_con > p.date { color:#292325; font-size:20px; font-family: 'Noto Sans KR', sans-serif; margin-top:30px; } .roulette { width:100%; position:relative; margin-top:40px; } .roulette > img.roulette_arrow { position:absolute; left:50%; top:0; margin-left:-32px; z-index:100; } .roulette > img.roulette_img { position:absolute; left:50%; top:30px; margin-left:-354px; } .roulette > a.roulette_btn { display:block; width:174px; height:174px; text-indent:-9999px; position:absolute; left:50%; top:298px; margin-left:-87px; z-index:50; background:url('/template/1/html/image/roulette_btn.png') no-repeat left top; } .roulette > a.roulette_btn:hover { background-position:0 -194px; } /* 랜딩 퀵 배너 */ /*170704오늘쪽배너로변경 .landing_quick { position:absolute; left:0; top:932px; width:100%; } .landing_quick a.nis_01_quick { position:absolute; left:50%; top:90px; margin-left:-646px; } .landing_quick a.fixed { position:fixed; } */ .landing_quick { position:relative; width:1000px;margin:0 auto; } .landing_quick a.nis_01_quick { position:absolute; right:-160px; top:90px; } .landing_quick a.fixed { position:fixed; } /* 국정원 랜딩 */ .nis_01_visual, .nis_01_visual, .nis_01_priceInfo, .nis_01_sec01, .nis_01_sec02, .nis_01_sec03, .nis_01_sec04, .nis_01_sec05, .nis_01_sec06, .nis_01_sec07 { width:100%; } .nis_01_sec03, .nis_01_sec04, .nis_01_sec05, .nis_01_sec06 { background:#132139; padding:100px 0; text-align:center; } .nis_01_visual { height:932px; background:#18202c url('/template/1/html/image/nis_01_visual_bg.jpg') no-repeat center top; text-align:center; } .nis_01_visual > h2 { padding-top:90px; } .nis_01_priceInfo { padding:90px 0; } .nis_01_priceInfo > div { width:1000px; margin:0 auto; position:relative; } .nis_01_priceInfo > div > a.btn_price1 { position:absolute; right:39px; top:39px; } .nis_01_priceInfo > div ul { overflow:hidden; } .nis_01_priceInfo > div ul li { float:left; position:relative; } .nis_01_priceInfo > div ul.price_box > li > a.btn_price2 { position:absolute; left:226px; bottom:58px; } .nis_01_priceInfo > div ul.cs_box { border:5px solid #8ec9ff; margin-top:30px; } .nis_01_sec01 { padding:75px 0 85px; background:url('/template/1/html/image/nis_01_sec01_bg.png') repeat; text-align:center; } .nis_01_sec02 { background:#ebe6db; padding-top:100px; } .nis_01_sec02 > ul { width:1000px; margin:0 auto; } .nis_01_sec02 > ul > li { padding-bottom:100px; } .nis_01_sec03 > ul { width:1000px; margin:0 auto; background:#fff; padding:80px 0; margin-top:70px; } .nis_01_sec03 > ul > li:first-child { margin-bottom:100px; } .nis_01_sec04 { background:#3f3b3b; } .nis_01_sec04 > h3 { padding-bottom:70px; } .nis_01_sec05 { background:#eaebeb; } .nis_01_sec05 > div { width:1000px; margin:0 auto; background:#fff; padding:60px 0; margin-top:50px; } .nis_01_sec06 { height:670px; background:url('/template/1/html/image/nis_01_sec06_bg.png') no-repeat center bottom; } .nis_01_sec07 { background:#3e3045; text-align:center; padding-bottom:100px; } .nis_01_sec07 > ul { width:1000px; margin:0 auto; } .nis_01_sec07 > ul > li > h3 { padding:100px 0 80px; } .nis_01_sec07 > ul > li:first-child { border-bottom:1px solid #66586c; padding-bottom:40px; } /*온라인 국정원 랜딩*/ .jro_onGuk_vsal { height:916px; background:#18202c url('/template/1/html/image/jro_on_kuk_vsalbg.jpg') no-repeat center top; text-align:center; } .jro_onGuk_vsal > h2 { padding-top:90px;} .jro_onGuk_priceInfo { padding-top:90px; background: #232124; padding-bottom:90px;} .jro_onGuk_priceInfo > div { width: 1000px; margin: 0 auto; position: relative;} .jro_onGuk_priceInfo > div > a.btn_price1 { position: absolute; right: 39px; bottom: 53px; } .jro_onGuk_area { width:100%;text-align:center; padding-top:100px; padding-bottom:100px; } .jro_onGuk_area > h3 { padding-bottom:60px;} .jro_onGuk_1000 { width:1000px; margin: 0 auto; } ul.jro_onGuk_1000Ul { width:1000px; margin: 0 auto; } ul.jro_onGuk_1000Ul > li { padding-bottom:55px;} ul.jro_onGuk_1000Ul > li:last-child { padding-bottom:0px;} li.jro_onGuk_1000Ul_poRetv { position:relative;} li.jro_onGuk_1000Ul_poRetv > a.btnGo { position: absolute; bottom: 115px; left: 264px; display: block; width: 472px; height: 65px; overflow:hidden; text-indent:-900px;/* background: red;*/} .jro_onGuk_techTap { overflow:auto;width:1000px; margin: 0 auto;} .jro_onGuk_techTap > li { float:left; margin-left:2px; width:248px; height:100px;line-height:100px;} .jro_onGuk_techTap > li > a { display:block; background:#c8c8c8; color:#173059; font-family: 'Noto Sans KR', sans-serif; font-size:20px; } .jro_onGuk_techTap > li.active > a { display:block; background:#173059; color:#fff;} .jro_onGuk_techTapCon { width:938px; margin: 0 auto;background:#fff; padding: 30px; border:1px solid #c8c8c8; border-top:0px} .jro_onGuk_tchTmvz { width:940px; height:475px; margin: 0 auto; } .jro_onGuk_tchTCarer { position:relative; margin-top:15px; text-align:left;} .jro_onGuk_tchTCarer > h5 { background: url('/template/1/html/image/jro_on_kuk_img06_bl.jpg') no-repeat left 50%; padding-left:25px; height:20px; line-height:20px; font-weight:500; font-size:15px; font-family: 'Noto Sans KR', sans-serif; } ul.jro_onGuk_tchCList { width:750px; overflow:auto;padding-left:23px; } ul.jro_onGuk_tchCList > li { floaT:left; width:332px; line-height:18px; font-family: 'Noto Sans KR', sans-serif; font-size:13px; font-weight:200;} a.jro-onGuk_tchCbtn { position:absolute; bottom:0px; right:0px;} /* 랜딩 하단 영역*/ .notice_area { width:100%; background:#2c2929; padding:100px 0 55px; } .notice_area > div { width:870px; margin:0 auto; padding:0 65px; } .notice_area > div > dl { margin-bottom:45px; } .notice_area > div > dl > dt { font-size:15px; color:#cad7dd; font-family: 'Noto Sans KR', sans-serif; padding-bottom:5px; } .notice_area > div > dl > dd { font-size:14px; color:#939393; line-height:24px; font-family: 'Noto Sans KR', sans-serif; } /*와이드화면 타이틀*/ .jro_widTit { width:1000px; margin: 0 auto; padding-top:35px; } .jro_widTit > h2 { text-align:left; font-size:22px; font-weight:400; font-family: 'Noto Sans KR', sans-serif;padding-left:15px; background: url('/template/1/html/image/jrp_ncsH2bar.png') no-repeat left;} /*가격할인부분추가 170630 천팀*/ .vtopLelist_Prce { width: 220px; margin: 0 auto;} .vtopLelist_Prce > li > div { position:relative;height:21px;line-height:21px;} .vtopLelist_Prce > li > div > span.vtpc_sTit01 { display:inline-block; width:48px; color:#333; font-weight:400;} .vtopLelist_Prce > li > div > span.vtpc_sTitPrce { color:#2e58d5; } .vtopLelist_Prce > li > div > p.vtpc_sTitPrceBig { position:absolute; top:34px;display:block; width: 100%; height:50px; text-align: right;letter-spacing:-1px; color:#d40b13; font-size:20px;} .vtopLelist_Prce > li > div > p > span.vtpc_sTitP01 { font-size:22px; font-weight:bold; color:#d40b13;} .vtopLelist_Prce > li > div > p > span.vtpc_sTitP02 { padding:2px 5px; border-radius:20px;color:#fff; font-weight:bold; font-size:14px; background:#ff4200;} /*강사소개 천팀*/ .jro_tchifo_play { margin-top:25px;width:980px; height:466px;border:8px solid #000; background:#333;} /*강사소개 추가 강팀 -> 천팀 수정*/ /*.teaver_view{} .teacher_list_div{ padding:15px; margin:10px auto; background-color:#f4f4f4; border-color: #d7d7d7 currentcolor #d7d7d7 #d7d7d7; } .teacher_list_div > ul{ display:table; width:100%; } .teacher_list_div > ul > li{ display:table-cell; text-align:center; } .teacher_list_div > ul > li > a{ } .teacher_list_div > ul > li.active > a{ font-weight:bolder; } 강팀 원본*/ .teaver_view{} .teacher_list_div{ margin-top:25px;margin-bottom:30px; } .teacher_list_div > ul{ clear:both; display:block; width:997px; height:89px; border-bottom:2px solid #324ea2; border-top:1px solid #ccc; border-left:1px solid #ccc; padding-bottom:3px;} .teacher_list_div > ul > li{ float:left;width: 124px; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc; } .teacher_list_div > ul > li:nth-child(even) { width:123px;} .teacher_list_div > ul > li > a{ display:inline-block; width:124px; height: 45px; line-height:45px; font-size:14px;} .teacher_list_div > ul > li.active > a{ background:#324ea2; color:#fff; font-weight:bold; } /* 강사소개 등 탭 메뉴 신규 추가 by 천팀*/ .tcherTap00Area { width:1000px; margin:0 auto;} .tcherTap { margin-top:25px; border} .tcherTap > ul { width:1000px; height:51px; border-bottom:1px solid #015ea1; } .tcherTap > ul > li:first-child { border-left:1px solid #d9d9d9;} .tcherTap > ul > li { float:left; display:block; text-align:center; width:150px; height:50px; line-height:50px;border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:#f8f8f8; } .tcherTap > ul > li > a { font-size:15px; } .tcherTap > ul > li.active > a { display:block;font-size:15px; font-weight:500; background:#fff; border:1px solid #015ea1; border-bottom:1px solid #fff; color:#0a6caa;} .tcherTapOff { margin-top:25px; border} .tcherTapOff > ul { width:1000px; height:51px; border-bottom:2px solid #015ea1;} .tcherTapOff > ul > li:first-child a{ border-left:1px solid #d9d9d9;} .tcherTapOff > ul > li { float:left; display:block; text-align:center; width:150px; height:50px; line-height:50px; background:#f8f8f8; } .tcherTapOff > ul > li > a { display:block;font-size:16px;font-family: 'Noto Sans KR', sans-serif;border-right:1px solid #d9d9d9; border-bottom:0px solid #fff;border-top:1px solid #d9d9d9; } .tcherTapOff > ul > li.active > a, .tcherTap > ul > li > a:hover { font-size:16px; font-weight:700; background:#fff; border:2px solid #015ea1; border-bottom:2px solid #fff; color:#0a6caa;} .tcherTapOn { margin-top:25px; border} .tcherTapOn > ul { width:1000px; height:51px; border-bottom:2px solid #d90d38;} .tcherTapOn > ul > li:first-child a { border-left:1px solid #d9d9d9;} .tcherTapOn > ul > li { float:left; display:block; text-align:center; width:150px; height:50px; line-height:50px; background:#f8f8f8; } .tcherTapOn > ul > li > a { display:block;font-size:16px;font-family: 'Noto Sans KR', sans-serif;border-right:1px solid #d9d9d9;border-bottom:0px solid #fff;border-top:1px solid #d9d9d9; } .tcherTapOn > ul > li.active > a, .tcherTapOn > ul > li > a:hover {font-size:16px; font-weight:700; background:#fff; border:2px solid #d90d38; border-bottom:2px solid #fff; color:#dc0303;} .tcherListArea { margin-top:5px;} .tcherList > li { padding:25px 0px; height:125px;border-bottom:1px solid #c5c5c5 } .tchLstThum { width:160px; height:125px; float:left; background:#efefef;text-align:center;} .tchLstTxt { float:left; position:relative;width:420px; height:125px; padding-left:17px;} .tchLstTxt > h4 { font-size:20px; margin-bottom:10px;font-weight:500;line-height:1.2em; color:#333; font-family: 'Noto Sans KR', sans-serif;} .tchLstTUl { display:table; vertical-align:top;} .tchLstTUl > li { display:block; font-size:14px; color:#666; line-height:20px; margin-bottom:5px; letter-spacing:-1px; width:420px;overflow:hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;} .tchLstTUl > li.summary { height:65px;overflow:hidden;} .tchFreLstTUl { width:650px;} .tchFreLstTUl > li { display:block; width:650px;} .tchLstTUl > li.bnft { color:#ff7200;/*max-height:36px;*/} .tchLstTUl > li.bnft > span { display:inline-block; width:40px;color:#ff7200; font-size:14px;} .tchLstTUl > li > span.titA00 { display:inline-block; width:40px; font-size:14px; } .tchLstTblZone { position:absolute; bottom:0px;} .tchLstTblZone > span { font-size:11px; font-weight:500;color:#fff; padding:4px 10px;} .tchlstbl_new { background:#f0694e; } .tchlstbl_most { background:#e989e6; } .tchlstbl_best { background:#ffa200; } .tchLstPriinfo { float:left; position:relative; border-left: 1px dashed #ccc;border-right: 1px dashed #ccc;width:220px; height:125px;padding-lefT:19px;} .tchLstPif_list { width:205px; margin: 0 atuo; margin-top:-3px;} .tchLstPif_list > li { height:34px; line-height:34px; border-bottom:1px solid #ccc; font-size:13px; letter-spacing:-1px;} .tchLstPif_list > li > span.tit00 { display: inline-block; width:48px; font-size:13px; letter-spacing:-1px;} .tchLstPif_list > li > strike { font-size:15px; color:#324ea2; font-weight:500;} .tchLstPrice { float:right;position:relative; text-align:center;width:162px;height:125px;} .tchLst_Freebtnz { float:right; position:relative; border-left:1px dashed #ccc; width:162px; height:125px;text-align:center; } .tchLst_Freebtnz ul > li { margin-bottom:10px;} .tchLst_Freebtnz ul > li > a.btnfree { display:block; width:130px;height:35px; line-height:35px;margin: 0 auto; text-align:center; color:#fff; background:#e51f1f; } .tchLst_Freebtnz ul > li > a.btnabtLec { display:block; width:130px;height:35px; line-height:35px;margin: 0 auto; text-align:center; color:#fff; background:#767676; } .tchLst_Freebtnz ul > li > a.btnBook { display:block; width:130px;height:35px;line-height:35px; margin: 0 auto; text-align:center; border:1px solid #767676; } .tchLstPif_price { position:absolute;padding-left:46px; width:170px;height: 35px; line-height: 35px;color:#dc0303; font-size:16px; font-weight:600;} .tchLstPif_price > span.rate { display:inline-block; padding:2px 5px; border-radius:15px; color:#fff; font-weight:500;background:#dc0303} .tchLstBtn { display: table-cell;height: 125px; text-align: center; vertical-align: middle; width: 162px;} .tchLstBtn > ul.btnLst > li { margin-bottom:5px;} .tchLstBtn > ul.btnLst > li > a { display:inline-block; } a.tchLstBtn_oder { width:130px; font-size:14px;margin: 0 auto; background:#e51f1f; text-align:center; padding: 15px 0; color:#fff; font-weight:500; } a.tchLstBtn_cart { width:130px; font-size:14px;margin: 0 auto; background:#383838; text-align:center; padding: 15px 0; color:#fff; font-weight:500; } a.tchLstBtn_oder2 { width:130px; font-size:14px;margin: 0 auto; background:#e51f1f; text-align:center; padding: 15px 0; color:#fff !important; font-weight:500; } a.tchLstBtn_Tast { width:128px; font-size:14px;margin: 0 auto; background:#fff; border:1px solid #333; text-align:center; padding: 13px 0; color:#333; font-weight:500; } /* 채용설명회 팝업 추가 20170718*/ .jro_skn_smFromA { width:660px; padding:35px 0px; background:#fff;/*height:185px; */} .jro_skn_smFromA > div.jro_sksmFmA_box { width:580px; margin: 0 auto;} .jro_skn_smFromA > div.jro_sksmFmA_box > h4 { height:45px; line-height:45px;padding-left:35px; font-size:18px; color:#333; font-weight:500; font-family: 'Noto Sans KR', sans-serif; background: url('/template/1/html/image/jro_skn_icon.png') no-repeat left 50%; } ul.jro_sksmAUl { border-top:2px solid #0b4fa3; border-left:1px solid #cccccc; overflow:auto;} ul.jro_sksmAUl > li { float:left; height:32px; line-height:32px; text-align:center;} ul.jro_sksmAUl > li { width:181px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;} ul.jro_sksmAUl > li > input { width:165px;} ul.jro_sksmAUl > li.jro_sksmAUltxt { width:106px; background:#f6f6f6;} div.jro_sksmADvbt { margin-top:6px;} .jro_sksmA_txare { width:498px; height:60px; border:1px solid #ccc;} a.jro_sksmA_Btnfnsh { display:block; float:right; width:77px; height:38px; background: #0b4fa3; text-align:center; padding-top:25px; color:#fff !important; font-weight:500;} /*테이블 추가 - 추후 통합으로 쓸 예상으로 작업 20170718by천팀*/ .jro_Tblskin_verA { width:100%; border-spacing:0px; background:#fff; border-top:2px solid #0b4fa3; border-bottom:1px solid #666} .jro_Tblskin_verA > tbody > tr > th { font-weight:500; color:#333; text-align:center; background:#f6f6f6} .jro_Tblskin_verA > tbody > tr > th, .jro_Tblskin_verA > tbody > tr > td { height:40px; line-height:40px;border-bottom:1px solid #dddddd; font-size:14px; } .jro_Tblskin_verA > tbody > tr > td { padding-left:10px; color:#444} /*테이블 내 리스트*/ ul.jro_tblvA_LIstUl { width:100%; overflow:auto; padding:5px 0px;}/*옆으로 나열된 리스트*/ ul.jro_tblvA_LIstUl > li { float:left; width:30%; line-height:25px;} input.jro_tblvA_Ipfrm { border:1px solid #ddd; width:95%; height:26px; line-height:26px;} input.jro_tblvA_IpMoth { border:1px solid #ddd; width:75%; height:26px; line-height:26px;} /*날짜입력폼일때*/ input.jro_tblvA_IpAutfrm { border:1px solid #ddd; width:25%; height:26px; line-height:26px;}/*자동등록방지폼일때*/ textarea.jro_tblvA_ttarea { width:98%; height:75px; margin:5px 0 ; border:1px solid #ddd;} /*개인정보수집동의 내용 보기 버튼*/ a.jro_skn_tblvA_btnAgreeV { display:inline; padding:7px 15px; border-radius:3px; background: #8f6d3d; color:#fff; font-size:12px; font-weight:500;} .jro_skn_tblvA_agree { background:#fff;} /*회원가입등 개인정보수집동의 박스*/ .jro_skn_tblvA_agree > p { text-align:right; height:30px; line-height:30px; margin-top:10px;font-family:nanumgothic; font-size:15px; font-weight:500;} .jro_skn_tblvA_agree input[type="checkbox"] { position:absolute; left:0; top:0; width:20px; height:20px; margin:0; opacity:0; } .jro_skn_tblvA_agree p:not(#cssbrowser)>input[type="checkbox"] + label { width:20px; height:20px; overflow:hidden; float: right;margin:5px 0 0 5px; padding:0px 0 0px 24px; display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .jro_skn_tblvA_agree p:not(#cssbrowser)>input[type="checkbox"] + label { background:url('/template/1/html/image/jro_sknAgree_icon.png') no-repeat 0px -20px; } .jro_skn_tblvA_agree p:not(#cssbrowser)>input[type="checkbox"]:checked + label {background:url('/template/1/html/image/jro_sknAgree_icon.png') no-repeat 0px 0px; } /*테이블 버튼존*/ .jro_skn_tblvA_btnz { width:100%; text-align:right; margin-top:45px;} .jro_skn_tblvA_btnz > a.tblvA_btn_write { display:inline-block; padding:10px 30px; background:#0b4fa3; color:#fff; font-weight:500 } .jro_skn_tblvA_btnz > a.tblvA_btn_List { display:inline-block; padding:10px 30px; background:#333; color:#fff; font-weight:500} /*NCS집중반 랜딩페이지 추가 170817*/ .jro_gib_vsArea { text-align:center; padding-top:54px; padding-bottom:120px; background: url('/template/1/html/image/jro_gib_vsual_bg.jpg') no-repeat ; } .jro_gib_oderBtnz { clear:both; overflow:auto;padding-top:44px; padding-bottom:50px;} .jro_gib_oderbtnL { float:left; } .jro_gib_oderbtnR { float:right; } .jro_gib_unitA { padding-top: 128px; padding-bottom: 110px; text-align:center;} .jro_gib_unitA > h3 { margin: 0 auto; text-align:center;} ul.jro_gibLstImg { margin: 0 auto; text-align:center; } ul.jro_gibLstImg > li { margin-top:60px;} ul.jro_gibLstImgB { width:1000px; margin: 0 auto; text-align:center; } ul.jro_gibLstImgB > li:first-child { border-top: 0px; margin-top:0px;} ul.jro_gibLstImgB > li { margin-top:90px; padding-top:90px;border-top:1px solid #a5a5a5; } a.btnFreehad { position: absolute; left: 50%; top: 0px; margin-left: 290px; width: 209px; height: 58px; text-indent: -999px; overflow:hidden;/*background: red; */} a.btn1by1 { position: absolute; left: 50%; top: 238px;margin-left: 137px;width: 150px; height: 58px; text-indent: -999px; overflow:hidden;/*background: red; */} ul.jro_gib_Ul3dan { width:1000px; margin: 0 auto; overflow:auto; padding-top:45px;} ul.jro_gib_Ul3dan > li { float:left; margin-left:8px; margin-bottom:8px;} ul.jro_gib_Ul3dan > li:first-child, ul.jro_gib_Ul3dan > li:nth-child(4) { margin-left:0px;} .jro_gib_area06 { text-align:center; padding-top:169px;background: url('/template/1/html/image/jro_gib_area06bg.jpg') repeat-x} .jro_gib_area06 > h3 { padding-bottom:89px;} .jro_gib_area06Tch { width:100%; height:517px;background: url('/template/1/html/image/jro_gib_area06_img.jpg') no-repeat bottom center;} /*결제수단 선택*/ .jro_paySelArea { width:730px; padding:25px 0px; border-bottom:1px solid #ccc;} .jro_pay_ulList { width:100%; height:100px;} .jro_pay_ulList > li { floaT:left; width: 182px; text-align:center; } .jro_pay_ulList > li > label > input.jroAPay { width:18px; height:18px; margin:10px 0px;} .jro_pay_ulList > li > label > p.jro_payT { font-size:16px; font-weight:500; } .radio_wrap { overflow:hidden; font-size:0; height:130px;} .radio_wrap li { float:left; overflow:hidden; list-style-type:none;width:182px;height:130px;text-align:center;} .radio_wrap input[type=radio]{ display:none; margin-left:-182px;} .radio_wrap label span{display:block;width:74px;margin:0 auto;text-indent:-9000px;overflow:hidden;} /* .radio_wrap li.card { margin:0 115px 0 50px; } .radio_wrap li.bank { margin:0 104px 0 0; } */ .radio_wrap li.card > label > span{ background:url('/webheads/image/jro_payLi01.png') no-repeat; width:74px; height:115px;} .radio_wrap li.card > label > span.checked{ background:url('/webheads/image/jro_payLi01_on.png') no-repeat; width:74px; height:115px;} .radio_wrap li.card label input:checked + span{ background:url('/webheads/image/jro_payLi01_on.png') no-repeat; width:74px; height:115px;} .radio_wrap li.vbank label span{ background:url('/webheads/image/jro_payLi02.png') no-repeat; width:74px; height:115px;} .radio_wrap li.vbank label span.checked{ background:url('/webheads/image/jro_payLi02_on.png') no-repeat; width:74px; height:115px;} .radio_wrap li.vbank label input:checked + span{ background:url('/webheads/image/jro_payLi02_on.png') no-repeat; width:74px; height:115px;} .radio_wrap li.trans label span{ background:url('/webheads/image/jro_payLi03.png') no-repeat; width:74px; height:115px;} .radio_wrap li.trans label span.checked{ background:url('/webheads/image/jro_payLi03_on.png') no-repeat; width:74px; height:115px;} .radio_wrap li.trans label input:checked + span{ background:url('/webheads/image/jro_payLi03_on.png') no-repeat; width:74px; height:115px;} .radio_wrap li.bank label span{ background:url('/webheads/image/jro_payLi04.png') no-repeat; width:74px; height:115px;} .radio_wrap li.bank label span.checked{ background:url('/webheads/image/jro_payLi04_on.png') no-repeat; width:74px; height:115px;} .radio_wrap li.bank label input:checked + span{ background:url('/webheads/image/jro_payLi04_on.png') no-repeat; width:74px; height:115px;} /* 설명회 랜딩 페이지 추가 20171107 by 천팀*/ .jro_smhWrap { width:100%; text-align:center; } .jro_smh_vsual { padding-top:19px; background: #222 url('/template/1/html/image/jro_smh_vsalBg.jpg') no-repeat top center; } .jro_smh_vsual > h3 { padding-top:59px;} .jro_smh_vsual > p { padding-top:59px;} .jro_smh_vsBand{ position:relative; padding:45px 0px;background:#5a3826; margin-top:33px;} .jro_smh_vsBand > a.map { position:absolute; left:50%; top:100px; margin-left:-126px;display:inline-block; width:150px; height:47px; overflow:hidden; text-indent:-400px; /*background:red;*/} .jro_smh_vsBand > a.oder { position:absolute; left:50%; bottom:44px; margin-left:120px; display:inline-block; width:360px; height:97px; overflow:hidden; text-indent:-600px; /*background:red;*/} .jro_smh_area{ width: 100%; text-align:center; padding:120px 0px; } .jro_smh_event { width:100% ; padding:90px 0px;background: #2b2929 url('/template/1/html/image/jro_smh_eventBg.jpg') no-repeat bottom center;} .jro_BLK_listUL02 { width:1000px; margin: 0 auto; } .jro_BLK_listUL02 > li { padding-bottom:95px; border-bottom:1px solid #3c3c3c} .jro_BLK_listUL02 > li:last-child { border-bottom:0px;} /* 평가보고서 공통 by쏭 2018-01-09 */ .fl_l { float:left; } .fl_r { float:right; } .mt10 { margin-top:10px; } .mt20 { margin-top:20px; } .mt30 { margin-top:30px; } .mb10 { margin-bottom:10px; } .pl20 { padding-left:20px; } .pr20 { padding-right:20px; } .red { color:#ff0000; } .blue { color:#0066ff; } .black { color:#000; } .orange { color:#ff7800; } @media print { .report_wrap {page-break-after: always;} } .report_wrap { width:730px; border:10px solid #ccd4df; box-sizing:border-box; position:relative; height:1033px;overflow:hidden;} .report_wrap .report_top { width:100%; height:40px; overflow:hidden; } .report_wrap .report_top span { display:inline-block; height:40px; color:#fff; line-height:40px; font-weight:700; font-family:'Noto Sans KR', sans-serif; } .report_wrap .report_top .rep_top_left { float:left; padding-left:10px; font-size:14px; } .report_wrap .report_top .rep_top_left strong { font-size:23px; padding-right:10px; } .report_wrap .report_top .rep_top_right { float:right; } .report_wrap .rep_main_tit { text-align:center; } .report_wrap .rep_main_tit .title { border-top:1px solid #fff; display:inline-block; padding:10px 20px 0; margin:0 auto; font-size:40px; line-height:50px; color:#fff; letter-spacing:-1px; font-family:'Noto Sans KR', sans-serif; } .report_wrap .rep_main_con { margin-top:170px; text-align:center; background:#fff; } .report_wrap .rep_main_con > h5 { font-size:30px; color:#000; font-family:'Noto Sans KR', sans-serif; font-weight:300; } .report_wrap .rep_main_con > p { font-size:14px; color:#555; font-family:'Noto Sans KR', sans-serif; margin-top:20px; line-height:20px; } .report_wrap .rep_main_con .rep_formal { width:290px; margin:90px auto 0; } .report_wrap .rep_main_con .rep_formal .rep_for_table { border:solid #26272b; border-width:2px 0 2px 0; width:100%; } .report_wrap .rep_main_con .rep_formal .rep_for_table tbody tr th { padding:10px 0; text-align:center; border-bottom:1px solid #e2e2e2; font-size:14px; font-family:'Noto Sans KR', sans-serif; position:relative; } .report_wrap .rep_main_con .rep_formal .rep_for_table tbody tr th:after { content:''; display:block; width:1px; height:10px; background:#e2e2e2; position:absolute; right:0; bottom:0; } .report_wrap .rep_main_con .rep_formal .rep_for_table tbody tr td { padding:10px 0 10px 20px; border-bottom:1px solid #e2e2e2; font-size:14px; font-family:'Noto Sans KR', sans-serif; } .report_wrap .report_inner { padding:30px 20px; background:#fff; } .report_wrap .report_inner .rep_title { padding-left:20px; position:relative; font-size:16px; color:#000; font-weight:600; height:20px; line-height:18px; position:relative; margin-bottom:15px; } .report_wrap .report_inner .rep_title:before { content:''; display:block; width:13px; height:13px; background:#26272b; border-radius:50px; position:absolute; left:0; top:2px; } .report_wrap .report_inner .hda_text_area p { font-size:13px; line-height:20px; } .report_wrap .report_inner2 { padding:20px 20px; background:#fff; } .report_wrap .report_inner2 .rep_title { padding-left:20px; position:relative; font-size:16px; color:#000; font-weight:600; height:20px; line-height:18px; position:relative; margin-bottom:5px; } .report_wrap .report_inner2 .rep_title:before { content:''; display:block; width:13px; height:13px; background:#26272b; border-radius:50px; position:absolute; left:0; top:2px; } .report_wrap .report_inner2 .hda_text_area p { font-size:13px; line-height:20px; } .report_wrap .report_bottom { width:710px; height:40px; text-align:center; position:absolute;bottom:0px;left:0px; } .report_wrap .report_bottom > span { color:#fff; height:40px; line-height:40px; position:absolute; } .report_wrap .report_bottom .copyright { left:10px; top:0; } .report_wrap .report_bottom .domain { right:60px; top:0; font-size:13px; font-weight:600; } .report_wrap .report_bottom .print { display:block; width:50px; height:40px; background:#ff6464; position:absolute; right:0; top:0; } .report_wrap .report_end_inner { padding:10px 0; background:#fff; } /* NCS 평가보고서(공기업) by쏭 2018-01-09 */ .ncs_bg_bar { background:#475a09; } .ncs_table_01 { width:100%; } .ncs_table_01 thead tr th { padding:7px 0; text-align:center; background:#649e09; font-size:13px; color:#fff; font-weight:600; } .ncs_table_01 tbody tr td { padding:7px 0; text-align:center; border:solid #dcdcdc; border-width:0 0 1px 1px; color:#666; } .ncs_table_01 tbody tr td.bd0 { border-width:0 0 1px 0; } .ncs_table_01 tbody tr td.ta_l { text-align:left; padding:10px; line-height:20px; letter-spacing:-0.5px; } .ncs_table_01 tbody tr td ul li { position:relative; padding-left:10px; font-size:13px; line-height:20px; } .ncs_table_01 tbody tr td ul li:before { content:''; display:block; width:3px; height:3px; background:#000; position:absolute; left:0; top:8px; } .ncs_table_02 { width:100%; } .ncs_table_02 thead tr th { padding:7px 0; text-align:center; background:#87bb36; font-size:13px; color:#fff; font-weight:600; } .ncs_table_02 tbody tr td { padding:7px 0; text-align:center; border:solid #dcdcdc; border-width:0 0 1px 1px; color:#666; } .ncs_table_02 tbody tr td.bd0 { border-width:0 0 0 1px; } .ncs_table_02 tbody tr td.br1 { border-width:0 1px 1px 1px; } .ncs_table_03 { width:100%; } .ncs_table_03 thead tr th { padding:5px 0; text-align:center; background:#649e09; font-size:13px; color:#fff; font-weight:600; } .ncs_table_03 tbody tr td { padding:4px 0; text-align:center; border:solid #dcdcdc; border-width:0 0 1px 1px; color:#666; } .ncs_table_03 tbody tr td.bd0 { border-width:0 0 1px 0; } .ncs_table_03 tbody tr td.ta_l { text-align:left; padding:5px 10px; line-height:20px; letter-spacing:-0.5px; } .ncs_table_03 tbody tr td ul li { position:relative; padding-left:10px; font-size:13px; line-height:20px; } .ncs_table_03 tbody tr td ul li:before { content:''; display:block; width:3px; height:3px; background:#000; position:absolute; left:0; top:8px; } .ncs_table_section_grade { width:100%; } .ncs_table_section_grade thead tr th, .ncs_table_section_grade tfoot tr th { padding:7px 0; text-align:center; font-size:13px; color:#666; font-weight:600; } .ncs_table_section_grade thead tr th {border:solid #dcdcdc; border-width: 1px 0 1px 1px;} .ncs_table_section_grade tfoot tr th {border:solid #dcdcdc; border-width:0 0 1px 1px;} .ncs_table_section_grade thead tr th.division { background:#d9d9d9; } .ncs_table_section_grade tbody tr td { padding:7px 0; text-align:center; border:solid #dcdcdc; border-width:0 0 1px 1px; color:#666; } .ncs_table_section_grade tbody tr td.bd0 { border-width:0 0 0 1px; } .ncs_table_section_grade tbody tr td.br1, .ncs_table_section_grade thead tr th.br1, .ncs_table_section_grade tfoot tr th.br1 { border-width:0 1px 1px 1px; } .rep_ncs_01 { width:100%; background:#fff url('../image/rep_ncs_01.jpg') no-repeat center top; padding:100px 0; } .ncs_graph_area { padding:0 20px; } .ncs_graph_area .ncs_graph_info { width:100%; padding:10px 0; box-sizing:border-box; border:1px solid #87bb36; background:#f6f8e2; text-align:center; line-height:20px; font-size:14px; color:#333; } .ncs_graph_area .ncs_graph_info span { font-weight:600; font-size:14px; } .ncs_graph_area .ncs_graph_con { width:100%; height:225px; box-sizing:border-box; border:1px solid #e2e2e2; margin-top:10px; background:url('../image/ncs_graph_bg.png') no-repeat center top; position:relative; } .ncs_graph_area .ncs_graph_con .ncs_graph_ico { display:inline-block; position:absolute; top:150px; left:400px; color:#559bbd; padding-top:13px; background:url('../image/ncs_graph_ico.png') no-repeat center top; } .ncs_grade_area { padding:0 20px; margin-top:20px; min-height:820px; } .ncs_grade_area .ncs_grade_title { color:#fff; background:#475a09; border-radius:30px; width:200px; height:36px; margin:0 auto; font-size:20px; text-align:center; font-weight:600; line-height:36px; } .ncs_grade_area .ncs_grade_graph { margin-top:20px; padding:30px 0; border-top:1px solid #475a09; height:200px; } /* 직무적성 평가보고서(대기업) by쏭 2018-01-11 */ .apt_bg_bar { background:#1a0835; } .apt_table_01 { width:100%; } .apt_table_01 thead tr th { padding:7px 0; text-align:center; background:#a18ce7; font-size:13px; color:#fff; font-weight:600; } .apt_table_01 thead tr th.apt_bg01 { background:#c4bae7; } .apt_table_01 thead tr th.apt_bg02 { background:#9a8ad0; } .apt_table_01 thead tr th.apt_bg03 { background:#7663b8; } .apt_table_01 thead tr th.apt_bg04 { background:#5a44a0; } .apt_table_01 thead tr th.apt_bg05 { background:#432d8a; } .apt_table_01 tbody tr td { padding:10px 0; text-align:center; border:solid #dcdcdc; border-width:0 1px 1px 0; color:#666; } .apt_table_01 tbody tr td.dash { border-right:1px dashed #dcdcdc; } .apt_table_01 tbody tr td.bd0 { border-width:0 0 1px 0; } .apt_table_02 { width:100%; } .apt_table_02 thead tr th { padding:7px 0; text-align:center; background:#a18ce7; font-size:13px; color:#fff; font-weight:600; } .apt_table_02 tbody tr td { padding:7px 0; text-align:center; border:solid #dcdcdc; border-width:0 0 1px 1px; color:#666; } .apt_table_02 tbody tr td.bd0 { border-width:0 0 0 1px; } .apt_table_02 tbody tr td.br1 { border-width:0 1px 1px 1px; } .rep_apt_01 { width:100%; background:#fff url('../image/rep_apt_01.jpg') no-repeat center top; padding:100px 0; } .apt_grade_area { padding:0 20px; } .apt_grade_area dl dt { background:#a29166; padding:7px; color:#fff; font-size:13px; font-weight:600; } .apt_grade_area dl dd { border:solid #e2e2e2; border-width:0 1px 1px 1px; padding:10px; line-height:18px; } .apt_grade_area .apt_grade_graph {} .apt_grade_area .apt_grade_graph li { overflow:hidden; display:table; table-layout:fixed; border-top:1px solid #3b2260; } .apt_grade_area .apt_grade_graph li:first-child { border-top:none; } .apt_grade_area .apt_grade_graph li .apt_graph { display:table-cell; width:154px; height:154px; } .apt_grade_area .apt_grade_graph li .apt_grade { display:table-cell; padding:10px 0 10px 20px; width:456px; vertical-align:middle; } .apt_grade_area .apt_grade_graph li .apt_grade .apt_grade_title { color:#fff; background:#3b2260; border-radius:30px; width:170px; height:30px; margin-bottom:15px; font-size:15px; text-align:center; font-weight:600; line-height:30px; } .apt_grade_area .apt_grade_graph li .apt_grade .apt_grade_text p { font-size:11px; line-height:17px; } .apt_section_grade {} .apt_section_grade .apt_grade_title { color:#fff; background:#3b2260; border-radius:30px; width:170px; height:30px; margin: 0 auto 0px auto; font-size:15px; text-align:center; font-weight:600; line-height:30px; } table.apt_section_sub_desc {width : 100%; border-collapse: collapse; border: 1px solid #d9d9d9;} table.apt_section_sub_desc th {background-color: #cccccc; font-weight:600; text-align: center;} table.apt_section_sub_desc th, table.apt_section_sub_desc td {border: 1px solid #d9d9d9; padding: 7px 3px; font-size:13px;} table.apt_section_sub_grade {width : 100%; border-collapse: collapse; border: 1px solid #d9d9d9;} table.apt_section_sub_grade th {background-color: #cccccc; font-weight:600; font-size:13px; text-align: center;} table.apt_section_sub_grade th, table.apt_section_sub_grade td {border: 1px solid #d9d9d9; padding: 3px;} table.apt_company_sub_grade {width : 100%; border-collapse: collapse; border: 1px solid #d9d9d9;} table.apt_company_sub_grade th {background-color: #cccccc; font-weight:600; font-size:13px; text-align: center;} table.apt_company_sub_grade th, table.apt_company_sub_grade td {border: 1px solid #d9d9d9; padding: 5px;} table.tea_table_grade { width:100%; border-collapse: collapse; border: 1px solid #d9d9d9;} table.tea_table_grade th, table.tea_table_grade td { padding:7px 0; border: 1px solid #d9d9d9; text-align:center; font-size:13px; color:#666; } table.tea_table_grade thead tr th, table.tea_table_grade tfoot tr th { font-weight:600; } table.tea_table_grade th { background:#cccccc; } /*table.tea_table_grade tbody tr td.bd0 { border-width:0 0 0 1px; }*/ /*table.tea_table_section_grade tbody tr td.br1, .ncs_table_section_grade thead tr th.br1, .ncs_table_section_grade tfoot tr th.br1 { border-width:0 1px 1px 1px; }*/ /* 인성검사A형 평가보고서(공기업) by쏭 2018-01-12 */ .per_bg_bar { background:#26272b; } .rep_per_01 { width:100%; background:#fff url('../image/rep_per_01.jpg') no-repeat center top; padding:100px 0; } .rep_per_01 > .rep_main_tit > .title { color:#00adff; border-top:1px solid #00adff; text-shadow:4px 6px 10px rgba(0,0,0,.75); } .per_table_01 { width:100%; background:url('../image/per_table_bg.png') no-repeat left top; } .per_table_01 tbody tr th { text-align:center; font-size:16px; color:#fff; font-weight:600; border-bottom:1px dashed #9cdaeb; } .per_table_01 tbody tr td { padding:18px 0 18px 60px; border-bottom:1px dashed #9cdaeb; color:#7a7a7a; background:url('../image/per_table_td.png') no-repeat left center; line-height:20px; } .per_table_02 { margin-top:10px; } .per_table_02 thead tr th { padding:5px 0; text-align:center; background:#7c9dbc; font-size:13px; color:#fff; font-weight:600; } .per_table_02 tbody tr td { padding:5px 0; text-align:center; border-bottom:1px solid #ccd4df; color:#000; } .per_table_02 tbody tr td.crW { color:#fff; } .per_table_02 tbody tr td.per_bg01 { background:#17527b; } .per_table_02 tbody tr td.per_bg02 { background:#317aa6; } .per_table_02 tbody tr td.per_bg03 { background:#5396be; } .per_table_02 tbody tr td.per_bg04 { background:#7baecc; } .per_table_02 tbody tr td.per_bg05 { background:#8abfde; } .per_table_02 tbody tr td.per_bg06 { background:#73d0fa; } .per_table_02 tbody tr td.per_bg07 { background:#9ad6f0; } .per_table_02 tbody tr td.per_bg08 { background:#ffc6c6; } .per_table_03 { } .per_table_03 thead tr th { padding:5px 0; text-align:center; background:#2a6296; color:#fff; font-weight:600; font-size:12px; } .per_table_03 tbody tr th { padding:5px 0; text-align:center; background:#ccd4df; border-bottom:1px solid #fff; color:#2a6296; font-weight:600; font-size:12px; } .per_table_03 tbody tr td { padding:5px 0; text-align:center; border:solid #ccd4df; border-width:0 0 1px 1px; color:#2a6296; font-weight:600; font-size:12px; } .per_table_03 tbody tr td.br0 { border-width:0 0 1px 0; } .per_table_03 tbody tr .bd0 { border-width:0; } .per_table_03 tfoot tr th { padding:5px 0; text-align:center; background:#5d9eda; color:#fff; font-weight:600; font-size:12px; } .per_table_03 tfoot tr td { padding:5px 0; text-align:center; background:#5d9eda; color:#fff; font-weight:600; font-size:12px; } .per_table_04 { width:100%; } .per_table_04 thead tr th { padding:5px 0; text-align:center; background:#7c9dbc; font-size:12px; color:#fff; font-weight:600; } .per_table_04 tbody tr td { padding:5px 0; text-align:center; border-bottom:1px solid #ccd4df; color:#000; font-size:12px; } .per_copy_box { width:100%; padding:10px 0; background:#e2e9ef; text-align:center; line-height:20px; font-size:14px; color:#333; } .per_copy_box span { font-weight:600; font-size:14px; } .per_graph_area01 { overflow:hidden; } .per_graph_area01 .per_graph_01 { position:relative; width:100%; height:82px; background:url('../image/per_graph_area01.jpg') no-repeat center; } .per_graph_area01 .per_graph_01 .graph_01_on { display:block; position:absolute; left:0; top:14px; overflow:hidden; } .per_graph_area01 .per_graph_02 { position:relative; width:100%; height:82px; background:url('../image/per_graph_area02.jpg') no-repeat center; } .per_graph_area01 .per_graph_02 .graph_02_on { display:block; position:absolute; left:0; top:14px; overflow:hidden; } .per_graph_area01 .per_graph_03 { position:relative; width:100%; height:65px; background:url('../image/per_graph_area03.jpg') no-repeat center; } .per_graph_area01 .per_graph_03 .graph_03_on { display:block; position:absolute; left:0; top:-9px; overflow:hidden; } .per_graph_area02 .per_graph_02 { height:165px; } .per_graph_area03 {} .per_graph_area03 li { padding:30px 0; border-top:1px solid #ccd4df; table-layout:fixed; } .per_graph_area03 li:first-child { border-top:none; } .per_graph_area03 li .per_graph_03 { display:table-cell; width:200px; height:190px; vertical-align:middle; } .per_graph_area03 li .per_grade { display:table-cell; padding-left:30px; } .per_graph_area03 li .per_grade p { font-size:13px; line-height:20px; } .per_graph_area03 li .per_grade p b { color:#5d9eda; } .per_graph_area04 .per_graph_04 { height:180px; } .per_graph_area05 { display:table; table-layout:fixed; } .per_graph_area05 .bsns_table { display:table-cell; vertical-align:middle; } .per_graph_area05 .bsns_info { display:table-cell; width:245px; height:200px; } .per_graph_area05 .bsns_info dl dd { padding:0 20px 0 10px; } .per_graph_area05 .per_graph_05 { display:table-cell; width:245px; } .info_box { border:solid #438aa8; border-width:1px 0 1px 0; background:#f2f5f8; color:#26272b; padding:10px; font-size:13px; line-height:20px; clear:both; } .info_box span { font-size:13px; line-height:20px; } /* 로그인/아이디찾기/비밀번호찾기 */ ul.loginNav{width:100%; padding:40px 0 0 0; } ul.loginNav:after{content:""; display:block; clear:both;} ul.loginNav li{position:relative; float:left; padding:0 18px; } ul.loginNav li:first-child{padding-left:0;} ul.loginNav li:last-child{padding-right:0;} ul.loginNav li:after{content:""; display:block; position:absolute; top:7px; right:0; width:1px; height:17px; background:#e5e5e5;} ul.loginNav li:last-child:after{display:none; } ul.loginNav li a, ul.loginNav li span.text{position:relative; font-size:20px; font-weight:100; } ul.loginNav li a:after, ul.loginNav li label:after{content:""; display:block; position:absolute; bottom:-4px; left:-10%; width:0; height:2px; background:#5a2ac5; -webkit-transition: width .3s; -moz-transition: width .3s; -ms-transition: width .3s; -o-transition: width .3s; transition: width .3s; } ul.loginNav li label:after{bottom:0; left:-4%;} ul.loginNav li a:hover:after{width:120%;} ul.loginNav li:hover label:after{width:80%;} dl.simpleLogin{width:100%; margin-top:60px;} dl.simpleLogin:after{content:""; display:block; clear:both;} dl.simpleLogin dt{float:left; width:106px; font-size:20px; font-weight:100; } dl.simpleLogin dd{float:left; width:80px; margin-left:6px; } dl.simpleLogin dd a, dl.simpleLogin dd img{display:block; width:100%; } dl.simpleLogin .kko_login{background: none !important;} ul.findEnd{width:100%; border:1px solid #dbdbdb; border-right:none;} ul.findEnd:after{content:""; display:block; clear:both;} ul.findEnd li:first-child{width:24%; font-weight:100; color:#3e3e3e; text-align:center; } ul.findEnd li{float:left; width:38%; font-size:18px; font-weight:500; color:#000; padding:12px; background:#fff; border-right:1px solid #dbdbdb; } ul.pwEnd{width:100%;} ul.pwEnd li{position:relative; margin:4px 0; padding:10px 0 10px 170px; background:#fff; border:1px solid #dbdbdb; } ul.pwEnd li > a{display:block; position:absolute; top:0; left:-1px; width:160px; height:100%; text-align:center; line-height:44px; background:url("/template/1/type1/images/next.png") 90% center no-repeat; border:1px solid #000; } @media(max-width:1280px){ ul.loginNav{padding:30px 0 0 0; } ul.loginNav li{padding:0 14px; } ul.loginNav li:after{top:8px; height:14px;} ul.loginNav li a, ul.loginNav li span.text{font-size:16px; } dl.simpleLogin{margin-top:60px;} dl.simpleLogin dt{float:none; width:100%; margin-bottom:5px; font-size:18px; } dl.simpleLogin dd{margin-left:0; margin-right:6px; } ul.findEnd li{font-size:16px; padding:8px; } ul.pwEnd li{padding:8px 0 8px 140px; font-size:16px; } ul.pwEnd li > a{width:130px; padding:0 8px; text-align:left; line-height:40px;} } @media(max-width:767px){ ul.loginNav{padding:10px 0 0 0; } ul.loginNav li{padding:0 8px; } ul.loginNav li a, ul.loginNav li span.text{font-size:14px; } dl.simpleLogin{margin-top:30px;} dl.simpleLogin dt{ font-size:16px; } dl.simpleLogin dd{width:60px; } ul.findEnd li{width:76%;} ul.findEnd li.last_li{width:100%; border-top:1px solid #dbdbdb;} ul.pwEnd li{padding:8px 0 8px 130px; font-size:14px; } ul.pwEnd li > a{width:120px; line-height:34px;} }