@charset "euc-kr"; /* CSS Document */ @font-face { font-family: 'notokr-regular'; src: url('/new_main/font/NotoKR-all/notokr-regular.eot'); src: local(※), url('/new_main/font/NotoKR-all/notokr-regular.eot?#iefix') format('embedded-opentype'), url('/new_main/font/NotoKR-all/notokr-regular.woff2') format('woff2'), url('/new_main/font/NotoKR-all/notokr-regular.woff') format('woff'), url('/new_main/font/NotoKR-all/notokr-regular.ttf') format('truetype'), url('/new_main/font/NotoKR-all/notokr-regular.svg#notokr-regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'notokr-medium'; src: url('/new_main/font/NotoKR-all/notokr-medium.eot'); src: local(※), url('/new_main/font/NotoKR-all/notokr-medium.eot?#iefix') format('embedded-opentype'), url('/new_main/font/NotoKR-all/notokr-medium.woff2') format('woff2'), url('/new_main/font/NotoKR-all/notokr-medium.woff') format('woff'), url('/new_main/font/NotoKR-all/notokr-medium.ttf') format('truetype'), url('/new_main/font/NotoKR-all/notokr-medium.svg#notokr-regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'notokr-demilight'; src: url('/new_main/font/NotoKR-all/notokr-demilight.eot'); src: local(※), url('/new_main/font/NotoKR-all/notokr-demilight.eot?#iefix') format('embedded-opentype'), url('/new_main/font/NotoKR-all/notokr-demilight.woff2') format('woff2'), url('/new_main/font/NotoKR-all/notokr-demilight.woff') format('woff'), url('/new_main/font/NotoKR-all/notokr-demilight.ttf') format('truetype'), url('/new_main/font/NotoKR-all/notokr-demilight.svg#notokr-regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'notokr-bold'; src: url('/new_main/font/NotoKR-all/notokr-bold.eot'); src: local(※), url('/new_main/font/NotoKR-all/notokr-bold.eot?#iefix') format('embedded-opentype'), url('/new_main/font/NotoKR-all/notokr-bold.woff2') format('woff2'), url('/new_main/font/NotoKR-all/notokr-bold.woff') format('woff'), url('/new_main/font/NotoKR-all/notokr-bold.ttf') format('truetype'), url('/new_main/font/NotoKR-all/notokr-bold.svg#notokr-regular') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'ng'; src: url('/new_main/font/NanumGothic.eot'); src:local(※), url('/new_main/font/NanumGothic.woff') format('woff'), url('/new_main/font/NanumGothic.ttf') format('truetype'); } .font_ng {font-family: 'NanumGothic','ng'} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { font-family:"ng", "돋움"; font-size:14px; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } address, i, em{font-style: normal;} span.ir, caption{position:absolute; left: -9999px;} a {text-decoration:none; color:#625f66; font-family:"ng", "굴림", "돋움";} img {border:0;} /* header */ #header { } #header980 {width:980px; margin:0 auto; } #header980 #sub_top {position:relative; height:84px;} #header980 #sub_top h1 {position:absolute; top:0; left:0;} #header980 #sub_top h1 a span { display: table-cell; font-size: 24px; height: 95px; vertical-align: middle; } #header980 #sub_top ul {position:absolute; top:36px; right:2px; overflow:hidden;} #header980 #sub_top ul li {float:left; overflow:hidden;} #header980 #sub_top ul li.txt {color:#9b918a; font-size:14px; margin:7px 16px 0 0; font-family: 'notokr-regular', "ng", "돋움"; } #gnb {width:100%; border-top:1px solid #eaebeb; } #gnb980 {width:980px; margin:0 auto; border-left:1px solid #eaebeb; overflow:hidden; } #gnb980 li {float:left; text-align:center; border-right:1px solid #eaebeb} #gnb980 li a {display:block; color:#747474; font-family: 'notokr-medium', "ng", "돋움"; font-size:15px; width:243px; height:41px; line-height:41px; font-weight:bold; } #gnb980 li a.new_icon { background: url(/new_main/gate/tpl8/images/icon_menu_new.png) no-repeat 158px 5px ; } #sub_nav980 li a.new_icon { background: url(/new_main/gate/tpl8/images/icon_menu_new02.png) no-repeat 200px 0px ; } #s_visual01 { width:100%; height:158px; background:#000 url(../tpl3/images/sub_top01_2017.jpg) no-repeat 50% 0px; margin:0 auto; position:relative; font-family: 'notokr-bold', "ng", "돋움"; text-align:center;} #s_visual02 { width:100%; height:158px; background:#000 url(../tpl3/images/sub_top02_2017.jpg) no-repeat 50% 0px; margin:0 auto; position:relative; font-family: 'notokr-medium', "ng", "돋움"; text-align:center;} #s_visual03 { width:100%; height:158px; background:#000 url(../tpl3/images/sub_top03_2017.jpg) no-repeat 50% 0px; margin:0 auto; position:relative; font-family: 'notokr-medium', "ng", "돋움"; text-align:center; } #s_visual04 { width:100%; height:158px; background:#000 url(../tpl3/images/sub_top04_2017.jpg) no-repeat 50% 0px; margin:0 auto; position:relative; font-family: 'notokr-medium', "ng", "돋움"; text-align:center; } /* 2016-12-06 오나영 : 태광그룹(k077) 서브메뉴 이미지 */ #s_visual01_k077 { width:100%; height:188px; background:#000 url(../tpl3/images/sub_top01_k077.jpg) no-repeat 50% 0px; margin:0 auto; position:relative; font-family:"ng"; } #s_visual02_k077 { width:100%; height:188px; background:#000 url(../tpl3/images/sub_top02_k077.jpg) no-repeat 50% 0px; margin:0 auto; position:relative; font-family:"ng"; } #s_visual03_k077 { width:100%; height:188px; background:#000 url(../tpl3/images/sub_top03_k077.jpg) no-repeat 50% 0px; margin:0 auto; position:relative; font-family:"ng"; } #s_visual04_k077 { width:100%; height:188px; background:#000 url(../tpl3/images/sub_top04_k077.jpg) no-repeat 50% 0px; margin:0 auto; position:relative; font-family:"ng"; } /*2017-12-07 평화정공 서브 메뉴 이미지 */ #s_visual01_pha, #s_visual02_pha, #s_visual03_pha, #s_visual04_pha { width:100%; height:158px; background:#82756c url(../tpl3/images/sub_top01_pha.jpg) no-repeat 50% 0px; margin:0 auto; position:relative; font-family: 'notokr-bold', "ng", "돋움"; text-align:center;} .s_visual980 {width:980px; margin:0 auto; position:relative;} .s_visual980 div.position { text-align:center; padding-top:40px;} .s_visual980 .title {color:#ffffff; font-size:20px;} .s_visual980 .text {font-size:14px; color:#8e8e8e; margin-top:5px; font-weight:normal; font-family: 'notokr-medium', "ng", "돋움";} .s_visual980 .text2 {font-size:14px; color:#d3e0de; margin-top:5px; font-weight:normal; font-family: 'notokr-medium', "ng", "돋움";} .s_visual980 .text3 {font-size:14px; color:#c5c3c0; margin-top:5px; font-weight:normal; font-family: 'notokr-medium', "ng", "돋움";} .s_visual980 .text4 {font-size:14px; color:#daece6; margin-top:5px; font-weight:normal; font-family: 'notokr-medium', "ng", "돋움";} #s_visual05 .s_visual980 .title {color:#fff; font-size:36px;} #s_visual05 .s_visual980 .text {font-size:14px; color:#8e8e8e; margin-top:5px;} #sub_nav { width:100%; height:158px; background-color:#2d2925; border-top:1px solid #000; border-bottom:1px solid #000; position:absolute; top:-158px; display:none; z-index:100 !important; left:0PX; } /*IE 7때문에 LEFT:0PX 추가 */ #sub_nav980 {width:980px; margin:0 auto; overflow:hidden;} #sub_nav980 li {float:left; width:243px; height:158px; } #sub_nav980 li.sub1 a { display:block; width:243px; height:158px; background:url(../tpl3/images/17_image_submenu.png) no-repeat; background-position:0px 0px; } #sub_nav980 li.sub1 a:hover{ background-position:0px -200px; } #sub_nav980 li.sub1 a p, #sub_nav980 li.sub1 a img { display:none; } #sub_nav980 li.sub2 { background-color:#383533; } #sub_nav980 li.sub2 a { display:block; font-size:14px; color:#c4c3c2; font-weight:bold; width:163px; height:42px; line-height:42px; font-family: 'notokr-demilight', "ng", "돋움"; text-align:left; background:#383533 url(../tpl3/images/17_icon_submenu.png) no-repeat; padding-left:80px; } #sub_nav980 li.sub2 a.sub_btn1 { background-position:48px -39px; } #sub_nav980 li.sub2 a.sub_btn2 { background-position:50px -92px; border-bottom:0px solid #2d2925; } #sub_nav980 li.sub2 a.sub_btn3 { background-position:48px 7px; margin-top:17px; } #sub_nav980 li.sub2 a:hover.sub_btn3 {background-color:#807770; color:#FFF;} #sub_nav980 li.sub2 a:hover.sub_btn2 {background-color:#807770; color:#FFF;} #sub_nav980 li.sub2 a:hover.sub_btn1 {background-color:#807770; color:#FFF;} #sub_nav980 li.sub3, #sub_nav980 li.sub4 {width:244px; } /*서브메뉴 4개 기본 */ #sub_nav980 li.sub3 a, #sub_nav980 li.sub4 a {display:block; color:#c0bfbe; padding-left:60px; height:32px; line-height:32px; font-family: 'notokr-demilight', "ng", "돋움"; text-align:left; font-size:13px; background:url(../tpl3/images/17_icon_dot.jpg) no-repeat; background-position:50px 14px; } /*서브메뉴 3개 */ #sub_nav980 li.sub3#step_1 a, #sub_nav980 li.sub4#step_1 a {display:block; color:#c0bfbe; padding-left:60px; height:42px; line-height:42px; font-family: 'notokr-demilight', "ng", "돋움"; text-align:left; font-size:13px; background:url(../tpl3/images/17_icon_dot.jpg) no-repeat; background-position:50px 20px; margin-top: 13px; } /*서브메뉴 2개 */ #sub_nav980 li.sub3#step_2 a, #sub_nav980 li.sub4#step_2 a {display:block; color:#c0bfbe; padding-left:60px; height:42px; line-height:42px; font-family: 'notokr-demilight', "ng", "돋움"; text-align:left; font-size:13px; background:url(../tpl3/images/17_icon_dot.jpg) no-repeat; background-position:50px 20px; } /*서브메뉴 3개 */ #sub_nav980 li.sub3#step_3 a, #sub_nav980 li.sub4#step_3 a {display:block; color:#c0bfbe; padding-left:60px; height:42px; line-height:42px; font-family: 'notokr-demilight', "ng", "돋움"; text-align:left; font-size:13px; background:url(../tpl3/images/17_icon_dot.jpg) no-repeat; background-position:50px 20px; } /*서브메뉴 4개 */ #sub_nav980 li.sub3#step_4 a, #sub_nav980 li.sub4#step_4 a {display:block; color:#c0bfbe; padding-left:60px; height:32px; line-height:32px; font-family: 'notokr-demilight', "ng", "돋움"; text-align:left; font-size:13px; background:url(../tpl3/images/17_icon_dot.jpg) no-repeat; background-position:50px 14px; } /*서브메뉴 5개 */ #sub_nav980 li.sub3#step_5 a, #sub_nav980 li.sub4#step_5 a {display:block; color:#c0bfbe; padding-left:60px; height:25px; line-height:25px; font-family: 'notokr-demilight', "ng", "돋움"; text-align:left; font-size:13px; background:url(../tpl3/images/17_icon_dot.jpg) no-repeat; background-position:50px 12px; } /*서브메뉴 6개 */ #sub_nav980 li.sub3#step_6 a, #sub_nav980 li.sub4#step_6 a {display:block; color:#c0bfbe; padding-left:60px; height:21px; line-height:21px; font-family: 'notokr-demilight', "ng", "돋움"; text-align:left; font-size:13px; background:url(../tpl3/images/17_icon_dot.jpg) no-repeat; background-position:50px 7px; } #sub_nav980 li.sub3 a:hover, #sub_nav980 li.sub4 a:hover {background-color:#807770; color:#FFF;} #sub_nav980 li.sub3#step_5 a:hover, sub_nav980 li.sub4#step_5 a:hover{background-color:#807770; color:#FFF;} #sub_nav980 li.sub3 a span.new_icon, #sub_nav980 li.sub4 a span.new_icon { display: inline-block; background:url(../tpl3/images/icon_menu_new02.png) no-repeat; padding-right: 23px; background-position: right center; } #sub_nav980.kcs li.sub1 { background: none; background-color:#383533; border-right: 1px solid #2d2925; } #sub_nav980.kcs li.sub1 a { display:block; font-size:14px; color:#c4c3c2; font-weight:bold; width:163px; height:42px; line-height:42px; font-family: 'notokr-demilight', "ng", "돋움"; text-align:left; background:#383533 url(../tpl3/images/17_icon_submenu_kcs.png) no-repeat; padding-left:80px; } #sub_nav980.kcs li.sub1 a.sub_btn1 { background-position:48px 7px; margin-top:17px; } #sub_nav980.kcs li.sub1 a.sub_btn2 { background-position:46px -39px; border-bottom:0px solid #2d2925; } #sub_nav980.kcs li.sub1 a.sub_btn3 {background-position:48px -89px; } #sub_nav980.kcs li.sub1 a:hover.sub_btn3 {background-color:#807770; color:#FFF;} #sub_nav980.kcs li.sub1 a:hover.sub_btn2 {background-color:#807770; color:#FFF;} #sub_nav980.kcs li.sub1 a:hover.sub_btn1 {background-color:#807770; color:#FFF;} /* container - left */ #container {} #container980 { width:980px; margin:0 auto; min-height:100%;; overflow:hidden; position:relative;} #lnb { float:left; min-height:1200px; width:193px; padding-top:43px;} #lnb h3 { font-size:15px; font-family: 'notokr-medium', "ng", "돋움"; color:#616161; color:#9b918a; background:url(../tpl3/images/17_icon_line.png) no-repeat 0px 30px; padding-left:10px; text-transform:uppercase; padding-bottom:16px; border-bottom:1px solid #ebebeb; padding-top:20px; } #lnb > ul > li > a{ display: block; line-height: 20px; position: relative; border-bottom:1px solid #ebebeb; width:146px; color:#9b918a; font-size:15px; font-weight:bold; padding-top:12px; padding-bottom:10px; padding-left:14px; padding-right:20px; font-family: 'notokr-medium', "ng", "돋움"; background:url(../tpl3/images/17_icon.png) no-repeat 0px -100px; background-position:153px 15px; } #lnb > ul > li.on > a i{color: #435375;} #lnb > ul > li > a i.right{ display:none; position: absolute; right: 10px; top: 10px;} #lnb ul ul{overflow: hidden; height: 0; box-sizing: border-box;} #lnb > ul > li.on ul{height: auto; padding:10px 0; border-bottom:1px solid #ebebeb; width:180px; } #lnb ul ul a{display: block; line-height: 22px; font-size: 14px; color:#808080; padding-left: 17px; padding-top:4px; padding-bottom:4px; font-family: 'notokr-demilight', "ng", "돋움";} #lnb ul ul a.on{ color:#ee4846; } #lnb ul ul li.on a i{color:#3bafda;} /* footer */ #footer {border-top:1px solid #dedede;} #footer980 { width:980px; margin:0 auto; position:relative; padding-top:23px; padding-bottom:70px; font-size:12px; color:#787878;} #footer980 a.button {position:absolute; top:21px; right:0;} /* container - contents (과정목록) */ #contents { width:750px; float:left; padding-bottom:20px; padding-top:66px; padding-left:33px; height:100%; position:relative; } #contents h2 {font-size:20px; color:#605d58; font-family: 'notokr-medium', "ng", "돋움"; } #bread_crumb{position: absolute; color:#fff; right: 2px; top: -26px; font-family: 'notokr-demilight', "ng", "돋움"; z-index:10 !important; } #bread_crumb a { display:inline-block; margin-right:15px; font-size:12px; color:#fff;} /*#bread_crumb a:after{content: " > "}*/ #bread_crumb span{ font-family: 'notokr-demilight', "ng", "돋움"; font-size:12px; color:#fff;} p.board_search {text-align:right; margin-bottom:10px; } p.board_search input{ height: 22px; line-height: 22px; margin-top: 3px; } ul.selection {width:100%; border-top:1px solid #bbbcbc; margin-top:16px; background-color:#fafafa;} ul.selection li {padding:9px 0 9px 30px; border-bottom:1px dotted #bebebe; overflow:hidden;} ul.selection li .class {float:left; font-size:15px; color:#666666; width:70px; padding-left:35px; padding-top:7px; font-family: 'notokr-regular'; background:url(../tpl3/images/17_icon_dot.jpg) no-repeat 25px 16px ;} ul.selection li .class i {margin-right:5px; display:none; } ul.selection li .list { float:left; font-size:14px; color:#9b918a; padding:7px 0 7px 25px;} ul.selection li .list input{ margin-right:5px; } ul.selection li .list span {margin-right:46px;} .result {margin-top:41px;} .result > p {font-size:14px; color:#9b918a; margin-bottom:12px; font-family: 'notokr-demilight', "ng", "돋움";} .zzim_class .comment { text-align:right; margin-top:10px; } .zzim_class .comment .icon_commnet{ display:inline-block; background:url(../tpl3/images/17_icon.png) no-repeat 0px -248px ; color:#807770; font-size:14px; font-family: 'notokr-demilight'; padding-left:27px; } /* container - contents_wide */ #contents_wide { width:980px; min-height:100%; padding-bottom:50px; padding-top:37px; margin:0 auto; position:relative; } /*돌발퀴즈 때문에 삭제 overflow:hidden; */ #contents_wide h3 { font-family:"notokr-medium"; font-size:24px; color:#605d58; letter-spacing:-1px; position:relative; } #contents_wide h3 i.fa-book{ display:none; } #contents_wide h3 i.fa-desktop{ display:none; } #contents_wide h3 i.icon { display:none; position:absolute; top:0; left:0; display:none; } #contents_wide h3 i.icon2 { display:none; position:absolute; top:0; left:0; font-size:35px ; display:none; } #contents_wide h3 span.area {display:inline-block; width:800px; } #contents_wide h3 span.area2 {display:inline-block; width:800px; margin-left:17px;} #contents_wide a.positon {position:absolute; top:1px; right:0;} #contents_wide a.positon2 {position:absolute; top:0; right:0;} #contents_wide h3 p.positon3 {position:absolute; top:5px; right:0; vertical-align:middle;} /* 이러닝 */ #contents_wide .con_info_elearn { width:980px; min-height:300px; border-top:1px solid #babbbb; border-bottom:1px solid #dadada; margin-top:33px; position:relative; margin-bottom:11px; } /* */ #contents_wide .con_info_elearn .label {position:absolute; right:16px; top:-1px;} #contents_wide .con_info_elearn .label img {display:inline-block;} #contents_wide .con_info_elearn .left {width:402px; float:left;} #contents_wide .con_info_elearn .left table.left_in { width:402px; text-align:center; vertical-align: middle;} #contents_wide .con_info_elearn .left table.left_in td {height:300px;} #contents_wide .con_info_elearn .right { float:left; width:526px; min-height:230px; border-left:1px solid #dadada; background-color:#fafafa; padding-top:70px; padding-left:51px; color:#353535; font-family: 'notokr-demilight', "ng", "돋움"; line-height:22px; } #contents_wide .con_info_elearn .right > ul.line > li {width:473px; padding-bottom:23px; border-bottom:1px dotted #dadada;} #contents_wide .con_info_elearn .right > ul.line > li > table th {text-align:left; padding:2px 0;} #contents_wide .con_info_elearn .right > ul.line > li > table th.red {color:#fa3c46;} #contents_wide .con_info_elearn .right > ul.line > li > table td {color:#676b76;} #contents_wide .con_info_elearn .right > ul.line > li > table td.green {color:#0ba199;} #contents_wide .con_info_elearn .right > ul.line > li > table td.blue {color:#5e8891;} /* book 1개월 */ #contents_wide .con_info_book1 { width:980px; min-height:300px; border-top:1px solid #bbbcbc; border-bottom:1px solid #dadada; margin-top:33px; position:relative; margin-bottom:11px;} #contents_wide .con_info_book1 .label {position:absolute; right:16px; top:-1px;} #contents_wide .con_info_book1 .label img {display:inline-block;} #contents_wide .con_info_book1 .left {width:402px; float:left;} #contents_wide .con_info_book1 .left table.left_in { width:402px; text-align:center; vertical-align: middle;} #contents_wide .con_info_book1 .left table.left_in td {height:300px;} #contents_wide .con_info_book1 .left table.left_in td img {border:1px solid #dadada;} #contents_wide .con_info_book1 .right { float:left; width:526px; min-height:234px; border-left:1px solid #dadada; background-color:#fafafa; padding-top:66px; padding-left:51px; color:#353535;} #contents_wide .con_info_book1 .right > ul.line > li {width:473px; padding-bottom:23px; border-bottom:1px dotted #dadada;} #contents_wide .con_info_book1 .right > ul.line > li p.book_name {font-size:18px; color:#353535; font-weight:bold;} #contents_wide .con_info_book1 .right > ul.line > li p.book_name .txt05{color:#353535;} #contents_wide .con_info_book1 .right > ul.line > li > ul.book_detail {padding-left:16px; width:550px;} #contents_wide .con_info_book1 .right > ul.line > li > ul.book_detail li {font-family: 'notokr-demilight', "ng", "돋움"; } #contents_wide .con_info_book1 .right > ul.line > li > ul.book_detail li span.bundle {display:inline-block; width:273px;} #contents_wide .con_info_book1 .right > ul.line > li > ul.book_detail li span.area {color:#353535;} /* book 2개월 */ #contents_wide .con_info_book2 { width:980px; min-height:300px; border-top:1px solid #bbbcbc; border-bottom:1px solid #dadada; margin-top:20px; position:relative; margin-bottom:11px;} #contents_wide .con_info_book2 .label {position:absolute; right:16px; top:-1px;} #contents_wide .con_info_book2 .label img {display:inline-block;} #contents_wide .con_info_book2 .left { width:489px; float:left; border-right:1px solid #dadada; min-height:300px; overflow:hidden;} #contents_wide .con_info_book2 .right {width:490px; float:left; overflow:hidden;} table.book {width:217px; text-align:center; vertical-align: middle;} table.book td {height:300px;} table.book img {border:1px solid #dadada;} #contents_wide .con_info_book2 div.detail_bg { width:250px; min-height:246px; float:right; background-color:#fafafa; padding-top:54px; padding-left:22px;} #contents_wide .con_info_book2 div.detail_bg ul.book_detail {width:235px;} /* book 3개월 */ #contents_wide .con_info_book3 { width:980px; min-height:450px; border-top:2px solid #353535; border-bottom:1px solid #dadada; margin-top:33px; position:relative; margin-bottom:11px;} #contents_wide .con_info_book3 .label {position:absolute; right:16px; top:-1px; z-index:99;} #contents_wide .con_info_book3 .label img {display:inline-block;} #contents_wide .con_info_book3 .book_box { width:326px; float:left; height:450px; overflow:hidden;} #contents_wide .con_info_book3 .book_box.bo_r {border-right:1px solid #dadada;} #contents_wide .con_info_book3 .book_box .book_img {width:214px; padding-top:28px ; padding-left:56px;} #contents_wide .con_info_book3 .book_box .book_img p.book_name { width:214px; text-align:center; font-size:16px; margin-top:24px; font-weight:bold; color:#0b94c0; letter-spacing:-1px;} #contents_wide .con_info_book3 .book_box .book_img_in {width:214px; position:relative; height:173px;} #contents_wide .con_info_book3 .book_box .book_img_in img { width:116px; height:171px; border:1px solid #dadada;} #contents_wide .con_info_book3 .book_box .book_img_in p.button{display:block; position:absolute; right:0; bottom:0;} #contents_wide .con_info_book3 .book_box .detail_bg { width:100%; height:165px; background-color:#fafafa; margin-top:22px; border-top:1px dotted #dadada;} #contents_wide .con_info_book3 .book_box .detail_bg ul.book_detail {margin:0 auto; padding-top:18px; width:218px;} /* book 4개월 */ #contents_wide .con_info_book4 { width:980px; min-height:450px; border-top:2px solid #353535; border-bottom:1px solid #dadada; margin-top:33px; position:relative; margin-bottom:11px;} #contents_wide .con_info_book4 .label {position:absolute; right:16px; top:-1px; z-index:99;} #contents_wide .con_info_book4 .label img {display:inline-block;} #contents_wide .con_info_book4 .book_box { width:244px; float:left; height:450px; overflow:hidden;} #contents_wide .con_info_book4 .book_box.bo_r {border-right:1px solid #dadada;} #contents_wide .con_info_book4 .book_box .book_img {width:214px; padding-top:28px ; padding-left:16px;} #contents_wide .con_info_book4 .book_box .book_img p.book_name { width:214px; text-align:center; font-size:16px; margin-top:24px; font-weight:bold; color:#0b94c0; letter-spacing:-1px;} #contents_wide .con_info_book4 .book_box .book_img_in {width:214px; position:relative; height:173px;} #contents_wide .con_info_book4 .book_box .book_img_in img {border:1px solid #dadada;} #contents_wide .con_info_book4 .book_box .book_img_in p.button{display:block; position:absolute; right:0; bottom:0;} #contents_wide .con_info_book4 .book_box .detail_bg { width:100%; height:165px; background-color:#fafafa; margin-top:22px; border-top:1px dotted #dadada;} #contents_wide .con_info_book4 .book_box .detail_bg ul.book_detail {margin:0 auto; padding-top:18px; width:213px;} /* 책설명 공통 */ ul.book_detail li {color:#787c87; margin-bottom:7px;} ul.book_detail li.book_name { font-size:20px; color:#605d58; line-height:120%; margin-bottom:19px; letter-spacing:-1px; font-family: 'notokr-regular';} ul.book_detail li span.area {display:inline-block; width:55px; padding-right:5px;} /* 과정안내 하단 아코디언 부분 */ #contents_wide .accordion { width:978px; height:auto; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; } #contents_wide .accordion a.list { display:block; height:50px; line-height:50px; background-color:#353535; color:#d0d0d0; font-size:16px; font-weight:bold; position:relative; padding-left:75px; font-family: 'notokr-medium', "ng", "돋움";} #contents_wide .accordion > div > a.list i { font-size:20px; display:block; position:absolute; top:16px; left:23px;} #contents_wide .accordion > div > a.list span.line{ display:block; height:50px; border-right:1px solid #4d4d4d; position:absolute; top:0; left:62px;} #contents_wide .accordion > div > a.list span.arrow { background:url(../tpl3/images/list_on.png) no-repeat; display:block; position:absolute; width:43px; height:30px; top:10px; right:0;} #contents_wide .accordion > div > a.list span.arrow.on {background:url(../tpl3/images/list_off.png) no-repeat; display:block; position:absolute; width:43px; height:30px; top:10px; right:0;} #contents_wide .accordion > div {overflow:hidden;} #contents_wide .accordion > div > div {overflow:hidden; padding:35px 35px;} #contents_wide .accordion > div > div ul {width:880px;} #contents_wide .accordion > div > div ul > li.text {font-size:16px; font-weight:bold; color:#353535; margin-bottom:11px; font-family: 'notokr-medium', "ng", "돋움";} #contents_wide .accordion > div > div ul > li.info_box { background-color:#f6f6f6; width:801px; padding:18px 20px 18px 57px; overflow:hidden;} #contents_wide .accordion > div > div ul > li.info_box > img {float:left; margin-right:28px;} #contents_wide .accordion > div > div ul > li.info_box > p { color:#676b76; line-height:150%; float:left; font-family: 'notokr-demilight', "ng", "돋움";} #menu3 ul li { line-height:150%; color:#676b76; float:left; font-family: 'notokr-demilight', "ng", "돋움"; font-size:15px; } #contents_wide .accordion > div > div > div.aco_left {float:left; width:440px;} #contents_wide .accordion > div > div ul.aco_right {width:400px; float:left; padding:0; margin-left:57px;} #contents_wide .accordion > div > div ul.aco_right > li.small { background-color:#f6f6f6; overflow:hidden; padding:0; width:380px; padding:25px 0 20px 30px;} #contents_wide .accordion > div > div ul.aco_right > li.small > img {float:left; margin-right:18px;} #contents_wide .accordion > div > div > ul.aco_right > li.small > p { color:#676b76; line-height:150%; letter-spacing:-1px; float:left; width:275px; } #contents_wide .accordion > div > div > div.aco_left table.score { float:left; width:440px; border-bottom:2px solid #353535; border-top:2px solid #353535; margin-bottom:13px;} #contents_wide .accordion > div > div > div.aco_left table.score td { border-bottom:1px solid #dadada; padding-left:15px; padding-bottom:10px; padding-top:10px;} #contents_wide .accordion > div > div > div.aco_left table.score td.bg { background-color:#f6f6f6; text-align:center; border-right:1px solid #dadada; padding-left:0;} #contents_wide .accordion > div > div > ul.num_list {width:840px; padding:15px 70px; list-style:inside decimal; font-size:15px; line-height:35px; color:#676b76; font-family: 'notokr-demilight', "ng", "돋움";} #contents_wide .accordion > div > div > ul.num_list li {margin-bottom:5px;} /* container - contents (수강신청) */ #contents_wide .apply_box { width:978px; height:auto; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; } #contents_wide .apply_box span.list { display:block; height:50px; line-height:50px; background-color:#353535; color:#d0d0d0; font-size:18px; font-weight:bold; position:relative; padding-left:75px;} #contents_wide .apply_box span.list i { font-size:24px; display:block; position:absolute; top:13px; left:23px;} #contents_wide .apply_box span.list span.line{ display:block; height:50px; border-right:1px solid #4d4d4d; position:absolute; top:0; left:62px;} #contents_wide .wrapper {padding:35px 50px;} #contents_wide .wrapper p {text-align:right; color:#566381; margin-bottom:15px;} #contents_wide .wrapper .wrapper_box {width:836px; padding:20px;} /* height:218px; border:1px solid #dadada; */ #contents_wide .wrapper .wrapper_box .kshrd { padding: 0px; } #contents_wide .wrapper .wrapper_box .wrapper_box_in { width:826px; height:218px; color:#656975; line-height:170%; padding-right:10px;} #contents_wide .wrapper .agree {position:relative; text-align:left; color:#353535;} #contents_wide .wrapper .agree .answer {display:inline-block; position:absolute; top:0; right:0;} /* 나의 학습장 */ #contents_wide .class_room h4 {font-size:18px; color:#605d58; margin-bottom:17px; font-family:'notokr-medium' } #contents_wide .class_room h4 i{ display:none; } #contents_wide .zzim_class h4 {font-size:18px; color:#605d58; margin-bottom:17px; font-family:'notokr-medium' } #contents_wide .zzim_class h4 i{ display:none; } #contents_wide .class_room div.my_class {width:980px; border-bottom:1px solid #eaeaea; overflow:hidden; margin-bottom:40px; } #contents_wide .class_room div.my_class a { display:block; width:190px; height:80px; float:left; padding-left:136px; padding-top:19px; color:#808080; font-family:'notokr-medium'; font-size:22px; } #contents_wide .class_room div.my_class a span.num {font-size:30px; font-family:'notokr-medium' } #contents_wide .class_room div.my_class a.cl_before { background:#fafafa url(../tpl3/images/17_icon13.png) no-repeat 70px 23px; border-top:1px solid #bbbcbc;} #contents_wide .class_room div.my_class a.cl_before p{ display:inline-block; border-bottom:1px solid #a4a4a4; margin-top:-4px; } #contents_wide .class_room div.my_class a.cl_ongoing { background:#fafafa url(../tpl3/images/17_icon14.png) no-repeat 70px 23px; border-top:1px solid #bbbcbc;} #contents_wide .class_room div.my_class a.cl_ongoing p{ display:inline-block; border-bottom:1px solid #a4a4a4; margin-top:-4px; } #contents_wide .class_room div.my_class a.cl_finish { background:#fafafa url(../tpl3/images/17_icon15.png) no-repeat 70px 23px; border-top:1px solid #bbbcbc;} #contents_wide .class_room div.my_class a.cl_finish p{display:inline-block; border-bottom:1px solid #a4a4a4; margin-top:-4px; } #contents_wide .before_class p.sub_title {font-size:18px; color:#eb5e4c; font-weight:bold; margin-bottom:15px; } #contents_wide .now_class p.sub_title {font-size:18px; color:#eb5e4c; font-weight:bold; margin-bottom:15px; } #contents_wide .finish_class p.sub_title {font-size:18px; color:#eb5e4c; font-weight:bold; margin-bottom:15px; } /* 대학내일 색상변경 */ #contents_wide .before_class p.sub_title_univ {font-size:18px; color:#00b1cc; font-weight:bold; margin-bottom:15px; } #contents_wide .now_class p.sub_title_univ {font-size:18px; color:#00b1cc; font-weight:bold; margin-bottom:15px; } #contents_wide .finish_class p.sub_title_univ {font-size:18px; color:#00b1cc; font-weight:bold; margin-bottom:15px; } /* 학습 완료 과정 하단 복습 */ #container_review {background-color:#ecf3f9;} #contents_wide_review { width:980px; min-height:100%; padding-bottom:118px; padding-top:136px; margin:0 auto; overflow:hidden; position:relative;} /* 고객마당 - 자주 묻는 질문 FAQ */ #contents_wide .customer_box { width:980px; min-height:300px; position:relative; padding-top:20px; overflow:hidden;} #contents_wide .customer_box .left {width:194px; height:auto; float:left;} #contents_wide .customer_box .left p.left_txt {font-size:18px; color:#aeadad; line-height:24px; margin-bottom:23px; font-family: 'notokr-demilight', "ng", "돋움"; } #contents_wide .customer_box .left span.left_line { display:block; width:39px; height:1px; background-color:#cac9c9; margin-bottom:50px;} #contents_wide .customer_box .left ul.left_menu {} #contents_wide .customer_box .left ul.left_menu li.menu_tit { font-size:16px; color:#566381; font-weight:bold; letter-spacing:-2px; margin-bottom:20px;} #contents_wide .customer_box .left ul.left_menu li.menu_img { background:url(../tpl3/images/img_05.jpg) no-repeat; width:51px; height:54px; margin-left:48px; margin-bottom:12px;} #contents_wide .customer_box .left ul.left_menu li a.left_menu { display:block; width:140px; text-align:center; border:1px solid #d3d4d7; padding:7px 0 6px 0; color:#807674; margin-bottom:7px; font-weight:bold; letter-spacing:-1px; font-family: 'notokr-medium', "ng", "돋움";} #contents_wide .customer_box .right {width:750px; float:left; padding-left:35px; min-height:650px; border-left:1px solid #ebebeb;} #contents_wide .customer_box .right ul.faq_menu {width:100%; margin-bottom:37px; overflow:hidden;} #contents_wide .customer_box .right ul.faq_menu li a { display:block; float:left; padding:13px 0; width:20%; text-align:center; color:#807674; background-color:#f6f6f6; border:1px solid #dddddd; margin-left:-1px; font-weight:bold; box-sizing: border-box; font-family: 'notokr-medium', "ng", "돋움";} #contents_wide .customer_box .right ul.faq_menu li:first-child a {margin-left:0;} #contents_wide .customer_box .right ul.faq_menu li a.on { color:#fff; background-color:#26a88a; border:1px solid #26a88a; margin-left:-5px;} #contents_wide .customer_box .right ul.faq_menu_2022 {width:100%; margin-bottom:37px; overflow:hidden;} #contents_wide .customer_box .right ul.faq_menu_2022 li a { display:block; float:left; padding:13px 0; width:16.6%; text-align:center; color:#807674; background-color:#f6f6f6; border:1px solid #dddddd; margin-left:-1px; font-weight:bold; box-sizing: border-box; font-family: 'notokr-medium', "ng", "돋움"; font-size: 12px;} #contents_wide .customer_box .right ul.faq_menu_2022 li:first-child a {margin-left:0;} #contents_wide .customer_box .right ul.faq_menu_2022 li a.on { color:#fff; background-color:#26a88a; border:1px solid #26a88a; margin-left:-5px;} #contents_wide .customer_box .right .faq_list_menu {border:1px solid #dddddd; margin-bottom:12px;} #contents_wide .customer_box .right .faq_list_menu a.faq_btn { font-size:16px; color:#7a7a78; font-weight:bold; display:block; height:41px; line-height:41px; position:relative; padding-left:15px; } #contents_wide .customer_box .right .faq_list_menu a.faq_btn span.arrow { background:url(../tpl3/images/list_on2.png) no-repeat; display:block; position:absolute; width:34px; height:24px; top:8px; right:0;} #contents_wide .customer_box .right .faq_list_menu a.faq_btn span.arrow.on { background:url(../tpl3/images/list_off2.png) no-repeat; display:block; position:absolute; width:34px; height:24px; top:8px; right:0;} #contents_wide .customer_box .right .faq_list_menu ul.faq_list{ background-color:#f6f6f6; padding:22px 0 20px 59px; list-style:disc;} #contents_wide .customer_box .right .faq_list_menu ul.faq_list li {margin-top:18px; color:#8a817f; } #contents_wide .customer_box .right .faq_list_menu ul.faq_list li:first-child {margin-top:0;} #contents_wide .customer_box .right .faq_list_menu ul.faq_list li a {color:#8a817f; font-size:15px;} #contents_wide .customer_box .right ul.faq_view {border-top:2px solid #435375;} #contents_wide .customer_box .right ul.faq_view li {border-bottom:1px solid #dfdfdf; padding:28px 43px 26px 69px;} #contents_wide .customer_box .right ul.faq_view li.faq_question { background:url(../tpl3/images/icon_q.jpg) no-repeat 15px 18px; font-size:16px; font-weight:bold; color:#7a7a78;} #contents_wide .customer_box .right ul.faq_view li.faq_answer { background:url(../tpl3/images/icon_a.jpg) no-repeat 15px 18px; font-size:14px; color:#000; line-height:170%;} #contents_wide .customer_box .right ul.notice_view { border-top:1px solid #bebebe;} #contents_wide .customer_box .right ul.notice_view li.title { background-color:#fafafa; border-bottom:1px dotted #bdbdbd; font-size:18px; font-weight:bold; color:#000000; padding:22px 20px 19px 36px;} #contents_wide .customer_box .right ul.notice_view li.second {color:#616066; padding:12px 0; border-bottom:1px solid #bebebe;} #contents_wide .customer_box .right ul.notice_view li.second span { display:inline-block; height:23px; border-right:1px solid #eaeaea; line-height:23px; padding-right:30px; margin-right:30px; margin-left:48px;} #contents_wide .customer_box .right ul.notice_view li.second span.ml {margin-left:180px;} #contents_wide .customer_box .right ul.notice_view li.text { padding:37px 0; border-bottom:1px solid #bebebe; font-size:12px; color:#616066; line-height:130%; text-align:left; } #contents_wide .customer_box .right ul.guide_view {border-top:2px solid #435375;} #contents_wide .customer_box .right ul.guide_view li.title { border-top:1px solid #f0f0f0; background:#fbfbfb; url(../tpl3/images/17_icon.png) no-repeat 0px -50px; font-size:16px; color:#26a88a; font-weight:bold; padding-left:25px; height:62px; line-height:62px; font-family: 'notokr-medium', "ng", "돋움";} #contents_wide .customer_box .right ul.guide_view li.text { padding:27px 25px 42px 25px; color:#616066; line-height:200%; font-size:15px;} #contents_wide .customer_box .right ul.guide_view li.text02 { padding:27px 25px 42px 25px; color:#8a8a8a; line-height:200%; font-size:15px;} #contents_wide .customer_box .right ul.guide_view li.text02 .guide_title { color:#435375; line-height:200%; font-size:15px; font-weight: bold; } #contents_wide .customer_box .right .guide_txt { padding:27px 25px 42px 25px; color:#435375; line-height:200%; font-size:14px;} #contents_wide .customer_box .right .guide_txt span { display: block; color:#8a8a8a; line-height:200%; font-size:13px; padding-top: 10px; } #contents_wide .customer_box .right ul.guide_view li.text span { font-size:14px; color:#6b9f23; margin-top:7px; display: inline-block;} #contents_wide .customer_box .right ul.guide_view li.image {padding:27px 0 42px 0;} #contents_wide .customer_box .right ul.guide_view li.image img {display:block;} #contents_wide .customer_box .right ul.guide_view li.image span{ font-size:14px; color:#6b9f23; margin-top:15px; display: block; margin-left:25px;} /* 개인정보변경 */ #contents_wide .modify_box { width:980px; min-height:300px; border-top:2px solid #353535; margin-top:33px; position:relative; overflow:hidden;} #contents_wide .modify_box .webzin { height:43px; background:#edf0f8 url(../tpl3/images/img_20.png) no-repeat 105px 16px; border-bottom:1px solid #dadada; border-top:1px solid #dadada; margin-top:26px; font-size:18px; color:#566482; padding-top:30px; padding-left:214px; position:relative; font-family: 'notokr-demilight', "ng", "돋움"; } #contents_wide .modify_box .webzin p.button {position:absolute; top:25px; right:100px;} #contents_wide .modify_box .webzin p.button a { display:inline-block; -webkit-border-radius:16px; border-radius:16px;font-size:14px; text-align:center; padding:7px 18px; color:#fff; background-color:#a19fa3; margin-left:6px;} /* width:55px;*/ #contents_wide .modify_box .webzin p.button a.red {background-color:#ef4947;} /* 고객마당 - 교육안내 - 유의사항 */ .note_box { width:71%; min-height:100%; background-color:#eef3f7; border:1px solid #ccc; padding:30px 40px; line-height:170%; color:#252525; margin:0 auto; font-family: 'notokr-demilight', "ng", "돋움";} p.line {background:url(../tpl3/images/line.jpg) no-repeat; width:530px; height:6px; margin:15px 0;} p.line2 {background:url(../tpl3/images/line2.jpg) no-repeat; width:530px; height:22px; margin:15px 0;} /* 고객마당 - 교육안내 - 학습방법안내 */ .how_box {width:748px; padding:30px 0; background-color:#fbfbfb; border:1px solid #f6f6f6; overflow:hidden;} .how_box .how_txt {margin-left:30px; width:300px; line-height:170%;} .how_box .how_txt2 {margin-left:30px; width:380px; line-height:170%; margin-top:20px;} p.big {font-size:18px; color:#353535;} p.small {font-size:14px; color:#807674; border-top:dashed 1px #cac7c6; margin-top:13px; padding-top:13px;} /* 지식마당 - 지식갤러리 */ #contents_wide .gallery_box { width:980px; min-height:300px; margin-top:11px; position:relative; overflow:hidden;} #contents_wide .gallery_box.none {border-top:none; margin:0; padding:0;} #contents_wide .gallery_box.border { border-top:2px solid #353535; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; box-sizing:border-box; padding:0; overflow:hidden;} #contents_wide .gallery_box ul.gallery_menu {width:564px; margin-bottom:37px; overflow:hidden; margin:0 auto; margin-bottom:40px;} #contents_wide .gallery_box ul.gallery_menu li a { display:block; float:left; padding:12px 0; width:33%; text-align:center; color:#807674; background-color:#ffffff; border:1px solid #dddddd; margin-right:-1px; font-family: 'notokr-medium'} #contents_wide .gallery_box ul.gallery_menu li a.on { color:#fff; background-color:#8c7368; border:1px solid #8c7368;} #contents_wide .gallery_box ul.issue_menu {width:521px; overflow:hidden; margin:0 auto; margin-bottom:30px;} #contents_wide .gallery_box ul.issue_menu li {display:block; float:left; padding:12px 0; width:260px; } #contents_wide .gallery_box ul.issue_menu li a { display:block; text-align:center; color:#807674; background-color:#ffffff; border:1px solid #dddddd; margin-right:-1px; font-family: 'notokr-medium'; font-size: 16px; } #contents_wide .gallery_box ul.issue_menu li a.on { color:#fff; background-color:#8c7368; border:1px solid #8c7368;} #contents_wide .gallery_box ul.issue_menu li .line_2 { display: inline-block; font-size: 14px; font-family: 'notokr-demilight'; text-align:center; } #contents_wide .gallery_box div.left {float:left; border-right:1px solid #dadada; } #contents_wide .gallery_box div.left table.left_in { width:401px; text-align:center; vertical-align: middle; height:293px;} #contents_wide .gallery_box div.left table.left_in td {height:293px;} #contents_wide .gallery_box div.left table.left_in td img { width:100%; max-width:163px; max-height:242px; border:1px solid #dbdbdb; } #contents_wide .gallery_box div.right { width:525px; height:255px; float:left; padding-top:38px; padding-left:51px;} #contents_wide .gallery_box div.right ul.explain {width:473px;} #contents_wide .gallery_box div.right ul.explain li.title { font-size:18px; font-family: 'notokr-medium', "ng", "돋움"; color:#353535; padding-left:3px; padding-bottom:28px; border-bottom:1px dotted #dadada; margin-bottom:31px;} #contents_wide .gallery_box div.right ul.explain li.text {color:#676b76; font-size:14px; margin-bottom:10px;} #contents_wide .gallery_box div.right ul.explain li.text span { display:inline-block; color:#353535; font-weight:bold; margin-right:19px; font-family: 'notokr-demilight', "ng", "돋움"; } #contents_wide .gallery_box div.explain_box {clear:both;} #contents_wide .gallery_box div.explain_box p.tit { padding:23px 10px 20px 42px; background-color:#fbfbfb; font-size:20px; font-weight:bold; color:#435375; border-top:1px solid #f0f0f0;} #contents_wide .gallery_box div.explain_box p.txt { padding:32px 42px 63px 42px; color:#616066; font-size:15px; line-height:200%;} #contents_wide .gallery_box div.explain_box p.txt p span img{ margin-right:20px;} #contents_wide .gallery_box div.explain_box p.txt p img{ margin-right:20px;} /* 지식마당 - 인문학산책 */ #contents_wide .human_box { width:980px; min-height:300px; border-top:2px solid #353535; margin-top:33px; position:relative; padding-top:36px; overflow:hidden; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; box-sizing:border-box; padding:0; overflow:hidden;} #contents_wide .human_box div.like_box { width:138px; height:101px; background:url(../tpl3/images/like_bg.png) no-repeat; position:absolute; top:0; right:18px; text-align:center; padding-top:42px;} #contents_wide .human_box div.like_box p.num { font-size:30px; font-weight:bold; color:#ffffff; font-family: 'notokr-bold', "ng", "돋움";} #contents_wide .human_box div.like_box a.btn_like { width:75px; height:30px; display:inline-block; font-size:14px; color:#ffffff; line-height:28px;} #contents_wide .human_box div.left { float:left; border-right:1px solid #dadada; width:499px; height:346px;} #contents_wide .human_box div.right { width:427px; height:299px; float:left; padding-top:47px; padding-left:51px; } #contents_wide .human_box div.right ul.explain {width:376px;} #contents_wide .human_box div.right ul.explain li.title { font-size:18px; font-weight:bold; padding-left:3px; padding-bottom:28px; border-bottom:1px dotted #dadada; margin-bottom:31px; width:243px; color: #ee4846; padding-right:133px;} #contents_wide .human_box div.right ul.explain li.text {color:#676b76; font-size:14px; margin-bottom:10px;} #contents_wide .human_box div.right ul.explain li.text span { display:inline-block; width:60px; text-align:right; color:#353535; font-weight:bold; margin-right:19px; } #contents_wide .human_box div.left2 { float:left; border-right:1px solid #dadada; width:580px; height:360px;} #contents_wide .human_box div.right2 { width:346px; height:330px; float:left; padding-top:30px; padding-left:20px; } #contents_wide .human_box div.right2 ul.explain {width:300px;} #contents_wide .human_box div.right2 ul.explain li.title { font-size:18px; font-weight:bold; padding-left:3px; padding-bottom:28px; margin-bottom:31px; width:210px; color: #ee4846; padding-right:133px; font-family: 'notokr-medium', "ng", "돋움";} #contents_wide .human_box div.right2 ul.explain li.line {border-top:1px dotted #dadada; margin-top:100px; padding-top:20px;} #contents_wide .human_box div.right2 ul.explain li.text {color:#676b76; font-size:14px; margin-bottom:10px; font-family: 'notokr-demilight', "ng", "돋움";} #contents_wide .human_box div.right2 ul.explain li.text span { display:inline-block; width:60px; text-align:right; color:#353535; font-weight:bold; margin-right:19px; } #contents_wide .human_box div.explain_box {clear:both;} #contents_wide .human_box div.explain_box p.tit { padding:23px 10px 20px 42px; background-color:#fbfbfb; font-size:20px; font-weight:bold; color:#435375; position:relative; border-top:1px solid #f0f0f0; font-family: 'notokr-regular', "ng", "돋움";} #contents_wide .human_box div.explain_box p.tit span.opinion { position:absolute; right:57px; color:#616066; font-size:14px;} #contents_wide .human_box div.explain_box p.txt { padding:32px 42px 63px 42px; color:#616066; font-size:15px; line-height:200%; font-family: 'notokr-demilight', "ng", "돋움";} #contents_wide .human_box div.explain_box div.txt { padding:32px 42px 63px 42px; color:#616066; font-size:15px;} #contents_wide .human_box div.explain_box div.txt ul.reply li.reply_enter { overflow:hidden; padding-bottom:27px; border-bottom:2px solid #353535;} #contents_wide .human_box div.explain_box div.txt ul.reply li.reply_list { position:relative; padding:25px 20px 15px 88px; background:url(../tpl3/images/icon16.png) no-repeat 19px 25px; border-bottom:1px solid #dadada; overflow:hidden;} #contents_wide .human_box div.explain_box div.txt ul.reply li.reply_list p { margin-bottom:9px; font-size:16px; color:#566381; line-height:22px; font-family: 'notokr-demilight', "ng", "돋움"; } #contents_wide .human_box div.explain_box div.txt ul.reply li.reply_list a.btn_x { position:absolute; top:15px; right:17px; background:url(../tpl3/images/btn_x.png) no-repeat; width:13px; height:13px;} #contents_wide .human_box div.explain_box div.txt ul.reply li.reply_list p span.name { font-size:12px; color:#8b7367; margin-right:8px; font-family: 'notokr-demilight', "ng", "돋움"; } #contents_wide .human_box div.explain_box div.txt ul.reply li.reply_list p span.date { font-size:12px; color:#616066; font-family: 'notokr-demilight', "ng", "돋움"; } /* 아이디/비밀번호 찾기 */ #contents_wide .find_box {padding-top:15px; overflow:hidden; padding-bottom:20px;} #contents_wide .find_box .find_id {width:460px; float:left; padding-top:2px; overflow:hidden; } #contents_wide .find_box .find_id p.title {font-size:16px; font-family: 'notokr-bold'; color: #383838; height:56px; line-height:56px; } #contents_wide .find_box .find_id p.text {font-size:13px; color: #8a827f;} #contents_wide .find_box .find_id .id_box { position:relative; width:426px; height:219px; background-color:#fff; border:1px solid #dddddd; padding-top:36px; padding-left:18px; padding-right:14px; } .grid_id { margin-left:10px; margin-top:5px;} .grid_id th { width:80px; font-family: 'notokr-regular'; font-weight:normal; text-align:right; color:#595959; font-size:14px;} .grid_id td {padding:3px 0 3px 12px;} #contents_wide .find_box .find_id ul.tab_id {width:450px; overflow:hidden; background-color:#f2f3f4; height:37px; padding-top:17px; padding-left:57px; border-top:1px solid #e6e7e9 ; } #contents_wide .find_box .find_id ul.tab_id li a { font-family: 'notokr-regular'; display:block; float:left; width:120px; text-align:center; color:#8d9397; height:26px; border-top:0px; } #contents_wide .find_box .find_id ul.tab_id li a:hover { color:#1e1e1e;} #contents_wide .find_box .find_id ul.tab_id li a.on { color:#1e1e1e; background:url(../tpl3/images/find_tab_line.gif) no-repeat top center; } #contents_wide .find_box .find_pw {width:460px; float:left; padding-top:2px; margin-left:60px; } #contents_wide .find_box .find_pw p.title { font-family: 'notokr-bold'; font-size:16px; color: #383838; height:56px; line-height:56px; } #contents_wide .find_box .find_pw ul.tab_pw {width:460px; overflow:hidden; background-color:#f2f3f4; height:37px; padding-top:17px; padding-left:57px; border-top:1px solid #e6e7e9 ; } #contents_wide .find_box .find_pw ul.tab_pw li a {font-family: 'notokr-regular'; display:block; float:left; width:120px; text-align:center; color:#8d9397; height:26px; border-top:0px; } #contents_wide .find_box .find_pw ul.tab_pw li a.on { color:#1e1e1e; background:url(../tpl3/images/find_tab_line.gif) no-repeat top center;} #contents_wide .find_box .find_pw .pw_box { position:relative; width:426px; height:219px; background-color:#fff; border:1px solid #dddddd; padding-top:36px; padding-left:18px; padding-right:14px; } /*170717 추가*/ #contents_wide h3.id_pw_s{ display:none; } #contents_wide .find_box .find_id .id_box .id_icon { float:left; width:105px; height:105px; background:url(../tpl3/images/member_id_back.png) no-repeat top center; margin-top:12px; } #contents_wide .find_box .find_id .id_box .id_icon span{ display:block; width:53px; height:57px; margin:30px auto; background:url(../tpl3/images/member_id_01.png) no-repeat top center; } #contents_wide .find_box .find_pw .pw_box .pw_icon { float:left; width:105px; height:105px; background:url(../tpl3/images/member_pw_back.png) no-repeat top center; margin-top:12px; } #contents_wide .find_box .find_pw .pw_box .pw_icon span{ display:block; width:53px; height:57px; margin:30px auto; background:url(../tpl3/images/member_pw_01.png) no-repeat top center; } #contents_wide .find_box .find_id .id_box p.rBox { position:absolute; top:165px; left:17px; width:422px; height:42px;} #contents_wide .find_box .find_id .id_box p.rBox input{ width:422px; height:42px; } #contents_wide .find_box .find_pw .pw_box p.rBox { position:absolute; top:173px; left:17px; width:422px; height:42px; } #contents_wide .find_box .find_pw .pw_box p.rBox input{ width:422px; height:42px; } /* module */ a.a_c {text-align:center;} a.btn {display:inline-block; font-weight:bold;} a.normal {font-weight:normal;} a.btn i {margin-right:5px;} a.btn.round{border-radius: 3em;} a.btn.size1{font-size: 11px; padding: 2px 5px;} a.btn.size2{font-size: 14px; padding: 7px 12px;} /*font-size: 12px; padding: 5px 10px; */ a.btn.size2-2{font-size: 12px; padding: 5px 19px;} a.btn.size2-3{font-size: 12px; padding: 3px 10px;} a.btn.size3{font-size: 14px; padding: 6px 13px;} a.btn.size3-2{font-size: 14px; padding: 10px 25px;} /*font-size: 14px; padding: 15px 30px;*/ a.btn.size4{font-size: 16px; padding: 10px 20px;} a.btn.size5{font-size: 14px; padding: 12px 45px;} /*font-size: 18px; padding: 15px 45px;*/ a.btn.size5-2{font-size: 14px; padding: 12px 60px;} /*font-size: 18px; padding: 15px 75px;*/ a.btn.size6{font-size: 20px; padding: 20px 32px;} a.btn.color1{border: 1px solid #45516e; background-color: #566381; color: #fff;} a.btn.color2{border: 1px solid #d3d4d7; background-color: #fff; color: #4f4f4f;} a.btn.color2-2{border: 2px solid #d3d4d7; background-color: #fff; color: #4f4f4f; font-family: 'notokr-medium', "ng", "돋움"; } a.btn.color3{background-color: #435375; color: #ffffff;} a.btn.color4{background-color: #969696; color: #ffffff;} a.btn.color5{background-color: #ef4947; color: #ffffff;} a.btn.color6{border: 1px solid #25bb35; background-color: #fff; color: #25bb35;} a.btn.color7{background-color: #9dbfef; color: #ffffff;} a.btn.color8{background-color: #83d0b8; color: #ffffff;} a.btn.color9{background-color: #a1a1a1; color: #ffffff; font-family: 'notokr-medium', "ng", "돋움"; } /*background-color: #6b9f23; color: #ffffff;*/ a.btn.color10{border: 1px solid #55880f; background-color: #6a9e23; color: #fff;} a.btn.color11{border: 1px solid #d6d6d6; background-color: #fdf8f5; color: #8c7368;} a.btn.color100{border: 1px solid #e12a1d; background-color: #e53e32; color: #ffffff; background-image: linear-gradient(to bottom, #eb695f 0%, #e53e32 100%); box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.4),0px 2px 2px 0px rgba(0,0,0,0.2); text-shadow: -1px -1px 0px rgba(0,0,0,0.4);} a.btn.color100:hover{border-color: #b42117;} a.btn.color100:active{background-image: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%), linear-gradient(to bottom, #eb695f 0%, #e53e32 100%);} p.button {text-align:right;} p.button a.left {float:left; margin-right:5px;} p.button.center {text-align:center;} .box {border:1px solid #c3c3c3; height:20px; padding-left:10px; padding-top:7px; font-family: "ng";} .box2 { border:1px solid #c3c3c3; width:100px; color:#353535; font-family:"ng", "굴림", "돋움"; font-size:14px; padding:4px 3px 4px 7px; } .box3 {border:1px solid #c3c3c3; height:20px; padding-left:10px; font-family: "ng";} .box4 {border:1px solid #d3d3d3; height:20px; padding-left:10px; padding-top:5px; font-family: "ng";} .box5 { border:1px solid #d3d3d3; width:100px; color:#353535; font-family:"ng", "굴림", "돋움"; font-size:14px; padding:2px 0px 2px 5px; } .inp_input{ border:1px solid #d3d3d3; color:#353535; font-family:"ng", "굴림", "돋움"; font-size:14px; padding:2px 0px 2px 5px; } .gridA {} .gridA th {padding:9px 0; color:#fff; font-size:14px; background-color:#a1a1a1; border-left:1px solid #cacaca; font-family: 'notokr-medium', "ng", "돋움" ; } .gridA th:first-child { border-left:none;} .gridA th.border {border:0px solid #292d38;} .gridA td { text-align:center; color:#625f66; vertical-align:middle; padding:15px 0 14px 0; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; font-family: 'notokr-demilight', "ng", "돋움";} .gridA td:first-child { border-left:none;} .gridA td a.subject {color:#010101; display:block; width: 420px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .gridA td.a_l {text-align:left; padding-left:19px; color: #010101;} .gridA td.a_l img {margin-right:2px;} .gridA td.a_l p.title {width: 350px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .gridA td.a_l a.title { display:block; width: 450px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#010101; font-family: 'notokr-demilight', "ng", "돋움"; font-size:14px; } .gridA td.gray {background-color:#fafafa;} .gridA td.nothing { background:#fafafa url(../tpl3/images/img_04.png) no-repeat 260px 48px; padding:48px 0 55px 430px; text-align:left; height:90px; line-height:150%; color:#afafaf;} .gridA td.nothing p.text {font-size:18px; font-weight:bold; color:#676b76; margin-bottom:20px;} .icon_reco{ background: #fafafa url(../tpl3/images/icon_recommend.png) no-repeat top left; } .icon_requ{ background: #fafafa url(../tpl3/images/icon_necessary.png) no-repeat top left; } .gridA td.a_l p.mb11{ color:#999; font-size:14px; font-family: "ng", "돋움"; } .gridA td.a_l p.mb11 img{ vertical-align:middle; } .gridA .gray .txt_01 span{display:inline-block; font-size: 12px; } .gridA .gray .txt_02 span{display:inline-block; font-size: 12px; margin-top: -3px; } .gridA .gray .txt_03 span{display:inline-block; height: 18px; font-size: 15px; color: #0ba09a; font-family: 'notokr-medium', "ng", "돋움"; } .gridB {border-bottom:2px solid #566381; border-top:2px solid #566381; color:#353535;} .gridB.border {border:1px solid #dadada;} .gridB.border.l_none {border-left:none;} .gridB.border.r_none {border-right:none;} .gridB th { padding:14px 0; background-color:#f6f6f6; border-left:1px solid #dadada; border-bottom:1px solid #dadada; font-family: 'notokr-medium', "ng", "돋움";} .gridB th:first-child { border-left:none;} .gridB th.a_r {text-align:right; padding-right:30px; border-left:none;} .gridB th.v_t {vertical-align:top; padding-top:20px;} .gridB td { vertical-align:middle; padding:15px 0 14px 18px; border-bottom:1px solid #dadada; border-left:1px solid #dadada; font-family: 'notokr-demilight', "ng", "돋움";} .gridB td:first-child { border-left:none;} .gridB td.reply {color:#0c94be;} .gridB td.line_h {line-height:170%; padding:20px 15px 20px 18px;} .gridC {border-bottom:2px solid #353535; border-top:2px solid #353535; color:#353535; font-family: 'notokr-demilight', "ng", "돋움";} .gridC th { padding:11px 0; background-color:#f0f6ff; border-bottom:1px solid #dadada;} .gridC td { vertical-align:middle; padding:11px 10px 11px 28px; border-bottom:1px solid #dadada; border-left:1px solid #dadada;} .gridC td.a_c {text-align:center; background-color:#f6f6f6; padding:0;} .gridD {border-top:1px solid #d4dbe4; border-left:1px solid #d4dbe4;} .gridD td {border-bottom:1px solid #d4dbe4; border-right:1px solid #d4dbe4;} .gridD td.image {height:315px; border-bottom:none; vertical-align:top; overflow:hidden;} .gridD td.image img {width: 100%; max-width: 218px; max-height:315px;} .gridD td.subject { height:65px; font-size:15px; color:#363636; text-align:center; vertical-align:middle; padding:0 10px; font-family: 'notokr-medium', "ng", "돋움";} .gridD td.text {text-align:center; font-size:12px; padding:11px 0; color:#605f65;} .gridD td.text span {display:inline-block; margin-left:5px;} .gridE {border-top:1px solid #d4dbe4; border-left:1px solid #d4dbe4;} .gridE td {border-bottom:1px solid #d4dbe4; border-right:1px solid #d4dbe4;} .gridE td.image {height:277px; border-bottom:none; vertical-align:top; overflow:hidden; padding:7px 9px;} .gridE td.image img {width: 100%; max-width: 200px; max-height:277px;} .gridE td.subject { height:108px; font-size:15px; font-family: 'notokr-medium', "ng", "돋움"; color:#363636; text-align:center; vertical-align:middle; padding:0 10px;} .gridE td.subject a {margin:12px 0;} .gridE td.text {text-align:center; font-size:12px; padding:11px 0; color:#605f65;} .gridE td.text span {display:inline-block; margin-left:5px;} .gridE td.text span.icon {margin-right:5px; color:#ee4846;} .gridF {margin:10px 0;} .gridF td {padding:9px 3px; font-size:12px;} .gridF td.tit {font-size:14px; color:#eb3a4a; font-family: 'notokr-demilight';} .gridF td.img {text-align:center;} .gridF td.img img {width:30px;} .gridF td.txt {padding:9px 10px 5px 9px; line-height:150%;} .gridI {} .gridI th {background: #807770; color: #FFF; font-size: 13px; padding: 14px 0px; font-family: 'notokr-medium'; border-left: 1px solid #938c86; } .gridI th:first-child { border-left:0px;} .gridI td { background: #fff; color: #8a8886; font-size: 13px; letter-spacing: -1px; border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; text-align: center; padding: 16px 0px; } .gridI td:first-child {border-left: 0px; } .gridI td.title {text-align: left; padding-left: 3px; color: #0ba199; } .gridI td.price {text-align: right; padding-right: 3px; color: #8a8886; } .gridI td.result span{text-align: center; color: #ff0000; } .gridI td.nothing {padding: 30px; line-height: 18px; } div.paging {text-align:center; margin:20px 0; display:inline-block; width:100%;} div.paging * {vertical-align:top;} div.paging a {display:inline-block; min-width: 25px; height: 26px; border: 1px solid #dcdcdc; margin-right: 5px; line-height: 25px; color:#435375; font-size:15px;} div.paging a.on {color: #ffffff; background-color:#435375; border:1px solid #1c2a47; color:#FFF;} .scroll_gray { scrollbar-face-color:#c7c7c7; scrollbar-shadow-color:#efefef; scrollbar-highlight-color:#efefef; scrollbar-3dlight-color:#efefef; scrollbar-darkshadow-color:#efefef; scrollbar-track-color:#efefef; scrollbar-arrow-color:#ffffff; overflow-x:hidden; overflow-y:scroll; } .fl {float:left;} .fr {float:right;} .ofh {overflow:hidden;} .cb {clear:both;} .p_re {position:relative; width:100%; height:100%;} .mr5 {margin-right:5px;} .mr11 {margin-right:11px;} .mr12 {margin-right:12px;} .mr21 {margin-right:21px;} .mr24 {margin-right:24px;} .mr30 {margin-right:30px;} .mt5 {margin-top:5px;} .mt10 {margin-top:10px;} .mt13 {margin-top:13px;} .mt17 {margin-top:17px;} .mt22 {margin-top:22px;} .mt25 {margin-top:25px;} .mt30 {margin-top:30px;} .mt50 {margin-top:50px;} .mt90 {margin-top:90px;} .mb7 {margin-bottom:7px;} .mb11 {margin-bottom:11px;} .mb30 {margin-bottom:30px;} .mb36 {margin-bottom:36px;} .mb40 {margin-bottom:40px;} .mb50 {margin-bottom:50px;} .ml9 {margin-left:9px;} .ml11 {margin-left:11px;} .ml15 {margin-left:15px;} .ml24 {margin-left:24px;} .ml30 {margin-left:30px;} .ml40 {margin-left:40px;} .ml100 {margin-left:100px;} .ml120 {margin-left:120px;} .pl5 {padding-left:5px;} .bold {font-weight:bold;} .txt01 {color:#a39a93;} .txt02 {color:#ff0000;} .txt03 {color:#ee4846;} .txt04 {color:#ec4846;} .txt05 {color:#f84f56;} .txt06 {color:#fe7930;} .txt07 {color:#fb669b;} .txt08 {color:#b88ce9;} .txt09 {color:#435375;} .txt10 {color:#fe8d89;} .txt11 {color:#7aa0e1;} .txt12 {color:#b47ae1;} .txt13 {color:#6b9f23;} .txt14 {color:#5f87cc;} .txt15 {color:#435375; font-size:16px; font-weight:bold; margin-bottom:8px;} .txt16 {color:#566481; font-size:12px;} /**/ .btn_login{ display:block; background-color:#9b918a; color:#ffffff; width:98px; font-size:14px; height:29px; text-align:center; line-height:29px; margin-right:15px; font-family: 'notokr-demilight';} .btn_member{ display:block; float:left; width:60px; height:27px; font-size:12px; border:1px solid #ebebeb; border-right:0px; text-align:center; line-height:27px; ; color:#969494; font-family: 'notokr-demilight'; } .btn_pw{ display:block; float:left; width:125px; height:27px; font-size:12px; border:1px solid #ebebeb; text-align:center; line-height:27px; color:#969494; font-family: 'notokr-demilight';} .input_id{background:#f9fafc url(../tpl3/images/back_id_2017.gif) no-repeat left top; border:1px solid #e3e7ee; padding:5px 5px 4px 12px; font-family: 'notokr-demilight'; color:#7a7a7a; } .input_pw{background:#f9fafc url(../tpl3/images/back_pw_2017.gif) no-repeat left top; border:1px solid #e3e7ee; padding:5px 5px 4px 12px; font-family: 'notokr-demilight'; color:#7a7a7a; margin:0 4px; } .input_cn{background:#f9fafc url(../tpl3/images/back_cn.gif) no-repeat left top; border:1px solid #e3e7ee; padding:5px 5px 6px 12px; font-family: 'notokr-demilight'; color:#7a7a7a; margin-right:5px; } .input_nh{background:#f9fafc url(../tpl3/images/back_id_nh_2017.gif) no-repeat left top; border:1px solid #e3e7ee; padding:5px 5px 6px 12px; font-family: 'notokr-demilight'; color:#7a7a7a; margin-right:5px; } .input_nh02{background:#f9fafc url(../tpl3/images/back_id_nh02_2017.gif) no-repeat left top; border:1px solid #e3e7ee; padding:5px 5px 6px 12px; font-family: 'notokr-demilight'; color:#7a7a7a; margin-right:5px; } .input_id_hdh{background:#f9fafc url(../tpl3/images/back_id_hdh.gif) no-repeat left top; border:1px solid #e3e7ee; padding:5px 5px 4px 12px; font-family: 'notokr-demilight'; color:#7a7a7a; } .input_id_doat{background:#f9fafc url(../tpl3/images/back_id_2017_doat.gif) no-repeat left top; border:1px solid #e3e7ee; padding:5px 5px 4px 12px; font-family: 'notokr-demilight'; color:#7a7a7a; } .input_pw_doat{background:#f9fafc url(../tpl3/images/back_pw_2017_doat.gif) no-repeat left top; border:1px solid #e3e7ee; padding:5px 5px 4px 12px; font-family: 'notokr-demilight'; color:#7a7a7a; margin:0 4px; } .input_id_webas {background:#f9fafc url(../tpl3/images/back_id_2017_webas.gif) no-repeat left top; border:1px solid #e3e7ee; padding:5px 5px 4px 12px; font-family: 'notokr-demilight'; color:#7a7a7a; } .input_pw_webas {background:#f9fafc url(../tpl3/images/back_pw_2017_webas.gif) no-repeat left top; border:1px solid #e3e7ee; padding:5px 5px 4px 12px; font-family: 'notokr-demilight'; color:#7a7a7a; margin:0 4px; } .all_category a{ display:block; width:166px; padding-left:14px; font-family: 'notokr-demilight'; height:40px; font-size:14px; color:#fff; line-height:40px; background:#807770 url(../tpl3/images/17_icon.png) no-repeat 153px 14px; } .all_category a.on{ background-color:#807770; } .all_category a:hover{ background-color:#685d54; } .my_interest a{display:block; width:166px; padding-left:14px; font-family: 'notokr-demilight'; height:40px; font-size:14px; color:#fff; line-height:40px; background:#555556 url(../tpl3/images/17_icon.png) no-repeat 149px -189px; margin-bottom:3px; } .my_interest a.on{ background-color:#424243; } .my_interest a:hover{ background-color:#424243; } .all_roadmap a{ display:block; background-color:#005bac; width:140px; padding-left:14px; height:30px; border:1px solid #005bac; font-weight:bold; font-size:14px; color:#fff; margin:9px 0px 0px 0px; line-height:30px; } .all_roadmap a.on{ color:#f8e6a6;} .all_excel a{ display:block; width:165px; padding-left: 15px; height:48px; border-bottom: 1px solid #ebebeb; font-weight:bold; font-size:14px; line-height:48px; color: #379b66; background:url(../tpl3/images/icon_excel.png) no-repeat 145px 10px; font-family: "notokr-medium", "ng", "돋움"; } .all_list a{ display:block; width:165px; padding-left: 15px; height:48px; border-bottom: 1px solid #ebebeb; font-weight:bold; font-size:14px; color:#89786e; line-height:48px; background:url(../tpl3/images/icon_list.png) no-repeat 145px 10px; font-family: "notokr-medium", "ng", "돋움"; } /* ceo 독서경영 추가 */ #s_visual05 { width:100%; height:188px; background:#23374a url(../tpl3/images/sub_top05.jpg) no-repeat top right; margin:0 auto; position:relative; font-family:"ng";} .top_arrow{ position:absolute; top:0px; left:120px; width:11px; height:8px; background:url(../tpl3/images/menu_arrow.png) no-repeat top right; } .ceo_box { width:100%; border-bottom:1px solid #dbdbdb;} .ceo_box h2{ color:#3b9845; font-size:22px; font-family:'ng'; display:block; padding:20px 0px;} .ceo_box h2.lecture{ color:#1d87a9; font-size:22px; font-family:'ng'; display:block; padding:20px 0px;} .ceo_recommend{ width:100%; border-top:3px solid #353535; border-bottom:1px solid #dadada; background-color:#fafafa; overflow:hidden; } .ceo_recommend .book{ width:154px; height:230px; padding:30px 30px; border-right:1px solid #dadada; float:left; margin-left:275px;} .ceo_recommend .book img{ width:154px; height:230px; border:1px solid #e6e4e7; } .ceo_info{ width:257px; position:relative; text-align:center; float:left; padding-top:55px; } .ceo_info .ceo_circle{ position:absolute; top:115px; right:40px; width:59px; height:42px; background:url(../tpl3/images/ceo_circle.png) top left; padding-top:17px; line-height:16px; font-size:14px; color:#FFF; font-family:'ng';} .company_t{ display:block; font-size:16px; color:#353535; margin-top:25px; font-family:'ng'; } .ceo_name{ display:block; font-size:22px; color:#25bb35; font-family:'ngb';} .ceo_btn{ text-align:center; overflow:hidden; padding:30px 0px; } .btn_recommend{ display:inline-block; width:126px; height:40px; background:url(../tpl3/images/icon_recommend.gif) no-repeat 8px 8px ; border:1px solid #dadada; } .btn_recommend span{ display:block; font-size:14px; font-family:'ng'; margin-top:11px; margin-left:5px; font-family:'ng';} .btn_request{ display:inline-block; background-color:#ef4947; width:126px; height:40px; border:1px solid #ef4947; margin-left:5px; } .btn_request span{ display:block; font-size:14px; font-family:'ng'; margin-top:11px; color:#fff; font-family:'ng'; } .ceo_lecture{ width:237px; position:relative; text-align:left; float:left; padding-top:30px; padding-left:20px; position:relative; } .ceo_lecture .ceo_t{ display:block; color:#fe7930; font-size:12px; font-family:'ng'; margin-top:5px;} .ceo_lecture .ceo_lecture_t { color:#0b94c0; font-size:20px; letter-spacing:-1px; font-family:'ngb'; display:block; margin-top:5px; } .ceo_lecture dl{ position:absolute; top:140px; left:20px; width:200px; overflow:hidden; } .ceo_lecture dl dt{ display:block; margin-top:10px; color:#787c87; font-size:12px; font-family:'ng'; } .ceo_lecture dl dd{ display:block; margin-top:5px; color:#000; font-size:14px; font-family:'ng'; } .btn_marathon{position:absolute; top:212px; right:0px; } .btn_marathon a{ display:block; width:186px; height: 37px; background:url(../tpl3/images/baner_marathon.jpg) top left; text-indent:-9999;} /*ceo 독서경영 4월 추가*/ .ceo_title{ width:100%; height:246px; background:url(../tpl3/images/back_ceo.jpg) top left; overflow:hidden;} .ceo_title .title{ display:block; width:75%; margin:0 auto; padding:90px 0px 0px 400px ; color:#FFF; font-size:35px; font-family:'ngb';} .ceo_title .ceo{display:block; color:#FFF; font-size:22px; width:75%; margin:0 auto; padding:13px 0px 0px 400px ; font-family:'ng';} .ceo_writer { width:94%; padding:4%; overflow:hidden; } .ceo_writer .img { display:block; float:left; text-align:center; width:32%; } .ceo_writer .title { display:block; float:left; text-align:left; width:65%; color:#000; font-size:20px; font-weight:bold; font-family:'ng'; margin:25px 0px; } .ceo_writer .explanation { display:block; float:left; text-align:left; width:65%; color:#737373; font-size:14px; font-family:'ng'; line-height:22px; } .ceo_introduction { width:100%; overflow:hidden; border-bottom:1px solid #dadada;} .ceo_introduction .title{display:block; height:50px; line-height:50px; background-color:#353535; color:#d0d0d0; font-size:18px; font-weight:bold; position:relative; padding-left:25px;} .ceo_introduction .explanation { display:block; width:94%; padding:4%; overflow:hidden; background:#fafafa; } .ceo_introduction .explanation p{display:block; margin:15px 0px; color:#000; font-size:16px; font-family:'ng'; line-height:26px;} .ceo_reference{ width:94%; padding:4%; overflow:hidden; } .ceo_reference .img{ display:block; float:left; text-align:center; width:32%; } .ceo_reference .explanation { display:block; float:left; text-align:left; width:65%; color:#737373; font-size:14px; font-family:'ng'; line-height:22px; } .ceo_list{ width:100%; overflow:hidden; margin-top:26px; border-bottom:1px solid #dadada; } .ceo_list .title{ display:block; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:10px; font-size:18px; font-family:'ngb'; text-align:left; } .ceo_list ul{ width:100%; overflow:hidden; } .ceo_list a{ display:block; border:2px solid #fff; width:26%; margin:0% 2% 0% 2% ; padding:1%; float:left; height:105px; } .ceo_list a:hover{ display:block; border:2px solid #F00; width:26%; margin:0% 2% 0% 2% ; padding:1%; } .ceo_list ul li{ width:100%; } .ceo_list ul li .img{ float:left; width:35%; display:block; } .ceo_list ul li .img img{ width:73px; height:105px;} .ceo_list ul li .explanation{ float:left; width:65%; display:block; } .ceo_list ul li .explanation .ceo_month{ display:block; color:#38a842; font-size:13px; font-family:'ng';margin:3px 0px;} .ceo_list ul li .explanation .book_title{ display:block; color:#000; font-size:18px; font-family:'ng'; margin:5px 0px; } .ceo_list ul li .explanation .ceo_who{ display:block; color:#7a7a7a; font-size:13px; line-height:20px; font-family:'ng'; margin:5px 0px;} .ceo_explanation{ height:35px; width:100%; line-height:35px; border-top:1px solid #dadada; text-align:center; font-family:'ng'; background-color:#fffcec; color:#353535; } .ceo_explanation .point{ color:#ef4947; } /*유라코퍼레이션 서약서 동의*/ .consent_box{ background:#fafafa; border-top:2px solid #000000; border-bottom:2px solid #000000; width:94%; padding:3%; text-align:left; color:#7e7e7e; font-size:14px; line-height:24px; margin-top:33px; font-family:'ng'; } .consent_box .title{ display:block; color:#000; font-size:16px; font-family:'ng'; } .consent_box .consent_01{ display:block; margin-top:20px; margin-bottom:5px;} .consent_box ul.list li{ padding-left:5%; line-height:30px;} .consent_box .point{ display:block; color:#ee4846; font-size:14px; margin:20px 0px } .consent_box02 { border-bottom:1px solid #dadada; overflow:hidden; padding:20px 30px;} .consent_box02 .input_list li{ overflow:hidden; display:block; float:left; } .consent_box02 .input_list li .title{ display:block; float:left; color:#666; line-height:24px; } .consent_box02 .input_list li .input_02{ display:block; float:left; color:#666; padding-left:5%; } .consent_box02 .input_list li .input_02 input{ padding:3px;} .consent_btn { display:block; background-color:#F00; text-align:center; padding:6px 7px; color:#FFF;} /* 통합 공지사항 추가 2016 */ .notice2016_wrap {width:750px;} .notice2016_header { background:url(/new_main/main/tpl3/images/notice2016_bg.jpg) no-repeat 0 0; width:750px; height:219px; text-align:center; padding-top:37px; margin-bottom:36px;} .notice2016_txt01 {font-size:16px; font-weight:bold; color:#5a5a5a; margin-bottom:40px;} .notice2016_txt02 {font-size:16px; color:#ffffff; line-height:150%; margin-bottom:15px;} .notice2016_txt03 {font-size:22px; font-weight:bold; color:#eefab7;} .notice2016_title {font-size:18px; font-weight:bold; color:#000; margin-bottom:17px; padding-left:5px;} .notice2016_title2 {font-size:18px; font-weight:bold; color:#000; margin-bottom:12px;} .notice2016_grid {border-top:2px solid #3e4554; margin-bottom:37px; width:100%;} .notice2016_grid th {padding:17px 0; text-align:center; color:#4d4d4d; background-color:#f0f0f0; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; } .notice2016_grid th.none {border-left:none;} .notice2016_grid td {padding:17px 0; text-align:center; color:#959393; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; } .notice2016_grid td.none {border-left:none; color:#595959;} ul.notice2016_list {width:750px; border-top:2px solid #3e4554; margin-bottom:36px;} ul.notice2016_list > li {padding:28px 54px 28px 198px; border-bottom:1px solid #e5e5e5;} ul.notice2016_list > li > dl > dt {font-size:16px; font-weight:bold; color:#000000; margin-bottom:20px;} ul.notice2016_list > li > dl > dd {font-size:14px;color:#959393; line-height:150%; } li.notice2016_b {background:url(/new_main/main/tpl3/images/notice2016_book.png) no-repeat 23px 22px;} li.notice2016_e {background:url(/new_main/main/tpl3/images/notice2016_elearn.png) no-repeat 23px 13px;} li.notice2016_l {background:url(/new_main/main/tpl3/images/notice2016_language.png) no-repeat 23px 13px;} ul.notice2016_text {width:750px; border-top:2px solid #3e4554; margin-bottom:36px;} ul.notice2016_text > li {font-size:14px; color:#959393; padding:28px 18px; line-height:150%;} .notice2016_customer {width:674px; border-top:2px solid #3e4554; padding:28px 38px 36px 38px; background-color:#fafafa; font-size:14px; color:#000;} .notice2016_customer > span {line-height:150%;} /*돌발퀴즈 추가 170210 */ .baner_quiz{ position:absolute; top:170px; right:-50px; width:140px; height:148px; } .baner_quiz a{ display:inline-block; background:url(/new_main/main/tpl3/images/baner_quiz_k077.png) no-repeat; text-indent:-9999px; width:140px; height:148px; } /*영화보기 추가 170214 */ .baner_movie{ position:absolute; top:270px; right:10px; width:176px; height:68px; } .baner_movie a{ display:inline-block; text-indent:-9999px; background:url(/new_main/main/tpl3/images/baner_movie_ymr.png) no-repeat; width:176px; height:68px; } /*농협운영안내 추가 170221*/ .guide_nh{ width:100%; border-top:2px solid #435375; list-style:none; } .guide_nh th { height:80px; vertical-align:middle; text-align:right ; border-bottom:1px solid #f0f0f0; } .guide_nh th span.title{ display:inline-block; color:#6b9f23; padding-right:20px; border-right:1px solid #dddddd; font-size:16px; } .guide_nh td{ vertical-align:middle; text-align:left; padding-left:20px; line-height:18px; font-size:14px; border-bottom:1px solid #f0f0f0; color:#353535; } /*2017 리뉴얼 새로추가 강제 수정 */ .sub_top ul li a.btn.size3.color1.mr5{ background-color:#F00; } /*적용안되면 기존소스에 id 를 더 추가하자 로그아웃 버튼*/ .sub_top ul li a.color1{ background-color:#090; } .sub3 .mt22 ,.sub4 .mt22{ margin-top:18px; } /*탑 서브메뉴 여백관련 */ #contents_wide .class_room div.my_class a p.txt09 {color:#819c9e; font-size:14px; font-family:'notokr-regular'; padding-bottom:0px; border-bottom:0px; display:block; margin-top:0px; } /*나의 학습장 부분 */ #contents_wide .class_room div.my_class a span.txt10, #contents_wide .class_room div.my_class a span.txt11, #contents_wide .class_room div.my_class a span.txt12{ color:#808080;} #contents_wide .customer_box .left p.left_txt span.txt13{ color:#aeadad; }/*고객마당 왼쪽 텍스트 */ #contents_wide h3 span.txt04{ font-family:'notokr-regular'; color:#605d58;}/*과정 상세페이지 제목 */ ul.book_detail li.book_name .txt05{ color:#605d58; }/*과정 상세페이지 과정 책 제목 */ /*새로 추가한 버튼 css */ #btn_search { background-color:#afafaf; font-family: 'notokr-demilight'; padding:0px; padding:5px 13px 4px 13px; } #btn_search i{ display:none; } #btn_clist{ border:1px solid #ebebeb; background-color:#fff; font-size:14px; font-family: 'notokr-demilight'; color:#807770; padding:0px 18px; height:34px; line-height:34px; } #btn_clist i{ color:#a09083; } #btn_bookview { padding:0px; width:95px; height:26px; line-height:26px; border:1px solid #e0e0e0; color:#8a837c; text-align:left; padding-left:10px; font-family: 'notokr-demilight', "ng", "돋움"; font-size:12px; background:#fff url(/new_main/main/tpl3/images/17_icon.png) no-repeat; background-position:89px -141px } #btn_view{ padding:0px; width:95px; height:26px; line-height:26px; border:1px solid #e0e0e0; color:#8a837c; text-align:left; padding-left:10px; font-family: 'notokr-demilight', "ng", "돋움"; font-size:12px; background:#fff url(/new_main/main/tpl3/images/17_icon.png) no-repeat; background-position:89px -141px; } #btn_view i, #btn_bookview i{ display:none; } #btn_list{ padding:0px; border:0px; background:#9f8244; width:170px; height:45px; line-height:45px; color:#fff; font-size:16px; font-family: 'notokr-medium', "ng", "돋움"; } #btn_list i{ display:none; } #btn_e_view{ padding:0px; width:125px; height:26px; line-height:26px; border:1px solid #e0e0e0; color:#8a837c; text-align:left; padding-left:10px; font-family: 'notokr-demilight', "ng", "돋움"; font-size:12px; background:#fff url(/new_main/main/tpl3/images/17_icon.png) no-repeat; background-position:119px -141px;} #btn_e_bookview { padding:0px; width:105px; height:26px; line-height:26px; border:1px solid #e0e0e0; color:#8a837c; text-align:left; padding-left:10px; font-family: 'notokr-demilight', "ng", "돋움"; font-size:12px; background:#fff url(/new_main/main/tpl3/images/17_icon.png) no-repeat; background-position:99px -141px;} #btn_e_view i, #btn_e_bookview i { display:none; } #btn_p_view{ padding:0px; width:125px; height:26px; line-height:26px; border:1px solid #e0e0e0; color:#8a837c; text-align:left; padding-left:10px; font-family: 'notokr-demilight', "ng", "돋움"; font-size:12px; background:#fff url(/new_main/main/tpl3/images/17_icon.png) no-repeat; background-position:119px -141px;} #btn_p_bookview { padding:0px; width:105px; height:26px; line-height:26px; border:1px solid #e0e0e0; color:#8a837c; text-align:left; padding-left:10px; font-family: 'notokr-demilight', "ng", "돋움"; font-size:12px; background:#fff url(/new_main/main/tpl3/images/17_icon.png) no-repeat; background-position:99px -141px;} #btn_p_view i, #btn_p_bookview i { display:none; } #btn_application{ padding:0px; border:0px; background:#c82c20; width:200px; height:45px; line-height:45px; color:#fff; font-size:16px; font-family: 'notokr-medium', "ng", "돋움";} #btn_interest{ padding:0px; border:0px; background:#918877; width:200px; height:45px; line-height:45px; color:#fff; font-size:16px; font-family: 'notokr-medium', "ng", "돋움";} #btn_gallery_list, #list_btn{border:1px solid #ebebeb; background-color:#fff; font-size:14px; font-family: 'notokr-demilight'; color:#807770; padding:0px 18px; height:34px; line-height:34px; } #btn_gallery_list i, #list_btn i{ color:#a09083; } #btn_gallery_list2, #list_btn2{ padding:0px; border:0px; background:#9f8244; width:170px; height:45px; line-height:45px; color:#fff; font-size:16px; text-align:center; font-family: 'notokr-medium', "ng", "돋움"; } #btn_gallery_list2 i, #list_btn2 i { display:none; } #btn_logout { display:block; padding:0px; margin:0px; background-color:#fff; float:left; width:70px; height:27px; font-size:12px; border:1px solid #ebebeb; border-right:0px; text-align:center; line-height:27px; ; color:#969494; font-family: 'notokr-demilight'; } #btn_modify { display:block; padding:0px; margin:0px; float:left; width:70px; height:27px; font-size:12px; border:1px solid #ebebeb; text-align:center; line-height:27px; ; color:#969494; font-family: 'notokr-demilight'; } /*왼쪽 메뉴 츄가 170614*/ .gridA td.a_l p.mb11{ margin-bottom:0px; margin-bottom:7px;} .menu_add{ overflow:hidden; background-color:#807770; height: 38px; line-height: 38px; width: 180px; margin-top: 3px; font-family: 'notokr-medium', "ng", "돋움"; } .menu_add .menu_new{ display:block; float:left; border-right:1px solid #e1e1e1; height: 38px; line-height: 38px; } .menu_add .menu_recom{ display:block; float:right; height: 38px; line-height: 38px; } .menu_add .menu_one{ display:block; text-align:left; } .menu_add .menu_one a{ display:block; color:#fff; font-size:14px; font-family: 'notokr-medium', "ng", "돋움"; text-align:left; background:#807770 url(../tpl3/images/17_icon.png) no-repeat 153px 14px; width:166px; padding-left: 14px; } .menu_add .menu_new a, .menu_add .menu_recom a{ display:block; color:#fff; width:89px; font-size:14px; font-family: 'notokr-medium', "ng", "돋움"; text-align:center; } .menu_add .menu_new a:hover, .menu_add .menu_recom a:hover, .menu_add .menu_one a:hover{ color:#fff; background-color:#685d54; } .menu_three { overflow:hidden; padding-top:10px; padding-bottom:10px; background-color:#807770; width:180px; } .menu_three span a { display:block; float:left; color:#fff; width:59px; font-size:14px; font-family: 'notokr-medium', "ng", "돋움"; text-align:center; border-left: 1px solid #e1e1e1; } .menu_three .menu_new a { border-left: 0px solid #e1e1e1; } /*뉴, 추천 아이콘 */ .icon_new02{ vertical-align:middle; margin-top:-2px; margin-left:4px; } .icon_recommend02{ vertical-align:middle; margin-top:-2px; margin-left:4px; } /*로그인 수정*/ .login_box{ padding-top:50px; width:369px; margin:0 auto; } .login_title h4{ display: block; width: 100%; text-align: center; font-family: "ngeb"; font-size: 28px; color: #7a7a7a; } .login_title span{ display: block; width: 100%; text-align: center; font-size: 14px; color: #7a7a7a; margin-top: 7px; } .login_input{ margin-top: 30px; } .login_input li{ margin-bottom: 6px;} .login_input li.id_save { text-align: right; color: #7a7a7a; height: 32px; line-height: 32px; } .login_input li.id_save input{vertical-align:-2px;} .login_input li input.log_input_id { height: 36px; border: 1px solid #cacaca; width:100%; background:url(/new_main/main/tpl3/images/back_login_2020.png) no-repeat 20px 11px; } .login_input li input.log_input_pw { height: 36px; border: 1px solid #cacaca; width:100%; background:url(/new_main/main/tpl3/images/back_login_2020.png) no-repeat 20px -89px;} .login_input li.btn_login_box .btn_login02{ display: block; background: #ee4846; } .login_input li.btn_login_box .btn_login02 span{ display: block; text-align: center; color: #fff; font-size: 16px; height: 50px; line-height: 50px; } .box_member{ padding-top: 18px; width: 100%; text-align: center; } .box_member a span{ display: inline-block; padding: 0px 10px; color: #7a7a7a; } .login_choice { display: none; } /*대림 로그인 */ .login_dl .login_input li input.log_input_id { height: 36px; border: 1px solid #cacaca; width:100%; background:url(/new_main/main/tpl3/images/back_login_dl.png) no-repeat 20px 11px; } .login_dl .login_input li input.log_input_pw { height: 36px; border: 1px solid #cacaca; width:100%; background:url(/new_main/main/tpl3/images/back_login_dl.png) no-repeat 20px -89px;} .login_dl .login_choice { display: block; width: 100%; text-align: center; height: 30px; padding-top: 16px; padding-bottom: 0px; } .login_dl .login_input { margin: 0px; margin-top: 10px; } /*베바스토코리아 로그인 */ .login_webas .login_input li input.log_input_id { height: 36px; border: 1px solid #cacaca; width:100%; background:url(/new_main/main/tpl3/images/back_login_webas.png) no-repeat 20px 11px; } .login_webas .login_input li input.log_input_pw { height: 36px; border: 1px solid #cacaca; width:100%; background:url(/new_main/main/tpl3/images/back_login_webas.png) no-repeat 20px -89px;} /*평화정공 lms 개편*/ .plan_time_box, .plan_system_box{background:#5f7f82 url(/new_main/main/tpl3/images/myplan_back.jpg) no-repeat; padding-bottom: 10px; } #lnb .plan_time_box h3, #lnb .plan_system_box h3{ display: block; font-size: 22px; color: #fff; font-size: 20px; text-align: left; border-bottom: 0px; background: none; padding:0px; padding-top: 34px; padding-left: 25px; padding-bottom: 18px; font-weight: normal; } #lnb .plan_time_box h3 .text_s, #lnb .plan_system_box h3 .text_s{ display: block; font-size: 16px; font-weight: normal; } .plan_time_box dl{ width: 140px; margin: 0 auto; } .plan_time_box dl dt{ display: block; font-size: 14px; color: #b2c3c7; font-family: 'notokr-demilight'; } .plan_time_box dl dd{ display: block; font-size: 20px; letter-spacing: -1px; color: #ffdc44; font-family: 'notokr-medium'; margin-top: -2px; padding-bottom: 9px; } .plan_team_box{ background: #5f7f82; padding-bottom: 20px; } #lnb .plan_team_box h3{ display: block; font-size: 22px; color: #fff; text-align: left; border-bottom: 0px; background: none; padding:0px; padding-top: 34px; padding-left: 25px; padding-bottom: 18px; font-weight: normal; } .plan_title{background: #323433; overflow: hidden; font-family: 'notokr-medium'; height: 50px; margin-top: 5px; } #contents .plan_title h2{ display:block; overflow:hidden; width:70%; float:left; } #contents .plan_title .choice_y{ float:right; padding-right:20px; margin-top:11px; } #contents .plan_title h2 span.title{ display: block; float: left; color: #fff; font-size: 20px; padding-left: 35px; margin-top: 11px; font-weight: normal; } #contents .plan_title h2 span.comment{ display: block; float: left; background: url(/new_main/main/tpl3/images/icon_plan_check.png) no-repeat; padding-left: 23px; text-align: left; color: #ec6958; font-size: 14px; height: 20px; margin-left: 10px; margin-top: 16px; line-height: 18px; } .plan_sort{ background:#5f7f82; height:50px; overflow:hidden; } .plan_sort_y{ float:left; font-family: 'notokr-medium'; margin-top:10px; padding-left:20px; } .plan_sort_y span{ display:inline-block; padding-left:5px; } .plan_sort_y span select, #contents .plan_title .choice_y select{ font-family: 'notokr-regular'; border:1px solid #466366; padding:3px 5px; } .plan_sort_y .title{ color:#bdc8c9; font-size:14px; padding-left:15px; } .plan_caution{ background:#f6f6f6 url(/new_main/main/tpl3/images/icon_plan_caution.png) no-repeat 40px 14px ; height:80px; margin-bottom:20px; padding-top:20px; margin-top:20px; } .plan_caution span{ display:block; margin-left:145px; color:#797777; font-size:12px; line-height:18px; font-family: 'notokr-medium'; } .plan_caution span.title{ color:#d56363; font-size:14px; margin-bottom:4px; } .gridH { margin: 0px; padding: 0px; padding-bottom: 5px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; width: 158px; margin: 0 auto; padding: 8px 0px; font-family: 'notokr-medium'; } .gridH th{ color: #e5e9e9; font-size: 12px; border-bottom: 1px solid #bbcacc; text-align: center; padding: 6px 0px ; letter-spacing:-1px; } .gridH td { color: #b5c1c3; font-size: 12px; text-align: center; padding: 10px 0px; } .gridH td.itsme { color: #fff; font-size: 12px; background: #ec6958; } .plan_table{background: #e7ecef; padding-bottom: 30px;} .gridG { width: 90%; margin: 0px; padding: 0px; width: 95%; margin: 0 auto; } .gridG th{ background: #e7ecef; color: #488383; font-size: 14px; border-bottom: 1px solid #bbcacc; padding: 10px 0px; font-family: 'notokr-medium'; letter-spacing: -1px; } .gridG th:first-child{ border-left: 0px; } .gridG th.month{ background: #f8f8f8; } .gridG td { color: #808080; font-size: 14px; border-left: 1px solid #bbcacc; border-bottom: 1px solid #bbcacc; text-align: center; padding: 10px 0px; font-family: 'notokr-demilight'; } .gridG td:first-child{ border-left: 0px; } .gridG td.title{ text-align: left; background: #f8f8f8; padding-left: 10px; } .gridG td.title a{ color:#333; } .gridG td.title a:hover{ color:#ec6958; } .gridG td.month{ background: #f8f8f8; } .gridG td.people{ text-align: center; background: #f8f8f8; color:#ec6958; } .gridG td.people a{ display:inline-block; width:100%; background: url(/new_main/main/tpl3/images/icon_plan_arrow.png) no-repeat 125px -46px; color:#ec6958; } .gridG td.people a:hover{ background:#f5cfca; width:95%; background: url(/new_main/main/tpl3/images/icon_plan_arrow.png) no-repeat 125px -46px; } .gridG td.total{ background: #d8dcde; color:#323433; } .btn_teamall{ display: block; border: 1px solid #8ca3a5; width: 158px; margin: 15px auto; padding: 8px 0px ; } .btn_teamall span{display: block; text-align: center; font-size: 12px; color: #c5d1d3; font-family: 'notokr-regular'; } .btn_plan_cancel { display: block; border: 1px solid #ec6958; width: 88%; margin: 0 auto; background: url(/new_main/main/tpl3/images/icon_plan_arrow.png) no-repeat 72px -43px; } .btn_plan_cancel span{display: block; text-align: left; font-size: 13px; color: #ec6958; font-family: 'notokr-regular'; padding: 2px 10px; } .btn_plan_go { display: block; border: 1px solid #ec6958; width: 88%; margin: 0 auto; background:#ec6958 url(/new_main/main/tpl3/images/icon_plan_arrow.png) no-repeat 72px 2px; } .btn_plan_go span{display: block; text-align: left; font-size: 13px; color: #fff; font-family: 'notokr-regular'; padding: 2px 10px; } .btn_plan_01 { display: block; border: 1px solid #488383; width: 88%; margin: 0 auto; background: url(/new_main/main/tpl3/images/icon_plan_arrow.png) no-repeat 72px -93px; } .btn_plan_01 span{display: block; text-align: left; font-size: 13px; color: #488383; font-family: 'notokr-regular'; padding: 2px 10px; } .btn_plan_02 { display: block; border: 1px solid #c49c47; width: 88%; margin: 0 auto; background: url(/new_main/main/tpl3/images/icon_plan_arrow.png) no-repeat 72px -143px; } .btn_plan_02 span{display: block; text-align: left; font-size: 13px; color: #b28b39; font-family: 'notokr-regular'; padding: 2px 10px; } .btn_plan_ok{ display:inline-block; background:#ec6958; margin:0 10px; } .btn_plan_ok span{ font-size:16px; height:43px; line-height:43px; width:150px; color:#fff; text-align:center; display:block; font-family: 'notokr-regular'; } .btn_plan_cancel02{ display:inline-block; background:#808080; margin:0 10px; } .btn_plan_cancel02 span{ font-size:16px; height:43px; line-height:43px; width:150px; color:#fff; text-align:center; display:block; font-family: 'notokr-regular'; } #lnb.edu_file h3 { font-size:24px; font-family: 'notokr-medium'; color: #605d58 ; padding-left:0px; text-transform:uppercase; padding-bottom:16px; padding-top:7px; background: none; } #lnb.edu_file{ padding-top: 33px; } #lnb.edu_file > ul > li > a{ padding: 0px; margin: 0px; border-bottom: 1px solid #919191; background: #7e7e7e url(/new_main/main/tpl3/images/icon_plan_edu_file.png) repeat-y top right; width: 193px; } #lnb.edu_file > ul > li > a > span { display: block; padding-right: 45px; padding-left: 17px; padding-top: 12px; padding-bottom: 11px; text-align: left; color: #ffffff; font-family: 'notokr-demilight'; font-size: 14px; } #lnb.edu_file > ul > li > a:hover {background: #607f82 url(/new_main/main/tpl3/images/icon_plan_edu_file_on.png) repeat-y top right; } h3.h3_tit_plan{ font-size: 24px; font-family: 'notokr-medium'; color: #605d58 ; } .period_Btxt{ width: 978px; background: #0ba199; height: 50px; border-left: 1px solid #dadada; border-right: 1px solid #dadada; } .period_Btxt span{ display: inline-block; text-align: center; height: 50px; width: 100%; line-height: 50px; color: #fff; font-family:"ng", "굴림", "돋움"; font-weight: bold; letter-spacing: 1px; } .kshrd_cost .period_Btxt{ width: 978px; background: #ffffff; height: 50px; border-bottom: 1px solid #bbbcbc; border-left: 0px solid #dadada; border-right: 0px solid #dadada; } .kshrd_cost .period_Btxt span{ display: inline-block; text-align: center; height: 50px; width: 100%; line-height: 40px; color: #ef4947; font-family:"ng", "굴림", "돋움"; font-weight: bold; letter-spacing: 1px; } .period_Etxt{ width: 978px; background: #a74d3f; height: 50px; border-left: 1px solid #dadada; border-right: 1px solid #dadada; } .period_Etxt span{ display: inline-block; text-align: center; height: 50px; width: 100%; line-height: 50px; color: #fff; font-family:"ng", "굴림", "돋움"; font-weight: bold; letter-spacing: 1px; } .period_Gtxt{ width: 978px; background: #6678a5; height: 50px; border-left: 1px solid #dadada; border-right: 1px solid #dadada; } .period_Gtxt span{ display: inline-block; text-align: center; height: 50px; width: 100%; line-height: 50px; color: #fff; font-family:"ng", "굴림", "돋움"; font-weight: bold; letter-spacing: 1px; } .period_Ptxt{ width: 978px; background: #90773f; height: 50px; border-left: 1px solid #dadada; border-right: 1px solid #dadada; } .period_Ptxt span{ display: inline-block; text-align: center; height: 50px; width: 100%; line-height: 50px; color: #fff; font-family:"ng", "굴림", "돋움"; font-weight: bold; letter-spacing: 1px; } .ch_text{ width:100%; color:#c3614e; text-align:left; font-family:"ng", "굴림", "돋움"; background:#fff3d6; padding:14px 0px 10px 0px; font-size:14px; line-height:20px; } .ch_text .s_title{ display:inline-block; margin-left:55px; margin-right:5px; color:#237989; } .ch_text .s02_title{ display:block; width:100%; text-align:center; } /*한국국토정보공사 이벤트*/ .event_recommend{ width:100%; position:relative; padding-top:40px; } .event_recommend h4 { text-align:left; font-size:20px; color:#525355; font-family: 'notokr-regular'; } .event_recommend .event_box{ background:#ebebf7 url(/new_main/main/tpl3/images/img_event_reommend.png) no-repeat top left; overflow:hidden; height:119px; margin-top:-4px; } .event_recommend .event_box .event_left{ float:left; width:72%; text-align:left; padding-top:30px; padding-bottom:30px; } .event_recommend .event_box .event_left .text_box{ margin-left:335px; margin-top:18px; font-size:15px; line-height:21px; color:#525355; } .event_recommend .event_box .event_left .text_box .point_text{ color:#d4596d; } .event_recommend .event_box .event_right{ float:right; width:28%; text-align:left; background:#edd5d9 ; margin-top:16px; height:108px; } .event_recommend .event_box .event_right .event_input_box { width:200px; margin:29px auto; } .event_recommend .event_box .event_right .event_input_box .event_title{ display:block; background:url(/new_main/main/tpl3/images/img_event_reommend02.png) no-repeat ; letter-spacing:-1px; padding-left:20px; padding-bottom:6px; } .event_recommend .event_box .event_right .event_input_box .event_input { } .event_recommend .event_box .event_right .event_input_box .event_input input{ height:24px; font-size:14px; font-family: 'notokr-regular'; border:1px solid #fff; text-align:center; } .event_recommend .event_comment{ font-size:14px; color:#9e9e9e; text-align:right; padding-top:10px; } /*상세검색 추가*/ .allsearch_box { overflow: hidden; width: 500px; margin-left: 279px; } .allsearch_box .board_search { display: block; float: left; width: 382px; height: 31px; } .allsearch_box .detail_search { display: block; float: left; width: 100px; height: 31px; } .btn_detail_search{ display: block; margin-left: 7px; background-color: #4f4f4f; color: #fff; text-align: center; padding: 5px 13px; font-size:14px; font-weight: bold; border: 0px; margin-top: 2px; } .detail_search_box { width: 750px; z-index: 1000; } .detail_box { background: #f5f5f5; padding-top: 40px; } .detail_box .text_deail { width: 670px; margin: 0 auto; height: 42px; background:url(/new_main/main/tpl3/images/text_detailsearch.png) no-repeat top left ; text-indent: -9999px; } .detail_ul { display: block; border: 1px solid #cdcfd3; width: 670px; margin: 0 auto; overflow: hidden; padding-top: 15px; padding-bottom: 15px; } .detail_ul li.writer { width: 100%; } .detail_ul li.writer02 { width: 49%; } .detail_ul li.company_book { width: 49%; } .detail_ul li.book_year { width: 49%; } .detail_ul li { display: block; float: left; height: 35px; line-height: 35px; } .detail_ul li span.title { display: inline-block; padding-left: 27px; color: #605d56; } .detail_ul li span.input { display: inline-block; padding-left: 10px; color: #605d56; } .detail_ul li span.input input{ border: 1px solid #c3c3c3; height: 26px; line-height: 26px; width: 200px; } .detail_ul li span.input select {border: 1px solid #c3c3c3; height: 26px; line-height: 26px; width: 80px; } .detail_btn_box { padding-top:23px; padding-bottom: 40px; text-align: center; width: 400px; margin: 0 auto; } .detail_btn_box .btn_searchdetail { display: inline-block; width: 170px; height: 46px; text-align: center; color: #fff; font-size: 16px; background: #ee4846; border: 0px; cursor: pointer; font-weight: bold; } .detail_btn_box .btn_searchclose { display: inline-block; width: 170px; height: 46px; text-align: center; color: #fff; font-size: 16px; margin_left:15px; background: #abacaf; border: 0px; cursor: pointer; font-weight: bold; } .notice_alarm{ width: 100%; padding: 23px 0px; border: 1px solid #dedede; } .notice_alarm span { display:block; margin: 0 auto; text-align: left; width: 90%; line-height: 20px; font-size: 12px; color: #ee4846; font-family:Arial, Helvetica, sans-serif; } /*본인인증 추가*/ .identification_box {width: 100%; background: #faefef url(/new_main/main/tpl3/images/img_identification01.png) no-repeat top left; overflow: hidden; padding-bottom: 22px; } .identification_box .text_box{ padding-left: 60px; width: 590px; float: left; padding-top: 33px; } .identification_box .text_box .text_01 { display: block; font-size: 14px; text-align: left; color: #ff0000; font-family:"ng", "굴림", "돋움"; } .identification_box .text_box .text_01 .text { display: block; font-size: 14px; text-align: left; color: #353535; font-family:"ng", "굴림", "돋움"; } .identification_box .text_box .text_02 { display: block; font-size: 14px; text-align: left; font-family: "ng", "굴림", "돋움"; margin-top: 6px; } .identification_box .text_box .text_02 lavel{padding-left: 5px; } .identification_box .text_box02{ padding-left: 60px; width: 740px; float: left; padding-top: 33px; padding-bottom: 10px; } .identification_box .text_box02 .text_01 { display: block; font-size: 14px; text-align: left; color: #ff0000; font-family:"ng", "굴림", "돋움"; } .identification_box .text_box02 .text_02 { display: block; font-size: 14px; text-align: left; font-family: "ng", "굴림", "돋움"; margin-top: 6px; } .identification_box .text_box .text_02 lavel{padding-left: 5px; } .identification_box .btn_box { float: left; padding-left: 5px; width: 192px; padding-top: 27px; } .btn_box .btn_identification{ display: block; background: #fffddb; text-align: center ; width: 190px; height: 35px; border: 1px solid #dadada; } .btn_box .btn_identification span{ display: inline-block; background:url(/new_main/main/tpl3/images/img_identification04.png) no-repeat 5px 8px; display: inline-block; color: #38b2a5; padding-top: 8px; padding-left: 30px; font-family: 'notokr-regular'; } .identification_box .btn_box .btn_identification{ display: block; background: #435375; text-align: center ; width: 190px; height: 50px; } .identification_box .btn_box .btn_identification span{ display: inline-block; background:url(/new_main/main/tpl3/images/img_identification02.png) no-repeat left 15px; display: inline-block; color: #fff; padding-top: 17px; padding-left: 30px; } .btn_box_hrdnet { float: left; padding-left: 5px; width: 192px; padding-top: 50px; } .btn_hrdnet{ display: block; background: #435375; text-align: center ; width: 190px; height: 50px; } .btn_hrdnet span{ display: inline-block; background:url(/new_main/main/tpl3/images/img_identification05.png) no-repeat left 15px; display: inline-block; color: #fff; padding-top: 17px; padding-left: 30px; } /*도서추천게시판*/ .btn_top10 {FONT-SIZE: 14px; HEIGHT: 48px; MARGIN-TOP: 4px; FONT-WEIGHT: bold; COLOR: #4f4f4f; TEXT-ALIGN:left; DISPLAY: block; LINE-HEIGHT: 46px; background:#fafafa url(/new_main/main/tpl3/images/icon_best.png) 140px -90px no-repeat; WIDTH: 160px; padding-left: 18px; letter-spacing:-1px; border: 1px solid #ebebeb; font-family: "notokr-medium", "ng", "돋움" ; } .btn_recommend02 {FONT-SIZE: 14px; HEIGHT: 48px; MARGIN-TOP: 4px; FONT-WEIGHT: bold; COLOR: #4f4f4f; TEXT-ALIGN:left; DISPLAY: block; LINE-HEIGHT: 46px; background:#fafafa url(/new_main/main/tpl3/images/icon_best.png) 140px 10px no-repeat; WIDTH: 160px; padding-left: 18px; letter-spacing:-1px; border: 1px solid #ebebeb; font-family: "notokr-medium", "ng", "돋움" ; } .btn_discussion {FONT-SIZE: 14px; HEIGHT: 48px; MARGIN-TOP: 4px; FONT-WEIGHT: bold; COLOR: #4f4f4f; TEXT-ALIGN:left; DISPLAY: block; LINE-HEIGHT: 46px; background:#fafafa url(/new_main/main/tpl3/images/icon_best.png) 139px -186px no-repeat; WIDTH: 160px; padding-left: 18px; letter-spacing:-1px; border: 1px solid #ebebeb; font-family: "notokr-medium", "ng", "돋움" ; } /*어플라이드 개인정보 이용 동의서 */ .consent_box03{ padding-top: 40px; } .consent_box03 .point { display: block; width: 100%; color: #000000; font-family: 'notokr-regular'; font-size: 15px; padding-bottom: 15px; } .consent_box03 .input_list { border: 1px solid #cdcdcd; width: 100%; overflow: hidden; padding: 40px 0px 40px 0px; } .consent_box03 .input_list li{ list-style: none; display: block; text-align: left; padding-left: 40px; } .consent_box03 .input_list li.phone_num { width: 285px; text-align: left; float: left; height: 44px; line-height: 44px; } .consent_box03 .input_list li.mail_num { width: 320px; float: left; height: 44px; line-height: 44px; } .consent_box03 .input_list li.phone_num .title { display: inline-block; color: #8a8a8a; font-size: 15px; font-family: 'notokr-regular'; padding-right: 7px; } .consent_box03 .input_list li.mail_num .title { display: inline-block; color: #8a8a8a; font-size: 15px; font-family: 'notokr-regular'; padding-right: 7px; } .consent_box03 .input_list li .input_02 input { border: 1px solid #cdcdcd; padding: 2px 8px; color: #000; background: #fafafa; font-size: 15px; } .consent_box03 .input_list li.btn_box{ padding-right: 5%; text-align: right; width: 164px; float: right; height: 44px; line-height: 44px; } .consent_box03 .input_list li.btn_box .consent_btn { display: block; color: #ffff; font-size: 15px; width: 150px; height: 32px; line-height: 32px; text-align: center; background: #f46060; } /*추천과정-도움말추가 */ .pop_help { position: relative; width:600px; padding-right: 17px; padding: 42px; background: #e2e8f4; margin-left: 70px; } /* background:#000 url(/new_main/main/image/icon_arrow.png) ;*/ .pop_help .pop_help_c .title{ color: #5f5d5d; font-size: 20px; text-align: left; width: 100%; font-family: 'notokr-regular'; padding-bottom: 10px; } .pop_help .pop_help_c .help_contents { width: 100%; } .pop_help .pop_help_c .help_contents th { background: #b4c6d1; border-bottom: 1px solid #d4dfe5; color: #5d6d77; font-size: 13px; height: 28px; line-height: 18px; font-family: "ng"; padding-left: 15px; vertical-align: middle; text-align: left; } .pop_help .pop_help_c .help_contents td { background: #f0f3f9; border-bottom: 1px solid #d4dfe5; color: #6c6c6c; font-size: 13px; height: 28px; line-height: 18px; font-family: "ng"; padding: 2px 15px; vertical-align: middle; text-align: left; } .btn_custom a{ display: block; width: 165px; padding-left: 15px; border-bottom: 1px solid #dedede; } .btn_custom02 a{ display: block; width: 180px; border-bottom: 1px solid #dedede; } /*삼성화재 - 190226*/ .how_ad { margin-top: -50px; } .how_ad .title { font-size: 18px; color: #435375; font-family: 'notokr-regular'; background:url(/new_main/main/tpl3/images/img_bullet_ab.png) no-repeat 2px 2px; padding-left: 28px; padding-bottom: 10px; letter-spacing: -1px; } .how_ad ul li { display: block; background:#fbfbfb url(/new_main/main/tpl3/images/img_guide_ab.png) no-repeat; padding: 43px 0px 43px 232px } .how_ad .how_ad_box01 li{ border-top: 2px solid #435375; background-position: 50px 39px; } .how_ad .how_ad_box02 li{ border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background-position: 50px -337px; } .how_ad ul li .title { font-size: 18px; color: #435375; text-align: left; background: none; padding-left: 0px; font-family: 'notokr-regular'; } .how_ad ul li .text_s_ad { font-size: 14px; color: #9b918a; font-family: 'notokr-regular'; } .how_ad_box01 .btn_box a{display:block; margin-top: 28px; width: 212px; height: 42px; background: #26a88a; border: 1px solid #549786; } .how_ad_box01 .btn_box a span {display:block; font-size: 15px; color: #fff; padding-left: 20px; background: url(/new_main/main/tpl3/images/img_arrow_ab.png) no-repeat right 16px ; line-height: 42px; font-family: 'notokr-regular'; } .how_ad_box01 .btn_box a:hover { background: #37588e; } .guide_ad {} .guide_ad .title_01, .guide_ad .title_02, .guide_ad .title_03, .guide_ad .title_04, .guide_ad .title_05, .guide_ad .title_06 {font-size: 18px; color: #435375; font-family: 'notokr-regular'; background:url(/new_main/main/tpl3/images/img_bullet_ab.png) no-repeat 2px 12px; padding: 10px 0px 10px 28px ; letter-spacing: -1px; } .guide_ad ul { display: block; background:#fbfbfb url(/new_main/main/tpl3/images/img_guide_ab.png) no-repeat; border-top: 2px solid #435375; border-bottom: 1px solid #dddddd; padding: 40px 0px 55px 200px; margin-bottom: 28px; } .guide_ad ul.guide_ad_box01 { background-position: 62px -630px;} .guide_ad ul.guide_ad_box02 { background-position: 62px -1035px;} .guide_ad ul.guide_ad_box03 { background-position: 62px -1375px;} .guide_ad ul.guide_ad_box04 { background-position: 62px -1714px;} .guide_ad ul.guide_ad_box05 { background-position: 62px -2078px;} .guide_ad ul.guide_ad_box06 { background-position: 62px -2422px;} .guide_ad ul li { background-position: 5px -400px; font-size: 14px; color: #9b918a; line-height: 20px; font-family: 'notokr-regular'; padding: 15px 68px 0px 15px; } .guide_ad ul li .title { font-size: 16px; color: #435375; } .guide_ad ul li .text_s_ad01 { display: block; padding-top: 6px; } /*농협 과정안내 비용 추.가 */ .cost_table { width:440px; border-bottom:2px solid #353535; border-top:2px solid #353535; margin-top: 25px; margin-bottom:13px;} .cost_table th{ background: #f6f6f6; font-weight: normal; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; color: #878787; font-size: 14px; vertical-align: middle; line-height: 18px; text-align: center; padding-bottom: 5px; padding-top: 5px; font-family: 'notokr-demilight'; } .cost_table td{ font-weight: normal; font-size: 14px; border-left: 1px solid #dadada; vertical-align: middle; text-align: center; padding-bottom: 10px; padding-top: 10px; } /*씨네북 예고편보기 버튼 +*/ #btn_movieview { margin-bottom: 2px;} /*대전광역시 인재개발원 */ .btn_study_down { display: block; position: absolute; top:220px; left: 850px; } .btn_study_down a { display: block; width: 110px; text-align: center; padding: 5px 10px; background: #819c9e; color: #fff; } /*스탬프 이벤트*/ .btn_stamp { display: block; position: absolute; top:214px; left: 850px; } .btn_stamp a{ display: block; width: 126px; height: 33px; border-radius: 21px; border: 1px solid #26a88a; background:#fff url(/new_main/main/tpl3/images/stamp_baner02.png) no-repeat center ; text-indent: -9999px; } /*현대해상 복불복 이벤트*/ .btn_event { display: block; position: absolute; top:214px; left: 713px; } .btn_event a{ display: block; width: 264px; height: 36px; background:#fff url(/new_main/main/tpl3/images/btn_event.png) no-repeat center ; text-indent: -9999px; } /*사회복지 회사소개 탭 */ .kshrd_box { width: 100%; height: 46px; } #contents_wide .kshrd_box ul.kshrd_menu li a { display:block; float:left; padding:12px 0; width:24.5%; text-align:center; color:#807674; background-color:#ffffff; border:1px solid #dddddd; margin-right:-1px; font-family: 'notokr-medium'} #contents_wide .kshrd_box ul.kshrd_menu li a.on { color:#fff; background-color:#8c7368; border:1px solid #8c7368; } .kshrd_view { width: 100%; overflow: hidden; font-family: "notokr-demilight", "ng", "돋움" } .grid_notice2 {border-top: 1px solid #dadada; border-left: 1px solid #dadada; font-size: 13px;} .grid_notice2 th { padding: 14px 0; background-color: #f6f6f6; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; font-weight: bold; font-size: 14px; vertical-align: middle; text-align: center; } .grid_notice2 td { padding: 14px 0; text-align: center; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; background-color: #fefefe; color: #666666; font-weight: none; font-size: 13px; vertical-align: middle;} .grid_notice2 td.ta_l {text-align: left; line-height: 200%; padding-left: 20px;} .grid_notice2 td.bg { padding: 14px 0; text-align: center; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; background-color: #fffddb; color: #ff5e5f; font-weight: bold; font-size: 14px; vertical-align: middle;} .gray_box03 {border: 1px solid #dbe3ea; background: #f4f6f8; padding: 17px 17px; width: 875px; color: #666; font-size: 13px; line-height: 170%;} .tit_check {font-size:16px; font-weight:bold; color:#353535; margin-bottom:11px; font-family: 'notokr-medium', "ng", "돋움";} /*사회복지 댓글부분*/ .comment_box { width: 100%; } .comment_box .title { border-top: 1px solid #dadada; overflow: hidden; background: #f6f6f6; padding: 15px 0px; } .comment_box .title .text_01 { width: 30%; float: left; padding-left: 35px; text-align: left; color: #353535; font-size: 16px; font-family: 'notokr-medium', "ng", "돋움"; } .comment_box .title .text_02 { width: 60%; float: right; padding-right: 30px; color: #353535; font-size: 13px; font-family: 'notokr-medium', "ng", "돋움"; text-align: right; } .comment_box .title .text_03 { background: #fffd7e; } .input_box { overflow: hidden; padding: 10px 0px; } .input_box textarea { border: 1px solid #dadada; float: left; } .input_box .btn_comment_save { display:block; float: right; background: #bababa; font-size: 15px; color: #fff; font-family: 'notokr-medium', "ng", "돋움"; width: 125px; height: 85px; line-height: 85px; text-align: center; } .comment_list ul { margin-top: 22px; border-bottom:1px solid #dadada; } .comment_list ul li { display: block; border-top: 1px solid #dadada; padding: 15px ; font-family: 'notokr-medium', "ng", "돋움"; } .comment_list ul li .comment_name span { color: #6caf9e; } .btn_comment_del { display: inline-block; background:url(/new_main/main/tpl3/images/icon_kshrd_c.png) no-repeat; width: 15px; height: 15px; } .btn_comment_del span { display: none; } .comment_content { margin-top: 5px; font-family: 'notokr-medium', "ng", "돋움"; } .comment_name .text_02{ padding: 0px 5px; } .price_box01 { width: 100%; overflow: hidden; } .price_box01 ul{ width: 400px; float: right; } .price_box01 ul li:first-child { border-bottom: 1px dashed #dadada; } .price_box01 ul li .price_t { display: inline-block; width: 130px; text-align: right; font-size: 13px; font-weight: bold; color: #323949; height: 52px; line-height: 52px; } .price_box01 ul li .price { display: inline-block; width: 227px; padding-right: 33px; text-align: right; font-size: 13px; font-weight: bold; color: #323949; height: 52px; line-height: 52px; } .price_box02 { width: 100%; overflow: hidden; border-bottom: 1px solid #636363; border-top: 1px solid #dadada; text-align: right; } .price_box02 .price_t { display: inline-block; padding-left: 33px; font-size: 20px; text-align: left; height: 60px; line-height: 60px; color: #ff806d; font-family: 'notokr-regular'; } .price_box02 .price { display: inline-block; width: 227px; padding-right: 36px; font-size: 20px; text-align: right; color: #ff806d; height: 60px; line-height: 60px; font-family: 'notokr-regular'; } .btn_price_box { width: 100%; text-align: right; padding: 30px 0px; } .btn_price_box .btn_price { padding: 12px 50px 12px 50px; text-align: center; background: #ff806d; font-size: 15px; letter-spacing: -1px; font-weight:bold; color: #fff; } /*셀럽북*/ .btn_celeb_list a{ display: block; width: 180px; height: 70px; border-bottom: 1px solid #dedede; background:url(/new_main/main/image/btn_celeb_list.jpg) no-repeat 10px 0px; } .btn_celeb_list a span { display: none; } .btn_celeb a{ display: block; background: #fff9e6; width: 180px; padding-bottom: 25px; } .btn_celeb a .celeb_box { width: 100%; text-align: center; } .btn_celeb a .celeb_box .celeb_month { display: block; color: #ac9e74; font-size: 14px; width: 100%; text-align: left; padding-left: 15px; padding-top: 3px; font-family: 'notokr-regular'; } .btn_celeb a .celeb_box .celeb_title01{ display: block; background:url(/new_main/main/image/celeb_back_01.png) no-repeat; width: 132px; height: 64px; margin: 0 auto; margin-top: -5px; } .btn_celeb a .celeb_box .celeb_title02 { display: inline-block; color: #333333; font-size: 19px; letter-spacing: -1px; font-family: 'notokr-bold'; background:url(/new_main/main/image/celeb_back_02.png) repeat-x bottom; } .btn_celeb a .celeb_box .celeb_book { display: block; margin: 10px auto; width: 112px; height: 162px; text-align: center; background:url(/new_main/main/image/celeb_back_03.png) no-repeat; padding-top: 4px; } .btn_celeb a .celeb_box .celeb_book img { width: 104px; height: 154px; } .btn_celeb a .celeb_box .celeb_txt_b { display: block; text-align: center; color: #000000; font-size: 16px; font-family: 'notokr-regular'; margin-top: -3px; } .btn_celeb a .celeb_box .celeb_txt_r { display: block; text-align: center; color: #000000; font-size: 14px; font-family: 'notokr-regular'; margin-top: -3px; } .btn_celeb a .celeb_box .btn_celeb_detail { display: block; border: 1px solid #d2c7a5; color: #928048; font-size: 12px; width: 106px; height: 26px; line-height: 26px; margin: 0 auto; margin-top: 8px; background:url(/new_main/main/image/celeb_icon.png) no-repeat 92px 9px; } .celeb_detail { width: 100%; height: 263px; background: #fff9e6; overflow: hidden; border-top: 1px solid #e7dcba; margin-top: 30px; } .celeb_detail .celeb_text_box { float: left; width: 534px; text-align: center; } .celeb_detail .celeb_text_box .title { display: block; width: 134px; height: 64px; background:url(/new_main/main/image/celeb_back_01.png)no-repeat; margin: 0 auto; margin-top: 32px; } .celeb_detail .celeb_text_box .title span { display: none; } .celeb_detail .celeb_text_box .txt_01 { display: inline-block; text-align: center; background:url(/new_main/main/image/celeb_back06.png) repeat-x bottom; font-family: 'notokr-regular'; color: #fc8474; font-size: 20px; } .celeb_detail .celeb_text_box .txt_02 { display: block; text-align: center; width: 100%; color: #333333; font-family: 'notokr-bold'; padding-top: 9px; font-size: 32px; letter-spacing: -1px; } .celeb_detail .celeb_text_box .txt_03 { display: block; text-align: center; width: 100%; font-size: 14px; color: #88857c; padding-top: 9px; } .celeb_detail .celeb_img_box { float: right; width: 445px; height: 263px; position: relative; } .celeb_detail .celeb_img_box .img_box { position: absolute; left: 0px; top: 0px; width: 445px; height: 263px; background:url(/new_main/main/image/celeb_back_04.png) no-repeat ; } .celeb_detail .celeb_img_box .img_box span { position: relative; display: table-cell; vertical-align: middle; text-align: center; width: 445px; height: 263px; } .celeb_detail .celeb_img_box .img_box span img { width: 360px; height: 202px; } .celeb_detail .celeb_img_box a { display: block; position: absolute; left: 0px; top: 0px; background:url(/new_main/main/image/celeb_back_05.png) no-repeat left top; width: 445px; height: 263px; } .celeb_list .list { background: #fafafa; border-top: 1px solid #bbbcbc; border-right: 1px solid #e7e7e7; } .celeb_list .list li { display: inline-block; width: 49.6%; height: 284px; border-left: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; } .celeb_list .list li .img_box { width: 306px; height: 154px; margin: 0 auto; margin-top: 30px; overflow: hidden; } .celeb_list .list li .img_box .img_01 { display:block; width: 104px; float: left; } .celeb_list .list li .img_box .img_02 { display:block; width: 202px; float: left; } .celeb_list .list li .img_box .img_01 img { width: 104px; height: 154px; } .celeb_list .list li .img_box .img_02 img { width: 202px; height: 154px; } .celeb_list .list li .text_box { padding-left: 33px; padding-top: 12px; } .celeb_list .list li .text_box .title { background:url(/new_main/main/image/celeb_icon02.png) no-repeat 3px 6px; font-size: 18px; color: #4f4f4f; letter-spacing: -1px; font-family: 'notokr-medium' ; padding-left: 24px; } .celeb_list .list li .text_box .txt01 { display: block; background:url(/new_main/main/image/celeb_icon02.png) no-repeat 5px -95px; font-size: 14px; color: #6c6c6c; padding-left: 24px; padding-top: 3px; } .celeb_list .list li .text_box .txt02 { display: block; font-size: 14px; color: #6c6c6c; padding-left: 24px; padding-top: 3px; } /* 작가들의 이슈화 */ .btn_issue_list a{ display: block; width: 180px; height: 70px; border-bottom: 1px solid #dedede; background:url(/new_main/main/image/btn_issue_list.jpg) no-repeat 10px 0px; } .btn_issue_list a span { display: none; } .issue_detail { width: 100%; height: 263px; background: #edf9ff; overflow: hidden; border-top: 1px solid #b1d4ea; margin-top: 30px; } .issue_detail .issue_text_box { float: left; width: 534px; text-align: center; } .issue_detail .issue_text_box .title { display: block; width: 100px; height: 60px; background:url(/new_main/main/image/issue_back_01.png)no-repeat 32px top; margin: 0 auto; margin-top: 25px; } .issue_detail .issue_text_box .title span { display: none; } .issue_detail .issue_text_box .txt_01 { display: inline-block; text-align: center; font-family: 'notokr-bold'; color: #6192c7; font-size: 18px; margin-top: 4px; } .issue_detail .issue_text_box .txt_02 { display: block; text-align: center; width: 95%; margin-left: 5%; color: #32495b; font-family: 'notokr-bold'; padding-top: 17px; font-size: 28px; line-height: 30px; letter-spacing: -1px; } .issue_detail .issue_text_box .txt_03 { display: block; text-align: center; width: 95%; margin-left: 5%; font-size: 14px; color: #88857c; padding-top: 8px; line-height: 20px; } /* overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; height: 20px; */ .issue_detail .issue_img_box { float: right; width: 445px; height: 263px; position: relative; } .issue_detail .issue_img_box .img_box { position: absolute; left: 0px; top: 0px; width: 445px; height: 263px; background:url(/new_main/main/image/issue_back_04.png) no-repeat ; } .issue_detail .issue_img_box .img_box span { position: relative; display: table-cell; vertical-align: middle; text-align: center; width: 445px; height: 263px; } .issue_detail .issue_img_box .img_box span img { width: 361px; height: 225px; } .issue_detail .issue_img_box a { display: block; position: absolute; left: 0px; top: 0px; background:url(/new_main/main/image/issue_back_05.png) no-repeat left top; width: 445px; height: 263px; } /*가치담은책 */ .btn_value_list a{ display: block; width: 180px; height: 70px; border-bottom: 1px solid #dedede; background:url(/new_main/main/image/btn_issue_list.jpg) no-repeat 10px 0px; } .btn_value_list a span { display: none; } .value_detail { width: 100%; height: 263px; background: #edfdf3; overflow: hidden; border-top: 1px solid #b1d4ea; margin-top: 30px; } .value_text_box { float: left; width: 534px; text-align: center; } .value_text_box .title { display: block; width: 100px; height: 60px; background:url(/new_main/main/image/value_back_01.png)no-repeat 12px top; margin: 0 auto; margin-top: 25px; } .value_text_box .title span { display: none; } .value_text_box .txt_01 { display: inline-block; text-align: center; font-family: 'notokr-bold'; color: #30c2b4; font-size: 18px; margin-top: 4px; } .value_text_box .txt_02 { display: block; text-align: center; width: 95%; margin-left: 5%; color: #32495b; font-family: 'notokr-bold'; padding-top: 17px; font-size: 28px; line-height: 30px; letter-spacing: -1px; } .value_text_box .txt_03 { display: block; text-align: center; width: 95%; margin-left: 5%; font-size: 14px; color: #88857c; padding-top: 8px; line-height: 20px; } /* overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; height: 20px; */ .value_img_box { float: right; width: 445px; height: 263px; position: relative; } .value_img_box .img_box { position: absolute; left: 0px; top: 0px; width: 445px; height: 263px; background:url(/new_main/main/image/issue_back_04.png) no-repeat ; } .value_img_box .img_box { position: absolute; left: 0px; top: 0px; width: 445px; height: 263px; background:url(/new_main/main/image/issue_back_04.png) no-repeat ; } .value_img_box .img_box span { position: relative; display: table-cell; vertical-align: middle; text-align: center; width: 445px; height: 263px; } .value_img_box .img_box span img { width: 361px; height: 225px; } .value_img_box a { display: block; position: absolute; left: 0px; top: 0px; background:url(/new_main/main/image/issue_back_05.png) no-repeat left top; width: 445px; height: 263px; } /*이북 */ .btn_ebook_list a{ display: block; width: 180px; height: 70px; border-bottom: 1px solid #dedede; background:url(/new_main/main/image/btn_ebook_list.jpg) no-repeat 10px 0px; } .btn_ebook_list a span { display: none; } /*슬라이더*/ .addition_slides { position: relative; width: 100%; padding: 20px 30px; background: #fff9e6; border-top: 1px solid #e7dcba; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-top: 15px; } .addition_slides > ul { position: relative; width: 100%; box-sizing: border-box; } .celeb_slides { background: #0ba09a; } .celeb_slides_detail { width: 100%; height: 263px; overflow: hidden; } .celeb_slides_detail .celeb_text_box { float: left; width: 440px; text-align: center; margin-left: 30px; } .celeb_slides_detail .celeb_text_box .title { display: block; width: 134px; height: 64px; background:url(/new_main/main/image/celeb_back_01.png)no-repeat; margin: 0 auto; margin-top: 32px; } .celeb_slides_detail .celeb_text_box .title span { display: none; } .celeb_slides_detail .celeb_text_box .txt_01 { display: inline-block; text-align: center;font-family: 'notokr-regular'; color: #fc8474; font-size: 18px; padding-top: 6px; } /* background:url(/new_main/main/image/celeb_back06.png) repeat-x bottom; */ .celeb_slides_detail .celeb_text_box .txt_02 { display: block; text-align: center; width: 100%; color: #333333; font-family: 'notokr-bold'; padding-top: 9px; font-size: 26px; letter-spacing: -1px; } .celeb_slides_detail .celeb_text_box .txt_03 { display: block; text-align: center; width: 100%; font-size: 14px; color: #88857c; padding-top: 9px; line-height: 140%; } .celeb_slides_detail .celeb_img_box { float: right; width: 445px; height: 263px; position: relative; } .celeb_slides_detail .celeb_img_box .img_box { position: absolute; left: 0px; top: 0px; width: 445px; height: 263px; background:url(/new_main/main/image/celeb_back_04.png) no-repeat ; } .celeb_slides_detail .celeb_img_box .img_box span { position: relative; display: table-cell; vertical-align: middle; text-align: center; width: 445px; height: 263px; } .celeb_slides_detail .celeb_img_box .img_box span img { width: 360px; height: 202px; } .celeb_slides_detail .celeb_img_box a { display: block; position: absolute; left: 0px; top: 0px; background:url(/new_main/main/image/celeb_back_05.png) no-repeat left top; width: 445px; height: 263px; } .issue_slides_detail { width: 100%; height: 263px;overflow: hidden; }/* background: #edf9ff; border-top: 1px solid #b1d4ea;*/ .issue_slides_detail .issue_text_box { float: left; width: 440px; text-align: center; margin-left: 30px; } .issue_slides_detail .issue_text_box .title { display: block; width: 100px; height: 60px; background:url(/new_main/main/image/issue_back_01.png)no-repeat 32px top; margin: 0 auto; margin-top: 25px; } .issue_slides_detail .issue_text_box .title span { display: none; } .issue_slides_detail .issue_text_box .txt_01 { display: inline-block; text-align: center; font-family: 'notokr-bold'; color: #6192c7; font-size: 18px; margin-top: 4px; } .issue_slides_detail .issue_text_box .txt_02 { display: block; text-align: center; width: 95%; margin-left: 5%; color: #32495b; font-family: 'notokr-bold'; padding-top: 17px; font-size: 28px; line-height: 30px; letter-spacing: -1px; } .issue_slides_detail .issue_text_box .txt_03 { display: block; text-align: center; width: 95%; margin-left: 5%; font-size: 14px; color: #88857c; padding-top: 8px; line-height: 20px; } /* overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; height: 20px; */ .issue_slides_detail .issue_img_box { float: right; width: 445px; height: 263px; position: relative; } .issue_slides_detail .issue_img_box .img_box { position: absolute; left: 0px; top: 0px; width: 445px; height: 263px; background:url(/new_main/main/image/issue_back_04.png) no-repeat ; } .issue_slides_detail .issue_img_box .img_box span { position: relative; display: table-cell; vertical-align: middle; text-align: center; width: 445px; height: 263px; } .issue_slides_detail .issue_img_box .img_box span img { width: 361px; height: 225px; } .issue_slides_detail .issue_img_box a { display: block; position: absolute; left: 0px; top: 0px; background:url(/new_main/main/image/issue_back_05.png) no-repeat left top; width: 445px; height: 263px; } .value_slide_detail .value_detail { width: 100%; height: 263px; overflow: hidden; margin-top: 30px; }/* background: #edfdf3; border-top: 1px solid #b1d4ea;*/ .value_slide_detail .value_text_box { float: left; width: 440px; text-align: center; } .value_slide_detail .value_text_box .title { display: block; width: 100px; height: 60px; background:url(/new_main/main/image/value_back_01.png)no-repeat 12px top; margin: 0 auto; margin-top: 25px; } .value_slide_detail .value_text_box .title span { display: none; } .value_slide_detail .value_text_box .txt_01 { display: inline-block; text-align: center; font-family: 'notokr-bold'; color: #30c2b4; font-size: 18px; margin-top: 4px; } .value_slide_detail .value_text_box .txt_02 { display: block; text-align: center; width: 95%; margin-left: 5%; color: #32495b; font-family: 'notokr-bold'; padding-top: 17px; font-size: 28px; line-height: 30px; letter-spacing: -1px; } .value_slide_detail .value_text_box .txt_03 { display: block; text-align: center; width: 95%; margin-left: 5%; font-size: 14px; color: #88857c; padding-top: 8px; line-height: 20px; } /* overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; height: 20px; */ .value_slide_detail .value_img_box { float: right; width: 445px; height: 263px; position: relative; } .value_slide_detail .value_img_box .img_box { position: absolute; left: 0px; top: 0px; width: 445px; height: 263px; background:url(/new_main/main/image/issue_back_04.png) no-repeat ; } .value_slide_detail .value_img_box .img_box span { position: relative; display: table-cell; vertical-align: middle; text-align: center; width: 445px; height: 263px; } .value_slide_detail .value_img_box .img_box span img { width: 361px; height: 225px; } .value_slide_detail .value_img_box a { display: block; position: absolute; left: 0px; top: 0px; background:url(/new_main/main/image/issue_back_05.png) no-repeat left top; width: 445px; height: 263px; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 20px; width: 100%; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 25px; height: 5px; margin: 0 3px; outline: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url('/new_main/main/image/controls_issue_left.png') no-repeat 0 0; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; } .bx-wrapper .bx-next { right: 10px; background: url('/new_main/main/image/controls_issue_right.png') no-repeat 0 0; } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: 0 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /*대림 목록 */ .sugang_tab { overflow: hidden; margin-top: -24px; padding-bottom: 30px; } .sugang_tab li { display: block; float: left; width: 370px; } .sugang_tab li a{ display: block; height: 37px; border-bottom: 2px solid #4f4f4f; background: #f5f5f5; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; text-align: center; } .sugang_tab li a span { display: inline-block; color: #9c9c9c; font-size: 14px; font-family: 'notokr-regular'; padding-top: 8px; } .sugang_tab li a.on { display: block; height: 37px; border-bottom: 0px solid #4f4f4f; background: #fff; border-top: 2px solid #4f4f4f; border-left: 2px solid #4f4f4f; border-right: 2px solid #4f4f4f; text-align: center; } .sugang_tab li a.on span { color: #605d58; font-size: 16px; font-family: 'notokr-regular'; font-weight: bold; padding-top: 12px; } .sugang_tab li a:hover span { text-decoration: underline; color: #ee4846; } .gridA_dl { width: 100%; } .gridA_dl th {padding:9px 0; color:#fff; font-size:14px; background-color:#a1a1a1; border-left:1px solid #cacaca; font-family: 'notokr-medium', "ng", "돋움" ; } .gridA_dl th:first-child { border-left:none;} .gridA_dl td { text-align:center; color:#625f66; vertical-align:middle; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; font-family:"ng", "돋움"; } .gridA_dl td:first-child { border-left:none;} .gridA_dl td.gray {background-color:#fafafa;} .gridA_dl td.a_l .book_01 { width: 100%; text-align: left; padding: 11px 0px 14px 18px; } .gridA_dl td.a_l .book_01 p{ display: block; padding-top: 4px; } .gridA_dl td.a_l .book_02 { overflow: hidden; background: #fafafa; border-top: 1px solid #e4e4e4; padding: 14px 0px; } .gridA_dl td.a_l .book_02 .img_box { width: 163px; text-align: center; float: left; } .gridA_dl td.a_l .book_02 .img_box img { width: 132px; height: 91px; } .gridA_dl td.a_l .book_02 .text_box { width: 308px; text-align: left; float: left; } .gridA_dl td.a_l .book_02 .text_box .txt_01 { display: block; height: 72px; vertical-align: top; overflow: hidden; font-size: 13px; line-height: 18px; } .gridA_dl td.a_l .book_02 .text_box .txt_02 { display: block; padding-top: 5px; } .gridA_dl td.a_l .book_02 .text_box .txt_02 span { color:#0ba199; font-size: 14px; } .gridA_dl td.btn_box { text-align: right; } .btn_view_dl { display: block; width: 96px; height: 34px; line-height: 34px; color: #fff; text-align: center; font-size: 14px; background: #a1a1a1; margin-left: 14px; } .btn_apply_dl { display: block; width: 96px; height: 34px; line-height: 34px; margin-top: 5px; color: #fff; text-align: center; font-size: 14px; background: #c92c22; margin-left: 14px; } /*한국국토정보공사*/ .menu_kcs { overflow:hidden; height: 38px; line-height: 38px; width: 180px; margin-top: 3px; font-family: 'notokr-medium', "ng", "돋움"; } .menu_kcs span { display:block; text-align:left; } .menu_kcs span a{ display:block; color:#fff; font-size:14px; font-family: 'notokr-medium', "ng", "돋움"; text-align:left; background:#ff918b url(/new_main/main/tpl3/images/icon_best.png) no-repeat 145px -292px; width:166px; padding-left: 14px; } .kcs_course { background:url(/new_main/main/image/icon_kcs.png) no-repeat left top; position: absolute; top: 226px; right: 0px; height: 22px; } .kcs_course .txt_kcs { display: inline-block; padding-left: 27px; color: #eb5e4c; font-size:16px; line-height: 22px; } .kcs_course .txt_kcs span { font-weight: bold; background:url(/new_main/main/image/icon_kcs_back.png) repeat-x; } /*한세실업 강사정보*/ .lecturer_box { overflow:hidden; width: 100%; } .lecturer_box .lecturer_photo { width: 148px; margin-right: 40px; margin-left: 70px; float: left; min-height: 105px; background:url(/new_main/main/image/photo_lecturer.jpg) no-repeat left top; } .lecturer_box .lecturer_txt { text-align: left; vertical-align: top; font-size: 14px; min-height: 105px; color: #676b76; font-size: 15px; line-height: 150%; font-family: "notokr-medium", "ng", "돋움"; font-style: normal; width: 65%; float: left; } /*이슈 _ 노트북 */ .issue_list { overflow: hidden; list-style: none; } .issue_list li { display: block; float: left; margin: 0px 11px 30px 11px; border: 1px solid #d4dbe4; } .issue_list li a .img_box { width: 100%; height: 121px; } .issue_list li a .img_box .img_size { width: 218px; height: 139px; } .issue_list li a div { display: table; width: 218px; } .issue_list li a .title_box { width: 188px; height: 73px; padding: 0 15px; text-align: center; } .issue_list li a .title_box p { display: table-cell; font-size: 15px; vertical-align: middle; font-family: "notokr-medium", "ng", "돋움"; } .issue_list li a .writer_box p { display: table-cell; width: 100%; height: 35px; border-top: 1px solid #d4dbe4; vertical-align: middle; font-size: 12px; text-align: center; color: #605f65; } .explain_box .btn { display: block; text-align: right; padding-right: 32px; margin-bottom: 30px; } .btn_notebook_m { display:inline-block; border: 1px solid #d3d4d7; padding-left: 30px; padding-right: 46px; height: 48px; line-height: 48px; background:url(/new_main/main/image/icon_btn_notebook.png) no-repeat right center ; text-align: left; } .btn_notebook_m span { color: #ef504e; font-size: 14px; } /* 도서선택형 */ .searcharea .search_option input.small {letter-spacing:-1px;font-size:11px;} .search_option ul {position:absolute;z-index:100;top:180px;left:270px; background-color:#fff;border:2px solid #329aef;padding:5px 0;display:none;} .searcharea .search_option ul li {*zoom:1;width:74px;vertical-align:middle;} .searcharea .search_option ul li a {padding:2px 6px;color:#565656;display:block;background-color:#fff;} .searcharea .search_option ul li a:hover, .searcharea .search_option ul li.on a {background-color:#eff4fa;} .search_option { border: 1px solid #dbdbdb; height: 33px; line-height: 32px; } .con05{width:982px; font-weight:bold; color:#06C; text-align:center; padding-top:30px;} .con06{width:982px; margin-top: 30px; } .input_02_book {height:30px; width: 360px; border: expression( (this.type=='checkbox'||this.type=='radio')?'':'1px solid #dbdbdb' ); color:#666666;text-align:left;padding:3px 5px 0 5px;font-family: Dotum, "돋움", sans-serif;} .list_txt {color:#666;font-size:9pt;text-align:center;padding:0 10px 0 10px;} .grid05{ border-top:2px solid #353535; font-family: 'notokr-regular'; color: #847e7d; } .grid05 td.book_td { border-bottom: 1px solid #dbdbdb; vertical-align: top; padding: 30px 0px 20px 0px; } .grid05 td.book_td .txt_g { font-size: 22px; color: #000; height: 45px; } .grid09_spec { background: #666666; width: 100%; } .grid09 { background: #666666; width: 100%; color: #fff; } .grid09 td { border-left: 1px solid #414040; text-align: center; } /*한국저작권보호원*/ .kcopa_box { width: 100%; overflow: hidden; padding-bottom: 20px; } .kcopa_box .kcopa_table { width: 100%; } } #contents_kcopa { width:100%; padding-bottom:20px; padding-top:66px; padding-left:33px; height:100%; position:relative; background: #000; } #contents_kcopa h2 {font-size:20px; color:#605d58; font-family: 'notokr-medium', "ng", "돋움"; } /*신규 이슈화 영상 2021 */ #contents_wide .issue_box { width:980px; min-height:300px; border-top:2px solid #353535; margin-top:33px; position:relative; padding-top:36px; overflow:hidden; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; box-sizing:border-box; padding:0; overflow:hidden;} #contents_wide .issue_box div.like_box { width: 100%; } #contents_wide .issue_box div.like_box p.num { display: inline-block; } #contents_wide .issue_box div.like_box a.btn_like { border: 1px solid #dadada; color: #fd8473; padding: 11px 20px; font-size: 14px; border-radius: 30px; box-shadow: 8px 8px 8px rgba(0,0,0,.08) } #contents_wide .issue_box div.left { float:left; border-right:1px solid #dadada; width:499px; height:346px;} #contents_wide .issue_box div.left2 { float:left; border-right:1px solid #dadada; width:580px; height:360px;} #contents_wide .issue_box div.right2 { width:346px; height:330px; float:left; padding-top:30px; padding-left:20px; overflow: hidden; } #contents_wide .issue_box div.right2 .like_box .title { font-size:26px; line-height: 34px; padding-left:3px; padding-bottom:28px; margin-bottom:31px; width:350px; height: 40px; margin-top: 30px; color: #74726d; padding-right:133px; overflow: hidden; text-overflow: ellipsis; font-family: 'notokr-bold', "ng", "돋움";} #contents_wide .issue_box div.right2 .like_box .title label { width:320px; display: block; } #contents_wide .issue_box div.right2 .issue_s .book_img { float: left; width: 120px; } #contents_wide .issue_box div.right2 .issue_s .book_img img { width: 112px; height: 166px; } #contents_wide .issue_box div.right2 .issue_s { width: 100%; overflow: hidden; } #contents_wide .issue_box div.right2 ul.explain {width:210px; margin-left: 15px; float: left; } #contents_wide .issue_box div.right2 ul.explain li.line {border-top:1px dotted #dadada; padding-top:20px;} #contents_wide .issue_box div.right2 ul.explain li.text {color:#676b76; font-size:14px; margin-bottom:10px; font-family: 'notokr-demilight', "ng", "돋움";} #contents_wide .issue_box div.right2 ul.explain li.text span { display:inline-block; width:60px; text-align:right; color:#353535; font-weight:bold; margin-right:19px; } #contents_wide .issue_box div.right2 ul.explain .btn_issue_comment { color: #6a86ff; } #contents_wide .issue_box div.explain_box {clear:both;} #contents_wide .issue_box div.explain_box p.tit { padding:23px 10px 20px 42px; background-color:#fbfbfb; font-size:20px; font-weight:bold; color:#435375; position:relative; border-top:1px solid #f0f0f0; font-family: 'notokr-regular', "ng", "돋움";} #contents_wide .issue_box div.explain_box p.tit span.opinion { position:absolute; right:57px; color:#616066; font-size:14px;} #contents_wide .issue_box div.explain_box p.txt { padding:32px 42px 63px 42px; color:#616066; font-size:15px; line-height:200%; font-family: 'notokr-demilight', "ng", "돋움";} #contents_wide .issue_box div.explain_box div.txt { padding:32px 42px 63px 42px; color:#616066; font-size:15px;} #contents_wide .issue_box div.explain_box div.txt ul.reply li.reply_enter { overflow:hidden; padding-bottom:27px; border-bottom:2px solid #353535;} #contents_wide .issue_box div.explain_box div.txt ul.reply li.reply_list { position:relative; padding:25px 20px 15px 88px; background:url(../tpl3/images/icon16.png) no-repeat 19px 25px; border-bottom:1px solid #dadada; overflow:hidden;} #contents_wide .issue_box div.explain_box div.txt ul.reply li.reply_list p { margin-bottom:9px; font-size:16px; color:#566381; line-height:22px; font-family: 'notokr-demilight', "ng", "돋움"; } #contents_wide .issue_box div.explain_box div.txt ul.reply li.reply_list a.btn_x { position:absolute; top:15px; right:17px; background:url(../tpl3/images/btn_x.png) no-repeat; width:13px; height:13px;} #contents_wide .issue_box div.explain_box div.txt ul.reply li.reply_list p span.name { font-size:12px; color:#8b7367; margin-right:8px; font-family: 'notokr-demilight', "ng", "돋움"; } #contents_wide .issue_box div.explain_box div.txt ul.reply li.reply_list p span.date { font-size:12px; color:#616066; font-family: 'notokr-demilight', "ng", "돋움"; } /* // 신규 이슈화 영상 2021 */ .btn_nh02 { width: 69px !important; background-position: 64px -141px !important; color: #4f4f4f !important; } .select-sort { display: inline-block; font-size: 14px; font-family: sans-serif; font-weight: 700; color: #949497; line-height: 1.3; padding: .6em 1.4em .5em .8em; width: 100%; height: 38px; box-sizing: border-box; margin: 0; border: 1px solid #bfbdbb; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url('/new_main/main/image/select_check.png'); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; } .select-sort::-ms-expand { display: none; } .select-sort:hover { border-color: #888; } .select-sort:focus { border-color: #000; box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7); box-shadow: 0 0 0 3px -moz-mac-focusring; color: #1671c7; outline: none; } .select-sort option { font-weight:normal; } .sort_box {padding-bottom: 5px;} .sort_box ul { list-style: none; } .sort_box ul li {display: inline-block; width: 19%; text-align: left; } /*삼성메디슨 */ .btn_med a{ display:block; width:166px; padding-left:14px; font-family: 'notokr-demilight'; height:40px; font-size:14px; color:#fff; line-height:40px; background:#08a296 url(../tpl3/images/17_icon.png) no-repeat 153px 14px; } .btn_med a.on{ background-color:#08a296; } .btn_med a:hover{ background-color:#03867c; } .txt_med { padding-bottom:10px; font-size: 15px; text-align: left; width: 100%; box-sizing: border-box; } /**태그**/ .tag_listbox .tagging { display: inline-block; background: #f1f5fb; color: #5c67a3; letter-spacing: -0.7px; font-size: 12px; margin: 3px 3px 0px 0px ; padding: 5px 8px; } /*.tag_listbox .tagging:hover { color: #000; font-weight: bold; }*/ .tag_viewbox {width: 100%; border-bottom: 1px solid #dedede; } .tag_viewbox .tag_viewtitle { display: inline-block; color: #000; background: url('/new_main/main/image/icon_tagtitle.png') no-repeat 35px 0px; padding-left: 60px; } .tag_ullist {display: inline-block; padding: 4px 0px 18px 20px; } .tag_ullist .tag_viewli {display: inline-block;} .tag_ullist .tag_viewli a { display: inline-block; background: #fafafa; color: #5c67a3; letter-spacing: -0.7px; font-size: 12px; margin: 3px 3px 0px 0px ; padding: 5px 8px; cursor: pointer; } .tag_ullist .tag_viewli a:hover { color: #000; font-weight: bold; } /*자율학습*/ .oneself_info_01 h4, .oneself_info_02 h4, .oneself_info_03 h4 {font-size: 20px; font-family: "notokr-medium", "ng", "돋움"; color: #605d58; padding-bottom: 6px; } .oneself_info_01 .oneself_box { border: 1px solid #dcdcdc; background: #fafafa; color: #82807d; font-size: 15px; line-height: 22px; padding: 34px 50px; } .oneself_info_02 .oneself_box { border: 1px solid #dcdcdc; background: #fff url('/new_main/main/image/icon_oneself.png') no-repeat 22px 22px; color: #82807d; font-size: 15px; line-height: 26px; padding: 42px 50px 42px 110px ; } .oneself_info_03 {margin-top: 40px; } .oneself_info_03 h5 { color: #605d58; font-size: 18px; padding-bottom: 8px; font-family: "notokr-medium", "ng", "돋움"; } .btn_studyoneself {background: #4f4f4f url('/new_main/main/image/icon_oneself_arrow.png') no-repeat 136px 12px; color: #fff; font-size: 14px; padding: 10px 32px 10px 17px; border-radius: 3px; } .oneself_btn {padding-top: 20px; height: 34px; text-align: right; } .tab_sugang {display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: center; } .tab_sugang li {width: 50%; border: 1px solid #d6d6d6; border-bottom: 2px solid #333333; color:#82807d; font-size: 14px; text-align: center; } .tab_sugang li a {display: block; width: 100%; padding: 20px 0px; } .tab_sugang li.on { border: 2px solid #333333; border-bottom: 0px ; } .tab_sugang li.on span {color: #333333; font-family: "notokr-medium", "ng", "돋움"; font-size: 16px; } .tab_sugang_sub { width: 100%; display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: center; margin-top: 40px; } .tab_sugang_sub li{ width: 49%; background: #b1b1b1; text-align: center; color: #fff; } .tab_sugang_sub li a { display: block; width: 100%; padding: 16px 0px;} .tab_sugang_sub li span {color: #fff; font-size:14px; } .tab_sugang_sub li span.point {display: inline-block; padding-left: 8px; color: #fff199; font-size:16px; font-family: "notokr-medium", "ng", "돋움"; font-weight: bold; } .tab_sugang_sub li.on{ background: #94b3ae url('/new_main/main/image/icon_oneself_arrow02.png') no-repeat right center; text-align: center; } .btn_oneself { display: inline-block; padding: 8px 10px; background: #fee9e4; border: 1px solid #ffd4ca; color: #eb5e4c ; font-size: 13px; } .btn_oneself:hover {background: #eb5e4c; color: #fff; border: 1px solid #eb5e4c; } /*러닝보드 */ .my_history h4, .my_cody h4 { width: 100%!important; border-bottom: 1px solid #bbbcbc; padding-bottom: 10px; } .cody_h4 { color: #8da5a7; font-size: 14px; letter-spacing: -1px; } .my_history_box {overflow: hidden; } .my_history_box > div {float: left; background: #fafafa; border: 1px solid #eaeaea; margin-bottom: 20px; } .my_history_box > div > .my_title {color: #8da5a7; font-size: 16px; font-family: "notokr-medium"; border-bottom: 1px solid #eaeaea; padding: 15px 0px 5px 0px; letter-spacing: -1px; display: block; } .my_history_box .my_history_time, .my_history_box .my_history_percent {width:210px; margin-right:35px; padding: 0px 25px; height:240px ; } .my_history_box .my_history_top5, .my_history_box .my_history_pattern {width:630px; padding: 0px 25px; height: 240px ; } .my_graph_area { display: block; padding: 10px 0px; width: 100%; } .my_history_time .my_graph_area {background:url('/new_main/main/image/learning_graph01.jpg') no-repeat center center; height: 182px; display: flex; justify-content: space-around; align-items: center; } .time_txt {color: #15c2b6; font-size: 14px; letter-spacing: -1px; font-family: "notokr-medium"; } .my_history_graph {height: 160px; overflow: hidden; } .my_history_graph > div {width: 20%; height: 100%; float: left; position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: flex-end; } .my_history_graph > div > span {width: 45px; } .my_history_graph > div > span .graph_txt { display:inline-block; width: 100%; vertical-align: top; font-size: 11px; color: #fff; text-align: center; } .history_graph01 > span {background: #c1b597;} .history_graph02 > span {background: #8da5a7;} .history_graph03 > span {background: #92b79b;} .history_graph04 > span {background: #9d9dc1;} .history_graph05 > span {background: #b7a0bf;} .graph_txt {display: inline-block; padding-top: 3px; } .my_history_title {display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-basis: 14%; } .my_history_title span{ display: inline-block; width: 100%; color: #787878; font-size: 12px; padding:2px 0px; text-align: center; letter-spacing: -1px; font-family: "notokr-medium"; } .my_pattern_title {display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-basis: 14%; border-bottom: 1px solid #cdcdcd; } .my_pattern_title02 {display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-basis: 14%; border-top: 1px solid #cdcdcd; } .my_pattern_title span, .my_pattern_title02 span { display: inline-block; width: 100%; color: #787878; font-size: 11px; padding: 8px 0px; text-align: center; letter-spacing: -1px; font-family: "notokr-medium"; } .my_cody { overflow: hidden; padding: 20px 0px 50px 0px; } .my_cody .cody_box { width: 49.8%; overflow: hidden; float: left; } .my_cody .cody_box a{display: block; width: 97%; } .my_cody .cody_box .cody_01 { float: left; } .my_cody .cody_box .cody_01 .cody_div {background: #92b79b; border-radius: 3px 3px 0px 0px; border:1px solid #bbbcbc; border-bottom: 0px; padding: 40px 5%; width: 90%; } .my_cody .cody_box .cody_02 {float:left; padding-left: 13px; } .my_cody .cody_box .cody_02 .cody_div { background: #8da5a7; border-radius: 3px 3px 0px 0px; border:1px solid #bbbcbc; border-bottom: 0px; padding: 40px 5%; width: 90%; } .cody_text01 { display: block; color: #d8e4da; font-size: 14px; padding-bottom: 4px; font-family: "notokr-medium"; } .cody_text02 {display: block; color: #fff; font-size: 22px; font-family: "notokr-medium"; } .my_cody .cody_box .cody_btn { display: block; padding: 14px 5%; width: 90%; border-radius: 0px 0px 3px 3px; border:1px solid #bbbcbc; border-top: 0px; color: #000; font-size: 16px; letter-spacing: -1px; font-family: "notokr-medium"; background:url('/new_main/main/image/learning_arrow.png') no-repeat right center; } .my_cody .cody_box a:hover .cody_btn { color: #eb5e4c; } .text_soon {text-align: left; font-size: 14px; margin: 10px 0;} /**교육비**/ .pointw_txt { color: #747474; font-size: 14px; line-height: 24px; padding: 24px 0px; text-align: left; } .pointw_txt .point { color: #ef3f22;} .pointw_box {background: #fff0ed; border: 1px solid #ffe2dc; text-align: center; color: #ef3f22; font-size: 24px; font-family: 'notokr-bold'; vertical-align: middle; padding: 24px 0px; margin-bottom: 30px; } .pointw_box .pointw_edu { display: inline-block; color: #747474; font-size: 14px; font-family: 'notokr-regular'; background:url('/new_main/main/image/icon_point_edu.png') no-repeat left top ; padding: 0px 12px 0px 22px; } .pointw_table{border-collapse:collapse; border-spacing:0; width: 100%; } .pointw_table th { border-bottom: 2px solid #777676; border-top: 2px solid #777676; border-right: 1px solid #d6d6d6; color: #605d58; font-size: 15px; text-align: center; padding: 10px 0px; } .pointw_table th:last-child { border-right: 0px solid #d6d6d6; } .pointw_table td { border-bottom: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; color: #777676; font-size: 13px; text-align: center; padding: 14px 0px; } .pointw_table td:last-child { border-right: 0px solid #d6d6d6; } .edu_cost { display: inline-block; font-size: 12px; border: 1px solid #eaeaea; background: #fafafa url('/new_main/main/image/icon_point_edu.png') no-repeat 7px 5px; height: 27px; line-height: 27px; padding: 0px 10px 0px 30px; } .edu_cost:hover { border: 1px solid #eaeaea; background: #eaeaea url('/new_main/main/image/icon_point_edu.png') no-repeat 7px 5px; } .edu_cost .point { color: #f0523c; padding-left: 5px; } #contents_wide .accordion a.list.cost_title{ color: #ffdf4c!important; } .cost_ul { width: 80%; } .cost_ul li{ display: inline-block; width: 44%; font-size: 14px; text-align: center;color: #353535; height: 40px; line-height: 40px; } .cost_ul li:first-child { width: 56%!important; text-align: center; color: #ef4947!important; background: url('/new_main/main/image/icon_point_edu02.png') no-repeat right top; } .cost_ul li .cost01 { height: 33px; line-height: 33px; text-align: left; color: #ef4947; font-size: 30px; padding-left: 10px; font-family: 'notokr-bold' } .cost_ul li .cost02 {height: 33px;line-height: 33px; font-size: 20px; padding-left: 10px; font-family: 'notokr-bold' } .cost_ul li .cost_ul_title { height: 33px;line-height: 33px; } .result h2 span{ font-weight: normal; } ul.course_menu {width:774px; overflow:hidden; margin:6px auto 24px; } ul.course_menu li a { display:block; float:left; padding:8px 0; width:16%; text-align:center; color:#807674; background-color:#ffffff; border:1px solid #dddddd; margin-right:-1px; font-family: 'notokr-medium'} ul.course_menu li a:hover { color: #ee4846; } ul.course_menu li a.on { color:#fff; background-color:#ee4846; border:1px solid #ee4846;} .ldfsb_subbaner_box { display: block; background:url('/new_main/g_tpl7/images/ldfsb_vod.png') no-repeat left top ; width: 268px; height: 63px; position: absolute; top: 12px; left:243px; }