/* 나눔고딕 */ @import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css); /*@font-face { font-family: 'Nanum Gothic'; src:url('https://cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.cs') format(css); font-weight:700; font-style: normal; }*/ /* font-family: 'Nanum Gothic', serif; */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); /*@font-face { font-family: 'Noto Sans KR'; src:url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900'); font-display: swap; font-weight: 100; font-style: normal; }*/ /* 제주고딕*/ @import url('https://fonts.googleapis.com/earlyaccess/jejugothic.css'); /*@font-face { font-family: 'Jeju Gothic'; src:url('https://fonts.googleapis.com/earlyaccess/jejugothic.css') format(css); font-weight: 400; font-style: normal; }*/ /* font-family:'Jeju Gothic', sans-serif; */ strong.blue, span.blue, label.blue { color:#2665ae !important; } body { min-width:1020px; padding:0; margin:0; font-family: 'Noto Sans KR', sans-serif; font-size:12px; } input, button, select, textarea { padding-left:8px; outline:0; font-family:'Nanum Gothic', serif; font-size:12px; box-sizing: border-box; } button { padding:0; cursor:pointer; border:none; } button img, img { vertical-align:middle; border-radius: 10px; } h1, h2, h3, h4 { margin:0; } ol, ul { margin:0; padding:0; } li { list-style:none; } ol > li { list-style:decimal; } a { text-decoration:none; } .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; } /* header */ /* 태율수정 191120 */ #header .topMenu { padding:9px 0 11px; background:#eceeef; } #header .topMenu ul { width:1600px; margin:0 auto; text-align:center; } #header .topMenu li { display:inline-block; padding:0 10px; font-size:12px; color:#808487; } #header .topMenu li img { margin-right:5px; } .topUser { float:right; overflow:hidden; margin:36px 0 0 0; } .topUser > li { padding:0 13px; float:left; } .topUser > li a { font-size:15px; color:#2e2e2e; } .topUser > li + li { border-left:1px solid #c7c7c7; } #header .header { overflow:hidden; width:1020px; margin:0 auto; padding-bottom:9px; } #header .header h1 { float:left; margin:16px 45px 0 0; } #header .header h1 a { color:#fff; } /* 검색창 */ #header .header .searchForm { overflow:hidden; position:relative; float:left; width:230px; margin:24px 0 0 30px; } #header .header .searchForm input { width:100%; height:40px; padding:10px 0 10px 8px; border-bottom:3px solid #e0e0e0; border-left:0; border-right:0; border-top:0} #header .header .searchForm button { position:absolute; right:16px; bottom:9px; } #header .header .searchForm ul { margin-top:9px; width:300px; } #header .header .searchForm li { display:inline-block; } #header .header .searchForm li + li { background:url(../image/global/bg_searchLine01.png) 0 2px no-repeat; } #header .header .searchForm li a { padding:0 7px 0 14px; font-size:13px; font-weight:700; color:#545454; } #header .header > img { margin:19px 5px 0 0; float:right; } /* GNB */ #GNB { position:absolute; width:100%; border-top:1px solid #eb755b; background:#fff url(../image/global/bg_gnb01.png) 0 50px repeat-x; border-bottom:1px solid #c7c7c7; z-index:2; } #GNB > ul { width:1020px; margin:0 auto; overflow:hidden; } #GNB > ul > li { float:left; width:170px; text-align:center; } #GNB > ul > li a { display:block; font-size:18px; font-weight:700; line-height:50px; color:#383838; } #GNB > ul > li:hover > a, #GNB ol > li:hover > a { color:#e32028; font-weight:700; } #GNB ol { display:none; padding-top:19px; height:330px; border-right:1px solid #c7c7c7; box-sizing:border-box; } /*메뉴추가에 따른 높이 수정 20190917 이화랑*/ #GNB > ul > li:first-child ol { border-left:1px solid #c7c7c7; } #GNB ol > li { list-style:none; } #GNB ol > li a { font-size:14px; font-weight:400; line-height:30px; color:#343434; } /* contents01 */ /* 메인 */ .contents01 {margin-top: 60px;} .contents01 > ul, .contents01 > ul li { margin:0; padding:0; list-style:none;} .contents01 > ul { position:relative; overflow:hidden; width:1020px; margin:0 auto; padding:20px 0; } .contents01 > ul > li { display:inline-block; width:408px; background:#fff; border:1px solid #e7edee; position:relative; } /* 로그인*/ .contents01 li.loginArea, .contents01 li.myInformation { overflow:hidden; height:194px; margin-bottom:15px; border-radius: 10px; } .contents01 li.loginArea > h1 { margin:0; padding:0 20px; background:#99CC99; color:#fff; font-family:'Open Sans', sans-serif; font-weight:400; font-size:15px; line-height:30px; } .contents01 li.loginArea > form { padding:15px 20px; } .contents01 li.loginArea > form input { vertical-align:top; width:270px; height:40px; border:1px solid #c7cbcc; padding:0 5px; color:#c7cbcc; color:#798696; } .contents01 li.loginArea > form input:focus { color:#55616f; } .contents01 li.loginArea > form br + input { margin-top:8px; } .contents01 li.loginArea > form > button { float: right; width: 94px; height: 86px; background: url(../images/main/btn_login.png) no-repeat center 20px #99CC99; border: none; color: #fff; font-weight: bold; font-size: 15px; line-height: 136px; } .contents01 li.loginArea > form div { border:none; margin:12px 0 0; text-align:right; } .contents01 li.loginArea > form div button { border: none; background: none; color: #8a98a9; font-weight: bold; padding-left: 8px; } .contents01 li.loginArea > form div button.point{ color: blue;} .contents01 li.loginArea > form div button.useInfo:hover { text-decoration:underline; } .contents01 li.loginArea > form div button.useInfo { float: left; text-align: left; background: url(../images/main/icon_info.png) no-repeat left center; padding-left: 20px; } .contents01 .idSave { float:left; margin-top:7px; font-size:13px; color:#585c5f; cursor:pointer; } .contents01 .idSave input[type="checkbox"] { vertical-align:middle; width:17px; height:17px; } .contents01 li.loginArea .login_btn:hover { text-decoration:underline; } /* 개인정보영역 */ .contents01 li.myInformation > h1 { margin:0; padding:0 20px; background:#99CC99; color:#dee9f4; font-size:14px; line-height:56px; } .contents01 li.myInformation > h1 > strong { background:#99CC99; color:#fff; font-size:20px; } .contents01 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; border-radius: 5px; } .contents01 li.myInformation > ul, .contents01 li.myInformation li { overflow:hidden; margin:0; padding:0; } .contents01 li.myInformation li { float:left; background:#fafbfb; width:33.310%; height:133px; border-bottom:3px solid #fafbfb; background:#fafbfb; text-align:center; font-size:15px; font-weight:bold; color:#999; cursor:pointer; } .contents01 li.myInformation li > div { overflow:hidden; width:53px; height:44px; margin:30px auto 15px; } .contents01 li.myInformation li > div img { margin-top:-44px; } .contents01 li.myInformation li + li { margin-left:-1px; border-left:1px solid #e7edee; } .contents01 li.myInformation li:hover { border-bottom:5px solid #99CC99; background:#fff; color:#99CC99; } .contents01 li.myInformation li:hover img { margin-top:0; } /* 게시판영역 */ .contents01 li.iconLink { height:258px; border-radius: 10px; } .contents01 li.iconLink div { position:absolute; top:0; left:0; right:50%; bottom:50%; text-align:center; cursor:pointer; border-radius: 10px; } .contents01 li.iconLink div:nth-of-type(2) { top:0; left:50%; right:0; bottom:50%; text-align:center; cursor:pointer;} .contents01 li.iconLink div:nth-of-type(3) { top:50%; left:0; right:50%; bottom:0; text-align:center; cursor:pointer;} .contents01 li.iconLink div:nth-of-type(4) { top:50%; left:50%; right:0; bottom:0; text-align:center; cursor:pointer;} /* 슬라이딩 */ .contents01 li.slideArea { overflow:hidden; float:right; width:59%; height:467px; border-radius: 10px; } .contents01 li.slideArea button.btn_next { margin-left:781px; } .contents01 li.slideArea > div { overflow:hidden; } .contents01 { overflow:hidden; width:1020px; margin:73px auto 0; } .contents01 .rollingBanner { float:left; width:762px; margin-right:12px; background-color:#ccc; } .contents01 #login { overflow:hidden; } .contents01 #login h1 { padding-left:8px; background:#1b7bc2; font-size:16px; font-weight:400; line-height:31px; color:#fff; } .contents01 li.loginArea > form div { margin-top: 12px; padding-top: 12px; border-top: 1px dashed #ccc; text-align: right;} .contents01 #login br + input { margin-top:9px; } .contents01 #login .joinArea { margin-top:12px; padding-top:13px; border-top:1px dashed #ccc; } .contents01 #login .joinArea a { display:inline-block; width:100px; background:#e4e4e4; font-weight:700; color:#6c6c6c; text-align:center; line-height:31px; } .contents01 #login .joinArea a + a { margin-left:8px; } .contents01 #login #myInformation { padding:0; } .contents01 #login .myInfotitle { padding:8px 0 8px 17px; font-size:13px; } .contents01 #login .myInfotitle strong { font-size:17px; } .contents01 #myInformation button { height:56px; margin:0; padding:0; background-color:#f6f8f9; border-top:1px solid #fff; font-size:16px; color:#8e8e8e; line-height:27px; } .contents01 #myInformation button:hover { background-color:#fff; color:#157dcc; } .contents01 #myInformation button + button { border-top:1px solid #b6b6b6; } .contents01 #myInformation button strong { float:right; display:inline-block; width:160px; border-left:1px solid #a8a8a8; text-align:center; } .contents01 #myInformation .logOut { height:36px; text-align:center; font-size:14px; color:#fff; background:#0491e1; } .contents01 #myInformation .logOut:hover { color:#fff; background:#03477a; } .contents01 #myInformation .myInfo01, .contents01 #myInformation .myInfo02, .contents01 #myInformation .myInfo03 { background-repeat:no-repeat; } .contents01 #myInformation .myInfo01 { background-image:url(../image/main/icon_myInfo01.png); background-position:33px 11px; } .contents01 #myInformation .myInfo01:hover { background-image:url(../image/main/icon_myInfo02.png); } .contents01 #myInformation .myInfo02 { background-image:url(../image/main/icon_myInfo03.png); background-position:33px 11px; } .contents01 #myInformation .myInfo02:hover { background-image:url(../image/main/icon_myInfo04.png); } .contents01 #myInformation .myInfo03 { background-image:url(../image/main/icon_myInfo05.png); background-position:40px 11px; } .contents01 #myInformation .myInfo03:hover { background-image:url(../image/main/icon_myInfo06.png); } #contentsArea.lectureDetail div.summuryArea button.viewButton, #contentsArea.lectureDetail div.summuryArea button.requestButton, .BBSList .lectureList button, .contents01 #login h1, .contents01 #myInformation .logOut { background: #088cda; } .slick-prev, .slick-next { opacity: 0.2; } .slick-prev:hover, .slick-next:hover { opacity: 1; } /* contents02 */ .contents02 { width:1020px; margin:0 auto; } .contents002 {margin-bottom:20px; } .contents002 .scrollpanel { padding-bottom:17px; border-bottom: 1px solid #dfdfdf; font-size:17px; color:#1e1e1e; display: inline-block; width: 100%; } .contents002 .scrollpanel > b {font-size:25px; letter-spacing: -0.5px} .contents002 .scrollpanel .alr {float: right; padding-right: 80px; padding-top: 25px; line-height: 0;} .mainLecture01, .mainLecture02 { margin-top:20px; position:relative; } .mainLecture01 .up, .mainLecture02 .up { position:absolute; top:-43px; right:0; } .mainLecture01 .down, .mainLecture02 .down { position:absolute; top:-43px; right:26px; } .contents02 > h1 { padding-bottom:17px; margin-top:35px; background:url(/images/main/bg_mainLecture.png) 0 bottom no-repeat; font-size:20px; color:#1e1e1e; } .mainLecture01, .mainLecture02 { margin-top:20px; position:relative; } .mainLecture01 .up, .mainLecture02 .up { position:absolute; top:-64px; right:0; } .mainLecture01 .down, .mainLecture02 .down { position:absolute; top:-64px; right:38px; } .mainLectureList{ overflow:hidden; } .mainLectureList li { float:left; width:247px; height:294px; margin:20px 10px 0 0; border:1px solid #ebebeb; cursor:pointer; box-sizing:border-box; background: #fff; box-shadow: 1px 1px 8px rgba(0,0,0,0.1);} .mainLectureList .img { width:100%; height:184px; border-bottom:1px solid #ebebeb; background-color:#ccc; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius: 10px; } .mainLectureList h1 { overflow:hidden; height:36px; padding:0 40px ; margin-top:14px; border-left:none; text-align:center; font-size:15px; font-weight:400; line-height:18px; color:#000; } .mainLectureList .view { display:block; width:154px; height:30px; margin:11px auto 0; border-radius:0px; text-align:center; font-size:16px; line-height:30px; color:#000; background: #99CC99 } /* --- #e41e26 -> #99CC99 --- */ /* 다운로드 리스트 */ .mainDownLoad { width:1020px; margin:20px auto 0; padding:22px 0; font-size:0; border:1px solid #ececec; background: #fff;box-shadow: 1px 1px 8px rgba(0,0,0,0.1); } .mainDownLoad:after { content:""; display: block; clear:both; } .mainDownLoad > li { float: left; width:25%; text-align:center; cursor:pointer; border-left:1px solid #ececec; box-sizing:border-box; } .mainDownLoad > li:first-child{ border: 0; } .mainDownLoad div { margin-top: 10px;} .mainDownLoad span {position: relative; display: inline-block; overflow:hidden; margin-right:13px; } .mainDownLoad span i{ position:absolute; top: 0; left: 0; display: inline-block; width: 77px; height: 77px; border-radius: 50%; background: rgba(0,0,0,0.4); color: #fff; font-size: 30px; line-height: 77px; opacity: 0; transition: all 0.3s;} .mainDownLoad > li:hover i{ opacity: 1; } .mainDownLoad h1 { font-size:17px; font-weight:400; color:#202020; } .mainDownLoad a { display:inline-block; margin-top:4px; font-size:14px; color:#737373; border: 1px solid #dfdfdf; padding: 3px 10px;} .mainDownLoad a:hover { text-decoration:underline; } /* contents03 */ .contents03 { margin-top:30px; margin-bottom:30px;} .contents03 ul { overflow:hidden; width:1020px; margin:0 auto; } .contents03 .noticeArea .bankInfo { width:246px; border:none; background:none; } .contents03 .noticeArea .bankInfo button { width:100%; height:32px; padding-left:53px; border:1px solid #a3b0b9; text-align:left; font-family:'Jeju Gothic', sans-serif; font-size:14px; color:#4f5e68; } .contents03 .noticeArea .bankInfo br + img { margin-top:11px; } .contents03 .noticeArea > li { float:left; box-sizing:border-box; border-radius: 10px; } .contents03 .noticeArea > li + li { margin-left:12px; } .contents03 .notice { width:504px; height:367px; padding:29px 33px 0; background:#fff; border:1px solid #b2bfc7; box-shadow: 1px 1px 8px rgba(0,0,0,0.1);} .contents03 .notice > h1 { overflow:hidden; border-bottom:1px solid #e5e6e7; padding-bottom:10px; font-size:20px; font-weight:600; color:#1e1e1e; } .contents03 .notice > h1 button { float:right; } .contents03 .notice ul { width:100%; margin-top:13px; } .contents03 .notice li { overflow:hidden; } .contents03 .notice li h1 { float:left; line-height:34px; } .contents03 .notice li h1 a { overflow:hidden; display:inline-block; width:330px; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:400; color:#1e1e1e; } .contents03 .notice li h1:hover a { text-decoration:underline; } .contents03 .notice li h2 { float:right; font-size:13px; font-weight:400; line-height:34px; color:#a1a1a1; } .contents03 .notice02 { width:246px; height:280px; background:#295bd9 url(/images/main/icon_notice01.png) 20px 31px no-repeat; } .contents03 .notice02 h1 { margin:29px 0 0 78px; font-size:20px; color:#fff; } .contents03 .notice02 h2 { margin:12px 0 0 81px; font-size:13px; font-weight:400; line-height:16px; color:#bed0ff; } .contents03 .notice02 h3 { margin:24px 0 0 27px; font-size:16px; color:#fff; } .contents03 .notice02 h4 { margin:2px 0 0 27px; font-size:30px; font-weight:400; color:#fff; } .contents03 .notice02 button { display:block; width:209px; height:33px; margin:21px auto 0; border-radius:16px; background:#1e429e; font-size:15px; color:#fff; } .contents03 .notice02 button img { vertical-align:top; margin-left:16px; } /* footBanner */ .footBanner { position:relative; overflow:hidden; width:1020px; height:100px; margin:0 auto; padding:10px 0 20px; box-sizing:border-box; } .footBanner ul { overflow:hidden; position:absolute; } .footBanner ul + ul { margin-top:80px; } .footBanner li { float:left; margin-top:10px; padding-right:10px; } /* scrollLink */ #scrollLink { position:absolute; top:120px; right:20px; margin-left:532px; text-align:center; z-index: 10; } #scrollLink h1 { background:#fa9734; font-size:14px; border-top:1px solid #e77e15; line-height:31px; color:#fff; } #scrollLink .download { margin-top:7px; background:#00a1ff; border-top:1px solid #0079bf; } #scrollLink ul { border:0px solid #d9d9d9; border-top:none; background:#fff; } #scrollLink li + li { border-top:0px dashed #ccc; margin: 2px 0} #scrollLink li a { display:block; padding:0; line-height:15px; color:#5d5d5d; } #scrollLink li img{width: 100%} #scrollLink li:hover a { font-weight:700; color:#c3a938; } #scrollLink .downloadArea li:hover a { color:#38a7c3; } #scrollLink button { width:100%; height:31px; padding-left:17px; margin-top:2px; background:#6e7072 url(../image/main/icon_top01.png) 45px 12px no-repeat; border-bottom:1px solid #47494a; text-align:left; font-weight:bold; color:#fff; } /* footer */ #footer { border-top:2px solid #bbb; padding:30px 0 43px; } #footer div { width:1020px; margin:0 auto; } #footer img { float:left; margin-right:42px; } #footer a { font-weight:800; color:#9b9b9b; } #footer address { margin-top:14px; overflow:hidden; font-style:normal; line-height:18px; color:#9b9b9b; } #footer span { float:right; margin:-45px -42px 0 0; } /* 서브페이지 */ #wrap { background:url(../image/global/bg_wrap.png) 0 0 repeat-x; padding-bottom:20px; } #wrap > div { overflow:hidden; width:1020px; margin:52px auto 0; } #LNB { width:246px; float:left; margin:19px 40px 0 0; } .menuArea h1 { padding:28px 0 28px 36px; background:#4bbfe2 url(../image/global/bg_lnbTitle.png) 0 48px no-repeat; font-size:12px; font-weight:400; color:#fff; } .menuArea h1 strong { display:inline-block; margin-top:6px; font-family:'Jeju Gothic', sans-serif; font-size:28px; color:#fff; } .menuArea li { padding-left:34px; border:1px solid #d3d6d7; line-height:52px; border-top:none; } .menuArea li a { font-size:15px; color:#5b5b5b; } .menuArea li.select { background:#f3f5f7; } .menuArea li.select a { color:#128baf; font-weight:700; } .lectureSubMenu { margin-bottom:10px; } .lectureSubMenu li { padding:0; border:none; line-height:24px; } .lectureSubMenu li a { font-size:12px; } .lectureSubMenu li:hover a { text-decoration:underline; } .designImage { overflow:hidden; } .designImage img { width:100%; } .CSCenter { margin-top:8px; padding:23px 20px; background:#fafafa; border:1px solid #d3d6d7; } .CSCenter h1 { font-size:15px; color:#353535; } .CSCenter h2 { margin-top:3px; font-size:29px; font-weight:800; color:#d1b63f; } @media \0screen { .CSCenter h2 { font-size:31px; } } .CSCenter table { margin-top:16px; text-align:left; border-collapse:collapse; } .CSCenter table th { padding:5px 0; text-align:left; font-size:13px; font-weight:700; color:#686868; } .CSCenter table td { padding:5px 0 0 17px; font-size:12px; font-weight:400; color:#7f7f7f; } #titleArea { overflow:hidden; margin-top:41px; border-bottom:1px solid #adadad; } #titleArea h1 { float:left; padding:6px 0 8px 50px; background-position:0 1px; background-repeat:no-repeat; border-bottom:2px solid #343434; font-family:'Jeju Gothic', sans-serif; font-size:25px; font-weight:400; color:#343434; } #titleArea h1 strong { color:#4bbfe2; font-weight:400; } #titleArea h1 span { margin-left:8px; font-family:'Nanum Gothic', serif; font-size:15px; color:#939393; } #titleArea h2 { float:right; vertical-align:middle; margin-top:15px; font-size:13px; color:#939393; font-weight:400; } #titleArea h2 strong { color:#5d5d5d; } #titleArea h2 img { vertical-align:bottom; padding:0 7px 4px 13px; } /* 검색영역 */ div.searchArea { overflow:hidden; padding:15px 0 12px; text-align:right; } div.searchArea form { float:right; padding-left:35px; background:url(../images/global/icon_search.png) no-repeat left center; } div.searchArea input, #contents div.searchArea select, #contents div.searchArea button { vertical-align:middle; height:30px; border:1px solid #ccc; } div.searchArea select { border:none !important; border-bottom:2px solid #999 !important; padding-left:5px; } div.searchArea input { border:none; border-bottom:2px solid #999; } div.searchArea input[type="text"]{ width:180px; } div.searchArea button { padding:0 6px; border:2px solid #999 !important; background:none; color:#565656; line-height:23px; font-weight:bold; } 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; } 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:#fff; } .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:#f8f8f8; } /* 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; } /* 카테고리탭 */ .BBSCategory, .BBSCategory li { display:block; margin:0; padding:0; } .BBSCategory { overflow:hidden; margin:10px 0 5px; padding:5px 10px 0; border:1px solid #ccc; border-bottom:none; background:url(../images/admin/bg_boardcategory.png) repeat-x bottom #efefef; } .BBSCategory li { float:left; padding:0 20px; line-height:36px; border:1px solid #efefef; border-bottom:none; cursor:pointer; } .BBSCategory li.select { border-bottom:none; background:#fff; font-weight:bold; } /* Paser */ .BBSList div.pager { overflow:hidden; padding:15px 0; text-align:center; } .BBSList div.pager a, .BBSList div.pager b, .BBSList div.pager button { vertical-align:middle; } .BBSList div.pager button { height:24px; border:none; margin:0; background-color:transparent; } .BBSList div.pager button img { vertical-align:middle; } .BBSList div.pager a, .BBSList div.pager b { display:inline-block; height:24px; padding:0 7px; text-align:center; line-height:24px; font-size:15px; } .BBSList div.pager a { color:#787878; text-decoration:none; } .BBSList div.pager b { border:1px solid #dfdfdf; margin:3px 0 5px; color:#ec772d; } .BBSList 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; } 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; } .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:100px; 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:7px 5px; border:1px solid #999; color:#666; vertical-align:middle; } .BBSWrite li select { padding-right:0; } .BBSWrite li textarea { width:80%; 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 { margin-left:5px; width:480px; } .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; 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; } /* lectureList */ #contentsArea { overflow:hidden; } .BBSList .lectureList { overflow:hidden; } .BBSList .lectureList img { width:200px; height:auto; } .BBSList .lectureList li { width:734px; border:1px solid #bababa; box-sizing:border-box; } .BBSList .lectureList li .floatLeft { float:left; width:292px; } .BBSList .lectureList li .floatClear { margin-top:17px;} .BBSList .lectureList li .floatClear:after { content:""; clear:both; display:block;} .BBSList .lectureList li + li { margin-top:14px; } .BBSList .lectureList li > img { float:left; margin-right:19px; } .BBSList .lectureList h1 {margin-top:10px; font-size:14px; font-weight:700; color:#343434; } /**.BBSList .lectureList h1 { overflow:hidden; margin-top:10px; font-size:20px; font-weight:700; color:#343434; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal } **/ .BBSList .lectureList .sortName { display:inline-block; margin-top:2px; font-size:13px; font-weight:700; color:#929292; } .BBSList .lectureList h2 { margin-top:2px; } .BBSList .lectureList h2 span { padding:4px 6px; } .BBSList .lectureList h2 .mobileStudy { border:1px solid #1b7bc2; color:#1b7bc2; font-size:10px;} .BBSList .lectureList h2 .commend { display:block; width:27px; padding:4px 0 4px 19px; background:#4bbfe2 url(../image/lecture/icon_commend01.png) 6px 4px no-repeat; border:1px solid #2ba9cf; color:#fff; font-size:10px;} .BBSList .lectureList h2 .popular { padding:4px 6px 4px 19px; background:#d1b63f url(../image/lecture/icon_popular01.png) 6px 3px no-repeat; border:1px solid #c2a72e; color:#fff; font-size:10px;} .BBSList .lectureList h2 .new { padding:4px 6px 4px 19px; background:#c88198 url(../image/lecture/icon_new01.png) 6px 3px no-repeat; border:1px solid #bb7189; color:#fff; font-size:10px;} .BBSList .lectureList h3 { overflow:hidden; margin-top:5px; padding-bottom:12px; } .BBSList .lectureList h3 img { margin:0 4px; } .BBSList .lectureList h3 .time { font-size:12px; color:#ffffff; background: #36bf47; padding: 3px 8px; display: inline-block; margin-top: 8px; } .BBSList .lectureList h3 .sale { text-decoration: line-through; font-size:12px; font-weight:400; color:#636363; } .BBSList .lectureList h3 .discount { margin-left:2px; font-size:13px; color:#e5601f; } .BBSList .lectureList h4 { overflow: hidden; height:53px; margin-top:17px; float:left; width:240px; font-size:14px; font-weight:400; line-height:18px; color:#474747; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; } .BBSList .lectureList button { float:right; width:80px; height:53px; margin-top:19px; border:1px solid #0082e2; border-radius:4px; font-family:'Jeju Gothic', sans-serif; font-size:15px; color:#fff; } .pager { margin:0; text-align:center; } .pager b, .pager a { display:inline-block; width:24px; height:24px; padding-top:3px; border:1px solid #d1d1d1; box-sizing:border-box; } .pager b { font-size:14px; color:#caad2d; } .pager a { font-size:14px; color:#5f5f5f; } .pager button { vertical-align:top; width:24px; height:24px; background:none; border:1px solid #d1d1d1; } /* 로그인페이지 */ #loginArea { overflow:hidden; width:460px; height:558px; border:1px solid #bfc3c4; margin:70px auto 54px; padding:40px 525px 0 35px; 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:16px 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:10px; } #loginArea > form > div strong { line-height:24px; color:#ef1313; } #loginArea > form > div input { width:352px; } #loginArea > form > div .tel { width:52px; } #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.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; margin-left: 0; } #contentsArea.lectureDetail h1, #contentsArea.lectureDetail h2, #contentsArea.lectureDetail h3, #contentsArea.lectureDetail h4, #contentsArea.lectureDetail h5 { margin:0; padding:0; } #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 div.summuryArea h1 { margin:0 0 10px; font-size:15px; 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:12px 0 5px; font-size:12px; } #contentsArea.lectureDetail div.summuryArea h5 img { margin:0 8px; } #contentsArea.lectureDetail div.summuryArea button { width:115px; height:48px; margin:15px 0; border:none; background:#1b7bc2; color:#fff; font-size:15px; font-weight:bold; } #contentsArea.lectureDetail div.summuryArea button.viewButton {color:#fff;margin: 0 0 5px 0; width:115px; height:40px;} #contentsArea.lectureDetail div.summuryArea button.requestButton { color:#fff; margin:5px 5px 5px 0; } #contentsArea.lectureDetail div.summuryArea button.listButton { background:#666; color:#fff; margin:0px; } #contentsArea.lectureDetail div.lectureInfo > h1 { overflow:hidden; border-left:3px solid #1b7bc2; padding:0 0 0 7px; margin:20px 0 10px 0; font-size:15px; } #contentsArea.lectureDetail div.lectureInfo > 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:38px; line-height:28px; } #contentsArea.lectureDetail ol + h1 { margin-top:40px; } #contentsArea.lectureDetail > ul { width:100%; margin:0 0 40px; border-bottom:2px solid #0780c2; font-size:0; } #contentsArea.lectureDetail > ul > li { display:inline-block; position:relative; top:2px; width:25%; padding:1px 0 0; border:1px solid #bfc3c4; border-bottom:none; font-size:16px; font-weight:700; line-height:43px; text-align:center; color:#666; cursor:pointer; box-sizing:border-box; z-index:1; } #contentsArea.lectureDetail > ul > li.select { padding:0 0 2px 0; background:#fff; border:2px solid #0780c2; border-bottom:none; color:#406eb6; } #contentsArea.lectureDetail > ul > li + li { margin-left:-1px; border-left:none; } #contentsArea.lectureDetail div.btnArea { border-top:1px solid #ccc; margin:20px 0; padding:20px 0; } #contentsArea.lectureDetail .reviewArea .noList { line-height:45px; text-align:center; border:1px solid #bababa; } #contentsArea.lectureDetail .bookViewArea .noList { line-height:45px; text-align:center; border:1px solid #bababa; } #contentsArea.lectureDetail .teacherViewArea .noList { line-height:45px; text-align:center; border:1px solid #bababa; } #contentsArea.lectureDetail div.teacherInfo { overflow:hidden; padding:10px; margin-bottom:20px; border:1px solid #ccc; } #contentsArea.lectureDetail div.teacherInfo img { width:100px; margin-right:10px; border:1px solid #ccc; vertical-align:middle; } #contentsArea.lectureDetail div.teacherInfo h1 { display:inline-block; font-size:15px; } /* quickHelp */ #LNB > div.quickHelp { overflow:hidden; margin-top:8px; border:1px solid #d3d6d7; } #LNB > div.quickHelp > h1 { padding:0 20px; border-bottom:1px solid #d2d9db; font-size:15px; color:#2665ae; line-height:38px; } #LNB > div.quickHelp button { float:left; width:121px; 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; } /* 강의듣기페이지 */ #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 0; 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.study div#contentsArea ul, #wrap.study div#contentsArea li { list-style:none; margin:0; padding:0; } #wrap.study div#contentsArea { padding:0 0 20px; } #wrap.study div#contentsArea > ul > li { overflow:hidden; margin-bottom:10px; border:1px solid #bfc3c4; border-top:4px solid #cfcfcf; background:url(../images/study/bg_study.png); } #wrap.study div#contentsArea > ul > li:hover, #wrap.study div#contentsArea > ul > li.openClass { border-top:4px solid #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; background:url(../images/study/bg_summeryimg.png); } #wrap.study div.summuryArea > h1, #wrap.study div.summuryArea > h2, #wrap.study div.summuryArea > h3 { overflow:hidden; float:left; display:inline-block; width:300px; 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; } #wrap.study div.summuryArea > h2 { line-height:18px; font-size:15px; margin-top:5px; } #wrap.study div.summuryArea > h3 { line-height:15px; font-size:12px; margin-top:12px; } #wrap.study div.summuryArea > h3 strong { display:inline-block; padding:0 8px; margin-left:15px; background:#0780c2; border:1px solid #83c0eb; border-radius:4px; line-height:18px; color:#fff; } #wrap.study div.summuryArea ul { float:right; } #wrap.study div.summuryArea li { float:left; width:90px; height:116px; border-left:1px solid #bfc3c4; background:#f5f5f5; text-align:center; color:#999; 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#contentsArea > ul > li > button { width:100%; height:24px; border:none; background-color:#a5a9aa; 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:115px; height:68px; padding:20px 10px 20px 110px; margin:0; background-repeat:no-repeat; background-position:20px 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 li strong { font-size:15px; } #wrap.study div#contentsArea > ul > li > ul li span { display:inline-block; margin-top:2px; color:#787878; line-height:17px; } #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.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:97.45%; 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; 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 > 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 > h1, #wrap.study .openClass div.summuryArea > h1 { color:#333; } #wrap.study div.summuryArea:hover > h2, #wrap.study .openClass div.summuryArea > h2 { color:#666; } #wrap.study div.summuryArea:hover > h3, #wrap.study .openClass div.summuryArea > h3 { color:#999; } #wrap.study div.summuryArea:hover ul strong, #wrap.study .openClass div.summuryArea ul strong { color:#2665ae; } #wrap.study div.summuryArea:hover div, #wrap.study .openClass div.summuryArea div { display:none; } .BBSList ul.lectureList li.noList { width:auto; height:auto; text-align:center; line-height:80px; font-size:15px; } /* 회원가입 */ #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 > div:after { content:""; display: block; clear:both; } #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:500px; height:360px; padding:10px; line-height:18px; } /* .chall_wrap{ background-image: none!important; border-bottom: 2px solid #068cda; } */ .chall{ width: 100%!important; } .chall label{ position:relative; left: 150px; font-size:16px!important;} .chadd{ background-position:left top; } .chremove{ background-position:left bottom; } #contentsArea.agreementPage > div button { 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); } */ .mobileArea:after { content:""; display: block; clear:both; } #contentsArea.agreementPage button.btnPhone{float: left; padding: 0 10px;} #contentsArea.agreementPage button.btnPhone i{ font-size: 25px; margin-right: 10px;} #contentsArea.agreementPage button.btnPhone b{ position:relative; top:-5px; } #contentsArea.agreementPage button.btnIpin{float: left; padding: 0 10px;} #contentsArea.agreementPage button.btnIpin2{ margin-right:7px; } #contentsArea.agreementPage button.btnIpin i{ font-size: 25px; margin-right: 10px;} #contentsArea.agreementPage button.btnIpin b{ position:relative; top:-5px; } #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:135px; height:28px; margin:77px 0 0 20px; padding:0; font-size:14px;} #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;} #contentsArea.agreementPage .memberCheck div select{float:left; width:50px; height:28px; border:1px solid #bfc3c4; padding-left: 0!important; } #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:13px;} #contentsArea.agreementPage .memberCheck div strong {line-height:27px; font-size:13px;} /* 이용약관 */ .agreement div.textArea, .agreement div.textArea2 { overflow:hidden; padding:20px; line-height:18px; } /* 이용약관 -

수정 */ .agreement div.textArea p span {font-family: NanumGothic;letter-spacing: 0pt;} #contents > div { overflow:hidden; } /*국비지원교육*/ strong.titleBlue, span.titleBlue { color:#1082c4; } .eduinfoArea { padding-bottom:60px; } .eduinfoArea .title { overflow:hidden; margin-top:28px; padding:20px 0; background:#fafafa; border:1px solid #e0e0e0; } .eduinfoArea .title img { float:left; padding:10px 25px 0 25px; } .eduinfoArea .title h1 { float:left; height:95px; padding:22px 0 0 25px; border-left:2px dashed #e0e0e0; font-size:15px; font-weight:400; line-height:25px; color:#565656; box-sizing:border-box; } .eduinfoArea .title h1 strong { color:#4bbfe2; } .eduinfoArea > ul > li { margin-top:41px; padding-left:26px; background:url(../images/support/bg_list01.png) 0 3px no-repeat; } .eduinfoArea ul > li > h1 { font-size:18px; color:#343434; } .eduinfoArea ul > li > ul { margin-top:14px; } .eduinfoArea ul > li > ul > li { padding-left:10px; background: url(../images/support/bg_list02.png) 0 11px no-repeat; font-size:15px; line-height:24px; color:#434343; } .eduinfoArea h1.title strong { color:#4bbfe2; } .eduinfoArea .eduinfo { padding:0; background:none; } .eduinfoArea .eduinfo > h1 { color:#c1a116; } .eduinfoArea .eduinfo > ul { padding-left:26px; } .eduinfoArea .eduinfo > ul > li { background: url(../images/support/bg_list03.png) 0 11px no-repeat; } /* 내일배움카드제 */ .eduCard { padding-bottom:60px; } .eduCard .title { overflow:hidden; margin-top:28px; padding:20px 0; background:#fafafa; border:1px solid #e0e0e0; } .eduCard .title img { float:left; padding:10px 25px 61px; margin-right:25px; border-right:2px dashed #e0e0e0; } .eduCard .title h1 { overflow:hidden; margin-top:21px; font-size:15px; font-weight:400; line-height:25px; color:#565656; box-sizing:border-box; } .eduCard .title h1 strong { color:#4bbfe2; } .eduCard .title h2 { overflow:hidden; margin-top:10px; font-size:14px; font-weight:400; line-height:25px; color:#757575; } .eduCard > ul > li { margin-top:41px; padding-left:26px; background:url(../images/support/bg_list01.png) 0 3px no-repeat; } .eduCard > ul > li > h1 { font-size:18px; color:#343434; } .eduCard > ul > li > ul { margin-top:14px; } .eduCard > ul > li > ul > li { padding-left:10px; background: url(../images/support/bg_list02.png) 0 11px no-repeat; font-size:15px; line-height:24px; color:#434343; } .eduCard > ul > li > ul > li + li { margin-top:18px; } .eduCard > ul > li > ul > li > ul > li { margin-top:5px; padding-left:9px; background:url(../images/support/bg_list04.png) 0 11px no-repeat; font-size:14px; line-height:22px; color:#666; } .eduCard > ul > li > ul > li > ul > li p { margin:7px 0 0; font-size:14px; line-height:24px; font-weight:700; letter-spacing:-0.3px; color:#666; } .eduCard > ul > li > ul > li > ul > li strong { display:inline-block; margin-top:8px; font-size:14px; color:#c1a116; } .eduCard table { width:100%; margin-top:24px; border-collapse:collapse; border-top:2px solid #1b7bc2; } .eduCard table th { padding:12px 0; text-align:center; background:#f6f8fa; border-bottom:1px solid #d5d5d5; font-size:14px; color:#666; } .eduCard table td { padding:8px 0 8px 33px; border-bottom:1px solid #d5d5d5; font-size:13px; line-height:20px; color:#666; } .eduCard table td.tac { padding:8px 0; text-align:center; } .eduCard table th + th , .eduCard table td + td { border-left:1px solid #d5d5d5; } /* 근로자 직업능력 개발훈련 */ .eduWorker { padding-bottom:60px; } .eduWorker .title { overflow:hidden; margin-top:28px; padding:20px 0; background:#fafafa; border:1px solid #e0e0e0; } .eduWorker .title img { float:left; padding:10px 25px 0 25px; } .eduWorker .title h1 { float:left; height:95px; padding:22px 0 0 25px; border-left:2px dashed #e0e0e0; font-size:15px; font-weight:400; line-height:25px; color:#565656; box-sizing:border-box; } .eduWorker .title h1 strong { color:#4bbfe2; } .eduWorker > ul > li { margin-top:41px; padding-left:26px; background:url(../images/support/bg_list01.png) 0 3px no-repeat; } .eduWorker > ul > li > h1 { font-size:18px; color:#343434; } .eduWorker > ul > li > ul { margin-top:14px; } .eduWorker > ul > li > ul > li { padding-left:10px; background: url(../images/support/bg_list02.png) 0 11px no-repeat; font-size:15px; line-height:24px; color:#434343; } .eduWorker > ul > li > ul > li + li { margin-top:18px; } .eduWorker > ul > li > ul > li > ul > li { margin-top:5px; padding-left:9px; background:url(../images/support/bg_list04.png) 0 11px no-repeat; font-size:14px; line-height:22px; color:#666; } .eduWorker > ul > li > ul > li > ul > li strong { display:inline-block; margin-top:4px; } .eduWorker > ul > li > ul > li > ul > li strong.blue { color:#1b7bc2; } /* 근로자 테이블 추가 2022-12-21 */ .eduWorker table { width:100%; margin-top:24px; border-collapse:collapse; border-top:2px solid #1b7bc2; } .eduWorker table th { padding:10px 10px 10px 10px; background:#f6f8fa; border:1px solid #d5d5d5; font-size:14px; color:#666; } .eduWorker table td { padding:5px 5px 5px 5px; border: 1px solid #d5d5d5; font-size:13px; line-height:20px; color:#666; } .eduWorker table th.tac { padding:10px 0; width:40px; border-left:none; text-align:center; background:#f6f8fa; } /* 사업주 직업능력 개발훈련 */ .eduBusiness { padding-bottom:60px; } .eduBusiness .title { overflow:hidden; margin-top:28px; padding:20px 0; background:#fafafa; border:1px solid #e0e0e0; } .eduBusiness .title img { float:left; padding:10px 25px 0 25px; } .eduBusiness .title h1 { float:left; height:95px; padding:22px 0 0 25px; border-left:2px dashed #e0e0e0; font-size:15px; font-weight:400; line-height:25px; color:#565656; box-sizing:border-box; } .eduBusiness .title h1 strong { color:#4bbfe2; } .eduBusiness > ul > li { margin-top:41px; padding-left:26px; background:url(../images/support/bg_list01.png) 0 3px no-repeat; } .eduBusiness > ul > li > h1 { font-size:18px; color:#343434; } .eduBusiness > ul > li > ul { margin-top:14px; } .eduBusiness > ul > li > ul > li { padding-left:10px; background: url(../images/support/bg_list02.png) 0 11px no-repeat; font-size:15px; line-height:24px; color:#434343; } .eduBusiness > ul > li > ul > li + li { margin-top:18px; } .eduBusiness > ul > li > ul > li > ul > li { margin-top:5px; padding-left:9px; background:url(../images/support/bg_list04.png) 0 11px no-repeat; font-size:14px; line-height:22px; color:#666; } .eduBusiness > ul > li > ul > li > ul > li strong { display:inline-block; margin-top:4px; } .eduBusiness > ul > li > ul > li > ul > li strong.blue { color:#1b7bc2; } .eduBusiness table { width:100%; margin-top:24px; border-collapse:collapse; border-top:2px solid #1b7bc2; } .eduBusiness table th { padding:10px 0 10px 10px; background:#f6f8fa; border:1px solid #d5d5d5; font-size:14px; color:#666; } .eduBusiness table td { padding:10px 0 10px 20px; border: 1px solid #d5d5d5; font-size:13px; line-height:20px; color:#666; } .eduBusiness table th.tac { padding:10px 0; width:40px; border-left:none; text-align:center; background:#f6f8fa; } /* 학습가이드 */ .rule { padding-top:44px; } .rule ul { margin:0; padding:0; } .rule .skyblue { color:#5da3d4; font-weight:700; } .rule ol { margin:0 0 0 25px; 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; } /* 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 strong, #screenModal > div.cautionTest b { color:#ffdc61;} #screenModal > div.cautionTest div.timer { float:left; width:270px; height:85px; margin-right:20px; background:url(../images/global/bg_glbalbtn.png); line-height:85px; 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:85px; margin:0 20px 0 10px; 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; font-size:15px; } #screenModal > div.cautionTest div.textArea p { line-height:18px; } #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; } /* 최종제출 alert */ #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:'Nanum Gothic'; 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; } /*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); } /* 일반모달 */ /* 모달 설정 */ #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; } /* 모달별 설정 */ #modal .lectureSubmit { width:640px; height:530px; } /* */ .develop > ul > li { margin-top:41px; padding-left:26px; background:url(../images/support/bg_list01.png) 0 3px no-repeat; } .develop > ul > li > h1 { font-size:18px; color:#343434; } .develop table { width:100%; margin-top:24px; border-collapse:collapse; border-top:2px solid #1b7bc2; } .develop table th { padding:10px 0 10px 10px; background:#f6f8fa; border:1px solid #d5d5d5; font-size:14px; color:#666; } .develop table td { padding:10px 0 10px 20px; border-bottom:1px solid #d5d5d5; font-size:13px; line-height:20px; color:#666; } .develop table th.tac { padding:10px 0; width:40px; border-left:none; text-align:center; background:#f6f8fa; } /* 평가응시 */ 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; } 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; 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; } 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.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 { 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 strong { color:#ffdc61;} 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"] { float:left\9; display:inline-block\9; width:20px; height:20px; 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; } 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; } /* 개발절차 */ #subTab { overflow:hidden; } #subTab li { float:left; width:225px; height:50px; margin-top:44px; border:1px solid #ccc; text-align:center; font-size:15px; font-weight:700; color:#343434; line-height:50px; box-sizing:border-box; cursor:pointer; } #subTab li.select { background:#1b7bc2; color:#fff; border:none; } .develop img { margin:51px 0; } /* 탭메뉴 */ ul.tabMenu, ul.tabMenu > li { overflow:hidden; margin:0; padding:10px;list-style:none; } ul.tabMenu { margin:0 0px 10px; background:#fafafa; border:1px solid #cdcdcd; text-align: left; } ul.tabMenu > li { vertical-align: middle; display:inline-block; padding:0 10px; border-right:1px solid #1364a0; line-height:20px; font-weight:bold; cursor:pointer; margin: 3px 3px; border-radius: 25px; } ul.tabMenu > li + li { border-left:1px solid #1b7bc2; } ul.tabMenu > li.select { border: 0; } ul.tabMenu > li.select.active { color:#fff; background:#3a3a3a; padding: 5px 10px; } div.surveyAnswer > table {padding: 5px 30px; font-family:"Monospace"; width:100%;} div.surveyAnswer th {background-color:#F2F2F7; height:30px; font-size:14px;} div.surveyAnswer tr {font-size:13px;} div.surveyAnswer td {width:50%; height:25px;} /* 차시별평가용 */ #wrap.study div#contentsArea > ul > li table button.btnss{ background-color: #b94032; border: none; border-radius: 10px 10px 10px 10px; padding: 8px; color: #fff; height:50px; }