/* 나눔고딕 @import url("/font/font.css"); @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/ @import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800); /*font-family:'Open Sans', sans-serif;*/ body { margin:0; padding:0; font-family: 'Nanum Gothic', sans-serif; font-size:12px; /*background:#f2f6f7;*/ } input, button, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } button { cursor:pointer; } button img, img { vertical-align:middle; } .fLeft { float:left; margin-right:5px; } .fRight { float:right; margin-left:5px; } .Left { text-align:left !important; margin-right:5px !important; } .Right { text-align:right; margin-left:5px; } input[readonly="readonly"]{ background:#f8f8f8; } strong.red, span.red, label.red { color:#c73333 !important; } strong.blue, span.blue, label.blue { color:#2665ae !important; } strong.titleBlue, span.titleBlue { color:#1082c4; } /*상단배너*/ #topBannerArea { background:url(../images/safety/bg_topbanner.png); text-align:center; } /* 공통 Top */ /*#header { overflow:hidden; min-width:1260px; background:#0780c2; } #header div { width:1260px; height:40px; margin:0 auto; text-align:right; line-height:40px; color:#fff; } #header button { height:26px; padding:0 10px; border:none; background:url(../images/global/bg_glbalbtn.png); vertical-align:middle; color:#fff; font-weight:bold; line-height:26px; } #header button + button { margin-left:4px; } #header h1, #header h2, #header h3, #header h4, #header h5,*/ #GNB h1, #GNB h2, #GNB h3, #GNB h4, #GNB h5, #GNB ul, #GNB li, #LNB h1, #LNB h2, #LNB h3, #LNB h4, #LNB h5, #LNB ul, #LNB li, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer ul, #footer li { margin:0; padding:0; } /* 공통GNB */ #GNB { position:absolute; overflow:hidden; width:100%; min-width:1260px; border-bottom:2px solid #2665ae; background:#fff; z-index:900; } #GNB > div { overflow:hidden; width:1260px; margin:0 auto; text-align:right; } #GNB a { float:left; margin:26.5px 10px; border:none; } #GNB a img { border:none; position:absolute} /* GNB Main */ #GNB ul, #GNB ol, #GNB li { display:block; list-style:none; padding:0; margin:0; } #GNB ul { float:right; margin-top:13px; } #GNB ul > li { overflow:hidden; float:left; margin-left:35px; min-width:80px; cursor:pointer; } #GNB ul h1 { padding-top:32px; border-bottom:5px solid #fff; font-size:20px; font-weight:bold; color:#565656; line-height:70px; } #GNB ul > li:hover > h1 { border-bottom:5px solid #2665ae; } #GNB ul > li.studyMenu { background:url(../images/global/icon_studymenu.png) no-repeat center top; } #GNB ul > li.studyMenu > h1 { border-bottom:5px solid #68adde; color:#68adde; } #GNB ol { display:none; margin:5px 0 15px; } #GNB ol li { line-height:28px; color:#565656; text-align:center; } #GNB ol li:hover { color:#2665ae; font-weight:bold; } #GNB ul:hover ol { display:block; } /* footer */ #footer { overflow:hidden; min-width:1260px; border-top:2px solid #ccc; background:#fff; } #footer > div { overflow:hidden; width:1260px; margin:25px auto; } #footer > div img { float:left; margin-right:36px; } #footer > div ul, #footer > div li { display:block; margin:0; padding:0; } #footer > div ul { overflow:hidden; margin:10px 0 10px; } #footer > div li { float:left; margin-right:15px; line-height:14px; font-weight:bold; color:#999; cursor:pointer; } #footer > div li:hover { color:#666; } #footer > div li + li { padding-left:15px; border-left:2px solid #999; } #footer > div address { overflow:hidden; line-height:18px; color:#999; font-style:normal; } /* 메인 */ #main_contents { margin-top:120px; } #main_contents > ul, #main_contents > ul li { margin:0; padding:0; list-style:none;} #main_contents > ul { position:relative; overflow:hidden; width:1260px; margin:0 auto; padding:20px 0; } #main_contents > ul > li { display:inline-block; width:408px; background:#fff; border:1px solid #e7edee; } /* 로그인 */ #main_contents li.loginArea, #main_contents li.myInformation { overflow:hidden; height:194px; margin-bottom:15px;} #main_contents li.loginArea > h1 { margin:0; padding:0 20px; background:#0780c2; color:#fff; font-family:'Open Sans', sans-serif; font-weight:400; font-size:15px; line-height:30px; } #main_contents li.loginArea > form { padding:15px 20px; } #main_contents li.loginArea > form input { vertical-align:top; width:226px; height:40px; border:1px solid #c7cbcc; padding:0 5px; color:#c7cbcc; color:#798696; } #main_contents li.loginArea > form input:focus { color:#55616f; } #main_contents li.loginArea > form br + input { margin-top:8px; } #main_contents li.loginArea > form > button { float:right; width:94px; height:86px; background:#0780c2; border:none; color:#fff; font-weight:bold; font-size:15px; line-height:1; } #main_contents li.loginArea > form div { border:none; margin:12px 0 0; text-align:right; } #main_contents li.loginArea > form div button { border:none; background:none; font-weight:bold; } #main_contents li.loginArea > form div button.useInfo { float:left; padding-left:20px; margin:8px 0 0 11px; background:url(../images/main/icon_info01.png) no-repeat left center; font-size:13px; font-weight:400; color:#585c5f; text-align:left; } #main_contents li.loginArea > form div button.useInfo:hover { text-decoration:underline; } #main_contents .idSave { float:left; margin-top:7px; font-size:13px; color:#585c5f; cursor:pointer; } #main_contents .idSave input[type="checkbox"] { vertical-align:middle; width:17px; height:17px; } #main_contents li.loginArea .login_btn { padding:7px 5px 8px; background:#f3f3f3; border:1px solid #e3e3e3; font-size:12px; color:#285388; } #main_contents li.loginArea .login_btn:hover { border:1px solid #c6c7c8; } /* 개인정보영역 */ #main_contents li.myInformation { border:none; } #main_contents li.myInformation > h1 { margin:0; padding:0 20px; background:#0780c2; color:#dee9f4; font-size:14px; line-height:56px; } #main_contents li.myInformation > h1 > strong { background:#0780c2; color:#fff; font-size:20px; } #main_contents li.myInformation > h1 > button { float:right; height:26px; margin:15px 0; padding:0 10px; border:none; background:url(../images/global/bg_glbalbtn.png); color:#fff; font-weight:bold; line-height:26px; } #main_contents li.myInformation > ul, #main_contents li.myInformation li { overflow:hidden; margin:0; padding:0; } #main_contents li.myInformation > ul { width:411px; } #main_contents li.myInformation li { float:left; background:#fafbfb; width:33.333%; height:137px; border:1px solid #e7edee; border-top:1px solid #fafbfb; font-size:17px; text-align:center; font-weight:bold; color:#003688; box-sizing:border-box; cursor:pointer; } #main_contents li.myInformation li img { margin:16px 0 12px; } #main_contents li.myInformation li + li { margin-left:-1px; border-left:1px solid #e7edee; } #main_contents li.myInformation li:hover { position:relative; border:1px solid #9fcbeb; text-decoration:underline; color:#003688; z-index:1; } /* 게시판영역 */ #main_contents li.BBSArea { height:258px; } #main_contents li.BBSArea > h1 { height:70px; margin:0; padding:0 20px; border-bottom:1px solid #e7edee; line-height:70px; font-size:20px; color:#0780c2; } #main_contents li.BBSArea > h1 span { padding-left:10px; font-size:18px; font-family:'Open Sans', sans-serif; font-weight:200; color:#a7bad8; } #main_contents li.BBSArea > h1 button { float:right; width:40px; height:40px; margin:15px 0; border:none; background:url(../images/global/bg_glbalbtn.png); text-align:center; } #main_contents li.BBSArea table { border-collapse:collapse; width:368px; margin:10px 20px 15px; table-layout:fixed} #main_contents li.BBSArea table td, #main_contents li.BBSArea table th { height:30px; text-align:left; cursor:pointer; } #main_contents li.BBSArea table th { width:100%; text-overflow:ellipsis; overflow: hidden; white-space:nowrap; } #main_contents li.BBSArea table th a { color:#565656; } /* 슬라이딩 */ #main_contents li.slideArea { overflow:hidden; float:right; width:833px; height:467px; } #main_contents li.slideArea button { position:absolute; width:52px; margin:192px 0 0 0; padding:25px 0; border:none; background:url(../images/global/bg_glbalbtn.png); text-align:center; } #main_contents li.slideArea button.btn_next { margin-left:781px; } #main_contents li.slideArea > div { overflow:hidden; } #main_contents li.slideArea > div ul, #main_contents li.slideArea > div li { margin:0; padding:0; } #main_contents li.slideArea > div li { float:left; } /* 신규 최신 콘텐츠 */ #main_contents > div { overflow:hidden; padding:20px 0; background:#e2e8e9; } #main_contents > div > div { width:1260px; margin:0 auto; background:url(../images/main/bg_contentstitle.png) repeat-x bottom; } #main_contents > div > div > h1, #main_contents > div > div h2 { margin:0; padding:0; } #main_contents > div > div h1 { margin:10px 0 2px; color:#2c8ac6; font-size:26px; } #main_contents > div > div h2 { display:inline-block; padding:0 8px 0 0; background:#e2e8e9; color:#8da6c9; font-size:20px; font-family:'Open Sans', sans-serif; font-weight:200; line-height:20px; } #main_contents > div > ul, #main_contents > div > ul li { display:block; list-style:none; margin:0; padding:0; } #main_contents > div > ul { width:1260px; margin:25px auto 10px; } #main_contents > div > ul li { margin-left:15px; margin-top:15px; float:left; overflow:hidden; width:408px; height:312px; padding:0; background:#fff; border:1px solid #d2d9db; cursor:pointer; } #main_contents > div > ul li > div { overflow:hidden; height:220px; margin-bottom:20px; border-bottom:1px solid #ccc; } #main_contents > div > ul li > div img { width:100%; } #main_contents > div > ul li + li { margin-left:15px; } #main_contents > div > ul li > img { position:absolute; margin:-2px 0 0 326px; } #main_contents > div > ul li > h1, #main_contents > div > ul li > h2 { overflow:hidden; margin:0; padding:0 20px; white-space:nowrap; text-overflow:ellipsis; } #main_contents > div > ul li > h1 { margin:18px 0 5px; font-size:18px; } #main_contents > div > ul li > h2 { font-size:12px; } #main_contents > div > ul li > h2 img { margin:0 10px; } /* 교육과정리스트 다운로드 */ #main_contents li.downloadArea { margin-bottom:15px; } #main_contents li.downloadArea img { float:right; } #main_contents li.downloadArea h1, #main_contents li.downloadArea h2 { margin:0; padding:0 20px; } #main_contents li.downloadArea h1 { margin:35px 0 2px; font-size:20px; color:#0780c2; } #main_contents li.downloadArea h2 { font-size:18px; font-family:'Open Sans', sans-serif; font-weight:200; color:#a7bad8; } /* 고객센터 */ /* #main_contents li.CSCenter { position:relative; float:right; height:260px; margin-left:15px; background:#83c0eb url(/images/main/icon_cscenter01.png) 26px 20px no-repeat; border:none; color:#fff; cursor:pointer; } */ #main_contents li.CSCenter { position:relative; float:right; height:260px; margin-left:15px; background: url(/images/main/csCenterM_main.jpg) no-repeat; background-size:408px;260px; border:none; color:#fff; cursor:pointer; } #main_contents li.CSCenter > h1 { margin:30px 0 0 130px; font-size:20px; } #main_contents li.CSCenter > h2 { margin:1px 0 0 130px; font-size:38px; } #main_contents li.CSCenter > h3 { margin:3px 0 0 130px; font-size:17px; font-weight:400; } #main_contents li.CSCenter > h4 { margin:10px 0 0 130px; font-size:20px; } #main_contents li.CSCenter > ul > li > h1, #main_contents li.CSCenter > ul > li > h2 { display:inline-block; vertical-align:top; margin:0; } #main_contents li.CSCenter > ul { margin:40px 0 0 42px; padding:0; list-style:none; } #main_contents li.CSCenter > ul > li + li { margin-top:8px; } #main_contents li.CSCenter > ul > li > h1 { width:88px; font-size:20px; color:#fff; } #main_contents li.CSCenter > ul > li > h2 { margin-left:3px; font-size:17px; font-weight:400; line-height:22px; } #main_contents li.CSCenter button { position:absolute; bottom:0; right:0; padding:0; background:none; border:none; } /* 계좌정보 */ #main_contents li.BankInfo { float:right; padding-bottom:15px; } #main_contents li.BankInfo > h1 { height:70px; margin:0 0 12px; padding:0 20px; border-bottom:1px solid #e7edee; line-height:70px; font-size:20px; color:#0780c2; } #main_contents li.BankInfo > h1 span { padding-left:10px; font-size:18px; font-family:'Open Sans', sans-serif; font-weight:200; color:#a7bad8; } #main_contents li.BankInfo > div { overflow:hidden; border:1px solid #e7edee; margin:0 20px; background:url(../images/main/img_link.png) no-repeat right #fafbfb; } #main_contents li.BankInfo > div > img { float:left; padding:11px; border-right:1px solid #d3dadb; background:#fff; } #main_contents li.BankInfo > div > h1, #main_contents li.BankInfo > div > p { margin:0; padding:0 10px 0 64px; line-height:18px; } #main_contents li.BankInfo > div > h1 { margin-top:6px; font-size:12px; color:#343434; } #main_contents li.BankInfo > div > p { margin-bottom:6px; color:#565656; } #main_contents li.BankInfo > div + div { margin-top:5px; } /* 공통LNB */ #LNB { float:left; overflow:hidden; width:270px; margin-right:15px; } #LNB > div { overflow:hidden; border:1px solid #d2d9db; background:#fff; } /* 좌측메뉴 */ #LNB > div.menuArea {} #LNB > div.menuArea > h1 { padding:71px 20px 30px; border-top:5px solid #2665ae; border-bottom:1px solid #d2d9db; font-size:30px; color:#2665ae; } #LNB > div.menuArea > h1 span { font-size:22px; color:#aabcd9; font-family:'Open Sans', sans-serif; font-weight:200; } #LNB > div.menuArea ul { background:#fafbfb; } #LNB > div.menuArea li { color:#343434; font-size:14px; padding:20px; font-weight:bold; cursor:pointer; } #LNB > div.menuArea li:hover, #LNB > div.menuArea li.selected { background-color:#fff; color:#0981c3; } #LNB > div.menuArea li.selected { background-image:url(../images/global/bg_lnbselected.png); background-repeat:no-repeat; background-position:242px center; } /* 빠른메뉴메뉴 */ #LNB > div.quickHelp {} #LNB > div.quickHelp > h1 { padding:0 20px; border-bottom:1px solid #d2d9db; font-size:15px; color:#2665ae; line-height:38px; } #LNB > div.quickHelp > div { padding:9px 0; border-bottom:1px solid #d2d9db; background:url(../images/lmsjoin/bg_lnb_esangedu.png) no-repeat left center #f0fafd; text-align:center; line-height:26px; font-size:15px; color:#343434; } #LNB > div.quickHelp > div strong { font-weight:800; color:#2665ae; font-size:18px; } #LNB > div.quickHelp button { float:left; width:134px; margin:10px 0; border:none; background:none; color:#bfbfbf; font-size:14px; font-weight:bold; } #LNB > div.quickHelp button img { margin:5px 0 2px; } #LNB > div.quickHelp button + button { border-left:1px solid #d2d9db; } /* 고객센터 */ #LNB > div.CSCenter { position:relative; float:right; width:100%; height:176px; margin-left:15px; background:url(/images/global/csCenterM_left.jpg) no-repeat; background-size:270px;176px; border:none; color:#fff; box-sizing:border-box; } #LNB > div.CSCenter > h1 { margin:16px 0 0 20px; font-size:20px; } #LNB > div.CSCenter > h2 { margin:19px 0 0 0; font-size:34px; text-align:center; } #LNB > div.CSCenter > h3 { margin:4px 0 0 0; font-size:14px; text-align:center; font-weight:400; } #LNB > div.CSCenter > h3 strong { margin-left:10px; font-size:16px; } #LNB > div.CSCenter > ul > li > h1, #LNB > div.CSCenter > ul > li > h2 { display:inline-block; vertical-align:top; margin:0; } #LNB > div.CSCenter > ul { margin:18px 0 0 18px; padding:0; list-style:none; } #LNB > div.CSCenter > ul > li + li { margin-top:11px; } #LNB > div.CSCenter > ul > li > h1 { width:64px; font-size:16px; color:#fff; } #LNB > div.CSCenter > ul > li > h2 { font-size:16px; font-weight:400; } #LNB > div.CSCenter button { position:absolute; bottom:0; right:0; padding:0; background:none; border:none; } /* LNB공통간격 */ #LNB > div + div { margin-top:15px; } /* 컨텐츠 영역 공통 선언 */ #wrap { overflow:hidden; width:1260px; margin:135px auto 15px; } #contents { overflow:hidden; background:#fff; margin:0 auto; width:1200px;} /* 컨텐츠 영역 공통 제목부 */ #titleArea { overflow:hidden; height:170px; padding:0 20px; background-position:right top; background-repeat:no-repeat; } #titleArea h1, #titleArea h2, #titleArea h3 { margin:0; padding:0; } #titleArea h2 { margin:45px 0 8px; font-size:12px; color:#999999; font-weight:normal; } #titleArea h2 strong, #titleArea h3 strong { font-size:12px; color:#565656; } #titleArea h2 img { margin:0 5px; } #titleArea h1 { margin-bottom:16px; font-size:42px; color:#343434; } #titleArea h3 { font-size:12px; color:#565656; font-weight:normal; } /* 강의듣기페이지 */ #wrap.study div#titleArea h3 { padding-left:20px; background:url(../images/study/bg_title_h3.png) no-repeat left center; } #wrap.study div#contents div.noticeArea { overflow:hidden; margin:15px 20px; padding:15px; background:url(../images/study/bg_notice.png); color:#eaecf7; line-height:18px; } #wrap.study div.noticeArea img { float:right; margin-top:5px; } #wrap.study div.noticeArea h1, #wrap.study div#contents div.noticeArea p { margin:0; padding:0; } #wrap.study div.noticeArea h1 { margin-bottom:5px; font-size:15px; color:#fff; } #wrap.study div.noticeArea strong { color:#ffdc61; } /* 강의듣기페이지 */ #wrap.bbs div#titleArea h3 { padding-left:20px; background:url(../images/study/bg_title_h3.png) no-repeat left center; } #wrap.bbs div#contents div.noticeArea { overflow:hidden; margin:15px 20px; padding:15px; background:url(../images/study/bg_notice.png); color:#eaecf7; line-height:18px; } #wrap.bbs div.noticeArea img { float:right; margin-top:5px; } #wrap.bbs div.noticeArea h1, #wrap.study div#contents div.noticeArea p { margin:0; padding:0; } #wrap.bbs div.noticeArea h1 { margin-bottom:5px; font-size:15px; color:#fff; } #wrap.bbs div.noticeArea strong { color:#ffdc61; } /* 강의 주의사항 신규 타입 2018-06-08 */ #noticeArea { overflow:hidden; width:933px; height:172px; margin:26px auto; background:url(../images/study/bg_study01.png) 0 0 no-repeat; box-sizing:border-box; } #noticeArea > img { float:left; margin:34px 0 0 29px; } .noticeArea02 { float:left; margin-left:39px; } .noticeArea02 > h1 { margin:23px 0 0; font-size:19px; color:#1b2531; } .noticeArea02 > ul { margin:8px 0 0; padding:0; list-style:none; } .noticeArea02 > ul > li { background:url(../images/study/bg_notice01.png) 0 center no-repeat; padding-left:20px; font-size:14px; line-height:20px; color:#455467; } .noticeArea02 > ul > li strong { color:#2b7ee7; } .noticeArea02 > ul > li .red01 { color:red; } .noticeArea02 > p { width:644px; margin:13px 0 0; padding-bottom:2px; background:url(../images/study/bg_study02.png) 0 bottom no-repeat; text-align:center; font-size:16px; font-weight:700; color:#253244; } .noticeArea02 > p strong { color:#2b7ee7; } /* 최종평가 안내사항 */ /*#noticeArea02 { overflow:hidden; width:933px; height:152px; margin:33px auto 0; border:1px solid #407de3; background:#4e88e9 url(../images/study/bg_result.png) right bottom no-repeat; box-sizing:border-box; }*/ #noticeArea02 { overflow:hidden; width:933px; height:145px; margin:33px auto 0; border:1px solid #407de3; background:#4e88e9 url(../images/study/bg_result.png) right bottom no-repeat; box-sizing:border-box; } #noticeArea02 > img { float:left; margin:27px 0 0 16px; } .noticeArea03 { float:left; margin:11px 0 0 35px; } .noticeArea03 > h1 { margin:18px 0 0; font-size:19px; color:#fff; } .noticeArea03 > ul { margin:11px 0 0 0; padding:0; list-style:none; } .noticeArea03 > ul > li { padding-left:20px; background:url(../images/study/bg_result02.png) 0 center no-repeat; font-size:15px; line-height:25px; color:#fff; } .noticeArea03 > ul > li strong { color:#cdff1f; } #noticeArea02 #lectureEnd { display:inline-block; vertical-align:middle; width:178px; height:29px; border-radius:15px; background:#fff; font-size:15px; color:#004ccb; line-height:29px; text-align:center; } /* 과정정보 */ #wrap.study div#contentsArea ul, #wrap.study div#contentsArea li { list-style:none; margin:0; padding:0; } #wrap.study div#contentsArea { padding:0 20px 20px; } #wrap.study div#contentsArea > ul > li { overflow:hidden; margin-bottom:10px; border:1px solid #bfc3c4; border-top:4px solid #bfc3c4; background:url(../images/study/bg_study.png); } #wrap.study div#contentsArea > ul > li:hover, #wrap.study div#contentsArea > ul > li.openClass { border-top-color:#0780c2; } #wrap.study div.summuryArea { overflow:hidden; background:#fff; cursor:pointer; } #wrap.study div.summuryArea > div, #wrap.study div.summuryArea img { width:128px; height:96px; } #wrap.study div.summuryArea img { float:left; margin:10px; } #wrap.study div.summuryArea > div { position:absolute; margin:10px; } #wrap.study div.summuryArea > h1, #wrap.study div.summuryArea > h2, #wrap.study div.summuryArea > h3 { overflow:hidden; float:left; display:inline-block; width:460px; margin:0; padding:0; white-space:nowrap; text-overflow:ellipsis; color:#999; } #wrap.study div.summuryArea > h1 { line-height:24px; font-size:20px; margin-top:20px; color:#333; } #wrap.study div.summuryArea > h1 span { display:inline-block; border-bottom:2px solid #fff; } #wrap.study div.summuryArea:hover > h1 span { border-bottom:2px solid #333; } #wrap.study div.summuryArea > h2 { line-height:18px; font-size:15px; margin-top:3px; color:#666; } #wrap.study div.summuryArea > h3 { line-height:15px; font-size:12px; margin-top:12px; color:#999; } #wrap.study div.summuryArea > h3 strong { display:inline-block; padding:0 8px; margin-left:15px; background:#0780c2; border-radius:4px; line-height:18px; color:#fff; } #wrap.study div.summuryArea > h3 strong.score { margin-left:5px; padding:0 8px; background:#07c273; } #wrap.study div.summuryArea ul { float:right; } #wrap.study div.summuryArea li { float:left; width:104px; height:116px; border-left:1px solid #bfc3c4; background:#f5f5f5; text-align:center; color:#2665ae; font-size:20px; line-height:76px; } #wrap.study div.summuryArea li strong { font-size:30px; font-family:'Open Sans', sans-serif; font-weight:700; } #wrap.study div.summuryArea li > h1 { height:40px; margin:0; padding:0; border-bottom:1px solid #bfc3c4;line-height:40px; color:#343434; font-size:12px; } #wrap.study div.summuryArea li.smallText > h1 { margin-bottom:5px; } #wrap.study div.summuryArea li.smallText { font-size:15px; line-height:30px; } #wrap.study div.summuryArea li.smallText strong { font-size:20px; } #wrap.study div.summuryArea li button.epilogue { overflow:hidden; width:80px; height:70px; border:none; background:url(../images/study/btn_write.png) no-repeat center top; line-height:108px; font-size:15px; font-weight:700; color:#999; } #wrap.study div.summuryArea li button.epilogue:hover { background:url(../images/study/btn_write.png) no-repeat center bottom; color:#2665ae; } #wrap.study div.summuryArea li.passOK { line-height:1; } #wrap.study div.summuryArea li.passOK strong.red { margin-top:16px; display:inline-block; } #wrap.study div.summuryArea li.passOK button { margin-top:8px; height:18px; background:#82899f; border-radius:4px; border:none; line-height:1; font-size:11px; font-weight:700; color:#fff; } #wrap.study div#contentsArea > ul > li > button { width:100%; height:24px; border:none; background-color:#83c0eb; background-repeat:no-repeat; background-position:center bottom; background-image:url(../images/study/btn_studyopen.png); } #wrap.study div#contentsArea > ul > li.openClass > button { background-image:url(../images/study/btn_studyclose.png); } #wrap.study div#contentsArea > ul > li:hover > button { background-position:center top; } #wrap.study div#contentsArea > ul > li > ul { overflow:hidden; margin:15px 10px 15px; border:1px solid #bfc3c4; background:#fff; } #wrap.study div#contentsArea > ul > li > ul li { float:left; width:33.3%; height:68px; padding:20px 10px 20px 103px; margin:0; background-repeat:no-repeat; background-position:18px center; line-height:22px; cursor:pointer; } #wrap.study div#contentsArea > ul > li > ul li h1 { margin:0; padding:0; font-size:12px; } #wrap.study div#contentsArea > ul > li > ul.bookMenu li { width:303px; height:108px; padding:17px 0 0; background-position:0 0; background-repeat:no-repeat; text-align:center; box-sizing:border-box; } #wrap.study div#contentsArea > ul > li > ul.bookMenu li div { overflow:hidden; display:inline-block; vertical-align:middle; width:75px; height:75px; margin-right:21px; } #wrap.study div#contentsArea > ul > li > ul.bookMenu li:hover div img { margin-top:-75px; } #wrap.study div#contentsArea > ul > li > ul.bookMenu li h1 { display:inline-block; vertical-align:middle; margin-top:4px; font-size:19px; line-height:23px; color:#343434; } #wrap.study div#contentsArea > ul > li > ul.bookMenu li:hover h1 { text-decoration:underline; } #wrap.study div#contentsArea > ul > li > ul.bookMenu li h1 span { margin:0; font-size:13px; color:#343434; } #wrap.study div#contentsArea > ul > li > ul li strong { font-size:15px; } #wrap.study div#contentsArea > ul > li > ul li span { color:#787878; } #wrap.study div#contentsArea > ul > li > ul li a { color:#2665ae; } #wrap.study div#contentsArea > ul > li > ul li a:after { content:' >' } #wrap.study div#contentsArea > ul > li > ul li + li { border-left:1px solid #bfc3c4; } #wrap.study div#contentsArea > ul > li > ul li.setSummary { background-image:url(../images/study/ico_study.png); } #wrap.study div#contentsArea > ul > li > ul li.middleTest { background-image:url(../images/study/img_test01_small.png); } #wrap.study div#contentsArea > ul > li > ul li.lastTest { background-image:url(../images/study/img_test02_small.png); } #wrap.study div#contentsArea > ul > li > ul li.report { background-image:url(../images/study/img_report_small.png); } #wrap.study div#contentsArea > ul > li > ul li:hover { background-color:#efefef; } #wrap.study div#contentsArea > ul > li table { width:98.2%; margin:0 10px 5px; border-collapse:collapse; background:#fff; border:1px solid #bfc3c4; border-bottom:none; } #wrap.study div#contentsArea > ul > li table th, #wrap.study div#contentsArea > ul > li table td { height:48px; border-bottom:1px solid #bfc3c4; border-top:1px solid #bfc3c4; } #wrap.study div#contentsArea > ul > li table th { text-align:left; font-weight:normal; line-height:18px; padding:10px 0; color:#565656; } #wrap.study div#contentsArea > ul > li table th strong { color:#343434; font-size:14px; word-break:break-all; } #wrap.study div#contentsArea > ul > li table td { text-align:center; } #wrap.study div#contentsArea > ul > li table button { overflow:hidden; height:25px; margin-right:10px; padding:0; border:none; background:none; } #wrap.study div#contentsArea > ul > li table button img { margin-top:-25px; } #wrap.study div#contentsArea > ul > li table button:hover img { margin-top:0; } #wrap.study div#contentsArea > ul > li table.passCheck { margin-top:15px; } #wrap.study div#contentsArea > ul > li table.passCheck th, #wrap.study div#contentsArea > ul > li table.passCheck td { height:30px; padding:0; text-align:center; border:1px solid #bfc3c4; } #wrap.study div#contentsArea > ul > li table.passCheck th { background:#eaf2f8; color:#343434; } #wrap.study div#contentsArea > ul > li table.passCheck td.title { background:#2665ae; font-weight:700; color:#fff; } #wrap.study div#contentsArea > ul > li table.passCheck td.downFile, #wrap.study div#contentsArea > ul > li > table.passCheck td.detailView { width:120px; } #wrap.study div#contentsArea > ul > li table.passCheck td a { color:#343434; text-decoration:none; } #wrap.study div#contentsArea > ul > li table.passCheck td.downFile h1, #wrap.study div#contentsArea > ul > li > table.passCheck td.detailView h1 { font-size:14px; margin:0; padding-top:80px; background-repeat:no-repeat; background-position:center top; } #wrap.study div#contentsArea > ul > li table.passCheck td.downFile h1 { background-image:url(../images/study/img_filedown.png); } #wrap.study div#contentsArea > ul > li table.passCheck td.detailView h1 { background-image:url(../images/study/img_contdetail.png); } #wrap.study div#contentsArea > ul > li table.passCheck td.downFile:hover, #wrap.study div#contentsArea > ul > li > table.passCheck td.detailView:hover { text-decoration:underline; background:#efefef; } #wrap.study div#contentsArea .studyNotice th, #wrap.study div#contentsArea .keyTable th { padding:0; background:#eaf2f8; text-align:center; font-size:13px; font-weight:800; color:#000; } #wrap.study div#contentsArea .studyNotice button, #wrap.study div#contentsArea .keyTable button { width:91px; height:30px; border:1px solid #bfc3c4; } #wrap.study div#contentsArea .studyNotice button img, #wrap.study div#contentsArea .keyTable button img { margin:-6px 7px 0 0; } #wrap.study div#contentsArea .studyNotice button:hover img, #wrap.study div#contentsArea .keyTable button:hover img { margin:-6px 7px 0 0; } #wrap.study div#contentsArea .studyNotice .date { font-size:12px; color:#666; } #wrap.study div#contentsArea .studyNotice .tit, #wrap.study div#contentsArea .keyTable .tit { padding-left:34px; text-align:left; font-size:12px; color:#000; } #wrap.study div#contentsArea .keyTable td strong { color:#2665ae; } #wrap.study div#contentsArea > ul > li.noList { height:120px; background:#efefef; line-height:120px; font-size:15px; border:1px solid #ccc; text-align:center; font-weight:bold; } #wrap.study .openClass div.summuryArea { border-bottom:1px solid #bfc3c4; } #wrap.study div.summuryArea:hover div, #wrap.study .openClass div.summuryArea div { display:none; } /* 과정상세보기 */ #contentsArea.lectureDetail { font-size:14px; line-height:22px; } #contentsArea.lectureDetail div.summuryArea { overflow:hidden; padding:20px 0; background:url(../images/global/bg_block.png) no-repeat bottom; } #contentsArea.lectureDetail div.summuryArea > img { float:left; width:340px; height:256px; margin:0 20px 0 10px; border:1px solid #bfc3c4; } #contentsArea.lectureDetail h1, #contentsArea.lectureDetail h2, #contentsArea.lectureDetail h3, #contentsArea.lectureDetail h4, #contentsArea.lectureDetail h5 { margin:0; padding:0; } #contentsArea.lectureDetail div.summuryArea h1 { margin:0 0 10px; font-size:20px; line-height:30px; } #contentsArea.lectureDetail div.summuryArea h2 { margin:0 0 8px; font-size:15px; font-weight:normal; } #contentsArea.lectureDetail div.summuryArea h3 { margin:0 0 15px; font-size:12px; } #contentsArea.lectureDetail div.summuryArea h5 { margin:25px 0 20px; font-size:12px; } #contentsArea.lectureDetail div.summuryArea h5 img { margin:0 8px; } #contentsArea.lectureDetail div.summuryArea button { width:180px; height:48px; margin:15px 0; border:none; background:#0780c2; color:#fff; font-size:15px; font-weight:bold; } #contentsArea.lectureDetail div.summuryArea button.listButton { background:#666; color:#fff; margin-left:2px; } #contentsArea.lectureDetail > h1 { overflow:hidden; border-left:3px solid #0780c2; padding:0 0 0 7px; margin:20px 0 10px 0; font-size:15px; } #contentsArea.lectureDetail > h1 button { float:right; margin-top:3px; border:none; background-color:transparent; font-weight:800; } #contentsArea.lectureDetail table { width:100%; margin:0 0 20px 0; border-collapse:collapse; border:1px solid #ccc; } #contentsArea.lectureDetail table th, #contentsArea.lectureDetail table td { padding:10px 0; text-align:center; border:1px solid #ccc; } #contentsArea.lectureDetail table th { background:#eaf2f8; } #contentsArea.lectureDetail div.bookInfo { overflow:hidden; padding:10px; margin-bottom:20px; border:1px solid #ccc; } #contentsArea.lectureDetail div.bookInfo img { width:100px; margin-right:10px; border:1px solid #ccc; vertical-align:middle; } #contentsArea.lectureDetail div.bookInfo h1 { display:inline-block; font-size:15px; } #contentsArea.lectureDetail div.infoArea { padding:5px 10px 15px; line-height:22px; } #contentsArea.lectureDetail ol { padding-left:25px; line-height:28px; } #contentsArea.lectureDetail ol + h1 { margin-top:40px; } #contentsArea.lectureDetail div.btnArea { border-top:1px solid #ccc; margin:20px 0; padding:20px 0; } #contentsArea.lectureDetail div.reviewArea ul, #contentsArea.lectureDetail div.reviewArea li { overflow:hidden; margin:0; padding:0; list-style:none; } #contentsArea.lectureDetail div.reviewArea ul { border-top:1px solid #ccc; } #contentsArea.lectureDetail div.reviewArea li { padding:10px 0; border-bottom:1px solid #ccc; } #contentsArea.lectureDetail div.reviewArea h3 { overflow:hidden; float:left; width:120px; height:80px; margin-right:15px; text-align:center; line-height:110px; font-weight:normal; color:#787878; } #contentsArea.lectureDetail div.reviewArea h3 strong { font-size:20px; font-weight:800; color:#343434; } #contentsArea.lectureDetail div.reviewArea h3.scroe1 { background:url(../images/lecture/bg_score1.png) no-repeat 10px 10px; } #contentsArea.lectureDetail div.reviewArea h3.scroe2 { background:url(../images/lecture/bg_score2.png) no-repeat 10px 10px; } #contentsArea.lectureDetail div.reviewArea h3.scroe3 { background:url(../images/lecture/bg_score3.png) no-repeat 10px 10px; } #contentsArea.lectureDetail div.reviewArea h3.scroe4 { background:url(../images/lecture/bg_score4.png) no-repeat 10px 10px; } #contentsArea.lectureDetail div.reviewArea h3.scroe5 { background:url(../images/lecture/bg_score5.png) no-repeat 10px 10px; } #contentsArea.lectureDetail div.reviewArea h1, #contentsArea.lectureDetail div.reviewArea h2, #contentsArea.lectureDetail div.reviewArea p { margin:0 0 0 135px; padding:0; border-left:1px solid #ccc; } #contentsArea.lectureDetail div.reviewArea h1, #contentsArea.lectureDetail div.reviewArea h2 { padding-left:10px; } #contentsArea.lectureDetail div.reviewArea h1 { line-height:24px; font-size:15px; } #contentsArea.lectureDetail div.reviewArea h2 { line-height:18px; font-size:12px; color:#999; } #contentsArea.lectureDetail div.reviewArea p { padding:10px; font-size:14px; line-height:20px; } #contentsArea.lectureDetail div.reviewArea + div { border-top:none; } /* 과정상세보기2 */ .summury { -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } .summury > a { display: block; width: 100%; text-align: center; box-shadow: 0 2px 2px -1px rgb(0 0 0 / 10%); font-size: 14px; padding: 3px 0; text-indent: -9999px; background-color: #ddd; position: relative; } .summury > a::after { content: ''; position: absolute; top: 0; left: 0; background: url(/images/common/arrow_w.png) no-repeat center; transform: rotate(90deg); width: 100%; height: 100%; } .summury > ul { display: flex; align-items: center; justify-content: center; /* height: 220px; */ border: 1px solid #d5d5d5; border-top: 4px solid #ddd; width: 100%; box-sizing: border-box; } .summury > ul:hover { border-top: 4px solid #4cacd2; } .summury > ul > li:first-child { width: 260px; } .summury > ul > li { width:890px; } .summury > ul > li img { width: 100%; } .summury > ul > li h1 { display: inline-block; } .summury .sum_in { margin-left: 20px; } .summury .sum_in span { background-color: #4cacd2; border-radius: 10px; color: #fff; padding: 5px 35px; font-weight: bold; margin-left: 10px; } .summury .sum_in span.schedule { background-color: #ddd; color: #4cacd2; } .summury .sum_in span.end { background-color: #005891; } .summury .sum_in h1 { margin-top: 10px; font-size: 20px; font-weight: bold; } .summury .sum_in table h1 { margin-left: 5px; } .summury .sum_in h2, .summury .sum_in h3 { margin-left: 20px; color: #333; } .summury .sum_in h2 { margin-top: 30px; } .summury .sum_in h3 { font-size: 14px; margin-top: 10px; } .summury .su_but { display: flex; justify-content: flex-start; margin: 30px 0px 10px 22px; /* margin-top: 30px; margin-left: 22px; */ } .summury .su_but li a { display: block; border: 1px solid #005891; width: 180px; margin-left: 20px; padding: 15px 0 15px 15px; background: url(/images/common/arrow_b.png) no-repeat 156px; color: #005891; font-weight: bold; transition: 0.6s; } .summury .su_but li:first-child a{ margin-left: 10px; } .summury .su_but li a:hover { background-color: #005891; color: #fff; background-image: url(/images/common/arrow_w.png); } /* 18-03-15 한상민 (권장 진도율)*/ #wrap.study div#contentsArea div.progress { overflow:hidden; margin:10px; } #wrap.study div#contentsArea div.progress > ul, #wrap.study div#contentsArea div.progress > div { border:1px solid #bfc3c4; background:#fff; } #wrap.study div#contentsArea div.progress > div { float:left; width:231px; text-align:center; } #wrap.study div#contentsArea div.progress > div > h1 { padding:0; margin:0; line-height:30px; font-size:12px; border-bottom:1px solid #bfc3c4; } #wrap.study div#contentsArea div.progress > div > h1 strong { font-size:15px; color:#b94032; } #wrap.study div#contentsArea div.progress > div > h1 b { color:#216f8e; } #wrap.study div#contentsArea div.progress > div li { overflow:hidden; padding:0 20px; line-height:31px; text-align:left; font-size:15px; } #wrap.study div#contentsArea div.progress > div li h1 { float:left; width:36px; margin:0; padding:0; font-size:12px; font-weight:bold; } #wrap.study div#contentsArea div.progress > div li h1 strong { color:#b94032; font-size:15px; } #wrap.study div#contentsArea div.progress > div button { width:100%; height:27px; border:none; color:#fff; background:#666; font-weight:bold; } #wrap.study div#contentsArea div.progress > ul > li { overflow:hidden; } #wrap.study div#contentsArea div.progress > ul h1 { overflow:hidden; float:left; width:130px; padding:0 15px; font-size:14px; line-height:22px; color:#343434; font-weight:normal; } #wrap.study div#contentsArea div.progress > ul h1 strong { float:right; font-size:20px; font-family: 'Jeju Gothic', sans-serif; } #wrap.study div#contentsArea div.progress > ul div { width:700px; margin:14px 0 0 162px; height:12px; background:#ccc; } #wrap.study div#contentsArea div.progress > ul div p { display:block; height:12px; background:#343434; } #wrap.study div#contentsArea div.progress > ul .type01 h1 strong { color:#b94032; } #wrap.study div#contentsArea div.progress > ul .type02 h1 strong { color:#d89f26; } #wrap.study div#contentsArea div.progress > ul .type03 h1 strong { color:#216f8e; } #wrap.study div#contentsArea div.progress > ul .type01 div p { background-color:#b94032; } #wrap.study div#contentsArea div.progress > ul .type02 div p { background-color:#d89f26; } #wrap.study div#contentsArea div.progress > ul .type03 div p { background-color:#216f8e; } #wrap.study div#contentsArea div.progress > ul .type01 h1 { border-right:2px solid #b94032; } #wrap.study div#contentsArea div.progress > ul .type02 h1 { border-right:2px solid #d89f26; } #wrap.study div#contentsArea div.progress > ul .type03 h1 { border-right:2px solid #216f8e; } #wrap.study div#contentsArea div.progress > ul h1 span { font-size:15px; } /* 여기까지 */ /* 디자인페이지 */ div.designImage { padding:20px; } .agreement div.textArea, .agreement div.textArea2 { padding:30px; line-height:18px; } #contentsArea { padding:0 20px 20px; } /* 검색영역 */ div.searchArea { overflow:hidden; padding:8px 20px 12px; text-align:right; } div.searchArea form { float:right; padding-left:30px; background:url(../images/global/icon_search.png) no-repeat left center; } div.searchArea input, #contents div.searchArea select, #contents div.searchArea button { height:32px; border:1px solid #ccc; } div.searchArea select { padding:0 25px 0 15px; } div.searchArea input { border:none; border-bottom:2px solid #999; } div.searchArea input[type="text"]{ width:200px; } div.searchArea button { background-color: #4e4f4e; color:#fff; vertical-align:middle; line-height:23px; font-weight:bold; padding: 0 20px; } div.searchArea > button { float:right; margin:2px 0 0 5px; } div.searchArea br + form { margin-top:5px; } div.searchArea select + select, div.searchArea input + select { margin-left:10px; height: auto !important; } div.searchArea div.searchChangeArea { width:100%; padding-bottom:5px; margin-bottom:5px; } div.inputArea { padding:10px; background:#ddd; border-top:1px solid #999; } div.inputArea table { border-collapse:collapse; width:100%; border:1px solid #ccc; } div.inputArea table th, div.inputArea table td { padding:5px 0; border:1px solid #ccc; line-height:18px; text-align:center; } div.inputArea table th { background:#efefef; } div.inputArea table td { background:#fff; } div.inputArea table input[type="text"], div.inputArea table input[type="tel"], div.inputArea table select { height:28px; padding-left:5px; } div.inputArea table input[type="text"], div.inputArea table input[type="tel"] { width:90%; padding-right:5px; } div.inputArea table td > button { width:80%; height:48px; border:1px solid #ccc; background:#efefef; color:#121212; font-weight:bold; } div.inputArea + div.searchArea { margin-top:5px; } div.inputArea + div.BBSList, div.searchArea + div.BBSList { margin-top:10px; } /* 게시판 쓰기페이지 */ .BBSList { } .BBSList table { width:100%; border-collapse:collapse; border-bottom:1px solid #565656 !important; } .BBSList table th, .BBSList table td { text-align:center; padding:15px 0; line-height:20px; } .BBSList table th button { width:16px; height:12px; margin:0; padding:0; border:none; background:none; } .BBSList table th { border-top:1px solid #565656; background:#f0f0f0; } .BBSList table td { border-top:1px dashed #999; background:#fff; } .BBSList table th.left, .BBSList table td.left { text-align:left; padding-left:10px; } .BBSList table td.right { text-align:right; padding-right:15px; line-height:28px; } .BBSList table td.right span { color:#999; } .BBSList table td.right strong { color:#e91818 } .BBSList table td img { vertical-align:middle; } .BBSList table td span { color:#999; } .BBSList table tr.hover { background:#efefef; } .BBSList table td button { background:#fff; line-height:28px; padding:0 8px; border:1px solid #999; color:#565656; background:#efefef; } .BBSList table td button img { margin-right:5px; } .BBSList table td input[type="text"], .BBSList table td input[type="tel"] { height:28px; padding:0 5px; border:1px solid #999; width:90%; } .BBSList table td select { height:28px; padding:0 0 0 5px; border:1px solid #999; } .BBSList table td br + button { margin-top:8px; } .BBSList table tr.red td { background-color:#fbe3e3; } .BBSList table tr.green td { background-color:#edf7e9; } .BBSList table tr.notice td { background-color:#f7fdff; } /* FAQ보기용 */ .BBSList table tr.openView td { text-align:left; padding:5px 15px 20px; border-left:1px dashed #ccc; border-right:1px dashed #ccc; background:#efefef; } .BBSList table tr.openView td div { border:1px solid #ccc; background:#fff; padding:15px; } /* 과정리스트 */ .BBSList ul.lectureList, .BBSList ul.lectureList li{ margin:0; padding:0; list-style:none; } .BBSList ul.lectureList { } .BBSList ul.lectureList li { overflow:hidden; border:1px solid #ccc; } .BBSList ul.lectureList li.noList { text-align:center; line-height:80px; font-size:15px; } .BBSList ul.lectureList li + li { margin-top:8px; } .BBSList ul.lectureList li > img { float:left; width:150px; height:112px; margin:10px; cursor:pointer; } .BBSList ul.lectureList li button { float:right; width:112px; height:132px; border-radius:0; border:none; border-left:1px solid #ccc; background:#efefef; font-weight:bold; color:#565656; text-align:center; } .BBSList ul.lectureList li button img { margin-bottom:15px; } .BBSList ul.lectureList li button:hover { background:#fff; } .BBSList ul.lectureList li h1, .BBSList ul.lectureList li h2, .BBSList ul.lectureList li h3, .BBSList ul.lectureList li h4, .BBSList ul.lectureList li h5 { margin:0; padding:0; } .BBSList ul.lectureList li h1 { overflow:hidden; width:510px; font-size:15px; color:#0780c2; margin:0 0 15px; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; } .BBSList ul.lectureList li h2 { font-size:12px; color:#565656; font-weight:normal; } .BBSList ul.lectureList li h3 { font-size:12px; color:#999; margin:25px 0 8px; } .BBSList ul.lectureList li h2, .BBSList ul.lectureList li h5 { display:inline-block; } .BBSList ul.lectureList li h5 { padding:0 8px; margin-left:5px; background:#0780c2; border:1px solid #83c0eb; border-radius:4px; line-height:18px; color:#fff; } /* 수강후기 */ .BBSList ul.reviewList { margin:48px 0 0; padding:0; } .BBSList ul.reviewList li { overflow:hidden; padding:10px 0 12px; border-bottom:1px dashed #999; list-style:none; cursor:pointer; } .BBSList ul.reviewList li > h1, .BBSList ul.reviewList li > h2 { float:left; text-align:center; font-size:12px; font-weight:400; } .BBSList ul.reviewList li > h1 { width:5.5%; margin:10px 0 0; color:#121212; } .BBSList ul.reviewList li > h2 { width:15%; margin:0; padding-top:25px; color:#000017; } .BBSList ul.reviewList li > h2 strong { font-size:15px; font-weight:800; color:#c34602; } .BBSList ul.reviewList li > h2.scroe1 { background:url(../images/lecture/bg_score1.png) no-repeat center 0; } .BBSList ul.reviewList li > h2.scroe2 { background:url(../images/lecture/bg_score2.png) no-repeat center 0; } .BBSList ul.reviewList li > h2.scroe3 { background:url(../images/lecture/bg_score3.png) no-repeat center 0; } .BBSList ul.reviewList li > h2.scroe4 { background:url(../images/lecture/bg_score4.png) no-repeat center 0; } .BBSList ul.reviewList li > h2.scroe5 { background:url(../images/lecture/bg_score5.png) no-repeat center 0; } .BBSList ul.reviewList li > div { overflow:hidden; } .BBSList ul.reviewList li > div > h1 { margin:3px 0 0; font-size:12px; font-weight:800; color:#121212; } .BBSList ul.reviewList li > div > p { overflow: hidden; margin:3px 0 0; padding-right:15px; font-size:12px; line-height:20px; color:#121212; white-space:nowrap; text-overflow:ellipsis; } .BBSList ul.reviewList li.on > div > p { white-space:normal; } .BBSList ul.reviewList li.reviewTitle { padding:18px 0; border-top:1px solid #565656; } .BBSList ul.reviewList li.reviewTitle h1 { width:auto; margin:0; float:left; text-align:center; font-size:12px; color:#000017; } .BBSList ul.reviewList li.noList { padding:14px 0; text-align:center; } /* 카테고리탭 */ .BBSCategory, .BBSCategory li { display:block; margin:0; padding:0; } .BBSCategory { overflow:hidden; padding:5px 10px; display: flex; justify-content: center; } .BBSCategory li {width: 14%; padding:5px 20px; line-height:36px; border:1px solid #efefef; cursor:pointer; text-align: center; margin-bottom: 10px;} .BBSCategory li.select { background-color:#005891; font-weight:bold; color: #fff; } /* Paser */ div.pager { overflow:hidden; padding:15px 0; text-align:center; } div.pager a, div.pager b, div.pager button { vertical-align:middle; } div.pager button { height:24px; border:none; margin:0; background-color:transparent; } div.pager button img { vertical-align:middle; } div.pager a, div.pager b { display:inline-block; height:24px; padding:0 7px; text-align:center; line-height:24px; font-size:15px; } div.pager a { color:#787878; text-decoration:none; } div.pager b { border:1px solid #dfdfdf; margin:3px 0 5px; color:#ec772d; } div.pager a:hover { text-decoration:underline; } /* 버튼영역 */ .btnArea { text-align:center; margin:10px 0; } .btnArea button { height:46px; margin:0 2px; padding:0 30px; border-radius:3px; background:#666; border:1px solid #ccc; line-height:24px; color:#fff; font-size:15px; font-weight:bold; vertical-align:middle; } .BBSView { margin-top:5px; } .BBSView div.titleArea { padding:5px 0; border-bottom:1px solid #ccc; } .BBSView div.titleArea h1, .BBSView div.titleArea h2, .BBSView div.titleArea h3, .BBSView div.titleArea div { margin:0; padding:0 35px;} .BBSView div.titleArea h1 { margin-bottom:8px; font-size:18px; line-height:24px; } .BBSView div.titleArea h1 span { font-size:15px; color:#565656; } .BBSView div.titleArea h2 { overflow:hidden; font-size:15px; line-height:38px; color:#565656; } .BBSView div.titleArea h2 span { margin-left:8px; padding-left:8px; border-left:2px solid #ccc; font-weight:normal; font-size:15px; color:#999; } .BBSView div.titleArea h2 strong.email, .BBSView div.titleArea h2 strong.tel, .BBSView div.titleArea h2 strong.date, .BBSView div.titleArea h2 strong.hit { float:right; display:inline-block; padding-left:28px; background-position:left center; background-repeat:no-repeat; line-height:36px; font-size:12px; } .BBSView div.titleArea h2 strong.email { background-image:url(../images/admin/icon_mail.png); } .BBSView div.titleArea h2 strong.tel { background-image:url(../images/admin/icon_tel.png); } .BBSView div.titleArea h2 strong.date { background-image:url(../images/admin/icon_date.png); } .BBSView div.titleArea h2 strong.hit { background-image:url(../images/admin/icon_hit.png); } .BBSView div.titleArea h2 strong + strong { margin-right:30px; } .BBSView div.titleArea h3 { font-size:12px; line-height:24px; font-weight:normal; color:#999; } .BBSView div.titleArea div { overflow:hidden; color:#343434; } .BBSView div.titleArea div p { display:inline-block; padding:0 20px 0 0; margin:0; line-height:24px; } .BBSView div.titleArea h2, .BBSView div.titleArea h3, .BBSView div.titleArea div { border-top:1px dashed #ccc; } .BBSView div.fileArea { overflow:hidden; height:50px; padding:0 35px; line-height:40px; border-bottom:1px solid #ccc; background:#efefef; } .BBSView div.fileArea a { display:inline-block; height:32px; margin:8px 10px 8px 0; padding:0 15px 0 10px; border:1px dashed #999; background:#fff;line-height:32px; text-decoration:none; color:#121212; } .BBSView div.fileArea img { width:24px; opacity:0.5; vertical-align:middle; margin-right:5px; } .BBSView div.fileArea a:hover { border:1px solid #565656 } .BBSView div.BBSContents { min-height:360px; padding:20px 35px; line-height:18px; } .BBSView div.btnArea { border-top:1px dashed #ccc; padding:20px 0; } /* 비밀번호 확인 모달 */ #modal .chkPWD input[type="password"] { width:180px; height:32px; text-align:center; } /* 코멘트 */ .BBSView .commentArea { overflow:hidden; background:#efefef; } .BBSView form.commentWrite { border:1px solid #ccc; margin:15px; padding:10px; background:#fff; } .BBSView form.commentWrite > div { margin-bottom:10px; } .BBSView form.commentWrite > div h1 { display:inline; font-size:12px; padding-right:8px; } .BBSView form.commentWrite > div input { height:32px; padding:0 5px; border:1px solid #999; color:#666; vertical-align:middle; margin-right:32px; } .BBSView form.commentWrite textarea, .BBSView form.commentWrite button { height:74px; vertical-align:middle; border:1px solid #999; } .BBSView form.commentWrite textarea { width:90%; border-right:none; padding:10px 5px; } .BBSView form.commentWrite button { width:10%; background:#565656; color:#fff; font-size:12px; font-weight:bold; } .BBSView ul.commentList { padding:0 15px 10px; } .BBSView ul.commentList li { padding:10px 15px; margin-top:5px; list-style:none; border:1px solie #999; background:#fff; } .BBSView ul.commentList li h1, .BBSView ul.commentList li h3 { line-height:18px; font-size:12px; } .BBSView ul.commentList li h1 { float:left; margin-bottom:8px; line-height:20px; font-weight:bold; color:#565656; } .BBSView ul.commentList li h1 span { margin-left:8px; padding-left:8px; border-left:2px solid #ccc; font-weight:normal; color:#999; } .BBSView ul.commentList li p { clear:both; padding:3px 0; line-height:18px; } .BBSView ul.commentList li h3 { color:#999; } .BBSView ul.commentList li form > button { float:right; margin:5px 0 0 5px; background:none; border:1px solid #999; vertical-align:middle; line-height:24px; color:#565656; } .BBSView ul.commentList li form > button:hover { background:#efefef; } .BBSView ul.commentList li.noReply { text-align:center; line-height:40px; } .BBSView ul.commentList div { clear:both; } .BBSView ul.commentList div > div { margin-bottom:10px; } .BBSView ul.commentList div > div h1 { display:inline; font-size:12px; padding-right:8px; } .BBSView ul.commentList div > div input { height:32px; padding:0 5px; border:1px solid #999; color:#666; vertical-align:middle; margin-right:32px; } .BBSView ul.commentList div textarea, .BBSView ul.commentList div button { height:74px; vertical-align:middle; border:1px solid #999; } .BBSView ul.commentList div textarea { width:90%; border-right:none; padding:10px 5px; } .BBSView ul.commentList div button { width:10%; background:#565656; color:#fff; font-size:12px; font-weight:bold; } div.replyArea { display:block; margin:10px 0; padding:8px 20px 20px; border:1px solid #ccc; background:#eaf2f8; } div.replyArea h2 { overflow:hidden; margin:0 0 5px 0; padding:5px 0; font-size:15px; color:#0780c2; } div.replyArea h2 span { font-size:12px; color:#666; } div.replyArea h2 button { float:right; background:#666; color:#efefef; font-weight:bold; } div.replyArea div { width:96%; min-height:180px; padding:2%; background:#fff; border:1px solid #ccc; line-height:18px; } .BBSWrite {} .BBSWrite ul { margin:20px 0; padding:0; border-top:1px solid #999; } .BBSWrite li { overflow:hidden; padding:5px 30px; border-bottom:1px dashed #ccc; line-height:22px; list-style:none; } .BBSWrite li > h1, .BBSWrite li div.halfDiv > h1 { display:inline-block; width:120px; margin:0 10px 0 0; padding:0 10px 0 0; font-size:12px; border-right:2px solid #ccc; vertical-align:middle; } .BBSWrite li > h2 { margin:0 10px 10px 0; font-size:12px; vertical-align:middle; } .BBSWrite li input { vertical-align:middle; } .BBSWrite li br + input[type="text"]{ margin:2px 0; } .BBSWrite li input[type="tel"], .BBSWrite li input[type="text"], .BBSWrite li input[type="password"], .BBSWrite li select, .BBSWrite li input[type="file"] { height:32px; padding:0 5px; border:1px solid #999; color:#666; vertical-align:middle; } .BBSWrite li .telCenter { text-align:center; } .BBSWrite li select { padding-right:0; } .BBSWrite li textarea { width:85%; height:180px; border:1px solid #999; padding:8px; line-height:18px; vertical-align:middle; } .BBSWrite li div.normalText, .BBSWrite li div.address, .BBSWrite li div.halfDiv, .BBSWrite li div.textInputs { display:inline-block; overflow:hidden; vertical-align:middle; } .BBSWrite li div.textInputs { width:88%; } .BBSWrite li div.address { line-height:32px; } .BBSWrite li div.normalText { line-height:24px; } .BBSWrite li div.halfDiv { width:48%; line-height:22px; } .BBSWrite li button { display:inline-block; height:32px; padding:0 10px; border:1px solid #999; background:#efefef; line-height:32px; text-decoration:none; color:#121212; vertical-align:middle; } .BBSWrite li button img { width:24px; vertical-align:middle; } .BBSWrite .subject { width:600px; } .BBSWrite .name { width:200px; } .BBSWrite .tel { width:60px; } .BBSWrite .mail { width:240px; } .BBSWrite .year { width:50px; } .BBSWrite .month { width:30px; } .BBSWrite div.btnArea { padding:20px 0; border-bottom:1px solid #565656; text-align:center; } .BBSWrite div.btnArea button { height:48px; margin:0 5px; border:1px solid #999; border-radius:5px; background:#666; padding:0 20px; font-weight:bold; } .BBSWrite div.btnArea button img { margin-right:6px; } .BBSWrite div.textPrint { padding:8px 0; line-height:18px; } .BBSWrite div.attachFile { display:inline-block; padding:3px; background:#565656; vertical-align:middle; text-align:center; } .BBSWrite div.attachFile a { display:inline-block; padding:0 15px; background:#fff; line-height:28px; text-decoration:none; vertical-align:middel; font-weight:bold; color:#121212; } .BBSWrite div.attachFile a img { margin-right:8px; } .BBSWrite div.attachFile button { border:none; height:28px; color:#efefef; background:none; vertical-align:middle; } .BBSWrite label.AttachFiles { display:inline-block; min-width:60px; height:28px; padding:0 15px 0 42px; border:1px solid #999; border-radius:2px; background:url(../images/admin/icon_addfile.png) no-repeat 10px center #efefef; line-height:28px; vertical-align:middle; } .BBSWrite div.examView { overflow-y:scroll; overflow-x:none; width:95%; height:80px; margin:5px 0; border:1px solid #999; padding:8px; line-height:18px; vertical-align:middle; word-break:break-strict; } .BBSWrite label.AttachFiles span { padding:0; margin:0; display:inline; } .BBSWrite li.replyArea { display:block; margin:10px 10px 0; padding:8px 20px 20px; border:1px solid #ccc; background:#eaf2f8; } .BBSWrite li.replyArea h2 { overflow:hidden; margin:0 0 5px 0; padding-bottom:5px; border-bottom:1px dashed #999; font-size:15px; color:#0780c2; } .BBSWrite li.replyArea h2 span { font-size:12px; color:#666; } .BBSWrite li.replyArea h2 button { float:right; background:#666; color:#efefef; font-weight:bold; } .BBSWrite li.replyArea div { width:96%; min-height:180px; padding:2%; background:#fff; border:1px solid #ccc; line-height:18px; } /* 통계 레이아웃 */ /* study modal */ #screenModal { overflow-x:hidden; overflow-y:auto; position:fixed; top:0; left:0; width:100%; height:100%; background:#f2f6f7; z-index:999; } #screenModal > div, #screenModal > form > div { width:1260px; margin:0 auto; border:1px solid #bfc3c4; background:#fff; } #screenModal > div + div, #screenModal > div + form, #screenModal > form div + div { margin-top:15px; } #screenModal div.titleArea { overflow:hidden; width:100%; border-top:5px solid #0780c2; border-bottom:2px solid #2665ae; background:#fff; } #screenModal div.titleArea > div { overflow:hidden; width:1260px; margin:20px auto; text-align:right; } #screenModal div.titleArea > div > img, #screenModal div.titleArea > div > h1, #screenModal div.titleArea > div > h2 { float:left; } #screenModal div.titleArea > div > img { margin-right:20px; } #screenModal div.titleArea > div > h1, #screenModal div.titleArea > div > h2 { width:1020px; margin:0; padding:0; text-align:left; } #screenModal div.titleArea > div > h1 { margin:26px 0 8px; font-size:30px; color:#343434; } #screenModal div.titleArea > div > h2 { font-size:20px; color:#565656; } #screenModal div.titleArea > div button { overflow:hidden; width:70px; height:70px; margin:27px 0; padding:0; border:none; background:none; } #screenModal > div.caution { padding:45px 0; background:url(../images/study/bg_notice.png); text-align:center; } #screenModal > div.caution h1, #screenModal > div.caution strong, #screenModal > div.caution b { color:#ffdc61;} #screenModal > div.caution h1 { font-size:26px; } #screenModal > div.caution p { margin:0 auto; line-height:22px; font-size:15px; padding:20px 80px; color:#fff; } /*#screenModal > div.caution p + p { padding-top:25px; background:url(../images/study/img_blockdiv.png) no-repeat center top; }*/ #screenModal > div.caution p + p { padding-top:25px; } #screenModal > div.agreeArea { height:74px; line-height:74px; text-align:center; font-size:15px; } #screenModal > div.agreeArea input[type="checkbox"], #screenModal > div.agreeArea input[type="radio"] { display:none; } #screenModal > div.agreeArea input[type="checkbox"], #screenModal > div.agreeArea input[type="radio"] { display:inline-block\9; width:36px; height:36px; border:2px solid #666; padding:0; vertical-align:middle; } /* IE8 Hack */ #screenModal > div.agreeArea label { overflow:hidden; display:inline-block; height:43px; margin:15.5px 0; padding-left:48px; background-image:url(../images/study/input_checkbox_big.png); background-repeat:no-repeat; background-position:left bottom; line-height:52px; cursor:pointer; } #screenModal > div.agreeArea label { background:none\9; padding-left:8px\9; vertical-align:middle\9; } /* IE8 Hack */ #screenModal > div.agreeArea input:checked + label { background-position:left top; } #screenModal > div.btnArea { overflow:hidden; border:none; background:none; padding:20px 0; margin-bottom:40px; text-align:center; } #screenModal > div.btnArea button { overflow:hidden; height:54px; margin:0 2px; padding:0; border:none; background:none; vertical-align:middle; } #screenModal > div.btnArea button img { margin-top:-54px; } #screenModal > div.btnArea button:hover img { margin-top:0; } /* 시험보기 페이지 #screenModal > div.cautionTest { overflow:hidden; height:85px; padding:0; background:url(../images/study/bg_notice.png); color:#fff; } */ #screenModal > div.cautionTest { overflow:hidden; height:108px; padding:0; } #screenModal > div.cautionTest strong, #screenModal > div.cautionTest b { color:#ffdc61;} #screenModal > div.cautionTest div.timer { float:left; width:270px; height:108px; margin-right:20px; background:url(../images/global/bg_glbalbtn.png); line-height:100px; color:#ffdc61; font-family:'Open Sans', sans-serif; text-align:center; font-size:15px; font-weight:bold; } #screenModal > div.cautionTest div.timer strong { margin-left:5px; font-size:50px; color:#fff; vertical-align:middle; font-weight:700; } #screenModal > div.cautionTest div.textArea { overflow:hidden; height:108px; margin:0 20px 0 ; padding:0; background:url(../images/study/img_notice.png) no-repeat right center; } #screenModal > div.cautionTest div.textArea h1, #screenModal > div.cautionTest div.textArea p { margin:0; padding:0; margin-right:72px; } #screenModal > div.cautionTest div.textArea h1 { padding:15px 0 5px; color:#2665ae;font-size:16px; } #screenModal > div.cautionTest div.textArea p { line-height:150%; font-size:13px;} #screenModal > div.cautionTest div.textArea .surveyText { line-height:160%; font-size:15px;} #screenModal div.mobileCert span.red { display:inline-block; margin-left:96px; } #contentsPopup { margin:0 auto; margin-top:60px; border:1px solid #bfc3c4; background:#fff; } #contentsPopup div.caution { overflow:hidden; margin:15px 30px 0; padding:15px 10px; background:url(../images/study/bg_notice.png); color:#fff; } #contentsPopup div.caution h1 { font-size:15px; margin:0 0 8px; padding:0; } #contentsPopup div.caution strong, #contentsPopup div.caution b { color:#ffdc61;} #contentsPopup div.answerTrue { background:url(../images/study/bg_checktrue.png) no-repeat 10px 15px; } #contentsPopup div.answerFalse { background:url(../images/study/bg_checkfalse.png) no-repeat 10px 15px; } #contentsNav { overflow:hidden; position:fixed; top:0; left:0; width:100%; height:60px; border-bottom:2px solid #0780c2; background:#f2f6f7; } #contentsNav > h1 { overflow:hidden; float:left; font-size:15px; font-weight:normal; color:#121212; margin:0; padding:0 20px; line-height:60px; text-overflow:ellipsis; } #contentsNav > h2 { overflow:hidden; float:left; font-size:15px; font-weight:normal; color:#121212; margin:0; padding:10px 20px; line-height:20px; text-overflow:ellipsis; } #contentsNav > h2 span { font-size:12px; color:#898989; } #contentsNav form, #contentsNav table { float:right; } #contentsNav table { margin:5px; border-collapse:collapse; border:1px solid #bfc3c4; } #contentsNav table th, #contentsNav table td { width:60px; height:20px; background:#fff; text-align:center; } #contentsNav table td { border-top:1px dashed #ccc; background:#fff; } #contentsNav form { height:60px; padding:0 10px; background:#0780c2; text-align:center; } #contentsNav form select { height:28px; } #contentsNav form h1 { margin:0; padding:0; line-height:28px; color:#fff; font-size:12px; } div.mobileCert { } div.mobileCert > form { display:none; } div.mobileCert ul, div.mobileCert li { overflow:hidden; margin:0; padding:0; list-style:none; } div.mobileCert li { line-height:45px; padding:10px 20px; } div.mobileCert li h1 { display:inline-block; margin:0 20px 0 0; padding:0 20px 0 0; border-right:2px solid #ccc; font-size:15px; } div.mobileCert li form { display:inline-block; } div.mobileCert li button { height:45px; padding:0 60px; border:none; font-size:15px; color:#fff; background:#787878; font-weight:bold; } div.mobileCert li strong { font-size:15px; } div.mobileCert li button { padding:0 25px 0 60px; height:48px; border:none; background-position:20px center; background-repeat:no-repeat; background-color:#666; color:#fff; font-size:15px; font-weight:bold; } div.mobileCert li button.btnPhone { background-image:url(../images/member/icon_phone.png); } div.mobileCert li button.btnIpin { background-image:url(../images/member/icon_ipin.png); } div.testArea { overflow:hidden; } div.testArea > ul, div.testArea > ul li { list-style:none; margin:0; padding:0; } div.testArea > ul { float:left; overflow:hidden; width:270px; border-right:1px dashed #bfc3c4;} div.testArea > ul li { text-align:center; background:#f6f6f6; line-height:30px; border-bottom:1px solid #bfc3c4; } div.testArea > ul li div { overflow:hidden; float:right; text-align:center; width:140px; padding:0 15px; border-left:1px solid #bfc3c4; background:#fff; white-space:nowrap; text-overflow:ellipsis; } /*div.testArea > ul + div { border-left:1px dashed #bfc3c4; }*/ div.testArea > div { width:929px; margin:auto; overflow:hidden; padding:0 30px 30px; } div.testArea > div h1, div.testArea > div h2, div.testArea > div h3 { margin:0; padding:0; } div.testArea > div h1 { margin:40px 0 20px; font-size:20px; color:#565665; } div.testArea > div h2 { margin-bottom:10px; font-size:15px; color:#565665; line-height:22px } div.testArea > div h3 { border:1px dashed #999; margin-bottom:10px; padding:0 8px; font-size:12px; color:#565656; line-height:30px; font-weight:normal; } div.testArea > div h3 strong { color:#343434; padding-right:20px; } div.testArea > div ol, div.testArea > div li { margin:0; padding:0; list-style:none; } div.testArea > div li { overflow:hidden; padding:5px 0; } div.testArea > div li input[type="radio"] { display:none; } div.testArea > div li input[type="radio"] { float:left\9; display:inline-block\9; width:18px; height:18px; border:none; padding:0; vertical-align:middle; } /* IE8 Hack */ div.testArea > div li label { float:left; display:inline-block; overflow:hidden; background:url(../images/study/input_radio_off.png) no-repeat left top; line-height:17px; padding-left:23px; cursor:pointer; vertical-align:top; font-size:14px; } div.testArea > div li label { background:none\9; padding-left:8px\9; vertical-align:middle\9; } /* IE8 Hack */ div.testArea > div li input[type="radio"]:checked + label { background:url(../images/study/input_radio_on.png) no-repeat left top; } div.testArea > div input[type="text"], div.testArea > div textarea { width:100%; border:1px solid #bfc3c4; color:#999; } div.testArea > div input[type="text"] { height:36px; padding:0 10px; } div.testArea > div textarea { height:200px; padding:10px; } div.testArea > div input[type="text"]:focus, div.testArea > div textarea:focus { color:#343434; border:1px solid #666; } div.reportArea { overflow:hidden; padding:20px 0; } div.reportArea > h1, div.reportArea > h2 { margin:0; padding:0 30px; } div.reportArea > h1 { margin:10px 0 20px; font-size:20px; color:#565665; } div.reportArea > h2 { margin-bottom:10px; font-size:15px; color:#565665; line-height:22px } div.reportArea > h3 { border:1px dashed #999; margin:0 30px 10px; padding:0 8px; font-size:12px; color:#565656; line-height:30px; font-weight:normal; } div.reportArea > h3 strong { color:#343434; padding-right:20px; } div.reportArea > a { display:block; margin:0 30px; padding:0 10px 0 60px; border:1px solid #bfc3c4; background:url(../images/study/bg_a_tag.png) no-repeat 20px center; line-height:50px; color:#0780c2; font-size:15px; text-decoration:none; } div.surveyArea { overflow:hidden; overflow:hidden; padding:0 0 30px; } div.surveyArea > form { padding:0 30px; } div.surveyArea h1, div.surveyArea > div h2, div.surveyArea > div h3 { margin:0; padding:0; } div.surveyArea h1 { margin:40px 0 20px; font-size:20px; color:#565665; } div.surveyArea h2 { margin-bottom:10px; font-size:15px; color:#565665; line-height:22px } div.surveyArea h3 { border:1px dashed #999; margin-bottom:10px; padding:0 8px; font-size:12px; color:#565656; line-height:30px; font-weight:normal; } div.surveyArea h3 strong { color:#343434; padding-right:20px; } div.surveyArea ol, div.surveyArea li { margin:0; padding:0; list-style:none; } div.surveyArea li { overflow:hidden; padding:5px 0; } div.surveyArea li input[type="radio"] { display:none; } div.surveyArea li input[type="radio"] { display:inline-block\9; width:36px; height:36px; border:2px solid #666; padding:0; vertical-align:middle; } /* IE8 Hack */ div.surveyArea li label { float:left; display:inline-block; overflow:hidden; background:url(../images/study/input_radio_off.png) no-repeat left top; line-height:17px; padding-left:23px; cursor:pointer; vertical-align:top; font-size:14px; } div.surveyArea li label { background:none\9; padding-left:8px\9; vertical-align:middle\9; } /* IE8 Hack */ div.surveyArea li input[type="radio"]:checked + label { background:url(../images/study/input_radio_on.png) no-repeat left top; } div.surveyArea textarea { width:100%; border:1px solid #bfc3c4; color:#999; } div.surveyArea textarea { height:52px; padding:10px; } div.surveyArea textarea:focus { color:#343434; border:1px solid #666; } div.testArea div.commentaryArea, div.reportArea div.commentaryArea { margin-top:15px; padding:15px; border:1px solid #bfc3c4; background:#f2f6f7; } div.testArea div.commentaryArea > h1, div.reportArea div.commentaryArea > h1 { margin:0 0 10px; padding:0 0 10px; border-bottom:1px dashed #bfc3c4; font-size:15px; color:#0780c2; } div.reportArea div.exampleArea { margin-top:15px; padding:15px; border:1px solid #ccc; background:#f2f2f2; } div.reportArea div.exampleArea > h1 { margin:0 0 10px; padding:0 0 10px; border-bottom:1px dashed #ccc; font-size:15px; color:#343434; } div.reportArea div.commentaryArea, div.reportArea div.exampleArea { margin:15px 30px; } div.reportArea div.commentaryArea > div, div.reportArea div.exampleArea > div { word-break:break-all; font-size:13px; line-height:21px; } div.reportArea div.commentaryArea a, div.reportArea div.exampleArea a { display:block; margin:0; padding:0 10px 0 60px; border:1px solid #bfc3c4; background:url(../images/study/bg_a_tag.png) no-repeat 20px center #fff; line-height:50px; color:#0780c2; font-size:15px; text-decoration:none; } div.reportSubmit { margin:0 20px 20px; border:1px solid #999; } div.reportSubmit > ul, div.reportSubmit > ul li { list-style:none; margin:0; padding:0; } div.reportSubmit > ul li { float:left; height:74px; font-size:20px; color:#565665; width:50%; text-align:center; background:#e5ebec; line-height:74px; cursor:pointer; } div.reportSubmit > ul li.select { background:#fff; } div.reportSubmit > div { overflow:hidden; padding:20px; } div.reportSubmit > div ul, div.reportSubmit > div ul li { margin:0; padding:0; list-style:none; } div.reportSubmit > div ul { margin-bottom:20px; } div.reportSubmit > div ul li { overflow:hidden; margin:0; padding:15px; line-height:22px; font-size:15px; } div.reportSubmit > div ul li a { display:inline-block; height:30px; line-height:30px; margin:5px 0; padding:5px 0 0 40px; background:url(../images/study/bg_a_tag.png) no-repeat 0 center; line-height:22px; color:#0780c2; } div.reportSubmit > div ul li h1 { float:left; width:120px; margin:10px 20px 10px 0; padding:0 20px 0 10px; border-right:2px solid #565656; font-size:15px; } div.reportSubmit > div ul li label { display:inline-block; height:50px; padding:0 25px 0 60px; border:1px solid #a0acae; background:url(../images/study/btn_file.png) no-repeat 20px center; font:bold; line-height:50px; text-align:center; cursor:pointer; } div.reportSubmit > div ul li input[type="file"] { display:none; } div.reportSubmit > div ul li + li { border-top:1px dashed #bfc3c4; } div.reportSubmit > div textarea { width:100%; height:240px !important; margin-bottom:10px; border:1px solid #bfc3c4; color:#999; height:52px; padding:10px; } div.reportSubmit > div textarea:focus { color:#343434; border:1px solid #666; } /*div.reportSubmit > div div { overflow:hidden; padding:0 20px; background:url(../images/study/bg_notice.png); color:#fff; line-height:36px; }*/ div.reportSubmit > div div { overflow:hidden; padding:20px 20px; border:1px solid #999; line-height:160%; } div.reportSubmit > div div strong { color:#ffdc61;} /* 회원가입 */ #contentsArea.agreementPage { overflow:hidden; } #contentsArea.agreementPage div, #contentsArea.agreementPage h1 { overflow:hidden; margin:0; padding:0; } #contentsArea.agreementPage > div { padding:20px 0 30px; background:url(../images/global/bg_block.png) no-repeat bottom; } #contentsArea.agreementPage h1 { float:left; width:200px; padding:10px 0; font-size:20px; line-height:30px; } #contentsArea.agreementPage input { display:none; } #contentsArea.agreementPage input { display:inline-block\9; width:36px; height:36px; border:2px solid #666; padding:0; vertical-align:middle; } /* IE8 Hack */ #contentsArea.agreementPage h1 label { margin-top:8px; display:block; padding-left:21px; background-image:url(../images/global/input_checkbox.png); background-repeat:no-repeat; background-position:left bottom; font-size:12px; line-height:17px; cursor:pointer; } #contentsArea.agreementPage h1 label { background:none\9; padding-left:8px\9; vertical-align:middle\9; } /* IE8 Hack */ #contentsArea.agreementPage h1 input:checked + label { background-position:left top; } #contentsArea.agreementPage > div > div { overflow-y:scroll; border:1px solid #bfc3c4; width:700px; height:360px; padding:10px; line-height:18px; } #contentsArea.agreementPage > div button { padding:0 25px 0 60px; height:48px; border:none; background-position:20px center; background-repeat:no-repeat; background-color:#666; color:#fff; font-size:15px; font-weight:bold; } #contentsArea.agreementPage > div.btnArea { background:none; text-align:center; } #contentsArea.agreementPage > div.btnArea button { width:400px; height:68px; border:none; background:#0780c2; color:#fff; font-size:18px; font-weight:bold; } #contentsArea.agreementPage > div.btnArea button img { float:right; } #contentsArea.agreementPage > div strong { line-height:50px; font-size:15px; } #contentsArea.agreementPage > div form { display:inline-block; } #contentsArea.agreementPage button.btnPhone { background-image:url(../images/member/icon_phone.png); } #contentsArea.agreementPage button.btnIpin { background-image:url(../images/member/icon_ipin.png); } #contentsArea.agreementPage span.red { display:inline-block; margin-left:200px; } #contentsArea.agreementPage .memberCheck form {padding:10px 0;} #contentsArea.agreementPage .memberCheck form div {margin-bottom:10px;} #contentsArea.agreementPage .memberCheck form .floatLeft {float:left;} #contentsArea.agreementPage .memberCheck form .floatLeft:after {display: block; clear: both; content:""} #contentsArea.agreementPage .memberCheck form .floatLeft button {width:122px; height:28px; margin:77px 0 0 27px; padding:0; font-size:13px;} #contentsArea.agreementPage .memberCheck div h2 {float:left; width:60px; margin:5px 10px 0 0; font-size:15px;} #contentsArea.agreementPage .memberCheck div input{display:inline-block; width:150px; height:28px; padding:0 5px; border:1px solid #bfc3c4;} #contentsArea.agreementPage .memberCheck div .tel {width:95px; text-align:center;} #contentsArea.agreementPage .memberCheck div select{float:left; width:50px; height:28px; border:1px solid #bfc3c4;} #contentsArea.agreementPage .memberCheck div select:after {display: block; clear: both; content:""} #contentsArea.agreementPage .memberCheck div ul {padding:0; list-style:none;} #contentsArea.agreementPage .memberCheck div span {line-height:27px; font-size:12px; letter-spacing:-1px;} #contentsArea.agreementPage .memberCheck div strong {line-height:27px; font-size:12px; letter-spacing:-1px;} /* 수강신청 */ .submitLectureArea { overflow:hidden; margin:20px; padding:10px; border:1px solid #bfc3c4; } .submitLectureArea h1, .submitLectureArea h1, .submitLectureArea h3 { margin:0; padding:0; } .submitLectureArea > h1 { padding:0 10px; border-bottom:1px dashed #ccc; font-size:15px; line-height:30px; } .submitLectureArea > h2 { margin-bottom:8px; padding:0 10px; font-size:13px; color:#999; font-weight:normal; line-height:20px; } .submitLectureArea > h2 strong { color:#343434; } .submitLectureArea h3 { margin:10px 10px 15px; text-align:right; font-size:15px; } .submitLectureArea table { border-collapse:collapse; width:100%; border-top:1px solid #0780c2; } .submitLectureArea table th, .submitLectureArea table td { height:34px; text-align:center; } .submitLectureArea table th { border-bottom:1px dashed #ccc; background:#eaf2f8; } .submitLectureArea table td { border-bottom:1px solid #999; text-align:center; } /* 로그인페이지 */ #loginArea { overflow:hidden; width:460px; height:538px; border:1px solid #bfc3c4; margin:135px auto 15px; padding:50px 750px 50px 100px; background:url(../images/member/bg_login.jpg) no-repeat right center #fff; text-align:center; } #loginArea > form { padding:30px 0; } #loginArea > form h1 { padding:0; margin:0 0 20px 0; font-size:15px; line-height:22px; } #loginArea > form input { height:52px; padding:0 10px; border:1px solid #bac3c5; color:#787878; font-size:15px; font-weight:bold; } #loginArea > form > input { width:400px; } #loginArea > form > button { width:400px; height:68px; border:none; background:#0780c2; color:#fff; font-size:18px; font-weight:bold; } #loginArea > form > button img { margin-right:10px; } #loginArea > form > input+input { margin-top:10px; } #loginArea > form > input+button { margin-top:30px; } #loginArea > form > div+button { margin-top:15px; } #loginArea > form > div { overflow:hidden; text-align:left; } #loginArea > form > div h1 { float:left; width:86px; margin:0 15px 0 0; padding:0; border-right:2px solid #ccc; line-height:52px; font-size:15px; } #loginArea > form > div + div { margin-top:15px; } #loginArea > form > div strong { line-height:24px; color:#ef1313; } #loginArea > form > div input { width:352px; } #loginArea > form > div input[type="tel"] { width:52px; text-align:center;} #loginArea > form > div input.email { width:168px; } #loginArea > a { padding:0 8px; color:#999; font-size:15px; text-decoration:none; } #loginArea > a:hover { color:#666; } /* 공사중, 홈페이지 준비중 */ #contentsArea.alreadyPage { min-height:840px; background:url(../images/global/alreadypage.png) no-repeat center #fff; } /* 학습하기 모달 */ #studyPopup { overflow:hidden; margin:0; padding:0; background:#666; zoom:1; } #studyPopup > button { width:10px; border:none; padding:0; margin:0; background:url(bg_btnarea.jpg) repeat-y; z-index:999; vertical-align:top; } div#popupStudyArea, #studyPopup iframe { float:left; margin:0; padding:0; } #popupStudyArea h1, #popupStudyArea h2, #popupStudyArea h5 { margin:0; padding:0; } /*#popupStudyArea { overflow-y:scroll; overflow-x:hidden; width:338px; padding:0; margin:0; }*/ #popupStudyArea { position:absolute; top:0; width:338px; height:682px; padding:0; background:#f2f6f7; z-index:900; } #popupStudyArea > h1 { padding:0 20px; margin:20px 0 8px; font-size:15px; color:#2665ae; } #popupStudyArea > h2 { padding:0 20px; margin-bottom:20px; font-size:12px; color:#121212; font-weight:normal; } #popupStudyArea > h5 { padding:0 20px; background:#0780c2; line-height:30px; color:#edf9ff; text-align:center; font-size:12px; } #popupStudyArea > h5 strong { color:#fff; font-size:15px; } #popupStudyArea ul, #popupStudyArea li { overflow:hidden; list-style:none; margin:0; padding:0; } #popupStudyArea > ul { margin:0 10px; border:1px solid #ccc; border-bottom:none; background:#ccc; } #popupStudyArea > ul > li { float:left; width:49.9%; line-height:40px; font-weight:bold; text-align:center; cursor:pointer; } #popupStudyArea > ul > li.select { background:#fff; color:#0780c2; } #popupStudyArea > div, #popupStudyArea > form { margin:0 10px 0; border:1px solid #ccc; border-top:none; background:#fff; } #popupStudyArea > div h1 { margin:10px 0 5px; font-size:12px; color:#0780c2; } #popupStudyArea > div ul { padding:10px; } #popupStudyArea > div li { padding:10px; line-height:18px; } #popupStudyArea > div li + li { border-top:1px dashed #ccc; } #popupStudyArea > form { display:block; width:296px; padding:10px; } #popupStudyArea > form textarea { width:281px; height:200px; border:1px solid #ccc; margin:0; padding:10px; } *:first-child+html #popupStudyArea > form textarea { width:260px; margin-left:-10px; } #popupStudyArea > form h1 { margin:10px 0 5px; font-size:12px; color:#0780c2; } #popupStudyArea > form h2 { margin:10px 0; font-size:12px; line-height:18px; font-weight:normal; } #popupStudyArea > form > button { width:281px; height:42px; margin:10px 0; border:1px solid #999; color:#565656; background:#fff; font-size:12px; font-weight:bold; } #popupStudyArea > form > button:hover { background:#efefef; } /*#popupStudyArea > button { width:303px; height:42px; margin:0 10px 10px; border:none; background:#0780c2; color:#fff; font-size:15px; font-weight:bold; }*/ #popupStudyArea > button { width:318px; height:42px; margin:0 10px 10px; border:none; background:#0780c2; color:#fff; font-size:15px; font-weight:bold; } #popupStudyArea .studyText ul {overflow-x:hidden; overflow-y:scroll; height:375px;} #popupStudyArea .writeForm {overflow-x:hidden; overflow-y:scroll; min-height:290px;} #popupStudyArea .prgoressText {margin:0; padding:10px; color:#0780c2; font-weight:600; text-align:center; line-height:140%; } /* 일반모달 */ /* 모달 설정 */ #modal { position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/admin/bg_modal.png); z-index:999; } #modal > div { position:absolute; top:50%; left:50%; background:#fff; border:1px solid #121212; } #modal > div > h1 { overflow:hidden; margin:0; padding:10px 15px; line-height:32px; font-size:16px; background:#4a5359; color:#efefef; } #modal > div > h1 button { position:absolute; left:100%; width:32px; height:32px; margin:0 0 0 -45px; padding:0; background:#d0d6da; border:3px solid #292f33; border-radius:16px; } #modal > div > div, #modal > div > form > div { padding:15px; } #modal > div > div > h1, #modal > div > form > div > h1 { border-bottom:1px dashed #565656; padding:0 0 0 8px; margin:3px 0; border-left:5px solid #4a5359; line-height:24px; font-size:15px; } #modal > div > div > h1 span, #modal > div > form > div > h1 span { font-size:12px; font-weight:normal; color:#787878; } #modal > div > div > ul + h1, #modal > div > div > table + h1, #modal > div > div > div + h1, #modal > div > form > div > ul + h1, #modal > div > form > div > table + h1, #modal > div > form > div > div + h1 { margin-top:12px; } #modal div.scrollDiv { overflow-y:scroll; background:#fefefe; } #modal table + table { margin-top:18px; } /* 학습창 모달 사이드 */ .modalSide #summaryArea ul li { background:gray; color:white; width:100%; display:flex; flex-direction: row; align-items: center; text-align:center; justify-content: space-evenly; cursor:pointer;} .modalSide #summaryArea ul .selectedSummary { background:white; color:#0780c2;} /* 모달별 설정 */ #modal .lectureSubmit { width:640px; height:530px; } /* 캡차 */ #captcha { overflow:hidden; width:380px; height:435px; border-top:5px solid #0780c2; } #captcha > form { display:none; } #captcha div.header { overflow:hidden; height:42px; border-bottom:1px solid #0780c2; background:#fff; padding:0 15px; line-height:42px; } #captcha div.header > h1 { display:inline-block; margin:0; padding:0; font-size:18px; color:#0780c2; } #captcha div.header > input { float:right; height:22px; margin:10px 0; border:2px solid #0780c2; color:#0780c2; background:none; } #captcha div.info_area { text-align:center; padding:0 15px; } #captcha div.info_area h1, #captcha div.info_area h2 { padding:0; margin:0; } #captcha div.info_area h1 { margin:15px 0 5px; font-size:15px; color:#343434; } #captcha div.info_area h2 { margin:0 0 8px; padding-bottom:15px; font-size:12px; color:#898989; border-bottom:1px dashed #ccc; } #captcha div.info_area ul, #captcha div.info_area li { margin:0; padding:0; list-style:none; } #captcha div.info_area li { line-height:24px; } #captcha div.capcha_div { margin:20px; padding:20px; background:#fff; border:1px solid #ccc; text-align:center; } #captcha div.capcha_div div { overflow:hidden; height:62px; } #captcha div.capcha_div div + div { margin-top:20px; height:34px; padding-bottom:10px; border-bottom:1px dashed #ccc; } #captcha div.capcha_div div > img { display:block; margin:0 auto; } #captcha div.capcha_div div > input { width:40%; height:24px; background:#efefef; border:1px solid #999; color:#565656; } #captcha div.capcha_div h2 { color:#0780c2; font-size:12px; } #captcha div.capcha_div > input[type="text"] { width:82%; border:1px solid #999; height:28px; text-align:center; } #captcha div.capcha_div > input[type="button"] { width:82%; height:36px; margin-top:5px; border:none; background:#0780c2; color:#fff; } /* 최초 본인인증페이지 */ #agreementCheck { } #agreementCheck > div, #agreementCheck > form { width:1260px; margin:0 auto; border:1px solid #bfc3c4; background:#fff; } #agreementCheck > div + div, #agreementCheck > div + form, #agreementCheck > form div + div { margin-top:15px; } #agreementCheck div.titleArea { overflow:hidden; width:100%; border-top:5px solid #0780c2; border-bottom:2px solid #2665ae; background:#fff; } #agreementCheck div.titleArea > div { overflow:hidden; width:1260px; margin:20px auto; text-align:right; } #agreementCheck div.titleArea > div > img, #agreementCheck div.titleArea > div > h1, #agreementCheck div.titleArea > div > h2 { float:left; } #agreementCheck div.titleArea > div > img { margin-right:20px; } #agreementCheck div.titleArea > div > h1, #screenModal div.titleArea > div > h2 { width:1020px; margin:0; padding:0; text-align:left; } #agreementCheck div.titleArea > div > h1 { margin:26px 0 8px; font-size:30px; color:#343434; } #agreementCheck div.titleArea > div > h2 { font-size:20px; color:#565656; } #agreementCheck div.agreeUse > h1, #agreementCheck div.private > h1, #agreementCheck div.ACS > h1 { margin:0; padding:0 20px; font-size:18px; background:#0780c2; color:#fff; line-height:54px; } #agreementCheck div.agreeUse > div, #agreementCheck div.private > div, #agreementCheck div.ACS > div { overflow-x:hidden; overflow-y:scroll; padding:20px; height:200px; line-height:22px; font-size:13px; } #agreementCheck > div.agreeArea { height:74px; line-height:74px; margin:5px auto 20px; text-align:center; font-size:15px; } #agreementCheck > div.agreeArea input[type="checkbox"], #agreementCheck > div.agreeArea input[type="radio"] { display:none; } #agreementCheck > div.agreeArea input[type="checkbox"], #agreementCheck > div.agreeArea input[type="radio"] { display:inline-block\9; width:36px; height:36px; border:2px solid #666; padding:0; vertical-align:middle; } /* IE8 Hack */ #agreementCheck > div.agreeArea label { overflow:hidden; display:inline-block; height:43px; margin:15.5px 0; padding-left:48px; background-image:url(../images/study/input_checkbox_big.png); background-repeat:no-repeat; background-position:left bottom; line-height:52px; cursor:pointer; } #agreementCheck > div.agreeArea label { background:none\9; padding-left:8px\9; vertical-align:middle\9; } /* IE8 Hack */ #agreementCheck > div.agreeArea input:checked + label { background-position:left top; } #agreementCheck > div.btnArea { overflow:hidden; border:none; background:none; padding:20px 0; margin-bottom:40px; text-align:center; } #agreementCheck > div.btnArea button { overflow:hidden; height:54px; margin:0 2px; padding:0; border:none; background:none; vertical-align:middle; } #agreementCheck > div.btnArea button img { margin-top:-54px; } #agreementCheck > div.btnArea button:hover img { margin-top:0; } #agreementCheck > form { margin-bottom:15px; padding-bottom:20px; } #agreementCheck > form > ul, #agreementCheck > form > ul li { margin:0; padding:0; list-style:none; } #agreementCheck > form > h1 { margin:0 0 15px 0; padding:0 20px; font-size:18px; background:#0780c2; color:#fff; line-height:54px; } #agreementCheck > form > ul { padding:0 20px; } #agreementCheck > form > ul li { overflow:hidden; line-height:45px; font-size:15px; } #agreementCheck > form > ul li + li { border-top:1px dashed #ccc; } #agreementCheck > form > ul li h1 { display:inline-block; width:120px; font-size:15px; color:#999; } #agreementCheck > form > ul li input, #agreementCheck > form > ul li select { height:32px; padding:5px; font-size:15px; } #agreementCheck > form > ul li input[type="tel"]{ width:60px; } #agreementCheck > form > ul li input[type="text"] { width:180px; } #agreementCheck > form > div { overflow:hidden; margin:10px 20px; padding:0 20px; background:url(../images/study/bg_notice.png); color:#fff; line-height:36px; } #agreementCheck div.address { display:inline-block; overflow:hidden; vertical-align:middle; } #agreementCheck div.address input[type="tel"]{ margin-bottom:5px; width:120px; border:1px solid #ccc; } #agreementCheck div.address input[type="text"]{ margin-bottom:5px; width:680px; } #agreementCheck div.address button { height:32px; padding:0 10px; border:1px solid #343434; background:#666; color:#fff; vertical-align:middle; } /* 상단 날짜및 공지 출력 페이지 */ div.dateArea { overflow:hidden; margin:10px 20px 1px; background:url(../images/study/bg_notice.png); } div.dateArea ul, div.dateArea li { overflow:hidden; margin:0; padding:0; list-style:none; } div.dateArea li { float:left; margin-right:20px; font-size:15px; color:#ffdc61; font-size:15px; font-weight:bold; line-height:42px; } div.dateArea li + li { border-left:1px solid #787878; } div.dateArea li h1 { display:inline-block; padding:0 10px 0 20px; font-size:15px; color:#fff; } /* 탭메뉴 */ ul.tabMenu { } ul.tabMenu, ul.tabMenu > li { overflow:hidden; margin:0; padding:0;list-style:none; } ul.tabMenu { margin:0 20px 10px; background:#787878; border-bottom:3px solid #454545; } ul.tabMenu > li { display:inline-block; float:left; padding:0 16px; background:#666; border-right:1px solid #565656; line-height:36px; color:#cdcdcd; font-weight:bold; cursor:pointer; } ul.tabMenu > li + li { border-left:1px solid #787878; } ul.tabMenu > li.select { background:#454545; color:#fff; } /* 학습도움말 */ #helpDesk { overflow-y:scroll; overflow-x:hidden; background:#fff; padding-top:66px; } #helpDesk > div { position:fixed; top:0; left:0; width:100%; height:66px; background:#2665ae; text-align:center; color:#fff; } #helpDesk > div > button { position:absolute; top:0; width:68px; height:66px; border:none; background-image:url(../images/help_img/btn_bg.png); background-repeat:repeat-y; background-color:transparent; text-align:center; } #helpDesk > div > button.btnPrev { left:0; background-position:right; } #helpDesk > div > button.btnNext { left:100%; margin-left:-68px; background-position:left; } #helpDesk > div > h1, #helpDesk > div > h2 { margin:0; padding:0; } #helpDesk > div > h1 { font-size:20px; margin:10px 0 5px; } #helpDesk > div > h2 { font-size:15px; color:#a0b3d0; } /* 교육이용 안내 */ .rule { padding-top:44px; } .rule ul { margin:0; padding:0; } .rule .skyblue { color:#5da3d4; font-weight:700; } .rule ol { margin:0 0 0 66px; padding:0; } .rule ol > li { margin-bottom:60px; font-size:20px; font-weight:700; color:#343434; } .rule ol > li > ul { margin-top:12px; } .rule ol > li > ul > li { padding-left:14px; background:url(../images/eduinfo/bg_rule_list01.png) 0 10px no-repeat; font-size:15px; font-weight:400; line-height:28px; list-style:none; color:#343434; } .rule ol > li > ul > li > ul > li { padding-left:14px; background:url(../images/eduinfo/bg_rule_list02.png) 0 10px no-repeat; font-size:13px; line-height:21px; list-style:none; color:#787878; } .rule ol > li > ul > li > ul > li > ol { margin:0 0 0 14px; } .rule ol > li > ul > li > ul > li > ol > li { margin:0; font-size:13px; font-weight:400; line-height:21px; color:#787878; } .rule .list > ul > li + li { margin-top:25px; } .rule .list > ul > li > ul > li + li { margin-top:21px; } /* 환급절차 */ .goyong { padding:44px 0 60px; } .goyong h1 { margin:0 0 0 44px; font-size:20px; color:#343434; } .goyong h2 { margin:19px 0 0 44px; font-size:15px; font-weight:400; line-height:22px; color:#343434; } .goyong ol { margin:0 0 0 66px; padding:0; } .goyong ol > li { margin-top:60px; font-size:20px; font-weight:700; color:#343434; } .goyong ol > li h2 { margin:19px 0 0; } .goyong ol > li > img { margin-top:20px; } .goyong ol > li button { margin-top:11px; padding:0; background:none; border:none; } .goyong ol > li > ul { padding:0; } .goyong ol > li > ul > li { margin-top:22px; list-style:none; font-size:15px; color:#565656; } .goyong ol > li > ul > li p { margin:7px 0 0 19px; font-size:15px; font-weight:400; color:#666; } .goyong ol > li > ul > li > ol { margin:6px 0 0 35px; } .goyong ol > li > ul > li > ol > li { margin:0; list-style-type: lower-alpha; font-size:15px; font-weight:400; line-height:28px; color:#666; } .goyong ol > li > ul > li > ol > li > ul { margin:0 0 6px 0 ; } .goyong ol > li > ul > li > ol > li > ul > li { margin:0; font-size:12px; line-height:20px; color:#999; } /* 교육진행절차 */ .logic { overflow:hidden; height:935px; padding-left:374px; background:url(../images/eduinfo/bg_logic.png) 56px 66px no-repeat; } .logic h1 { margin:69px 0 0 0; font-size:20px; color:#343434; } .logic ol { margin:48px 0 0 0; padding-left:16px; } .logic ol li { margin-bottom:65px; font-size:15px; font-weight:700; line-height:22px; color:#565656; } .logic ol li span { color:#0780c2; text-decoration:underline; } .logic .subTxt { margin:15px 0 0 0; padding:0; list-style:none; font-size:14px; font-weight:600; line-height:28px; color:#777; } /* 위탁교육안내 */ .eduinfoArea { padding-bottom:60px; } .eduinfoArea h1 { margin:54px 0 0 66px; font-size:20px; color:#343434; } .eduinfoArea h2 { margin:19px 0 0 44px; font-size:15px; font-weight:400; line-height:22px; color:#343434; } .eduinfoArea ol { margin:0 0 0 66px; padding:0; } .eduinfoArea ol > li { margin-top:60px; font-size:20px; font-weight:700; color:#343434; } .eduinfoArea ol > li > ul { margin-top:12px; padding:0; } .eduinfoArea ol > li > ul > li { padding-left:14px; background:url(../images/eduinfo/bg_rule_list01.png) 0 10px no-repeat; font-size:15px; font-weight:400; line-height:28px; list-style:none; color:#343434; } .eduinfoArea ol li h2 { margin:19px 0 0; } .eduinfoArea p { margin:22px 0 0; font-size:13px; font-weight:400; line-height:22px; color:#999; } .eduinfoArea table { width:838px; margin-top:18px; border-collapse:collapse; border-bottom:1px solid #b8c4c6; text-align:center; font-size:13px; line-height:22px; } .eduinfoArea th { padding:5px 0;background:#eaedee; border-top:1px solid #b8c4c6; border-bottom:1px solid #b8c4c6; } .eduinfoArea th + th { border-left:1px solid #b8c4c6; } .eduinfoArea tr + tr td { border-top:1px dashed #b8c4c6; } .eduinfoArea td + td { border-left:1px solid #b8c4c6; } .eduinfoArea .tableLeft { padding:14px 0 14px 34px; text-align:left; } .eduinfoArea .tableLeft p { margin:0; } .eduinfoArea .imgInfo01 { margin:75px 0 0 21px; } .eduinfoArea .imgInfo02 { margin:22px 0 0 60px; } .eduinfoArea .imgInfo03 { margin:5px 0 0 60px; } .eduinfoArea .imgInfo04 { margin:5px 0 0 60px; } /* 찾아오시는 길 */ .location { padding:0 0 55px 44px; } .location h1 { margin:44px 0 0; font-size:25px; color:#343434; } .location iframe + h1 { margin-top:60px; } .location div { margin-top:28px; } .location div h1, .location div p{ display:inline-block; margin:0; vertical-align:middle; } .location div h1 { width:154px; font-size:15px; line-height:28px; } .location div h1 strong { font-size:25px; } .location div p { margin-left:16px; font-size:15px; line-height:22px; color:#343434; } /*인증현황*/ .certification { padding:44px 0 55px 33px; } /* 교육신청하기 */ .pay { padding:8px 20px 12px; } .pay h1 { margin:40px 0 20px; font-size:24px; line-height:30px; } .pay .BBSList th { background:#eaf2f8; } .pay .payForm { margin-top:45px; } .payForm input[type="radio"], .payForm label, .payForm span { vertical-align:middle; } .payForm label { margin-right:10px; } .pay .payForm .BBSWrite { display:none; } /* 팝업 컨텐츠 상세보기 */ body.lectureDetail { overflow:hidden; } body.lectureDetail > div.lectureArea { overflow-y:scroll !important; height:594px; margin-top:30px; padding:0 15px 15px; font-size:14px; line-height:22px; background:#fff; box-sizing:border-box; } body.lectureDetail > div.lectureArea h1 { overflow:hidden; border-left:3px solid #3e75e6; padding:0 0 0 7px; margin:20px 0 10px 0; font-size:15px; } body.lectureDetail > div.lectureArea h1 button { float:right; margin-top:3px; border:none; background-color:transparent; font-weight:800; } body.lectureDetail div.navArea { overflow:hidden; position:fixed; width:100%; height:38px; top:0; left:0; background:#666; border-bottom:1px solid #464646; line-height:38px; text-align:right; } body.lectureDetail div.navArea h1 { float:left; padding:0 15px; font-size:15px; font-weight:800; color:#efefef; } body.lectureDetail div.navArea button { width:32px; height:32px; margin:3px 8px; border-radius:16px; border:1px solid #787878; background:#ccc; } body.lectureDetail div.navArea button:hover { background:#efefef; } body.lectureDetail div.summuryArea { overflow:hidden; padding:20px 0; background:url(../images/global/bg_block.png) no-repeat bottom; } body.lectureDetail div.summuryArea > img { float:left; width:186px; height:140px; margin:0 20px 0 10px; border:1px solid #bfc3c4; } body.lectureDetail h1, body.lectureDetail h2, body.lectureDetail h3, body.lectureDetail h4, body.lectureDetail h5 { margin:0; padding:0; } body.lectureDetail div.summuryArea h1 { border:none; padding:0; margin:0 0 6px; font-size:20px; line-height:30px; } body.lectureDetail div.summuryArea h2 { margin:0 0 5px; font-size:15px; font-weight:normal; } body.lectureDetail div.summuryArea h3 { margin:0 0 10px; font-size:12px; } body.lectureDetail div.summuryArea h5 { margin:8px 0; font-size:12px; } body.lectureDetail div.summuryArea h5 img { margin:0 8px; } body.lectureDetail div.summuryArea button { width:180px; height:48px; margin:15px 0; border:none; background:#e6443e; color:#fff; font-size:15px; font-weight:bold; } body.lectureDetail div.summuryArea button.listButton { background:#666; color:#fff; margin-left:2px; } body.lectureDetail table { width:100%; margin:0 0 20px 0; border-collapse:collapse; border:1px solid #ccc; } body.lectureDetail table th, body.lectureDetail table td { padding:10px 0; text-align:center; border:1px solid #ccc; } body.lectureDetail table th { background:#e8f9fc; } body.lectureDetail div.bookInfo { overflow:hidden; padding:10px; margin-bottom:20px; border:1px solid #ccc; } body.lectureDetail div.bookInfo img { width:100px; margin-right:10px; border:1px solid #ccc; vertical-align:middle; } body.lectureDetail div.bookInfo h1 { display:inline-block; font-size:15px; } body.lectureDetail div.infoArea { padding:5px 10px 15px; line-height:22px; } body.lectureDetail ol { padding-left:25px; line-height:28px; } body.lectureDetail ol + h1 { margin-top:40px; } body.lectureDetail div.btnArea { border-top:1px solid #ccc; margin:20px 0; padding:20px 0; } body.lectureDetail div.reviewArea ul, body.lectureDetail div.reviewArea li { overflow:hidden; margin:0; padding:0; list-style:none; } body.lectureDetail div.reviewArea ul { border-top:1px solid #ccc; } body.lectureDetail div.reviewArea li { padding:10px 0; border-bottom:1px solid #ccc; } body.lectureDetail div.reviewArea h3 { overflow:hidden; float:left; width:120px; height:80px; margin-right:15px; text-align:center; line-height:110px; font-weight:normal; color:#787878; } body.lectureDetail div.reviewArea h3 strong { font-size:20px; font-weight:800; color:#343434; } body.lectureDetail div.reviewArea h3.scroe1 { background:url(../images/lecture/bg_score1.png) no-repeat 10px 10px; } body.lectureDetail div.reviewArea h3.scroe2 { background:url(../images/lecture/bg_score2.png) no-repeat 10px 10px; } body.lectureDetail div.reviewArea h3.scroe3 { background:url(../images/lecture/bg_score3.png) no-repeat 10px 10px; } body.lectureDetail div.reviewArea h3.scroe4 { background:url(../images/lecture/bg_score4.png) no-repeat 10px 10px; } body.lectureDetail div.reviewArea h3.scroe5 { background:url(../images/lecture/bg_score5.png) no-repeat 10px 10px; } body.lectureDetail div.reviewArea h1, body.lectureDetail div.reviewArea h2, body.lectureDetail div.reviewArea p { margin:0 0 0 135px; padding:0; border-left:1px solid #ccc; } body.lectureDetail div.reviewArea h1, body.lectureDetail div.reviewArea h2 { padding-left:10px; } body.lectureDetail div.reviewArea h1 { line-height:24px; font-size:15px; } body.lectureDetail div.reviewArea h2 { line-height:18px; font-size:12px; color:#999; } body.lectureDetail div.reviewArea p { padding:10px; font-size:14px; line-height:20px; } body.lectureDetail div.reviewArea + div { border-top:none; } /* 이벤트게시판 */ .eventList, .eventList > li{ overflow:hidden; padding:0; margin:0; list-style:none; } .eventList { border-bottom:1px solid #999; } .eventList li { padding:10px 0; cursor:pointer; } .eventList li + li { border-top:1px dashed #999; } .eventList li > img { float:left; margin-right:15px; } .eventList li h1, .eventList li h2, .eventList li h3, .eventList li h4 { margin:0; padding:0; } .eventList li h1 { margin:20px 0 8px; font-size:20px; font-weight:800; } .eventList li h2 { margin-bottom:24px; font-size:14px; color:#999; } .eventList li h3, .eventList li h4 { display:inline-block; font-size:14px; line-height:20px; padding:2px 12px; border-radius:12px; } .eventList li h3 { border:2px solid #2665ae; color:#2665ae; } .eventList li h4 { border:2px solid #bd5052; color:#bd5052; } /* 데이트피커 */ #datePicker { position:absolute; width:200px; border:1px solid #999; background:#fff; text-align:center; padding:5px !important; } #datePicker div { font-size:13px; padding:5px 0; margin:0; line-height:26px; } #datePicker div h1, #datePicker div h2 { font-size:14px !important; display:inline !important; } #datePicker div button { width:10px; height:10px; margin:0 8px; border:none !important; background:#fff; text-align:center; vertical-align:middle; } #datePicker div button img { width:10px; height:10px; } #datePicker table { border-collapse:collapse; width:100% !important; border:none !important; border-top:1px solid #ccc !important; } #datePicker th, #datePicker td { background-image:none !important; } #datePicker th { height:20px !important; border:none !important; border-bottom:1px solid #ccc !important; line-height:20px !important; background-color:#fff !important; font-size:12px; } #datePicker td h1 { margin:0; padding:0; } #datePicker td, #datePicker td h1 { font-size:12px !important; } #datePicker td { height:24px !important; cursor:pointer; line-height:24px !important; padding:0; margin:0; cursor:pointer; border:none !important; } #datePicker p > button { margin:0; padding:0 10px; height:24px; line-height:24px; background:#efefef; color:#121212; border:1px solid #ccc; } #calendarTable .sun { color:#c73333; } #calendarTable .sat { color:#338ac7; } div.datePicker { display:inline-block; margin:0; padding:0; } div.datePicker > input { width:200px; height:32px; border:1px solid #999; vertical-align:middle; background:url(../images/admin/icon_calendar.png) no-repeat right center; } #main_contents > ul > li.mainModal { position:absolute; top:19px; right:0; width:auto; cursor:pointer; } /* 최종평가 모달 */ #screenModal .studyModal { position:fixed; top:50%; left:50%; width:450px; margin:-90px 0 0 -225px; padding:20px; border:none; border-top:6px solid #373839; z-index:1111; text-align:right; box-sizing:border-box; } #screenModal .studyModal > h1 { margin:0 0 10px 0; padding-bottom:20px; border-bottom:1px solid #ccc; text-align:left; font-size:12px; line-height:18px; font-weight:400; } #screenModal .studyModal > button { margin:0 0 0 5px; padding:8px 15px; background:none; border:1px solid #bfc3c4; font-family:gulim, dotum; font-size:12px; } #screenModal .studyModal > button:hover { border-color:#0780c2; } #screenModal .dark { position:fixed; top:0; left:0; width:100%; height:100%; margin:0; z-index:1000; background:#000; opacity:0.4; } /* 뷰어 다운로드 */ .download { padding:0 30px 50px 30px; } .download > h1 { margin:52px 0 0; font-size:24px; color:#343434; } .download > h2 { margin:21px 0 0; font-size:15px; font-weight:400; line-height:21px; color:#595959; } .download > ul { margin:30px 0 0; padding:41px 0 0; list-style:none; border-top:1px solid #e6e6e6; } .download > ul > li > h1 { margin:0; font-size:24px; font-weight:400; } .download > ul > li + li > h1 { margin-top:60px; } .download > ul > li > ul { overflow:hidden; margin:16px 0 0; padding:0; list-style:none; } .download > ul > li > ul > li { float:left; width:285px; height:223px; margin:0 28px 30px 0; padding:0 26px; border:1px solid #ebebeb; box-sizing:border-box; } .download > ul > li > ul > li > h1 { margin:28px 0 0; padding-left:36px; background-repeat:no-repeat; background-position:0 0; font-size:20px; font-weight:400; line-height:39px; text-align:center; } .download > ul > li > ul > li > h2 { margin:33px 0 0; font-size:13px; font-weight:400; line-height:17px; color:#696969; } .download > ul > li > ul > li > button { width:231px; height:37px; margin-top:12px; background:url(../images/download/down_btn.png) 194px 6px no-repeat; border:1px solid #ccc; border-radius:3px; font-size:14px; color:#5e5e5e; outline:0; } .download > ul > li > ul > li > button:hover { color:#429ad9; border-color:#55aeed; background-image:url(../images/download/down_btn_on.png); } /* 멀티북 팝업 */ #bookPop > div { padding:0 5px !important; } #bookPop > h1 { margin:10px 5px; border-left:5px solid #0780c2; padding-left:8px; } /* 핵심내용 */ div#contentsArea ul.scrab, div#contentsArea ul.scrab li, div#contentsArea ul.scrab h1, div#contentsArea ul.scrab h2, div#contentsArea ul.scrab h3 { margin:0; padding:0; list-style:none; } div#contentsArea ul.scrab { margin:0; border:1px solid #bfc3c4; background:#fff; } div#contentsArea ul.scrab > li { overflow:hidden; padding:15px 0; } div#contentsArea ul.scrab > li + li { border-top:1px dashed #bfc3c4; } div#contentsArea ul.scrab > li > ul { float:left; width:24%; margin:0 2%; border:none; } div#contentsArea ul.scrab > li > ul li + li { border:none; } div#contentsArea ul.scrab > li > ul li { padding:3px 5% 3px 1px; font-size:12px; color:#666; } div#contentsArea ul.scrab > li > ul h1 { display:inline; font-size:14px; font-family: 'Jeju Gothic', sans-serif; font-weight:bold; color:#666; } div#contentsArea ul.scrab > li > ul h2 { padding:14px 0 3px; margin:0; font-size:20px; font-family: 'Jeju Gothic', sans-serif; color:#343434; } div#contentsArea ul.scrab > li > ul h3 { padding:0; margin:0; font-size:14px; font-family: 'Jeju Gothic', sans-serif; color:#666; } div#contentsArea ul.scrab > li > div { overflow-x:hidden; overflow-y:scroll; width:67%; height:112px; padding:8px; line-height:18px; border:1px solid #bfc3c4; } div#contentsArea ul.scrab > li > div.btnArea { overflow:hidden; width:auto; height:auto; margin:0; padding:0; border:none; text-align:right; } div#contentsArea ul.scrab > li > div.btnArea button { width:70%; height:30px; margin:0 2% 0 0; padding:0; background:#898989; font-size:12px; } div#contentsArea ul.scrab > li > div.btnArea button:hover { background:#464646; } /* 스크랩 */ div#contentsArea ul.linkMent, div#contentsArea ul.linkMent li, div#contentsArea ul.linkMent h1, div#contentsArea ul.linkMent h2, div#contentsArea ul.linkMent h3 { margin:0; padding:0; list-style:none; } div#contentsArea ul.linkMent { margin:0; border:1px solid #bfc3c4; background:#fff; } div#contentsArea ul.linkMent > li { overflow:hidden; padding:15px 0; } div#contentsArea ul.linkMent > li + li { border-top:1px dashed #bfc3c4; } div#contentsArea ul.linkMent > li > ul { width:75%; margin:0 2%; border:none; } div#contentsArea ul.linkMent > li > ul li { padding:3px 0; font-size:12px; color:#666; border:none; } div#contentsArea ul.linkMent > li > ul h1 { display:inline; font-size:14px; font-family: 'Jeju Gothic', sans-serif; font-weight:bold; color:#666; } div#contentsArea ul.linkMent > li > ul h2 { padding:3px 0 10px; margin:0; font-size:15px; font-family: 'Jeju Gothic', sans-serif; color:#343434; } div#contentsArea ul.linkMent > li > ul h3 { padding:0; margin:0; font-size:14px; color:#666; font-weight:normal; } div#contentsArea ul.linkMent > li > ul h3 strong { font-weight:800; } div#contentsArea ul.linkMent > li > div { float:left; width:75px; height:100px; margin:0 2.5%; padding:3px; line-height:18px; border:1px solid #bfc3c4; background-position:center; background-color:#999; background-repeat:no-repeat; } /* 운영시간 안내 */ .cs01 { overflow:hidden; width:840px; height:170px; margin:84px auto 0; background:url(/images/about/bg_cscenter01.png) 0 0 no-repeat; box-sizing:border-box; } .cs01 > h1, .cs01 > div { float:left; height:100%; box-sizing:border-box; } .cs01 > h1 { width:399px; margin:0; padding:52px 0 0 178px; background:url(/images/about/icon_cscenter01.png) 51px 30px no-repeat; font-size:19px; font-weight:400; color:#0c4356; } .cs01 > h1 span { display:inline-block; margin-top:2px; font-size:36px; } .cs01 > div { width:441px; border:1px solid #e6e6e6; border-left:none; } .cs01 > div > h1 { margin:44px 0 0; font-size:45px; color:#0485df; text-align:center; } .cs01 > div > h2 { width:294px; height:30px; margin:11px auto 0; background:#f2f2f2; border-radius:15px; font-size:16px; font-weight:400; line-height:30px; color:#333; text-align:center; } .csArea > h1 { margin:54px 0 0; font-size:17px; font-weight:400; text-align:center; color:#3e3e3e; } .csArea > h2 { margin:10px 0 0; font-size:23px; font-weight:400; line-height:33px; text-align:center; } .cs02 { width:840px; margin:69px auto; padding:0; list-style:none; font-size:0; } .cs02 > li { display:inline-block; width:399px; height:397px; border:1px solid #e6e6e6; box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.18); background-position:0 bottom; background-repeat:no-repeat; box-sizing:border-box; } .cs02 > li + li { margin-left:42px; } .cs02 > li > h1, .cs02 > li > h2, .cs02 > li > h3 { text-align:center; } .cs02 > li > h1 { margin:0; background:#ebebeb; font-size:20px; line-height:68px; color:#272727; } .cs02 > li > h2 { margin:75px 0 0; font-size:27px; color:#3e3e3e; } .cs02 > li > h3 { margin:7px 0 0; font-size:18px; font-weight:400; color:#3e3e3e; } /* 로딩창 */ .loadingScreen { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.2); } .loadingScreen img { position:absolute; top:50%; left:50%; margin:-42px 0 0 -42px;} .loadingScreen span { position:absolute; top:50%; left:50%; margin:45px 0 0 -20px;color:#f3f3f3;cursor:pointer} /* 학습종료과정 - 추천과정 */ .recommend { overflow:hidden; margin-bottom:10px; padding:9px 0 9px; background:#559ffe url(../images/study/bg_history01.jpg) 0 0 no-repeat; box-sizing:border-box;} .recommend > h1 { overflow:hidden; float:left; height:121px; margin:3px 0 0 13px; } .recommend > h1 img { margin-top:13px; } #wrap.study div#contentsArea .recommend_view { overflow:hidden; float:right; background:#fff; border:1px solid #0961d0; margin-right:10px; padding:5px 5px 0; text-align:center; } .recommend_view > li { float:left; } .recommend_view > li a { display:inline-block; text-decoration:none; padding:5px 0 8px; } .recommend_view > li h1 { overflow: hidden; width:147px; text-overflow: ellipsis; white-space: nowrap; margin:5px 0 0; font-size:14px; color:#303945; } .recommend_view > li:hover h1 { text-decoration:underline; } #wrap.study div#contentsArea.debate { padding-top:13px; min-height:400px; } .debate_table { table-layout:fixed; margin-top:-1px; border:1px solid #ededed; width:100%; border-collapse:collapse; } .debate_table:hover { position:relative; border:2px solid #83c0eb; z-index:1; } .debate_table th, .debate_table td { padding-top:12px; padding-bottom:12px; } .debate_table th { overflow:hidden; width:600px; padding-left:38px; text-align:left; font-size:15px; color:#333; cursor:pointer; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap;} .debate_table:hover th, .debate_table:hover td { padding-top:11px; padding-bottom:11px; } .debate_table:hover th { width:599px; padding-left:37px; } .debate_table td { font-size:13px; color:#666; } .debate_table td button { height:23px; margin:2px 0; padding:0 10px; border:1px solid #0780c2; background:#fff; font-size:10px; color:#0780c2; } .debate_table:hover td button { margin-left:1px; } .debate_table td .del { background:#0780c2; color:#fff; } .upDownBtn {text-align:right; padding-right:15px; padding-top:5px;width:110px; height:44px; font-size:12px;}​ .upDownBtn:hover { position:relative; border:2px solid #83c0eb; z-index:1; } /* 원격지원 */ #main_contents li.ezhelp { float:right;} #wrap { margin: 0 auto 15px; } #header { border-bottom: 2px solid #2665ae; } #LNB { margin-right: 0; margin-left: calc(50% - 600px); margin-top: 35px; display: none; } #contents { }