@charset "utf-8"; /*----------------------------------------------------------------------------------- sub archive content style last : 2021.09.16 -----------------------------------------------------------------------------------*/ .d-none{display: none;} .required {font-size: 11pt;color: #ff0000;display: inline;vertical-align: middle;padding-left: 5px;} /* pc 1200이상 --------------------------------------------------------------------------------------------------------------------------------------------- */ .sub_bg{background:url('../images/sub/sub_bg.png')no-repeat top center} .s_visualArea{background:url('../images/sub/sub_visual.png')no-repeat right top;display:block;overflow:hidden;width:1200px;height:120px;margin:0 auto;text-align:right;padding:45px 0px 0 0;} .copy1{font-size:22px;color:#fff;padding:0 0 5px 0;font-family:'NanumSqB',sans-serif;} .copy2{font-size:15px;color:#aab299;padding:0 0 0px 0;font-family:'Montserrat',sans-serif;line-height:1.3} /* table 위 검색조건 */ .bbs_select button {display:inline-block; padding:0 12px; line-height:26px; font-size:12px; color:#fff; background-color:#555} .bbs_search_basic {float:right; position:relative; overflow:hidden; display:block;} .bbs_search_basic .grap {float:left; position:relative; display:inline-block; margin-bottom:10px} .bbs_search_basic .grap select {height:40px;width:100px;padding-left:5px;font-size:14px;} .bbs_search_basic .searchinput {float:right; display:block; position:relative; text-align:right} .bbs_search_basic .searchinput input {width:200px; height:38px; margin:0 2px;font-size:14px;} .basic_box {position:relative; padding:0px; margin-bottom:10px;} .basic_box:before {content:""; position:absolute; display:block} .basic_box:after{content:""; display:block; visibility:hidden; clear:both} .basic_box fieldset {width:100%; margin:0 auto;} .basic_box1 {position:relative; padding:0px; margin-bottom:0px;} .basic_box1:before {content:""; position:absolute; display:block} .basic_box1:after{content:""; display:block; visibility:hidden; clear:both} .basic_box1 fieldset {width:100%; margin:0 auto;} .bbs_total {font-family:'NanumSqR',sans-serif;float:left; display:block; position:relative; margin:0; padding:10px 0 0 18px; line-height:33px; font-size:18px; color:#666; background:url('../images/sub/icon_bbs.gif') no-repeat 0 21px} .bbs_total * {vertical-align:baseline} .bbs_total .bold {font-family:'NanumSqB',sans-serif;color:#0054a7} /* 일반게시판_리스트 */ .bbsist {overflow:hidden;display:block; width:100%; } .bbsList a:hover, .bbsList a:focus {text-decoration:underline} .bbsList table {width:100%;border-top:2px solid #000} /* .bbsList thead th { font-size:17px;padding:20px 10px 18px; font-weight:normal; font-family:'NanumSqB',sans-serif; color:#000; background-color:#fafafa; border-bottom:1px solid #bebebe;background:url('../images/sub/th_bar.png') no-repeat bottom right;} */ .bbsList thead th { font-size:17px;padding:20px 10px 18px; font-weight:normal; font-family:'NanumSqB',sans-serif; color:#000; background-color:#fafafa; border-bottom:1px solid #bebebe;} .bbsList thead th.th_fir{border-left:1px solid #bebebe;} /* .bbsList thead th.th_last{border-right:1px solid #bebebe;background:none} */ .bbsList thead th.th_last{border-right:1px solid #bebebe} .bbsList td {text-align:center; line-height:20px; font-family:'NanumSqR',sans-serif; font-size:17px; border-bottom:1px solid #d4d4d4; word-wrap:break-word; word-break:keep-all; vertical-align:middle} .bbsList td {padding:12px 10px} .bbsList td.title{text-align:left;color:#000} .bbsList td.title a:link{color:#000;font-family:'NanumSqR',sans-serif; } .bbsList td.title a:hover{color:#000} .bbsList td.title a:visited{color:#000} .bbsList td.title a:active{color:#000} .bbsList td .notice{background:url('../images/sub/notice_icon.png') no-repeat 50% 0;text-indent:-9999px;overflow:hidden;} .bbsList tr.bg1 {background-color:#f7f7f7} .bbsList td.no-data {height:auto; padding:180px 0 30px; background:url('../images/sub/ico_nodata.png') no-repeat 50% 30px; font-size:15px; font-family:'NotoKrM'} .bbsList td.re div {margin-left:10px; padding-left:36px; background:url('../images/sub/ico_re.gif') no-repeat 0 0;} .bbsList .link {line-height:20px} .bbsList .link a, .bbsList .link span {position:relative; overflow:hidden; display:inline-block; width:auto; font-family:'NanumGB'} .bbsList .link .tit {display:none} .bbsList .link a span {display:block; overflow:hidden; position:relative; text-overflow:ellipsis} .bbsList .link a.hot {padding-left:26px; background:url('../images/sub/ico_bbs_hot.png') no-repeat 0 1px} .bbsList .link a.new {padding-left:26px; background:url('../images/sub/ico_bbs_new.png') no-repeat 0 1px} /* button ------------------------------------------------------------------------------------------------------------------------------- */ /* 버튼영역 */ .btnBox {clear:both; overflow:hidden; width:100%; margin-top:40px; text-align:right} .btnBox [class^='btn']+[class^='btn'] {margin-left:4px} .btnBox_fr {clear:both; overflow:hidden; width:100%; margin:20px 0 0 0; text-align:right} .btnBox_fr [class^='btn']+[class^='btn'] {margin-left:4px} .btnBox_cen {clear:both; overflow:hidden; width:100%; margin-top:20px; text-align:center} .btnBox_cen [class^='btn']+[class^='btn'] {margin-left:4px} /* 버튼 모양,크기 */ .btn {position:relative; display:inline-block; color:inherit; text-align:center; border:1px solid transparent; border-radius:2px; background:none; background-image:none; text-transform:uppercase; white-space:nowrap; cursor:pointer; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s} .btn:before {position:relative; font-style:normal; font-variant:normal; font-weight:normal; text-transform:none; line-height:1; speak:none; -webkit-font-smoothing:antialiased} .btn:after {position:absolute; z-index:-1; content:''; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s} .btn-srh {min-width:40px;height:40px;background:#184d9d url('../images/sub/btn_search1.png')no-repeat 50% 50%;} .btnSrc {height:36px; line-height:34px; padding:0 10px; font-family:'NanumGB',sans-serif;} .btn.sml {min-width:50px; line-height:18px; padding:3px 5px 3px; font-size:12px; font-family:'NanumGB',sans-serif;} .btn.sml1 {min-width:50px; line-height:18px; padding:5px 5px 5px; font-size:12px; font-family:'NanumGB',sans-serif;} .btn.sml2 {min-width:70px; line-height:18px; padding:3px 0 4px 0; font-size:12px; font-family:'NanumGB',sans-serif;} .btn.nor {min-width:80px; line-height:22px; padding:6px 8px 8px; font-size:13px; font-family:'NanumGB',sans-serif;} .btn.nor1 {min-width:80px; line-height:22px; padding:6px 4px 6px; font-size:13px; font-family:'NanumGB',sans-serif;} .btn.big {min-width:110px; line-height:24px; padding:10px 20px 12px; font-size:15px; font-family:'NanumGB',sans-serif; border-radius:3px} .btn.tbl {height:28px; line-height:28px; padding:0 10px; font-size:12px} .btn.add_file {min-width:80px; line-height:20px; padding:4px 8px 4px; font-size:13px; font-family:'NanumGB',sans-serif;} /* 버튼 색상 */ .btn-white {color:#666; border-color:#c3c3c3; background-color:#fff} .btn-white:hover, .btn-white:focus, .btn-white:active {background-color:#fff; border-color:#a6a6a6; color:#444} .btn-blue {font-size:13px; color:#fff; border-color:#0053a7; background-color:#0053a7} .btn-blue:hover, .btn-blue:focus, .btn-blue:active {background-color:#00458a; border-color:#00458a; color:#fff} .btn-dBlue {background-color:#374563; border-color:#374563; color:#fff} .btn-dBlue:hover, .btn-dBlue:focus, .btn-dBlue:active {background-color:#28344e; border-color:#28344e; color:#fff} .btn-gray {background-color:#565656; border-color:#565656; color:#fff} .btn-gray:hover, .btn-gray:focus, .btn-gray:active {background-color:#414141; border-color:#414141} .btn-dGray {background-color:#171717; border-color:#171717; color:#fff} .btn-dGray:hover, .btn-dGray:focus, .btn-dGray:active {background-color:#070707; border-color:#070707} .btn-black {background-color:#2e2e2e; border-color:#2e2e2e; color:#fff} .btn-black:hover, .btn-black:focus, .btn-black:active {background-color:#000; border-color:#000} .btn-green {font-size:13px; color:#fff; border-color:#0d9145; background-color:#0d9145} .btn-green:hover, .btn-green:focus, .btn-green:active {background-color:#077536; border-color:#077536; color:#fff} .btn-sky {font-size:13px; color:#fff; border-color:#0081cc; background-color:#0081cc} .btn-sky:hover, .btn-sky:focus, .btn-sky:active {background-color:#006faf; border-color:#006faf; color:#fff} /* paging ----------------------------------------------------------------------------------------------------------------------------------------- */ .pageNavi {clear:both; margin:20px 0; text-align:center; line-height:18px} .pageNavi:after {content:""; display:block; clear:both} .pageNavi li {display:inline-block; vertical-align:middle;font-family:'NanumGB',sans-serif;font-size:14px} .pageNavi li a {display:block; width:33px; height:33px; line-height:33px; margin:4px 1px;vertical-align:middle } .pageNavi .pga a{font-size:0; line-height:0; background:url('../images/sub/bg_page.png') no-repeat; vertical-align:middle} .pageNavi .pga a span {height:0; font-size:0;} .pageNavi .pga.first a:link {background:url('../images/sub/bg_page.png') no-repeat;background-position:0px 0px;} .pageNavi .pga.first a:hover {background:url('../images/sub/bg_page1.png') no-repeat;background-position:0px 0px;} .pageNavi .pga.first a:visited {background:url('../images/sub/bg_page.png') no-repeat;background-position:0px 0px;} .pageNavi .pga.first a:active {background:url('../images/sub/bg_page1.png') no-repeat;background-position:0px 0px;} .pageNavi .pga.last a:link {background:url('../images/sub/bg_page.png') no-repeat;background-position:-99px 0px;} .pageNavi .pga.last a:hover {background:url('../images/sub/bg_page1.png') no-repeat;background-position:-99px 0px;} .pageNavi .pga.last a:visited {background:url('../images/sub/bg_page.png') no-repeat;background-position:-99px 0px;} .pageNavi .pga.last a:active {background:url('../images/sub/bg_page1.png') no-repeat;background-position:-99px 0px;} .pageNavi .pga.prev a:link {background:url('../images/sub/bg_page.png') no-repeat;background-position:-33px 0px;} .pageNavi .pga.prev a:hover {background:url('../images/sub/bg_page1.png') no-repeat;background-position:-33px 0px;} .pageNavi .pga.prev a:visited {background:url('../images/sub/bg_page.png') no-repeat;background-position:-33px 0px;} .pageNavi .pga.prev a:active {background:url('../images/sub/bg_page1.png') no-repeat;background-position:-33px 0px;} .pageNavi .pga.next a:link {background:url('../images/sub/bg_page.png') no-repeat;background-position:-66px 0px;} .pageNavi .pga.next a:hover {background:url('../images/sub/bg_page1.png') no-repeat;background-position:-66px 0px;} .pageNavi .pga.next a:visited {background:url('../images/sub/bg_page.png') no-repeat;background-position:-66px 0px;} .pageNavi .pga.next a:active {background:url('../images/sub/bg_page1.png') no-repeat;background-position:-66px 0px;} .pageNavi li.active a, .pageNavi li a:hover, .pageNavi li a:focus {background:url('../images/sub/paging_bg2.png')0 0;color:#fff} /* view -------------------------------------------------------------------------------------------------------------------------------------------------- */ .bbsList.view {border-top:2px #222 solid;border-bottom:1px solid #000} .titleArea {position:relative; padding:15px 20px; background-color:#fafafa; border-bottom:1px dashed #d4d4d4} .titleArea .title {display:block; margin:0; padding:0; line-height:1.38em; color:#111; font-size:1.4em; font-family:'NanumSqB',sans-serif} .titleArea .info {margin-top:10px} .titleArea .info:after {content:''; display:block; visibility:hidden; clear:both} .titleArea .info li {position:relative; display:inline-block; float:left; margin-right:10px; padding-right:10px; color:#444} .detail_content {position:relative; overflow:hidden; padding:20px; line-height:22px} .tb_list {position:relative; overflow:hidden; padding:10px 20px; line-height:22px;border-top:1px dashed #d4d4d4;background-color:#fdfcfa} .tb_list .pre_tit{font-family:'NanumGB',sans-serif;color:#af9e77;float:left;padding-right:20px} .tb_list .next_tit{font-family:'NanumGB',sans-serif;color:#796e55;float:left;padding-right:20px} /* file------------------------------------------------------------------------------------------------------------------------------------------------------- */ .view .fileBox {border-bottom:1px solid #d4d4d4} .fileBox {clear:both; position:relative; padding:7px 15px 10px 20px; background-color:#fff;} .fileBox:after {content:''; display:block; visibility:hidden; clear:both} .fileBox a {display:inline-block; margin:3px 10px 2px 0; color:#666; line-height:24px} .fileBox a * {vertical-align:middle} .fileBox a:hover {text-decoration:underline} .fileBox a span {overflow:hidden; display:inline-block; margin-right:5px; width:23px; height:23px; font-size:0; background:url('../images/sub/ico_file.png') no-repeat} .fileBox .zip {background-position:-150px 0} .fileBox .hwp {background-position:-60px 0} .fileBox .xls {background-position:-90px 0} .fileBox .pdf {background-position:-30px 0} .fileBox .png {background-position:-120px 0} .fileBox .etc {background-position:0 0} .file_name{font-size:14px;font-family:'NotoKrM',sans-serif;padding:5px 0 15px 0;} .file_input{margin-top:15px;border-top:1px #d4d4d4 dotted;font-size:14px;font-family:'NotoKrM',sans-serif;font-weight:600;padding-top:7px} /* white ------------------------------------------------------------------------------------------------------------------------------------------------------ */ .bbsList.write table {width:100%;border-top:2px #000 solid; border-bottom:1px solid #d9d9d9s} .bbsList.write th {padding:10px 0 10px 0px; text-align:left; font-size:15px;font-family:'NanumGB',sans-serif; color:#121212; vertical-align:midd; background:#f7f7f7;border-bottom:1px solid #d9d9d9;text-align:center} .bbsList.write td {padding:11px 0 9px 20px; text-align:left; border-top:1px solid #d9d9d9;} .bbsList.write tr:first-child th, .bbsList.write tr:first-child td {border-top:0} .bbsList.write td input, .bbsList.write td textarea {width:97%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;font-size:14px} .bbsList.write td select{ padding:3px;min-width:200px;font-size:14px} .bbsList.write td textarea {height:200px; padding:10px 8px} .bbsList.write td .fileWrap {position:relative; width:97%; padding:10px 10px 5px; border:1px solid #ccc; border-left-color:#bcbcbc; border-top-color:#bcbcbc; background-color:#fff} .bbsList.write td .fileWrap .file {display:block; margin-bottom:5px; text-align:left} .bbsList.write td .fileWrap .file input {width:auto} .bbsList.write td.list_last{border-bottom:} .btn24 .ico {display:inline-block; height:24px; padding:0; font-size:0; background:url('../images/sub/btn_ico.png') no-repeat} .btn24 .ico.del {width:43px; background-position:-50px -80px} .btn24 .ico.add {width:43px; background-position:0 -80px} /* table ------------------------------------------------------------------------------------------------------------------------------------------------------ */ .tb-row {clear:both; overflow:hidden; border-top:2px solid #000} .tb-row table {width:100%;border-left:1px solid #d7d7d7; } .tb-row thead tr > th {color:#000;font-family:"NanumGB",sans-serif;font-weight:600;font-size:15px;padding:12px 12px; text-align:center; vertical-align:middle; background-color:#fafafa; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7} .tb-row tbody tr > th {color:#555;font-family:"NanumGB",sans-serif;font-weight:600;font-size:15px;padding:12px 12px; text-align:center; vertical-align:middle; background-color:#fafafa; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7} .tb-row tbody tr > td {color:#777;font-family:'NanumG',sans-serif; font-size:15px;padding:12px 12px 12px 12px; text-align:center; background-color:#fff; border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;} .tb-row tbody tr > td.pdn {padding:0} .tb-row tbody tr > td.title{color:#333;text-align:left} .tb-row tbody tr > td a:hover{color:#333;text-decoration:underline} .tb-row tbody tr > td.stitle{font-size:14px;color:#31436c;background-color:#f9fafc;font-weight:600;text-align:center} .tb-row tbody tr > td select.selectTb{width:160px;} /* 로그인 */ .loginArea{background:url('../images/sub/login_bg2.png')no-repeat top right;} .login_titArea{background:url('../images/sub/login_bg1.png')no-repeat bottom left;height:230px;text-align:right;} .login_tit{font-size:40px;color:#555;font-family:'NanumSqL',sans-serif;text-transform:uppercase;padding-top:40px} .login_tit span{font-size:40px;color:#555;font-family:'NanumSqB',sans-serif;} .login_txt{font-size:18px;color:#555;font-family:'NanumG',sans-serif;padding-top:15px} .login_formArea{} .login_form{overflow:hidden;display:block;background-color:#fbfbfb;border-top:1px #d8d8d8 solid;border-bottom:1px #d8d8d8 solid;} .login_form li{float:left;width:49.9%;text-align:center} .login_form li.login_left{padding:40px 0; border-right: 1px #d8d8d8 solid;} .login_input input{width:290px;height:48px;border:1px #a5a5a5 solid;padding:0 12px;line-height:48px;font-size:15px;color:#777;margin-bottom:5px} .login_input {border-bottom:1px #d8d8d8 dotted;padding-bottom:20px;margin-bottom:20px;width:290px;margin:0 auto 20px auto;} .login_form li.login_right{padding:90px 0;} .login_find{text-align:center;padding-top:30px;} .login_find li{width:100%;padding:0;clear:both;font-size:18px;color:#555;font-family:'NanumSqR',sans-serif;} .btn_login{width:290px;height:48px;text-align:center;color:#fff;background-color:#0f2b55;font-family:'NanumSqB',sans-serif; font-size:18px;line-height:48px;} .login_find button{width:305px;height:40px;font-size:16px;color:#fff;font-family:'NanumGB',sans-serif;padding-left:20px;border-radius:80px;margin:5px 0 23px 0;text-align:left} .btn_joinus{background:#0054a7 url('../images/sub/btn_arr.png')no-repeat 95% 50%;} .btn_find{background:#7491ad url('../images/sub/btn_arr.png')no-repeat 95% 50%;} .btn_login_naver:before{content:url('../images/sub/naver.png');margin-right: 0.3rem;vertical-align: middle;} .btn_login_naver{margin-top: 0.5rem;background-color: #0EBF39;} .btn_login_kakao:before{content:url('../images/sub/kakao.png');margin-right: 0.3rem;vertical-align: middle;} .btn_login_kakao{margin-top: 0.5rem;background-color: #FDE500;color: #080501;} .l_textArea{padding:30px 0;font-size:14px;color:#555;font-family:'NanumG',sans-serif;line-height:1.4} /* 아이디/비번찾기 */ .find_Area{} .find_listArea li{width:47%;text-align:center} .find_listArea li.find_idArea{float:left;border-bottom:3px #0d56a6 solid; } .find_listArea li.find_pwArea{float:right;border-bottom:3px #0081cc solid;} .id_titArea{padding:25px 0;background-color:#0d56a6;color:#fff;font-size:26px;font-family:'NanumSqB',sans-serif;} .pw_titArea{padding:25px 0;background-color:#0081cc;color:#fff;font-size:26px;font-family:'NanumSqB',sans-serif;} .id_textArea{border-left:1px #e3e3e3 solid;border-right:1px #e3e3e3 solid} .id_txtArea{padding:25px 0 200px 0;font-size:18px;color:#555;line-height:1.4;font-family:'NanumSqL',sans-serif;background:url('../images/sub/find_img1.png')no-repeat 50% 80%;} .pw_txtArea{padding:25px 0 200px 0;font-size:18px;color:#555;line-height:1.4;font-family:'NanumSqL',sans-serif;background:url('../images/sub/find_img2.png')no-repeat 50% 80%;} .input_Area{height:182px;border-bottom:1px #d0d0d0 dotted;width:80%;margin:0 auto;} .input_Area input{width:94%;height:48px;border:1px #a3a3a3 solid;padding:0;line-height:48px;font-size:15px;padding-left:5%;color:#777;margin-bottom:5px} .btn_ok{margin-top:20px;padding-bottom:50px;} .btn_ok button{width:80%;height:45px;font-size:18px;color:#fff;text-align:center;font-family:'NanumSqB',sans-serif;} .btn_ok button.btn_ok1{background-color:#0d56a6} .btn_ok button.btn_ok2{background-color:#0081cc} /* 회원가입_회원구분 */ .mem_typeArea{background:url('../images/sub/cloud.png')no-repeat top right;font-size:18px;color:#555;;font-family:'NanumSqR',sans-serif;line-height:1.4;padding:65px 0 25px 0;} .mem_typeListArea{} .mem_typeList {overflow:hidden;display:block;} .mem_typeList li{width:48%;text-align:center;border-top:1px #e3e3e3 solid;border-right:1px #e3e3e3 solid;border-left:1px #e3e3e3 solid;} .mem_typeList li.mem_adult{float:left;} .mem_typeList li.mem_children{float:right;} .adult_titArea{padding:45px 0;font-size:26px;color:#0d56a6;font-family:'NanumSqB',sans-serif;background:url('../images/sub/mem_type1.png')no-repeat bottom center;height:245px;} .adult_txt{color:#fff;font-size:18px;font-family:'NanumSqL',sans-serif;line-height:1.4;background-color:#0d56a6;padding:15px 0 25px 0} .adult_btnArea{background-color:#0d56a6;padding:5px 0 40px 0} .btn_adult{border-radius:80px;padding:10px 55px;background-color:#fff;color:#222;font-size:18px;font-family:'NanumSqR',sans-serif;} .child_tit{padding:45px 0;font-size:26px;color:#0081cc;font-family:'NanumSqB',sans-serif;background:url('../images/sub/mem_type2.png')no-repeat bottom center;height:245px;} .child_txt{color:#fff;font-size:18px;font-family:'NanumSqL',sans-serif;line-height:1.4;background-color:#0081cc;padding:15px 0 25px 0} .child_btnArea{background-color:#0081cc;padding:5px 0 40px 0} /* 회원가입_약관동의 2021.09.24 */ .mem_stepArea{overflow:hidden;display:block;padding:30px 0;border-top:1px #e3e3e3 solid;border-bottom:1px #e3e3e3 solid;background-color:#f8f8f8;margin-bottom:25px} .step_list{width:90%;margin:0 auto;} .step_list li{float:left;width:19.75%;height:90px;text-align:center;font-size:18px;color:#555;font-family:'NanumSqR',sans-serif;} .step_list li span{color:#0054a7;} .step_list li img{padding-bottom:10px;} .step_list li.step_arr{width:7%;background:url('../images/sub/step_arr.png')no-repeat 50% 50%;} .p_tit{font-size:24px;color:#000;font-family:'NanumSqB',sans-serif;background:url('../images/sub/tit.png')no-repeat 0 0;padding-top:7px;margin-bottom:10px} .prov_box{overflow-y:scroll;height:450px;display:block;border:1px #ebebeb solid;padding:20px;margin-bottom:10px;} .stit{font-size:20px;font-family:'NanumSqB',sans-serif;color:#0054a7;background:url('../images/sub/stit.png')no-repeat 0 7px;padding-left:20px;margin-bottom:10px;} .s_stit{font-size:16px;font-family:'NanumGB',sans-serif;font-weight:600;color:#222;padding-bottom:5px} .p_text{font-size:15px;font-family:'NanumG',sans-serif;color:#555;line-height:1.5;padding-bottom:20px} .p_stext{font-size:13px;font-family:'NanumG',sans-serif;color:#666;line-height:1.5;padding:5px 0 20px 0} .agree{overflow:hidden;display:block;width:100%;text-align:right;margin-bottom:30px;} .agree input{width:17px;height:17px;margin-right:5px;margin-top:-3px} .agree label{font-size:16px;font-family:'NanumG',sans-serif;} .num_list{} .num_list li{font-size:15px;font-family:'NanumG',sans-serif;padding-left:20px;line-height:1.4;padding-bottom:10px;} .num_list li.no1{background:url('../images/sub/num_bg1.png')no-repeat 0 3px;} .num_list li.no2{background:url('../images/sub/num_bg2.png')no-repeat 0 3px;} .num_list li.no3{background:url('../images/sub/num_bg3.png')no-repeat 0 3px;} .num_list li.no4{background:url('../images/sub/num_bg4.png')no-repeat 0 3px;} .num_list li.no5{background:url('../images/sub/num_bg5.png')no-repeat 0 3px;} .num_list li.no6{background:url('../images/sub/num_bg6.png')no-repeat 0 3px;} .num_list li.no7{background:url('../images/sub/num_bg7.png')no-repeat 0 3px;} .pri_list{border:1px #ececec solid;background-color:#fbfbfb;padding:20px 20px 10px 20px;margin-bottom:10px} .pri_list li{font-size:15px;font-family:'NanumG',sans-serif;color:#555;background:url('../images/sub/s_list.png')no-repeat 0 8px;padding-left:13px;} .pri_list li .pri_slist{padding:15px 0 5px 0;} .pri_list li .pri_slist li{font-size:13px;color:#777;background:none;line-height:1.3;padding:0 0 10px 0;} .pri_list li .pri_slist li span{color:#444;font-family:'NanumGB',sans-serif;} .btn_agree{min-width:120px;text-align:center;padding:10px 15px;font-size:16px;font-family:'NanumGB',sans-serif;color:#fff} /* 회원가입_본인인증 2021.09.24 */ .certificationArea{} .certifList li{width:48%;} .certifList li.certifLeft{float:left;border-bottom:2px #0d56a6 solid;} .certifList li.certifRight{float:right;border-bottom:2px #0081cc solid;} .certif_titArea1{padding:35px 0;text-align:center;font-size:26px;color:#fff;font-family:'NanumSqB',sans-serif;background-color:#0d56a6} .certif_titArea2{padding:35px 0;text-align:center;font-size:26px;color:#fff;font-family:'NanumSqB',sans-serif;background-color:#0081cc} .certif_textArea{padding:30px;text-align:center;border-left:1px #e3e3e3 solid;border-right:1px #e3e3e3 solid;min-height:490px} .certif_textArea p{font-size:18px;font-family:'NanumSqR',sans-serif;color:#555;line-height:1.4;padding-bottom:25px;} .cert_imgArea{padding:80px 0 103px 0} .certif_btnArea{padding-top:20px} .btn_certif{width:208px;padding:10px 0;border-radius:80px;color:#fff;font-size:18px;font-family:'NanumSqB',sans-serif;} /* 회원가입_정보입력 2021.09.24 ------------------------------------------------------------------------------------------------------------------------------------------------------ */ .tb-mem {clear:both; overflow:hidden; border-top:2px solid #000} .tb-mem table {width:100%;border-left:1px solid #d7d7d7; } .tb-mem tbody tr > th {color:#555;font-family:"NanumGB",sans-serif;font-weight:600;font-size:15px;padding:12px 12px; text-align:center; vertical-align:middle; background-color:#fafafa; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7} .tb-mem tbody tr > td {color:#777;font-family:'NanumG',sans-serif; font-size:15px;padding:12px 12px 12px 12px; text-align:left; background-color:#fff; border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;} .tb-mem tbody tr > td .tb_comm{font-size:13px;color:#666;padding-top:5px} .tb-mem tbody tr > td.pdn {padding:0} .tb-mem tbody tr > td.title{color:#333;text-align:left} .tb-mem tbody tr > td a:hover{color:#333;text-decoration:underline} .tb-mem tbody tr > td.stitle{font-size:14px;color:#31436c;background-color:#f9fafc;font-weight:600;text-align:center} .tb-mem tbody tr > td select.selectTb{width:160px;} .tb-mem tbody tr > td input{height:30px;} .wid200{width:200px} .wid250{width:250px} .wid300{width:30%} .wid300_input{width:30%} .radio_list{} .radio_list li{float:left;} .radio_list li input{margin:-5px 5px 0 0} .radio_list li label{margin:0 30px 0 0} /* 회원가입_가입완료 2021.09.24 */ .join_okArea{background:url('../images/sub/join_ok.png')no-repeat top right;border-bottom:1px #e3e3e3 solid;padding:120px 0 85px 0;margin-bottom:70px;text-align:center} .ok_tit{font-size:30px;color:#184d9d;padding-bottom:55px;font-family:'NanumSqB',sans-serif;} .id_infoBox{border:1px #c8c8c8 solid;padding:24px 0px;text-align:center;width:50%;margin:0 auto;font-size:22px; font-family:'NanumSqR',sans-serif;color:#000;} .id_infoBox span{color:#0081cc; font-family:'NanumSqB',sans-serif;} .ok_text{font-size:18px;color:#777;font-family:'NanumG',sans-serif;padding-top:23px;} /* 수강신청_통합검색_강좌별검색 2021.09.27 */ .search_boxArea{overflow:hidden;display:block;border:1px #e5e5e5 solid;background-color:#fbfbfb;padding:20px 30px 10px 30px;margin-bottom:30px;} .search_listArea{} .search_listArea li{float:left;margin-bottom:10px} .search_listArea li select{height:40px;line-height:40px;font-size:14px;font-family:'NanumG',sans-serif; width:170px;padding-left:5px} .search_listArea li input{height:40px;line-height:40px;font-size:14px;font-family:'NanumG',sans-serif; width:445px;padding-left:5px} .search_tit{font-size:18px;color:#333;font-family:'NanumSqR',sans-serif;width:10%;line-height:40px;} .search_tit1{font-size:18px;color:#333;font-family:'NanumSqR',sans-serif;width:10%;clear:both;line-height:40px;} .search_tit2{font-size:18px;color:#333;font-family:'NanumSqR',sans-serif;width:15%;line-height:40px;} .search_form{padding-right:35px;} .search_form2{width:50%;} .cal_Area{float:left;} .cal_text{float:left;line-height:40px;padding:0 10px;} .search_input{float:left} .search_btn{float:left} .btn-search{border-radius:0;min-width:px;padding:11px 20px;font-size:14px;font-family:'NanumGB',sans-serif;color:#fff;margin:0 3px;background:#172c42 url('../images/sub/btn_search.png')no-repeat 50% 50%} .btn-reset{border-radius:0;min-width:px;padding:10px 15px 11px 15px;font-size:15px;font-family:'NanumGB',sans-serif;color:#fff;margin-right:3px} .classList {overflow:hidden;display:block; width:100%; } .classList a:hover, .classList a:focus {text-decoration:underline} .classList table {width:100%;border-top:2px solid #000} .classList thead th {font-size:18px;padding:20px 10px 18px; font-weight:normal; font-family:'NanumSqB',sans-serif; color:#000; background-color:#fafafa; border-bottom:1px solid #bebebe;background:url('../images/sub/th_bar.png') no-repeat bottom right;} .classList thead th.th_fir{border-left:1px solid #bebebe;} .classList thead th.th_last{border-right:1px solid #bebebe;background:none} .classList td {text-align:center; font-family:'NanumSqR',sans-serif; font-size:20px; border-bottom:1px solid #d4d4d4; word-wrap:break-word; word-break:keep-all; vertical-align:middle} .classList td {padding:25px 0px} .classList td.srh_tit{text-align:left;color:#000;font-size:20px; font-family:'NanumSqB',sans-serif;} .classList td.srh_tit a:link{color:#000;font-family:'NanumSqR',sans-serif; } .classList td.srh_tit a:hover{color:#000;text-decoration:underline} .classList td.srh_tit a:visited{color:#000} .classList td.srh_tit a:active{color:#000} .class_infoArea{overflow:hidden;display:block;padding:7px 0 0px 0;} .class_infoArea li{float:left;color:#818181;font-size:16px;font-family:'NanumG',sans-serif;padding-bottom:2px} .class_infoArea li span{color:#363636;} .class_infoArea2{overflow:hidden;display:block;padding:7px 0 0px 0;} .class_infoArea2 li{float:left;color:#818181;font-size:16px;font-family:'NanumG',sans-serif;padding-bottom:2px} .class_infoArea2 li span{color:#363636;} . c_infoBar{padding:0 15px;} .state_ing{width:100px;border-radius:80px;border:2px #0054a7 solid;font-size:14px;color:#0054a7;font-family:'NanumGB',sans-serif;text-align:center;padding:5px 10px;margin:0 auto;} .state_end{width:100px;border-radius:80px;border:2px #666662 solid;font-size:14px;color:#666662;font-family:'NanumGB',sans-serif;text-align:center;padding:5px 10px;margin:0 auto;} .state_none{width:100px;border-radius:80px;border:2px #b61616 solid;font-size:14px;color:#b61616;font-family:'NanumGB',sans-serif;text-align:center;padding:5px 10px;margin:0 auto;} .tit_num{color:#8f8f8f} /* 통합검색_강좌별검색_상세 2021.09.27 */ /* 통합검색 강좌상세 table ------------------------------------------------------------------------------------------------------------------------------------------------------ */ .bbsList.tb_detail{border-top:2px #0054a7 solid;} .bbsList.tb_detail table {width:100%;border-top:none; border-left:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;border-right:1px solid #c6c6c6} .bbsList.tb_detail th {background:url('../images/sub/th_bar11.png') no-repeat bottom right;padding:15px 0 15px 0px; text-align:center; font-size:18px;font-family:'NanumSqB',sans-serif; color:#121212; vertical-align:midd; background-color:#f7f9fa;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6} .bbsList.tb_detail td {padding:11px 0 9px 20px; text-align:left; border-top:1px solid #d9d9d9;line-height:1.4;} .bbsList.tb_detail tr:first-child th, .bbsList.tb_detail tr:first-child td {border-top:0} .bbsList.tb_detail tr > td select.selectTb{width:160px;} .bbsList.tb_detail tr > td input{height:30px;} .bbsList.tb_detail td input, .bbsList.tb_detail td textarea {width:97%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;font-size:14px} .bbsList.tb_detail td textarea {height:150px; } /* 마이페이지_나의 정보 비밀번호입력 2021.09.28 */ .my_infoArea{height:220px;background:url('../images/sub/my_info_img2.png')no-repeat top right;} .my_infoTit{color:#0053a7;font-size:24px;font-family:'NanumSqB',sans-serif;padding:60px 0 25px 30px} .my_infoText{color:#777;font-size:16px;font-family:'NanumG',sans-serif;padding:0px 0 0px 30px} .my_infoArea_mod{height:280px;background:url('../images/sub/my_info_img1.png')no-repeat top right;} .my_infoTit_mod{color:#0053a7;font-size:24px;font-family:'NanumSqB',sans-serif;padding:60px 0 25px 30px} .my_infoText_mod{color:#777;font-size:16px;font-family:'NanumG',sans-serif;padding:0px 0 0px 30px} .my_unregistArea{overflow:hidden;display:block;height:100%;background:url('../images/sub/my_info_img3.png')no-repeat bottom right;padding-bottom:40px;} .my_unregTit{color:#0053a7;font-size:24px;font-family:'NanumSqB',sans-serif;padding:60px 0 25px 30px} .my_unregText{color:#777;font-size:16px;font-family:'NanumG',sans-serif;padding:0px 0 0px 30px} /* 마이페이지_나의수강내역_강좌홈 2021.08.28 */ .course_infoArea{border-top:2px #000 solid;margin-bottom:30px;} .c_infoArea{padding:25px 30px;border-left:1px #dadada solid;border-bottom:1px #dadada solid;border-right:1px #dadada solid;background:#eeeeee url('../images/sub/class_homeBg1.png')no-repeat 98% 100%;border-left:1px #dadada solid;border-bottom:1px #dadada solid;border-right:1px #dadada solid;background:#eeeeee url('../images/sub/class_homeBg1.png')no-repeat 98% 100%;height:175px;} .course_tit{font-size:26px;color:#000;font-family:'NanumSqB',sans-serif;border-bottom:1px #bebebe dotted;padding-bottom:20px;} .course_infoList{padding:20px 260px 20px 0;} .course_infoList li{float:left;padding-right:20px;color:#6c6c6c;font-size:18px;font-family:'NanumSqR',sans-serif;} .course_infoList li span{color:#000;} /* 탭 갯수가 10개일때 */ .course_tabArea10{overflow:hidden;display:block;margin-bottom:20px;width:100%;} .course_tabList10 li{float:left;margin-right:0.5%;width:19.6%;text-align:center;padding:15px 0;border:1px #b6b6b6 solid;margin-bottom:0.5%;font-size:18px;color:#555;font-family:'NanumSqR',sans-serif;} .course_tabList10 li a:link{color:#555;} .course_tabList10 li a:hover{color:#555;} .course_tabList10 li a:visited{color:#555;} .course_tabList10 li a:active{color:#555;} .course_tabList10 li.tab_last{margin-right:0;} .course_tabList10 li.sel_tabList{background-color:#000;border:1px #000 solid;color:#fff} .course_tabList10 li.sel_tabList a:link{color:#fff} .course_tabList10 li.sel_tabList a:hover{color:#fff} .course_tabList10 li.sel_tabList a:visited{color:#fff} .course_tabList10 li.sel_tabList a:active{color:#fff} /* 탭 갯수가 8개일때 */ .course_tabArea8{overflow:hidden;display:block;margin-bottom:20px;width:100%;} .course_tabList8 li{float:left;margin-right:0.5%;width:24.6%;text-align:center;padding:15px 0;border:1px #b6b6b6 solid;margin-bottom:0.5%;font-size:18px;color:#555;font-family:'NanumSqR',sans-serif;} .course_tabList8 li a:link{color:#555;} .course_tabList8 li a:hover{color:#555;} .course_tabList8 li a:visited{color:#555;} .course_tabList8 li a:active{color:#555;} .course_tabList8 li.tab_last{margin-right:0;} .course_tabList8 li.sel_tabList{background-color:#000;border:1px #000 solid;color:#fff;width:24.7%;} .course_tabList8 li.sel_tabList a:link{color:#fff} .course_tabList8 li.sel_tabList a:hover{color:#fff} .course_tabList8 li.sel_tabList a:visited{color:#fff} .course_tabList8 li.sel_tabList a:active{color:#fff} /* 시험 및 설문_레이어팝업 */ .test_titBox{border:1px #a9a9a9 solid;background-color:#f7f7f7;padding:30px;margin-bottom:20px;} .test_tit{font-size:30px;color:#333;padding-bottom:25px;font-family:'NanumSqB',sans-serif;} .test_text{font-size:18px;color:#555;line-height:1.4;font-family:'NanumSqR',sans-serif;} .test_ques{font-size:22px;color:#000;font-family:'NanumSqB',sans-serif;padding-top:20px} .test_ansArea{padding:20px 0 40px 0;border-bottom:1px #bebebe dotted;margin-bottom:40px;} .test_ansList li{width:100%;clear:both;margin-bottom:15px} .test_ansList li .radio_inp{float:left;padding-right:10px;} .test_ansList li .radio_lab{font-size:18px;color:#555;font-family:'NanumSqR',sans-serif;} .test_ansList li .radio_inp input{width:18px;height:18px;} .test_textArea{width:100%;border:1px #acacac solid;margin-top:10px} .test_textArea textarea{border:none;padding:15px;width:95%;font-size:15px;height:100px;} .survey_cate{margin-bottom:20px;border-top:1px #82a7c6 solid;border-bottom:1px #b8cddf dotted;background-color:#eff4f8;padding:10px 20px;font-size:18px;color:#0054a7;font-family:'NanumSqB',sans-serif;margin-top:10px} .serv_ques{font-size:16px;color:#555;font-family:'NanumGB',sans-serif;padding:5px 0 10px 0} .serv_ansArea{overflow:hidden;display:block;margin-bottom:20px;border-bottom:1px #bebebe dotted;padding-bottom:20px;} .serv_ansList li{float:left;padding-right:30px;} .serv_ansList li .radio_inp1{float:left;padding-right:5px;} .serv_ansList li .radio_inp1 input{width:15px;height:15px;} .serv_ansList li .radio_lab1{float:left;} /* 마이페이지_나의수강내역_시간표 2021.08.29 */ .scadule_titArea{overflow:hidden;display:block;background-color:#0054a7;padding:25px;} .scad_date{float:left;font-size:28px;font-family:'NanumSqB',sans-serif;color:#fff} .scad_todayArea{float:right;background:#fff url('../images/sub/scad_img.png')no-repeat 20px 7px;font-size:18px;color:#0054a7;font-family:'NanumGB',sans-serif;padding:7px 27px 7px 60px;border-radius:100px;} .myclass_scaduleArea{border-left:1px #bebebe solid;border-bottom:1px #bebebe solid;border-right:1px #bebebe solid;} .myclass_scaduleArea table thead th{border-right:1px #e3e3e3 solid;border-bottom:1px #e3e3e3 solid;background-color:#f6f6f6;padding:20px;text-align:center;font-size:20px;color:#333;font-family:'NanumSqB',sans-serif;} .myclass_scaduleArea table thead th.th_last{border-right:none} .myclass_scaduleArea table tbody tr{border-bottom:1px #e3e3e3 solid;min-height:120px;} .myclass_scaduleArea table tbody td{border-right:1px #e3e3e3 solid;padding:18px;text-align:center;font-size:16px;color:#333;font-family:'NanumG',sans-serif;vertical-align:middle} .myclass_scaduleArea table tbody td.sat{border-right:none} .myclass_scaduleArea table tbody .row_last{border-bottom:none} /* 나의학위 2021.09.29 */ .bbsList.tb_detail1{border-top:2px #0054a7 solid;} .bbsList.tb_detail1 table {width:100%;border-top:none; border-left:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;border-right:1px solid #c6c6c6} .bbsList.tb_detail1 thead th {background:url('../images/sub/th_bar11.png') no-repeat bottom right;padding:15px 0 15px 0px; text-align:center; font-size:18px;font-family:'NanumSqB',sans-serif; color:#121212; vertical-align:midd; background-color:#f7f9fa;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6} .bbsList.tb_detail1 td {padding:11px 10px 9px 10px; text-align:center; border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;line-height:1.4;} .bbsList.tb_detail1 tbody th{border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;font-size:15px;font-family:'NanumGB',sans-serif; color:#000} .bbsList.tb_detail1 td{border-top:0;font-size:15px;font-family:'NanumG',sans-serif; } .bbsList.tb_detail1 td .table_list{} .bbsList.tb_detail1 td .table_list li{font-size:13px;background:url('../images/sub/s_list1.png') no-repeat 0 6px;padding-left:10px;font-family:'NanumG',sans-serif;color:#777;margin-bottom:5px;} .bbsList.tb_detail1 td.text_left{text-align:left} /* 마이페이지_수강관리_수강료납부 2021.09.30 */ .class_infoArea li span.s_ing{background-color:#0054a7;color:#fff;font-size:12px;font-family:'NanumGB',sans-serif;padding:1px 8px 2px 8px;border-radius:20px;} .class_infoArea li span.s_pay{background-color:#1e89c8;color:#fff;font-size:12px;font-family:'NanumGB',sans-serif;padding:1px 8px 2px 8px;border-radius:20px;} .class_infoArea li span.n_pay{background-color:#e74444;color:#fff;font-size:12px;font-family:'NanumGB',sans-serif;padding:1px 8px 2px 8px;border-radius:20px;} .class_infoArea li span.paym{color:#000;font-size:14px;font-family:'NanumGB',sans-serif;} .class_infoArea li.cb{clear:both} .payment_ok{width:80px;margin:0 auto;background-color:#000;border-radius:3px;padding:7px 15px;font-size:15px;color:#fff;font-family:'NanumGB',sans-serif;} .print_ok{width:80px;margin:0 auto;background-color:#0054a7;border-radius:3px;padding:7px 15px;font-size:15px;color:#fff;font-family:'NanumGB',sans-serif;} .payment_none{width:80px;margin:0 auto;background-color:#a5a5a5;border-radius:3px;padding:7px 15px;font-size:15px;color:#fff;font-family:'NanumGB',sans-serif;} .print_none{width:80px;margin:0 auto;background-color: #949494;border-radius:3px;padding:7px 15px;font-size:15px;color:#fff;font-family:'NanumGB',sans-serif;} /* 환불팝업 table */ .bbsList.tb_refund{border-top:2px #0054a7 solid;margin-bottom:30px} .bbsList.tb_refund table {width:100%;border-top:none; border-left:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;border-right:1px solid #c6c6c6} .bbsList.tb_refund th {background:url('../images/sub/th_bar11.png') no-repeat bottom right;padding:15px 0 15px 0px; text-align:center; font-size:18px;font-family:'NanumSqB',sans-serif; color:#121212; vertical-align:midd; background-color:#f7f9fa;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6} .bbsList.tb_refund td {padding:10px; text-align:center; border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;line-height:1.4;} .bbsList.tb_refund tr:first-child th, .bbsList.tb_refund tr:first-child td {border-top:0} .bbsList.tb_refund tr > td select.selectTb{width:160px;} .bbsList.tb_refund tr > td input{height:30px;} .bbsList.tb_refund td input, .bbsList.tb_refund td textarea {width:97%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;font-size:14px} .bbsList.tb_refund td textarea {height:150px; } .wid300{width:300px} .wid300_input{width:300px} .bbsList.tb_refund1{border-top:2px #0054a7 solid;margin-bottom:30px} .bbsList.tb_refund1 table {width:100%;border-top:none; border-left:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;border-right:1px solid #c6c6c6} .bbsList.tb_refund1 th {background:url('../images/sub/th_bar11.png') no-repeat bottom right;padding:15px 0 15px 0px; text-align:center; font-size:18px;font-family:'NanumSqB',sans-serif; color:#121212; vertical-align:midd; background-color:#f7f9fa;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6} .bbsList.tb_refund1 td {padding:10px; text-align:left; border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;line-height:1.4;} .bbsList.tb_refund1 tr:first-child th, .bbsList.tb_refund1 tr:first-child td {border-top:0} .bbsList.tb_refund1 tr > td select.selectTb{width:160px;} .bbsList.tb_refund1 tr > td input{height:30px;} .bbsList.tb_refund1 td input, .bbsList.tb_refund1 td textarea {width:97%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;font-size:14px} .bbsList.tb_refund1 td textarea {height:150px; } .wid300{width:300px} .wid300_input{width:300px} /* faq */ .faq_titArea{background:url('../images/sub/faq_img.png')no-repeat top right;height:140px;} .faq_tit{font-size:30px;color:#184d9d;font-family:'NanumSqR',sans-serif;padding:50px 0 0px 0;} .faq_txt{font-size:22px;color:#242424;font-family:'NanumSqR',sans-serif;} .btn_topArea{padding:0 0 10px 0;text-align:right} .faq_btn{padding:5px 12px 7px 12px;text-align:center;font-size:15px;font-family:'NanumGB',sans-serif;} .tabArea6{overflow:hidden;display:block;margin-bottom:20px;} .tab_list6 li{float:left;width:16.5%;margin-right:0.2%;text-align:center;border:1px #b8b8b8 solid;padding:10px 0;font-size:18px;color:#555;font-family:'NanumSqR',sans-serif;} .tab_list6 li a:link{color:#555} .tab_list6 li a:hover{color:#555} .tab_list6 li a:visited{color:#555} .tab_list6 li a:active{color:#555} .tab_list6 li.tab_last{margin-right:0} .tab_list6 li.tab_select{background-color:#000;border:1px #000 solid;color:#fff} .tab_list6 li.tab_select a:link{color:#fff} .tab_list6 li.tab_select a:hover{color:#fff} .tab_list6 li.tab_select a:hover{color:#fff} .tab_list6 li.tab_select a:visited{color:#fff} .bbsFaq{border-top:2px #000 solid;} .faqList li{padding:15px 0 15px 40px;background:url('../images/sub/que_icon.png')no-repeat 0 13px;border-bottom:1px #dedede solid;font-size:20px;color:#555;font-family:'NanumSqR',sans-serif;} .faqList li a:link{color:#555} .faqList li a:hover{color:#555;text-decoration:underline} .faqList li a:visited{color:#555} .faqList li a:active{color:#555} .faqList li.faq_select{padding:0px;background:url('../images/sub/que_icon_sel.png')no-repeat 0 13px;border-bottom:1px #dedede solid;font-size:20px;color:#0053a7;font-family:'NanumSqR',sans-serif;} .faqList li.faq_select a:link{color:#0053a7} .faqList li.faq_select a:hover{color:#0053a7;text-decoration:underline} .faqList li.faq_select a:visited{color:#0053a7} .faqList li.faq_select a:active{color:#0053a7} .ques_select{padding:15px 0 0px 40px;} .faq_ansArea{width:100%;border-top:1px #c0c0c0 dotted;padding:15px 15px 20px 65px;margin-top:15px;background:#f7fbfd url('../images/sub/ans_icon_sel.png')no-repeat 20px 18px;} .faq_answer{font-size:15px;color:#353535;line-height:1.4;font-family:'NanumG',sans-serif;} .ir_so{overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px;} /* 소통마당_학습동아리_목록 2021.09.30 */ .clubArea{width:100%;clear:both;border-top:2px #000 solid;padding-top:3%} .clubList{overflow:hidden;display:block;padding-bottom:25px;margin-bottom:30px;border-bottom:1px #bebebe dotted} .clubList li{float:left;width:31%;margin-right:3.5%} .clubList li.list_end{margin-right:0;} .club_thum{height:260px;background:#f5f5f5 url('../images/sub/no_img.png')no-repeat 50% 50%;margin-bottom:15px;} .club_tit{font-size:18px;color:#222;font-family:'NanumSqB',sans-serif;} .club_tit a:link{color:#222} .club_tit a:hover{color:#222} .club_tit a:visited{color:#222} .club_tit a:active{color:#222} .club_info{overflow:hidden;display:block;padding:12px 0 0px 0px;} .club_info li{clear:both;width:100%;padding-bottom:5px;font-size:15px;color:#555;font-family:'NanumG',sans-serif;} .club_info li span{color:#000} /* 동아리_상세 */ .clubArea_detail{border-top:2px #000 solid;} .club_detailTit{font-size:22px;color:#000;font-family:'NanumSqB',sans-serif;border-bottom:1px # dotted;padding:25px;} .club_detailArea{} .club_detailList{overflow:hidden;display:block;border-top:1px #bebebe dotted;border-bottom:1px #bebebe solid;padding:20px;background-color:#f9f9f9;} .club_detailList li{float:left;font-size:18px;color:#555;padding-right:30px;font-family:'NanumSqR',sans-serif;} .club_detailList li span{color:#000;} .club_conArea{padding:20px;font-size:16px;color:#555;font-family:'NanumG',sans-serif;line-height:1.5} .club_conArea img{padding:5px 5px;} .club_file{font-size:18px;color:#555;font-family:'NanumSqR',sans-serif;padding:20px;border-top:1px #bebebe solid;border-bottom:1px #bebebe solid} .club_file span{color:#000} /* 소통마당_학습동아리_공간나눔및예약 2021.10.14 */ .div_comm{font-size:14px;color:#666;padding-bottom:5px} .club_divArea{border-top:2px #000 solid;border-bottom:1px #bebebe solid;} .club_divList li{overflow:hidden;display:block;padding:30px 0;border-bottom:1px #bebebe dotted} .club_divList li.list_last{border-bottom:none} .c_divThum{float:left;border:1px #bebebe solid;width:160px;height:130px;background:#fff url('../images/sub/no_img.png')no-repeat 50% 50%;margin-right:20px} .c_divTit{float:left;} .div_tit{font-size:20px;color:#000;font-family:'NanumSqR',sans-serif;width:750px} .div_tit a:link{color:#000} .div_tit a:visited{color:#000} .div_tit a:hover{color:#000;text-decoration:underline} .div_tit a:active{color:#000} .club_divList li .div_info{padding-top:10px;} .club_divList li .div_info li{border-bottom:none;font-size:14px;color:#555;font-family:'NanumG',sans-serif;padding:2px 0} .club_divList li .div_info li span{color:#000;font-family:'NanumGB',sans-serif;} /*지도로 검색*/ .div_mapArea{border:1px #acacac solid;width:100%;height:400px;text-align:center;margin-bottom:30px;} .club_dList{border-top:2px #000 solid;border-bottom:1px #bebebe solid;} .club_dList li{padding:15px 0;font-size:20px;color:#000;font-family:'NanumSqB',sans-serif;border-bottom:1px #bebebe dotted;} .club_dList li.l_last{border-bottom:none} .club_dList li button{float:right} /* 소통마당_학습동아리_공간나눔및예약_상세 */ .div_tit1{font-size:20px;color:#000;font-family:'NanumSqR',sans-serif;padding:20px 0 0 0;} .div_txt{font-size:16px;color:#555;font-family:'NanumG',sans-serif;padding:20px 0;} .c_userInfo{background:#f9f9f9 url('../images/sub/arr_club.png')no-repeat 20px 20px;padding:15px 0 15px 43px;font-size:20px;color:#0054a7;font-family:'NanumSqB',sans-serif;border-top:1px #bebebe dotted;border-bottom:1px #bebebe solid;} /* 소통마당_학습동아리_공간나눔및예약_예약하기 2021.10.15 */ .div_mapArea1{border:1px #acacac solid;width:100%;height:500px;text-align:center;margin-bottom:30px;} .div_leftArea{width:48.5%;margin-right:3%;float:left} .scad_tit{background-color:#0054a7;text-align:center;height:70px;font-size:24px;color:#fff;;font-family:'NanumSqR',sans-serif;line-height:70px;} .week_tit{height:58px;background-color:#f6f6f6;line-height:58px;border-left:1px #e3e3e3 solid;border-right:1px #e3e3e3 solid;} .week_list li{width:14.3%;float:left;text-align:center;color:#333;font-size:18px;font-family:'NanumSqR',sans-serif;} .week_list li.sun{width:14.2%;color:#d01b1b;} .week_list li.sat{color:#0054a7;} .day_listArea{border-top:1px #e3e3e3 solid;} .day_list li{width:14.3%;float:left;text-align:center;font-size:15px;border-right:1px #e3e3e3 solid;height:57px;line-height:57px;border-bottom:1px #e3e3e3 solid;} .day_list li.fir{width:14.25%;border-left:1px #e3e3e3 solid;} .day_list li.last{width:14.25%} .day_list li.today{background-color:#ecf2f7;color:#0054a7;font-family:'NanumGB',sans-serif;} .div_rightArea{width:48.5%;float:left;border-top:2px #000 solid;} .divis_titArea{border-left:1px #bebebe solid;border-bottom:1px #bebebe solid;border-right:1px #bebebe solid;height:70px;line-height:70px} .divis_tit{font-size:20px;color:#000;font-family:'NanumSqR',sans-serif;padding-left:20px;float:left} .divis_more{float:right;padding-right:20px;font-size:15px;color:#555;font-family:'NanumG',sans-serif;} .divis_list{border-top:1px #f3f3f3 solid;border-bottom:1px #dedede solid;padding-top:27px} .divis_list li{border-top:1px #dedede solid;padding:15px 0;} .divis_list li .divis_listTit{font-size:18px;color:#222;font-family:'NanumSqR',sans-serif;} .divis_list li .divis_listInfo{font-size:16px;color:#666;font-family:'NanumG',sans-serif;} .divis_list li .divis_listInfo span{color:#dddcdc} /* 소통마당_학습동아리_공간나눔및예약_예약완료 2021.10.15*/ .reserv_okArea{overflow:hidden;display:block;border:1px #a9a9a9 solid;background-color:#f7f7f7;} .reservTit{font-size:40px;color:#373737;padding:65px 0 25px 0;font-family:'NanumSqR',sans-serif;text-align:center} .reservTxt{font-size:18px;color:#555;padding:0 0 60px 0;font-family:'NanumSqR',sans-serif;text-align:center;border-bottom:1px #bebebe dotted} .reserv_infoArea{overflow:hidden;display:block;padding:40px;} .reserv_img{float:left;border:1px #bebebe solid;background-color:#fff;background:#fff url('../images/sub/no_img.png')no-repeat 50% 50%;width:160px;height:120px;} .reservInfo{float:left;padding-left:30px;} .reservInfo ul li{font-size:18px;color:#555;font-family:'NanumSqR',sans-serif;padding:2px 0} /* 소통마당_추천강좌 2021.10.15 */ .recomm_classArea{border-top:2px #000 solid} .recomm_classList{} .recomm_classList li{overflow:hidden;display:block;padding:25px 0;border-bottom:1px #dedede solid} .recomm_classList li button{width:15%;float:right} .recomm_classTit{float:left;width:82%;font-size:20px;color:#222;font-family:'NanumSqR',sans-serif} .recomm_classTit a:link{color:#222;} .recomm_classTit a:hover{color:#222;text-decoration:underline} .recomm_classTit a:visited{color:#222;} .recomm_classTit a:active{color:#222;} .recomm_classInfo{width:100%;font-size:18px;color:#818181;padding-top:5px} .t_blue{color:#0054a7} .recomm_detailArea{border:1px #dadada solid;background-color:#f8f8f8;padding:35px 30px 30px 30px;margin-bottom:30px} .rec_detailTit{font-size:24px;color:#222;font-family:'NanumSqR',sans-serif;padding-bottom:20px;border-bottom:1px #c6c6c6 dotted} .rec_datialInfo{padding:20px 0;font-size:18px;color:#555;font-family:'NanumSqR',sans-serif;} .rec_datialInfo span{color:#dddcdc} .rec_datialInfo span.t_blue{color:#0054a7} .rec_dList{font-size:20px;color:#000;font-family:'NanumSqR',sans-serif;padding-bottom:0px} .rec_detailList li{padding-top:5px;font-size:16px;color:#555;font-family:'NanumG',sans-serif;} .class_epilogArea{margin-bottom:30px;border-top:2px #000 solid;} .class_epilogList li{padding:20px 0;border-bottom:1px #dedede solid} .class_epilogTit{font-size:20px;color:#222;font-family:'NanumSqR',sans-serif} .class_epilogTit a:link{color:#222;} .class_epilogTit a:hover{color:#222;text-decoration:underline} .class_epilogTit a:visited{color:#222;} .class_epilogTit a:active{color:#222;} .class_epilogInfo{font-size:18px;color:#818181;padding-top:5px} .epilogArea{border-top:2px #000 solid;padding:20px 0;} .epilog_input input{height:40px;float:left;width:88%;margin-bottom:10px} .epilog_input button{margin-bottom:10px} .starPoint{clear:both;font-size:16px;color:#888;font-family:'NanumG',sans-serif;padding-top:10px} /* 권역별 검색 2021.11.04 */ /* honeycom_map.css로 이동 */ /* 집현전소개_시민대학장 인사말 2021.11.04 */ .greetingArea{width:100%;background:url('../images/sub/greeting_bg.png')no-repeat top right;} .greet_txt{font-size:18px;color:#555;font-family:'NanumSqR',sans-serif;line-height:1.4;white-space:pre-line;} .greet_largeTxt{font-size:40px;color:#111;font-family:'NanumSqL',sans-serif;padding:50px 0 30px 0;white-space:pre-line;} .t_sky{color:#008fe2;font-family:'NanumSqR',sans-serif;} .t_blue1{color:#0054a7;font-family:'NanumSqR',sans-serif;} .greet_sign{padding-top:70px;font-size:18px;color:#222;font-family:'NanumSqB',sans-serif;} .greet_sign span{font-size:22px;} /* 집현전소개_집현전개요_집현전개요 소개 2021.11.05 */ .synop_01Area{margin-bottom:30px} .synop_visionArea{background:url('../images/sub/intro_img1.png')no-repeat bottom right;border-bottom:1px #ccc dotted;padding-bottom:30px;} .synop_list{width:400px;margin:0 auto;} .synop_list li{width:100%;height:70px;text-align:center;border-radius:3px;line-height:70px;margin-bottom:5px} .synop_tit{font-size:30px;color:#fff;font-family:'NanumSqB',sans-serif;} .synop_txt{font-size:20px;color:#757575;font-family:'NanumSqR',sans-serif;} .synop_txt span{color:#000} .bg1{background-color:#0f2b55} .bg2{background-color:#fff;border:1px #bbb solid;} .bg3{background-color:#008cde} .synop_polyArea{margin-top:30px;} .synop_02Area{overflow:hidden;display:block;background:url('../images/sub/intro_img2.png')no-repeat top center;height:534px;border-top:1px #b0b0b0 dotted;text-align:center} .talent_tit{padding:143px 0 133px 0;font-size:30px;color:#fff;font-family:'NanumSqB',sans-serif;} .talent_list li{padding-bottom:45px;font-size:20px;color:#757575;font-family:'NanumSqR',sans-serif;margin-top: 0.6rem;} .talent_list li span{color:#000} .synop_03Area{padding-top:30px;text-align:center;background:url('../images/sub/intro_bg1.png')no-repeat bottom right;} .education_tit{width:405px;height:70px;line-height:70px;font-size:30px;color:#fff;font-family:'NanumSqB',sans-serif;background-color:#03a69c;border-radius:80px;margin:0 auto 28px auto;} .education_list{} .education_list li{display:inline-block;background:url('../images/sub/circle_img.png')no-repeat top center; width:133px;height:132px;text-align:center;font-size:24px;color:#03a69c;font-family:'NanumSqB',sans-serif;padding:50px 3px 0 3px;} .educationArea{width:405px;background:url('../images/sub/intro_bg.png')repeat-y center top;margin:0 auto;} .education_list1{padding-top:20px} .education_list1 li{width:405px;height:54px;line-height:54px;border-radius:80px;border:1px #bbb solid;background-color:#fff;margin-top:20px;font-size:20px;color:#757575;font-family:'NanumSqR',sans-serif;} /* BI소개 */ .biArea{border:1px #e2e2e2 solid;background:#f4f4f4 url('../images/sub/bi_bg.png')no-repeat bottom right ;padding:50px;margin-bottom:30px} .bi_img1{padding-bottom:50px;border-bottom:1px #c3c3c3 dotted;} .bi_img2{padding-top:50px;} .bi_tit{font-size:30px;color:#000;font-family:'NanumSqR',sans-serif;padding-bottom:7px;} .bi_txt{font-size:20px;color:#555;font-family:'NanumSqR',sans-serif;padding-bottom:60px;} .bi_txt1{font-size:20px;color:#555;font-family:'NanumSqR',sans-serif;padding-bottom:10px;} .bi_colorArea{} .bi_colorList li{display:inline-block;width:32%;margin-right:1.5%;text-align:center;height:80px;line-height:80px;font-size:24px;color:#fff;font-family:'NanumSqR',sans-serif;} .bi_colorList li.list_last{width:32%;margin-right:0;} .color_mode1{background-color:#f7ad00} .color_mode2{background-color:#0054a7} .color_mode3{background-color:#0081cc} /* 집현전소개_집현전개요_운영체계 2021.11.05 */ .pri_list01{margin-top:20px} .pri_list01 li{font-size:13px;font-family:'NanumG',sans-serif;color:#555;} /* 집현전소개 _ 집현전개요_명예학위제 2021.11.05 */ .honorList{} .honorList li{font-size:15px;font-family:'NanumG',sans-serif;color:#555;border:1px #bbb solid;border-radius:3px;background:url('../images/sub/s_list.png')no-repeat 15px 18px;padding:10px 10px 10px 28px;margin-bottom:5px;} .arrArea{background:url('../images/sub/arr_img.png')no-repeat 50% 50%;width:100%;padding:10px 0 15px 0;} .pri_list02{border:1px #ececec solid;background-color:#fbfbfb;padding:10px 20px 10px 20px;margin-bottom:10px} .pri_list02 li{font-size:15px;font-family:'NanumG',sans-serif;color:#555;background:url('../images/sub/s_list.png')no-repeat 0 8px;padding-left:13px;} /* 알림마당_수강안내 2021.11.08 */ .course_guideArea{width:100%} .course_copy{background:url('../images/sub/guid_img.png')no-repeat bottom right;line-height:1.4} .course_copy h3{font-size:40px;color:#0054a7;font-family:'NanumSqR',sans-serif;} .course_copy h4{font-size:22px;color:#a0a1a1;font-family:'NanumSqL',sans-serif;padding:20px 0 35px 0;white-space:pre-line;} .course_copy p{font-size:22px;color:#555;font-family:'NanumSqR',sans-serif;white-space:pre-line;} .course_btnList{margin-top:65px;} .course_btnList li{display:inline-block;width:24%;margin-right:0.9%;padding-left:25px;height:65px;line-height:65px;border:1px #ccc solid;font-size:22px;color:#666;font-family:'NanumSqR',sans-serif;} .course_btnList li a:link{color:#666} .course_btnList li a:hover{color:#333} .course_btnList li a:visited{color:#666} .course_btnList li a:active{color:#333} .course_btnList li.list_last{margin-right:0} .course_btnList li.on{background:#0054a7 url('../images/sub/arr_img2.png')no-repeat 93% 50%;border:1px #0054a7 solid;color:#fff} .course_guideTxt{margin:40px 0 30px 0;background-color:#f4f3f3;padding:30px;} .cou_list{border:1px #ececec solid;background-color:#fbfbfb;padding:15px;margin-bottom:10px} .cou_list li{font-size:15px;font-family:'NanumG',sans-serif;color:#555;background:url('../images/sub/s_list.png')no-repeat 0 8px;padding-left:13px;} .tb-row td .table_list{} .tb-row td .table_list li{font-size:14px;background:url('../images/sub/s_list1.png') no-repeat 0 6px;padding-left:10px;font-family:'NanumG',sans-serif;color:#666;margin-bottom:5px;} .tb-row td.text_left{text-align:left} .t_red{color:#c84646} /* 준비중 2021.11.08 */ .readyArea{text-align:center;padding-bottom:50px;padding-top:30px} .readyArea h3{font-size:50px;color:#0054a7;padding-bottom:35px;font-family:'NanumSqR',sans-serif;} .readyArea h4{font-size:24px;color:#555;padding-bottom:65px;font-family:'NanumSqR',sans-serif;} .ready_imgArea{background:url('../images/sub/ready_img.png')no-repeat top center;height:390px;width:100%;} /* 탭 갯수가 2개일때 */ .tab_list2{overflow:hidden;display:block;margin-bottom:20px;width:100%;} .tab_list2 li{float:left;margin-right:0.5%;width:49.6%;text-align:center;padding:15px 0;border:1px #b6b6b6 solid;margin-bottom:0.5%;font-size:18px;color:#555;font-family:'NanumSqR',sans-serif;} .tab_list2 li a:link{color:#555;} .tab_list2 li a:hover{color:#555;} .tab_list2 li a:visited{color:#555;} .tab_list2 li a:active{color:#555;} .tab_list2 li.tab_last{margin-right:0;} .tab_list2 li.sel_tabList{background-color:#000;border:1px #000 solid;color:#fff;width:49.8%;} .tab_list2 li.sel_tabList a:link{color:#fff} .tab_list2 li.sel_tabList a:hover{color:#fff} .tab_list2 li.sel_tabList a:visited{color:#fff} .tab_list2 li.sel_tabList a:active{color:#fff} /* 마이페이지_강사정보관리 2021.11.09 */ .bbsList.tb_detail2{border-top:2px #0054a7 solid;} .bbsList.tb_detail2 table {width:100%;border-top:none; border-left:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;border-right:1px solid #c6c6c6} .bbsList.tb_detail2 thead th{padding:12px 0; text-align:center; vertical-align:midd;background:none;background-color:#f7f9fa;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;font-size:18px;font-family:'NanumSqB',sans-serif; color:#121212;} .bbsList.tb_detail2 td {padding:11px 10px 9px 10px; text-align:center; border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;line-height:1.4;} .bbsList.tb_detail2 tbody th{padding:12px 0; text-align:center; vertical-align:midd;background-color:#f7f9fa;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;font-size:18px;font-family:'NanumSqB',sans-serif; color:#121212;} .bbsList.tb_detail2 td{border-top:0;font-size:16px;font-family:'NanumG',sans-serif; } .bbsList.tb_detail2 td .table_list{} .bbsList.tb_detail2 td .table_list li{font-size:13px;background:url('../images/sub/s_list1.png') no-repeat 0 6px;padding-left:10px;font-family:'NanumG',sans-serif;color:#777;margin-bottom:5px;} .bbsList.tb_detail2 td.text_left{text-align:left} .bbsList.tb_detail2 td.bg01{padding:12px 0;background-color:#f7f9fa;color:#555;font-family:'NanumGB',sans-serif; } /* 집현전소개_오시는길 2021.12.07 css추가 */ .directArea{} .mapArea{height:360px;width:100%;border:1px #e0e0e0 solid;text-align:center;margin-bottom:40px;} .direct_trainArea{width:100%;border:1px #ececec solid;padding:20px 20px 0 20px;background:#fbfbfb url('../images/sub/train.png')no-repeat 95% 50%;margin-bottom:40px;} .direc_tit{font-size:18px;color:#000;font-family:'NanumSqB',sans-serif;background:url('../images/sub/s_list.png')no-repeat 0 8px;padding-left:12px;} .direct_trainArea p{padding:0 200px 20px 12px;font-size:15px;color:#555;font-family:'NanumG',sans-serif;white-space:pre-line;} .direct_busArea{width:100%;border:1px #ececec solid;padding:20px 20px 0 20px;background:#fbfbfb url('../images/sub/bus.png')no-repeat 95% 50%;} .direc_tit{font-size:18px;color:#000;font-family:'NanumSqB',sans-serif;background:url('../images/sub/s_list.png')no-repeat 0 8px;padding-left:12px;} .direct_busArea p{padding:0 200px 20px 12px;font-size:15px;color:#555;font-family:'NanumG',sans-serif;white-space:pre-line;} .direct_list{padding-bottom:20px} .direct_list li{font-size:14px;color:#555;font-family:'NanumG',sans-serif;;background:url('../images/sub/s_slist.png')no-repeat 13px 12px;padding:4px 0 4px 25px;line-height:1.3;} /* pc 1000이하 --------------------------------------------------------------------------------------------------------------------------------------------- */ @media screen and (max-width: 1000px){ .sub_bg{background:url('../images/sub/sub_bg1.png')no-repeat 0 0;} .s_visualArea{width:100%;display:block;overflow:hidden;background:url('../images/sub/sub_visual1.png')no-repeat right top;height:132px;text-align:left;padding:45px 3% 0 3%;text-align:right} .copy1{font-size:20px;color:#fff;padding:0 0 5px 0;font-family:'NanumSqB',sans-serif;line-height:1.3;} .copy2{font-size:14px;color:#aab299;padding:0px 0 0px 0;font-family:'NanumGB',sans-serif;line-height:1.3} .bbsList .num {display:none} /*.bbsList .count {display:none}*/ .bbsList .dateup { font-family:'NanumSqR',sans-serif; font-size:17px;} /* 일반게시판_리스트 */ .bbsist {overflow:hidden;display:block; width:100%; } .bbsList a:hover, .bbsList a:focus {text-decoration:underline} .bbsList table {width:100%;border-top:2px solid #000;} .bbsList thead{border-left:1px solid #bebebe;} /* .bbsList thead th {font-size:15px;padding:10px; font-weight:normal; font-family:'NanumGB',sans-serif; color:#000; background-color:#fafafa; border-bottom:1px solid #bebebe;background:url('../images/sub/th_bar.png') no-repeat bottom right;} */ .bbsList thead th {font-size:15px;padding:10px; font-weight:normal; font-family:'NanumGB',sans-serif; color:#000; background-color:#fafafa; border-bottom:1px solid #bebebe;} .bbsList thead th.th_fir{border-left:1px solid #bebebe;} /* .bbsList thead th.th_last{border-right:1px solid #bebebe;background:none} */ .bbsList thead th.th_last{border-right:1px solid #bebebe} .bbsList thead th.mobile_dateUp {font-size:13px;padding:10px; font-weight:normal; font-family:'NanumGB',sans-serif; color:#000; background-color:#fafafa; border-right:1px solid #bebebe;} .bbsList td {text-align:center; font-family:'Montserrat',sans-serif; font-size:14px; border-bottom:1px solid #d4d4d4; word-wrap:break-word; word-break:keep-all; vertical-align:middle} .bbsList td {padding:10px 10px 5px 10px} .bbsList td.title{text-align:left;color:#000} .bbsList td.title a:link{color:#000;font-family:'Montserrat',sans-serif; } .bbsList td.title a:hover{color:#000} .bbsList td.title a:visited{color:#000} .bbsList td.title a:active{color:#000} .bbsList td .notice{background:url('../images/sub/notice_icon.png') no-repeat 50% 0;text-indent:-9999px;overflow:hidden;} .bbsList tr.bg1 {background-color:#f7f7f7} .bbsList td.no-data {height:auto; padding:180px 0 30px; background:url('../images/sub/ico_nodata.png') no-repeat 50% 30px; font-size:15px; font-family:'NotoKrM'} .bbsList td.re div {margin-left:10px; padding-left:36px; background:url('../images/sub/ico_re.gif') no-repeat 0 0;} .bbsList .link {line-height:20px} .bbsList .link a, .bbsList .link span {position:relative; overflow:hidden; display:inline-block; width:auto; font-family:'NanumGB'} .bbsList .link .tit {display:none} .bbsList .link a span {display:block; overflow:hidden; position:relative; text-overflow:ellipsis} .bbsList .link a.hot {padding-left:20px; background:url('../images/sub/ico_bbs_hot1.png') no-repeat 0 4px} .bbsList .link a.new {padding-left:20px; background:url('../images/sub/ico_bbs_new1.png') no-repeat 0 4px} /* table 위 검색조건 */ .bbs_select button {display:inline-block; padding:0 12px; line-height:26px; font-size:12px; color:#fff; background-color:#555} .bbs_search_basic {float:right; position:relative; overflow:hidden; display:block;} .bbs_search_basic .grap {float:left; position:relative; display:inline-block; margin-bottom:0px} .bbs_search_basic .grap select {height:34px;width:100px;padding-left:5px;font-size:14px;} .bbs_search_basic .searchinput {float:right; display:block; position:relative; text-align:right} .bbs_search_basic .searchinput input {width:150px; height:32px; margin:0 2px;font-size:14px;} .basic_box {position:relative; padding:0px; margin-bottom:10px;} .bbs_total {font-family:'NanumG',sans-serif;float:left; display:block; position:relative; margin:0; padding:4px 0 0 18px; line-height:33px; font-size:16px; color:#666; background:url('../images/sub/icon_bbs.gif') no-repeat 0 15px} .bbs_total * {vertical-align:baseline} .bbs_total .bold {font-family:'NanumGB',sans-serif;color:#0054a7} /* button ------------------------------------------------------------------------------------------------------------------------------- */ .btnBox {clear:both; overflow:hidden; width:100%; margin-top:40px; text-align:right} .btnBox [class^='btn']+[class^='btn'] {margin-left:4px} .btnBox_fr {clear:both; overflow:hidden; width:100%; margin:20px 0 0 0; text-align:right} .btnBox_fr [class^='btn']+[class^='btn'] {margin-left:4px} .btn {position:relative; display:inline-block; color:inherit; text-align:center; border:1px solid transparent; border-radius:2px; background:none; background-image:none; text-transform:uppercase; white-space:nowrap; cursor:pointer; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s} .btn:before {position:relative; font-style:normal; font-variant:normal; font-weight:normal; text-transform:none; line-height:1; speak:none; -webkit-font-smoothing:antialiased} .btn:after {position:absolute; z-index:-1; content:''; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s} .btn-srh {min-width:35px;height:35px;background:#184d9d url('../images/sub/btn_search1.png')no-repeat 50% 50%;margin:0px} .btnSrc {height:36px; line-height:34px; padding:0 10px; font-family:'NanumGB',sans-serif;} .btn.sml {min-width:50px; line-height:18px; padding:3px 5px 3px; line-height:18px; font-size:12px} .btn.nor {min-width:60px; line-height:20px; padding:2px 6px 4px; font-size:13px; font-family:'NanumGB',sans-serif;} .btn.big {min-width:110px; line-height:24px; padding:10px 20px 12px; font-size:15px; font-family:'NanumGB',sans-serif; border-radius:3px} .btn.tbl {height:28px; line-height:28px; padding:0 10px; font-size:12px} .btn.add_file {min-width:60px; line-height:20px; padding:2px 4px 2px; font-size:12px; font-family:'NanumGB',sans-serif;} .btn-white {color:#666; border-color:#c3c3c3; background-color:#fff} .btn-white:hover, .btn-white:focus, .btn-white:active {background-color:#fff; border-color:#a6a6a6; color:#444} .btn-blue {font-size:13px; color:#fff; border-color:#0053a7; background-color:#0053a7} .btn-blue:hover, .btn-blue:focus, .btn-blue:active {background-color:#00458a; border-color:#00458a; color:#fff} .btn-dBlue {background-color:#374563; border-color:#374563; color:#fff} .btn-dBlue:hover, .btn-dBlue:focus, .btn-dBlue:active {background-color:#28344e; border-color:#28344e; color:#fff} .btn-gray {background-color:#565656; border-color:#565656; color:#fff} .btn-gray:hover, .btn-gray:focus, .btn-gray:active {background-color:#414141; border-color:#414141} .btn-dGray {background-color:#171717; border-color:#171717; color:#fff} .btn-dGray:hover, .btn-dGray:focus, .btn-dGray:active {background-color:#070707; border-color:#070707} .btn-green {font-size:13px; color:#fff; border-color:#0d9145; background-color:#0d9145} .btn-green:hover, .btn-green:focus, .btn-green:active {background-color:#077536; border-color:#077536; color:#fff} .btn-black {background-color:#222; border-color:#222; color:#fff} .btn-black:hover, .btn-black:focus, .btn-black:active {background-color:#000; border-color:#000} /* paging ----------------------------------------------------------------------------------------------------------------------------------------- */ .pageNavi {clear:both; margin:20px 0; text-align:center; line-height:18px} .pageNavi:after {content:""; display:block; clear:both} .pageNavi li {display:inline-block; vertical-align:middle;font-family:'NanumGB',sans-serif;font-size:13px} .pageNavi li a {display:block; width:23px; height:23px; line-height:23px; margin:4px 1px;vertical-align:middle } .pageNavi .pga a{font-size:0; line-height:0; background:url('../images/sub/bg_page01.png') no-repeat; vertical-align:middle} .pageNavi .pga a span {height:0; font-size:0;} .pageNavi .pga.first a:link {background:url('../images/sub/bg_page01.png') no-repeat;background-position:0px 0px;} .pageNavi .pga.first a:hover {background:url('../images/sub/bg_page02.png') no-repeat;background-position:0px 0px;} .pageNavi .pga.first a:visited {background:url('../images/sub/bg_page01.png') no-repeat;background-position:0px 0px;} .pageNavi .pga.first a:active {background:url('../images/sub/bg_page02.png') no-repeat;background-position:0px 0px;} .pageNavi .pga.last a:link {background:url('../images/sub/bg_page01.png') no-repeat;background-position:-69px 0px;} .pageNavi .pga.last a:hover {background:url('../images/sub/bg_page02.png') no-repeat;background-position:-69px 0px;} .pageNavi .pga.last a:visited {background:url('../images/sub/bg_page01.png') no-repeat;background-position:-69px 0px;} .pageNavi .pga.last a:active {background:url('../images/sub/bg_page02.png') no-repeat;background-position:-69px 0px;} .pageNavi .pga.prev a:link {background:url('../images/sub/bg_page01.png') no-repeat;background-position:-23px 0px;} .pageNavi .pga.prev a:hover {background:url('../images/sub/bg_page02.png') no-repeat;background-position:-23px 0px;} .pageNavi .pga.prev a:visited {background:url('../images/sub/bg_page01.png') no-repeat;background-position:-23px 0px;} .pageNavi .pga.prev a:active {background:url('../images/sub/bg_page02.png') no-repeat;background-position:-23px 0px;} .pageNavi .pga.next a:link {background:url('../images/sub/bg_page01.png') no-repeat;background-position:-46px 0px;} .pageNavi .pga.next a:hover {background:url('../images/sub/bg_page02.png') no-repeat;background-position:-46px 0px;} .pageNavi .pga.next a:visited {background:url('../images/sub/bg_page01.png') no-repeat;background-position:-46px 0px;} .pageNavi .pga.next a:active {background:url('../images/sub/bg_page02.png') no-repeat;background-position:-46px 0px;} .pageNavi li.active a, .pageNavi li a:hover, .pageNavi li a:focus {background:url('../images/sub/paging_bg02.png')0 0;color:#fff} /* white ------------------------------------------------------------------------------------------------------------------------------------------------------ */ .bbsList.write table {width:100%;border-top:2px #000 solid; border-bottom:1px solid #d9d9d9s} .bbsList.write th {padding:10px 0 10px 0px; text-align:left; font-size:13px;font-family:'NanumGB',sans-serif; color:#121212; vertical-align:midd; background:#f7f7f7;border-bottom:1px solid #d9d9d9;text-align:center} .bbsList.write td {padding:8px 0 6px 10px; text-align:left; border-top:1px solid #d9d9d9;} .bbsList.write tr:first-child th, .bbsList.write tr:first-child td {border-top:0} .bbsList.write td input, .bbsList.write td textarea {width:97%; height:24px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;font-size:13px} .bbsList.write td select{ padding:3px;min-width:200px;font-size:13px;height:24px;} .bbsList.write td textarea {height:200px; padding:10px 8px} .bbsList.write td .fileWrap {position:relative; width:97%; padding:10px 10px 5px; border:1px solid #ccc; border-left-color:#bcbcbc; border-top-color:#bcbcbc; background-color:#fff} .bbsList.write td .fileWrap .file {display:block; margin-bottom:5px; text-align:left} .bbsList.write td .fileWrap .file input {width:auto} .bbsList.write td.list_last{border-bottom:} .btn24 .ico {display:inline-block; height:24px; padding:0; font-size:0; background:url('../images/sub/btn_ico.png') no-repeat} .btn24 .ico.del {width:43px; background-position:-50px -80px} .btn24 .ico.add {width:43px; background-position:0 -80px} .file_name{font-size:13px;font-family:'NotoKrM',sans-serif;padding:5px 0 10px 0;} .file_input{margin-top:10px;border-top:1px #d4d4d4 dotted;font-size:13px;font-family:'NotoKrM',sans-serif;font-weight:600;padding-top:7px} /* 로그인 */ .loginArea{background:url('../images/sub/login_bg0.png')no-repeat top right;} .login_titArea{background:url('../images/sub/login_bg01.png')no-repeat bottom left;height:120px;text-align:right;} .login_tit{font-size:32px;color:#555;font-family:'NanumSqL',sans-serif;text-transform:uppercase;padding-top:0px} .login_tit span{font-size:32px;color:#555;font-family:'NanumSqB',sans-serif;} .login_txt{font-size:13px;color:#555;font-family:'NanumG',sans-serif;padding-top:5px} .login_form{overflow:hidden;display:block;background-color:#fbfbfb;border-top:1px #d8d8d8 solid;border-bottom:1px #d8d8d8 solid;} .login_form li{float:left;width:100%;text-align:center} .login_form li.login_left{border-right:0px #d8d8d8 solid; padding:30px 0;} .login_input input{width:290px;height:48px;border:1px #a5a5a5 solid;padding:0 12px;line-height:48px;font-size:15px;color:#777;margin-bottom:5px} .login_input {border-bottom:1px #d8d8d8 dotted;padding-bottom:20px;margin-bottom:20px;width:290px;margin:0 auto 20px auto;} .login_form li.login_right{border-top:1px #d8d8d8 solid;padding:10px 0;} .login_find{text-align:center;padding-top:10px;} .login_find li{width:100%;padding:0;clear:both;font-size:15px;color:#555;font-family:'NanumG',sans-serif;} /* .btn_login_naver {margin-top: 0;} */ .btn_login_naver {display: block;margin-left: 11.2rem;margin-top: 0.3rem;} .btn_login_kakao {margin-top: 0;} .l_textArea{padding:30px 0 0 0;font-size:13px;color:#555;font-family:'NanumG',sans-serif;line-height:1.4} /* 아이디/비번찾기 */ .find_Area{} .find_listArea li{width:100%;text-align:center;margin-bottom:10px;} .find_listArea li.find_idArea{float:left;border-bottom:1px #e3e3e3 solid; } .find_listArea li.find_pwArea{float:right;border-bottom:1px #e3e3e3 solid;} .id_titArea{padding:15px 0;background-color:#0d56a6;color:#fff;font-size:20px;font-family:'NanumSqB',sans-serif;} .pw_titArea{padding:15px 0;background-color:#0081cc;color:#fff;font-size:20px;font-family:'NanumSqB',sans-serif;} .id_textArea{border-left:1px #e3e3e3 solid;border-right:1px #e3e3e3 solid} .id_txtArea{padding:25px 0 120px 0;font-size:15px;color:#555;line-height:1.4;font-family:'NanumG',sans-serif;background:url('../images/sub/find_img01.png')no-repeat 50% 85%;} .pw_txtArea{padding:25px 0 120px 0;font-size:15px;color:#555;line-height:1.4;font-family:'NanumG',sans-serif;background:url('../images/sub/find_img02.png')no-repeat 50% 85%;} .input_Area{height:182px;border-bottom:1px #d0d0d0 dotted;width:80%;margin:0 auto;} .input_Area input{width:94%;height:40px;border:1px #a3a3a3 solid;padding:0;line-height:40px;font-size:15px;padding-left:5%;color:#777;margin-bottom:5px} .btn_ok{margin-top:20px;padding-bottom:50px;} .btn_ok button{width:80%;height:40px;font-size:18px;color:#fff;text-align:center;font-family:'NanumSqB',sans-serif;} .btn_ok button.btn_ok1{background-color:#0d56a6} .btn_ok button.btn_ok2{background-color:#0081cc} /* 회원가입_본인인증 2021.09.24 */ .certificationArea{} .certifList li{width:48%;} .certifList li.certifLeft{float:left;border-bottom:2px #0d56a6 solid;} .certifList li.certifRight{float:right;border-bottom:2px #0081cc solid;} .certif_titArea1{padding:20px 0;text-align:center;font-size:24px;color:#fff;font-family:'NanumSqB',sans-serif;background-color:#0d56a6} .certif_titArea2{padding:20px 0;text-align:center;font-size:24px;color:#fff;font-family:'NanumSqB',sans-serif;background-color:#0081cc} .certif_textArea{padding:20px;text-align:center;border-left:1px #e3e3e3 solid;border-right:1px #e3e3e3 solid;min-height:490px} .certif_textArea p{font-size:18px;font-family:'NanumSqR',sans-serif;color:#555;line-height:1.4;padding-bottom:25px;} .cert_imgArea{padding:80px 0 103px 0} .certif_btnArea{padding-top:20px} .btn_certif{width:208px;padding:10px 0;border-radius:80px;color:#fff;font-size:18px;font-family:'NanumSqB',sans-serif;} /* 회원가입_가입완료 2021.09.24 */ .join_okArea{background:url('../images/sub/join_ok1.png')no-repeat top right;border-bottom:1px #e3e3e3 solid;padding:80px 0 40px 0;margin-bottom:30px;text-align:center} .ok_tit{font-size:24px;color:#184d9d;padding-bottom:30px;font-family:'NanumSqB',sans-serif;} .id_infoBox{border:1px #c8c8c8 solid;padding:10px 0px;text-align:center;width:70%;margin:0 auto;font-size:18px; font-family:'NanumSqB',sans-serif;color:#000;} .id_infoBox span{color:#0081cc; font-family:'NanumSqB',sans-serif;} .ok_text{font-size:15px;color:#777;font-family:'NanumG',sans-serif;padding-top:23px;} .btn_agree{min-width:100px;text-align:center;padding:10px 15px;font-size:14px;font-family:'NanumGB',sans-serif;color:#fff} /* 수강신청_통합검색_강좌별검색 2021.09.27 */ .search_boxArea{overflow:hidden;display:block;border:0px #e5e5e5 solid;border-bottom:1px #e5e5e5 dotted;background-color:#fff;padding:0px 0 10px 0;margin-bottom:20px;} .search_listArea{} .search_listArea li{float:left;margin-bottom:5px} .search_listArea li select{height:30px;line-height:30px;font-size:14px;font-family:'NanumG',sans-serif; width:150px;padding-left:5px} .search_listArea li input{height:30px;line-height:30px;font-size:14px;font-family:'NanumG',sans-serif; width:90%;padding-left:5px} .search_tit, .search_tit2{font-size:15px;color:#333;font-family:'NanumGB',sans-serif;width:15%;line-height:30px;} .search_tit1{font-size:15px;color:#333;font-family:'NanumGB',sans-serif;width:15%;clear:both;line-height:40px;} .search_form{padding-right:35px;width:80%} .search_form2{width:80%;} .cal_Area{float:left;} .cal_text{float:left;line-height:40px;padding:0 10px;} .search_input{float:left} .search_btn{float:left} .btn-search{border-radius:0;padding:7px 15px 6px 15px ;font-family:'NanumGB',sans-serif;color:#fff;margin:0 3px;background:#172c42 url('../images/sub/btn_search1.png')no-repeat 50% 50%} .btn-reset{border-radius:0;padding:6px 15px 6px 15px;font-size:14px;font-family:'NanumGB',sans-serif;color:#fff;margin-right:3px} .classList {overflow:hidden;display:block; width:100%;margin-top:10px } .classList a:hover, .classList a:focus {text-decoration:underline} .classList table {width:100%;border-top:2px solid #000} .classList thead th {font-size:18px;padding:12px 10px 10px; font-weight:normal; font-family:'NanumSqB',sans-serif; color:#000; background-color:#fafafa; border-bottom:1px solid #bebebe;background:url('../images/sub/th_bar.png') no-repeat bottom right;} .classList thead th.th_fir{border-left:1px solid #bebebe;} .classList thead th.th_last{border-right:1px solid #bebebe;background:none} .classList td {text-align:center; font-family:'NanumG',sans-serif; font-size:15px; border-bottom:1px solid #d4d4d4; word-wrap:break-word; word-break:keep-all; vertical-align:middle} .classList td {padding:12px 10px 10px;} .classList td.srh_tit{text-align:left;color:#000;font-size:17px; font-family:'NanumGB',sans-serif;} .classList td.srh_tit a:link{color:#000;font-family:'NanumSqR',sans-serif; } .classList td.srh_tit a:hover{color:#000;text-decoration:underline} .classList td.srh_tit a:visited{color:#000} .classList td.srh_tit a:active{color:#000} .class_infoArea{overflow:hidden;display:block;padding:7px 0 0 0;} .class_infoArea li{float:left;color:#818181;font-size:15px;font-family:'NanumG',sans-serif;} .class_infoArea li span{color:#363636;} .c_infoBar{padding:0 10px;} /* .state_ing{width:80px;border-radius:80px;border:2px #0054a7 solid;font-size:13px;color:#0054a7;font-family:'NanumGB',sans-serif;text-align:center;padding:3px 0px;margin:0 auto;} .state_end{width:80px;border-radius:80px;border:2px #a5a5a5 solid;font-size:13px;color:#a5a5a5;font-family:'NanumGB',sans-serif;text-align:center;padding:3px 0px;margin:0 auto;} */ /* 통합검색 강좌상세 table ------------------------------------------------------------------------------------------------------------------------------------------------------ */ .bbsList.tb_detail{border-top:2px #0054a7 solid;} .bbsList.tb_detail table {width:100%;border-top:none; border-left:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;border-right:1px solid #c6c6c6} .bbsList.tb_detail th {width:25%;padding:15px 10px 15px 10px; text-align:center; font-size:14px;font-family:'NanumGB',sans-serif; color:#121212; vertical-align:midd; background-color:#f7f9fa;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6} .bbsList.tb_detail td {padding:11px 10px 9px 10px; text-align:left; border-top:1px solid #d9d9d9;line-height:1.4;font-family:'NanumG',sans-serif;} .bbsList.tb_detail tr:first-child th, .bbsList.tb_detail tr:first-child td {border-top:0} .bbsList.tb_detail tbody tr > td select.selectTb{width:160px;} .bbsList.tb_detail tbody tr > td input{height:30px;margin-bottom:3px} .wid300{width:95%} .wid300_input{width:95%} /* 마이페이지_나의 정보 비밀번호입력 2021.09.28 */ .my_infoArea{height:150px;background:url('../images/sub/my_info_img02.png')no-repeat bottom right;} .my_infoTit{color:#0053a7;font-size:20px;font-family:'NanumSqB',sans-serif;padding:20px 0 15px 0px} .my_infoText{color:#777;font-size:14px;font-family:'NanumG',sans-serif;padding:0px 0 0px 0px} .my_infoArea_mod{height:190px;background:url('../images/sub/my_info_img01.png')no-repeat bottom right;} .my_infoTit_mod{color:#0053a7;font-size:20px;font-family:'NanumSqB',sans-serif;padding:20px 0 15px 0px} .my_infoText_mod{color:#777;font-size:14px;font-family:'NanumG',sans-serif;padding:0px 0 0px 0px} .my_unregistArea{overflow:hidden;display:block;height:100%;background:url('../images/sub/my_info_img03.png')no-repeat bottom right;padding-bottom:20px;} .my_unregTit{color:#0053a7;font-size:20px;font-family:'NanumSqB',sans-serif;padding:20px 0 15px 0px} .my_unregText{color:#777;font-size:14px;font-family:'NanumG',sans-serif;padding:0px 0 0px 0px} /* 시험 및 설문_레이어팝업 */ .test_titBox{border:1px #a9a9a9 solid;background-color:#f7f7f7;padding:20px;margin-bottom:20px;} .test_tit{font-size:24px;color:#333;padding-bottom:10px;font-family:'NanumSqB',sans-serif;} .test_text{font-size:15px;color:#555;line-height:1.4;font-family:'NanumG',sans-serif;} .test_ques{font-size:18px;color:#000;font-family:'NanumSqB',sans-serif;} .test_ansArea{padding:10px 0 20px 0;border-bottom:1px #bebebe dotted;margin-bottom:30px;} .test_ansList li{width:100%;clear:both;margin-bottom:10px} .test_ansList li .radio_inp{float:left;padding-right:5px;} .test_ansList li .radio_lab{font-size:15px;color:#555;font-family:'NanumG',sans-serif;} .test_ansList li .radio_inp input{width:15px;height:15px;} .test_textArea{width:100%;border:1px #acacac solid;margin-top:10px} .test_textArea textarea{border:none;padding:10px;width:96%;font-size:13px;height:80px;} .survey_cate{margin-bottom:20px;border-top:1px #82a7c6 solid;border-bottom:1px #b8cddf dotted;background-color:#eff4f8;padding:10px 20px;font-size:18px;color:#0054a7;font-family:'NanumSqB',sans-serif;margin-top:10px} .serv_ques{font-size:15px;color:#555;font-family:'NanumGB',sans-serif;padding:5px 0 10px 0} .serv_ansArea{overflow:hidden;display:block;margin-bottom:20px;border-bottom:1px #bebebe dotted;padding-bottom:20px;} .serv_ansList li{float:left;padding-right:30px;} .serv_ansList li .radio_inp1{float:left;padding-right:5px;} .serv_ansList li .radio_inp1 input{width:13px;height:13px;} .serv_ansList li .radio_lab1{float:left;font-size:13px;color:#555;font-family:'NanumG',sans-serif;} /* 마이페이지_나의수강내역_시간표 2021.08.29 */ .scadule_titArea{overflow:hidden;display:block;background-color:#0054a7;padding:15px 20px;} .scad_date{float:left;font-size:22px;font-family:'NanumSqB',sans-serif;color:#fff} .scad_todayArea{float:right;background:#fff url('../images/sub/scad_img1.png')no-repeat 15px 7px;font-size:16px;color:#0054a7;font-family:'NanumGB',sans-serif;padding:5px 15px 5px 45px;border-radius:100px;} .myclass_scaduleArea{border-left:1px #bebebe solid;border-bottom:1px #bebebe solid;border-right:1px #bebebe solid;} .myclass_scaduleArea table thead th{border-right:1px #e3e3e3 solid;border-bottom:1px #e3e3e3 solid;background-color:#f6f6f6;padding:10px;text-align:center;font-size:18px;color:#333;font-family:'NanumSqB',sans-serif;} .myclass_scaduleArea table thead th.th_last{border-right:none} .myclass_scaduleArea table tbody tr{border-bottom:1px #e3e3e3 solid;min-height:100px;} .myclass_scaduleArea table tbody td{border-right:1px #e3e3e3 solid;padding:10px;text-align:center;font-size:14px;color:#333;font-family:'NanumG',sans-serif;vertical-align:middle} /* 나의학위 2021.09.29 */ .bbsList.tb_detail1{border-top:2px #0054a7 solid;} .bbsList.tb_detail1 table {width:100%;border-top:none; border-left:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;border-right:1px solid #c6c6c6} .bbsList.tb_detail1 thead th {background:url('../images/sub/th_bar11.png') no-repeat bottom right;padding:7px 0; text-align:center; font-size:14px;font-family:'NanumGB',sans-serif; color:#121212; vertical-align:midd; background-color:#f7f9fa;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6} .bbsList.tb_detail1 td {padding:7px 0px; text-align:center; border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;line-height:1.4;} .bbsList.tb_detail1 tbody th{border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;font-size:14px;font-family:'NanumGB',sans-serif; color:#000} .bbsList.tb_detail1 td{border-top:0;font-size:13px;font-family:'NanumG',sans-serif; vertical-align:top} .bbsList.tb_detail1 td .table_list{padding:5px;} .bbsList.tb_detail1 td .table_list li{font-size:13px;background:url('../images/sub/s_list1.png') no-repeat 0 6px;padding-left:10px;font-family:'NanumG',sans-serif;color:#777;margin-bottom:5px;} .bbsList.tb_detail1 td.text_left{text-align:left} /* 환불팝업 table */ .bbsList.tb_refund{border-top:2px #0054a7 solid;margin-bottom:20px} .bbsList.tb_refund table {width:100%;border-top:none; border-left:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;border-right:1px solid #c6c6c6} .bbsList.tb_refund th {background:url('../images/sub/th_bar11.png') no-repeat bottom right;padding:15px 0 15px 0px; text-align:center; font-size:15px;font-family:'NanumGB',sans-serif; color:#121212; vertical-align:midd; background-color:#f7f9fa;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6} .bbsList.tb_refund td {padding:7px; text-align:center; border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;line-height:1.4;font-size:13px;font-family:'NanumG',sans-serif;} .bbsList.tb_refund tr:first-child th, .bbsList.tb_refund tr:first-child td {border-top:0} .bbsList.tb_refund tr > td select.selectTb{width:100px;} .bbsList.tb_refund tr > td input{height:30px;} .bbsList.tb_refund td input, .bbsList.tb_refund td textarea {width:97%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;font-size:14px} .bbsList.tb_refund td textarea {height:150px; } .wid300{width:90%} .wid300_input{width:75%} .bbsList.tb_refund1{border-top:2px #0054a7 solid;margin-bottom:20px} .bbsList.tb_refund1 table {width:100%;border-top:none; border-left:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;border-right:1px solid #c6c6c6} .bbsList.tb_refund1 th {background:url('../images/sub/th_bar11.png') no-repeat bottom right;padding:15px 0 15px 0px; text-align:center; font-size:15px;font-family:'NanumGB',sans-serif; color:#121212; vertical-align:midd; background-color:#f7f9fa;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6} .bbsList.tb_refund1 td {padding:7px 7px 7px 10px; text-align:left; border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;line-height:1.4;font-size:13px;font-family:'NanumG',sans-serif;} .bbsList.tb_refund1 tr:first-child th, .bbsList.tb_refund1 tr:first-child td {border-top:0} .bbsList.tb_refund1 tr > td select.selectTb{width:100px;} .bbsList.tb_refund1 tr > td input{height:30px;} .bbsList.tb_refund1 td input, .bbsList.tb_refund1 td textarea {width:97%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;font-size:14px} .bbsList.tb_refund1 td textarea {height:150px; } /* faq */ .faq_titArea{background:url('../images/sub/faq_img1.png')no-repeat top right;height:100px;} .faq_tit{font-size:24px;color:#184d9d;font-family:'NanumSqR',sans-serif;padding:20px 0 0px 0;} .faq_txt{font-size:18px;color:#242424;font-family:'NanumSqR',sans-serif;} .btn_topArea{padding:0 0 10px 0;text-align:right} .faq_btn{padding:5px 12px 5px 12px;text-align:center;font-size:13px;font-family:'NanumGB',sans-serif;} .tabArea6{overflow:hidden;display:block;margin:20px 0;} .tab_list6 li{float:left;width:100%;margin-right:0%; margin-bottom:0.2%;text-align:center;border:1px #b8b8b8 solid;padding:10px 0;font-size:14px;color:#555;font-family:'NanumG',sans-serif;} .tab_list6 li.tab_last{margin-right:0} .tab_list6 li.tab_select{background-color:#000;border:1px #000 solid;color:#fff} .bbsFaq{border-top:2px #000 solid;} .faqList li{padding:13px 0 13px 30px;background:url('../images/sub/que_icon1.png')no-repeat 0 13px;border-bottom:1px #dedede solid;font-size:16px;color:#555;font-family:'NanumG',sans-serif;} .faqList li.faq_select{padding:0px;background:url('../images/sub/que_icon_sel1.png')no-repeat 0 13px;border-bottom:1px #dedede solid;font-size:16px;color:#0053a7;font-family:'NanumG',sans-serif;} .ques_select{padding:15px 0 0px 30px;} .faq_ansArea{width:100%;border-top:1px #c0c0c0 dotted;padding:10px 10px 15px 45px;margin-top:15px;background:#f7fbfd url('../images/sub/ans_icon_sel1.png')no-repeat 15px 13px;} .faq_answer{font-size:13px;color:#353535;line-height:1.4;font-family:'NanumG',sans-serif;} .ir_so{overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px;} /* 소통마당_학습동아리_공간나눔및예약 2021.10.14 */ .div_comm{font-size:14px;color:#666;padding-bottom:5px} .club_divArea{width:100%;border-top:2px #000 solid;border-bottom:1px #bebebe solid;} .club_divList li{overflow:hidden;display:block;padding:30px 0;border-bottom:1px #bebebe dotted} .c_divThum{float:left;border:1px #bebebe solid;width:20%;height:130px;background:#fff url('../images/sub/no_img.png')no-repeat 50% 50%;margin-right:2%} .c_divTit{float:left;} .div_tit{font-size:18px;color:#000;font-family:'NanumSqR',sans-serif;width:100%;} .div_info{padding-top:10px;} .div_info li{border-bottom:none;font-size:14px;color:#555;font-family:'NanumG',sans-serif;padding:2px 0} .div_info li span{color:#000;font-family:'NanumGB',sans-serif;} /* 소통마당_학습동아리_공간나눔및예약_예약하기 2021.10.15 */ .div_mapArea1{border:1px #acacac solid;width:100%;height:500px;text-align:center;margin-bottom:30px;} .div_leftArea{width:100%;margin-right:0%;margin-bottom:3%;float:left} .scad_tit{background-color:#0054a7;text-align:center;height:60px;font-size:22px;color:#fff;;font-family:'NanumSqR',sans-serif;line-height:60px;} .week_tit{height:45px;background-color:#f6f6f6;line-height:45px;border-left:1px #e3e3e3 solid;border-right:1px #e3e3e3 solid;} .week_list li{width:14.3%;float:left;text-align:center;color:#333;font-size:15px;font-family:'NanumGB',sans-serif;} .week_list li.sun{width:14.2%;color:#d01b1b;} .week_list li.sat{color:#0054a7;} .day_listArea{border-top:1px #e3e3e3 solid;} .day_list li{width:14.3%;float:left;text-align:center;font-size:13px;border-right:1px #e3e3e3 solid;height:45px;line-height:45px;border-bottom:1px #e3e3e3 solid;} .day_list li.fir{width:14.25%;border-left:1px #e3e3e3 solid;} .day_list li.last{width:14.25%} .day_list li.today{background-color:#ecf2f7;color:#0054a7;font-family:'NanumGB',sans-serif;} .div_rightArea{width:100%;float:left;border-top:2px #000 solid;margin-bottom:20px} .divis_titArea{border-left:1px #bebebe solid;border-bottom:1px #bebebe solid;border-right:1px #bebebe solid;height:50px;line-height:50px} .divis_tit{font-size:18px;color:#000;font-family:'NanumSqR',sans-serif;padding-left:20px;float:left} .divis_more{float:right;padding-right:20px;font-size:15px;color:#555;font-family:'NanumG',sans-serif;} .divis_list{border-top:0px #f3f3f3 solid;border-bottom:1px #dedede solid;padding-top:0px} .divis_list li{border-top:1px #dedede solid;padding:10px 0 10px 20px;} .divis_list li .divis_listTit{font-size:14px;color:#222;font-family:'NanumG',sans-serif;} .divis_list li .divis_listInfo{font-size:13px;color:#666;font-family:'NanumG',sans-serif;} .divis_list li .divis_listInfo span{color:#dddcdc} /* 소통마당_추천강좌 2021.10.15 */ .recomm_classList li{overflow:hidden;display:block;padding:20px 0;border-bottom:1px #dedede solid} .recomm_classTit{float:left;width:82%;font-size:18px;color:#222;font-family:'NanumSqR',sans-serif} .recomm_classInfo{width:100%;font-size:15px;color:#818181;padding-top:5px;font-family:'Nanumg',sans-serif} .recomm_detailArea{border:1px #dadada solid;background-color:#f8f8f8;padding:20px;margin-bottom:30px} .rec_detailTit{font-size:20px;color:#222;font-family:'NanumSqR',sans-serif;padding-bottom:20px;border-bottom:1px #c6c6c6 dotted} .rec_datialInfo{padding:20px 0;font-size:15px;color:#555;cline-height:1.5} .rec_datialInfo span{color:#dddcdc} .rec_datialInfo span.t_blue{color:#0054a7} .rec_dList{font-size:16px;color:#000;font-family:'NanumGB',sans-serif;padding-bottom:0px} .rec_detailList li{padding-top:5px;font-size:14px;color:#555;font-family:'NanumG',sans-serif;} .class_epilogArea{margin-bottom:30px;border-top:2px #000 solid;} .class_epilogList li{padding:15px 0;border-bottom:1px #dedede solid} .class_epilogTit{font-size:18px;color:#222;font-family:'NanumSqR',sans-serif} .class_epilogInfo{font-size:15px;color:#818181;padding-top:5px;font-family:'NanumG',sans-serif;} .epilogArea{border-top:2px #000 solid;padding:15px 0;} .epilog_input input{height:29px;float:left;width:85%;margin-bottom:5px} .epilog_input button{margin-bottom:5px} .starPoint{clear:both;width:100%;font-size:14px;color:#888;font-family:'NanumG',sans-serif;padding-top:10px} /* 권역별 검색 2021.11.04 */ /* honeycom_map.css로 이동 */ /* 알림마당_수강안내 2021.11.08 */ .course_copy{background:url('../images/sub/guid_img.png')no-repeat bottom right;line-height:1.4} .course_copy h3{font-size:34px;color:#0054a7;font-family:'NanumSqR',sans-serif;} .course_copy h4{font-size:18px;color:#a0a1a1;font-family:'NanumSqL',sans-serif;padding:15px 0 25px 0;white-space:pre-line;} .course_copy p{font-size:15px;color:#555;font-family:'NanumG',sans-serif;white-space:pre-line;} .course_btnList{margin-top:35px;} .course_btnList li{display:inline-block;width:24%;margin-right:0.8%;padding-left:25px;height:50px;line-height:50px;border:1px #ccc solid;font-size:18px;color:#666;font-family:'NanumSqR',sans-serif;} .course_btnList li.list_last{margin-right:0} .course_btnList li.on{background:#0054a7 url('../images/sub/arr_img2.png')no-repeat 93% 50%;border:1px #0054a7 solid;color:#fff} .course_guideTxt{margin:20px 0 20px 0;background-color:#f4f3f3;padding:20px;} .cou_list{border:1px #ececec solid;background-color:#fbfbfb;padding:15px;margin-bottom:10px} .cou_list li{font-size:15px;font-family:'NanumG',sans-serif;color:#555;background:url('../images/sub/s_list.png')no-repeat 0 8px;padding-left:13px;} /* 마이페이지_강사정보관리 2021.11.09 */ .bbsList.tb_detail2{border-top:2px #0054a7 solid;} .bbsList.tb_detail2 table {width:100%;border-top:none; border-left:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;border-right:1px solid #c6c6c6} .bbsList.tb_detail2 thead th{padding:7px 0; text-align:center; vertical-align:midd;background:none;background-color:#f7f9fa;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;font-size:14px;font-family:'NanumGB',sans-serif; color:#121212;} .bbsList.tb_detail2 td {padding:7px 10px 7px 10px; text-align:center; border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;line-height:1.4;} .bbsList.tb_detail2 tbody th{padding:7px 0; text-align:center; vertical-align:midd;background-color:#f7f9fa;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;font-size:14px;font-family:'NanumGB',sans-serif; color:#121212;} .bbsList.tb_detail2 td{border-top:0;font-size:13px;font-family:'NanumG',sans-serif; } .bbsList.tb_detail2 td.text_left{text-align:left} .bbsList.tb_detail2 td.bg01{padding:7px 0;background-color:#f7f9fa;color:#555;font-family:'NanumGB',sans-serif; } /* 집현전소개_오시는길 2021.12.07 css추가 */ .directArea{} .mapArea{height:360px;width:100%;border:1px #e0e0e0 solid;text-align:center;margin-bottom:40px;} .direct_trainArea{width:100%;border:1px #ececec solid;padding:20px 20px 0 20px;background:#fbfbfb url('../images/sub/train.png')no-repeat 95% 50%;margin-bottom:40px;} .direc_tit{font-size:18px;color:#000;font-family:'NanumSqB',sans-serif;background:url('../images/sub/s_list.png')no-repeat 0 8px;padding-left:12px;} .direct_trainArea p{padding:0 150px 20px 12px;font-size:15px;color:#555;font-family:'NanumG',sans-serif;white-space:pre-line;} .direct_busArea{width:100%;border:1px #ececec solid;padding:20px 20px 0 20px;background:#fbfbfb url('../images/sub/bus.png')no-repeat 95% 50%;} .direc_tit{font-size:18px;color:#000;font-family:'NanumSqB',sans-serif;background:url('../images/sub/s_list.png')no-repeat 0 8px;padding-left:12px;} .direct_busArea p{padding:0 150px 20px 12px;font-size:15px;color:#555;font-family:'NanumG',sans-serif;white-space:pre-line;} .direct_list{padding-bottom:20px} .direct_list li{font-size:14px;color:#555;font-family:'NanumG',sans-serif;;background:url('../images/sub/s_slist.png')no-repeat 13px 12px;padding:4px 20px 4px 25px;line-height:1.3;} } @media screen and (max-width: 950px){ .btn_login_kakao {margin-top: 0.3rem;} } /* pad --------------------------------------------------------------------------------------------------------------------------------------------- */ @media screen and (max-width: 767px){ /* table 위 검색조건 */ .bbs_select {margin:0 0 8px 0; text-align:right} .bbs_select select, .bbs_select input, .bbs_select button {height:26px; line-height:26px;padding-left:3px} .bbs_select select {min-width:40px} .bbs_select button {display:inline-block; padding:0 12px; line-height:26px; font-size:12px; color:#fff; background-color:#555} .bbs_search_basic {clear:both;width:100%; position:relative; overflow:hidden; display:block;margin-top:10px} .bbs_search_basic .grap {float:left; position:relative; display:inline-block; margin-bottom:0px;} .bbs_search_basic .grap select {height:34px;width:100px;padding-left:5px;font-size:14px;} .bbs_search_basic .searchinput {float:left; display:block; position:relative; text-align:right} .bbs_search_basic .searchinput input {width:150px; height:32px; margin:0 2px;font-size:14px;} .basic_box {position:relative; padding:0px; margin-bottom:0px;} .bbs_total {font-family:'NanumG',sans-serif;clear:both; display:block; position:relative; margin:0; padding:10px 0 0 18px; line-height:33px; font-size:16px; color:#666; background:url('../images/sub/icon_bbs.gif') no-repeat 0 21px} .bbs_total * {vertical-align:baseline} .bbs_total .bold {font-family:'NanumGB',sans-serif;color:#0054a7} /*overflow: hidden;text-overflow: ellipsis;white-space:nowrap;*/ .tb-row {clear:both; overflow:hidden; border-top:2px solid #000} .tb-row table {width:100%;border-left:1px solid #d7d7d7; } .tb-row thead tr > th {color:#000;font-family:"NanumGB",sans-serif;font-weight:600;font-size:13px;line-height:1.3;padding:10px 5px; text-align:center; vertical-align:middle; background-color:#fafafa; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7} .tb-row tbody tr > th {color:#555;font-family:"NanumGB",sans-serif;font-weight:600;font-size:13px;padding:10px 5px; text-align:center; vertical-align:middle; background-color:#fafafa; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7} .tb-row tbody tr > td {color:#777;font-family:'NanumG',sans-serif; font-size:13px;padding:10px 5px; text-align:center; background-color:#fff; border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;} .tb-row tbody tr > td.pdn {padding:0} .tb-row tbody tr > td.title{color:#333;text-align:left} .tb-row tbody tr > td a:hover{color:#333;text-decoration:underline} .tb-row tbody tr > td.stitle{font-size:13px;color:#31436c;background-color:#f9fafc;font-weight:600;text-align:center} .tb-row tbody tr > td select.selectTb{width:160px;} /* 회원가입_회원구분 */ .mem_typeArea{background:url('../images/sub/cloud1.png')no-repeat top right;font-size:13px;color:#555;;font-family:'NanumG',sans-serif;line-height:1.4;padding:35px 0 10px 0;} .mem_typeListArea{} .mem_typeList {overflow:hidden;display:block;} .mem_typeList li{width:100%;text-align:center;border-top:1px #e3e3e3 solid;border-right:1px #e3e3e3 solid;border-left:1px #e3e3e3 solid;margin-bottom:10px;} .mem_typeList li.mem_adult{float:left;} .mem_typeList li.mem_children{float:right;} .adult_titArea{padding:20px 0;font-size:26px;color:#0d56a6;font-family:'NanumSqB',sans-serif;background:url('../images/sub/mem_type1.png')no-repeat bottom center;height:200px;} .adult_txt{color:#fff;font-size:15px;font-family:'NanumG',sans-serif;line-height:1.4;background-color:#0d56a6;padding:5px 0 10px 0} .adult_btnArea{background-color:#0d56a6;padding:5px 0 40px 0} .btn_adult{border-radius:80px;padding:5px 50px;background-color:#fff;color:#222;font-size:14px;font-family:'NanumGB',sans-serif;} .child_tit{padding:20px 0;font-size:26px;color:#0081cc;font-family:'NanumSqB',sans-serif;background:url('../images/sub/mem_type2.png')no-repeat bottom center;height:170px;} .child_txt{color:#fff;font-size:15px;font-family:'NanumG',sans-serif;line-height:1.4;background-color:#0081cc;padding:5px 0 10px 0} .child_btnArea{background-color:#0081cc;padding:0px 0 30px 0} /* 회원가입_본인인증 2021.09.24 */ .certificationArea{} .certifList li{width:100%;margin-bottom:10px} .certifList li.certifLeft{float:left;border-bottom:2px #0d56a6 solid;} .certifList li.certifRight{float:right;border-bottom:2px #0081cc solid;} .certif_titArea1{padding:20px 0;text-align:center;font-size:22px;color:#fff;font-family:'NanumSqB',sans-serif;background-color:#0d56a6} .certif_titArea2{padding:20px 0;text-align:center;font-size:22px;color:#fff;font-family:'NanumSqB',sans-serif;background-color:#0081cc} .certif_textArea{padding:15px;text-align:center;border-left:1px #e3e3e3 solid;border-right:1px #e3e3e3 solid;min-height:100%} .certif_textArea p{font-size:15px;font-family:'NanumG',sans-serif;color:#555;line-height:1.4;padding-bottom:25px;} .cert_imgArea{padding:10px 0} /* 마이페이지_나의 정보 비밀번호입력 2021.09.28 */ .my_infoArea_mod{overflow:hidden;display:block;height:100%;background:url('../images/sub/my_info_img0011.png')no-repeat bottom right;padding-bottom:20px;} .my_infoTit_mod{color:#0053a7;font-size:20px;font-family:'NanumSqB',sans-serif;padding:0px 0 15px 0px} .my_infoText_mod{color:#777;font-size:13px;font-family:'NanumG',sans-serif;padding:0px 0 0px 0px} .my_unregistArea{overflow:hidden;display:block;height:100%;background:url('../images/sub/my_info_img03.png')no-repeat bottom right;padding-bottom:60px;} .my_unregTit{color:#0053a7;font-size:20px;font-family:'NanumSqB',sans-serif;padding:20px 0 15px 0px} .my_unregText{color:#777;font-size:13px;font-family:'NanumG',sans-serif;padding:0px 0 0px 0px} /* 소통마당_학습동아리_목록 2021.09.30 */ .clubArea{width:100%;clear:both;border-top:2px #000 solid;padding-top:2%} .clubList{overflow:hidden;display:block;padding-bottom:25px;margin-bottom:30px;border-bottom:1px #bebebe dotted} .clubList li{float:left;width:100%;margin-right:0%} .clubList li.list_end{margin-right:0;} .club_thum{height:240px;background:#f5f5f5 url('../images/sub/no_img.png')no-repeat 50% 50%;margin-bottom:15px;} .club_tit{font-size:16px;color:#222;font-family:'NanumGB',sans-serif;} .club_tit a:link{color:#222} .club_tit a:hover{color:#222} .club_tit a:visited{color:#222} .club_tit a:active{color:#222} .club_info{overflow:hidden;display:block;padding:5px 0 20px 0px;} .club_info li{clear:both;width:100%;padding-bottom:3px;font-size:14px;color:#555;font-family:'NanumG',sans-serif;} .club_info li span{color:#000} /* 동아리_상세 */ .clubArea_detail{border-top:2px #000 solid;} .club_detailTit{font-size:20px;color:#000;font-family:'NanumSqB',sans-serif;border-bottom:1px # dotted;padding:15px;} .club_detailArea{} .club_detailList{overflow:hidden;display:block;border-top:1px #bebebe dotted;border-bottom:1px #bebebe solid;padding:20px;background-color:#f9f9f9;} .club_detailList li{float:left;font-size:15px;color:#555;padding-right:20px;font-family:'NanumG',sans-serif;} .club_detailList li span{color:#000;} .club_conArea{padding:15px;font-size:14px;color:#555;font-family:'NanumG',sans-serif;line-height:1.5} .club_conArea img{padding:5px 5px;} .club_file{font-size:16px;color:#555;font-family:'NanumG',sans-serif;padding:15px;border-top:1px #bebebe solid;border-bottom:1px #bebebe solid} .club_file span{color:#000} /* 소통마당_학습동아리_공간나눔및예약_상세 */ .div_tit1{font-size:18px;color:#000;font-family:'NanumSqR',sans-serif;padding:20px 0 0 0;} .div_txt img{padding-bottom:4px;} .div_txt{font-size:13px;color:#555;font-family:'NanumG',sans-serif;padding:20px 0;} .div_txt img{display: block; margin: auto;} .c_userInfo{background:#f9f9f9 url('../images/sub/arr_club.png')no-repeat 15px 15px;padding:10px 0 10px 37px;font-size:18px;color:#0054a7;font-family:'NanumSqB',sans-serif;border-top:1px #bebebe dotted;border-bottom:1px #bebebe solid;} /* 소통마당_학습동아리_공간나눔및예약_예약완료 2021.10.15*/ .reserv_okArea{overflow:hidden;display:block;border:1px #a9a9a9 solid;background-color:#f7f7f7;} .reservTit{font-size:30px;color:#373737;padding:20px 0 5px 0;font-family:'NanumSqR',sans-serif;text-align:center} .reservTxt{font-size:18px;color:#555;padding:0 0 20px 0;font-family:'NanumSqR',sans-serif;text-align:center;border-bottom:1px #bebebe dotted} .reserv_infoArea{overflow:hidden;display:block;padding:20px;} .reserv_img{float:left;margin-bottom:20px;border:1px #bebebe solid;background-color:#fff;background:#fff url('../images/sub/no_img.png')no-repeat 50% 50%;width:100%;height:240px;} .reservInfo{float:left;padding-left:0px;} .reservInfo ul li{font-size:15px;color:#555;font-family:'NanumG',sans-serif;padding:2px 0} /* 소통마당_추천강좌 2021.10.15 */ .recomm_classList li{overflow:hidden;display:block;padding:20px 0;border-bottom:1px #dedede solid} .recomm_classTit{float:left;width:82%;font-size:18px;color:#222;font-family:'NanumSqR',sans-serif} .recomm_classInfo{width:100%;font-size:15px;color:#818181;padding-top:5px;font-family:'Nanumg',sans-serif} .recomm_detailArea{border:1px #dadada solid;background-color:#f8f8f8;padding:20px;margin-bottom:30px} .rec_detailTit{font-size:16px;color:#222;font-family:'NanumGB',sans-serif;padding-bottom:10px;border-bottom:1px #c6c6c6 dotted} .rec_datialInfo{padding:10px 0 20px 0;font-size:13px;color:#555;cline-height:1.5;font-family:'NanumG',sans-serif;} .rec_datialInfo span{color:#dddcdc} .rec_datialInfo span.t_blue{color:#0054a7} .rec_dList{font-size:14px;color:#000;font-family:'NanumGB',sans-serif;padding-bottom:0px} .rec_detailList li{padding-top:5px;font-size:13px;color:#555;font-family:'NanumG',sans-serif;} .class_epilogArea{margin-bottom:30px;border-top:2px #000 solid;} .class_epilogList li{padding:15px 0;border-bottom:1px #dedede solid} .class_epilogTit{font-size:15px;color:#222;font-family:'NanumGB',sans-serif} .class_epilogInfo{font-size:13px;color:#818181;padding-top:5px;font-family:'NanumG',sans-serif;} .epilogArea{border-top:2px #000 solid;padding:10px 0;} .epilog_input input{height:30px;float:left;width:75%;margin-bottom:5px} .epilog_input button{margin-bottom:5px} .starPoint{clear:both;width:100%;font-size:14px;color:#888;font-family:'NanumG',sans-serif;padding-top:10px} /* 권역별 검색 2021.11.04 */ /* honeycom_map.css로 이동 */ /* 집현전소개_시민대학장 인사말 2021.11.04 */ .greetingArea{width:100%;background:url('../images/sub/greeting_bg1.png')no-repeat top right;} .greet_txt{font-size:15px;color:#555;font-family:'NanumG',sans-serif;line-height:1.4} .greet_largeTxt{font-size:30px;color:#111;font-family:'NanumSqL',sans-serif;padding:30px 0 20px 0} .t_sky{color:#008fe2;font-family:'NanumSqR',sans-serif;} .t_blue1{color:#0054a7;font-family:'NanumSqR',sans-serif;} .greet_sign{padding-top:40px;font-size:14px;color:#000;font-family:'NanumG',sans-serif;} .greet_sign span{font-size:20px;font-family:'NanumSqB',sans-serif;} /* 집현전소개_집현전개요_집현전개요 소개 2021.11.05 */ .synop_01Area{margin-bottom:20px;} .synop_visionArea{background:url('../images/sub/intro_img01.png')no-repeat bottom right;border-bottom:1px #ccc dotted;padding-bottom:20px;} .synop_list{width:300px;margin:0 auto;} .synop_list li{width:100%;height:50px;text-align:center;border-radius:3px;line-height:50px;margin-bottom:5px} .synop_tit{font-size:24px;color:#fff;font-family:'NanumSqB',sans-serif;} .synop_txt{font-size:18px;color:#757575;font-family:'NanumSqR',sans-serif;} .synop_txt span{color:#000} .bg1{background-color:#0f2b55} .bg2{background-color:#fff;border:1px #bbb solid;} .bg3{background-color:#008cde} .synop_polyArea{margin-top:20px;} .synop_02Area{overflow:hidden;display:block;background:#f4f4f4 url('../images/sub/intro_img02.png')no-repeat top center;height:400px;border-top:1px #b0b0b0 dotted;text-align:center} .talent_tit{padding:95px 0 92px 0;font-size:24px;color:#fff;font-family:'NanumSqB',sans-serif;} .talent_list li{padding-bottom:27px;font-size:18px;color:#757575;font-family:'NanumSqR',sans-serif;} .talent_list li span{color:#000} .synop_03Area{padding-top:20px;text-align:center;background:url('../images/sub/intro_bg01.png')no-repeat bottom right;} .education_tit{width:300px;height:50px;line-height:50px;font-size:24px;color:#fff;font-family:'NanumSqB',sans-serif;background-color:#03a69c;border-radius:80px;margin:0 auto 28px auto;} .education_list{} .education_list li{display:inline-block;background:url('../images/sub/circle_img1.png')no-repeat top center; width:100px;height:100px;text-align:center;font-size:18px; color:#03a69c;font-family:'NanumSqB',sans-serif;padding:40px 3px 0 3px;} .educationArea{width:300px;background:url('../images/sub/intro_bg.png')repeat-y center top;margin:0 auto;} .education_list1{padding-top:10px} .education_list1 li{width:300px;height:40px;line-height:40px;border-radius:80px;border:1px #bbb solid;background-color:#fff;margin-top:20px;font-size:18px;color:#757575;font-family:'NanumSqR',sans-serif;} /* BI소개 */ .biArea{border:1px #e2e2e2 solid;background:#f4f4f4 url('../images/sub/bi_bg1.png')no-repeat bottom right ;padding:30px;margin-bottom:30px} .bi_img1{padding-bottom:30px;border-bottom:1px #c3c3c3 dotted;} .bi_img1 img{width:50%;} .bi_img2{padding-top:30px;} .bi_img2 img{width:25%;} .bi_tit{font-size:20px;color:#000;font-family:'NanumSqB',sans-serif;padding-bottom:5px;} .bi_txt{font-size:15px;color:#555;font-family:'NanumG',sans-serif;padding-bottom:20px;} .bi_txt1{font-size:15px;color:#555;font-family:'NanumG',sans-serif;padding-bottom:10px;}5 .bi_colorArea{} .bi_colorList li{display:inline-block;width:100%;margin-right:0%;margin-bottom:1%;text-align:center;height:60px;line-height:60px;font-size:20px;color:#fff;font-family:'NanumSqR',sans-serif;} .bi_colorList li.list_last{width:100%;margin-right:0;} /* 알림마당_수강안내 2021.11.08 */ .course_copy{background:url('../images/sub/guid_img1.png')no-repeat bottom right;line-height:1.4} .course_copy h3{font-size:30px;color:#0054a7;font-family:'NanumSqR',sans-serif;} .course_copy h4{font-size:16px;color:#a0a1a1;font-family:'NanumG',sans-serif;padding:10px 0 15px 0;white-space:pre-line;} .course_copy p{font-size:13px;color:#555;font-family:'NanumG',sans-serif;white-space:pre-line;} .course_btnList{margin-top:20px;} .course_btnList li{display:inline-block;width:48.6%;margin-right:1%;margin-bottom:1%;padding-left:25px;height:40px;line-height:40px;border:1px #ccc solid;font-size:18px;color:#666;font-family:'NanumSqR',sans-serif;} .course_btnList li.list_last{margin-right:1%} .course_btnList li.on{background:#0054a7 url('../images/sub/arr_img2.png')no-repeat 93% 50%;border:1px #0054a7 solid;color:#fff} .course_guideTxt{margin:20px 0 20px 0;background-color:#f4f3f3;padding:20px;} .cou_list{border:1px #ececec solid;background-color:#fbfbfb;padding:15px;margin-bottom:10px} .cou_list li{font-size:15px;font-family:'NanumG',sans-serif;color:#555;background:url('../images/sub/s_list.png')no-repeat 0 8px;padding-left:13px;} /* 준비중 2021.11.08 */ .readyArea{text-align:center;padding-bottom:0px;padding-top:50px;} .readyArea h3{font-size:40px;color:#0054a7;padding-bottom:15px;font-family:'NanumSqR',sans-serif;} .readyArea h4{font-size:24px;color:#555;padding-bottom:65px;font-family:'NanumSqR',sans-serif;} .ready_imgArea{background:url('../images/sub/ready_img1.png')no-repeat top center;height:230px;width:100%;} /* 집현전소개_오시는길 2021.12.07 css추가 */ .directArea{} .mapArea{height:360px;width:100%;border:1px #e0e0e0 solid;text-align:center;margin-bottom:40px;} .direct_trainArea{width:100%;border:1px #ececec solid;padding:20px 20px 10px 20px;background:#fbfbfb url('../images/sub/train1.png')no-repeat 95% 20%;margin-bottom:40px;} .direc_tit{font-size:15px;color:#000;font-family:'NanumGB',sans-serif;background:url('../images/sub/s_list.png')no-repeat 0 8px;padding-left:12px;} .direct_trainArea p{padding:0 100px 10px 12px;font-size:13px;color:#555;font-family:'NanumG',sans-serif;white-space:normal;} .direct_busArea{width:100%;border:1px #ececec solid;padding:20px 20px 10px 20px;background:#fbfbfb url('../images/sub/bus1.png')no-repeat 95% 15%;} .direc_tit{font-size:15px;color:#000;font-family:'NanumGB',sans-serif;background:url('../images/sub/s_list.png')no-repeat 0 8px;padding-left:12px;} .direct_busArea p{padding:0 100px 10px 12px;font-size:13px;color:#555;font-family:'NanumG',sans-serif;white-space:normal;} .direct_list{padding-bottom:20px} .direct_list li{font-size:13px;color:#555;font-family:'NanumG',sans-serif;;background:url('../images/sub/s_slist.png')no-repeat 13px 12px;padding:4px 20px 4px 25px;line-height:1.3;} .wid300_input{width:70%} } /* mobile 640 --------------------------------------------------------------------------------------------------------------------------------------------- */ @media screen and (max-width: 640px){ .s_visualArea{width:100%;display:block;overflow:hidden;background:url('../images/sub/sub_visual1.png')no-repeat right top;height:132px;text-align:left;padding:50px 3% 0 3%;text-align:right} .copy1{font-size:16px;color:#fff;padding:0 0 5px 0;font-family:'NanumGB',sans-serif;line-height:1.3;} .copy2{font-size:12px;color:#fff;padding:0px 0 0px 0;font-family:'NanumGB',sans-serif;line-height:1.3} /* 일반게시판_리스트 */ /* .bbsList thead th {font-size:13px;padding:10px; font-weight:normal; font-family:'NanumGB',sans-serif; color:#000; background-color:#fafafa; border-bottom:1px solid #bebebe;background:url('../images/sub/th_bar.png') no-repeat bottom right;} */ .bbsList thead th {font-size:13px;padding:10px; font-weight:normal; font-family:'NanumGB',sans-serif; color:#000; background-color:#fafafa; border-bottom:1px solid #bebebe;} .bbsList td {text-align:center; font-family:'Montserrat',sans-serif; font-size:13px; border-bottom:1px solid #d4d4d4; word-wrap:break-word; word-break:keep-all; vertical-align:middle} .bbsList td {padding:10px 10px 5px 10px} .bbsList td.title{text-align:left;color:#000} .bbsList td.title a:link{color:#000;font-family:'Montserrat',sans-serif; } .bbsList td.title a:hover{color:#000} .bbsList td.title a:visited{color:#000} .bbsList td.title a:active{color:#000} .bbsList td .notice{background:url('../images/sub/notice_icon.png') no-repeat 50% 0;text-indent:-9999px;overflow:hidden;} .bbsList tr.bg1 {background-color:#f7f7f7} /* 로그인 */ .loginArea{background:url('../images/sub/login_bg0.png')no-repeat top right;} .login_titArea{background:url('../images/sub/login_bg02.png')no-repeat bottom left;height:150px;text-align:right;} .login_tit{font-size:32px;color:#555;font-family:'NanumSqL',sans-serif;text-transform:uppercase;padding-top:0px} .login_tit span{font-size:32px;color:#555;font-family:'NanumSqB',sans-serif;} .login_txt{font-size:13px;color:#555;font-family:'NanumG',sans-serif;padding-top:5px} .login_form{overflow:hidden;display:block;background-color:#fbfbfb;border-top:1px #d8d8d8 solid;border-bottom:1px #d8d8d8 solid;} .login_form li{float:left;width:100%;text-align:center} .login_form li.login_left{padding:30px 0;width:100%;} .login_input input{width:100%;height:35px;border:1px #a5a5a5 solid;padding:0 12px;line-height:35px;font-size:13px;color:#777;margin-bottom:5px} .login_input {border-bottom:1px #d8d8d8 dotted;padding-bottom:20px;margin-bottom:20px;width:80%;margin:0 auto 20px auto;} .login_form li.login_right{border-left:0px #d8d8d8 solid;border-top:1px #d8d8d8 solid;padding:10px 0;} .login_find{text-align:center;padding-top:10px;} .login_find li{width:100%;padding:0;clear:both;font-size:14px;color:#555;font-family:'NanumG',sans-serif;} .btn_login{width:80%;height:35px;text-align:center;color:#fff;background-color:#0f2b55;font-family:'NanumSqB',sans-serif; font-size:18px;line-height:35px;} .login_find button{width:80%;height:35px;font-size:13px;color:#fff;font-family:'NanumGB',sans-serif;padding-left:20px;border-radius:80px;margin:5px 0 23px 0;text-align:left} .btn_joinus{background:#0054a7 url('../images/sub/btn_arr.png')no-repeat 95% 50%;} .btn_find{background:#7491ad url('../images/sub/btn_arr.png')no-repeat 95% 50%;} .btn_login_naver{margin-top: 0.3rem;background-color: #0EBF39;margin-left: 0;display: inline-block;} .btn_login_kakao{margin-top: 0.3rem;background-color: #FDE500;color: #080501;} /* 아이디/비번찾기 */ .find_Area{} .find_listArea li{width:100%;text-align:center;margin-bottom:20px;} .find_listArea li.find_idArea{float:left;border-bottom:1px #e3e3e3 solid; } .find_listArea li.find_pwArea{float:right;border-bottom:1px #e3e3e3 solid;} .id_titArea{padding:15px 0;background-color:#0d56a6;color:#fff;font-size:18px;font-family:'NanumSqB',sans-serif;} .pw_titArea{padding:15px 0;background-color:#0081cc;color:#fff;font-size:18px;font-family:'NanumSqB',sans-serif;} .id_textArea{border-left:1px #e3e3e3 solid;border-right:1px #e3e3e3 solid;padding:0 3%;} .id_txtArea{padding:25px 0 120px 0;font-size:13px;color:#555;line-height:1.4;font-family:'NanumG',sans-serif;background:url('../images/sub/find_img01.png')no-repeat 50% 85%;} .pw_txtArea{padding:25px 0 120px 0;font-size:13px;color:#555;line-height:1.4;font-family:'NanumG',sans-serif;background:url('../images/sub/find_img02.png')no-repeat 50% 85%;} .input_Area{height:100%;border-bottom:1px #d0d0d0 dotted;width:80%;margin:0 auto 0px auto;padding-bottom:20px} .input_Area input{width:94%;height:35px;border:1px #a3a3a3 solid;padding:0;line-height:35px;font-size:13px;padding-left:5%;color:#777;margin-bottom:5px} .btn_ok{margin-top:20px;padding-bottom:20px;} .btn_ok button{width:80%;height:35px;font-size:13px;color:#fff;text-align:center;font-family:'NanumGB',sans-serif;} .tb-row {clear:both; overflow:hidden; border-top:2px solid #000} .tb-row table {width:100%;border-left:1px solid #d7d7d7; } .tb-row thead tr > th {color:#000;font-family:"NanumGB",sans-serif;font-weight:600;font-size:12px;line-height:1.3;padding:7px 5px; text-align:center; vertical-align:middle; background-color:#fafafa; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7} .tb-row tbody tr > th {color:#555;font-family:"NanumGB",sans-serif;font-weight:600;font-size:12px;padding:10px 5px; text-align:center; vertical-align:middle; background-color:#fafafa; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7} .tb-row tbody tr > td {color:#777;font-family:'NanumG',sans-serif; font-size:12px;padding:10px 5px; text-align:center; background-color:#fff; border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;} .tb-row tbody tr > td.pdn {padding:0} .tb-row tbody tr > td.title{color:#333;text-align:left} .tb-row tbody tr > td a:hover{color:#333;text-decoration:underline} .tb-row tbody tr > td.stitle{font-size:13px;color:#31436c;background-color:#f9fafc;font-weight:600;text-align:center} .tb-row tbody tr > td select.selectTb{width:160px;} /* 회원가입_약관동의 2021.09.24 */ .mem_stepArea{overflow:hidden;display:block;padding:15px 0;border-top:1px #e3e3e3 solid;border-bottom:1px #e3e3e3 solid;background-color:#f8f8f8;margin-bottom:25px} .step_list{width:100%;margin:0 auto;} .step_list li{float:left;width:21.25%;height:90px;text-align:center;font-size:15px;color:#555;font-family:'NanumGB',sans-serif;} .step_list li span{color:#0054a7;} .step_list li img{padding-bottom:5px;} .step_list li.step_arr{width:5%;background:url('../images/sub/step_arr1.png')no-repeat 50% 50%;} .p_tit{font-size:20px;color:#000;font-family:'NanumSqB',sans-serif;background:url('../images/sub/tit1.png')no-repeat 0 0;padding-top:3px;margin-bottom:10px} .prov_box{overflow-y:scroll;height:300px;display:block;border:1px #ebebeb solid;padding:20px;margin-bottom:10px;} .stit{font-size:18px;font-family:'NanumSqB',sans-serif;color:#0054a7;background:url('../images/sub/stit1.png')no-repeat 0 7px;padding-left:17px;margin-bottom:10px;} .s_stit{font-size:14px;font-family:'NanumGB',sans-serif;font-weight:600;color:#222;padding-bottom:5px} .p_text{font-size:13px;font-family:'NanumG',sans-serif;color:#555;line-height:1.5;padding-bottom:5px} .p_stext{font-size:13px;font-family:'NanumG',sans-serif;color:#666;line-height:1.5;padding:5px 0 15px 0} .agree{overflow:hidden;display:block;width:100%;text-align:right;margin-bottom:20px;} .agree input{width:14px;height:14px;margin-right:5px;margin-top:0px} .agree label{font-size:13px;font-family:'NanumG',sans-serif;} .num_list{} .num_list li{font-size:13px;font-family:'NanumG',sans-serif;padding-left:20px;line-height:1.4;padding-bottom:7px;} .num_list li.no1{background:url('../images/sub/num_bg1.png')no-repeat 0 3px;} .num_list li.no2{background:url('../images/sub/num_bg2.png')no-repeat 0 3px;} .num_list li.no3{background:url('../images/sub/num_bg3.png')no-repeat 0 3px;} .num_list li.no4{background:url('../images/sub/num_bg4.png')no-repeat 0 3px;} .num_list li.no5{background:url('../images/sub/num_bg5.png')no-repeat 0 3px;} .num_list li.no6{background:url('../images/sub/num_bg6.png')no-repeat 0 3px;} .num_list li.no7{background:url('../images/sub/num_bg7.png')no-repeat 0 3px;} .pri_list{border:1px #ececec solid;background-color:#fbfbfb;padding:15px 15px 5px 15px;margin-bottom:10px} .pri_list li{font-size:13px;font-family:'NanumG',sans-serif;color:#555;background:url('../images/sub/s_list.png')no-repeat 0 8px;padding-left:13px;} .pri_list li .pri_slist{padding:15px 0 5px 0;} .pri_list li .pri_slist li{font-size:12px;color:#777;background:none;line-height:1.3;padding:0 0 10px 0;} .pri_list li .pri_slist li span{color:#444;font-family:'NanumGB',sans-serif;} .btn_agree{min-width:100px;text-align:center;padding:7px 20px;font-size:13px;font-family:'NanumGB',sans-serif;color:#fff} /* 회원가입_정보입력 2021.09.24 ------------------------------------------------------------------------------------------------------------------------------------------------------ */ .tb-mem {clear:both; overflow:hidden; border-top:2px solid #000} .tb-mem table {width:100%;border-left:1px solid #d7d7d7; } .tb-mem tbody tr > th {color:#555;font-family:"NanumGB",sans-serif;font-size:13px;padding:7px; text-align:center; vertical-align:middle; background-color:#fafafa; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7} .tb-mem tbody tr > td {color:#777;font-family:'NanumG',sans-serif; font-size:13px;padding:7px; text-align:left; background-color:#fff; border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;} .tb-mem tbody tr > td .tb_comm{font-size:12px;color:#666;padding-top:5px} .tb-mem tbody tr > td.pdn {padding:0} .tb-mem tbody tr > td.title{color:#333;text-align:left} .tb-mem tbody tr > td a:hover{color:#333;text-decoration:underline} .tb-mem tbody tr > td select.selectTb{width:160px;} .tb-mem tbody tr > td input{height:30px;margin-bottom:3px} .wid300{width:90%} .wid300_input{width:90%} /* 회원가입_가입완료 2021.09.24 */ .join_okArea{background:url('../images/sub/join_ok1.png')no-repeat top right;border-bottom:1px #e3e3e3 solid;padding:90px 0 40px 0;margin-bottom:30px;text-align:center} .ok_tit{font-size:20px;color:#184d9d;padding-bottom:20px;font-family:'NanumSqB',sans-serif;} .id_infoBox{border:1px #c8c8c8 solid;padding:7px 0px;text-align:center;width:80%;margin:0 auto;font-size:15px; font-family:'NanumGB',sans-serif;color:#000;} .id_infoBox span{color:#0081cc; font-family:'NanumSqB',sans-serif;} .ok_text{font-size:13px;color:#777;font-family:'NanumG',sans-serif;padding-top:23px;} /* 수강신청_통합검색_강좌별검색 2021.09.27 */ .search_boxArea{overflow:hidden;display:block;border:0px #e5e5e5 solid;border-bottom:1px #e5e5e5 dotted;background-color:#fff;padding:0px 0 10px 0;margin-bottom:20px;} .search_listArea{} .search_listArea li{float:left;margin-bottom:5px} .search_listArea li select{height:30px;line-height:30px;font-size:14px;font-family:'NanumG',sans-serif; width:150px;padding-left:5px} .search_listArea li input{height:30px;line-height:30px;font-size:14px;font-family:'NanumG',sans-serif; width:90%;padding-left:5px} .search_tit, .search_tit2{font-size:15px;color:#333;font-family:'NanumGB',sans-serif;width:20%;line-height:30px;} .search_tit1{font-size:15px;color:#333;font-family:'NanumGB',sans-serif;width:20%;clear:both;line-height:40px;} .search_form{padding-right:35px;width:80%} .search_form2{width:80%;} .cal_Area{float:left;} .cal_text{float:left;line-height:40px;padding:0 10px;} .search_input{float:left} .search_btn{float:left} .btn-search{border-radius:0;padding:7px 15px 6px 15px ;font-family:'NanumGB',sans-serif;color:#fff;margin:0 3px;background:#172c42 url('../images/sub/btn_search1.png')no-repeat 50% 50%} .btn-reset{border-radius:0;padding:6px 15px 6px 15px;font-size:14px;font-family:'NanumGB',sans-serif;color:#fff;margin-right:3px} .classList {overflow:hidden;display:block; width:100%;margin-top:10px } .classList a:hover, .classList a:focus {text-decoration:underline} .classList table {width:100%;border-top:2px solid #000} .classList thead th {font-size:18px;padding:12px 10px 10px; font-weight:normal; font-family:'NanumSqB',sans-serif; color:#000; background-color:#fafafa; border-bottom:1px solid #bebebe;background:url('../images/sub/th_bar.png') no-repeat bottom right;} .classList thead th.th_fir{border-left:1px solid #bebebe;} .classList thead th.th_last{border-right:1px solid #bebebe;background:none} .classList td {text-align:center; font-family:'NanumG',sans-serif; font-size:13px; border-bottom:1px solid #d4d4d4; word-wrap:break-word; word-break:keep-all; vertical-align:middle} .classList td {padding:12px 10px 10px;} .classList td.srh_tit{text-align:left;color:#000;font-size:15px; font-family:'NanumGB',sans-serif;} .classList td.srh_tit a:link{color:#000;font-family:'NanumGB',sans-serif; } .classList td.srh_tit a:hover{color:#000;text-decoration:underline} .classList td.srh_tit a:visited{color:#000} .classList td.srh_tit a:active{color:#000} .class_infoArea{overflow:hidden;display:block;padding:7px 0 0 0;} .class_infoArea li{float:left;color:#818181;font-size:13px;font-family:'NanumG',sans-serif;} .class_infoArea li span{color:#363636;} .c_infoBar{padding:0 10px;} /* .state_ing{width:70px;border-radius:80px;border:2px #0054a7 solid;font-size:12px;color:#0054a7;font-family:'NanumGB',sans-serif;text-align:center;padding:3px 0px 4px 0;margin:0 auto;} .state_end{width:70px;border-radius:80px;border:2px #a5a5a5 solid;font-size:12px;color:#a5a5a5;font-family:'NanumGB',sans-serif;text-align:center;padding:3px 0px 4px 0;margin:0 auto;} */ /* 마이페이지_나의 정보 비밀번호입력 2021.09.28 */ .my_infoArea{height:200px;background:url('../images/sub/my_info_img02.png')no-repeat bottom right;} .my_infoTit{color:#0053a7;font-size:20px;font-family:'NanumSqB',sans-serif;padding:20px 0 15px 0px} .my_infoText{color:#777;font-size:14px;font-family:'NanumG',sans-serif;padding:0px 0 0px 0px} .my_infoArea_mod{overflow:hidden;display:block;height:100%;background:url('../images/sub/my_info_img0011.png')no-repeat bottom right;padding-bottom:60px;} .my_infoTit_mod{color:#0053a7;font-size:20px;font-family:'NanumSqB',sans-serif;padding:0px 0 15px 0px} .my_infoText_mod{color:#777;font-size:12px;font-family:'NanumG',sans-serif;padding:0px 0 0px 0px} .my_unregText{color:#777;font-size:12px;font-family:'NanumG',sans-serif;padding:0px 0 0px 0px} /* 시험 및 설문_레이어팝업 */ .test_titBox{border:1px #a9a9a9 solid;background-color:#f7f7f7;padding:15px;margin-bottom:20px;} .test_tit{font-size:20px;color:#333;padding-bottom:10px;font-family:'NanumSqB',sans-serif;} .test_text{font-size:14px;color:#555;line-height:1.5;font-family:'NanumG',sans-serif;} .test_ques{font-size:15px;color:#000;font-family:'NanumGB',sans-serif;} .test_ansArea{padding:10px 0 10px 0;border-bottom:1px #bebebe dotted;margin-bottom:20px;} .test_ansList li{width:100%;clear:both;margin-bottom:7px} .test_ansList li .radio_inp{float:left;padding-right:5px;} .test_ansList li .radio_lab{font-size:13px;color:#555;font-family:'NanumG',sans-serif;} .test_ansList li .radio_inp input{width:13px;height:13px;} .test_textArea{width:100%;border:1px #acacac solid;margin-top:10px} .test_textArea textarea{border:none;padding:10px;width:93%;font-size:13px;height:80px;} .survey_cate{margin-bottom:20px;border-top:1px #82a7c6 solid;border-bottom:1px #b8cddf dotted;background-color:#eff4f8;padding:5px 10px;font-size:14px;color:#0054a7;font-family:'NanumGB',sans-serif;margin-top:10px} .serv_ques{font-size:13px;color:#555;font-family:'NanumGB',sans-serif;padding:5px 0 10px 0} .serv_ansArea{overflow:hidden;display:block;margin-bottom:20px;border-bottom:1px #bebebe dotted;padding-bottom:20px;} .serv_ansList li{float:left;padding-right:20px;} .serv_ansList li .radio_inp1{float:left;padding-right:3px;} .serv_ansList li .radio_inp1 input{width:13px;height:13px;} .serv_ansList li .radio_lab1{float:left;font-size:12px;color:#555;font-family:'NanumG',sans-serif;} /* 마이페이지_나의수강내역_시간표 2021.08.29 */ .scadule_titArea{overflow:hidden;display:block;background-color:#0054a7;padding:10px 15px;} .scad_date{float:left;font-size:18px;font-family:'NanumSqB',sans-serif;color:#fff} .scad_todayArea{float:right;background:#fff url('../images/sub/scad_img1.png')no-repeat 15px 4px;font-size:15px;color:#0054a7;font-family:'NanumGB',sans-serif;padding:3px 15px 3px 45px;border-radius:100px;} .myclass_scaduleArea{border-left:1px #bebebe solid;border-bottom:1px #bebebe solid;border-right:1px #bebebe solid;} .myclass_scaduleArea table thead th{border-right:1px #e3e3e3 solid;border-bottom:1px #e3e3e3 solid;background-color:#f6f6f6;padding:7px;text-align:center;font-size:15px;color:#333;font-family:'NanumGB',sans-serif;} .myclass_scaduleArea table thead th.th_last{border-right:none} .myclass_scaduleArea table tbody tr{border-bottom:1px #e3e3e3 solid;min-height:100px;} .myclass_scaduleArea table tbody td{border-right:1px #e3e3e3 solid;padding:5px;text-align:center;font-size:12px;color:#333;font-family:'NanumG',sans-serif;vertical-align:middle} /* faq */ .faq_titArea{background:url('../images/sub/faq_img1.png')no-repeat top right;height:80px;} .faq_tit{font-size:20px;color:#184d9d;font-family:'NanumSqR',sans-serif;padding:20px 0 5px 0;} .faq_txt{font-size:13px;color:#242424;font-family:'NanumG',sans-serif;} .btn_topArea{padding:0 0 5px 0;text-align:right} .faq_btn{padding:3px 12px 3px 12px;text-align:center;font-size:13px;font-family:'NanumGB',sans-serif;} .tabArea6{overflow:hidden;display:block;margin:20px 0;} .tab_list6 li{float:left;width:100%;margin-right:0%; margin-bottom:3px;text-align:center;border:1px #b8b8b8 solid;padding:5px 0;font-size:13px;color:#555;font-family:'NanumGB',sans-serif;} .tab_list6 li.tab_last{margin-right:0} .tab_list6 li.tab_select{background-color:#000;border:1px #000 solid;color:#fff} .bbsFaq{border-top:2px #000 solid;} .faqList li{padding:13px 0 13px 30px;background:url('../images/sub/que_icon1.png')no-repeat 0 13px;border-bottom:1px #dedede solid;font-size:14px;color:#555;font-family:'NanumG',sans-serif;} .faqList li.faq_select{padding:0px;background:url('../images/sub/que_icon_sel1.png')no-repeat 0 13px;border-bottom:1px #dedede solid;font-size:14px;color:#0053a7;font-family:'NanumG',sans-serif;} .ques_select{padding:15px 0 0px 30px;} .faq_ansArea{width:100%;border-top:1px #c0c0c0 dotted;padding:10px 10px 15px 45px;margin-top:15px;background:#f7fbfd url('../images/sub/ans_icon_sel1.png')no-repeat 15px 13px;} .faq_answer{font-size:13px;color:#353535;line-height:1.4;font-family:'NanumG',sans-serif;} .ir_so{overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px;} /* 소통마당_학습동아리_공간나눔및예약 2021.10.14 */ .div_comm{font-size:14px;color:#666;padding-bottom:5px} .club_divArea{width:100%;border-top:2px #000 solid;border-bottom:1px #bebebe solid;} .club_divList li{overflow:hidden;display:block;padding:30px 0;border-bottom:1px #bebebe dotted} .c_divThum{float:left;border:1px #bebebe solid;width:100%;height:240px;background:#fff url('../images/sub/no_img.png')no-repeat 50% 50%;margin-right:2%} .c_divTit{float:left;padding-top:20px} .div_tit{font-size:18px;color:#000;font-family:'NanumSqR',sans-serif;width:100%;} .div_info{padding-top:5px;} .div_info li{border-bottom:none;font-size:14px;color:#555;font-family:'NanumG',sans-serif;padding:2px 0} .div_info li span{color:#000;font-family:'NanumGB',sans-serif;} /* 소통마당_학습동아리_공간나눔및예약_예약완료 2021.10.15*/ .reservTit{font-size:20px;color:#373737;padding:20px 20px 5px 20px;font-family:'NanumSqR',sans-serif;text-align:center} .reservTxt{font-size:14px;color:#555;padding:0 20px 20px 20px;font-family:'NanumG',sans-serif;text-align:center;border-bottom:1px #bebebe dotted} .reserv_infoArea{overflow:hidden;display:block;padding:20px;} .reserv_img{float:left;margin-bottom:10px;border:1px #bebebe solid;background-color:#fff;background:#fff url('../images/sub/no_img.png')no-repeat 50% 50%;width:100%;height:150px;} .reservInfo{float:left;padding-left:0px;} .reservInfo ul li{font-size:13px;color:#555;font-family:'NanumG',sans-serif;padding:2px 0} /* 소통마당_추천강좌 2021.10.15 */ .recomm_classList li button{clear:both} .recomm_classList li{overflow:hidden;display:block;padding:20px 0;border-bottom:1px #dedede solid} .recomm_classTit{clear:both;width:100%;font-size:14px;color:#222;font-family:'NanumGB',sans-serif} .recomm_classInfo{width:100%;font-size:13px;color:#818181;padding-top:5px;font-family:'Nanumg',sans-serif;} .epilog_input input{height:29px;float:left;width:93%;margin-bottom:5px} .epilog_input button{width:100%;margin-bottom:5px} .epilog_input .search_btn{width:100%;} /* 권역별 검색 2021.11.04 */ /* honeycom_map.css로 이동 */ /* 집현전소개_시민대학장 인사말 2021.11.04 */ .greetingArea{width:100%;background:url('../images/sub/greeting_bg2.png')no-repeat top right;} .greet_txt{font-size:13px;color:#555;font-family:'NanumG',sans-serif;line-height:1.4;white-space:normal;width:100%;padding-bottom:15px;word-wrap:break-word;} .greet_largeTxt{font-size:24px;color:#111;font-family:'NanumSqL',sans-serif;padding:30px 0 20px 0} .t_sky{color:#008fe2;font-family:'NanumSqR',sans-serif;} .t_blue1{color:#0054a7;font-family:'NanumSqR',sans-serif;} .greet_sign{padding-top:40px;font-size:13px;color:#000;font-family:'NanumG',sans-serif;} .greet_sign span{font-size:18px;font-family:'NanumSqB',sans-serif;} /* 집현전소개_집현전개요_운영체계 2021.11.05 */ .pri_list01{margin-top:20px} .pri_list01 li{font-size:13px;font-family:'NanumG',sans-serif;color:#555;} /* 집현전소개 _ 집현전개요_명예학위제 2021.11.05 */ .honorList{} .honorList li{font-size:13px;font-family:'NanumG',sans-serif;color:#555;border:1px #bbb solid;border-radius:3px;background:url('../images/sub/s_list.png')no-repeat 15px 18px;padding:10px 10px 10px 28px;margin-bottom:5px;} .arrArea{background:url('../images/sub/arr_img1.png')no-repeat 50% 50%;width:100%;padding:10px 0 15px 0;} .pri_list02{border:1px #ececec solid;background-color:#fbfbfb;padding:10px 20px 10px 20px;margin-bottom:10px} .pri_list02 li{font-size:13px;font-family:'NanumG',sans-serif;color:#555;background:url('../images/sub/s_list.png')no-repeat 0 8px;padding-left:13px;} /* 알림마당_수강안내 2021.11.08 */ .course_copy{background:url('../images/sub/guid_img2.png')no-repeat bottom right;line-height:1.3} .course_copy h3{font-size:24px;color:#0054a7;font-family:'NanumSqR',sans-serif;} .course_copy h4{font-size:12px;color:#a0a1a1;font-family:'NanumG',sans-serif;padding:10px 0 15px 0;white-space:pre-line;} .course_copy p{font-size:12px;color:#555;font-family:'NanumG',sans-serif;white-space:pre-line;} .course_btnList{margin-top:20px;} .course_btnList li{display:inline-block;width:100%;margin-right:0%;margin-bottom:1%;padding-left:25px;height:40px;line-height:40px;border:1px #ccc solid;font-size:15px;color:#666;font-family:'NanumG',sans-serif;} .course_btnList li.list_last{margin-right:0%} .course_btnList li.on{background:#0054a7 url('../images/sub/arr_img2.png')no-repeat 93% 50%;border:1px #0054a7 solid;color:#fff} .course_guideTxt{margin:20px 0 20px 0;background-color:#f4f3f3;padding:20px;} .cou_list{border:1px #ececec solid;background-color:#fbfbfb;padding:15px;margin-bottom:10px} .cou_list li{font-size:13px;font-family:'NanumG',sans-serif;color:#555;background:url('../images/sub/s_list.png')no-repeat 0 8px;padding-left:13px;} /* 준비중 2021.11.08 */ .readyArea{text-align:center;padding-top:70px;} .readyArea h3{font-size:36px;color:#0054a7;padding-bottom:15px;font-family:'NanumSqR',sans-serif;} .readyArea h4{font-size:20px;color:#555;padding-bottom:65px;font-family:'NanumSqR',sans-serif;} .ready_imgArea{background:url('../images/sub/ready_img2.png')no-repeat top center;height:230px;width:100%;} /* 탭 갯수가 2개일때 */ .tab_list2{overflow:hidden;display:block;margin-bottom:20px;width:100%;} .tab_list2 li{float:left;margin-right:0%;width:100%;text-align:center;padding:5px 0;border:1px #b6b6b6 solid;margin-bottom:0.5%;font-size:13px;color:#555;font-family:'NanumG',sans-serif;} .tab_list2 li a:link{color:#555;} .tab_list2 li a:hover{color:#555;} .tab_list2 li a:visited{color:#555;} .tab_list2 li a:active{color:#555;} .tab_list2 li.tab_last{margin-right:0;} .tab_list2 li.sel_tabList{background-color:#000;border:1px #000 solid;color:#fff;width:100%;} .tab_list2 li.sel_tabList a:link{color:#fff} .tab_list2 li.sel_tabList a:hover{color:#fff} .tab_list2 li.sel_tabList a:visited{color:#fff} .tab_list2 li.sel_tabList a:active{color:#fff} /* 마이페이지_강사정보관리 2021.11.09 */ .bbsList.tb_detail2{border-top:2px #0054a7 solid;} .bbsList.tb_detail2 table {width:100%;border-top:none; border-left:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;border-right:1px solid #c6c6c6} .bbsList.tb_detail2 thead th{padding:7px 0; text-align:center; vertical-align:midd;background:none;background-color:#f7f9fa;border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6;font-size:13px;font-family:'NanumGB',sans-serif; color:#121212;} .bbsList.tb_detail2 td {padding:5px; text-align:center; border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;line-height:1.4;} /* .bbsList.tb_detail2 tbody th{padding:5px 0; text-align:center; vertical-align:midd;background-color:#f7f9fa;border-right:1px solid #c6c6c6; */ .bbsList.tb_detail2 tbody th{padding:5px 10px; text-align:center; vertical-align:midd;background-color:#f7f9fa;border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6;font-size:13px;font-family:'NanumGB',sans-serif; color:#121212;} .bbsList.tb_detail2 td{border-top:0;font-size:12px;font-family:'NanumG',sans-serif; } .bbsList.tb_detail2 td.text_left{text-align:left} .bbsList.tb_detail2 td.bg01{padding:5px 0;background-color:#f7f9fa;color:#555;font-family:'NanumGB',sans-serif; } .wid300_input{width:60%} } /* mobile 480 --------------------------------------------------------------------------------------------------------------------------------------------- */ @media screen and (max-width:480px){ .s_visualArea{width:100%;display:block;overflow:hidden;background:url('../images/sub/sub_visual1.png')no-repeat right top;height:132px;text-align:left;padding:30px 3% 0 3%;text-align:right} .copy1{font-size:14px;color:#fff;padding:0 0 5px 0;font-family:'NanumGB',sans-serif;line-height:1.3;} .copy2{font-size:11px;color:#fff;padding:0px 0 0px 0;font-family:'NanumGB',sans-serif;line-height:1.3} .btn.nor2{width:64.5%;padding:12px 0px;font-size:14px;} .bbs_search_basic .grap select {height:34px;width:80px;padding-left:5px;font-size:14px;} .bbs_search_basic .searchinput {float:left; display:block; position:relative; text-align:right} .bbs_search_basic .searchinput input {width:120px; height:32px; margin:0 2px;font-size:14px;} /* 회원가입_약관동의 2021.09.24 */ .mem_stepArea{overflow:hidden;display:block;padding:10px 0;border-top:1px #e3e3e3 solid;border-bottom:1px #e3e3e3 solid;background-color:#f8f8f8;margin-bottom:25px} .step_list{width:100%;margin:0 auto;} .step_list li{float:left;width:21.25%;height:90px;text-align:center;font-size:13px;color:#555;font-family:'NanumGB',sans-serif;} .step_list li span{color:#0054a7;} .step_list li img{padding-bottom:5px;} .step_list li.step_arr{width:5%;background:url('../images/sub/step_arr1.png')no-repeat 50% 50%;} /* 회원가입_본인인증 2021.09.24 */ .certificationArea{} .certifList li{width:100%;margin-bottom:10px} .certifList li.certifLeft{float:left;border-bottom:2px #0d56a6 solid;} .certifList li.certifRight{float:right;border-bottom:2px #0081cc solid;} .certif_titArea1{padding:10px 0;text-align:center;font-size:20px;color:#fff;font-family:'NanumSqB',sans-serif;background-color:#0d56a6} .certif_titArea2{padding:10px 0;text-align:center;font-size:20px;color:#fff;font-family:'NanumSqB',sans-serif;background-color:#0081cc} .certif_textArea{padding:10px;text-align:center;border-left:1px #e3e3e3 solid;border-right:1px #e3e3e3 solid;min-height:100%} .certif_textArea p{font-size:13px;font-family:'NanumG',sans-serif;color:#555;line-height:1.4;padding-bottom:5px;} .cert_imgArea{padding:5px 0} .certif_btnArea{padding-top:5px} .btn_certif{width:208px;padding:5px 0;border-radius:80px;color:#fff;font-size:14px;font-family:'NanumGB',sans-serif;} /* 수강신청_통합검색_강좌별검색 2021.09.27 */ .search_listArea li select{height:30px;line-height:30px;font-size:13px;font-family:'NanumG',sans-serif; width:250px;padding-left:5px} .search_listArea li input{height:30px;line-height:30px;font-size:13px;font-family:'NanumG',sans-serif; width:90%;padding-left:5px} .search_tit, .search_tit2{font-size:14px;color:#333;font-family:'NanumGB',sans-serif;width:100%;line-height:20px;} .search_tit1{font-size:14px;color:#333;font-family:'NanumGB',sans-serif;width:100%;clear:both;line-height:20px;} .search_form{padding:0 0px 10px 0;width:80%} .search_form1{padding:0 0px 10px 0;width:100%} .search_form2{padding:0 0px 10px 0;width:80%;} .cal_Area{float:left;} .cal_text{float:left;line-height:10px;padding:0 5px;} .search_input{float:left; width:65%;} .search_space_input{float:left; width:40%;margin-right:5px;} .search_btn{float:left} .btn-search{border-radius:0;padding:7px 15px 6px 15px ;font-family:'NanumGB',sans-serif;color:#fff;margin:0 3px;background:#172c42 url('../images/sub/btn_search1.png')no-repeat 50% 50%} .btn-reset{border-radius:0;padding:7px 10px 6px 10px;font-size:14px;font-family:'NanumGB',sans-serif;color:#fff;margin-right:3px} .classList {overflow:hidden;display:block; width:100%;margin-top:10px } .classList a:hover, .classList a:focus {text-decoration:underline} .classList table {width:100%;border-top:2px solid #000} .classList thead th {font-size:11px;padding:12px 10px 10px; font-weight:normal; font-family:'NanumSqB',sans-serif; color:#000; background-color:#fafafa; border-bottom:1px solid #bebebe;background:url('../images/sub/th_bar.png') no-repeat bottom right;} .classList thead th.th_fir{border-left:1px solid #bebebe;} .bbsList thead th.mobile_dateUp {font-size:13px;padding:10px; font-weight:normal; font-family:'NanumGB',sans-serif; color:#000; background-color:#fafafa; border-right:1px solid #bebebe;} .classList thead th.th_last{border-right:1px solid #bebebe;background:none} .classList td {text-align:center; font-family:'NanumG',sans-serif; font-size:12px; border-bottom:1px solid #d4d4d4; word-wrap:break-word; word-break:keep-all; vertical-align:middle} .classList td {padding:12px 10px 10px;} .classList td.srh_tit{text-align:left;color:#000;font-size:13px; font-family:'NanumGB',sans-serif;} .classList td.srh_tit a:link{color:#000;font-family:'NanumGB',sans-serif; } .classList td.srh_tit a:hover{color:#000;text-decoration:underline} .classList td.srh_tit a:visited{color:#000} .classList td.srh_tit a:active{color:#000} .class_infoArea{overflow:hidden;display:block;padding:7px 0 0 0;} .class_infoArea li{float:left;color:#818181;font-size:12px;font-family:'NanumG',sans-serif;} .class_infoArea li span{color:#363636;} .c_infoBar{padding:0 2px;} .state_ing{width:60px;border-radius:80px;border:2px #0054a7 solid;font-size:12px;color:#0054a7;font-family:'NanumGB',sans-serif;text-align:center;padding:3px 0px 4px 0;margin:0 auto;} .state_end{width:60px;border-radius:80px;border:2px #666662 solid;font-size:12px;color:#666662;font-family:'NanumGB',sans-serif;text-align:center;padding:3px 0px 4px 0;margin:0 auto;} .state_none{width:60px;border-radius:80px;border:2px #b61616 solid;font-size:12px;color:#b61616;font-family:'NanumGB',sans-serif;text-align:center;padding:3px 0px 4px 0;margin:0 auto;} /* 통합검색 강좌상세 table ------------------------------------------------------------------------------------------------------------------------------------------------------ */ .bbsList.tb_detail th {width:35%;padding:15px 10px 15px 10px; text-align:center; font-size:13px;font-family:'NanumGB',sans-serif; color:#121212; vertical-align:midd; background-color:#f7f9fa;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6} .bbsList.tb_detail td {padding:11px 10px 9px 10px; text-align:left; border-top:1px solid #d9d9d9;line-height:1.4;font-family:'NanumG',sans-serif;font-size:13px} .bbsList.tb_detail tr:first-child th, .bbsList.tb_detail tr:first-child td {border-top:0} .my_unregistArea{overflow:hidden;display:block;height:100%;background:url('../images/sub/my_info_img03.png')no-repeat bottom right;padding-bottom:90px;} /* 시험 및 설문_레이어팝업 */ .test_titBox{border:1px #a9a9a9 solid;background-color:#f7f7f7;padding:15px;margin-bottom:0px;} .test_tit{font-size:18px;color:#333;padding-bottom:10px;font-family:'NanumSqB',sans-serif;} .test_text{font-size:13px;color:#555;line-height:1.5;font-family:'NanumG',sans-serif;} /* 환불팝업 table */ .bbsList.tb_refund th {background:url('../images/sub/th_bar11.png') no-repeat bottom right;padding:10px 0; text-align:center; font-size:13px;font-family:'NanumGB',sans-serif; color:#121212; vertical-align:midd; background-color:#f7f9fa;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6} .bbsList.tb_refund td {padding:5px; text-align:center; border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;line-height:1.4;font-size:12px;font-family:'NanumG',sans-serif;} .bbsList.tb_refund tr:first-child th, .bbsList.tb_refund tr:first-child td {border-top:0} .bbsList.tb_refund tr > td select{width:95%;height:25px} .bbsList.tb_refund tr > td input{height:30px;} .bbsList.tb_refund1 th {background:url('../images/sub/th_bar11.png') no-repeat bottom right;padding:10px 0; text-align:center; font-size:13px;font-family:'NanumGB',sans-serif; color:#121212; vertical-align:midd; background-color:#f7f9fa;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6} .bbsList.tb_refund1 td {padding:5px 5px 5px 10px; text-align:left; border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;line-height:1.4;font-size:12px;font-family:'NanumG',sans-serif;} .bbsList.tb_refund1 tr:first-child th, .bbsList.tb_refund1 tr:first-child td {border-top:0} .bbsList.tb_refund1 tr > td select{width:95%;height:25px} .bbsList.tb_refund1 tr > td input{height:30px;} /* faq */ .faq_titArea{background:url('../images/sub/faq_img2.png')no-repeat top right;height:80px;} .faq_tit{font-size:18px;color:#184d9d;font-family:'NanumSqR',sans-serif;padding:20px 0 0px 0;} .faq_txt{font-size:13px;color:#242424;font-family:'NanumG',sans-serif;} .faqList li{padding:13px 0 13px 30px;background:url('../images/sub/que_icon1.png')no-repeat 0 13px;border-bottom:1px #dedede solid;font-size:13px;color:#555;font-family:'NanumG',sans-serif;} .faqList li.faq_select{padding:0px;background:url('../images/sub/que_icon_sel1.png')no-repeat 0 13px;border-bottom:1px #dedede solid;font-size:13px;color:#0053a7;font-family:'NanumG',sans-serif;} .ques_select{padding:15px 0 0px 30px;} .faq_ansArea{width:100%;border-top:1px #c0c0c0 dotted;padding:10px 10px 15px 45px;margin-top:15px;background:#f7fbfd url('../images/sub/ans_icon_sel1.png')no-repeat 15px 13px;} .faq_answer{font-size:12px;color:#353535;line-height:1.4;font-family:'NanumG',sans-serif;} .ir_so{overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px;} /* 동아리_상세 */ .clubArea_detail{border-top:2px #000 solid;} .club_detailTit{font-size:18px;color:#000;font-family:'NanumSqB',sans-serif;border-bottom:1px # dotted;padding:10px;} .club_detailArea{} .club_detailList{overflow:hidden;display:block;border-top:1px #bebebe dotted;border-bottom:1px #bebebe solid;padding:10px 10px 7px 10px;background-color:#f9f9f9;} .club_detailList li{float:left;font-size:13px;color:#555;padding-right:20px;font-family:'NanumG',sans-serif;padding-bottom:3px} .club_detailList li span{color:#000;} .club_conArea{padding:10px;font-size:13px;color:#555;font-family:'NanumG',sans-serif;line-height:1.5} .club_conArea img{padding:5px 5px;} .club_file{font-size:14px;color:#555;font-family:'NanumG',sans-serif;padding:15px;border-top:1px #bebebe solid;border-bottom:1px #bebebe solid} .club_file span{color:#000} /* 소통마당_학습동아리_공간나눔및예약 2021.10.14 */ .div_comm{font-size:14px;color:#666;padding-bottom:5px} .club_divArea{width:100%;border-top:2px #000 solid;border-bottom:1px #bebebe solid;} .club_divList li{overflow:hidden;display:block;padding:30px 0;border-bottom:1px #bebebe dotted} .c_divThum{float:left;border:1px #bebebe solid;width:100%;height:180px;background:#fff url('../images/sub/no_img.png')no-repeat 50% 50%;margin-right:2%} .c_divTit{float:left;padding-top:20px} .div_tit{font-size:15px;color:#000;font-family:'NanumGB',sans-serif;width:100%;} .div_info{padding-top:5px;} .div_info li{border-bottom:none;font-size:13px;color:#555;font-family:'NanumG',sans-serif;padding:2px 0} .div_info li span{color:#000;font-family:'NanumGB',sans-serif;} /* 권역별 검색 2021.11.04 */ /* honeycom_map.css로 이동 */ /* 집현전소개_집현전개요_집현전개요 소개 2021.11.05 */ .synop_visionArea{background:url('../images/sub/intro_img01.png')no-repeat bottom right;border-bottom:1px #ccc dotted;padding-bottom:20px;} .synop_list{width:250px;margin:0 auto;} .synop_list li{width:100%;height:40px;text-align:center;border-radius:3px;line-height:40px;margin-bottom:5px} .synop_tit{font-size:15px;color:#fff;font-family:'NanumGB',sans-serif;} .synop_txt{font-size:13px;color:#757575;font-family:'NanumG',sans-serif;} .synop_02Area{overflow:hidden;display:block;background:#f4f4f4 url('../images/sub/intro_img022.png')no-repeat top center;height:330px;border-top:1px #b0b0b0 dotted;text-align:center} .talent_tit{padding:75px 0 67px 0;font-size:15px;color:#fff;font-family:'NanumGB',sans-serif;} .talent_list li{padding-bottom:33px;font-size:13px;color:#757575;font-family:'NanumG',sans-serif;} .talent_list li span{color:#000} .synop_03Area{padding-top:20px;text-align:center;background:url('../images/sub/intro_bg01.png')no-repeat bottom right;} .education_tit{width:300px;height:50px;line-height:50px;font-size:20px;color:#fff;font-family:'NanumSqB',sans-serif;background-color:#03a69c;border-radius:80px;margin:0 auto 28px auto;} .education_list{} .education_list li{display:inline-block;background:url('../images/sub/circle_img1.png')no-repeat top center; width:100px;height:100px;text-align:center;font-size:18px; color:#03a69c;font-family:'NanumSqB',sans-serif;padding:40px 3px 0 3px;} .educationArea{width:300px;background:url('../images/sub/intro_bg.png')repeat-y center top;margin:0 auto;} .education_list1{padding-top:10px} .education_list1 li{width:300px;height:40px;line-height:40px;border-radius:80px;border:1px #bbb solid;background-color:#fff;margin-top:10px;font-size:13px; color:#757575;font-family:'NanumG',sans-serif;} /* BI소개 */ .biArea{border:1px #e2e2e2 solid;background:#f4f4f4 url('../images/sub/bi_bg1.png')no-repeat bottom right ;padding:30px;margin-bottom:30px} .bi_img1{padding-bottom:30px;border-bottom:1px #c3c3c3 dotted;} .bi_img1 img{width:80%;} .bi_img2{padding-top:30px;} .bi_img2 img{width:45%;} .bi_tit{font-size:18px;color:#000;font-family:'NanumSqB',sans-serif;padding-bottom:5px;} .bi_txt{font-size:14px;color:#555;font-family:'NanumG',sans-serif;padding-bottom:20px;} .bi_txt1{font-size:14px;color:#555;font-family:'NanumG',sans-serif;padding-bottom:10px;} .bi_colorArea{} .bi_colorList li{display:inline-block;width:100%;margin-right:0%;margin-bottom:1%;text-align:center;height:40px;line-height:40px;font-size:18px;color:#fff;font-family:'NanumSqR',sans-serif;} .bi_colorList li.list_last{width:100%;margin-right:0;} /* 준비중 2021.11.08 */ .readyArea{text-align:center;padding-top:90px;} .readyArea h3{font-size:32px;color:#0054a7;padding-bottom:15px;font-family:'NanumSqR',sans-serif;} .readyArea h4{font-size:14px;color:#555;padding-bottom:65px;font-family:'NanumG',sans-serif;} .ready_imgArea{background:url('../images/sub/ready_img2.png')no-repeat top center;height:230px;width:100%;} /* 집현전소개_오시는길 2021.12.07 css추가 */ .mapArea{height:360px;width:100%;border:1px #e0e0e0 solid;text-align:center;margin-bottom:40px;} .direct_trainArea{width:100%;border:1px #ececec solid;padding:20px 20px 10px 20px;background:#fbfbfb url('../images/sub/train1.png')no-repeat 95% 20%;margin-bottom:40px;} .direc_tit{font-size:14px;color:#000;font-family:'NanumGB',sans-serif;background:url('../images/sub/s_list.png')no-repeat 0 8px;padding-left:12px;} .direct_trainArea p{padding:0 80px 10px 12px;font-size:13px;color:#555;font-family:'NanumG',sans-serif;white-space:normal;} .direct_busArea{width:100%;border:1px #ececec solid;padding:20px 20px 10px 20px;background:#fbfbfb url('../images/sub/bus1.png')no-repeat 95% 15%;} .direc_tit{font-size:14px;color:#000;font-family:'NanumGB',sans-serif;background:url('../images/sub/s_list.png')no-repeat 0 8px;padding-left:12px;} .direct_busArea p{padding:0 80px 10px 12px;font-size:13px;color:#555;font-family:'NanumG',sans-serif;white-space:normal;} .direct_list{padding-bottom:20px} .direct_list li{font-size:13px;color:#555;font-family:'NanumG',sans-serif;;background:url('../images/sub/s_slist.png')no-repeat 13px 12px;padding:4px 20px 4px 25px;line-height:1.3;} /* 220209추가 */ /* 일반게시판_리스트 */ .bbsList table {width:100%;border-top:2px solid #000;} .bbsList thead{border-left:1px solid #bebebe;} .bbsList thead th {font-size:11px;padding:10px; font-weight:normal; font-family:'NanumGB',sans-serif; color:#000; background-color:#fafafa; border-bottom:1px solid #bebebe;} .bbsList thead th.mobile_dateUp {font-size:11px;padding:10px; font-weight:normal; font-family:'NanumGB',sans-serif; color:#000; background-color:#fafafa; border-right:1px solid #bebebe;} .bbsList td {text-align:center; font-family:'Montserrat',sans-serif; font-size:11px; border-bottom:1px solid #d4d4d4; word-wrap:break-word; word-break:keep-all; vertical-align:middle} .bbsList td {padding:10px 10px 5px 10px} .bbsList td.title{text-align:left;color:#000} .bbsList td.title a:link{color:#000;font-family:'Montserrat',sans-serif; } .bbsList td.title a:hover{color:#000} .bbsList td.title a:visited{color:#000} .bbsList td.title a:active{color:#000} .bbsList td .notice{background:url('../images/sub/notice_icon.png') no-repeat 50% 0;text-indent:-9999px;overflow:hidden;} .bbsList tr.bg1 {background-color:#f7f7f7} .bbsList thead th.th_fir{border-left:1px solid #bebebe;} /* .bbsList thead th.th_last{border-right:1px solid #bebebe;background:none} */ .bbsList thead th.th_last{border-right:1px solid #bebebe} /* 수강신청_통합검색_강좌별검색 2021.09.27 */ .search_boxArea{overflow:hidden;display:block;border:0px #e5e5e5 solid;border-bottom:1px #e5e5e5 dotted;background-color:#fff;padding:0px 0 10px 0;margin-bottom:20px;} .search_listArea{} .search_listArea li{float:left;margin-bottom:5px} .search_listArea li select{height:30px;line-height:30px;font-size:14px;font-family:'NanumG',sans-serif; width:100%;padding-left:5px} .search_listArea li input{height:30px;line-height:30px;font-size:14px;font-family:'NanumG',sans-serif; width:95%;padding-left:5px} .search_tit, .search_tit2{font-size:15px;color:#333;font-family:'NanumGB',sans-serif;width:100%;line-height:30px;} .search_tit1{font-size:15px;color:#333;font-family:'NanumGB',sans-serif;width:100%;clear:both;line-height:40px;} .search_form{padding-right:5px;width:100%} .search_form2{padding-right:5px;width:100%;} .cal_Area{float:left; width:95%;} .cal_text{float:left;line-height:40px;padding:0 10px;} .search_input{float:left} .search_btn{float:left} .btn-search{border-radius:0;padding:7px 15px 6px 15px ;font-family:'NanumGB',sans-serif;color:#fff;margin:0 3px;background:#172c42 url('../images/sub/btn_search1.png')no-repeat 50% 50%} /* .btn-reset{border-radius:0;padding:6px 15px 6px 15px;font-size:14px;font-family:'NanumGB',sans-serif;color:#fff;margin-right:3px} */ .btn-reset{border-radius:0;font-size:14px;font-family:'NanumGB',sans-serif;color:#fff;margin-right:3px} /* table 위 검색조건 */ .bbs_select {margin:0 0 8px 0; text-align:right} .bbs_select select, .bbs_select input, .bbs_select button {height:26px; line-height:26px;padding-left:3px} .bbs_select select {min-width:40px} .bbs_select button {display:inline-block; padding:0 12px; line-height:26px; font-size:12px; color:#fff; background-color:#555} .bbs_search_basic {clear:both;width:100%; position:relative; overflow:hidden; display:block;margin-top:10px} .bbs_search_basic .grap {float:left; position:relative; display:inline-block; margin-bottom:0px;} .bbs_search_basic .grap select {height:34px;width:100px;padding-left:5px;font-size:14px;} .bbs_search_basic .searchinput {float:left; display:block; position:relative; text-align:right} .bbs_search_basic .searchinput input {width:150px; height:32px; margin:0 2px;font-size:14px;} .basic_box {position:relative; padding:0px; margin-bottom:0px;} .bbs_total {font-family:'NanumG',sans-serif;clear:both; display:block; position:relative; margin:0; padding:10px 0 0 18px; line-height:33px; font-size:16px; color:#666; background:url('../images/sub/icon_bbs.gif') no-repeat 0 21px} .bbs_total * {vertical-align:baseline} .bbs_total .bold {font-family:'NanumGB',sans-serif;color:#0054a7} /* 탭 갯수가 10개일때 */ .course_tabArea10{overflow:hidden;display:block;margin-bottom:20px;width:100%;} .course_tabList10 li{float:left;margin-right:0.5%;width:19.6%;text-align:center;padding:15px 0;border:1px #b6b6b6 solid;margin-bottom:0.5%;font-size:15px;color:#555;font-family:'NanumSqR',sans-serif;} .course_tabList10 li a:link{color:#555;} .course_tabList10 li a:hover{color:#555;} .course_tabList10 li a:visited{color:#555;} .course_tabList10 li a:active{color:#555;} .course_tabList10 li.tab_last{margin-right:0;} .course_tabList10 li.sel_tabList{background-color:#000;border:1px #000 solid;color:#fff} .course_tabList10 li.sel_tabList a:link{color:#fff} .course_tabList10 li.sel_tabList a:hover{color:#fff} .course_tabList10 li.sel_tabList a:visited{color:#fff} .course_tabList10 li.sel_tabList a:active{color:#fff} /* 탭 갯수가 8개일때 */ .course_tabArea8{overflow:hidden;display:block;margin-bottom:20px;width:100%;} .course_tabList8 li{float:left;margin-right:0.5%;width:24.6%;text-align:center;padding:15px 0;border:1px #b6b6b6 solid;margin-bottom:0.5%;font-size:15px;color:#555;font-family:'NanumSqR',sans-serif;} .course_tabList8 li a:link{color:#555;} .course_tabList8 li a:hover{color:#555;} .course_tabList8 li a:visited{color:#555;} .course_tabList8 li a:active{color:#555;} .course_tabList8 li.tab_last{margin-right:0;} .course_tabList8 li.sel_tabList{background-color:#000;border:1px #000 solid;color:#fff;width:24.7%;} .course_tabList8 li.sel_tabList a:link{color:#fff} .course_tabList8 li.sel_tabList a:hover{color:#fff} .course_tabList8 li.sel_tabList a:visited{color:#fff} .course_tabList8 li.sel_tabList a:active{color:#fff} .payment_ok{width:45px;margin:0 auto;background-color:#000;border-radius:3px;padding:7px 7px;font-size:13px;color:#fff;font-family:'NanumGB',sans-serif;} .print_ok{width:45px;margin:0 auto;background-color:#0054a7;border-radius:3px;padding:7px 7px;font-size:13px;color:#fff;font-family:'NanumGB',sans-serif;} .payment_none{width:45px;margin:0 auto;background-color:#a5a5a5;border-radius:3px;padding:7px 7px;font-size:13px;color:#fff;font-family:'NanumGB',sans-serif;} .print_none{width:45px;margin:0 auto;background-color: #949494;border-radius:3px;padding:7px 7px;font-size:13px;color:#fff;font-family:'NanumGB',sans-serif;} .wid300_input{width:50%} .eml_input{width:50%} .eml_select{float:right;} .tb-row td .table_list li{font-size:12px;background:url('../images/sub/s_list1.png') no-repeat 0 6px;padding-left:10px;font-family:'NanumG',sans-serif;color:#666;margin-bottom:5px;} /* 마이페이지_나의수강내역_강좌홈 2021.08.28 */ .course_infoArea{border-top:2px #000 solid;margin-bottom:30px;} .c_infoArea{padding:25px 30px;border-left:1px #dadada solid;border-bottom:1px #dadada solid;border-right:1px #dadada solid;background:#eeeeee url('../images/sub/class_homeBg1.png')no-repeat 98% 100%;border-left:1px #dadada solid;border-bottom:1px #dadada solid;border-right:1px #dadada solid;background:#eeeeee url('../images/sub/class_homeBg1.png')no-repeat 98% 100%;height:175px;} .course_tit{font-size:18px;color:#000;font-family:'NanumSqB',sans-serif;border-bottom:1px #bebebe dotted;padding-bottom:20px;} .course_infoList{padding:20px 260px 20px 0;} .course_infoList li{float:left;padding-right:20px;color:#6c6c6c;font-size:16px;font-family:'NanumSqR',sans-serif;} .course_infoList li span{color:#000;} .tch_img{width: 130px;} /* input[type="file"] { width: 150px; } */ /*마이페이지-학습하기*/ .graph_box div.edu_title{margin-top:40px;clear:both;font-size:14pt;color:#000000;padding:0px 0 20px 0;} .graph_box div.jindo_title{float:left;font-size:12pt;color:#000000;padding:0px 15px 20px 0;width:100%;} .graph_box div.jindo_label{float:left; width:15%;} .graph_box div.jindo_label span{font-size:12pt;color:#143d8d;} .graph_box div.jindo_graph{float:left; margin-top:-7px; width:85%; height:30px; border:2px #143D8D solid; border-radius:15px;} .graph_box div.jindo_rate{border:0; border-radius:14px; background-color:#143D8D; width:0%; height:27px;} } /* mobile 320 --------------------------------------------------------------------------------------------------------------------------------------------- */ @media screen and (max-width:320px){ }