@import url("./blue.css"); @import url("./jquery.mCustomScrollbar.css"); @import url("./jquery.bxslider.css"); /* header */ /* 삭제예정 */ .top_wrap {z-index:999; position:fixed; width:100%; height:40px; background:#333} .top_group {width:1000px; margin:0 auto} a.all_menu {float:left; display:inline-block; width:60px; height:32px; padding:8px 0 0 25px; color:#fff; background:url(../img/3th_img/icon/icon_all.png) 0 13px no-repeat} .top_group > ul {float:right; margin-top:8px} .top_group > ul > li {float:left; display:inline-block; padding-right:15px} .top_group > ul > li.line {margin-right:15px; background:url(../img/3th_img/line.png) right no-repeat} .top_group > ul > li > a.logo_nhs {width:62px; height:20px; margin-top:1px; background:url(../img/3th_img/logo_nhs.png) no-repeat 0 4px} .top_group > ul > li > a.value_ban {width:50px; height:20px; margin-top:1px; background:url(../img/3th_img/value_logo.png) no-repeat} .top_group > ul > li > a.value2_ban {width:50px; height:20px; margin-top:1px; background:url(../img/3th_img/value2_logo.png) no-repeat} .top_group > ul > li > a.logout {padding-left:15px; color:#fff; background:url(../img/3th_img/icon/icon_logout.png) 0 no-repeat} /* 삭제예정 */ .kits_ban img {display: inline-block; margin-right:5px} .kits_detail {position:relative} .kits_detail:hover p {display:block} .kit_detail_on {z-index:100; display:none; position:absolute; top:-25px; left:100px; width:200px; padding:10px 15px; font-size:11px; border:1px solid #e5e5e5; background:#f7f7f7} .gnb_wrap {z-index:998; position:fixed; top:0; width:100%; height:50px; background:#4fc1e9} .gnb_group {position:relative; width:1000px; margin:0 auto} .gnb_group h1 {float:left; padding-top:17px} .gnb_group h2 {float:left; padding-top:17px} .gnb_group a.logo {width:176px; height:17px; background:url(../img/3th_img/logo.png) no-repeat} .gnb_group a.logo_anniversary {width:348px; height:50px; margin-top:-17px !important; background:url(../img/3th_img/new_logo_150923.png) no-repeat} .gnb_group nav {float:left; margin-left:55px; letter-spacing:-1px;} .gnb_group nav.anniversary {float:left; margin-left:0 !important} .gnb_menu > li {position:relative; float:left} .gnb_menu > li > a {display:inline-block; height:37px; padding:13px 0 0 0; font-size:14px; color:#fff; font-weight:bold; text-align:center} .gnb_menu .gnb_m_1 {width:132px;} .gnb_menu .gnb_m_2 {width:116px;} .gnb_menu .gnb_m_3 {width:116px;} .gnb_menu .gnb_m_4 {width:116px;} .gnb_menu .gnb_m_5 {width:129px;} .gnb_menu .gnb_m_6 {width:142px;} .gnb_menu > li > a:hover {font-weight:bold; color:#333; background:#fff !important; } .gnb_menu > li > a.on {font-weight:bold; color:#333; background:#fff !important;} /*.gnb_menu > li > a.on {height:40px; font-weight:bold; border-bottom:2px solid #fff} */ .gnb_menu > li > a.gnb_menu_on {font-weight:bold; color:#333; background:#fff !important; border-left:1px solid #4fc1e9;border-right:1px solid #4fc1e9;padding:13px 0 0 0;} .gnb_menu .gnb_m_1 a.gnb_menu_on {width:132px;} .gnb_menu .gnb_m_2 a.gnb_menu_on {width:116px;} .gnb_menu .gnb_m_3 a.gnb_menu_on {width:116px;} .gnb_menu .gnb_m_4 a.gnb_menu_on {width:116px;} .gnb_menu .gnb_m_5 a.gnb_menu_on {width:129px;} .gnb_menu .gnb_m_6 a.gnb_menu_on {width:142px;} .gnb_menu > li > a.my {background:#3da6cc} .gnb_menu_depth {position:absolute; top:50px; left:0; display:none; padding:15px 0; background:#fff; border:1px solid #4fc1e9; border-top:none} .gnb_menu_depth li a {display:block; padding:10px 0 12px 20px; font-size:13px} .gnb_menu_depth li a:hover, .gnb_menu_depth li a.on {font-weight:bold; color:#fff; background:#666} .gnb_menu > li ul.menu1 li a {width:112px} .gnb_menu > li ul.menu2 li a {width:96px} .gnb_menu > li ul.menu3 li a {width:103px; padding:10px 0 12px 13px;} .gnb_menu > li ul.menu4 li a {width:96px} .gnb_menu > li ul.menu5 li a {width:109px} .gnb_menu > li ul.menu6 li a {width:122px} .gnb_group button {float:right; width:45px; height:39px; margin-top:10px; padding-top:25px; border:1px solid #57b8d9; background:#7cd4f2 url(../img/3th_img/icon/icon_search.png) 11px 8px no-repeat; outline:none} .gnb_group .top_search {display:none; position:absolute; top:10px; right:0} .search_input {width:175px; height:37px; padding:0 30px 0 15px; font-size:12px; line-height:32px; color:#fff; border:1px solid #57b8d9; background:#7cd4f2; outline:none} .search_input::-webkit-input-placeholder {color:#fff} .search_btn {position:absolute; top:9px; right:12px; width:21px; height:20px; background:url(../img/3th_img/icon/icon_search.png) no-repeat} /* //header */ /* 전체메뉴 */ .all_menu_wrap {z-index:900; display:none; position:fixed; top:40px; left:0; width:100%; height:100%; background:url(../img/3th_img/all_bg.png)} .all_menu_open {display:none; position:relative; width:1000px; height:465px; margin:0 auto; background:#fff} .all_menu_open article {float:left; width:169px; height:440px; padding:25px 0 0 30px; border-right:1px solid #e6e6e6} .all_menu_open article:hover {background:#f7f7f7 url(../img/3th_img/allmenu_line.png) 30px 0 no-repeat} .all_menu_open article h3 a {font-size:17px; color:#333} .all_menu_open article h3 a:hover {text-decoration:underline} .all_menu_ul {margin-top:25px} .all_menu_ul > li {margin-top:17px} .all_menu_ul > li > a:hover {font-weight:bold; color:#2badd9; text-decoration:underline} .all_menu_depth li {margin-top:13px} .all_menu_depth li a {padding-left:10px; font-size:12px; color:#999; background:url(../img/3th_img/lnb_depth_line.png) 0 8px no-repeat} .all_menu_depth li a:hover {font-weight:bold; color:#2badd9} .all_menu_open a.close_btn {position:absolute; bottom:30px; right:30px; width:73px; height:30px; padding:8px 0 0 25px; border:1px solid #ccc; background:url(../img/3th_img/icon/icon_close.png) 60px 12px no-repeat} .all_menu_open a.close_btn:hover {font-weight:bold; color:#333; border:1px solid #999} /* //전체메뉴 */ /* location */ .location_wrap {height:40px; border-bottom:1px solid #e6e6e6} .location {width:1000px; margin:0 auto} .location a {float:left; display:inline-block; height:32px; padding:8px 30px 0 30px; border-left:1px solid #e6e6e6} .location a:hover {font-weight:bold; color:#333; background:#f7f7f7} .location a.on {font-weight:bold; color:#333} .location a.home {background:url(../img/3th_img/icon/icon_home.png) 23px no-repeat} .location a.home:hover {background:#f7f7f7 url(../img/3th_img/icon/icon_home.png) 23px no-repeat} /* //location */ /* sub title */ .sub_wrap {padding-top:50px; } .sub_title {height:160px} .sub_bg1 {background:#828c8f url(../img/3th_img/sub_bg1.png) center no-repeat} .sub_bg2 {background:#6f7981 url(../img/3th_img/sub_bg2.png) center no-repeat} .sub_bg3 {background:#859aa4 url(../img/3th_img/sub_bg3.png) center no-repeat} .sub_bg4 {background:#7a9298 url(../img/3th_img/sub_bg4.png) center no-repeat} .sub_bg5 {background:#5a5d5f url(../img/3th_img/sub_bg5.png) center no-repeat} .sub_bg6 {background:#7a9298 url(../img/3th_img/sub_bg6.png) center no-repeat} .sub_title article {z-index:50; position:relative; width:1000px; height:122px; margin:0 auto; padding-top:38px; color:#fff} .sub_title article h1 {font-size:35px} .sub_title article h1 em {color:#ffd65f} .sub_title article p {margin-top:30px; line-height:20px} .sub_title div.btn {position:absolute; bottom:40px; right:0} .sub_title div.btn a {float:left} .sub_title div.btn a.my_room {width:100px; height:32px; margin-right:10px; padding:12px 0 0 54px; font-size:15px; font-weight:bold; color:#fff; border:1px solid #fff; background:url(../img/3th_img/icon/icon_mylecture.png) 20px 15px no-repeat} .sub_title div.btn a.center {width:100px; height:32px; padding:12px 0 0 54px; font-size:15px; font-weight:bold; color:#fff; border:1px solid #fff; background:url(../img/3th_img/icon/center_ban_s.png) 15px 13px no-repeat} /* //sub title */ /* sub content */ .sub_content_wrap {position:relative; width:1000px; margin:0 auto; padding:50px 0; overflow:hidden} .sub_content_wrap nav {float:left; width:188px; border:1px solid #e6e6e6} .sub_content_wrap nav h3 {padding:30px 0 0 30px; font-size:21px; color:#333; background:url(../img/3th_img/lnb_line.png) 30px 0 no-repeat} .lnb_menu {margin-top:30px} .lnb_menu > li {border-bottom:1px solid #e6e6e6} .lnb_menu > li > a {display:inline-block; width:158px; height:38px; padding:15px 0 0 30px} .lnb_menu > li > a:hover {font-weight:bold; color:#333; background:#f7f7f7} .lnb_menu > li > a.on {font-weight:bold; color:#333; background:#f7f7f7 url(../img/3th_img/icon/icon_lnb_arrow.png) 160px 20px no-repeat} .lnb_depth {margin-bottom:20px} .lnb_depth li {margin:10px 0 10px 30px} .lnb_depth li a {padding-left:10px; font-size:12px; color:#999; background:url(../img/3th_img/lnb_depth_line.png) 0 8px no-repeat} .lnb_depth li a:hover {color:#333} .lnb_depth li a.on {font-weight:bold; color:#2badd9} .sub_content {float:right; width:760px; min-height:800px; padding-bottom:50px} /* //sub content */ /* aside */ .external_wrap {position:absolute; bottom:170px; left:0; width:100%; height:45px; padding-top:5px; border-top:1px solid #e6e6e6; background:#f3f3f3; z-index:30} .external {position:relative; width:1000px; height:50px; margin:0 auto} .external_ban {width:870px; height:50px;} .external_ul {width:870px} .external_ul li {float:left; height:50px; } .external_ul li a {position:relative; display:table-cell; vertical-align:middle; width:125px; height:38px; padding-left:40px; font-size:12px; border:1px solid #cfcfcf; color:#333; line-height:16px; text-align:center} .external_ul li a:hover {font-weight:bold; color:#333} .external_ul li a img {position:absolute; top:3px; left:5px; display:inline-block; width:38px; height:38px; margin-right:15px; margin-top:-3px;vertical-align:middle} .external > a {position:absolute; top:8px; width:13px; height:22px; background:url(../img/3th_img/icon/icon_aside_arrow.png) no-repeat} .external > a.left {left:-20px} .external > a.left:hover {background-position:0 -30px} .external > a.right {right:115px; background-position:right 0} .external > a.right:hover {background-position:right -30px} .external_value_btn {position:absolute; top:0 !important; right:0 !important; width:112px !important; height:15px !important; padding-top:25px !important; background:url(../images/2016_main/value_logo.png) no-repeat center 0 !important; text-align:center; font-size:11px !important} .external_value_btn span {display:none;} /* //aside */ /* footer */ footer {padding-top:50px} .footer_ban_wrap {min-width:1000px; height:40px; border-top:1px solid #e6e6e6} .footer_ban_wrap ul {width:1000px; margin:0 auto} .footer_ban_wrap ul li {float:left; display:inline-block} .footer_ban_wrap ul li.top_btn {float:right} .footer_ban_wrap ul li.top_btn a {width:50px; text-align:right; border-right:1px solid #e6e6e6; background:url(../img/3th_img/icon/icon_top.png) 27px 15px no-repeat} .footer_ban_wrap ul li.top_btn a:hover {background:#f7f7f7 url(../img/3th_img/icon/icon_top.png) 27px 15px no-repeat} .footer_ban_wrap ul li.sitemap a {width:73px; text-align:right; border-right:1px solid #e6e6e6; background:url(../img/3th_img/icon/icon_sitemap.png) 27px 13px no-repeat} .footer_ban_wrap ul li.sitemap a:hover {background:#f7f7f7 url(../img/3th_img/icon/icon_sitemap.png) 27px 13px no-repeat} .footer_ban_wrap ul li a {float:left; display:inline-block; height:32px; padding:8px 30px 0 30px; border-left:1px solid #e6e6e6} .footer_ban_wrap ul li a:hover {font-weight:bold; color:#333; background:#f7f7f7} .footer_wrap {min-width:1000px; height:auto; padding:35px 0; background:#333} .footer_content_wrap {width:1000px; margin:0 auto; overflow:hidden} .footer_logo {float:left} .footer_logo p {margin-top:15px; color:#ccc} .footer_dl {float:left; margin-left:100px} .footer_dl dt {float:left; clear:both; width:70px; height:24px; margin-bottom:3px; padding-top:2px; color:#ccc; text-align:center; background:#585858} .footer_dl dd {float:left; margin-left:13px; margin-top:2px; color:#ccc} .footer_dl dd em {color:#eec95a} .footer_dl dd strong {margin-right:10px;} /* //footer */ /* 메인 */ .main_wrap {min-width:1000px; padding-top:50px} .main_rolling_wrap {position:relative; height:380px} .main_pattern {position:absolute; top:0; left:0; width:100%; height:350px; background:url(../img/3th_img/pattern.png); text-indent:-9999px;} .main_rolling_ban2 {height:350px; background:#717981 url(../img/3th_img/main_new_bg2_winter.jpg) center 0 no-repeat} .main_rolling_ban2 article {position:relative; width:1000px; margin:0 auto; padding-top:45px} .main_rolling_ban2 h2 {font-size:37px; line-height:37px; color:#fff} .main_rolling_ban2 h2 em {color:#ffd65f} .main_rolling_ban2 article > p {margin-top:35px; color:#fff} .main_rolling_ban3 {height:380px; background:#000000 url(../images/2016_main/main_img_160201.jpg) center 0 no-repeat} .main_rolling_ban3 article {position:relative; width:1000px; margin:0 auto; padding-top:45px} .main_rolling_ban3 h2 {font-size:37px; line-height:37px; color:#fff} .main_rolling_ban3 h2 em {color:#ffd65f} .main_rolling_ban3 article > p {margin-top:35px; color:#fff} .main_rolling_ban3 div.story {position:absolute; top:10px; right:0; width:317px; height:230px; padding:13px 10px 15px 15px; overflow:hidden; background:url(../images/2016_main/opacity8_back.png) repeat;} .main_story_btn {position:relative;} .main_story_btn p {font-weight:bold; color:#333} .main_story_btn .input_pop_btn {width:310px; height:34px; padding:0 0 3px 15px; border:1px solid #c0bcbc; text-align:left; background:url(../img/3th_img/icon/icon_list_btn2.png) 250px 9px no-repeat; outline:0} .main_story_btn .input_pop_btn:hover {border:1px solid #999} .story_input_wrap {position:relative} .story_input_wrap input {width:498px; height:45px; padding:0 40px 0 15px; line-height:45px; border:1px solid #e6e6e6; outline:0} .story_input_write {position:absolute; top:11px; right:7px; width:25px; height:25px; border:0; background:url(../img/3th_img/icon/icon_story.png) no-repeat; outline:0} .main_story_list {height:180px; margin-top:15px; overflow-y:auto} .main_story_list li {margin-bottom:5px} .main_story_list p {font-size:12px; color:#999} .main_story_list p span.line {margin-left:10px; padding-left:10px; background:url("../img/3th_img/login_line.png") 0 5px no-repeat;} .main_story_list p.con {margin-bottom:2px; font-size:13px; color:#333} .main_my_btn {margin-top:45px} .main_my_btn a.myroom {float:left; width:100px; height:32px; margin-right:10px; padding:12px 0 0 54px; font-size:15px; font-weight:bold; color:#fff; border:1px solid #fff; background:url(../img/3th_img/icon/icon_mylecture.png) 20px 15px no-repeat} .main_my_btn a.center {float:left; width:100px; height:32px; padding:12px 0 0 54px; font-size:15px; font-weight:bold; color:#fff; border:1px solid #fff; background:url(../img/3th_img/icon/center_ban_s.png) 15px 13px no-repeat} .main_rolling_ban2 div.info {position:absolute; top:0; right:0; width:320px; height:250px; padding:50px 0 50px 30px; overflow:hidden; background:#fff} .main_info_box {overflow:hidden} .main_info_box img {float:left; width:100px; height:100px} .main_info_box div.main_my_info {float:left; margin:7px 0 0 25px} .main_my_info p {width:185px; height:26px; padding:6px 0 0 10px; font-size:15px; color:#fff; background:#5c94cc} .main_my_info dl {margin:10px 0 0 11px} .main_my_info dl dt.sector {padding-left:15px; font-weight:bold; color:#4fc1e9; background:url(../img/3th_img/icon/icon_myinfo.png) 0 -15px no-repeat} .main_my_info dl dd {float:left; margin:5px 0 0 0} .main_rolling_ban1 {height:350px; background: url(../img/3th_img/main_new_bg1_winter.jpg) center 0 no-repeat} .main_rolling_ban1 article {position:relative; width:1000px; margin:0 auto; padding-top:45px} .main_rolling_ban1 h2 {font-size:37px; line-height:37px; color:#fff} .main_rolling_ban1 h2 em {color:#ffd65f} .main_rolling_ban1 article > p {margin-top:35px; color:#fff} .main_rolling_ban1 article > button{width:155px; height:45px; margin-top:25px; padding-bottom:5px; font-size:13px; color:#fff; border:1px solid #fff; background:none; outline:0} .main_rolling_ban1 article ul {position:absolute; top:30px; right:0; width:680px;} .main_rolling_ban1 article ul li {float:left; width:220px; height:83px; margin:10px 10px 0 0; overflow:hidden} .main_rolling_ban1 article ul li a {position:relative; float:left; display:block; width:140px; height:56px; padding:12px 60px 15px 20px; font-size:14px; color:#fff!important; background:url("../img/3th_img/notice_box_bg.png");} .main_rolling_ban1 article ul li a:hover {background:#fff; color:#333!important;} .main_rolling_ban1 article ul li a span.more {position:absolute; top:29px; right:20px; width:27px; height:27px; background:url("../img/3th_img/icon/icon_notice_go.png") no-repeat} .main_rolling_ban1 article ul li a span.new {z-index:98; position:absolute; top:29px; right:20px; width:27px; height:27px; background:url("../img/3th_img/icon/icon_notice_new.png") no-repeat} .main_rolling_ban4 {height:350px; background:#64a29c url(../img/3th_img/main_new_bg0.jpg) center 0 no-repeat} .main_rolling_ban4 article {position:relative; width:1000px; margin:0 auto; padding-top:45px} .main_rolling_ban4 h2 {font-size:37px; line-height:37px; color:#fff} .main_rolling_ban4 h2 em {color:#ffd65f} .main_rolling_ban4 article > p {margin-top:35px; color:#fff} .main_rolling_ban4 article > a{display:block; width:155px; height:30px; margin-top:25px; padding:10px 0 5px 0; font-size:15px; font-weight:bold; text-align:center; color:#fff; border:1px solid #fff; background:none; outline:0} .main_my_area_2016 {position:absolute; top:280px; left:0; width:100%; height:100px; background:url(../images/2016_main/opacity8_back.png) repeat 0 0;} .main_my_area_2016_article {width:1000px; margin:25px auto 0 ; border-right:1px solid #ccc} .main_story_box {float:left; width:250px; height:57px; border-right:1px solid #aaa; position:relative;} .main_story_box img {float:left; width:55px; height:55px} .main_my_story {float:left; margin:5px 0 0 15px} .main_my_story p {margin-bottom:3px; font-size:15px; color:#5791ca} .main_my_story p strong {font-size:18px} .main_my_story span {font-size:12px; background:url(../images/2016_main/home_ico.png) 0 3px no-repeat; padding-left:17px; letter-spacing:-1px;} .main_my_area_2016_logout {display:inline-block; font-size:11px; color:#fff; background:#333; padding:0 5px;} .main_story_box .info_edit_btn {width:18px; height:18px; background:url(../images/2016_main/btn_photo_edit.png) no-repeat 0 0; position:absolute; top:-9px; left:-9px} .main_my_ul {float:left; width:258px; height:52px; padding:5px 0 0 27px; border-right:1px solid #aaa} .main_my_ul li {float:left; width:auto; height:45px; margin-right:10px; font-size:13px; text-align:center; line-height:180%} .main_my_ul li em {font-size:19px; font-weight:bold; color:#ff7473} .main_story_signal {float:left; width:242px; height:50px; margin:0 0 0 30px; padding:5px 10px 0 38px; background-image:url(../images/2016_main/signal_back.png); background-repeat: no-repeat} .main_story_signal p{clear:both; font-size:11px; width:238px; border:1px solid; border-radius:2px; text-align:center; height:18px; line-height:16px;} .signal_level1 {background-position:0 -28px} .signal_level1 p {color:#07668e; border-color:#07668e} .signal_level2 {background-position:0 -129px} .signal_level2 p {color:#a36d2d; border-color:#f39800; letter-spacing:-1px} .signal_level3 {background-position:0 -229px} .signal_level3 p {color:#fff; border-color:#7d0022; background:#e60012} .main_story_signal ul {height:30px; padding:0 0 0 30px;} .main_story_signal ul li{float:left; font-size:15px; padding:0 10px 0 0} .main_story_signal ul li span {font-weight:700; color:#5791ca} .main_story_signal ul li span em {font-size:22px;} .main_my_area_2016_article .my_classroom_btn {display:inline-block; background:#ff8281; width:140px; height:57px; line-height:55px; font-size:18px; border:none;text-align:center; color:#fff; font-weight:bold; margin-top:-2px; margin-left:3px;} .main_rolling_btn {position:absolute; bottom:50px; left:0; width:1000px; text-align:center} .main_rolling_btn ul li {display:inline-block; cursor:pointer} .bx-controls {position:relative; width:1000px !important; margin:0 auto !important} .bx-pager {position:absolute; left:-5px; bottom:49px !important; text-align:center} div.bx-controls-auto {position:absolute; left:90px !important; bottom:40px !important; text-align:center} .bx-pager-item {float:left} .main_event_wrap .bx-controls {position:absolute; left:150px !important; bottom:179px; width:300px !important;} .main_event_wrap .bx-pager {position:static !important; float:right; width:auto !important; padding:0 0 0 5px;} .main_notice_wrap {position:relative; min-width:1000px; height:40px; border-bottom:1px solid #e6e6e6; background:#f7f7f7} .main_notice_wrap>article {position:relative; width:1000px; height:40px; margin:0 auto} .main_notice_div {float:left; width:700px;} .main_notice_list {width:700px; margin-top:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .main_notice_list em {font-weight:bold; color:#333} .main_notice_list span.new {display:inline-block; width:15px; height:15px; margin-right:10px; vertical-align:middle; background:url("../img/3th_img/icon/icon_new.png") no-repeat} .dv_rolling_notice_more {display:inline-block; padding:0 5px; border:1px solid #ccc; font-size:11px;height:15px; line-height:14px; border-radius:2px; background:#fff} .main_notice_wrap span.date {position:absolute; top:9px; right:140px; color:#999} .notice_open_btn {position:absolute; top:0; right:0; width:112px; height:41px; padding-left:30px; color:#fff; border:none; background:#666 url("../img/3th_img/icon/icon_notice.png") 27px 17px no-repeat; outline:0; letter-spacing:-1px} .notice_open_btn:hover {font-weight:bold; background:#4d4d4d url("../img/3th_img/icon/icon_notice.png") 27px 17px no-repeat} .notice_close_btn {position:absolute; top:0; right:0; display:none; width:112px; height:41px; padding-left:30px; color:#fff; border:none; background:#666 url("../img/3th_img/icon/icon_notice2.png") 27px 17px no-repeat; outline:0} .notice_close_btn:hover {font-weight:bold; background:#4d4d4d url("../img/3th_img/icon/icon_notice2.png") 27px 17px no-repeat} .main_notice_right {float:right; width:auto; padding:0 0 0 26px; background:url(../images/2016_main/people_line_ico.png) 0 0 no-repeat; font-size:13px; margin:10px 0 0 0 } .main_notice_right em {font-size:15px; font-weight:700;} .notice_open_wrap {position:absolute; bottom:40px; left:0; display:none; width:100%; height:350px; background:url("../img/3th_img/notice_bg.png") repeat} .notice_open_wrap article {width:1000px; margin:0 auto; padding-top:45px} .notice_open_wrap article h2 {font-size:37px; line-height:37px; color:#fff} .notice_open_wrap article > p {margin-top:35px; color:#e6e6e6} .notice_open_wrap article button {width:155px; height:45px; margin-top:65px; padding-bottom:5px; font-size:13px; color:#fff; border:1px solid #fff; background:none; outline:0} .notice_open_wrap article ul {position:absolute; top:30px; right:0; width:680px;} .notice_open_wrap article ul li {float:left; width:220px; height:83px; margin:10px 10px 0 0; overflow:hidden} .notice_open_wrap article ul li a {position:relative; float:left; width:140px; height:56px; padding:12px 60px 15px 20px; font-size:14px; background:#fff} .notice_open_wrap article ul li a:hover {background:#f7f7f7} .notice_open_wrap article ul li a span.more {position:absolute; top:29px; right:20px; width:27px; height:27px; background:url("../img/3th_img/icon/icon_notice_go.png") no-repeat} .notice_open_wrap article ul li a span.new {z-index:98; position:absolute; top:29px; right:20px; width:27px; height:27px; background:url("../img/3th_img/icon/icon_notice_new.png") no-repeat} /*이벤트, 공지 배너 탭 추가 */ .top_tab01 {position:absolute; top:0; right:0;} .top_tab02 {position:absolute; top:0; right:113px;} .notice_ban_open_btn {width:112px; height:41px; padding-left:30px; color:#333; border:none; background:#e6e6e6 url("../img/3th_img/icon/icon_notice2.png") 17px 17px no-repeat; outline:0; letter-spacing:-1px} .notice_ban_open_btn:hover {font-weight:bold; color:#fff; background:#86b690 url("../img/3th_img/icon/icon_notice2.png") 17px 17px no-repeat} .notice_ban_close_btn {display:none; width:112px; height:41px; padding-left:30px; color:#fff; border:none; background:#86b690 url("../img/3th_img/icon/icon_notice.png") 17px 17px no-repeat; outline:0} .notice_ban_close_btn:hover {font-weight:bold; background:#86b690 url("../img/3th_img/icon/icon_notice.png") 17px 17px no-repeat} .notice_ban_open_wrap {display:none; z-index:99; position:absolute; bottom:40px; left:50%; width:1000px; height:350px; margin:0 0 0 -500px; background:url("../img/3th_img/150401_mainpop_bg.png") repeat;} .notice_ban_open_wrap>p {display:inline-block; margin:8px 0 0 70px; color:#fff;} .evn_ban_open_btn {width:112px; height:41px; padding-left:30px; color:#333; border:none; background:#e6e6e6 url("../img/3th_img/icon/icon_notice2.png") 17px 17px no-repeat; outline:0; letter-spacing:-1px} .evn_ban_open_btn:hover {font-weight:bold; color:#fff; background:#0088c2 url("../img/3th_img/icon/icon_notice2.png") 17px 17px no-repeat} .evn_ban_close_btn {display:none; width:112px; height:41px; padding-left:30px; color:#fff; border:none; background:#0088c2 url("../img/3th_img/icon/icon_notice.png") 17px 17px no-repeat; outline:0} .evn_ban_close_btn:hover {font-weight:bold; background:#40088c2 url("../img/3th_img/icon/icon_notice.png") 17px 17px no-repeat} .evn_ban_open_wrap {display:none; z-index:99; position:absolute; bottom:40px; left:50%; width:1000px; height:350px; margin:0 0 0 -500px; background:url("../img/3th_img/evn_main_pop_ban_bg.png") repeat;} .evn_ban_open_wrap>button.main_popup_go {position:absolute; bottom:70px; right:220px; width:220px; height:55px; padding-left:40px; font-size:18px; font-weight:bold; letter-spacing:-0.5px; color:#fff; border:none; text-align:left; background:#eeb300 url("../img/3th_img/icon/icon_list_btn_white_r.png") no-repeat 180px 17px} .evn_ban_open_wrap>button.main_popup_go:hover {background:#d8a200 url("../img/3th_img/icon/icon_list_btn_white_r.png") no-repeat 180px 17px} .evn_txt_block {position:absolute; top:115px; left:400px; color:#fff; font-size:13px; letter-spacing:-0.5px;} .evn_txt_block strong {display:block; margin-bottom:20px; font-size:24px; font-weight:normal;} .evn2_ban_open_wrap {display:none; z-index:99; position:absolute; bottom:40px; left:50%; width:1000px; height:350px; margin:0 0 0 -500px;} .evn_ban_close {position:absolute; top:15px; right:15px; width:14px; height:14px; border:0; background:url("../img/3th_img/icon/icon_layer_close2.png") no-repeat; outline:0} .m_top_tab {width:116px; height:41px; padding-left:30px; color:#333; border:none; background:#e6e6e6 url("../img/3th_img/icon/icon_notice2.png") 17px 17px no-repeat; outline:0; letter-spacing:-1px} li.on>.m_top_tab {color:#fff; border:none; background:#4d4d4d url("../img/3th_img/icon/icon_notice.png") 17px 17px no-repeat; outline:0; letter-spacing:-1px} .top_tab011 {position:absolute; top:0; right:0;} .top_tab022 {position:absolute; top:0; right:117px;} .top_tab033 {position:absolute; top:0; right:234px;} .main_content_wrap {width:1000px; margin:50px auto; overflow:hidden} .h4_title em {color:#41b3d9} .main_alert_wrap {position:relative; width:1000px; height:255px; margin-bottom:50px; background:url("../img/3th_img/calender_bg.png") 63px 45px no-repeat} .main_alert_wrap p.date {margin-top:50px; font-size:30px; color:#333} .main_alert_wrap p.date strong {font-size:55px; color:#41b3d9} .calender_btn {margin-top:35px; overflow:hidden} .calender_btn button {float:left; display:inline-block; width:30px; height:25px; border:1px solid #e6e6e6; background:url("../img/3th_img/icon/icon_arrow.png") 11px 5px no-repeat; outline:0} .calender_btn button.next {margin-left:3px; background-position:-8px 5px} .calender_btn button.this_month {width:66px; margin-left:3px; font-size:12px; background:#fff} .calender_btn button.next:hover {border:1px solid #999; background-position:-8px -15px} .calender_btn button.prev:hover {border:1px solid #999; background-position:11px -15px} .calender_btn button.next1 {margin-left:3px; background-position:-8px 5px} .calender_btn button.next1:hover {border:1px solid #999; background-position:-8px -15px} .calender_btn button.prev1:hover {border:1px solid #999; background-position:11px -15px} .calender_btn button.next2 {margin-left:3px; background-position:-8px 5px} .calender_btn button.next2:hover {border:1px solid #999; background-position:-8px -15px} .calender_btn button.prev2:hover {border:1px solid #999; background-position:11px -15px} .chaum_main_btn {position:absolute; right:20px; top:35px;} .chaum_main_btn button {float:left; display:inline-block; width:30px; height:25px; border:1px solid #e6e6e6; background:url("../img/3th_img/icon/icon_arrow.png") 11px 5px no-repeat; outline:0} .chaum_main_btn button.next_ch {margin-left:3px; background-position:-8px 5px} .chaum_main_btn button.next_ch:hover {border:1px solid #999; background-position:-8px -15px} .chaum_main_btn button.prev_ch:hover {border:1px solid #999; background-position:11px -15px} .main_text_view {position:absolute; top:12px; right:0} .main_text_view > p {margin-bottom:12px} .main_text_view > p > span {padding-left:26px; font-size:12px color:#999} .main_text_view > p > span.alert {background:url("../img/3th_img/icon/icon_calender_alert.png") 0 2px no-repeat} .main_text_view > p > span.notice {margin-left:25px; padding-left:25px; background:url("../img/3th_img/icon/icon_calender_notice.png") 0 2px no-repeat} .main_text_view > p > span.my {margin-left:25px; padding-left:23px; background:url("../img/3th_img/icon/icon_story_comment.png") 0 2px no-repeat} .main_text_view div.text_box {float:left; width:436px; height:170px; padding:20px 10px 20px 20px; border:1px solid #e6e6e6; background:url("../img/3th_img/calender_line_bg.png") 30px 0 repeat-y} .text_box ul {height:170px; overflow-y:auto} .text_box ul li {position:relative; width:405px; margin-bottom:15px; overflow:hidden} .text_box ul li span {float:left; width:20px; height:20px; font-size:11px; color:#fff; text-align:center; background:url("../img/3th_img/text_box_bg.png") no-repeat} .text_box ul li span.s_notice {background-position:0 -30px} .text_box ul li span.s_my {background-position:0 -60px} .text_box ul li p {float:left; width:305px; margin-left:14px} .text_box ul li p.p_alert {padding-left:26px; background:url("../img/3th_img/icon/icon_calender_alert.png") 0 3px no-repeat} .text_box ul li p.p_notice {padding-left:26px; background:url("../img/3th_img/icon/icon_calender_notice.png") 0 3px no-repeat} .text_box ul li p.p_my {padding-left:26px; background:url("../img/3th_img/icon/icon_story_comment.png") 0 3px no-repeat} .text_box ul li button {position:absolute; top:0; right:0; width:20px; height:20px; border:none; background:url("../img/3th_img/calender_del_btn.png") no-repeat; outline:0} .text_box ul li button:hover {background-position:0 -20px} .main_text_view div.write_box {float:left; width:210px; height:210px; padding:0 20px; margin-left:-1px; border:1px solid #e6e6e6; background:#f7f7f7} .main_write_radio {margin-top:20px} .main_write_radio label {margin-right:15px; margin-right:10px \0/IE8;} .main_text_view div.write_box textarea {width:178px; height:65px; margin-top:15px; padding:10px 15px; font-size:12px; color:#666; letter-spacing:-0.5px; border:1px solid #f2f2f2; outline:0; resize:none} .main_text_view div.write_box span {float:left; display:inline-block; margin-top:16px} .calender_input {float:left; width:90px; height:28px; margin-top:16px; padding:0 20px 0 10px; line-height:26px; border:1px solid #e6e6e6; background:#fafafa} .main_text_view div.write_box button.calender {position:absolute; bottom:22px; right:114px; width:20px; height:23px; margin:15px 0 0 10px; border:none; background:url("../img/3th_img/icon/icon_cal.png") no-repeat; outline:0} .main_text_view div.write_box button.input {position:absolute; bottom:20px; right:21px; width:70px; height:30px; margin-top:10px; line-height:10px; border:1px solid #e6e6e6; background:#fff; outline:0} .main_push_wrap {position:relative; float:left; width:350px; overflow:hidden} .main_push {position:relative; width:350px; height:100px; overflow:hidden} .main_push_wrap ul li {float:left; overflow:hidden} .main_push_wrap img {float:left; width:115px; height:100px} .main_push_wrap div.info {float:left; width:210px; height:100px; margin:15px 0 0 25px} .main_push_wrap div.info p {margin-bottom:13px; font-size:14px; font-weight:bold; color:#333; letter-spacing:-0.5px} .main_push_wrap div.info span {font-size:12px; color:#333; letter-spacing:-0.5px} .main_push_wrap div.calender_btn {position:absolute; top:10px; right:0; margin:0} .main_story_wrap {position:relative; float:left; width:350px; margin-left:40px} .main_story_wrap ul {height:100px; overflow:hidden} .main_story_wrap ul li {width:327px; padding-left:23px; line-height:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .main_story_wrap ul li.s_comment {background:url("../img/3th_img/icon/icon_story_comment.png") 0 6px no-repeat} .main_story_wrap ul li.s_state {background:url("../img/3th_img/icon/icon_story_state.png") 0 6px no-repeat} .main_story_wrap ul li.s_star {background:url("../img/3th_img/icon/icon_story_star.png") 0 6px no-repeat} .main_story_wrap a.more {position:absolute; top:10px; right:0; width:28px; height:23px; border:1px solid #e6e6e6; background:url("../img/3th_img/icon/icon_added.png") 8px 5px no-repeat} .main_story_wrap a.more:hover {border:1px solid #999} .main_info_wrap {position:relative; float:left; width:220px; margin-left:40px} .main_info {position:relative; width:220px; height:100px; overflow:hidden} .main_info_wrap li {float:left} .main_info_wrap li a {width:220px; height:100px} .main_info_wrap div.info {width:130px; height:85px; padding-top:15px} .main_info_wrap div.list {padding-left:90px; background:url("../img/3th_img/main_info_img1.png") 0 center no-repeat} .main_info_wrap div.test {padding-left:90px; background:url("../img/3th_img/main_info_img2.png") 0 center no-repeat} .main_info_wrap div.info p {margin-bottom:13px; font-size:15px; font-weight:bold; color:#333; letter-spacing:-0.5px} .main_info_wrap div.info em {color:#ff7473} .main_info_wrap div.calender_btn {position:absolute; top:10px; right:0; margin:0} .main_live_wrap {float:left; width:480px; margin-top:50px; clear:both} .main_live_wrap ul {height:150px} .main_live_wrap ul li a {float:left; width:148px; height:40px; margin-right:15px; padding-top:108px; font-size:15px; font-weight:bold; text-align:center; color:#333; border:1px solid #e6e6e6} .main_live_wrap ul li a:hover {border:1px solid #999} .main_live_wrap ul li a.plus {background:url("../img/3th_img/icon/icon_live1.png") center 25px no-repeat} .main_live_wrap ul li a.column {background:url("../img/3th_img/icon/icon_live2.png") center 25px no-repeat} .main_live_wrap ul li a.webzine {margin-right:0; background:url("../img/3th_img/icon/icon_live3.png") center 25px no-repeat} .main_live_wrap ul li a em {color:#41b3d9} .main_event_wrap {position:relative; float:left; width:480px; margin:50px 0 0 40px} .main_event_wrap img {width:480px; height:150px} .main_event_wrap a.more {position:absolute; top:16px; right:0; width:14px; height:14px; background:url("../img/3th_img/icon/icon_plus.png")} .main_event_btn {position:absolute; top:16px; right:0; overflow:hidden} .main_event_btn button {float:left; display:inline-block; width:30px; height:25px; border:1px solid #e6e6e6; background:url("../img/3th_img/icon/icon_arrow.png") 11px 5px no-repeat; outline:0} .main_event_btn button.next {margin-left:3px; background-position:-8px 5px} .main_event_btn button.this_month {width:66px; margin-left:3px; font-size:12px; background:#fff} .main_event_btn button.next:hover {border:1px solid #999; background-position:-8px -15px} .main_event_btn button.prev:hover {border:1px solid #999; background-position:11px -15px} .main_event_btn button.this_month:hover {border:1px solid #999} .main_plus_wrap {float:left; width:645px; height:200px; margin-top:50px} .main_center_wrap {float:left; width:355px; height:200px; margin-top:50px; background:url("../img/3th_img/main_center.png") no-repeat} .story_input_pop {z-index:99999; position:fixed; top:50%; left:50%; width:550px; height:100px; margin:-100px 0 0 -300px; padding:50px 25px; background:#fff;} .story_pop_close {display:inline-block; width:25px; height:24px; border:0; background:url(../img/3th_img/icon/icon_close.png) no-repeat 0 0} .story_pop_close:hover {border:1px solid #333;} /*2016*/ .main_newcom_wrap {width:555px; height:310px; float:left; padding-left:5px;} .main_newcom_wrap article {position:relative; float:left; width:242px; margin-right:30px; } .main_newcom_wrap article .mobile_tap {position:absolute; top:10px; left:-5px; font-size:13px; background:url(../images/2016_main/mobile_back.png) no-repeat 0 0; width:71px; height:27px; padding:0 0 0 24px; color:#fff; z-index:10;} .main_newcom_wrap article .mobile_tap p {line-height:22px;font-weight:700} .main_newcom_wrap article .link_image {display:block; border:1px solid #c9c9c9; margin-bottom:10px;} .main_newcom_wrap article .link_image img {display:block; width:240px; height:155px} .main_newcom_wrap article ul {float:left; } .main_newcom_wrap article ul li {font-size:12px; color:#333;} .main_newcom_wrap article ul li span {color:#ff8281;} .main_newcom_wrap .view_btn {display:block; float:right; font-size:11px; text-align:center; padding-top:18px; width:70px; height:20px; border:1px solid #c9c9c9; background:#f7f7f7 url(../images/2016_main/eye_gray.png) no-repeat center 4px; color:#333;} .main_newcom_wrap .view_btn:hover {border:1px solid #ff8281; background:#ff8281 url(../images/2016_main/eye_white.png) no-repeat center 4px; color:#fff;} .main_tap_wrap {float:right; width:430px; } .main_tap_wrap .main_tab_ul {position:relative; text-align:left;} .main_tap_wrap .main_tab_ul>li {display:inline-block; width:32%; height:20px; padding-top:13px;} .main_tap_wrap .main_tab_ul li p {cursor:pointer; font-size:17px;font-weight:700;} .main_tap_wrap .main_tab_ul li p .more {display:inline-block;width:14px; height:15px; background:url(../images/2016_main/more_btn.png) no-repeat 0 bottom } .main_tap_wrap .main_tab_ul li.curr p {color:#4fc1e9} .main_tap_wrap .main_tab_ul li.curr p a {color:#4fc1e9} .main_tap_wrap .main_tab_ul li > div, .main_tap_wrap .main_tab_ul li > ul {position:absolute; top:48px; left:0; border:1px solid #c9c9c9; text-align:left;} .main_tab_li_ab .bx-pager {bottom:180px !important; left:10px} .main_tab_li1_ab {width:428px; height:205px; background:#f9f9f9 } .main_tab_li2_ab {width:368px; height:165px; padding:20px 30px; background:#f9f9f9; display:none; } .main_tab_li2_ab li {padding:0 0 5px 0; } .main_tab_li2_ab li a {display:inline-block; width:315px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13px;color:#333;} .main_tab_li2_ab li time {display:inline-block; width:50px; text-align:right; vertical-align:4px} .main_tab_li3_ab {width:428px; height:205px; background:#f9f9f9; display:none; } .main_freeopen_wrap {width:645px; float:left;padding-left:5px} .main_freeopen_wrap article {float:left; width:170px; height:135px; border:1px solid #c9c9c9; background-repeat:no-repeat; margin-right:10px; padding:0 15px; position:relative} .main_freeopen_plus { background-image:url(../images/2016_main/alpha_back.png); background-position:-5px -15px;} .main_freeopen_column { background-image:url(../images/2016_main/e_back.png); background-position:77px 15px;} .main_freeopen_share { background-image:url(../images/2016_main/s_back.png); background-position:90px -14px;} .main_freeopen_wrap h3.h4_title {background:none;margin-top:5px;} .main_freeopen_wrap article ul li {padding-bottom:5px;} .main_freeopen_wrap article ul li a {display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px;color:#333} .main_freeopen_wrap article .more {position:absolute; top:20px;right:12px; width:14px; height:14px; background:url(../images/2016_main/more_btn.png) no-repeat 0 0 } .main_center_wrap_2016 {float:right; } .main_center_wrap_2016 div {width:328px; height:135px; background:url("../images/2016_main/centre_guide.png") no-repeat 0 0; border:1px solid #c9c9c9} .main_center_wrap_2016 h2 {font-size:17px; color:#333; background:url(../images/2016_main/tel_ico.png) no-repeat 0 14px; padding:12px 0 15px 20px;} .main_center_wrap_2016 p, .main_center_wrap_2016 dl {visibility:hidden} /* //메인 */ /* 로그인 */ .login_wrap {position:relative; width:100%; height:100%} .login_wrap h1.logo {position:absolute; top:40px; left:40px; width:176px; height:17px; background:url("../img/3th_img/logo.png") no-repeat} .login_section {position:absolute; top:50%; left:50%; width:400px; height:250px; margin:-125px 0 0 -200px} .login_input_wrap {width:400px; height:120px} .login_input_wrap input {width:340px; height:55px; padding-left:60px; font-size:15px; color:#999; line-height:55px; border:none; outline:none} .login_input_wrap input.id {background:#fff url("../img/3th_img/icon/icon_id.png") 25px 18px no-repeat} .login_input_wrap input.pw {margin-top:10px; background:#fff url("../img/3th_img/icon/icon_pw.png") 25px 17px no-repeat} .login_btn {display:inline-block; width:208px; height:46px; margin-top:20px; padding:26px 0 0 190px; font-size:22px; font-weight:bold; color:#fff; border:1px solid #fff; background:url("../img/3th_img/icon/icon_login.png") 150px 23px no-repeat} .login_search_wrap {position:relative; width:400px; margin-top:16px} .id_save {margin-left:5px; color:#fff} .login_search_box {position:absolute; top:0; right:0} .login_search_box a {float:left; padding:0 13px; color:#fff; background:url("../img/3th_img/login_line.png") 0 6px no-repeat} .login_info_txt { padding-top: 5px; font-size: 11px; color:#fff; } .login_footer p {position:absolute; bottom:40px; right:40px; width:100%; color:#fff; text-align:right} .id_search_wrap {position:absolute; top:50%; left:50%; display:none; width:340px; height:170px; margin:-125px 0 0 -200px; padding:40px 30px; background:#fff} .id_search_wrap h4 {padding:15px 0 30px 0; font-size:17px; color:#333; border-bottom:1px solid #e6e6e6; background:url("../img/3th_img/search_line.png") no-repeat} .id_search_wrap p {letter-spacing:-0.8px} .id_search_wrap p strong {color:#333} .id_search_wrap p.id_search_p {margin:40px 0 10px 0} .id_search_wrap p.id_search_p strong {color:#ff7473} .pop_close {position:absolute; top:20px; right:20px; width:39px; height:39px; border:1px solid #ccc; background:url("../img/3th_img/icon/icon_layer_close.png") 12px 11px no-repeat; outline:0} .pop_close:hover {border:1px solid #666; background:url("../img/3th_img/icon/icon_layer_close.png") 12px -19px no-repeat} .pw_search_wrap {position:absolute; top:50%; left:50%; display:none; width:500px; height:340px; margin:-210px 0 0 -280px; padding:40px 30px; background:#fff} .pw_input_wrap {margin:20px 0} .pw_input_wrap .phone {width:45px; height:28px; padding:0 10px; text-align:center; border:1px solid #d9d9d9; outline:none} .pw_input_wrap td {padding:15px 20px !important; text-align: left !important} .pw_input_wrap button {float:right; width:70px; height:30px; color:#fff; background:#4fc1e9; border:none; outline:none;} /* //로그인 */ /* 레이어 팝업 */ .layer_pop {z-index:9999; position:fixed; top:0; left:0; display:none; width:100%; height:100%; background:url("../img/3th_img/all_bg.png") repeat} .layer_pop_scroll {z-index:9999; position:fixed; top:0; left:0; display:none; width:100%; height:100%; overflow-y:scroll; background:url("../img/3th_img/all_bg.png") repeat} .layer_pop_regist {z-index:9999; position:fixed; top:0; left:0; display:none; width:100%; height:100%; overflow-y:scroll; background:url("../img/3th_img/all_bg.png") repeat} .layer_pop_regist_evn {z-index:9999; position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden; background:url("../img/3th_img/all_bg.png") repeat} .story_pop {z-index:9999; position:fixed; top:0; left:0; display:none; width:100%; height:100%; background:url("../img/3th_img/all_bg.png") repeat} /* //레이어 팝업 */ /* 서브 메인 공통*/ .sub_main_content_wrap {width:1000px; margin:70px auto; overflow:hidden;} .sub_main_content_wrap:after {content:''; display:block; height:0; clear:both;} *:first-child+html .sub_main_content_wrap {min-height:1px;} .border_hover {position:absolute; top:0; left:0; border:5px solid #4d4d4d; display:none; background:url(../img/bg_none.png); background-repeat:repeat;} .nh3h_color_blue {color:#4fc1e9} .sub_content_wrap:after {content:'';display:block; height:0; clear:both;} *:first-child+html .sub_content_wrap {min-height:1px;} /* //서브 메인 공통 */ /* 나의 지식채움 메인 */ .t_mylearning {float:left; width:500px; height:300px; background:url(../img/3th_img/t_my_title_bg.png) no-repeat;} .t_mylearning>h1 {display:block; margin:40px 0 0 40px; font-size:25px; color:#333;} .tx_border {display:inline-block; padding-top:20px; border-top:2px solid #4fc1e9;} .t_mylearning>p {display:inline-block; margin:40px 0 0 40px;} .t_my_lectureroom {position:relative; float:left; width:500px; height:300px;} .t_my_lectureroom_1 {float:left; width:300px; height:300px; padding-top:60px; text-align:center; background:url(../img/3th_img/t_my_lec1_bg.png) no-repeat;} p.tm_lec1_txbox {display:block; margin:0 auto; width:195px; padding:15px 0; border:5px solid #67c6e6; font-size:17px; font-weight:bold; color:#fff;} p.tm_lec1_txnum {display:inline-block; margin-top:20px; font-size:70px; line-height:70px; font-weight:bold; color:#fff;} .t_my_lectureroom_2 {float:left; width:200px; height:300px; text-align:center; background:url(../img/3th_img/t_my_lec2_bg.png) no-repeat;} p.tm_lec2_txbox {display:block; margin:0 auto; padding-top:155px; text-align:center; font-size:17px; font-weight:bold; color:#333;} .icon_arrow_right {display:inline-block; width:18px; height:14px; margin-top:56px; background:url(../img/3th_img/icon/icon_list_btn2.png) no-repeat;} .t_my_study_record {position:relative; float:left; width:1000px; height:150px; box-sizing : border-box;} .t_my_study_record>h2 {position:absolute; top:50px; left:40px;font-size:19px; font-weight:bold; color:#333;} .t_my_study_record_1 {float:left; width:500px; height:150px; background:url(../img/3th_img/t_my_record_bg.png) no-repeat;} .t_my_study_record_1>p {position:absolute; top:80px; left:40px;} .t_my_study_record_2 {float:left; width:500px; height:150px; background:url(../img/3th_img/t_my_record2_bg.png) no-repeat;} p.s_record_condition_1 {display:block; margin:50px 0 0 138px; font-size:17px; font-weight:bold; color:#333;} p.s_record_condition_2 {display:inline-block; margin:17px 0 0 138px;} .s_record_condition_time {position:absolute; width:100%; right:40px; text-align:right; font-size:17px;} .v_strong_white {display:inline-block; font-size:40px; line-height:40px; color:#fff;} .t_my_qna {position:relative;float:left; width:250px; height:250px; text-align:center; background:url(../img/3th_img/t_my_qna_bg.png) no-repeat;} .t_my_qna>a {z-index:9999; position:absolute; top:0; left:0; display:block; width:240px; height:240px;} .t_my_qna>h2 {display:inline-block; padding-top:170px; font-size:19px; font-weight:bold; color:#333;} .t_my_information {position:relative; float:left;; width:250px; height:250px; text-align:center; background:url(../img/3th_img/t_my_info_bg.png) no-repeat;} .t_my_information>h2 {display:inline-block; padding-top:170px; font-size:19px; font-weight:bold; color:#333;} .t_my_coin {position:relative; float:left; width:500px; height:250px; background:url(../img/3th_img/t_my_coin_bg.png) no-repeat;} p.t_my_coin_s {display:inline-block; width:100%; margin-top:80px; text-align:center;font-size:17px;} .tm_title_em {font-size:17px; font-weight:bold; color:#333;} .v_strong_blue {display:block; margin:20px 0; font-size:40px; line-height:40px; color:#fff} /* //나의 지식채움 메인 */ /* 지식채움 메인 */ .tfn_title {float:left; width:400px; height:300px; background:url(../img/3th_img/tfn_title_bg.png) no-repeat;} .tfn_title>h1 {display:block; margin:40px 0 0 40px; font-size:25px; color:#fff;} .tfn_title>p {display:block; margin:40px 0 0 40px; font-size:13px; color:#fff;} .tfn_best5 {position:relative; float:left;} h2.tfn_best5_h {display:block; float:left; padding-top:120px; width:200px; height:181px; color:#fff; font-size:17px; font-weight:bold; background:#4c4c4c; text-align:center;} .best5_tx_y {display:block; margin-top:15px; font-size:29px; color:#ffc619;} .tfn_best5_box {float:left; width:398px; height:299px; border-top:1px solid #f3f3f3; border-right:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; background:#fafafa url(../img/3th_img/tfn_arrow_bg.png) no-repeat left center; text-align:center;} .tfn_best5_tbox {display:inline-block; width:309px; height:48px; margin:42px 0 25px 0; padding-top:6px; background:#fafafa url(../img/3th_img/tfn_tbox_bg.png) no-repeat; font-size:23px; font-weight:bold; color:#fff;} .best5_tx_b {color:#333;} .tfn_best5_box>h3.tbox2_title {display:inline-block; font-size:13px; text-decoration:underline; font-weight: none;} .tfn_best5_box>ol {position:relative; display:block; margin-top:30px;} .tfn_best5_box>ol>li {margin-bottom:4px; text-align:left; letter-spacing:-1px;} li.best5_1th {position:absolute; top:0; left:30px; display:block; width:120px; height:90px; padding:65px 0 0 0; font-size:15px; font-weight:bold; color:#ed4938; text-align:center !important; background:url(../img/3th_img/tfn_1th_bg.png) no-repeat top center;} .best5_num_bg {display:inline-block; width:17px; height:20px; margin:0 10px 0 160px; background:url(../img/3th_img/ol_num_bg.png) no-repeat bottom center; color:#fff; font-size:11px; text-align:center; font-weight:bold;} .tfn_recommend {position:relative; top:-1px; float:left; width:398px; height:499px; border-left:1px solid #f3f3f3; border-right:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3;} .tfn_recommend div.calender_btn {position:absolute; top:4px; right:38px} .tfn_recommend>h2 {display:block; margin:40px 0 0 40px; font-size:19px; color:#333;} .recommend_t {display:inline-block; margin-top:30px; line-height:23px; font-size:12px} .recommend_t_em {font-size:15px; font-weight:bold; color:#4fc1e9;} .recommend_ban {width:320px; margin-left:40px; text-align:left} .recommend_ban ul {width:320px; height:400px; margin-top:14px; overflow:hidden} .recommend_ban ul img {margin-top:30px} .tfn_cyber {position:relative; top:-1px; float:left; width:200px; height:249px;} .tfn_cyber>.notyet {position:absolute; top:1px; left:0; width:200px; height:249px; font-size:27px; line-height:30px; color:#fff; text-align:center; padding:86px 40px 0 0; background:#333; opacity: 0.8; -ms-filter:alpha(opacity=80);filter:alpha(opacity=80); -moz-opacity:0.8;} .tfn_cyber>h2 {display:inline-block; width:100%; margin:40px 0 0 0; font-size:19px; color:#333; text-align:center;} .tfn_cyber_on {display:inline-block; width:100%; height:39px; *height:28px; margin:40px 0 0 0; padding:8px 15px 0 0; box-sizing:border-box; background:url(../img/3th_img/chaum_m_on1.png) no-repeat center; font-size:19px; font-weight:bold; color:#fff; text-align:center;} .tfn_cyber_off {display:inline-block; width:100%; height:39px; *height:28px; margin:40px 0 0 0; padding:8px 15px 0 0; box-sizing:border-box; background:url(../img/3th_img/chaum_m_off.png) no-repeat center; font-size:19px; font-weight:bold; color:#fff; text-align:center;} .tfn_cyber>dl {margin:30px 0 0 30px;} .tfn_cyber>dl>dt {display:block; float: left; width:35px; height:34px; margin-top:3px; padding-top:2px; border:1px solid #ccc; font-size:12px; line-height:14px; text-align:center;} .tfn_cyber>dl>dd {display:block; float: left; margin:0 0 0 15px; padding:0; font-size:15px; font-weight:bold; color:#333;} .tfn_talk {position:relative; float:left; width:400px; height:250px; background:url(../img/3th_img/tfn_talk_bg.png) no-repeat;} .tfn_talk>h2 {margin:40px 0 0 30px; font-size:19px; color:#fff;} .tfn_talk_textfield {position:relative; margin:24px 0 0 30px;} .tfn_talk_input {width:240px; padding:12px 0 12px 12px; font-size:12px; border:0; color:#999;} .talk_input_btn {position:absolute; top:10px; left:220px; display:block; width:20px; height:20px; background:url(../img/3th_img/icon/icon_memo.png) no-repeat center; text-indent:-9999px;} .talk_input_result {margin-top:24px; padding:0 30px} .talk_text_s {display:block; margin-top:10px; font-size:12px;} .talk_text_s span.line {margin-left:10px; padding-left:10px; background:url(../img/3th_img/line2.png) 0 4px no-repeat} .sub_main_content_wrap:after .talk_text_s strong {display:inline; !important} .tfn_reading {position:relative; float:left; width:199px; height:248px; border-right:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; background:url(../img/3th_img/tfn_reading_bg.png) no-repeat;} .tfn_reading>h2 {display:inline-block; width:100%; padding-top:40px; font-size:19px; font-weight:bold; color:#333; text-align:center;} .tfn_reading>p {display:inline-block; width:100%; padding-top:110px; text-align:center;} .tfn_comm {position:relative; float:left; width:200px; height:250px; background:url(../img/3th_img/tfn_communi_bg.png) no-repeat;} .tfn_comm>h2 {display:inline-block; width:100%; padding-top:40px; font-size:19px; font-weight:bold; color:#333; text-align:center;} .tfn_comm>p {display:inline-block; width:100%; padding-top:110px; text-align:center;} .tfn_matrix {position:relative; float:left; width:200px; height:250px; background:url(../img/3th_img/tfn_matrix_bg.png) no-repeat;} .tfn_matrix>h2 {display:inline-block; width:100%; padding-top:40px; font-size:19px; font-weight:bold; color:#333; text-align:center;} .tfn_matrix>p {display:inline-block; width:100%; padding-top:110px; text-align:center;} .tfn_schooling {position:relative; float:left; width:400px; height:250px; background:url(../img/3th_img/tfn_schooling_bg.png) no-repeat;} .tfn_schooling >h2 {display:inline-block; width:100%; padding:40px 0 0 40px; font-size:19px; font-weight:bold; color:#333;} .tfn_schooling >p {display:inline-block; width:100%; padding:10px 0 0 40px;} /* //지식채움 메인 */ /* 지식나눔 메인 */ .share_title {position:relative; float:left; width:500px; height:300px; background:url(../img/3th_img/share_title_bg.png) no-repeat;} .share_title>h1 {display:block; margin:40px 0 0 40px; font-size:25px; color:#333;} .share_title>p {display:block; margin:40px 0 0 40px; font-size:13px;} .share_lecturer {position:relative; float:left; width:500px; height:300px; background:url(../img/3th_img/share_lecturer_bg.png) no-repeat;} .share_lecturer>h2 {display:block; margin:40px 0 0 40px; font-size:19px; color:#333;} .share_lecturer>p {display:inline-block; margin:15px 0 0 40px;} .share_plus {position:relative; float:left; width:669px; height:150px; border-left:1px solid #f3f3f3; background:url(../img/3th_img/share_plus_bg.png) no-repeat 550px 43px;} .share_plus>h2 {display:block; margin:48px 0 0 40px; font-size:19px; color:#333;} .share_plus>p {display:inline-block; margin:15px 0 0 40px;} .share_column {position:relative; float:left; width:330px; height:150px; background:url(../img/3th_img/share_column_bg.png) no-repeat;} .share_column>h2 {display:block; margin:40px 0 0 40px; font-size:19px; color:#333;} .share_column>p {display:inline-block; margin:15px 0 0 40px;} .share_ted {position:relative; float:left; width:335px; height:150px; background:url(../img/3th_img/share_ted_bg.png) no-repeat;} .share_ted>.notyet {position:absolute; top:0; left:0; width:335px; height:110px; font-size:27px; color:#fff; text-align:center; padding:60px 40px 0 0;} .share_mento {position:relative; float:left; width:665px; height:150px; background:url(../img/3th_img/share_mento_bg.png) no-repeat;} .share_mento>.notyet {position:absolute; top:0; left:0; width:625px; height:110px; font-size:27px; color:#fff; text-align:right; padding:40px 40px 0 0;} .share_mento>h2 {display:block; margin:48px 0 0 40px; font-size:19px; color:#fff; opacity: 0.5; -ms-filter:alpha(opacity=50);filter:alpha(opacity=50); -moz-opacity:0.5;} .share_mento>p {display:inline-block; margin:15px 0 0 40px; color:#fff; opacity: 0.5; -ms-filter:alpha(opacity=50);filter:alpha(opacity=50); -moz-opacity:0.5;} .share_bank {position:relative; float:left; width:665px; height:150px; background:url(../img/3th_img/share_bank_bg.png) no-repeat;} .share_bank>h2 {display:block; margin:40px 0 0 40px; font-size:19px; color:#333;} .share_bank>p {display:inline-block; margin:15px 0 0 40px; color:#333;} .share_language {position:relative; float:left; width:500px; height:150px; background:url(../img/3th_img/share_language_bg.png) no-repeat;} .share_language>h2 {display:block; margin:40px 0 0 40px; font-size:19px; color:#333;} .share_language>p {display:inline-block; margin:15px 0 0 40px;} .share_culture {position:relative; float:left; width:499px; height:149px; border-right:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; background:url(../img/3th_img/share_plus_bg.png) no-repeat 397px 40px;} .share_culture>h2 {display:block; margin:40px 0 0 40px; font-size:19px; color:#333;} .share_culture>p {display:inline-block; margin:15px 0 0 40px;} /* //지식나눔 메인 */ /* 채움플러스 메인 */ .sub_main_content_fplus_wrap {width:100%; min-width:1000px; height:830px; overflow:hidden; background:url(../img/3th_img/fplus_bg.png);} .fplus_wrap {position:relative; width:1000px; height:830px; margin:0 auto; background:url(../img/3th_img/fplus_cloud_m_big.png) no-repeat 0 -100px;} .fplus_wrap>h1 {z-index:1; position:absolute; top:60px; left:80px; width:268px; height:82px; text-indent:-9999px; background:url(../img/3th_img/fplus_logo.png) no-repeat;} .fplus_s_value {z-index:10; position:absolute; top:40px; right:-142px; width:142px; height:86px; background:url(../img/3th_img/fplus_s_value.png) no-repeat; opacity: 0;} .fplus_s_honor {z-index:10; position:absolute; top:-400px; left:336px; width:371px; height:333px; background:url(../img/3th_img/fplus_s_honor.png) no-repeat; opacity: 0;} .fplus_s_ranking {z-index:9; position:absolute; top:-400px; left:486px; width:231px; height:288px; background:url(../img/3th_img/fplus_s_ranking.png) no-repeat; opacity: 0;} .fplus_s_webzine {z-index:22; position:absolute; top:-400px; left:69px; width:374px; height:320px; background:url(../img/3th_img/fplus_s_webzine.png) no-repeat; opacity: 0;} .fplus_s_usaso {z-index:25; position:absolute; top:1000px; left:82px; width:111px; height:192px; background:url(../img/3th_img/fplus_s_usaso.png) no-repeat; opacity: 0;} .fplus_s_gallery {display:none; z-index:23; position:absolute; top:450px; left:100px; width:75px; height:83px; background:url(../img/3th_img/fplus_s_gallery.png) no-repeat;} .fplus_s_knowledge {z-index:6; position:absolute; top:-400px; left:644px; width:301px; height:261px; background:url(../img/3th_img/fplus_s_knowledge.png) no-repeat; opacity: 0;} .fplus_s_knowledge- {z-index:6; position:absolute; top:-400px; left:640px; width:255px; height:239px; background:url(../img/3th_img/fplus_s_knowledge-.png) no-repeat; opacity: 0;} .fplus_s_event {z-index:21; position:absolute; top:-400px; left:410px; width:355px; height:352px; background:url(../img/3th_img/fplus_s_event.png) no-repeat; opacity: 0;} .fplus_s_matrix {z-index:5; position:absolute; top:-400px; left:760px; width:171px; height:183px; background:url(../img/3th_img/fplus_s_matrix.png) no-repeat; opacity: 0;} .fplus_hover {position:relative; display:block;} .fplus_hover2 {position:relative; display:block;} .fplus_title {position:absolute; display:block; width:70px; text-align:center; padding:3px 10px 3px 10px; font-size:13px; line-height:25px; color:#fff; background:#343d3b; opacity: 0.8; -ms-filter:alpha(opacity=80);filter:alpha(opacity=80); -moz-opacity:0.8; cursor:pointer;} .fplus_s_value>a>h2.fplus_title {top:48px; left:120px; color:#333; background:#fff; border:1px solid #e6e6e6} .fplus_s_honor>a>h2.fplus_title {top:120px; left:-5px;} .fplus_s_ranking>a>h2.fplus_title {top:140px; left:195px;} .fplus_s_webzine>a>h2.fplus_title {top:110px; left:285px;} .fplus_s_usaso>a>h2.fplus_title {top:50px; left:50px;} .fplus_s_gallery>a>h2.fplus_title {top:60px; left:-80px;} .fplus_s_knowledge>a>h2.fplus_title {top:30px; left:210px;} .fplus_s_knowledge->a>h2.fplus_title {top:135px; left:180px;} .fplus_s_matrix>a>h2.fplus_title {top:30px; left:60px; width:110px;} .fplus_s_event>a>h2.fplus_title {top:158px; left:290px;} .fplus_info {position:absolute; display: none; width:225px; font-size:12px; line-height:25px; color:#333; background:#fff; opacity: 0.8; -ms-filter:alpha(opacity=80);filter:alpha(opacity=80); -moz-opacity:0.8;} .fplus_s_value>a>.fplus_info {top:48px; left:120px; width:160px; border:1px solid #e6e6e6} .fplus_s_honor>a>.fplus_info {top:120px; left:-5px;} .fplus_s_ranking>a>.fplus_info {top:140px; left:195px;} .fplus_s_webzine>a>.fplus_info {top:110px; left:285px;} .fplus_s_usaso>a>.fplus_info{top:50px; left:50px;} .fplus_s_gallery>a>.fplus_info{top:60px; left:-80px;} .fplus_s_knowledge>a>.fplus_info {top:30px; left:210px;} .fplus_s_knowledge->a>.fplus_info {top:135px; left:180px; width:170px;} .fplus_s_knowledge->a>.fplus_info>.fplus_title2 {width:150px;} .fplus_s_matrix>a>.fplus_info {top:30px; left:60px; width:170px;} .fplus_s_matrix>a>.fplus_info>.fplus_title2 {width:150px;} .fplus_s_event>a>.fplus_info {top:158px; left:290px;} .fplus_title2 {display: block; width:205px; padding:3px 10px 3px 10px; font-size:13px; line-height:25px; color:#fff; background:#343d3b;} .fplus_info>p {display:inline-block; padding:10px; font-size:12px; line-height:18px; letter-spacing:-0.5px; color:#333;} .fplus_cloud_b {z-index:20; position:absolute; width:121px; height:70px; background:url(../img/3th_img/fplus_cloud_big.png) no-repeat;} .fplus_cloud_s {z-index:20; position:absolute; width:90px; height:52px; background:url(../img/3th_img/fplus_cloud_s.png) no-repeat;} .fplus_s_webzine>.fplus_cloud_b {top:250px; left:30px;} .fplus_s_knowledge>.fplus_cloud_b {top:180px; left:170px;} .fplus_s_knowledge>.fplus_cloud_s {top:250px; left:210px;} .fplus_s_event>.fplus_cloud_b {top:280px; left:50px;} /* //채움플러스 메인 */ /* 학습지원센터 메인*/ .l_center_title {position:relative; float:left; width:500px; height:300px; background:url(../img/3th_img/l_center_title_bg.png) no-repeat;} .l_center_title>h1 {display:block; margin:40px 0 0 40px; font-size:25px; color:#333;} .l_center_title>p {display:block; margin:40px 0 0 40px; font-size:13px;} .l_center_notice {position:relative; float:left; width:500px; height:300px; background:#404040 url(../img/3th_img/icon/icon_list_btn_white_r.png) no-repeat 450px 30px;} .l_center_notice_more {position:absolute; width:18px; height:16px; top:30px; right:30px; overflow: hidden; text-indent: -100px;} .l_center_notice>h2 {display:inline-block; margin:30px 0 0 30px; font-size:17px; font-weight:bold; color:#fff;} .l_center_notice_ul {padding:15px 0 0 45px;list-style:disc;} .l_center_notice_ul li {list-style:disc; padding:2px 0 3px 0;color:#fff; margin:0; line-height:120%; width:95% } .l_center_notice_ul li>a {color:#fff; display:inline-block; width:95%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 !important; margin:0 !important } .l_center_faq {position:relative; float:left; width:500px; height:150px; background: url(../img/3th_img/l_center_faq_bg.png) no-repeat;} .l_center_faq>h2 {display:inline-block; margin:35px 0 0 40px; font-size:17px; font-weight:bold; color:#333;} .l_center_faq>p {display:block; margin:15px 0 0 40px;} .l_center_q {position:relative; float:left; width:500px; height:150px; background: url(../img/3th_img/l_center_q_bg.png) no-repeat;} .l_center_q>h2 {display:inline-block; margin:35px 0 0 40px; font-size:17px; font-weight:bold; color:#333;} .l_center_q>p {display:block; margin:15px 0 0 40px;} .l_center_suggestion {position:relative; float:left; width:998px; height:149px; border-left:1px solid #f3f3f3; border-right:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; background:#fafafa url(../img/3th_img/l_center_s_bg.png) no-repeat 860px 40px;} .l_center_suggestion>h2 {display:inline-block; margin:50px 0 0 40px; font-size:17px; font-weight:bold; color:#333;} .l_center_suggestion>p {display:block; margin:15px 0 0 40px;} .l_center_notice ul {position:absolute; top:80px; right:0; width:475px;} .l_center_notice ul li {float:left; width:220px; height:83px; margin:10px 10px 0 0; overflow:hidden} .l_center_notice ul li a {position:relative; float:left; width:140px; height:56px; padding:12px 60px 15px 20px; font-size:14px; background:#fff} .l_center_notice ul li a:hover {background:#f7f7f7} .l_center_notice ul li a span.more {position:absolute; top:29px; right:20px; width:27px; height:27px; background:url("../img/3th_img/icon/icon_notice_go.png") no-repeat} .l_center_notice ul li a span.new {z-index:98; position:absolute; top:29px; right:20px; width:27px; height:27px; background:url("../img/3th_img/icon/icon_notice_new.png") no-repeat} /* //학습지원센터 메인 */ /* 공지사항 */ table.notice {width:100%} table.notice th, table.notice td {padding:12px 0 14px 0} table.notice th {color:#333; background:#f7f7f7; border:1px solid #e6e6e6; border-width:1px 0} table.notice td {border-bottom:1px solid #e6e6e6; text-align:center} table.notice td.title {padding-left:5px; text-align:left} table.notice td.title2 {padding-left:15px; text-align:left} table.notice td.title span.new, table.notice td.title2 span.new {display:inline-block; margin-left:10px; width:15px; height:15px; vertical-align:middle; background:url("../img/3th_img/icon/icon_new.png") no-repeat} table.notice td.title span.comment, table.notice td.title2 span.comment {margin-left:7px; color:#ff7473} table.notice img {display:inline-block; vertical-align:middle} table.notice2 {width:100%; border-right:1px solid #e6e6e6} table.notice2 th, table.notice2 td {padding:12px 0 14px 0} table.notice2 th {color:#333; background:#f7f7f7; border:1px solid #e6e6e6; border-width:1px 0 1px 1px} table.notice2 td {text-align:center; border:1px solid #e6e6e6; border-width:1px 1px 1px 0} table.notice2 td.like {font-weight:bold; color:#ff7473} table.notice2 td.like span {display:inline-block; width:23px; height:21px; margin-left:10px; vertical-align:middle; cursor:pointer; background:url(../img/3th_img/icon/icon_like.png) no-repeat} .notice_search {position:relative; width:262px; margin:30px auto 0 auto} .search_input2 {width:215px; height:37px; padding:0 30px 0 15px; font-size:12px; line-height:37px; color:#999; border:1px solid #e6e6e6 ; outline:none} .search_input2::-webkit-input-placeholder {color:#999} .search_btn2 {position:absolute; top:9px; right:12px; width:21px; height:20px; background:url(../img/3th_img/icon/icon_search2.png) no-repeat} .paging {height:29px; margin-top:30px; text-align:center} .paging a {display:inline-block; width:27px; height:24px; margin-right:5px; padding-top:3px; font-size:12px; text-align:center; vertical-align:middle} .paging a.on {font-weight:bold; color:#4fc1e9; border:1px solid #4fc1e9} .paging a.prev {border:1px solid #e6e6e6; background:url(../img/3th_img/icon/icon_arrow.png) 10px 7px no-repeat} .paging a.prev:hover {border-color:#666; background:url(../img/3th_img/icon/icon_arrow.png) 10px -13px no-repeat} .paging a.next {border:1px solid #e6e6e6; background:url(../img/3th_img/icon/icon_arrow.png) -9px 7px no-repeat} .paging a.next:hover {border-color:#666; background:url(../img/3th_img/icon/icon_arrow.png) -9px -13px no-repeat} .h4_title {margin-bottom:15px; padding-top:12px; font-size:17px; font-weight:bold; color:#333; background:url(../img/3th_img/search_line.png) no-repeat} .notice_content {margin-top:30px; line-height:22px} .notice_file {height:34px; margin-top:30px; padding:14px 30px 0 30px; border:1px solid #e6e6e6} .notice_file p {float:left; font-size:15px; font-weight:bold; color:#333} .notice_file a {float:left; margin-left:30px; padding-left:25px; background:url(../img/3th_img/icon/icon_file.png) 0 3px no-repeat} .notice_file a:hover {text-decoration:underline} .notice_comment {margin-top:50px} .my_comment {position:relative} .my_comment img {width:67px; height:67px} .my_comment textarea {position:absolute; top:0; left:77px; width:555px; height:45px; padding:10px 15px; font-size:12px; color:#999; border:1px solid #e6e6e6; resize:none; outline:0} .my_comment textarea:hover, .my_comment textarea:focus {border:1px solid #999} .my_comment button {position:absolute; top:0; right:0; width:87px; height:67px; padding-top:25px; font-weight:bold; border:1px solid #e6e6e6; background:#f7f7f7 url(../img/3th_img/icon/icon_memo.png) 33px 13px no-repeat; outline:0} .my_comment button:hover {color:#333; border:1px solid #999} .comment_list_wrap {margin-top:30px} .comment_num {padding-bottom:10px; border-bottom:1px solid #e6e6e6; color:#333} .comment_num strong {color:#ff7473} .comment_list {position:relative; padding:20px 0; overflow:hidden; border-bottom:1px dashed #e6e6e6} .comment_list img {float:left; width:47px; height:47px} .comment_list span.choice_img {position:absolute; top:0; left:31px; width:29px; height:25px; padding-top:16px; font-size:11px; font-weight:bold; color:#fff; text-align:center; background:url(../img/3th_img/choice_bg.png) no-repeat} .comment_view {float:left; width:693px; margin-left:20px} .comment_view p.name strong {color:#333} .comment_view p.name span {margin-left:13px; padding-left:13px; font-size:12px; color:#999; background:url(../img/3th_img/login_line.png) 0 4px no-repeat} .reply_open {width:100%} .reply_open textarea {width:671px; height:47px; margin-top:20px; padding:10px; color:#999; border:1px solid #e6e6e6; resize:none; outline:none} .reply_btn {width:100%; margin-top:7px; text-align:right} .reply_btn button {width:44px; height:21px; font-size:12px; line-height:17px; color:#666; text-align:center; border:1px solid #e6e6e6; outline:0} .reply_btn button.input {background:#f7f7f7} .reply_btn button.delete {margin-left:5px; background:#fff} .comment_view p.content {margin-top:6px} .comment_btn {position:absolute; top:20px; right:0} .comment_btn button {float:left; width:44px; height:21px; font-size:12px; color:#fff; text-align:center; border:none; outline:0} .comment_btn button.change {background:#666} .comment_btn button.delete {margin-left:5px; background:#ff7473} .comment_btn button.choice {width:93px; background:#90cd98} .master_comment_wrap {float:left; width:760px; margin-top:20px; padding-left:60px; background:url(../img/3th_img/icon/icon_comment_re.png) 25px 10px no-repeat} .master_content {width:658px; padding:12px 20px 15px 20px; border:1px solid #e6e6e6; background:#f7f7f7} .master_content span {color:#333} .master_content p {margin-top:6px} .next_page {margin-top:40px} .next_page div {height:35px; padding:13px 30px 0 30px; border:1px solid #e6e6e6} .next_page div:hover {background:#f7f7f7} .next_page div.prev span {padding-right:35px; background:url(../img/3th_img/icon/icon_updown.png) right 7px no-repeat} .next_page div.next {margin-top:5px} .next_page div.next span {padding-right:35px; background:url(../img/3th_img/icon/icon_updown.png) right -23px no-repeat} .next_page div a {margin-left:20px} .next_page div a:hover {font-weight:bold; color:#333} /* //공지사항 */ /* 채움이벤트 */ .ing_event {overflow:hidden} .ing_event_ul li {float:left; margin:0 20px 20px 0} .ing_event_ul li a {float:left; display:inline-block; width:370px; height:115px} .ing_event_ul li a img {width:370px; height:115px} .end_event {margin-top:30px} /* //채움이벤트 */ /* 나의 강의실 */ .sub_tab {height:52px; overflow:hidden; background:url(../img/3th_img/tab_bg.png) 0 bottom repeat-x} .sub_tab li {float:left; width:185px; height:35px; margin-right:4px; padding-top:15px; font-size:15px; color:#ccc; text-align:center; cursor:pointer; border:1px solid #e6e6e6; background:#f7f7f7} .sub_tab li:hover {height:36px; color:#333; border-bottom:0; background:#fff} .sub_tab li.on {height:36px; font-weight:bold; color:#333; border-bottom:0; background:#fff url(../img/3th_img/icon/icon_tab_arrow.png) center bottom no-repeat} .tab_content {display:none} /* 진행중인 과정 */ .explan_wrap {position:relative; margin-top:40px; padding-bottom:20px; border-bottom:1px solid #e6e6e6} .explan_wrap p.explan {font-size:12px} .explan span.mobile {padding-left:18px; background:url(../img/3th_img/icon/icon_mobile.png) 0 3px no-repeat} .explan span.test {margin-left:20px; padding-left:20px; background:url(../img/3th_img/icon/icon_test.png) 0 3px no-repeat} .explan span.lecture {margin-left:20px; padding-left:20px; background:url(../img/3th_img/icon/icon_lecture.png) 0 3px no-repeat} .select_wrap {position:absolute; top:-5px; right:0} .select_wrap select {width:130px; border:1px solid #e6e6e6} .lecture_list_ul {margin-bottom:30px;} .lecture_list_ul li {padding:20px 0; border-bottom:1px solid #e6e6e6} .lecture_wrap {position:relative; overflow:hidden} .lecture_wrap img {float:left; width:130px; height:90px; border:1px solid #e6e6e6} .lecture_content {position:relative; float:left; width:440px; margin:5px 0 0 25px} .lecture_content p.title {width:450px; margin-bottom:15px; text-overflow:ellipsis} .lecture_content p.title a {font-size:17px; font-weight:bold; color:#333} .lecture_content p.title span {display:inline-block; width:50px; height:16px; margin-right:12px; font-size:12px; line-height:16px; color:#4fc1e9; text-align:center; border:1px solid #4fc1e9} .lecture_content p.title span.cyber {color:#73bf7d; border:1px solid #73bf7d} .lecture_content p.title span.outside {color:#999; border:1px solid #ccc} .lecture_content p.title span.sevice {color:#ff7473; border:1px solid #ff7473} .lecture_content p.title a:hover {text-decoration:underline} .lecture_content dl.day {margin-top:5px; overflow:hidden} .lecture_content dl.day dt {float:left; clear:both} .lecture_content dl.day dd {float:left; margin-left:5px; color:#333} .lecture_content dl.other {margin-top:5px; overflow:hidden} .lecture_content dl.other dt {float:left} .lecture_content dl.other dd {float:left; margin:0 13px 0 5px; padding-right:13px; color:#ff7473; background:url(../img/3th_img/login_line.png) right 7px no-repeat} .lecture_content dl.other dd.line_none {background:none} .lecture_content p.icon {position:absolute; top:38px; left:225px} .lecture_content p span.mobile {display:inline-block; width:11px; height:13px; background:url(../img/3th_img/icon/icon_mobile.png) no-repeat} .lecture_content p span.test {display:inline-block; width:14px; height:13px; margin-left:10px; background:url(../img/3th_img/icon/icon_test.png) no-repeat} .lecture_content p span.comment {display:inline-block; height:13px; line-height:12px; vertical-align:top; margin-top:2px; margin-left:10px; padding-left:18px; color:#ff7473; background:url(../img/3th_img/icon/icon_comment.png) no-repeat} .lecture_content p span.lecture {display:inline-block; width:13px; height:13px; margin-left:10px; background:url(../img/3th_img/icon/icon_lecture.png) no-repeat} .lecture_btn {position:absolute; top:0; right:0; width:130px; height:90px} .lecture_btn button.admission {width:130px; height:55px; font-size:15px; color:#333; border:1px solid #e6e6e6; background:#f7f7f7; outline:0} .lecture_btn button.admission:hover {font-weight:bold; color:#fff; border:0; background:#666} .lecture_btn a.admission {display:inline-block; width:128px; height:36px; padding-top:17px; font-size:15px; color:#333; text-align:center; border:1px solid #e6e6e6; background:#f7f7f7; outline:0} .lecture_btn a.admission:hover {width:130px; height:38px; font-weight:bold; color:#fff; border:0; background:#666} .lecture_btn button.cancle {width:130px; height:30px; margin-top:5px; padding-bottom:5px; color:#999; border:1px solid #e6e6e6; background:#fff; outline:0} .lecture_btn button.cancle:hover {color:#666; border:1px solid #ccc} .lecture_btn2 {position:absolute; top:18px; right:0; width:130px; height:90px} .lecture_btn p, .lecture_btn2 p {width:130px; height:38px; padding-top:17px; font-size:15px; font-weight:bold; text-align:center; color:#fff} .lecture_btn2 p.state1 {background:#bfbfbf} .lecture_btn p.state2 {background:#79d4f2} .lecture_btn p.state3 {background:#808080} .lecture_btn button.state4 {font-weight:bold; color:#fff; border:0; background:#ff8281} .lecture_btn button.state4:hover {background:#e55150} /* //진행중인 과정 */ /* 학습대기 과정 */ .atmo_wrap {position:relative; margin-top:40px} .atmo_wrap h5 {margin-bottom:0 !important; padding-bottom:20px; border-bottom:1px solid #e6e6e6} .h4_title span {margin-left:10px; padding-left:10px; font-size:12px; font-weight:normal; color:#ff7473; background:url(../img/3th_img/login_line.png) 0 6px no-repeat} .my_time_wrap {margin:15px 0 20px 0; overflow:hidden} .my_time_p {position:relative; float:left; height:37px; padding-top:8px; font-weight:bold; font-size:15px; color:#333} .my_time_p strong {color:#ff7473} button.my_time_btn {position:absolute; top:0; right:-45px; width:35px; height:35px; border:1px solid #e6e6e6; background:#fff url(../img/3th_img/icon/icon_search2.png) center no-repeat} button.my_time_btn:hover {border:1px solid #333;} .info_p {float:right; padding:8px 0 0 20px; background:url(../img/3th_img/icon/icon_info.png) 0 13px no-repeat} p.info_p strong {color:#ff7473} .atmo_btn {position:absolute; top:10px; right:0} .atmo_btn button {float:left; width:30px; height:26px; border:1px solid #e6e6e6; background:#fff; outline:0} .atmo_btn button.plus {display:none; background:#fff url(../img/3th_img/icon/icon_plus.png) 8px 6px no-repeat} .atmo_btn button.plus:hover {border:1px solid #999; background:#fff url(../img/3th_img/icon/icon_plus.png) -22px 6px no-repeat} .atmo_btn button.collapse {background:#fff url(../img/3th_img/icon/icon_plus.png) 8px -19px no-repeat} .atmo_btn button.collapse:hover {border:1px solid #999; background:#fff url(../img/3th_img/icon/icon_plus.png) -22px -19px no-repeat} /* //학습대기 과정 */ /* 나의 강의실 */ /* 학습이력 */ .progress_wrap {height:154px; margin:120px 0 30px 0; background:url(../img/3th_img/progress_bg.png) no-repeat} .progress_width {position:relative; height:154px; width:708px; margin-left:27px} .progress_bar {position:absolute; bottom:57px; left:0; height:5px; background:#ffd65f} .progress_bar span.location {position:absolute; top:-87px; right:-24px; width:52px; height:97px; background:url(../img/3th_img/progress_curser.png) no-repeat} .balloon_right {position:absolute; bottom:90px; right:-100px; width:132px; height:70px; padding-top:20px; font-size:12px; font-weight:bold; color:#fff; text-align:center; background:url(../img/3th_img/balloon_r_bg.png) no-repeat} .balloon_left {position:absolute; bottom:90px; right:-25px; width:132px; height:70px; padding-top:20px; font-size:12px; font-weight:bold; color:#fff; text-align:center; background:url(../img/3th_img/balloon_l_bg.png) no-repeat} .balloon_left strong, .balloon_right strong {font-size:15px; color:#fff04d} .achieve_time_wrap {padding:25px 25px 45px 25px; overflow:hidden; border:1px solid #e6e6e6} .achieve_time_wrap article {position:relative; float:left; width:335px} .achieve_time_wrap article h5 {float:left; font-size:15px; color:#333} .achieve_time_wrap article div {position:relative; float:left; width:275px; height:10px; margin:5px 0 0 15px; background:#e6e6e6} .achieve_time_wrap article.first_half div span {position:absolute; top:0; left:0; height:10px; background:#76cbe0} .achieve_time_wrap article.second_half div span {position:absolute; top:0; left:0; height:10px; background:#7bd3ae} .achieve_time_wrap article span.info {position:absolute; top:20px; right:0; font-size:12px} .achieve_time_wrap article span.info strong {color:#ff807f} .achieve_time_wrap article.second_half {margin-left:35px} .learning_history {position:relative;} button.learning_history_p_btn {position:absolute; top:40px; right:0; height:40px; padding:0 15px 0 15px; border:1px solid #e6e6e6; text-align:center; background:#fff;} button.learning_history_p_btn:hover {border:1px solid #333;} .learning_history_pop {position:absolute; top:50%; left:50%; display:none; width:650px; height:500px; margin:-250px 0 0 -325px; padding:40px; background:#fff; overflow-y:auto;} .learning_history_top h4 {font-size:28px; margin:0 0 20px 0; padding:0 0 15px 0; line-height: 30px; font-weight:bold; letter-spacing:-1px; text-align:center; border-bottom:2px solid #4fc1e9;} .learning_history_p_tab {margin-bottom:30px; padding:30px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} dl.learning_history_p_title dt {display:inline-block; width:90px; height:28px; padding:0 0 0 24px; font-size:14px; font-weight:bold; color:#333; background:#fff url(../img/3th_img/training_dt_bg.png) no-repeat 0 3px;} dl.learning_history_p_title dt.dt_br {display:inline-block; width:420px; height:28px; padding:0 0 0 24px; font-size:14px; font-weight:bold; color:#333; background:#fff url(../img/3th_img/training_dt_bg.png) no-repeat 0 3px;} dl.learning_history_p_title dd {display:inline-block; margin:0; padding:0 0 0 20px; width:420px; background:#fff url(../img/3th_img/training_dd_bg.png) no-repeat 0 5px;} dl.learning_history_p_title dd.margin_ {margin:0 0 10px 120px;} dl.learning_history_p_title dd.margin_ em {color:#4fc1e9; font-weight:bold; font-size:12px;} h5.learning_history_p_title2 {display:block; height:23px; padding:0 0 0 24px; font-size:14px; color:#333; background:#fff url(../img/3th_img/training_dt_bg.png) no-repeat 0 3px;} table.learning_history_table {width:60%; margin-top:10px!important;} table.learning_history_table th, table.learning_history_table td {padding:7px 0 9px 0; border:1px solid #e6e6e6} table.learning_history_table th {color:#333; background:#f7f7f7} table.learning_history_table td {text-align:center; color:#666;} .learning_history table {margin-top:50px} .my_history {position:relative; margin-top:50px} .history_select_box {position:absolute; top:8px; right:0} .history_select_box .sbHolder {width:78px !important} .replay_btn {display:inline-block; width:80px; height:26px; padding-top:5px; font-size:12px; color:#fff; background:#666} .move_btn {display:inline-block; width:78px; height:25px; padding-top:4px; font-size:12px; border:1px solid #b3b3b3} /* //학습이력 */ /* QnA */ .qna_wrap {border-top:1px solid #e6e6e6; overflow:hidden} .qna_wrap li {padding:0 20px; border-bottom:1px solid #e6e6e6; cursor:pointer; overflow:hidden} .query_wrap {overflow:hidden; height:60px} .query_wrap > span {float:left} .query_wrap > span.num {width:28px; height:25px; margin-top:16px; padding-top:3px; text-align:center; background:#fff url(../img/3th_img/num_bg.png) no-repeat} .query_wrap > span.state {width:28px; height:25px; margin:16px 0 0 15px; padding-top:3px; text-align:center; background:url(../img/3th_img/icon/icon_qna.png) no-repeat} .query_wrap > span.ing {background-position:0 0} .query_wrap > span.answer {background-position:0 -28px} .query_wrap > p.title {float:left; display:inline-block; width:530px; margin-left:20px; padding-top:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .query_wrap > span.date {float:right; padding-top:18px} .answer_wrap {display:none; margin-bottom:25px; padding:30px; background:#f7f7f7} .answer_wrap p.title {font-size:15px; font-weight:bold; color:#333} .answer_wrap .content {margin-top:20px} .query_btn {margin-top:20px; text-align:right} .query_btn button {width:41px; height:21px; font-size:12px; color:#fff; text-align:center; border:none; outline:0} .query_btn button.change {background:#666} .query_btn button.delete {margin-left:5px; background:#ff7473} .master_answer {margin-top:30px; padding:20px; border:1px solid #e6e6e6; background:#fff} .master_answer p.con {margin-top:20px} .none_qna_wrap {height:132px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:url(../img/3th_img/icon/icon_write.png) center 25px no-repeat} .none_qna_wrap p {margin-top:92px; font-size:15px; text-align:center} .qna_tb th {padding-left:30px !important; text-align:left !important} .qna_tb td {padding-left:20px !important; text-align:left !important} .qna_tb td input.search_input2 {width:93%; height:30px; padding:0 10px; line-height:30px} .editor_wrap {padding:30px 0; border-bottom:1px solid #e6e6e6} /* //QnA */ /* 나의 정보관리 */ .my_profile h4 {padding-bottom:20px; border-bottom:1px solid #e6e6e6} .my_profile_wrap {padding:30px 0; overflow:hidden; background:url(../img/3th_img/my_profile_bg.png) right 0 no-repeat} .my_profile_wrap img {float:left; width:122px; height:122px;} .my_info {position:relative; float:left; width:590px; height:115px; margin:7px 0 0 40px} .my_info p {font-size:15px} .my_info p strong {font-size:22px; color:#5c94cc} .my_info dl {margin-top:15px; overflow:hidden} .my_info dl dt {float:left; width:30px; padding-left:17px; color:#4fc1e9; background:url(../img/3th_img/icon/icon_myinfo.png) 0 4px no-repeat} .my_info dl dt.sector {margin-left:30px; background-position:0 -15px} .my_info dl dd {float:left; margin-left:5px} .my_info_btn {position:absolute; bottom:0; left:0} .my_info_btn button {height:34px; padding-bottom:4px; outline:0} .my_info_btn button.photo {width:85px; padding-left:26px; color:#fff; border:0; background:#ff8281 url(../img/3th_img/icon/icon_photo.png) 23px 12px no-repeat} .my_info_btn button.character {width:97px; margin-left:5px; padding-left:26px; border:1px solid #b3b3b3; background:url(../img/3th_img/icon/icon_photo2.png) 22px 11px no-repeat} .character_open {position:relative; display:none; margin-bottom:30px; padding:25px; border:1px solid #b3b3b3} .character_open span.arrow {position:absolute; top:-11px; left:290px; width:20px; height:11px; background:url(../img/3th_img/my_arrow_bg.png) no-repeat} .h5_title {padding-bottom:20px; font-size:15px; color:#333; border-bottom:1px solid #e6e6e6} .h5_title2 {padding-bottom:10px; font-size:15px; color:#333; border-bottom:1px solid #e6e6e6} .h5_title3 {padding-bottom:10px; font-size:15px; color:#333;} .character_open p {margin-top:15px} .character_wrap {margin-top:20px; overflow:hidden} .character_wrap li {position:relative; float:left; display:inline-block; height:115px; margin-left:9px} .character_wrap li img {width:80px; height:80px; cursor:pointer} .character_wrap li label {position:absolute; bottom:0; left:0} .my_profile table {margin-top:30px} .my_profile table td {padding-left:20px !important; text-align:left !important} td.sns_info span {font-size:12px} .my_phone_box {float:left; margin-right:3px} .my_phone_box .sbHolder {width:55px !important} .my_webzine_wrap {height:22px; margin:20px 0 50px 0; padding:14px 25px; border:1px solid #e6e6e6} .my_webzine_wrap span {margin-right:25px; font-size:15px; font-weight:bold; color:#333} .my_webzine_wrap label {margin-left:5px} label.my_label {margin-right:20px !important} .my_webzine_wrap span.info_p {margin-left:35px; margin-right:0; font-size:13px; font-weight:normal; color:#666; background-position:0 3px} .my_webzine_wrap span.info_p em {color:#ff7473} .my_plus_info {margin-top:20px} .my_plus_info label {margin-left:5px} .my_sns_info {margin-top:20px} .my_sns_info input {padding:0 10px 0 40px !important; background:url(../img/3th_img/icon/icon_sns.png) 3px 3px no-repeat} .my_sns_info input.facebook {margin-left:5px; background-position:3px -27px} .my_post {width:545px; height:50px; margin-top:5px; padding:10px; color:#999; border:1px solid #e6e6e6; resize:none; outline:none} /* //나의 정보관리 */ /* 채움 coin */ .my_coin_history {position:relative} .coin_graph_wrap {height:230px; border-bottom:1px dashed #e6e6e6; background:url(../img/3th_img/coin_graph_bg.png) no-repeat} .coin_graph_wrap > ul {padding:21px 0 0 62px; overflow:hidden} .coin_graph_wrap > ul > li {position:relative; float:left; width:15px; height:160px; margin-right:45px; vertical-align:bottom} .coin_graph_wrap > ul > li > span {position:absolute; bottom:0; left:0; vertical-align:bottom; display:inline-block; width:15px; background:#76cbe0; cursor:pointer} .coin_graph_wrap > ul > li > span.graph_bar2 {background:#b3b3b3} .coin_graph_wrap > ul > li > span.graph_bar3 {background:#7bd3ae} span.tooltip {position:absolute; top:50%; left:0; display:none; width:40px; height:20px; margin:-20px 0 0 0; font-size:12px; color:#999; text-align:center; border:1px solid #e6e6e6; background:#f7f7f7} .coin_graph_wrap ul li span:hover span.tooltip {display:block} p.coin_info {margin:0 0 50px 0} .coin_list_wrap {margin:30px 0 20px 0; overflow:hidden} .coin_list_wrap li {float:left; width:218px; height:103px; padding:10px; margin-right:20px; text-align:center; border:1px solid #e6e6e6} .coin_list_wrap li p {height:27px; margin-bottom:30px; padding-top:8px; font-size:15px; font-weight:bold; color:#fff; background:url(../img/3th_img/coin_list_bg.png) no-repeat} .coin_list_wrap li.rank p {background-position:-220px 0} .coin_list_wrap li.samuso p {background-position:-440px 0} .coin_list_wrap li span {margin-top:30px; padding-left:45px; font-size:35px; font-weight:bold; color:#4fc1e9; background:url(../img/3th_img/icon/icon_coin_list.png) 0 8px no-repeat} .coin_list_wrap li.rank span {padding-left:52px; color:#666; background-position:0 -61px} .coin_list_wrap li.active span {padding-left:43px; color:#90cd98; background:url(../img/3th_img/icon/icon_coin_list2.png) no-repeat} .coin_list_wrap li.active span.login {background-position:0 9px} .coin_list_wrap li.active span.comment {background-position:0 -41px} .coin_list_wrap li.active span.course {background-position:0 -91px} .coin_list_wrap li.active span.teacher {background-position:0 -141px} .coin_list_wrap li.active span.thinking {background-position:0 -191px} .coin_list_wrap li.active span.travel {background-position:0 -241px} .my_coin_btn {position:absolute; top:8px; right:0} .my_coin_btn > button {float:left; width:140px; height:32px; margin-right:5px; padding:0 0 3px 10px; font-size:12px; border:1px solid #b3b3b3; background:#fff url(../img/3th_img/icon/icon_coin_standard.png) 15px 10px no-repeat; outline:0} .my_coin_btn > button:hover {color:#333; border:1px solid #666} .my_coin_btn .coin_select_box {float:left} .my_coin_btn div .sbHolder {width:70px} .coin_standard_wrap {position:absolute; top:100px; left:50%; display:none; width:920px; height:auto; margin:0 0 0 -500px; padding:40px; background:#fff} .coin_standard_wrap h5 {font-size:30px; color:#333; line-height:35px; text-align:center;} .coin_standard_wrap h5 em {color:#7cc886} .coin_standard_wrap table {margin-top:30px} table.notice3 {width:100%} table.notice3 th, table.notice3 td {padding:7px 0 9px 0; border:1px solid #e6e6e6} table.notice3 th {color:#333; background:#f7f7f7} table.notice3 td {text-align:center; color:#666;} table.notice3 td.bg {font-weight:bold; color:#333; background:#f7fff7} /* //채움 coin */ /* 나눔사이버 */ .keyword_wrap {margin-top:30px} .keyword_search {position:relative} .keyword_search input.search_input2 {width:713px} .cyber_search_wrap {margin-top:30px} .cyber_search_wrap>ul {overflow:hidden} .cyber_search_wrap>ul>li {float:left; width:100px; height:100px; margin-right:10px; cursor:pointer; background:url(../img/3th_img/keyword_bg.png) no-repeat} .cyber_search_wrap ul li.width {width:118px;} .cyber_search_wrap ul li.keyword1 {background-position:0 0} .cyber_search_wrap ul li.keyword1:hover, .cyber_search_wrap ul li.keyword1_on {background-position:0 -220px} .cyber_search_wrap ul li.keyword2 {background-position:-110px 0} .cyber_search_wrap ul li.keyword2:hover, .cyber_search_wrap ul li.keyword2_on {background-position:-110px -220px} .cyber_search_wrap ul li.keyword3 {background-position:-220px 0} .cyber_search_wrap ul li.keyword3:hover, .cyber_search_wrap ul li.keyword3_on {background-position:-220px -220px} .cyber_search_wrap ul li.keyword4 {background-position:-330px 0} .cyber_search_wrap ul li.keyword4:hover, .cyber_search_wrap ul li.keyword4_on {background-position:-330px -220px} .cyber_search_wrap ul li.keyword5 {background-position:-440px 0} .cyber_search_wrap ul li.keyword5:hover, .cyber_search_wrap ul li.keyword5_on {background-position:-440px -220px} .cyber_search_wrap ul li.keyword6 {background-position:-550px 0} .cyber_search_wrap ul li.keyword6:hover, .cyber_search_wrap ul li.keyword6_on {background-position:-550px -220px} .cyber_search_wrap ul li.keyword7 {background-position:-660px 0} .cyber_search_wrap ul li.keyword7:hover, .cyber_search_wrap ul li.keyword7_on {background-position:-660px -220px} .cyber_search_wrap ul li.keyword0 {background-position:0 -110px} .cyber_search_wrap ul li.keyword0:hover, .cyber_search_wrap ul li.keyword0_on {background-position:0 -330px} .cyber_search_wrap ul li.keyword8 {background-position:-128px -110px} .cyber_search_wrap ul li.keyword8:hover, .cyber_search_wrap ul li.keyword8_on {background-position:-128px -330px} .cyber_search_wrap ul li.keyword9 {background-position:-257px -110px} .cyber_search_wrap ul li.keyword9:hover, .cyber_search_wrap ul li.keyword9_on {background-position:-257px -330px} .cyber_search_wrap ul li.keyword10 {background-position:-385px -110px} .cyber_search_wrap ul li.keyword10:hover, .cyber_search_wrap ul li.keyword10_on {background-position:-385px -330px} .cyber_search_wrap ul li.keyword11 {background-position:-513px -110px} .cyber_search_wrap ul li.keyword11:hover, .cyber_search_wrap ul li.keyword11_on {background-position:-513px -330px} .cyber_search_wrap ul li.keyword12 {background-position:-642px -110px} .cyber_search_wrap ul li.keyword12:hover, .cyber_search_wrap ul li.keyword12_on {background-position:-642px -330px} .cyber_search_wrap ul li.keyword13 {background-position:0 -440px} .cyber_search_wrap ul li.keyword13:hover, .cyber_search_wrap ul li.keyword13_on {background-position:0 -550px} .cyber_search_wrap ul li.keyword14 {background-position:-110px -440px} .cyber_search_wrap ul li.keyword14:hover, .cyber_search_wrap ul li.keyword14_on {background-position:-110px -550px} .cyber_search_wrap ul li.keyword15 {background-position:-220px -440px} .cyber_search_wrap ul li.keyword15:hover, .cyber_search_wrap ul li.keyword15_on {background-position:-220px -550px} .cyber_search_wrap ul li.keyword16 {background-position:-330px -440px} .cyber_search_wrap ul li.keyword16:hover, .cyber_search_wrap ul li.keyword16_on {background-position:-330px -550px} .cyber_search_wrap ul li.keyword17 {background-position:-440px -440px} .cyber_search_wrap ul li.keyword17:hover, .cyber_search_wrap ul li.keyword17_on {background-position:-440px -550px} .cyber_search_wrap ul li.keyword18 {background-position:-550px -440px} .cyber_search_wrap ul li.keyword18:hover, .cyber_search_wrap ul li.keyword18_on {background-position:-550px -550px} .cyber_search_wrap ul li.keyword19 {background-position:-660px -440px} .cyber_search_wrap ul li.keyword19:hover, .cyber_search_wrap ul li.keyword19_on {background-position:-660px -550px} .cyber_search_add {position:relative; margin-top:30px; padding:20px 25px 15px 30px; border:1px solid #e6e6e6} .cyber_search_add dl {margin-top:5px; overflow:hidden} .cyber_search_add dl dt {float:left; clear:both; width:135px; margin-bottom:13px; font-weight:bold; color:#333} .cyber_search_add dl dd {float:left; margin-left:5px; color:#333} .cyber_search_add dl dd label {display:inline-block; width:200px; margin-left:5px} .cyber_study_time {position:absolute; top:55px !important; left:230px !important; width:130px; background:#fff !important;} .cyber_sub_btn {text-align:right; margin-top:20px;} .input_bg {width:683px !important; padding-left:45px !important; background:url(../img/3th_img/icon/icon_search2.png) no-repeat 10px} .cyber_list_wrap {position:relative; margin-top:50px} .category_search {margin:25px 0 10px 0; text-align:right} .category_search > span {display:inline-block; margin-left:10px; padding:2px 10px 4px 10px; font-size:12px; color:#999; border:1px solid #e6e6e6; cursor:pointer} .category_search > span.on {color:#ff7473; border:1px solid #ff7473} .category_search > em {margin-right:5px; color:#ff6766} .keyword_icon {margin-top:10px} .keyword_icon span {margin-right:5px} .keyword_icon button {width:60px; height:17px; margin-right:20px; padding-bottom:3px; font-size:11px; color:#999; line-height:10px; vertical-align:top; border:1px solid #e6e6e6; background:#fff; outline:0} .lecture_content dl.other dd.star {margin:1px 13px 0 0; background:url(../img/3th_img/login_line.png) right 6px no-repeat} .lecture_btn button.interest {width:30px; height:28px; margin-top:5px; padding-bottom:5px; color:#999; text-indent:-9999px; border:1px solid #e6e6e6; background:#fff url("../img/3th_img/icon/icon_added.png") 8px 7px no-repeat; outline:0} .lecture_btn button.interest:hover {color:#666; border:1px solid #999} .lecture_btn button.learning {width:95px; height:28px; margin-top:5px; padding-bottom:5px; color:#fff; background:#ff8281; border:0; outline:0} .lecture_btn button.learning:hover {background:#e54545} .cyber_select {position:absolute; top:0; right:0;} .matrix_wrap {margin-top:30px} /* //나눔사이버 */ /* 나눔사이버-상세 */ .btn_absoulte {position:absolute; top:50px; right:0} span.stars0 {display:inline-block; width:78px; height:12px; background:url(../img/3th_img/icon/star_0.png) no-repeat} span.stars1 {display:inline-block; width:78px; height:12px; background:url(../img/3th_img/icon/star_1.png) no-repeat} span.stars2 {display:inline-block; width:78px; height:12px; background:url(../img/3th_img/icon/star_2.png) no-repeat} span.stars3 {display:inline-block; width:78px; height:12px; background:url(../img/3th_img/icon/star_3.png) no-repeat} span.stars4 {display:inline-block; width:78px; height:12px; background:url(../img/3th_img/icon/star_4.png) no-repeat} span.stars5 {display:inline-block; width:78px; height:12px; background:url(../img/3th_img/icon/star_5.png) no-repeat} .cyber_details h4 {width:640px; line-height:30px; letter-spacing:-1px; font-size:20px} .cyber_details p span.mobile {display:inline-block; width:11px; height:13px; background:url(../img/3th_img/icon/icon_mobile.png) no-repeat} .cyber_details p span.test {display:inline-block; width:14px; height:13px; margin-left:10px; background:url(../img/3th_img/icon/icon_test.png) no-repeat} .cyber_details p span.lecture {display:inline-block; width:14px; height:13px; margin-left:11px; background:url(../img/3th_img/icon/icon_lecture.png) no-repeat} .details_top {padding-top:30px; margin-bottom:50px;} .details_top img {width:400px; height:220px} .details_top:after {content:'';display:block; height:0; clear:both;} *:first-child+html .details_top {min-height:1px;} .details_top img {display:block; float:left;} .details_top > table {float:right; width:340px !important;} .cyber_details_btns {display:block; float:right; margin-top:20px} .btn_white_added {display:block; float:left; width:85px; height:61px; padding:30px 0 12px 0; border:1px solid #e6e6e6; background:url(../img/3th_img/icon/icon_added.png) no-repeat center 12px} .btn_white_added:hover {border:1px solid #999} .btn_gray_sample {display:block; float:left; width:87px; height:19px; margin-left:6px; padding:30px 0 12px 0; color:#fff; text-align:center; background:#676767 url(../img/3th_img/icon/icon_sample.png) no-repeat center 12px} .btn_gray_sample:hover {background:#4d4d4d url(../img/3th_img/icon/icon_sample.png) no-repeat center 12px} .btn_red_go {display:block; float:right; width:126px; height:29px; margin-left:6px; padding:20px 0 12px 30px; color:#fff; font-size:15px; font-weight:bold; background:#ff8281 url(../img/3th_img/icon/icon_arrow_right.png) no-repeat 125px 24px} .btn_red_go:hover {background:#e54545 url(../img/3th_img/icon/icon_arrow_right.png) no-repeat 125px 24px} .cyber_tab {position:relative;} .cyber_tab > .tab_content {padding:30px; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;} .cyber_tab > .tab1 > p {line-height: 25px;} .cyber_tab > .tab1 > p > em {font-weight: bold; color:#333;} .cyber_comment {position:relative} .cyber_comment textarea {width:728px; height:45px; margin:10px 0 0 0; padding:10px 15px; font-size:12px; color:#999; border:1px solid #e6e6e6; resize:none; outline:0} .cyber_comment textarea:hover, .my_comment textarea:focus {border:1px solid #999} .cyber_comment_btn {position:absolute; top:-10px; right:0;} button.cyber_btn_register {position:absolute; top:0; right:55px; width:50px; height:30px; font-size:12px; color:#fff; border:1px solid #676767; background:#676767; outline:0} button.cyber_btn_register:hover {border:1px solid #4d4d4d; background:#4d4d4d; } button.cyber_btn_cancel {position:absolute; top:0; right:0; width:50px; height:30px; font-size:12px; color:#4d4d4d; border:1px solid #e6e6e6; background:#fff; outline:0} button.cyber_btn_cancel:hover {border:1px solid #4d4d4d;} .cyber_tab .comment_view {width:630px} .cyber_tab .comment_view textarea {width:609px} .cyber_comment_list_wrap {margin-top:30px; border:1px solid #e6e6e6;} .cyber_comment_num {padding-bottom:10px; border-bottom:1px solid #e6e6e6; color:#333} .cyber_comment_num strong {color:#ff7473} .cyber_comment_list {margin:30px; overflow:hidden;} .cyber_comment_list img {float:left; width:47px; height:47px} .cyber_comment_view {position:relative; margin:0 0 13px 0; padding-top:13px; border-top: 1px dotted #e6e6e6;} .cyber_comment_view:first-child {border:none; padding-top:0;} .cyber_comment_view p.name {padding-left:20px;} .cyber_comment_view p.name strong {color:#333} .cyber_comment_view p.name span {margin-left:13px; padding-left:13px; font-size:12px; color:#999; background:url(../img/3th_img/login_line.png) 0 4px no-repeat} .cyber_comment_view p.s_comment {background:url(../img/3th_img/icon/icon_story_comment.png) 0px 5px no-repeat;} .cyber_comment_view p.s_state {background:url(../img/3th_img/icon/icon_story_state.png) 0px 5px no-repeat;} .cyber_comment_view p.s_star {background:url(../img/3th_img/icon/icon_story_star.png) 0px 5px no-repeat;} .cyber_comment_view p.content {display:inline-block; width:610px; margin:5px 0 0 20px; font-size:12px; color:#888;} .cyber_btn_delete {position:absolute; top:0; right:0; width:50px; height:45px; color:#333; border:1px solid #e6e6e6; font-size:12px; background:#fff !important;} .cyber_btn_delete:hover {border:1px solid #333;} .stars_span {position:absolute; top:18px; right:0; display:inline-block;} .cyber_btn_more {position:absolute; bottom:-29px; left:50%; width:150px; height:30px; margin-left:-75px; font-size:12px; color:#4d4d4d; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-top:none; background:#fff; outline:0} .course_wrap {margin-top:50px} .course_description {padding:30px; border:1px solid #e6e6e6; background:#f7f7f7} .course_description article {margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #e6e6e6} .course_description h6 {font-size:15px; color:#333} .course_description p, .course_description ol {margin-top:10px} .course_description ol li {line-height:23px} .course_hgroup {height:165px; margin-top:50px; border-bottom:1px solid #e6e6e6; overflow:hidden} .recom_wrap {position:relative; float:left; width:420px} .recom_btn {position:absolute; top:8px; right:0} .recom_btn2 {position:absolute; top:8px; right:0} .recom_btn button {display:inline-block; width:30px; height:25px; border:1px solid #e6e6e6; background:url(../img/3th_img/icon/icon_arrow.png) 11px 5px no-repeat; outline:0} .recom_btn button.next_recom {margin-left:3px; background-position:-8px 5px} .recom_btn button.next_recom:hover {border:1px solid #666; background-position:-8px -15px} .recom_btn button.prev_recom:hover {border:1px solid #666; background-position:11px -15px} .recom_btn button.next_recom2 {margin-left:3px; background-position:-8px 5px} .recom_btn button.next_recom2:hover {border:1px solid #666; background-position:-8px -15px} .recom_btn button.prev_recom2:hover {border:1px solid #666; background-position:11px -15px} .course_recom {height:83px} .course_recom_ul {overflow:hidden} .course_recom_ul li {float:left; width:130px; margin-right:15px} .course_recom_ul li a {float:left} .course_recom_ul li img {width:130px; height:83px} .taking_wrap {float:right; width:290px; margin-left:50px} .taking_into {position:relative; height:110px} .taking_tooltip {position:absolute; top:-10px; left:0} .taking_tooltip li {margin-top:5px; padding-left:13px; font-size:12px; color:#999; background:url(../img/3th_img/icon/icon_taking.png) 0 7px no-repeat} .taking_tooltip li.red {background-position:0 -13px} .taking_tooltip li.green {background-position:0 -33px} .taking_graph_bar {width:166px; height:100px; margin-left:125px; padding-top:10px; overflow:hidden} .taking_graph_bar > li {position:relative; float:left; width:30px; height:100px; margin-right:25px} .taking_graph_bar > li > span {position:absolute; bottom:0; left:0; vertical-align:bottom; display:inline-block; width:30px; background:#4fc1e9; cursor:pointer} .taking_graph_bar > li > span.graph_bar2 {background:#ff7473} .taking_graph_bar > li > span.graph_bar3 {background:#90cd98} .taking_graph_bar li span:hover span.tooltip {display:block} /* //나눔사이버-상세 */ /*NH 지식e */ .nh_e_wrap table td.title span.share {display:inline-block; width:50px; height:16px; margin-right:12px; font-size:12px; line-height:14px; color:#4fc1e9; text-align:center; border:1px solid #4fc1e9} .nh_e_wrap table td.title span.query {display:inline-block; width:50px; height:16px; margin-right:12px; font-size:12px; line-height:14px; color:#73bf7d; text-align:center; border:1px solid #73bf7d} .nh_e_wrap table td.title span.tit {display:inline-block; width:350px; vertical-align:top} .nh_e_wrap table td.title span.tit em {color:#999} .nh_e_wrap h4 em.share {color:#4fc1e9} .nh_e_wrap h4 em.query {color:#73bf7d} /*NH 지식e */ /*NH우사소 */ .nh_usaso_wrap {margin-bottom:30px} .nh_usaso_wrap img {cursor:pointer} .usaso_img_wrap {position:absolute; top:100px; left:50%; display:none; width:875px; margin-left:-430px; background:#fff} .pop_close_btn2 {position:absolute; top:20px; right:20px; width:39px; height:39px; border:1px solid #fff; background:url("../img/3th_img/icon/icon_layer_close2.png") 12px 11px no-repeat; outline:0} .pop_close_btn2:hover {border:1px solid #fff; background:url("../img/3th_img/icon/icon_layer_close2.png") 12px 11px no-repeat} p.align_right {display:inline-block; width:100%; margin-bottom:10px; text-align:right;} /*NH우사소 */ /* 지식e컬럼 */ .sub_course_list {margin-top:30px; overflow:hidden} .sub_course_box {position:relative; float:left; width:176px; height:200px; margin:0 16px 16px 0; border:1px solid #e6e6e6} .sub_course_box:hover {border:1px solid #999} .sub_course_box img {width:176px; height:100px} .sub_course_box span.new_icon {position:absolute; top:0; left:0; width:37px; height:37px; background:url(../img/icon2.png) 0 0 no-repeat} .sub_course_tit {float:left; height:23px; padding:15px; color:#333; font-weight:bold; overflow:hidden; text-overflow:ellipsis} .sub_course_view {float:left; width:146px; margin-top:15px; padding:0 15px; font-size:12px; color:#999} .sub_course_view span {float:left; display:inline-block;} .sub_course_view span.star {float:right; margin-top:-1px} .sub_course_list .last {margin-right:0} .course_btn_wrap {position:relative; margin-top:20px; border-top:1px solid #e6e6e6} .course_btn_more {position:absolute; bottom:-29px; left:50%; width:150px; height:30px; margin-left:-75px; font-size:12px; padding-bottom:5px; color:#4d4d4d; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-top:none; background:#fff; outline:0} /* //지식e컬럼 */ /* NH문화센터 */ .cultural_wrap {position:relative} .cultural_wrap h4 {padding-bottom:20px; border-bottom:1px solid #e6e6e6} .cultural_wrap h5 {padding-bottom:0; border-bottom:0} .cultural_wrap article {margin-bottom:50px} .cultural_wrap article ul.bg1 {background:url(../img/3th_img/cultural_bg1.png) 30px center no-repeat} .cultural_wrap article ul.bg2 {background:url(../img/3th_img/cultural_bg2.png) 30px center no-repeat} .cultural_wrap article ul.bg3 {background:url(../img/3th_img/cultural_bg3.png) 30px center no-repeat} .cultural_wrap article ul.bg4 {background:url(../img/3th_img/cultural_bg4.png) 30px center no-repeat} .cultural_wrap article ul.bg5 {background:url(../img/3th_img/cultural_bg5.png) 30px center no-repeat} .cultural_ul {margin-top:15px; padding-left:150px} .cultural_ul li {padding-left:11px; line-height:25px; background:url(../img/3th_img/lnb_depth_line.png) 0 13px no-repeat} .cultural_ul li em {color:#333} /* //NH문화센터 */ /* NH어학원 */ .institute article ul.bg1 {background:url(../img/3th_img/institute_bg1.png) 30px center no-repeat} .institute article ul.bg2 {background:url(../img/3th_img/institute_bg2.png) 30px center no-repeat} .institute ul.bg3 {background:url(../img/3th_img/institute_bg3.png) 30px center no-repeat} .cultural_ul li a.mobile_btn {display:block; width:112px; height:33px; margin-top:15px; padding:4px 0 0 20px; text-align:left; border:1px solid #ccc; background:#fff url(../img/3th_img/icon/icon_list_btn2.png) 100px 11px no-repeat; outline:0} .cultural_ul li a.mobile_btn:hover {border:1px solid #666; color:#666} /* NH어학원 */ /* 통신연수 임시페이지 */ .tongsin_test_wrap {margin-top:30px; padding:30px 0; text-align:center; border:1px solid #e6e6e6; background:#f7f7f7} .tongsin_test_wrap p.title {margin-bottom:10px; font-size:17px; font-weight:bold; color:#333} .tongsin_test_wrap p.title em {color:#ff7473} /* //통신연수 임시페이지 */ /* FAQ 탭 */ .faq_tab {margin-bottom:30px;} .faq_tab:after {content:'';display:block; height:0; clear:both;} *:first-child+html .faq_tab {min-height:1px;} .faq_tab li {float:left; margin-left:10px; text-align:center; color:#d2d2d2; border:1px solid #eaeaea;} .faq_tab li:first-child {margin-left:0;} .faq_1 {display:block; width:116px; height:106px; padding-top:10px; background:#f7f7f7 url(../img/3th_img/faq_icon_1-.png) 28px 50px no-repeat} .faq_2 {display:block; width:116px; height:106px; padding-top:10px; background:#f7f7f7 url(../img/3th_img/faq_icon_2-.png) 30px 50px no-repeat} .faq_3 {display:block; width:116px; height:106px; padding-top:10px; background:#f7f7f7 url(../img/3th_img/faq_icon_3-.png) 18px 45px no-repeat} .faq_4 {display:block; width:116px; height:106px; padding-top:10px; background:#f7f7f7 url(../img/3th_img/faq_icon_4-.png) 33px 46px no-repeat} .faq_5 {display:block; width:116px; height:106px; padding-top:10px; background:#f7f7f7 url(../img/3th_img/faq_icon_5-.png) 31px 41px no-repeat} .faq_6 {display:block; width:116px; height:106px; padding-top:10px; background:#f7f7f7 url(../img/3th_img/faq_icon_6-.png) 37px 47px no-repeat} .faq_tab li.faq_tab_curr a.faq_1,a.faq_1:hover {display:block; width:116px; height:106px; padding-top:10px; background:#fff url(../img/3th_img/faq_icon_1.png) 28px 50px no-repeat} .faq_tab li.faq_tab_curr a.faq_2,a.faq_2:hover {display:block; width:116px; height:106px; padding-top:10px; background:#fff url(../img/3th_img/faq_icon_2.png) 30px 50px no-repeat} .faq_tab li.faq_tab_curr a.faq_3,a.faq_3:hover {display:block; width:116px; height:106px; padding-top:10px; background:#fff url(../img/3th_img/faq_icon_3.png) 18px 45px no-repeat} .faq_tab li.faq_tab_curr a.faq_4,a.faq_4:hover {display:block; width:116px; height:106px; padding-top:10px; background:#fff url(../img/3th_img/faq_icon_4.png) 33px 46px no-repeat} .faq_tab li.faq_tab_curr a.faq_5,a.faq_5:hover {display:block; width:116px; height:106px; padding-top:10px; background:#fff url(../img/3th_img/faq_icon_5.png) 31px 41px no-repeat} .faq_tab li.faq_tab_curr a.faq_6,a.faq_6:hover {display:block; width:116px; height:106px; padding-top:10px; background:#fff url(../img/3th_img/faq_icon_6.png) 37px 47px no-repeat} .list_num_title {text-align:right; margin-bottom:10px;} /* //FAQ 탭 */ /* FAQ 학습지원도구 */ .faq_util {border-top:1px solid #e7e7e7; border-right:1px solid #e7e7e7;} .faq_util:after {content:'';display:block; height:0; clear:both;} *:first-child+html .faq_util {min-height:1px;} .faq_util li {float:left; width:150px; height:172px; padding-top:28px; border-left:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; text-align:center;} .faq_util li p {padding-top:80px;} .faq_util li p.faq_icon_util_1 {background:#fff url(../img/3th_img/faq_icon_util_1.png) 40px 10px no-repeat} .faq_util li p.faq_icon_util_2 {background:#fff url(../img/3th_img/faq_icon_util_2.png) 40px 10px no-repeat} .faq_util li p.faq_icon_util_3 {background:#fff url(../img/3th_img/faq_icon_util_3.png) 40px 10px no-repeat} .faq_util li p.faq_icon_util_4 {background:#fff url(../img/3th_img/faq_icon_util_4.png) 45px 10px no-repeat} .faq_util li p.faq_icon_util_5 {background:#fff url(../img/3th_img/faq_icon_util_5.png) 45px 10px no-repeat} .faq_util li p.faq_icon_util_6 {background:#fff url(../img/3th_img/faq_icon_util_6.png) 40px 10px no-repeat} .faq_util li p.faq_icon_util_7 {background:#fff url(../img/3th_img/faq_icon_util_7.png) 45px 10px no-repeat} .faq_util li p.faq_icon_util_8 {background:#fff url(../img/3th_img/faq_icon_util_8.png) 45px 10px no-repeat} .faq_util li p.faq_icon_util_9 {background:#fff url(../img/3th_img/faq_icon_util_9.png) 40px 25px no-repeat} .faq_util li p.faq_icon_util_10 {background:#fff url(../img/3th_img/faq_icon_4.png) 50px 10px no-repeat} .faq_btn_down {width:105px; height:33px; margin-top:20px; padding-left:35px; border:1px solid #b9b9b9; text-align:left; background:url(../img/3th_img/icon/icon_arrow_down_gray.png) 10px 10px no-repeat} .faq_btn_down:hover {border:1px solid #333;} .faq_util_detail {margin-top:30px;} .faq_util_detail h5 {font-size:16px; font-weight:bold;} .faq_util_detail h6 {margin:10px 0 10px 0; font-size:14px; color:#4fc1e9; font-weight:bold;} .faq_util_detail p {margin:0 0 30px 0; color:#888;} ul.util_detail_list {display:block; margin:10px 0 30px 0;} ul.util_detail_list li {list-style: inside; color:#888;} .remote_list1:after {content:'';display:block; height:0; clear:both;} *:first-child+html .remote_list1 {min-height:1px;} ul.remote_list1 ol {float:left; color:#333; font-weight:bold; text-align:center;} ol.remote_list2_1 {width:360px;} ol.remote_list2_2 {width:350px; margin-left:50px;} .remote_warning {margin-top:30px; padding:30px 0 30px 90px; border:1px solid #e6e6e6; background:url(../img/3th_img/faq_icon_warning.png) 20px 30px no-repeat} .btn_remote_go {display:block; width:180px; height:40px; margin:30px auto; padding:15px 0 0 40px; color:#fff; font-weight:bold; text-align:left; background:#676767 url(../img/3th_img/icon/icon_list_btn_white_r.png) 180px 18px no-repeat;} .btn_remote_go:hover {background:#333 url(../img/3th_img/icon/icon_list_btn_white_r.png) 180px 18px no-repeat;} /* //FAQ 학습지원도구 */ /* 통신연수 메인*/ h3.c_training_t3 {display:block; float:left; width:330px; height:260px; padding:70px 0 0 0; text-align:center; font-size:50px; line-height:60px; letter-spacing:-2px; font-weight:normal; color:#fff; background:url(../img/3th_img/training_title_bg.png) no-repeat;} .big_eng_yellow {font-family:Arial, Helvetica, sans-serif; font-size:85px; line-height:85px; color:#ffd057;} .c_training_details {position:relative; float:left; width:360px; height:330px; padding:0 35px 0 35px; background:#ececea; text-align:center;} .standard_btn {display:inline-block; width:150px; height:97px; padding-top:15px; border:0; color:#fff; font-size:15px; text-align:center; background:url(../img/3th_img/training_detail_btn.png) no-repeat;} .standard_pop_wrap {position:absolute; top:50px; left:50%; display:none; width:700px; height:640px; margin:0 0 0 -380px; padding:30px; background:#fff} .standard_pop_wrap h4 {font-size:30px; color:#333; text-align:center} .standard_pop_wrap h4 em {color:#ff7473} .standard_pop_wrap p {margin-top:30px} .standard_pop_wrap table {margin-top:10px} .standard_pop_wrap table th, .standard_pop_wrap table td {padding:6px 0 !important} .standard_pop_wrap2 {position:absolute; top:50%; left:50%; display:none; width:700px; height:auto; margin:-100px 0 0 -260px; padding:70px 20px 20px 20px; background:#fff} .h5_article {margin-top:20px; text-align:left;} .h5_article h5 {font-size:15px; color:#41b3d9} .h5_article ol li {margin-top:8px} .strong_red {font-weight:bold; color:#e90000;} .font_white {color:#fff!important; text-decoration:underline;} .font_white:hover {color:#333!important;} .font_small {font-size:11px;} .font_underline {text-decoration:underline;} .tag_test {position:absolute; right:0; bottom:0; padding:8px; background:#ef9e00; color:#fff;} .c_training_details>dl {display: block; margin-top:30px; padding-top:17px; border-top:3px solid #079ed3;} .c_training_details>dl:after {content:'';display:block; height:0; clear:both;} *:first-child+html .c_training_details>dl {min-height:1px;} .c_training_details>dl>dt {display:block; float:left; height:22px; margin:0 0 10px 0; padding-left:30px; text-align:left; font-size:14px; line-height:20px; color:#333; font-weight:bold; background:url(../img/3th_img/training_dt_bg.png) no-repeat 0 3px;} .c_training_details>dl>dd {display:block; float:right; height:22px; width:220px; margin:0 0 10px 0; padding:0 0 0 30px; font-size: 13px; line-height:20px; text-align:left; background:url(../img/3th_img/training_dd_bg.png) no-repeat 0 5px;} .c_training_feature {position:relative; clear:both; border-left:1px solid #f6f5f1; border-right:1px solid #f6f5f1;} .download_app_manual {position:absolute; top:220px; left:470px; padding:15px 20px 15px 20px; border:0; color:#fff; font-size:13px; background:#079ed3;} .download_app_manual:hover {background:#048bba} h4.c_training_t4 {padding:30px 0 8px 0; font-size:18px; color:#333; border-bottom:2px solid #079ed3; font-weight:normal; line-height:20px; background:#f6f5f1 url(../img/3th_img/training_h4_bg.png) no-repeat 0 33px} .training_t4_bg {display:inline-block; width:45px; height:28px; margin-right:15px; padding-top:15px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; font-style:italic; color:#fff;} .c_training_feature>ul {display:block; padding:30px 30px;} .c_training_feature>ul>li {margin:0 0 0 30px; padding:0 0 18px 25px; font-size:15px; color:#333; background:url(../img/3th_img/training_feature_li_bg.png) no-repeat;} .c_training_feature>ul>li>ul {margin-top:10px;} .c_training_feature>ul>li>ul>li {font-size:13px; color:#999; line-height:25px} .c_training_feature>ul>li>p {display:block; width:350px; height:200px; margin-top:10px; font-size:13px; color:#999; line-height:25px; background:url(../img/3th_img/tongshin/training_2014scheduler.png) no-repeat 0 30px;} .c_training_list {clear:both; border-left:1px solid #f6f5f1;} .c_training_list_table {width:100%;} .c_training_list_table th {padding:20px; border-right:1px solid #f6f5f1; border-bottom:1px solid #f6f5f1; font-size:15px; color:#333; text-align:left; letter-spacing:-1px;} .c_training_list_table th em {color:#e78200} .c_training_list_table td {padding:20px; border-right:1px solid #f6f5f1; border-bottom:1px solid #f6f5f1; font-size:12px; color:#888; text-align:left; letter-spacing:-1px;} .btn_training_detail_1 {padding:5px 10px 5px 10px; border:2px solid #e78200; color:#e78200} .btn_training_detail_1:hover {background:#e78200; color:#fff;} .btn_training_detail_2 {padding:5px 10px 5px 10px; border:2px solid #079ed3; color:#079ed3} .btn_training_detail_2:hover {background:#079ed3; color:#fff;} .c_training_movie {background:##f6f5f1;} /* //통신연수 메인*/ /* 통신연수 상세*/ .traning_details_top {position:relative; margin-bottom:35px; padding-bottom:40px; background:#ffd871 url(../img/3th_img/tongshin/training_main_bg.png) no-repeat right bottom;} .traning_details_top_2 {position:relative; margin-bottom:35px; padding-bottom:40px; background:#c8e0e8 url(../img/3th_img/tongshin/training_main_bg2.png) no-repeat right bottom;} .fpsb_tag {display:inline-block; height:33px; background:url(../img/3th_img/tongshin/training_tag_bg1.png) no-repeat right;} .fpsb_tag2 {display:inline-block; height:33px; background:url(../img/3th_img/tongshin/training_tag_bg2.png) no-repeat right;} p.fpsb {display:inline-block; height:28px; margin-right:28px; padding:5px 10px 0 10px; font-size:17px; font-weight:bold; color:#fff; background:#0c99ca;} .traning_details_btns {position:absolute; top:16px; right:16px;} .btn_white_arrow_down {display:inline-block; width:95px; height:29px; padding:6px 0 0 25px; font-size:13px; color:#fff; background:#646464 url(../img/3th_img/tongshin/icon_arrow_down-.png) no-repeat 10px 15px;} .btn_white_arrow_down:hover {background:#000 url(../img/3th_img/tongshin/icon_arrow_down-.png) no-repeat 10px 15px; color:#fff;} .btn_white_arrow_left {display:inline-block; width:110px; height:29px; padding:6px 0 0 25px; font-size:13px; color:#fff; background:#646464 url(../img/3th_img/tongshin/icon_arrow_left-.png) no-repeat 10px 15px;} .btn_white_arrow_left:hover {background:#000 url(../img/3th_img/tongshin/icon_arrow_left-.png) no-repeat 10px 15px; color:#fff;} .traning_details_top>h4,.traning_details_top_2>h4 {display:inline-block; margin:35px 0 0 50px; font-size:20px; line-height:40px; font-weight:normal; color:#333;} .NH_small_333 {font-size:12px; color:#333 !important;} .traning_details_top>h4>strong {display:inline-block; font-size:30px; line-height:30px; letter-spacing:-2px;} .traning_details_top_2>h4>strong {display:inline-block; font-size:30px; line-height:30px; letter-spacing:-2px;} .traning_new {display:inline-block; width:64px; height:36px; background:url(../img/3th_img/tongshin/training_tag_new.png) no-repeat;} .traning_details_top>p {display: inline-block; margin:25px 0 0 50px; font-size:12px; color:#333;} .traning_details_top>dl {width:510px; margin:20px 0 0 50px;} .traning_details_top>dl:after {content:'';display:block; height:0; clear:both;} .traning_details_top_2>p {display: inline-block; margin:25px 0 0 50px; font-size:12px; color:#333;} .traning_details_top_2>dl {width:510px; margin:20px 0 0 50px;} .traning_details_top_2>dl:after {content:'';display:block; height:0; clear:both;} *:first-child+html .traning_details_top>dl {min-height:1px;} *:first-child+html .traning_details_top_2>dl {min-height:1px;} .traning_details_top>dl>dt {float:left; width:60px; height:25px; margin:0; padding-top:2px; color:#fff; font-size:12px; font-weight:bold; text-align:center; background: #646464;} .traning_details_top>dl>dd {float:left; width:110px; height:25px; margin:0; padding-top:2px; font-size:12px; color:#333; text-align:center; background: #fff;} .traning_details_top_2>dl>dt {float:left; width:60px; height:25px; margin:0; padding-top:2px; color:#fff; font-size:12px; font-weight:bold; text-align:center; background: #646464;} .traning_details_top_2>dl>dd {float:left; width:110px; height:25px; margin:0; padding-top:2px; font-size:12px; color:#333; text-align:center; background: #fff;} table.traning_details_t_table {width:510px; margin:10px 0 0 50px; border-top:2px solid #e2ae23; border-bottom:2px solid #e2ae23;} table.traning_details_t_table th {padding:5px 0 5px 0; color:#775a0d; border:1px solid #ffd871; background:#fff7e3;} table.traning_details_t_table td {padding:5px 0 5px 0; color:#775a0d; border:1px solid #ffd871; text-align:center; background:#fff;} table.traning_details_t_table2 {width:510px; margin:10px 0 0 50px; border-top:2px solid #0c99ca; border-bottom:2px solid #0c99ca;} table.traning_details_t_table2 th {padding:5px 0 5px 0; color:#333; border:1px solid #c8e0e8; background:#ddecf1;} table.traning_details_t_table2 td {padding:5px 0 5px 0; color:#333; border:1px solid #c8e0e8; text-align:center; background:#fff;} .traning_details_feature {margin-bottom:55px;} .traning_details_feature:after {content:'';display:block; height:0; clear:both;} *:first-child+html .traning_details_feature {min-height:1px;} .details_feature_btns li {display:block; float:left; width:103px; height:103px; margin-left:6px; background-color:#4fc1e9;} .details_feature_btns li:hover {background-color:#646464;} .details_feature_btns li:first-child {margin-left:0;} .fb_online {background:url(../img/3th_img/tongshin/training_icon_online.png) no-repeat center;} .fb_mobile {background:url(../img/3th_img/tongshin/training_icon_mobile.png) no-repeat center;} .fb_scheduler {background:url(../img/3th_img/tongshin/training_icon_scheduler.png) no-repeat center;} .fb_files {background:url(../img/3th_img/tongshin/training_icon_file.png) no-repeat center;} .fb_author_direct {background:url(../img/3th_img/tongshin/training_icon_author.png) no-repeat center;} .fb_sight {background:url(../img/3th_img/tongshin/training_icon_sight.png) no-repeat center;} .fb_case {background:url(../img/3th_img/tongshin/training_icon_case.png) no-repeat center;} .fb_training_icon_2_issue {background:url(../img/3th_img/tongshin/training_icon_2_issue.png) no-repeat center; } .fb_training_icon_3_5 {background:url(../img/3th_img/tongshin/training_icon_3_5.png) no-repeat center;} .fb_training_icon_4_5 {background:url(../img/3th_img/tongshin/training_icon_4_5.png) no-repeat center;} .fb_training_icon_5_5 {background:url(../img/3th_img/tongshin/training_icon_5_5.png) no-repeat center;} .fb_training_icon_67_5 {background:url(../img/3th_img/tongshin/training_icon_67_5.png) no-repeat center;} .fb_training_icon_8_5 {background:url(../img/3th_img/tongshin/training_icon_8_5.png) no-repeat center;} .fb_training_icon_9_5 {background:url(../img/3th_img/tongshin/training_icon_9_5.png) no-repeat center;} .fb_training_icon_10_5 {background:url(../img/3th_img/tongshin/training_icon_10_5.png) no-repeat center;} .fb_training_icon_11_6 {background:url(../img/3th_img/tongshin/training_icon_11_6.png) no-repeat center;} .fb_training_icon_case_study {background:url(../img/3th_img/tongshin/training_icon_case_study.png) no-repeat center;} .fb_training_icon_book {background:url(../img/3th_img/tongshin/training_icon_book.png) no-repeat center;} .fb_icon_btn {display:block; width:103px; height:10px; padding-top:105px; text-align:center; font-weight:bold; font-size:12px;} .fb_stand {position:relative;} .fb_detail_box {z-index:9999; position:absolute; top:110px; left:0; display:none; width:270px; padding:12px; background:#fff; border:1px solid #4fc1e9; font-size:12px;} .fb_sight .fb_detail_box ,.fb_author_direct .fb_detail_box,.fb_case .fb_detail_box,.left_193 {left:-193px !important;} .fb_detail_box>h6 {font-size:14px; color:#333; font-weight:bold; margin-bottom:10px; letter-spacing:-1px;} table.curriculum {width:100%; margin:10px 0 30px 0; border-top:2px solid #333;} .curriculum th {padding:8px; color:#333;} .curriculum td {padding:8px; border-left:1px solid #d7d7d7; border-top:1px solid #d7d7d7; font-size:12px; color:#888; line-height:20px;} .td_width_fix {width:380px} .curriculum img {display:block; float:left;} .curriculum p {display:block; float:left; width:170px; margin:20px 0 0 20px;} td.border_last {border-left:none; border-bottom:1px solid #d7d7d7;} .btn_view_book {float:left; display:inline-block; width:125px; height:30px; margin: 20px 0 0 20px; padding:5px 0 0 0 ; text-align:center; border:2px solid #079ed3; color:#079ed3;} .btn_view_book:hover {background:#079ed3; border:2px solid #079ed3; color:#fff;} .traning_details_curriculum>h6 {font-size:15px;} .traning_details_curriculum>h6>em {font-weight:bold; color:#333;} .traning_details_author {margin-bottom:35px;} .fb_author {padding:28px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} .fb_author:after {content:'';display:block; height:0; clear:both;} *:first-child+html .fb_author {min-height:1px;} .fb_author img {display:block; float:left;} .fb_author ul {display:block; float:left; margin:10px 0 0 50px;} .fb_author ul li {list-style:inside;} .traning_details_consult {position:relative; float:left;} .consult {width:400px; height:140px; margin-top:10px; border-top:2px solid #333;} .consult th {color:#333; font-size:11px; border:1px solid #d7d7d7;} .consult td {border:1px solid #d7d7d7; font-size:11px; color:#888; line-height:20px; text-align:center;} .no-data {position:absolute; top:58px; left:0; width:400px; height:80px; padding-top:60px; opacity: 0.7; -ms-filter:alpha(opacity=70);filter:alpha(opacity=70); -moz-opacity:0.7; text-align:center; font-size:20px; font-weight:bold; color:#fff; background:#4fc1e9; } .consult2 {width:100%; height:140px; margin-top:10px; border-top:2px solid #333;} .consult2 th {color:#333; font-size:11px; border:1px solid #d7d7d7;} .consult2 td {border:1px solid #d7d7d7; font-size:11px; color:#888; line-height:20px; text-align:center;} .traning_details_contact {float:right;} .details_contact_box {display:block; width:300px; height:100px; padding:20px; background:#f3f3f3;} .traning_details_contact p {font-size:17px; font-weight:bold;} .traning_details_contact dl {width:300px; margin-top:20px;} .traning_details_contact dl:after {content:'';display:block; height:0; clear:both;} *:first-child+html .traning_details_contact dl {min-height:1px;} .traning_details_contact dt {float:left; width:85px; height:22px; color:#333; font-weight:bold; } .traning_details_contact dd {float:left; width:115px; height:22px; padding-left:40px; background:url(../img/3th_img/training_dd_bg.png) no-repeat left;} /* //통신연수 상세*/ /* 예전 css 파일들... 관련 페이지 고도화 시 삭제해 주세요... */ /* For Leaders */ .durian_tab_curr {background-position:0 0 !important; } .durian_tab_curr a {color:#fff !important} .durian_comment {padding:30px 0 30px 0; line-height:160%; font-size:12px} .durian_h5 {font-size:14px; font-weight:bold; color:#00427d; margin-top:40px} .durial_btn_set {padding:0 0 0 450px; margin-top:-40px} .durian_bookcase {width:760px; height:auto; overflow:hidden; background:url(../Images/durian_bookcase.png) repeat-y 0 0; margin-top:10px } .durian_bookcase_in {_margin-left:-60px} .durian_book {float:left; position:relative; width:108px; height:143px; margin:37px 0 19px 64px;*margin:37px 0 14px 64px;_margin:37px 0 8px 64px} .durian_book_a {display:none; position:absolute; top:0; left:0; z-index: 10000} .durian_book img {width:104px; height:143px;} .durial_btn_set a.btn1 {display:inline-block; padding:4px 7px; background:#f1f1f1; border:1px solid #d9d9d9} .durial_btn_set a.btn1:hover {background:#e5e5e5; border:1px solid #b3b3b3; text-decoration:none; transition:0.5s} .durial_btn_set a.btn3 {display:inline-block; margin-left:15px; padding:4px 7px; color:#fff; background:#ff6766; border:1px solid #e52e2e} .durial_btn_set a.btn3:hover {color:#fff; background:#e54545; border:1px solid #d92121; text-decoration:none; transition:0.5s} /* //For Leaders */ /* plus 웹진 */ .webzine_wrap {position:relative} .webzine_wrap img {display:block} .webzine_wrap h4 {width:990px; margin:0 auto} .webzine_wrap div.content {width:990px; margin:0 auto} .webzine_wrap div.webzine_view {height:60px; background:#4d4d4d} .webzine_view div.webzine_btn {position:relative; width:990px; margin:0 auto; text-align:center} .webzine_btn div.w_move_btn a {position:absolute; top:19px; height:24px; padding-left:35px; color:#fff; background:url(../img/webzine/1409/arrow_icon.png) 0 0 no-repeat} .webzine_btn div.w_move_btn a.prev_btn {left:0; background-position:0 0} .webzine_btn div.w_move_btn a.prev_btn:hover {font-weight:bold; text-decoration:none; background-position:0 -30px} .webzine_btn div.w_move_btn a.next_btn {right:0; padding:0 35px 0 0; background-position:right 0} .webzine_btn div.w_move_btn a.next_btn:hover {font-weight:bold; text-decoration:none; background-position:right -30px} .webzine_btn p.count {display:inline-block; zoom:1; *display:inline; margin:19px 0 0 10px; color:#fff; vertical-align:top} .webzine_btn p.count span {font-weight:bold} .sub_webzine_select {display:inline-block; margin-top:16px; zoom:1; *display:inline} .sub_webzine_select div.sbHolder {width:150px; height:28px !important; border:none !important} .sub_webzine_select div a.sbSelector {top:2px; height:25px} .sub_webzine_select div a.sbToggle {top:-1px; height:28px} .sub_webzine_select div ul.sbOptions {top:28px !important; left:0; width:148px; height:166px; overflow-y:scroll} .sense_wrap {position:absolute; top:50%; left:50%; display:none; width:910px; height:560px; margin:-320px 0 0 -495px; padding:40px; background:#fff} .webzine_pop_h4 {margin:0; padding-top:15px; font-size:50px; font-weight:bold; color:#4cbf60; line-height:45px; text-align:center; font-family:"Malgun Gothic","맑은 고딕","Dotum","돋움", sans-serif !important} .webzine_pop_h4 span {font-size:30px; color:#333} .webzine_comment_box {margin-top:30px; padding:20px; border:1px solid #e6e6e6; background:#fafafa} .webzine_comment_box strong {color:#333} .webzine_content_img {margin-top:30px} .webzine_content_img img {padding:0 30px 20px 0} .webzine_content_img p {text-align:justify} .sense_wrap a {float:right; margin-top:40px; font-weight:bold; color:#333; text-decoration:underline} /* plus 웹진 */ /* 과정메트릭스 */ .matrix_box {float:left; background:#f8f8f8; border-top:1px solid #acacae; border-bottom:1px solid #acacae; height:420px; margin-bottom:3px} .matrix_box_type_01 {width:110px; border-left:1px solid #acacae; text-align: center} .matrix_box_type_01 .matrix_sel_in p {padding:8px 0} .matrix_box_type_02 {width:120px; border-left:1px solid #acacae; text-align: center} .matrix_box_type_02 .matrix_sel_in p {padding:8px 0} .matrix_box_type_03 {width:196px; border-left:1px solid #acacae; border-right:1px solid #acacae;} .matrix_box_type_04 {width:120px; border-left:1px solid #acacae; border-right:1px solid #acacae; margin-left:3px; text-align: center} .matrix_box_type_04 .matrix_sel_in p {padding:8px 0} .matrix_box_type_05 {width:200px; border-left:1px solid #acacae; border-right:1px solid #acacae; margin-left:3px;} .matrix_box h3 {text-align: center;font-size:12px; font-weight: bold; background:#e0e5f1; color:#000; border-bottom:1px solid #ccc; margin:0; padding:10px 0 0 0; height:27px} .matrix_sel_in {height:362px; overflow-y:auto; padding:10px 0} .matrix_sel_in p {padding:8px 0 8px 30px; cursor:pointer} .matrix_sel_in p:hover {background-color:#ebebed} .matrix_sel_check {background:url('../img/matrix_ico_check.png') no-repeat 10px center #ebebed} .matrix_words {clear:both; background:#454f66; color:#97c8e8; padding:10px; margin-bottom:3px; *margin-top:-40px } .matrix_words_in {width:600px; float:left;} .matrix_words_in span {margin:0 10px; font-size:12px; display:inline-block } .matrix_btn_01 {float: right; color:#000; background: url('../img/matrix_btn_01_back.png') no-repeat 0 0; margin:5px 0; padding:6px 9px 6px 25px; cursor: pointer} .matrix_result {padding:20px; border:1px solid #acacae; height:350px; overflow-y:auto} .matrix_total {text-align:right; padding:0 10px 10px 0; border-bottom:1px dotted #ccc; font-size:12px;} .matrix_total span {font-weight:bold} .matrix_result_box {padding:0 10px} .matrix_result_unit {overflow:hidden; clear:both; vertical-align: middle; min-height:42px; *height:42px; font-weight:bold; border-bottom:1px dotted #f0f0f0; padding:5px 0 0 0} .matrix_result_num {font-size:15px;padding:8px 0 0 0; float:left; width:40px; text-align:center} .matrix_trigger {display:block; float:left; vertical-align: middle; margin-right:3px; cursor:pointer} .matrix_thumb {display:block; float:left; vertical-align: middle; padding:1px; border:1px solid #ccc;_border:none; height:34px; margin-right:7px} .matrix_thumb img {width:44px; height:34px; padding:0; margin:0} .matix_result_txt {float:left; vertical-align: middle;} .matix_result_txt p {width:540px} .matrix_result_type_01 {display:inline-block; font-size:10px; background:url(../img/matrix_result_type_01_back.png) no-repeat 0 0; padding:0 0 0 7px; line-height:10px} .matrix_result_type_01 span {display:inline-block; background:url(../img/matrix_result_type_01_back.png) no-repeat right 0; padding:1px 7px 0 0; height:15px} .matrix_result_type_02 {display:inline-block; font-size:10px; background:url(../img/matrix_result_type_02_back.png) no-repeat 0 0; padding:0 0 0 7px; line-height:10px} .matrix_result_type_02 span {display:inline-block; background:url(../img/matrix_result_type_02_back.png) no-repeat right 0; padding:1px 7px 0 0; height:15px} .matrix_pop{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%} .matrix_pop.open{display:block} .matrix_pop .bg{position:absolute;top:0;left:0;width:100%;height:100%;_height:2000px;background:url(../img/talk_out_body_back.png) repeat 0 0} #matrixPopBox{position:absolute;top:50%;left:50%;width:760px; height:600px; margin:-358px 0 0 -410px;padding:0 10px; background:#fff; border:3px solid #6c6c6c;line-height:normal;white-space:normal; overflow: hidden; text-align:left; padding:49px 20px 0 20px; overflow-y:scroll} #matrixPopBox .close{overflow:visible;position:absolute;top:5px;right:0;width:20px;height:20px;padding:0;border:0;background:transparent;text-align:center;cursor:pointer} /* 과정메트릭스 */ /* 과정메트릭스2 */ .matrix2_article {margin-top:15px; background:url('../img/matrix2_step_back.png') no-repeat 0 0;*background-position:0 1px ;_background:url('../img/matrix2_step_back.png') no-repeat 0 -422px; padding:0 0 10px 0; *padding:0; _padding:0 0 10px 0} .matrix2_article2 {margin-top:20px; position:relative} .matrix2_box {float:left; height:420px; margin-bottom:3px} .matrix2_box_type_01 {width:132px; text-align: center} .matrix2_box_type_01 .matrix2_sel_in li {padding:7px 0} .matrix2_box_type_02 {width:133px; text-align: center} .matrix2_box_type_02 .matrix2_sel_in li {padding:7px 0} .matrix2_box_type_03 {width:349px; } .matrix2_box_type_04 {width:138px; margin-left:7px; text-align: center} .matrix2_box_type_04 .matrix2_sel_in li {padding:7px 0} .matrix2_box_type_05 {width:200px; margin-left:3px;} .matrix2_box h3 {text-align:center; font-size:14px; font-weight:bold; color:#fff; margin:0; padding:12px 0 3px 5px; height:30px } .matrix2_sel_in {height:355px; overflow-y:auto; padding:10px 0} .matrix2_sel_in li {padding:7px 0 7px 30px; cursor:pointer; font-size:12px; margin:0; *line-height:100%} .matrix2_sel_in li:hover {background-color:#ebebed} .matrix2_sel_check {background:url('../img/matrix_ico_check.png') no-repeat 15px center #ebebed} .matrix2_sel_in2 li {width:135px; float:left; margin-right:1px; } .matrix2_words {clear:both; color:#fff; padding:10px; margin-bottom:3px; *margin-top:-10px ; _margin-top:0px; height: 40px } .matrix2_words_in {width:550px; float:left;} .matrix2_words_in span {margin:0 10px; font-size:12px; display:inline-block } .matrix2_btn_01 {float:right; color:#092e73; font-size:13px; font-weight:bold; background:url('../img/matrix2_step_btn_back.png') no-repeat 0 0; margin:2px 0; padding:7px 24px 12px 40px; cursor: pointer} .matrix2_result {padding:20px; border:1px solid #acacae; height:350px; overflow-y:auto} .matrix2_total {padding:10px 10px 10px 0; font-size:12px;} .matrix2_total span {font-weight:bold} .matrix2_tab {position:absolute; top:0; right:0} .matrix2_tab_unit {display:inline-block; background:url('../img/matrix2_step_btn_back_off.png') no-repeat 0 0; padding:3px 0; width:104px; text-align:center; font-size:12px; font-weight:bold; cursor:pointer} .matrix2_tab_on {background:url('../img/matrix2_step_btn_back_on.png') no-repeat 0 0; color:#fff} .matrix2_result_box {padding:10px;} .matrix2_result_box2 {padding:10px; background:url('../img/matrix2_result_back2.png') no-repeat 0 0;} .matrix2_result_unit {clear:both; vertical-align: middle; min-height:42px; *height:42px; font-weight:bold; border-bottom:1px dotted #f0f0f0; padding:5px 0 0 0} .matrix2_result_num {font-size:15px;padding:8px 0 0 0; float:left; width:40px; text-align:center} .matrix2_trigger {display:block; float:left; vertical-align: middle; margin-right:3px; cursor:pointer} .matrix2_thumb {display:block; float:left; vertical-align: middle; padding:1px; border:1px solid #ccc;_border:none; height:34px; margin-right:7px} .matrix2_thumb img {width:44px; height:34px; padding:0; margin:0} .matrix2_result_txt {float:left; vertical-align: middle;} .matrix2_result_txt p {padding:2px 0 0 0; width:540px} .matrix2_result_type_01 {display:inline-block; font-size:10px; background:url(../img/matrix_result_type_01_back.png) no-repeat 0 0; padding:0 0 0 7px} .matrix2_result_type_01 span {display:inline-block; background:url(../img/matrix_result_type_01_back.png) no-repeat right 0; padding:1px 7px 0 0; height:15px} .matrix2_result_type_02 {display:inline-block; font-size:10px; background:url(../img/matrix_result_type_02_back.png) no-repeat 0 0; padding:0 0 0 7px} .matrix2_result_type_02 span {display:inline-block; background:url(../img/matrix_result_type_02_back.png) no-repeat right 0; padding:1px 7px 0 0; height:15px} .matrix2_result_1 {background:url('../img/matrix2_result_back1.png') no-repeat 0 bottom;padding-bottom:9px; } .matrix2_result_2 {background:url('../img/matrix2_result_back2.png') no-repeat 0 bottom;padding-bottom:9px;_height:300px; min-height:300px } .matrix2_result_1 table {width:760px; min-height:100px; background:url('../img/matrix2_result_back1.png') no-repeat 0 0; font-size:13px} .matrix2_result_1 table .dn {display:none} .matrix2_result_1 table th {height:50px} .matrix2_result_1 table td {*height:70px; min-height:70px; border-top:1px solid #ccc; width:206px} .matrix2_result_1_ico_1 {background:url('../img/matrix2_ico_01.gif') no-repeat 10px center; width:131px; padding-left:10px; font-weight: bold; text-align:center;} .matrix2_result_1_ico_2 {background:url('../img/matrix2_ico_02.gif') no-repeat 10px center; width:131px; padding-left:10px; font-weight: bold; text-align:center;} .matrix2_result_1_ico_3 {background:url('../img/matrix2_ico_03.gif') no-repeat 10px center; width:131px; padding-left:10px; font-weight: bold; text-align:center;} .matrix2_result_1_ico_4 {background:url('../img/matrix2_ico_04.gif') no-repeat 10px center; width:131px; padding-left:10px; font-weight: bold; text-align:center;} .matrix2_result_1_ico_5 {background:url('../img/matrix2_ico_05.gif') no-repeat 10px center; width:131px; padding-left:10px; font-weight: bold; text-align:center;} .matrix2_result_pop_box {position:relative; zoom:1} .matrix2_result_pop {display:block; padding:3px 0; cursor:pointer; width:206px;text-overflow: ellipsis; overflow: hidden;white-space:nowrap;cursor:pointer} .matrix2_result_pop_balloon {position:absolute; top:20px; left:10px; background:url('../img/matrix2_pop_arrow.gif') no-repeat 0 0; _width:250px; min-width:150px; max-width:250px; z-index: 1000} .matrix2_result_pop_balloon p {position:relative; border:3px #415e89 solid; border-top:0; background:#fff; margin:9px 0 0 0; _width:250px; min-width:150px;max-width:250px; padding:5px} .matrix2_result_in_tab {text-align: right; font-size:12px; font-weight:bold;border-bottom:1px solid #ccc; padding-bottom:5px} .matrix2_result_in_tab_01_in {display:inline-block; width:40px; height:17px; text-align: center; padding:1px 0 0 0; line-height:13px; cursor:pointer; border:1px solid #e9e9e9} .matrix2_result_in_tab_01_on {background:url('../img/matrix2_intab_1_on.png') no-repeat 0 0; color:#fff} .matrix2_result_title {background:url('../img/matrix2_intab_title.png') no-repeat 0 0; color:#3e64a2; width:721px; height:19px; padding-left:10px; font-size:12px; font-weight:bold; margin-top:10px} .matrix_pop{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%} .matrix_pop.open{display:block} .matrix_pop .bg{position:absolute;top:0;left:0;width:100%;height:100%;_height:2000px;background:url(../img/talk_out_body_back.png) repeat 0 0} #matrixPopBox{position:absolute;top:50%;left:50%;width:780px; height:600px; margin:-358px 0 0 -410px;padding:0 10px; background:#fff; border:3px solid #6c6c6c;line-height:normal;white-space:normal; overflow: hidden; text-align:left; padding:49px 20px 0 20px; overflow-y:scroll} #matrixPopBox .close{overflow:visible;position:absolute;top:5px;right:0;width:20px;height:20px;padding:0;border:0;background:transparent;text-align:center;cursor:pointer} .matrix2_input_box {padding:0 0 30px 0} .matrix2_input_box_btn {width:209px; text-align: center; background:url(../img/matrix2_input_box_btn.png) no-repeat 0 0; height:26px; display: inline-block; padding:4px 0 0 0; font-weight:bold; color:#fff; cursor:pointer} .matrix2_input_box input {border:2px solid #97d2ed; width:526px; height:23px; vertical-align: middle} /* 과정메트릭스2 */ /* 과정메트릭스3 */ .matrix3_article {padding:15px;} .matrix3_step {clear:both; margin-bottom:5px} .matrix3_step h3 {padding:0 30px 0 40px; margin:0; float:left; font-size:14px; font-weight:bold} .matrix3_step_01 {background:url('../img/matrix3_step_back1.png') no-repeat 0 0; padding:18px 0 0 0 ;} .matrix3_sel_in {float:right; width:601px; padding-bottom:16px} .matrix3_step_01 .matrix3_sel_in {background:url('../img/matrix3_step_back1b.gif') no-repeat right bottom;} .matrix3_sel_in li {padding:0px 0px 7px 50px; float:left; font-size:16px; cursor:pointer} .matrix3_sel_in_checked {background:url(../img/matrix3_check.gif) no-repeat 27px 3px} .matrix3_step_02 {background:url('../img/matrix3_step_back2.png') no-repeat 0 0; padding:18px 0 0 0 ;} .matrix3_step_02 .matrix3_sel_in {background:url('../img/matrix3_step_back2b.gif') no-repeat right bottom;} .matrix3_step_03 {background:url('../img/matrix3_step_back3.png') no-repeat 0 0; padding:18px 0 0 0 ;} .matrix3_step_03 .matrix3_sel_in {background:url('../img/matrix3_step_back3b.gif') no-repeat right bottom;} .matrix3_step_04 {background:url('../img/matrix3_step_back4.png') no-repeat 0 0; padding:18px 0 0 0 ;} .matrix3_step_04 .matrix3_sel_in {background:url('../img/matrix3_step_back4b.gif') no-repeat right bottom;} .matrix3_next_btn_box {text-align:right; margin-bottom:5px} .matrix3_next_btn {display:inline-block; background:url("../img/matrix3_next_back.png") no-repeat 0 0; padding:3px 20px 3px 10px; font-size:12px; cursor: pointer} .matrix3_search_btn {background:url(../img/matrix3_step_btn_back.png) no-repeat 0 0; padding:12px 0 13px 25px; width:145px; cursor: pointer; display:inline-block; font-size:13px; font-weight:bold; color:#2e849a} .matrix3_words {background:url(../img/matrix3_words_back.png) no-repeat 0 0; height:56px; padding:10px; margin-top:20px} .matrix3_words h3 {float:left; padding:5px 10px 0 40px; font-size:16px; font-weight:bold; color:#0f348b; margin:0} .matrix3_words span {margin:0 10px; font-size:12px; display:inline-block; padding:2px 0 } /* 과정메트릭스3 */ /* 플러스 알파 */ .plus_tab li {float:left; width:78px; height:35px; margin-right:4px; padding-top:15px; font-size:15px; color:#ccc; text-align:center; cursor:pointer; border:1px solid #e6e6e6; background:#f7f7f7} .plus_tab li.plus_tab_total {width:80px;} .plus_tab li.line_2th {padding-top:6px; height:44px} .plus_tab li.on.line_2th {padding-top:6px; height:45px !important;} /* //플러스 알파 */ /* NH지식공유방 */ .share_tab {margin-top:40px} .share_tab li {float:left; width:121px; height:35px; margin-right:4px; padding-top:15px; font-size:15px; color:#ccc; text-align:center; cursor:pointer; border:1px solid #e6e6e6; background:#f7f7f7} .sub_teacher_box {height:80px; margin-bottom:10px} .sub_movie_etc {position:relative; width:474px; height:60px; padding:18px 0 0 20px; letter-spacing:-0.5px; line-height:22px; border:1px solid #dadada} .sub_movie_etc strong {color:#ff6766} .sub_movie_btn {float:left; width:254px; height:80px; background:url(../img/teacher_btn.png) 0 0px no-repeat} .sub_movie_btn:hover {background:url(../img/teacher_btn.png) 0 -90px no-repeat; transition:0.75s} .sub_content_btn {float:left; width:254px; height:80px; background:url(../img/teacher_btn.png) -264px 0px no-repeat} .sub_content_btn:hover {background:url(../img/teacher_btn.png) -264px -90px no-repeat; transition:0.75s} .m_guide_btn {position:absolute; bottom:13px; right:13px; display:inline-block; padding:1px 10px 1px 10px; text-align:center; color:#fff; font-size:11px; background:#4fc1e9} .m_guide_btn:hover {text-decoration:none; color:#fff} .c_guide_btn {position:absolute; bottom:13px; right:13px; display:inline-block; padding:1px 10px 1px 10px; text-align:center; color:#fff; font-size:11px; background:#f3b332} .c_guide_btn:hover {text-decoration:none; color:#fff} .sub_teacher_top {height:18px; margin-top:30px} .list_remark2 {float:left; margin-top:10px; font-size:12px} .list_remark2 span {display:inline-block; height:17px; margin-right:15px; background:url(../img/icon1.png) 0 0 no-repeat} .list_remark2 span.icon_no {background:none} span.movie {padding-left:22px; background:url(../img/icon2.png) 0 -80px no-repeat} span.content {padding-left:22px; background:url(../img/icon2.png) 0 -120px no-repeat} .sub_course_box span.movie_icon {position:absolute; top:7px; left:7px; width:17px; height:17px; background:url(../img/icon2.png) 0 -80px no-repeat} .sub_course_box span.content_icon {position:absolute; top:7px; left:7px; width:17px; height:17px; background:url(../img/icon2.png) 0 -120px no-repeat} .sub_course_view span.like {height:14px; padding-left:17px; background:url(../img/icon2.png) 0 -160px no-repeat} .sub_teacher_top p {font-size:11px} .sub_teacher_top p a.on {color:#36add9; font-weight:bold} .sub_tabbtn_small2 {width:760px; height:40px; border-bottom:2px solid #4d4d4d} .sub_tabbtn_small2 li {float:left; width:125px; margin-right:1px} .sub_tabbtn_small2 li.all {width:128px} .sub_tabbtn_small2 li.all a {width:128px} .sub_tabbtn_small2 li a {display:inline-block; width:125px; height:26px; padding-top:13px; text-align:center; font-weight:bold; text-decoration:none; border:1px solid #ccc; border-bottom:none} .sub_tabbtn_small2 li a:hover {background:#f2f2f2; transition:0.75s} .sub_tabbtn_small2 li a.tab_on {color:#fff; background:#4fc1e9; border:1px solid #2697bf; border-bottom:none} .sub_teacher_movie {float:left; width:557px; height:320px; padding:10px 0 0 10px; overflow-y:auto; overflow-x:hidden; border:1px solid #ccc } .sub_teacher_content {float:left; width:557px; height:320px; padding:10px 0 0 10px; overflow-y:auto; overflow-x:hidden; border:1px solid #ccc } .t_sum_img1 {text-align:center; background:url(../img/teacher_sum_img1.png) 10px 10px no-repeat} .t_sum_img2 {text-align:center; background:url(../img/teacher_sum_img2.png) 10px 10px no-repeat} .t_sum_img3 {text-align:center; background:url(../img/teacher_sum_img3.png) 10px 10px no-repeat} .t_content_h4 {margin-top:40px; font-size:17px; font-weight:bold} h4.f_blue {color:#2968a6} .t_content_p {height:185px; line-height:18px} .t_content_name {color:#fff; font-weight:bold} .textarea_box {width:95%; height:35px; padding:10px 0 10px 10px; border:1px solid #d9d9d9; outline:0; transition:0.5s} .input_tit_box:hover, .input_tit_box:focus {border:1px solid #4fc1e9} .movie_img_select {width:146px; margin:0 10px 5px 0; border:2px solid #d9d9d9; cursor:pointer} .movie_img_select:hover {border:2px solid #4fc1e9} .movie_img_select_on {width:146px; margin:0 10px 5px 0; border:2px solid #4fc1e9; cursor:pointer} .content_img_select {width:180px; margin-right:10px; border:2px solid #d9d9d9; cursor:pointer} .content_img_select:hover {border:2px solid #4fc1e9} .content_img_select_on {width:180px; margin-right:10px; border:2px solid #4fc1e9; cursor:pointer} .t_movie_tip {margin:20px 0; font-weight:bold; font-size:12px} .t_movie_tip em {color:#ff6766} .t_content_preview {width:89%; height:310px; padding:10px 0 0 10px; border:1px solid #ccc} .fr {float:right !important} /* //NH지식공유방 */ /* 지식플러스 알파 */ .s_sub_h3_2 {font-size:14px; font-weight:bold; color:#333; padding:10px 0; margin:0; border-bottom:2px solid #666} .s_sub_h3_2 span {color:#33a6cc} .s_sub_h3_3 {font-size:14px; font-weight:bold; color:#333; padding-bottom:10px; margin:0; border-bottom:2px solid #666} .s_sub_h3_3 span {color:#33a6cc} .s_sub_h4 {margin:0; padding:15px 0; font-size:15px; font-weight:bold; color:#333333 } .s_sub_h4_2 {margin:0; padding:15px 0; font-size:14px; font-weight:bold; color:#333333} .s_sub_alpha_top {height:328px; margin-bottom:40px } .s_sub_alpha_movie {float:left; width:567px; height:330px; overflow-y:auto; overflow-x:hidden; border:1px solid #ccc } .s_sub_alpha_movie img {display:block} .s_sub_alpha_movie p {width:527px; padding:20px; line-height:150%} .s_sub_alpha_info {float:left; width:191px; height:330px; border-top:1px solid #ccc; border-bottom:1px solid #ccc} .s_sub_alpha_info dl {position:relative; display:block; padding:12px 0 10px 20px; border-bottom:1px dashed #ccc} .s_sub_alpha_info dl:last-child {border-bottom:none} .s_sub_alpha_info dl dt {display:inline-block} .s_sub_alpha_info dl dd {display:inline-block;color:#ff6766; margin:0 10px 0 0; font-size:14px; font-weight:bold; letter-spacing:-1px} .s_sub_alpha_info dl dd img {display:inline-block; margin:10px 10px 0 0} .s_sub_alpha_info_name {color:#000 !important; font-size:14px; font-weight:bold} .s_sub_like_btn {position:absolute; top:7px; right:0; display:block !important; padding:4px 8px 4px 30px; font-size:12px; color:#fff; background:#4fc1e9 url(../img/son_icon1.png) no-repeat -275px -236px} .s_sub_like_btn:hover {color:#fff; text-decoration:none;} .s_sub_plus_btn {position:absolute; bottom:0; right:-43px} .s_sub_alpha_file {display:inline !important; font-size:12px !important; color:#333 !important; font-weight:normal !important} .s_sub_alpha_file a {color:#333 !important;} .s_sub_alpha_starbox {position:absolute;top:70px; right:0; display:none; width:100px; padding:10px; border:3px solid #666; background:#fff;} .s_sub_alpha_starbox img {display: inline-block; margin:0 0 0 5px !important} .s_sub_alpha_teacher {padding:20px } .s_sub_alpha_teacher img {float:left; margin-right:15px} .s_sub_alpha_teacher dl{float:left; padding:5px 0; width:550px;} .s_sub_alpha_teacher dl dt {display:block; float:left; font-weight:bold; color:#333; margin:0 3px 8px 0;} .s_sub_alpha_teacher dl dd {display:block; float:left;width:500px; margin:0 0 8px 0;;} .s_sub_alpha_teacher .s_sub_alpha_info_name {width:565px; padding:0 0 7px 0; margin-bottom:10px ;clear:both !important; border-bottom:1px dashed #ccc} .s_sub_alpha_p {padding:15px 20px 10px 20px !important; line-height:150% !important} .sub_search_box2 {width:586px !important} .search_btn2 .sub_serch_btn {background-color:#666} .s_sub_alpha_comment {padding:5px 0;} .s_sub_alpha_comment p {padding:12px 0 10px 12px; border-bottom:1px dashed #ccc; background:url(../img/son_icon1.png) no-repeat 5px -602px} .s_sub_alpha_comment p a {color:#666} .s_sub_alpha_comment p.coment {border-bottom:none} .s_sub_alpha_comment_name {float:right; font-size:12px;} .s_sub_btn_t1 {height:23px; padding:1px 25px 0 10px; color:#666; font-weight:bold; border:1px solid #d9d9d9; background:#f3f3f3 url(../img/son_icon1.png) right -172px no-repeat; font-size:12px;} .s_sub_btn_t1:hover {text-decoration:none; color:#666; border:1px solid #ccc; background:#e5e5e5 url(../img/son_icon1.png) right -172px no-repeat; transition:0.5s} .s_sub_btn_t8 {display:inline-block; background:#f1f1f1; padding:2px 7px 4px 7px; text-align:center; color:#666; font-size:12px; border:1px solid #ccc} .s_sub_intro {padding-bottom:0 !important} .s_sub_intro article {padding:0 0 20px 0; overflow:hidden} .s_sub_intro article p {padding:10px 0; line-height:140% } .s_sub_tablayer {padding:30px 20px; background:#f3f3f3; margin:30px 0} .s_sub_tablayer div.search_btn2 {position:relative; top:0; left:0; margin:0 !important; width:720px !important} .s_sub_tablayer h4 {margin:0; padding:0 0 8px 0; font-size:14px; font-weight:bold; border-bottom:1px solid #ccc} .s_sub_tablayer h4 span {color:#36b0d9; letter-spacing: -1px;} .s_sub_tablayer2 {padding:10px 20px; background:#f3f3f3; margin-bottom:10px;} .s_sub_tablayer2 h4 {margin:0; padding:0 0 8px 0; font-size:14px; font-weight:bold; border-bottom:1px solid #ccc} .s_sub_tablayer2 h4 span {color:#36b0d9; letter-spacing: -1px;} /* 서브검색 */ .sub_serch {margin-top:25px} .serch_btn {width:760px; height:37px; margin-top:15px} .sub_serch_box {float:left; width:626px; height:34px; padding:0 0 2px 20px; line-height:32px; border:2px solid #d9d9d9; outline:0; transition:0.5s} .sub_serch_box:hover, .sub_serch_box:focus {border:2px solid #4fc1e9} .sub_serch_btn {float:right; width:78px; height:30px; padding:8px 0 0 20px; color:#fff; font-weight:bold; border:1px solid #666; background:#666 url(../img/icon1.png) 80px -195px no-repeat} .sub_serch_btn:hover {text-decoration:none; color:#fff} .s_sub_ico_movie {display:inline-block; background:url(../img/icon2.png) 0 -80px; width:17px; height:17px; overflow: hidden; text-indent:-10000px; vertical-align: middle; margin:-4px 0 0 7px;} .s_sub_ico_content {display:inline-block; background:url(../img/icon2.png) 0 -120px; width:17px; height:17px; overflow: hidden; text-indent:-10000px; vertical-align: middle; margin:-4px 0 0 7px;} /* //지식플러스 알파 */ /* //예전 css 파일들... 관련 페이지 고도화 시 삭제해 주세요... */ /* 버튼 모음 */ .sub_btn {margin-top:30px; text-align:right} .btn_list {display:inline-block; width:50px; height:27px; margin-left:5px; padding:10px 0 5px 50px; font-size:13px; text-align:left; border:1px solid #ccc; background:#fff url(../img/3th_img/icon/icon_list_btn.png) 20px 14px no-repeat; outline:0} .btn_list:hover {border:1px solid #666; color:#333} .btn_change {display:inline-block; width:50px; height:27px; margin-left:5px; padding:10px 0 5px 50px; color:#fff; text-align:left; border:1px solid #666; background:#666 url(../img/3th_img/icon/icon_chance.png) 27px 16px no-repeat; outline:0; cursor:pointer} .btn_delete {display:inline-block; width:50px; height:27px; margin-left:5px; padding:10px 0 5px 50px; color:#fff; text-align:left; border:1px solid #ff7473; background:#ff7473 url(../img/3th_img/icon/icon_del.png) 27px 16px no-repeat; outline:0; cursor:pointer} .btn_inquiry {display:inline-block; width:75px; height:32px; padding:8px 0 0 40px; color:#fff; text-align:left; background:#4fc1e9 url(../img/3th_img/icon/icon_check_btn.png) 24px 16px no-repeat} .btn_inquiry:hover {background:#2babd9 url(../img/3th_img/icon/icon_check_btn.png) 24px 16px no-repeat} /* //버튼 모음 */ /* 셀렉트 박스 */ .sbHolder {position:relative; width:128px; height:30px; background:#fff; border:solid 1px #e6e6e6} .sbSelector {position:absolute; display:block; top:2px; left:10px; height:22px; line-height:23px; outline:none; overflow:hidden; font-size:12px !important; color:#999} .sbSelector:link, .sbSelector:visited, .sbSelector:hover {outline:none; text-decoration:none; font-size:11px} .sbToggle {position:absolute; display:block; right:0; top:0; width:25px; height:20px; background:url(../img/3th_img/icon/icon_select.png) center 13px no-repeat; outline:none; } .sbToggleOpen {background:url(../img/3th_img/icon/icon_select.png) center 13px no-repeat} .sbOptions {position:absolute; top:30px !important; left:-1px; width:100%; margin:0; padding:0; z-index:1; background-color:#fff; border:solid 1px #e6e6e6; list-style:none} .sbOptions li{padding: 0 10px;} .sbOptions li:hover{background:#f7f7f7} .sbOptions a{display:block; padding:6px 0 7px 0; font-size:12px; color:#999; outline:none} .sbOptions a:link, .sbOptions a:visited{text-decoration:none} .sbOptions a:hover{color:#666} /* 셀렉트 박스 */ /* 예전 레이어 팝업 */ .s2_pop{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%} .s2_pop .bg{position:absolute;top:0;left:0;width:100%;height:100%;_height:2000px;background:url(../Images/talk_out_body_back.png) repeat 0 0} .s2_pop_in{position:absolute;top:50%;left:50%;background:#fff; line-height:normal;white-space:normal; overflow: hidden; text-align:left} .s2_pop_in .popup_close{cursor:pointer} .s2_pop_trigger {cursor:pointer} .ebook_popup {margin:-310px 0 0 -300px} /* //예전 레이어 팝업 */ /* 메인 레이어 팝업 */ .main_pop_wrap {position:relative; width:1000px; margin:0 auto;} .main_pop {z-index:99; position:absolute; top:100px; right:0; width:350px; height:350px; background:#fff;} .pop_btn_close {z-index:100; position:absolute; top:110px; right:0; width:100%; padding-top:10px; text-align:right;} .popup_close {display:inline-block; width:25px; height:24px; border:0; background:url(../img/3th_img/icon/icon_close.png) no-repeat 0 0} .pop_img {margin:69px 0 0 36px;} .btn_evn_go {position:absolute; top:250px; left:35px; width:115px; height:42px; padding-left:18px; border:1px solid #b9b9b9; text-align:left; background:url(../img/3th_img/icon/icon_list_btn2.png) 80px 13px no-repeat} .btn_evn_go:hover {border:1px solid #333;} /* //메인 레이어 팝업 */ /* 농협히스토리 팝업 시작 2015-02-04 문학도 추가 */ .nh_history_movie { position: fixed; top: 0; right: 0; bottom: 0; left: 0; /*background: rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);*/ background:url("../img/3th_img/all_bg.png") repeat; z-index: 91000; } .nh_history_movie_box { position: absolute; top: 50%; left: 50%; margin: -265px 0 0 -500px; } .nh_history_movie_in { width: 1000px; height: 530px; position: relative; } .nh_history_movie_01 { width: 345px; height: 218px; position: absolute; top: 227px; left: 212px; background: #ccc; } .nh_history_movie_02 { width: 345px; height: 218px; position: absolute; top: 227px; left: 604px; background: #ccc; } .nh_history_movie_03 { width: 644px; height: 386px; position: absolute; top: 140px; left: 308px; background: #ccc; } .nh_history_movie_00 { width: 345px; height: 218px; position: absolute; top: 227px; left: 405px; background: #ccc; } .nh_history_movie_bottom { position: absolute; bottom: 10px; right: 20px; font-size: 12px; color: #333; line-height: 13px; vertical-align: top; } .nh_history_movie_bottom label { font-weight: normal; } .nh_history_movie_bottom input { vertical-align: top; line-height: 13px; margin: 1px 0 0 0 !important; } .nh_history_movie_close { display: inline-block; cursor: pointer; color: #fff; background: #333; vertical-align: top; padding: 1px 4px 4px 2px; line-height: 13px; margin-left: 5px; } .nh_history_movie_in2 { display: none; } .nh_history_movie_tab { height: 50px; } .nh_history_movie_tab img { display: block; float: left; cursor: pointer; } /* 농협히스토리 팝업 끝. */ /* 농협 Vision 2020 팝업 시작 2015-02-04 문학도 추가 */ .nhvision2020_box {display:none; text-align: center; position:absolute; top:-100px;*top:20px; left:0; z-index: 1000; width:100% } .nhvision2020_wrap {padding:0; margin:0 auto !important;background:url(../img/nhvision2020_movie_back.jpg) no-repeat 0 0; width:900px; padding:230px 0 35px 0;border:3px solid #ccc; } #nhvision2020_wrapper {margin:0 auto !important; border:1px solid #ebebeb } .nhvision2020_bottom {line-height:1px; margin:20px 0 -20px 0; text-align: right; padding: 0 20px 0 0} .nhvision2020_bottom input {vertical-align: middle} .nhvision2020_btn {cursor:pointer; display:inline-block; font-size:11px; line-height:11px; padding:1px 2px 1px 1px; vertical-align: middle; background:#000; color:#fff} .nhvision2020_box2 {display:none; text-align: center; position:absolute; top:50%; left:0; z-index: 1000; width:100%; margin-top:-350px } .nhvision2020_wrap2 {padding:0; margin:0 auto !important; background:url(../img/nhvision2020_movie_back3.jpg) no-repeat 0 0; width:990px; padding:190px 0 35px 0;border:3px solid #ccc; } .nhvision2020_wrap2 #nhvision2020_wrapper {margin:0 0 0 45px !important; border:1px solid #ebebeb; float:left } .nhvision2020_bottom2 {line-height:1px; margin:20px 0 -20px 0; text-align: right; padding: 0 20px 0 0; clear:both} .nhvision2020_bottom2 input {vertical-align: middle} .nhvision2020_btn2 {cursor:pointer; display:inline-block; font-size:11px; line-height:11px; padding:1px 2px 1px 1px; vertical-align: middle; background:#000; color:#fff} .nhvision2020_ul {width:240px; padding:0 30px 0 30px; float:right; margin-top:-110px; height:455px; overflow-y:auto} .nhvision2020_ul li{height:45px; border-bottom:1px dotted #333; padding:7px 0;} .nhvision2020_ul li a {display:block; text-align:left;height:45px;} .nhvision2020_ul li a img {float:left; margin-right:10px; width:80px;} .nhvision2020_ul li a h2 {font-size:13px; font-weight:bold; padding:3px 0; letter-spacing:-1px; color:#333} .nhvision2020_ul li a p {padding:4px 0 0 4px} /* 농협 Vision 2020 팝업 끝. */ /* 채움사이버 */ .begin_class {position:relative;} .calendar {position:relative; float:left; width:360px; margin:15px 30px 0 0;} p.calendar_date {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:36px; line-height:36px; color:#333;} p.calendar_today {position:absolute; top:0; right:0; display:inline-block; margin:10px 0 0 0; padding:0 0 0 65px; font-family:"Century Gothic"; font-size:12px; background:url(../img/3th_img/chaum_m_today.png) 0 0 no-repeat;} table.chaum_calendar {width:100%; margin-top:15px; border:1px solid #e6e6e6;} table.chaum_calendar th {height:39px; border-left:1px solid #f3f3f3; background:#fafafa;} table.chaum_calendar th:first-child {border-left:none;} table.chaum_calendar td {height:26px; padding-bottom:10px; border-left:1px solid #f3f3f3; border-top:1px solid #f3f3f3; font-size:11px; text-align:center;} table.chaum_calendar td:first-child {border-left:none;} .line_start1 {background:url(../img/3th_img/chaum_m_line_start.png) 0 20px no-repeat;} .line_middle1 {background:url(../img/3th_img/chaum_m_line_middle.png) 0 20px no-repeat;} .line_end1 {background:url(../img/3th_img/chaum_m_line_end.png) 0 20px no-repeat;} .line_start2 {background:url(../img/3th_img/chaum_m_line_start2.png) 0 20px no-repeat;} .line_middle2 {background:url(../img/3th_img/chaum_m_line_middle2.png) 0 20px no-repeat;} .line_end2 {background:url(../img/3th_img/chaum_m_line_end2.png) 0 20px no-repeat;} .line_start3 {background:url(../img/3th_img/chaum_m_line_start3.png) 0 20px no-repeat;} .line_middle3 {background:url(../img/3th_img/chaum_m_line_middle3.png) 0 20px no-repeat;} .line_end3 {background:url(../img/3th_img/chaum_m_line_end3.png) 0 20px no-repeat;} .line_middle11 {background:url(../img/3th_img/chaum_m_line_middle_1on_2on.png) 0 20px no-repeat;} .line_middle10 {background:url(../img/3th_img/chaum_m_line_middle_1on_2off.png) 0 20px no-repeat;} .line_middle01 {background:url(../img/3th_img/chaum_m_line_middle_1off_2on.png) 0 20px no-repeat;} .calendar_red {color:#ff7473} .calendar_gray {color:#ccc} .term_con {position:relative; float:left; width:370px;} p.term_con_di {display:inline-block; width:271px; height:55px; padding-top:10px; font-size:12px; text-align:center; background:url(../img/3th_img/chaum_m_talkb.png) 0 0 no-repeat;} .term_con_btn {position:absolute; top:0; right:0} .term_con_btn > button {float:left; width:90px; height:40px; padding:0 0 3px 15px; font-size:12px; border:1px solid #b3b3b3; background:#fff url(../img/3th_img/icon/icon_coin_standard.png) 10px 15px no-repeat; outline:0} .term_con_btn > button:hover {border:1px solid #333;} .term_progress {position:absolute; top:50%; left:50%; display:none; width:748px; height:320px; margin:-160px 0 0 -374px; padding:40px; background:#fff} ul.term_progress_list {border-bottom:1px solid #e6e6e6;} ul.term_progress_list li {position:relative; width:368px; height:75px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; background:#fff url(../img/3th_img/chaum_m_talkb_bg.png) 0 0 no-repeat;} ul.term_progress_list li:first-child {border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; background:#fff} ul.term_progress_list li p.on1 {display:inline-block; height:36px; margin:20px 0 0 20px; padding:5px 0 0 120px; font-size:18px; font-weight:bold; color:#4fc1e9; background:url(../img/3th_img/chaum_m_on1.png) 0 0 no-repeat;} ul.term_progress_list li p.on2 {display:inline-block; height:36px; margin:20px 0 0 20px; padding:5px 0 0 120px; font-size:18px; font-weight:bold; color:#90cd98; background:url(../img/3th_img/chaum_m_on2.png) 0 0 no-repeat;} ul.term_progress_list li p.on3 {display:inline-block; height:36px; margin:20px 0 0 20px; padding:5px 0 0 120px; font-size:18px; font-weight:bold; color:#e9b213; background:url(../img/3th_img/chaum_m_on3.png) 0 0 no-repeat;} ul.term_progress_list li p.off {display:inline-block; height:36px; margin:20px 0 0 20px; padding:5px 0 0 120px; font-size:18px; font-weight:bold; color:#aaaaaa; background:url(../img/3th_img/chaum_m_off.png) 0 0 no-repeat;} ul.term_progress_list li p.d-day {position:absolute; top:27px; right:20px; height:19px; padding:0 0 0 23px; font-family:"Century Gothic"; font-size:17px; color:#ff7473; font-weight:bold; background:url(../img/3th_img/chaum_m_icon_warn.png) 0 2px no-repeat;} .present_condition {clear:both; position:relative;} .h5_title_2 {padding:20px 0 13px 0; font-size:15px; color:#333;} p.info_present {display:inline-block; height:20px; padding-left:20px; font-size:12px; background:url(../img/3th_img/icon/icon_info.png) 0 6px no-repeat;} p.pre_step {font-size:15px;} .pre_step1 {display:inline-block; width:97px; height:42px; margin:0 10px 0 0; padding-top:5px; font-size:13px; font-weight:bold; color:#fff; text-align:center; background:url(../img/3th_img/chaum_m_iconbg1.png) 0 0 no-repeat;} .pre_step2 {display:inline-block; width:97px; height:42px; margin:0 10px 0 0; padding-top:5px; font-size:13px; font-weight:bold; color:#fff; text-align:center; background:url(../img/3th_img/chaum_m_iconbg2.png) 0 0 no-repeat;} .pre_step3 {display:inline-block; width:97px; height:42px; margin:0 10px 0 0; padding-top:5px; font-size:13px; font-weight:bold; color:#fff; text-align:center; background:url(../img/3th_img/chaum_m_iconbg3.png) 0 0 no-repeat;} .pre_step4 {display:inline-block; width:97px; height:42px; margin:0 10px 0 0; padding-top:5px; font-size:13px; font-weight:bold; color:#fff; text-align:center; background:url(../img/3th_img/chaum_m_iconbg4.png) 0 0 no-repeat;} .pre_step_list_wrap {margin:10px 0 40px 0; padding:15px 20px 0 20px; border:1px solid #e6e6e6;} .others {position:relative;} .lecture_content dl.other2 {margin-top:5px; overflow:hidden; letter-spacing:-0.5px;} .lecture_content dl.other2 dt {float:left} .lecture_content dl.other2 dd {float:left; margin:0 7px 0 5px; padding-right:10px; color:#ff7473; background:url(../img/3th_img/login_line.png) right 7px no-repeat} .lecture_content dl.other2 dd.line_none {background:none} .icons_special {position:absolute; top:0; right:0;} span.support {padding:1px 5px 1px 5px; border:2px solid #90cd98; color:#90cd98; font-size:11px} span.support_big {padding:1px 5px 1px 5px; border:2px solid #90cd98; color:#90cd98; font-size:13px; background:#fff;} span.book_s {padding:1px 5px 1px 5px; border:2px solid #e9b213; color:#e9b213; font-size:11px} .chaum_c_notice {padding:30px; border:1px solid #e6e6e6;} h5.h5_title_notice {margin:0 0 20px 0;padding:0 0 0 30px; font-size:18px; background:url(../img/3th_img/chaum_m_icon_warn.png) left no-repeat;} .chaum_c_notice>p {margin:0 0 10px 0;} .chaum_c_notice>p>em {font-weight:bold; text-decoration:underline;} .chaum_c_notice>ul>li {list-style:disc; margin-left:15px;} .chaum_c_notice strong {color:#ff7473} /* //채움사이버 */ /* 채움사이버 2*/ .begin_class_info_top {position:absolute; top:0; right:0;} .begin_class_info_top:after {content:'';display:block; height:0; clear:both;} p.class_date {float:left; display:inline-block; padding-top:12px; } p.class_date_info {float:left; display:inline-block; margin:0 0 0 10px; padding-top:12px; font-size:13px; font-weight:bold; color:#54b9dc;} button.btn_go_c_regist {float:right; display:inline-block; width:155px; height:35px; margin:5px 0 0 20px; padding:0 0 0 12px; text-align:left; color:#fff; border:none; background:#4d4d4d url(../img/3th_img/icon/icon_arrow_down.png) 132px 17px no-repeat;} button.btn_go_c_regist:hover {background:#333 url(../img/3th_img/icon/icon_arrow_down.png) 132px 17px no-repeat;} ul.begin_class_info_btns {padding:20px 0;} ul.begin_class_info_btns:after {content:'';display:block; height:0; clear:both;} ul.begin_class_info_btns>li {float:left; width:240px; height:86px; margin-left:20px;} ul.begin_class_info_btns>li:first-child {margin-left:0;} ul.begin_class_info_btns>li>button {border:1px solid #e6e6e6; color:#333; font-size:14px; font-weight:bold; text-align:left; letter-spacing:-0.5px;} ul.begin_class_info_btns>li>button:hover {border:1px solid #333;} button.info_btns_notice {width:240px; height:86px; padding-left:85px; background:#fff url(../img/3th_img/chc_btns_icon1.png) 15px no-repeat;} button.info_btns_how {width:240px; height:86px; padding-left:105px; background:#fff url(../img/3th_img/chc_btns_icon2.png) 15px no-repeat;} button.info_btns_date {width:240px; height:86px; padding-left:90px; background:#fff url(../img/3th_img/chc_btns_icon3.png) 15px no-repeat;} .recommend_thismonth {position:relative; float:left; width:316px; margin:40px 0;} .recommend_thismonth p {margin:0 0 10px 0; font-size:12px; letter-spacing:-0.5px;} ul.recommend_tm_ban_ul li img {width:314px; height:204px; border:1px solid #e6e6e6;} .recommend_tm_btn {position:absolute; right:0; top:10px;} .recommend_tm_btn button {float:left; display:inline-block; width:30px; height:25px; border:1px solid #e6e6e6; background:url("../img/3th_img/icon/icon_arrow.png") 11px 5px no-repeat; outline:0} .recommend_tm_btn button.recommend_tm_next {margin-left:3px; background-position:-8px 5px} .recommend_tm_btn button.recommend_tm_next:hover {border:1px solid #999; background-position:-8px -15px} .recommend_tm_btn button.recommend_tm_prev:hover {border:1px solid #999; background-position:11px -15px} p.recommend_tm {display:block; width:274px; height:60px; padding:20px; border:1px solid #e6e6e6;} p.recommend_tm strong {display:block; width:274px; margin:0 0 10px 0; font-size: 14px; font-weight:bold; color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} p.recommend_tm em {color:#ff7473;} .best_lastmonth {float:right; width:378px; margin:40px 0;} .best_lastmonth p {margin:0 0 10px 0; padding:0; font-size:12px; letter-spacing:-0.5px;} ul.best_lastmonth {width:316px; height:195px; margin:0; padding:30px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} ul.best_lastmonth li p {display:block; width:290px; height:65px; padding-left: 40px; font-size:14px; font-weight:bold; color#333; outline:0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} ul.best_lastmonth li p.chc_best1 {background:url("../img/3th_img/chc_best1.png") 0 0 no-repeat;} ul.best_lastmonth li p.chc_best2 {background:url("../img/3th_img/chc_best2.png") 0 0 no-repeat;} ul.best_lastmonth li p.chc_best3 {background:url("../img/3th_img/chc_best3.png") 0 0 no-repeat;} span.font_small2 {display:block; font-size:12px; font-weight:normal; color:#888;} span.font_small2 em {color:#ff7473;} .regist_class {clear:both; position:relative;} button.down_list_lecture {position:absolute; top:0; right:0; width:147px; height:33px; padding-left:32px; border:0; color:#fff; text-align:left; background:#ff7473 url("../img/3th_img/icon/icon_download.png") 11px 10px no-repeat;} button.down_list_lecture:hover {background:#f45a59 url("../img/3th_img/icon/icon_download.png") 11px 10px no-repeat} ul.cs_keyword {margin-top:20px;} ul.cs_keyword:after {content:'';display:block; height:0; clear:both;} ul.cs_keyword li {float:left; width:182px; height:88px; margin-left:10px; font-size:14px; font-weight:bold; cursor:pointer;} ul.cs_keyword li:first-child {margin-left:0;} a.cs_k_all {display:block; width:90px; height:53px; padding:35px 0 0 90px; color:#333; border:1px solid #e6e6e6; background:#fafafa url("../img/3th_img/chc_keyword_1.png") 20px 30px no-repeat} a.cs_k_all:hover,ul.cs_keyword li.select a.cs_k_all{color:#fff; border:1px solid #81d2e6; background:#81d2e6 url("../img/3th_img/chc_keyword_1-.png") 20px 30px no-repeat} a.cs_communi {display:block; width:110px; height:53px; padding:35px 0 0 70px; color:#333; border:1px solid #e6e6e6; background:#fafafa url("../img/3th_img/chc_keyword_2.png") 20px 30px no-repeat} a.cs_communi:hover,ul.cs_keyword li.select a.cs_communi{color:#fff; border:1px solid #81d2e6; background:#81d2e6 url("../img/3th_img/chc_keyword_2-.png") 20px 30px no-repeat} a.cs_cs{display:block; width:90px; height:53px; padding:35px 0 0 90px; color:#333; border:1px solid #e6e6e6; background:#fafafa url("../img/3th_img/chc_keyword_3.png") 20px 30px no-repeat} a.cs_cs:hover,ul.cs_keyword li.select a.cs_cs{color:#fff; border:1px solid #81d2e6; background:#81d2e6 url("../img/3th_img/chc_keyword_3-.png") 20px 30px no-repeat} a.cs_leader{display:block; width:95px; height:53px; padding:35px 0 0 85px; color:#333; border:1px solid #e6e6e6; background:#fafafa url("../img/3th_img/chc_keyword_4.png") 20px 30px no-repeat} a.cs_leader:hover,ul.cs_keyword li.select a.cs_leader{color:#fff; border:1px solid #81d2e6; background:#81d2e6 url("../img/3th_img/chc_keyword_4-.png") 20px 30px no-repeat} /* 채움사이버 카테고리 1505_6개 */ ul.cs_kw{margin-top:12px;} ul.cs_kw:after {content:'';display:block; height:0; clear:both;} ul.cs_kw li {position:relative; float:left; width:116px; height:98px; margin-left:12px; font-size:14px; font-weight:bold; cursor:pointer; text-align:center;} .icon_new {position:absolute; top:0; left:0; width:42px; height:21px; background: url(../img/3th_img/icon/ic_new.png);} ul.cs_kw li:first-child {margin-left:0;} ul.cs_kw li a {display:block; width:116px; height:33px; padding:65px 0 0 0; color:#888; border:1px solid #e6e6e6;} a.cs_kw_all {background:url("../img/3th_img/chc_keyword_11.png") center no-repeat} a.cs_kw_all:hover,ul.cs_kw li.select a.cs_kw_all{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_11-.png") 36px 12px no-repeat} a.cs_kw_result {background:url("../img/3th_img/chc_keyword_110.png") 36px 12px no-repeat} a.cs_kw_result:hover,ul.cs_kw li.select a.cs_kw_result{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_110-.png") 36px 12px no-repeat} a.cs_kw_produce {background:url("../img/3th_img/chc_keyword_33.png") 36px 12px no-repeat} a.cs_kw_produce:hover,ul.cs_kw li.select a.cs_kw_produce{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_33-.png") 36px 12px no-repeat} a.cs_kw_communi {background:url("../img/3th_img/chc_keyword_44.png") 36px 12px no-repeat} a.cs_kw_communi:hover,ul.cs_kw li.select a.cs_kw_communi{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_44-.png") 36px 12px no-repeat} a.cs_kw_cs {background:url("../img/3th_img/chc_keyword_55.png") 36px 12px no-repeat} a.cs_kw_cs:hover,ul.cs_kw li.select a.cs_kw_cs{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_55-.png") 36px 12px no-repeat} a.cs_kw_leader {background:url("../img/3th_img/chc_keyword_66.png") 36px 12px no-repeat} a.cs_kw_leader:hover,ul.cs_kw li.select a.cs_kw_leader{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_66-.png") 36px 12px no-repeat} a.cs_kw_it {background:url("../img/3th_img/chc_keyword_100.png") 36px 12px no-repeat} a.cs_kw_it:hover,ul.cs_kw li.select a.cs_kw_it{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_100-.png") 36px 12px no-repeat} /* 채움사이버 카테고리 1506_6개 */ ul.cs_6th{margin-top:20px;} ul.cs_6th:after {content:'';display:block; height:0; clear:both;} ul.cs_6th li {position:relative; float:left; width:116px; height:98px; margin-left:12px; font-size:14px; font-weight:bold; cursor:pointer; text-align:center;} ul.cs_6th li:first-child {margin-left:0;} ul.cs_6th > li > a {display:block; width:116px; height:33px; padding:65px 0 0 0; color:#888; border:1px solid #e6e6e6; background-position:36px 12px} ul.cs_6th > li > a:hover {background-position:36px 12px} a.cs_6th_all {background:url("../img/3th_img/chc_keyword_11.png") center no-repeat} a.cs_6th_all:hover,ul.cs_6th li.select a.cs_6th_all{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_11-.png") 36px 12px no-repeat} a.cs_6th_1 {background:url("../img/3th_img/chc_keyword_101.png") 36px 12px no-repeat} a.cs_6th_1:hover,ul.cs_6th li.select a.cs_6th_1{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_101-.png") 36px 12px no-repeat} a.cs_6th_2 {background:url("../img/3th_img/chc_keyword_10.png") 36px 12px no-repeat} a.cs_6th_2:hover,ul.cs_6th li.select a.cs_6th_2 {color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_10-.png") 36px 12px no-repeat} a.cs_6th_3 {background:url("../img/3th_img/chc_keyword_88.png") 36px 12px no-repeat} a.cs_6th_3:hover,ul.cs_6th li.select a.cs_6th_3 {color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_88-.png") 36px 12px no-repeat} a.cs_6th_4 {background:url("../img/3th_img/chc_keyword_99.png") 36px 12px no-repeat} a.cs_6th_4:hover,ul.cs_6th li.select a.cs_6th_4 {color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_99-.png") 36px 12px no-repeat} a.cs_6th_5 {background:url("../img/3th_img/chc_keyword_44.png") 36px 12px no-repeat} a.cs_6th_5:hover,ul.cs_6th li.select a.cs_6th_5{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_44-.png") 36px 12px no-repeat} a.cs_kw_8_all {background:url("../img/3th_img/chc_keyword_11.png") no-repeat 36px 12px;} a.cs_kw_8_all:hover,ul.cs_6th li.select a.cs_kw_8_all{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_11-.png") no-repeat 36px 12px} a.cs_kw_8_result {background:url("../img/3th_img/chc_keyword_22.png") no-repeat} a.cs_kw_8_result:hover,ul.cs_6th li.select a.cs_kw_8_result{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_22-.png") no-repeat} a.cs_kw_8_produce {background:url("../img/3th_img/chc_keyword_33.png") no-repeat} a.cs_kw_8_produce:hover,ul.cs_6th li.select a.cs_kw_8_produce{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_33-.png") no-repeat} a.cs_kw_8_communi {background:url("../img/3th_img/chc_keyword_44.png") no-repeat} a.cs_kw_8_communi:hover,ul.cs_6th li.select a.cs_kw_8_communi{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_44-.png") no-repeat} a.cs_kw_8_cs {background:url("../img/3th_img/chc_keyword_55.png") no-repeat} a.cs_kw_8_cs:hover,ul.cs_6th li.select a.cs_kw_8_cs{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_55-.png") no-repeat} a.cs_kw_8_leader {background:url("../img/3th_img/chc_keyword_66.png") no-repeat} a.cs_kw_8_leader:hover,ul.cs_6th li.select a.cs_kw_8_leader{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_66-.png") no-repeat} a.cs_kw_8_it {background:url("../img/3th_img/chc_keyword_100.png") no-repeat} a.cs_kw_8_it:hover,ul.cs_6th li.select a.cs_kw_8_it{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_100-.png") no-repeat} a.cs_kw_8_marketing {background:url("../img/3th_img/chc_keyword_77.png") no-repeat} a.cs_kw_8_marketing:hover,ul.cs_6th li.select a.cs_kw_8_marketing{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_77-.png") no-repeat} a.cs_kw_8_strategy {background:url("../img/3th_img/chc_keyword_110.png") no-repeat} a.cs_kw_8_strategy:hover,ul.cs_6th li.select a.cs_kw_8_strategy{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_110-.png") no-repeat} a.cs_kw_8_itoa {background:url("../img/3th_img/chc_keyword_100.png") no-repeat} a.cs_kw_8_itoa:hover,ul.cs_6th li.select a.cs_kw_8_itoa{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_100-.png") no-repeat} /* 채움사이버 카테고리 1507_8개 */ ul.cs_7th{margin-top:12px;} ul.cs_7th:after {content:'';display:block; height:0; clear:both;} ul.cs_7th li {position:relative; float:left; width:97.5px; height:98px; margin-left:12px; font-size:14px; font-weight:bold; cursor:pointer; text-align:center;} .icon_new {position:absolute; top:0; left:0; width:42px; height:21px; background: url(../img/3th_img/icon/ic_new.png);} ul.cs_7th li:first-child {margin-left:0;} ul.cs_7th li a {display:block; width:97.5px; height:33px; padding:65px 0 0 0; color:#888; border:1px solid #e6e6e6;} a.cs_kw_all {background:url("../img/3th_img/chc_keyword_11.png") center no-repeat} a.cs_kw_all:hover,ul.cs_7th li.select a.cs_kw_all{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_11-.png") 28px 12px no-repeat} a.cs_kw_result {background:url("../img/3th_img/chc_keyword_110.png") 28px 12px no-repeat} a.cs_kw_result:hover,ul.cs_7th li.select a.cs_kw_result{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_110-.png") 28px 12px no-repeat} a.cs_kw_produce {background:url("../img/3th_img/chc_keyword_33.png") 28px 12px no-repeat} a.cs_kw_produce:hover,ul.cs_7th li.select a.cs_kw_produce{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_33-.png") 28px 12px no-repeat} a.cs_kw_communi {background:url("../img/3th_img/chc_keyword_44.png") 28px 12px no-repeat} a.cs_kw_communi:hover,ul.cs_7th li.select a.cs_kw_communi{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_44-.png") 28px 12px no-repeat} a.cs_kw_marketing {background:url("../img/3th_img/chc_keyword_77.png") 28px 12px no-repeat} a.cs_kw_marketing:hover,ul.cs_7th li.select a.cs_kw_marketing{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_77-.png") 28px 12px no-repeat} a.cs_kw_cs {background:url("../img/3th_img/chc_keyword_55.png") 28px 12px no-repeat} a.cs_kw_cs:hover,ul.cs_7th li.select a.cs_kw_cs{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_55-.png") 28px 12px no-repeat} a.cs_kw_leader {background:url("../img/3th_img/chc_keyword_66.png") 28px 12px no-repeat} a.cs_kw_leader:hover,ul.cs_7th li.select a.cs_kw_leader{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_66-.png") 28px 12px no-repeat} a.cs_kw_it {background:url("../img/3th_img/chc_keyword_100.png") 28px 12px no-repeat} a.cs_kw_it:hover,ul.cs_7th li.select a.cs_kw_it{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_100-.png") 28px 12px no-repeat} a.cs_kw_manage {background:url("../img/3th_img/chc_keyword_22.png") 28px 12px no-repeat} a.cs_kw_manage:hover,ul.cs_7th li.select a.cs_kw_manage {color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_22-.png") 28px 12px no-repeat} /* 채움사이버 카테고리 1508_7개 */ ul.cs_kw_7{margin-top:12px;} ul.cs_kw_7:after {content:'';display:block; height:0; clear:both;} ul.cs_kw_7 li {position:relative; float:left; width:84.3px; height:98px; margin-left:12px; font-size:14px; font-weight:bold; cursor:pointer; text-align:center;} .icon_new {position:absolute; top:0; left:0; width:42px; height:21px; background: url(../img/3th_img/icon/ic_new.png);} ul.cs_kw_7 li:first-child {margin-left:0;} ul.cs_kw_7 li a {display:block; width:84.3px; height:33px; padding:65px 0 0 0; color:#888; border:1px solid #e6e6e6; font-size:12px; letter-spacing:-0.5px;} a.cs_kw_8_all {background:url("../img/3th_img/chc_keyword_11.png") center no-repeat} a.cs_kw_8_all:hover,ul.cs_kw_8 li.select a.cs_kw_8_all{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_11-.png") 20px 12px no-repeat} a.cs_kw_8_result {background:url("../img/3th_img/chc_keyword_22.png") 20px 12px no-repeat} a.cs_kw_8_result:hover,ul.cs_kw_8 li.select a.cs_kw_8_result{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_22-.png") 20px 12px no-repeat} a.cs_kw_8_produce {background:url("../img/3th_img/chc_keyword_33.png") 20px 12px no-repeat} a.cs_kw_8_produce:hover,ul.cs_kw_8 li.select a.cs_kw_8_produce{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_33-.png") 20px 12px no-repeat} a.cs_kw_8_communi {background:url("../img/3th_img/chc_keyword_44.png") 20px 12px no-repeat} a.cs_kw_8_communi:hover,ul.cs_kw_8 li.select a.cs_kw_8_communi{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_44-.png") 20px 12px no-repeat} a.cs_kw_8_cs {background:url("../img/3th_img/chc_keyword_55.png") 20px 12px no-repeat} a.cs_kw_8_cs:hover,ul.cs_kw_8 li.select a.cs_kw_8_cs{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_55-.png") 20px 12px no-repeat} a.cs_kw_8_leader {background:url("../img/3th_img/chc_keyword_66.png") 20px 12px no-repeat} a.cs_kw_8_leader:hover,ul.cs_kw_8 li.select a.cs_kw_8_leader{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_66-.png") 20px 12px no-repeat} a.cs_kw_8_it {background:url("../img/3th_img/chc_keyword_100.png") 20px 12px no-repeat} a.cs_kw_8_it:hover,ul.cs_kw_8 li.select a.cs_kw_8_it{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_100-.png") 20px 12px no-repeat} a.cs_kw_8_marketing {background:url("../img/3th_img/chc_keyword_77.png") 20px 12px no-repeat} a.cs_kw_8_marketing:hover,ul.cs_kw_8 li.select a.cs_kw_8_marketing{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_77-.png") 20px 12px no-repeat} a.cs_kw_8_strategy {background:url("../img/3th_img/chc_keyword_110.png") 20px 12px no-repeat} a.cs_kw_8_strategy:hover,ul.cs_kw_8 li.select a.cs_kw_8_strategy{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_110-.png") 20px 12px no-repeat} /* 채움사이버 카테고리 1507_8개 */ ul.cs_kw_8{margin-top:12px;} ul.cs_kw_8:after {content:'';display:block; height:0; clear:both;} ul.cs_kw_8>li {position:relative; float:left; width:78px; height:98px; margin-left:7px; font-size:11px; font-weight:bold; cursor:pointer; text-align:center;} .icon_new {position:absolute; top:0; left:0; width:42px; height:21px; background: url(../img/3th_img/icon/ic_new.png);} ul.cs_kw_8 li:first-child {margin-left:0;} ul.cs_kw_8>li>a {display:block; width:100%; height:33px; padding:65px 0 0 0; color:#888; border:1px solid #e6e6e6; background-position:17px 12px} ul.cs_kw_8>li>a:hover, ul.cs_kw_8 > li.select > a {background-position:17px 12px !important} a.cs_kw_8_all {background:url("../img/3th_img/chc_keyword_11.png") no-repeat 17px 12px;} a.cs_kw_8_all:hover,ul.cs_kw_8 li.select a.cs_kw_8_all{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_11-.png") no-repeat 17px 12px} a.cs_kw_8_result {background:url("../img/3th_img/chc_keyword_22.png") no-repeat} a.cs_kw_8_result:hover,ul.cs_kw_8 li.select a.cs_kw_8_result{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_22-.png") no-repeat} a.cs_kw_8_produce {background:url("../img/3th_img/chc_keyword_33.png") no-repeat} a.cs_kw_8_produce:hover,ul.cs_kw_8 li.select a.cs_kw_8_produce{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_33-.png") no-repeat} a.cs_kw_8_communi {background:url("../img/3th_img/chc_keyword_44.png") no-repeat} a.cs_kw_8_communi:hover,ul.cs_kw_8 li.select a.cs_kw_8_communi{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_44-.png") no-repeat} a.cs_kw_8_cs {background:url("../img/3th_img/chc_keyword_55.png") no-repeat} a.cs_kw_8_cs:hover,ul.cs_kw_8 li.select a.cs_kw_8_cs{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_55-.png") no-repeat} a.cs_kw_8_leader {background:url("../img/3th_img/chc_keyword_66.png") no-repeat} a.cs_kw_8_leader:hover,ul.cs_kw_8 li.select a.cs_kw_8_leader{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_66-.png") no-repeat} a.cs_kw_8_it {background:url("../img/3th_img/chc_keyword_100.png") no-repeat} a.cs_kw_8_it:hover,ul.cs_kw_8 li.select a.cs_kw_8_it{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_100-.png") no-repeat} a.cs_kw_8_marketing {background:url("../img/3th_img/chc_keyword_77.png") no-repeat} a.cs_kw_8_marketing:hover,ul.cs_kw_8 li.select a.cs_kw_8_marketing{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_77-.png") no-repeat} a.cs_kw_8_strategy {background:url("../img/3th_img/chc_keyword_110.png") no-repeat} a.cs_kw_8_strategy:hover,ul.cs_kw_8 li.select a.cs_kw_8_strategy{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_110-.png") no-repeat} a.cs_kw_8_itoa {background:url("../img/3th_img/chc_keyword_100.png") no-repeat} a.cs_kw_8_itoa:hover,ul.cs_kw_8 li.select a.cs_kw_8_itoa{color:#fff; border:1px solid #4fc1e9; background:#4fc1e9 url("../img/3th_img/chc_keyword_100-.png") no-repeat} .regist_noti_1 {margin:30px 0} .regist_noti_1>p {margin:0 0 30px 0; padding:0 45px 0 45px;} .regist_noti_1>p>button {margin:10px 0 0 0; width:280px; height:38px; padding-left:37px; border:0; color:#fff; text-align:left; background:#ff7473 url("../img/3th_img/icon/icon_download.png") 13px 11px no-repeat;} .regist_noti_1>p>button:hover {background:#f45a59 url("../img/3th_img/icon/icon_download.png") 13px 11px no-repeat;} .term_con2 {position:relative; float:left; width:370px; margin-top:65px;} .calendar_wrap {width:760px; margin:30px auto;} /* //채움사이버 2*/ /* 개인정보동의 팝업*/ .layer_pop_main {z-index:9999; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../img/3th_img/all_bg.png") repeat} .pop_su_section{position:fixed;_position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%} .pop_su_section.open{display:block} .pop_su_section .bg{position:absolute;top:0;left:0;width:100%;height:100%;_height:2000px;background:url(../Images/talk_out_body_back.png) repeat 0 0} #popsuSectionBox{position:absolute;top:50%;left:50%;width:544px; height:530px; margin:-265px 0 0 -290px; padding:40px; background:url(../Images/pop_su_logo.gif) no-repeat center 570px #fff; font-size:12px; color:#2d2d2d; white-space:normal; overflow: hidden; text-align:left} #popsuSectionBox>h2 {display:inline-block; margin-bottom:10px; font-size:17px; color:#333;} #popsuSectionBox .close{overflow:visible;position:absolute;top:-10px;right:0px;width:45px;height:30px;_height:50px;padding:0;border:0;background:transparent;text-align:center;cursor:pointer} .pop_su_section h1 {text-align:center; font-size:24px; color:#3893dd; margin:0 0 15px 0; padding:0} .pop_su_section h2 {font-size:14px; margin:15px 0 7px 0; padding:0} .pop_su_description {line-height:150%; margin-bottom:20px} .pop_su_bt {text-align:center; font-weight:bold} .pop_su_ol {list-style:decimal; color:#2a8bdb; font-size:14px; font-weight:bold; height:150px; padding:10px; overflow-y:scroll; border:1px solid #ccc; margin-bottom:5px} .pop_su_ol li {margin:0 0 10px 30px; line-height:150%; list-style:outside; list-style-type:decimal;} .pop_su_ol li img {vertical-align: middle; height:10px} .pop_su_ol span {color:#2d2d2d} .pop_su_in_01 {padding:0 0 0 10px; text-indent: -10px;font-weight:normal; color:#2d2d2d; font-size:12px; line-height:150%} .pop_su_in_02 {padding:0 0 0 50px; text-indent: -50px;font-weight:normal; color:#2d2d2d; font-size:12px; line-height:150%} .pop_su_section label {display:block; font-weight:bold; padding:0 0 5px 0; color:#e40000 } .pop_su_section input {vertical-align:middle} .pop_su_btn_box {text-align:center; font-size:14px; font-weight:bold; padding:10px 0} .pop_su_btn {display:inline-block; padding:7px 25px 5px 25px; color:#fff; background:#4fc1e9; cursor: pointer;} .pop_su_btn:hover {color:#fff; background:#29a0cc; text-decoration:none; transition:0.5s} .notice_search5 {position:relative; margin:30px auto 0 auto} .search_input5 {width:713px; height:37px; padding:0 30px 0 15px; font-size:12px; line-height:37px; color:#999; border:1px solid #e6e6e6 ; outline:none} .search_input5::-webkit-input-placeholder {color:#999} .search_btn5 {position:absolute; top:9px; right:12px; width:21px; height:20px; cursor:pointer; background:url(../img/3th_img/icon/icon_search2.png) no-repeat} /* //개인정보동의 팝업*/ /* 유료과정 신청 팝업*/ .regist_wrap {position:absolute; top:50%; left:50%; display:none; width:850px; height:550px; margin:-275px 0 0 -425px; background:#fff; overflow: hidden} .regist_title {display:block; width:100%; height:37px; padding:13px 0 0 10px; font-size:24px; letter-spacing:-1px; color:#fff; font-weight:normal; background:#4fc1e9;} .pop_close3 {position:absolute; top:5px; right:5px; width:39px; height:39px; border:none; background:url("../img/3th_img/icon/icon_close3.png") 12px 11px no-repeat; outline:0} .regist_pops_wrap {position:relative; width:760px; height:465px; overflow:hidden; padding:35px 45px 0 45px;} .regist_pops_wrap>.h4_title {margin-bottom:18px;} .h6_title {padding-bottom:10px; font-size:15px; color:#4fc1e9;} ol.regist_step {margin-bottom:15px;} ol.regist_step:after {content:''; display:block; height:0; clear:both;} *:first-child+html ul.regist_step {min-height:1px;} ol.regist_step li {position:relative; display:block; float:left; margin:0 5px 0 0; padding:25px 0 0 0 ; width:189px; height:45px; text-align:center; background:url("../img/3th_img/regist_bubble.png") no-repeat;} ol.regist_step li.present {color:#fff; background:url("../img/3th_img/regist_bubble-.png") no-repeat;} ol.regist_step li.step_first {padding:15px 0 0 0; height:55px;} ol.regist_step li.step_last {width:175px; margin:0; border:1px solid #e6e6e6; background:채움사이#fff;} ol.regist_step li.step_last2 {width:155px; margin:0; border:1px solid #e6e6e6; background:#fff;} .step_last_present {width:175px!important; margin:0!important; color:#fff!important; background:#4fc1e9!important; border:1px solid #4fc1e9!important;} .step_num {position:absolute; top:10px; left:10px; display:block; font-family:"Century Gothic"; font-weight:bold; color:#4fc1e9; font-size:24px;} ol.regist_step li.present .step_num,li.step_last_present .step_num {color:#fff;} ul.regist_watch {padding:15px 35px 15px 35px; border:1px solid #e6e6e6;} ul.regist_watch li {list-style:outside; margin-bottom:10px; letter-spacing:-0.5px;} .first_step_p {margin-top:10px;} .regist_next {position:absolute; right:0; bottom:0; display:block; width:106px; height:34px; padding:12px 0 0 30px; color:#fff; font-size:15px; font-weight:bold; background:#4fc1e9 url("../img/3th_img/icon/icon_list_btn_white_r.png") no-repeat 105px 13px;} .regist_next:hover {background:#34a5cd url("../img/3th_img/icon/icon_list_btn_white_r.png") no-repeat 105px 13px;} p.regist_warn {padding:0 0 0 20px; font-size:12px; line-height:20px; letter-spacing: -0.5px; background:url("../img/3th_img/icon/icon_info.png") no-repeat 0 5px;} .term_contents {margin-top:20px;} .term_contents {position:relative;} .regist_agree_box {position:absolute; top:5px; right:130px;} .regist_agree_box label {font-size:17px; font-weight:bold; color:#4fc1e9;} .regist_next_term {position:absolute; top:0; right:0; display:inline-block; width:85px; height:27px; margin-left:10px; padding:5px 0 0 30px; color:#fff; font-size:15px; font-weight:bold; background:#4fc1e9 url("../img/3th_img/icon/icon_list_btn_white_r.png") no-repeat 85px 7px;} .regist_term_1 {margin:50px 0 20px 0;} .regist_term_2,.regist_term_3,.regist_term_4 {margin:30px 0 20px 0;} .regist_term_form {width:700px; height:140px; margin-bottom:10px; padding:20px; overflow-y:auto; border:1px solid #e6e6e6;} .regist_term_form p {font-size:15px; color:#333; font-weight:bold; margin-bottom: 15px;} .regist_term_list li {list-style:outside decimal; margin:0 0 10px 20px} caption.term_table {font-weight:bold; font-size:15px; margin-bottom:6px;} .regist_term_3>.regist_term_form>p,.regist_term_4>.regist_term_form>p {font-size:13px; font-weight:normal;} .regist_term_3>.regist_term_form>.regist_term_list>li>p,.regist_term_4>.regist_term_form>.regist_term_list>li>p {font-size:13px; font-weight:normal;} dl.regist_step2 {padding:15px 35px 15px 35px; border:1px solid #e6e6e6;} dl.regist_step2:after {content:''; display:block; height:0; clear:both;} *:first-child+html dl.regist_step2 {min-height:1px;} dl.regist_step2 dt {float:left; width:140px; margin-bottom:5px; padding:0 0 0 15px; font-size:15px; font-weight:bold; color:#4fc1e9; background:url("../img/3th_img/icon/icon_taking.png") no-repeat 0 9px;} dl.regist_step2 dd {margin-bottom:5px;} .margin_btm {margin-top:15px;} .check_real_name {position:relative; margin-top:10px; padding-top:15px; border-top:1px solid #e6e6e6;} .pop_rollover {z-index:9999; position:absolute; top:-316px; right:0; display:none; padding:17px; border:1px solid #333; letter-spacing:-0.5px; background:#fff;} .pop_rollover p{font-size:12px; letter-spacing: -0.5px;} .pop_rollover li {margin-left:20px; font-size:11px; list-style:outside disc;} .real_name_box {border:1px solid #e6e6e6; margin-top:10px; padding:10px; font-size:12px;} .real_name_box li {margin-left:20px; font-size:11px; list-style:outside decimal;} table.real_name {width:100%; border-right:1px solid #e6e6e6;} table.real_name caption {margin-bottom:10px; text-align:left; font-size:15px; font-weight:bold;} table.real_name th {width:100px; height:40px; color:#fff; padding:0; text-align:center; border-top:1px solid #90cd98; border-bottom:1px solid #90cd98; background:#90cd98;} table.real_name td {height:37px; padding:3px 0 0 8px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} .real_name_input {width:120px; border:1px solid #e6e6e6; text-align:center;} .whatis_check_name {position:absolute; top:8px; right:0; width:100px; height:30px; color:#666; font-size:11px; letter-spacing:-0.5px; border:1px solid #e6e6e6; background:#fff;} .whatis_check_name:hover {border:1px solid #333;} .check_name {position:absolute; top:45px; right:0; width:90px; height:42px; color:#fff; border:0; background:#666;} .check_name:hover {background:#333;} .regist_myinfo {position:relative; padding-top:20px;} table.regist_info_t {width:100%; margin-top:15px; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} table.regist_info_t th {width:115px; height:45px; color:#333; text-align:center; border-right:1px solid #e6e6e6; border-top:1px solid #e6e6e6; background:#f7f7f7;} table.regist_info_t td {padding-left:15px; height:45px; text-align:left; border-right:1px solid #e6e6e6; border-top:1px solid #e6e6e6;} .btn_modify_info {position:absolute; top:25px; right:0; width:40px; height:30px; padding:5px 0 0 35px; border:1px solid #e6e6e6; background:url("../img/3th_img/icon/icon_story_comment.png") no-repeat 10px 9px;} .myinfo_input {width:100px; border:1px solid #e6e6e6; text-align:left;} .myinfo_input2 {width:30px; border:1px solid #e6e6e6; text-align:left;} .myinfo_input3 {width:300px; border:1px solid #e6e6e6; text-align:left;} .myinfo_input4 {width:482px; border:1px solid #e6e6e6; text-align:left;} .regist_complete {width:100%; display:inline-block; margin:45px 0 0 0; padding:100px 0 0 0; text-align:center; background:url("../img/3th_img/icon/icon_complete.png") no-repeat center top;} .regist_complete strong {display:block; margin-bottom:20px; line-height:24px; text-align:center; color:#90cd98; font-size:24px;} /*// 유료과정 신청 팝업*/ /*// 유료과정 신청방법 변경안내 팝업*/ .regist_notice {position:absolute; top:50%; left:50%; display:none; width:850px; height:550px; margin:-275px 0 0 -465px; padding:40px; background:#fff; overflow-y:auto;} .regist_notice_calender {position:absolute; top:50%; left:50%; display:none; width:850px; height:400px; margin:-200px 0 0 -465px; padding:40px; background:#fff; overflow-y:auto;} .regist_notice_webzine {position:absolute; top:50%; left:50%; width:850px; height:550px; margin:-275px 0 0 -465px; padding:40px; background:#fff; overflow-y:auto;} .regist_n_top h4 {font-size:28px; padding:0 0 15px 0; line-height: 30px; font-weight:bold; letter-spacing:-1px; text-align:center; border-bottom:2px solid #4fc1e9;} p.n_top_txt {display:block; margin:40px 0 20px 0; padding:30px; font-size:15px; text-align:center; line-height:25px; background:#f7f7f7;} p.n_top_txt em {font-size:20px; color:#ff7473; font-weight:bold;} ul.regist_info_box_l {display:block; margin:20px 0 40px 0; padding:20px 30px 20px 30px; font-size:14px; font-weight:bold; line-height:25px; border:1px solid #e6e6e6;} ul.regist_info_box_l li {height:29px; margin-bottom:10px; padding:0 0 0 25px; background:url(../img/3th_img/chaum_m_icon_warn.png) no-repeat 0 7px;} ul.regist_info_box_l li.padding_wrong {background:url(../img/3th_img/chaum_m_icon_warn.png) no-repeat 0 12px;} .regist_n_dl dt{margin:20px 0 10px 0; padding:0 0 0 20px; font-size:14px; color:#333; font-weight:bold; background:url(../img/3th_img/icon/icon_info.png) no-repeat 0 5px;} .regist_n_dl dd {margin:0 0 0 20px; padding:0 0 0 15px; background:url(../img/3th_img/icon/icon_lnb_arrow.png) no-repeat 0 5px;} .regist_n_dl_f dt{margin:20px 0 10px 0; padding:0 0 0 20px; background:url(../img/3th_img/icon/icon_info.png) no-repeat 0 5px;} .regist_n_dl_f dd {margin:0 0 0 20px; padding:0 0 0 25px; font-size:14px; color:#333; font-weight:bold; background:url(../img/3th_img/icon/icon_list_btn2.png) no-repeat 0 3px;} .regist_n_1,.regist_n_2,.regist_n_3,.regist_n_4,.regist_n_5 {margin-bottom:40px;} .regist_n_2 li{margin:20px 0 10px 0; padding:0 0 0 20px; font-size:14px; color:#333; background:url(../img/3th_img/icon/icon_info.png) no-repeat 0 5px;} .regist_n_2 li h6 {margin:0 0 10px 0; font-size:14px; color:#333; font-weight:normal;} .regist_n_2 li p{font-size:12px; color:#888;} .icon_none {background:none !important;} /*// 유료과정 신청방법 변경안내 팝업*/ /* 유료과정 신청 이벤트 팝업*/ .regist_evn_wrap1 {position:absolute; top:50%; left:50%; width:850px; height:550px; margin:-275px 0 0 -425px; background:url("../img/3th_img/regist_evn_bg1.png"); overflow: hidden} .regist_evn_wrap2 {position:absolute; top:50%; left:50%; width:850px; height:550px; margin:-275px 0 0 -425px; background:url("../img/3th_img/regist_evn_bg2.png"); overflow: hidden} .regist_evn_main {margin:50px 0 40px 100px;} .regist_evn_main:after {content:''; display:block; height:0; clear:both;} *:first-child+html .regist_evn_main {min-height:1px;} .regist_evn_main_p {margin:30px 0 30px 100px;} .regist_evn_main_p:after {content:''; display:block; height:0; clear:both;} *:first-child+html .regist_evn_main_p {min-height:1px;} h4.regist_evn_title {display:block; float:left; width:262px; height:195px; background:url("../img/3th_img/regist_evn_title.png") no-repeat;} h4.regist_evn_title_p {display:block; float:left; width:271px; height:256px; background:url("../img/3th_img/regist_evn_title2.png") no-repeat;} p.regist_evn_txt1 {display:block; float:left; width:370px; margin:70px 0 13px 30px; padding:0; color:#fff; font-size:17px; letter-spacing:-1px; line-height:28px;} p.regist_evn_txt1 em {display:block; margin-bottom:20px; font-size:30px; font-weight:bold;} p.regist_evn_txt1 strong.num{color:#ffec4f; font-size:30px; font-weight: bold; font-family:"Century Gothic"} p.regist_evn_txt1 strong.txt{color:#ffec4f; font-weight: bold;} p.regist_evn_txt11 {display:block; float:left; width:370px; margin:55px 0 13px 30px; padding:0; color:#fff; font-size:17px; letter-spacing:-1px; line-height:28px;} p.regist_evn_txt11 em {display:block; margin-bottom:20px; font-size:30px; font-weight:bold;} p.regist_evn_txt11 strong.num{color:#ffec4f; font-size:30px; font-weight: bold; font-family:"Century Gothic"} p.regist_evn_txt11 strong.txt{color:#ffec4f; font-weight: bold;} .regist_evn_txtarea {position:relative; margin:0 100px 0 100px;} h5.regist_evn_title2 {display:block; width:95px; margin:0 0 15px 0; font-size:17px; color:#fff; background:url("../img/3th_img/icon/icon_notice2.png") no-repeat 75px 7px;} .regist_evn_txtarea textarea {position:absolute; top:35px; left:0; display:block; width:530px; height:50px; padding:15px; border:none; color:#fff; font-size:13px; background:url("../img/3th_img/bg_white_15.png")} .regist_evn_txt_btn {position:absolute; top:35px; right:0; display:block; width:80px; height:80px; border:1px solid #fff; color:#fff; font-size:17px; background:none;} .regist_evn_txt_btn:hover {background:url("../img/3th_img/bg_white_15.png")} .regist_evn_txtarea p{position:absolute; top:145px; left:0; font-size:14px; color:#fff; letter-spacing:-0.5px; line-height:21px;} .regist_evn_txtarea p em {color:#ffec4f; font-weight:bold;} p.regist_evn_txt2 {position:relative; display:block; width:610px; margin:100px auto 50px auto; padding:0 70px 0 70px; font-size:25px; letter-spacing:-1px; line-height:37px; color:#fff; text-align:center;} p.regist_evn_txt2 em {color:#ffec4f;} .y_quotation1{position:absolute; top:0; left:0; display:block; width:49px; height:40px; background:url("../img/3th_img/quotation_mark_yellow.png")} .y_quotation2{position:absolute; bottom:0; right:0; display:block; width:49px; height:40px; background:url("../img/3th_img/quotation_mark_yellow-.png")} /* //유료과정 신청 이벤트 팝업*/ /* 팝업 150223*/ .layer_pop_main_scroll {z-index:9999; position:fixed; top:0; left:0; width:100%; height:100%; background:url("../img/3th_img/all_bg.png") repeat; overflow-y:auto;} .popup_wrap {position:absolute; top:120px; left:50%; width:768px; height:530px; overflow-y:auto; margin:0 0 0 -384px; padding:50px 40px 10px 40px; background:#fff; font-size:12px; color:#2d2d2d; white-space:normal; text-align:left} .popup_wrap label {font-size:11px; color:#666;} .popup_wrap p{padding:10px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:13px; color:#666; line-height:22px;} .popup_wrap p.emem{display:inline-block; margin:10px 0; padding:0; border:0; color:#ff6464; font-size:12px; line-height:20px;} .main_popup_btns {position:absolute; right:10px; top:10px;} .main_popup_close {float:right; margin:3px 0 0 10px; width:14px; height:14px; border:0; background:url("../img/3th_img/icon/icon_close.png") no-repeat; outline:0} .btn_popup_link {display:block; margin:20px auto 0 auto; width:270px; padding:10px; text-align:left; color:#fff; font-size:13px; background:#4fc1e9 url("../img/3th_img/icon/icon_arrow_right.png") no-repeat 270px 15px;} .btn_popup_link:hover{background:#3da6cc url("../img/3th_img/icon/icon_arrow_right.png") no-repeat 270px 15px;} /* //팝업 150223*/ /* 팝업 150319*/ .popup_wrap_matrix {position:absolute; top:100px; left:50%; width:760px; margin:0 0 0 -420px; padding:50px 40px 40px 40px; background:#fff; font-size:12px; color:#2d2d2d; white-space:normal; text-align:left} .layer_pop_scroll_matrix {z-index:9999; position:fixed; top:0; left:0; width:100%; height:100%; overflow-y:scroll; background:url("../img/3th_img/all_bg.png") repeat} /* //팝업 150223*/ /* 팝업 150225*/ .m_regist_notice_p_wrap {z-index:998; position:absolute; top:100px; left:50%; width:1000px; height:350px; overflow-y:auto; margin:0 0 0 -500px;} .m_regist_notice_p_wrap:after {content:''; display:block; height:0; clear:both;} *:first-child+html .m_regist_notice_p_wrap {min-height:1px;} .m_regist_notice_p_wrap>img {float:left;} .m_regist_notice_p_right {float:right; width:351px; height:350px; background:#111;} .m_regist_notice_p_right>p.rr_title {margin:80px 0 25px 30px; color:#fff; letter-spacing:-0.5px; font-size:18px;} .m_regist_notice_p_right>p>strong {font-weight:bold; color:#e6cd5f;} .m_regist_notice_p_right>p.rr_txt {margin:0 0 0 30px; color:#aaa;} .m_regist_notice_p_right>p.rr_txt>em,.m_regist_notice_p_right>p.rr_txt2>em {color:#fff; font-weight:bold;} .m_regist_notice_p_right>p.rr_txt2 {margin:30px 30px 0 30px; padding:10px 0 0 0; border-top:1px solid #aaa; font-size:12px; color:#aaa;} .btn_regist_notice_main {position:absolute; z-index:9999; bottom:20px; right:370px; width:150px; height:45px; border:1px solid #fff; text-align:center; color:#fff; font-size:12px; letter-spacing:-0.5px; background:none;} .btn_regist_notice_main2 {position:absolute; z-index:9999; bottom:20px; right:20px; width:125px; height:35px; padding:10px 0 0 25px; border:1px solid #fff; text-align:left; color:#fff; font-size:13px; background:url("../img/3th_img/icon/icon_list_btn_white_r.png") no-repeat 115px 12px;} .btn_regist_notice_main3 {position:absolute; z-index:9999; bottom:75px; right:370px; width:150px; height:35px; padding-top:10px; border:1px solid #4fc1e9; text-align:center; color:#fff; font-size:14px; letter-spacing:-0.5px; font-weight:bold; background:#4fc1e9;} .btn_regist_notice_main3:hover{background:#3292b5; border:1px solid #3292b5} .popup_wrap p{padding:10px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:13px; color:#666; line-height:22px;} .popup_wrap p.emem{display:inline-block; margin:10px 0; padding:0; border:0; color:#ff6464; font-size:12px; line-height:20px;} .m_regist_notice_p_wrap>.main_popup_btns {position:absolute; right:10px; top:10px;} .m_regist_notice_p_wrap>.main_popup_btns>label {margin:0 0 0 5px; color:#aaa; font-size:12px; letter-spacing:-0.3px;} .m_regist_notice_p_wrap>.main_popup_btns>.main_popup_close {float:right; margin:3px 0 0 10px; width:14px; height:14px; border:0; background:url("../img/3th_img/icon/icon_layer_close2.png") no-repeat; outline:0} /* //팝업 150225*/ /* 팝업 150401*/ .m_regist_notice_04_wrap {z-index:998; position:absolute; top:100px; left:50%; width:1000px; height:350px; margin:0 0 0 -500px; background:url("../img/3th_img/150401_mainpop_bg.png") repeat;} h4.notice_150401_h4 {margin:30px 0 0 70px; width:636px; height:54px; text-indent:-9999px; background:url("../img/3th_img/150401_mainpop_h1.png") no-repeat;} .m_regist_notice_04_wrap>p {display:inline-block; margin:8px 0 0 70px; color:#fff;} .new_150401 {margin-top:10px;;} .new_150401 h5{position:absolute; top:0; left:0; width:57px; height:45px;} .new_150401 ul {width:1000px; background:#fff; padding:3px 30px 0 55px; box-sizing:border-box;} .new_150401 ul:after {content:''; display:block; height:0; clear:both;} .new_150401 ul li {float: left; margin:10px 35px 10px 0; text-align:center;} .new_150401 ul li img{display:inline;} .new_150401 ul li p {font-size:13px; letter-spacing:-0.5px; text-align:center; line-height:18px;} .new_150401 ul li p strong {display:block; color:#333;} .new_150401 ul li p em {color:#ff7473; font-weight:bold;} a.go_regist_150401 {position:absolute; top:65px; right:0; width:157px; height:60px; padding:30px 0 0 30px; color:#fff; font-weight:bold; background:url("../img/3th_img/150401_mainpop_btn.png") no-repeat} a.go_regist_150401:hover {background:url("../img/3th_img/150401_mainpop_btn-.png") no-repeat} .img_hover {position:relative;} .more_150401 {display:none; position:absolute; top:-103px; left:0; width:100%; height:117px; text-align:center; color:#666; font-weight:bold; background:url("../img/3th_img/bg_white_90.png") repeat} .more_150401 p{display:inline-block; width:100%; margin-top:25px; padding-top:30px; font-size:13px!important; background:url("../img/3th_img/icon/icon_search3.png") no-repeat top center;} /* //팝업 150401*/ /* 팝업 150507*/ h4.notice_150507_h4 {margin:30px 0 0 70px; width:638px; height:54px; text-indent:-9999px; background:url("../img/3th_img/150507_mainpop_h1.png") no-repeat;} /* 팝업 150518*/ .popup_0518_article {position:relative;} .popup_0518_article>h4 {font-size:28px; margin:0 0 35px 0; padding:0 0 20px 0; line-height: 30px; font-weight:bold; letter-spacing:-1px; text-align:center; border-bottom:1px solid #e6e6e6;} .popup_0518_article>h5.h4_title {margin-bottom:10px;} .popup_0518_article>p {display:block; margin-bottom:30px; font-size:15px;} .popup_0518_article>button {position:absolute; top:190px; right:0; padding:15px; font-size:13px; font-weight:bold; border:none; background:#4fc1e9; color:#fff;} .popup_0518_article>button:hover{background:#32a6ce} .popup_0518_article>ol>li {margin:0 0 15px 25px; font-size:14px; list-style:decimal outside; line-height:23px;} .popup_0518_article>ol>li>strong {color:#ff6060} .popup_0518_article>ol>li>em {font-size:13px; color:#4fc1e9; font-weight:bold;} /* 팝업 150528*/ .notice_ban_open_wrap_1506 {position:relative; display:none; z-index:99; position:absolute; bottom:40px; left:50%; width:1000px; height:350px; margin:0 0 0 -500px; background:url("../img/3th_img/1508_mainpop_bg.png") repeat;} .notice_ban_open_wrap_green {display:none; z-index:99; position:absolute; bottom:40px; left:50%; width:1000px; height:350px; margin:0 0 0 -500px; background:url("../img/3th_img/1508_mainpop_bg.png") repeat;} .notice_ban_open_wrap_1506>p {display:inline-block; margin:8px 0 0 70px; color:#fff;} .notice_ban_open_wrap_1506>p>strong {display:inline-block; height:24px; font-size:14px; border-bottom:2px solid #ffec6d; color:#ffec6d;} h4.notice_150528_h4 {margin:35px 0 3px 65px; font-size:35px; line-height:35px; font-weight:normal; color:#fff; letter-spacing: -2.5px; } h4.notice_150528_h4 strong {font-weight:normal; color:#ffec6d;} a.go_regist_150528 {position:absolute; bottom:0; right:0; width:149px; height:99px; color:#fff; font-weight:bold; background:url("../img/3th_img/1508_mainpop_btn.png") no-repeat} /* 팝업 150728*/ .notice_ban_open_wrap_green {display:none; z-index:99; position:absolute; bottom:40px; left:50%; width:1000px; height:350px; margin:0 0 0 -500px; background:url("../img/3th_img/1508_mainpop_bg.png") repeat;} .notice_ban_open_wrap_green>p {display:inline-block; margin:8px 0 0 70px; color:#fff; font-size:15px;} .notice_ban_open_wrap_green>p>strong {display:inline-block; height:24px; font-size:14px; border-bottom:2px solid #ffec6d; color:#ffec6d;} h4.notice_150528_h4 strong {font-weight:normal; color:#ffec6d;} /* 메인 레이어 팝업 신규 */ .layer_pop_mainban {position:absolute !important; top:10px; left:0; padding-top:0 !important;} .layer_pop_mainban .close_box {position:absolute; top:15px; left:492px; width:200px} .layer_pop_mainban button {position:absolute; top:9px; left:607px; width:39px; height:39px; background:url("../img/3th_img/icon/icon_layer_close.png") 12px 11px no-repeat; outline:0} /*채움사이버_상세*/ .chaum_study_top {margin-top:10px;} .chaum_study_top:after {content:''; display:block; height:0; clear:both;} *:first-child+html .chaum_study_top {min-height:1px;} .details_top_left {float:left;} .details_top_left img {width:400px; height:225px;} .chaum_details_btns {margin-top:10px;} .chaum_details_btns > .btn_red_go {width:146px; padding:20px 0 12px 70px; background-position:185px 24px;} .details_top_right {float:right; width:340px;} table.notice4 {width:100%; border-right:1px solid #e6e6e6} table.notice4 th, table.notice4 td {padding:6px 0 6px 10px; font-size:12px; text-align:left;} table.notice4 th {color:#333; background:#f7f7f7; border:1px solid #e6e6e6; border-width:1px 0 1px 1px} table.notice4 td {border:1px solid #e6e6e6; border-width:1px 1px 1px 1px} table.notice4 td.like {font-weight:bold; color:#ff7473} table.notice4 td.like span {display:inline-block; width:23px; height:21px; margin-left:10px; vertical-align:middle; cursor:pointer; background:url(../img/3th_img/icon/icon_like.png) no-repeat} .pop_que_money {display:inline-block; width:312px; height:24px; margin:28px 0 10px 0; padding:0 0 0 24px; text-align:right; background:url(../img/3th_img/icon/icon_info4.png) no-repeat 147px 2px;} .pop_que_money2 {display:inline-block; width:312px; height:24px; margin:15px 0 4px 0; padding:0 0 0 24px; text-align:right; background:url(../img/3th_img/icon/icon_info4.png) no-repeat 147px 2px;} .pop_qm_wrap {z-index:9999; position:absolute; top:90px; right:0; display:none; width:340px; height:130px; padding:40px 30px; background:#fff; border:1px solid #e6e6e6;} .pop_qm_wrap table {width:100%; border-right:1px solid #e6e6e6} .pop_qm_wrap table th, .pop_qm_wrap table td {padding:6px 0 6px 0} .pop_qm_wrap table th {color:#333; background:#f7f7f7; border:1px solid #e6e6e6; border-width:1px 0 1px 1px} .pop_qm_wrap table td {text-align:center; border:1px solid #e6e6e6; border-width:1px 1px 1px 1px} .pop_qm_wrap table td.td_as_th {background:#eee;} .chaum_introduce {margin:40px 0 40px 0;} .chaum_introduce_wrap {margin-top:-30px; padding:25px 30px 25px 30px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} .chaum_introduce_wrap li {list-style:none;} .chaum_introduce_book_wrap {margin-top:-30px; padding:25px 30px 25px 30px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} .chaum_introduce_book_wrap:after {content:''; display:block; height:0; clear:both;} .chaum_introduce_book_wrap li {list-style:none; float:left;} .chaum_introduce_book_wrap li>img {width:126px; height:167px; margin-right:37px;} .chaum_introduce_book_wrap li>p {width:530px; display:block; float:left;} .chaum_introduce_book_wrap li>p>strong {display:block; margin:10px 0 20px 0; font-size:15px; } .chaum_category {position:relative; margin-top:40px;} .course_recom2 {} .course_recom2_ul {overflow:hidden} .course_recom2_ul li {float:left; text-align:center; border:1px solid #e6e6e6;} .course_recom2_ul li a {float:left} .course_recom2_ul img {width:233px; height:150px; max-width:235px !important;} .course_recom2_ul li a p {padding:12px;} /* NH달인 */ .sub_dalin {position:relative} .sub_dalin p {margin-top:20px} .sub_dalin p.honor_ban {position:absolute; top:0; right:20px; margin-top:0} .sub_dalin_bg {position:relative; margin-top:20px; background:url(../img/sub_dalin_bg.png) no-repeat 0 0; border:1px solid #ccc; height:246px;} .sub_dalin_bg img {position:absolute; top:-1px; left:-1px} .sub_dalin_bg div {float:left; width:252px; text-align:center; padding:180px 0 0 0} .sub_dalin_bg h3 {text-indent:-1000px;overflow:hidden; display:inline-block; width:1px; height:1px;margin:0; } .sub_dalin_bg p {display:inline-block; width:105px; height:28px; font-size:14px; font-weight:bold; color:#fff; padding:10px 0 0 0 !important; text-align:center; margin:0} .sub_dalin_list {clear:both; position:relative; width:760px} .sub_dalin_list li {position:relative; float:left; width:122px; height:145px; margin:10px 10px 0 0; padding:20px 10px; text-align:center; background:#fff; border:1px solid #d9d9d9} .sub_dalin_list li:nth-child(5n) {margin-right:0} .sub_dalin_list li img {display:inline-block} .sub_dalin_list li p {margin-top:10px; font-weight:bold} .sub_dalin_list li span {display:inline-block; margin-top:5px; font-size:11px; line-height:14px} .sub_dalin_list li span.medal {position:absolute; top:0px; right:5px; width:25px; height:26px; background:url(../img/icon2.png) 0 -40px no-repeat} .sub_dalin_2013 {display:block; margin-top:30px} .nh_dalin_wrap:after {content:''; display:block; height:0; clear:both;} *:first-child+html .nh_dalin_wrap {min-height:1px;} .dalin_imgmap {width:760px; height:353px; margin-bottom:20px; background:url(../img/3th_img/nh_h_dalin_imgmap.png) no-repeat} .dalin_time {float:left; width:244px; height:130px; margin:0 10px 0 0; border:1px solid #e6e6e6; background:url(../img/3th_img/nh_h_dalin_time.png) no-repeat 0 0;} .dalin_time>h5 {display:block; width:90%; margin:60px 0 0 0; font-size:16px; text-align:right;} .dalin_time>p {display:block; width:90%; margin:10px 0 0 0;font-size:22px; font-weight:bold; color:#6db6cb; text-align:right;} .dalin_time>p>strong {font-size:30px;} .dalin_coin {float:left; width:245px; height:130px; margin:0 10px 0 0; border:1px solid #e6e6e6; background:url(../img/3th_img/nh_h_dalin_coin.png) no-repeat 0 0;} .dalin_coin>h5 {display:block; width:90%; margin:60px 0 0 0; font-size:16px; text-align:right;} .dalin_coin>p {display:block; width:90%; margin:10px 0 0 0;font-size:22px; font-weight:bold; color:#6db6cb; text-align:right;} .dalin_coin>p>strong {display:inline-block; font-size:30px;} .dalin_finish {float:left; width:245px; height:130px; border:1px solid #e6e6e6; background:url(../img/3th_img/nh_h_dalin_finish.png) no-repeat 0 0;} .dalin_finish>h5 {display:block; width:90%; margin:60px 0 0 0; font-size:16px; text-align:right;} .dalin_finish>p {display:block; width:90%; margin:10px 0 0 0;font-size:22px; font-weight:bold; color:#6db6cb; text-align:right;} .dalin_finish>p>strong {display:inline-block; font-size:30px;} .dalin_view {position:relative; margin-top:35px;} .dalin_view h5 {} .dalin_view_sel {position:absolute; display:block; float:right} .nh_dalin_wrap:after {content:''; display:block; height:0; clear:both;} *:first-child+html .nh_dalin_wrap {min-height:1px;} .nh_honor_2013 {float:left; width:225px; height:110px; margin:20px 10px 20px 0; padding:15px 0 0 20px; border:1px solid #e6e6e6; text-align:left; color:#969696; background:url(../img/3th_img/nh_h_dalin_icon.png) no-repeat right bottom; cursor:pointer;} .nh_honor_2013:hover{border:1px solid #333;} .nh_honor_2013 p {display:block; font-size:17px;} .nh_honor_2013 p strong {line-height:40px; font-family:"Century Gothic"; display:block; font-size:36px;} .nh_honor_2015 {float:left; width:226px; height:112px; margin:20px 0 20px 0; padding:15px 0 0 20px; text-align:left; color:#fff; background:#6db6cb url(../img/3th_img/nh_h_dalin_icon_2015.png) no-repeat right bottom;} .nh_honor_2015 p {display:block; font-size:17px;} .nh_honor_2015 p strong {line-height:40px; font-family:"Century Gothic"; display:block; font-size:36px;} .nh_honor_2015_btn {width:100px; height:30px; margin-top:10px; font-size:12px; border:none; background:#5f5f5f;} .nh_honor_2015_btn:hover{background:#333;} .nh_honor_talk {clear:both; width:756px; height:170px; margin-top:20px; border:2px solid #6db6cb; background:url(../img/3th_img/nh_h_dalin_talk.png) no-repeat 25px 10px;} .nh_honor_talk2 {background:url(../img/3th_img/nh_h_dalin_talk2.png) no-repeat 25px 10px;} .nh_honor_talk textarea {float:left; width:620px; height:40px; margin:80px 0 0 25px; padding:10px; border:none; background:#f7f7f7;} button.nh_honor_talk_btn {width:60px; height:60px; margin:80px 0 0 10px; border:none; background:#e87439; color:#fff;} button.nh_honor_talk_btn:hover {background:#c65d28} .nh_honor_img_wrap {position:absolute; top:100px; left:50%; display:none; width:760px; margin-left:-380px; background:#fff} .nh_honor_stand_wrap {position:absolute; top:50%; left:50%; display:none; width:400px; height:230px; margin:-125px 0 0 -200px; padding:40px; background:#fff} .pop_close_btn3 {position:absolute; top:-45px; right:0; width:39px; height:39px; border:1px solid #fff; background:url("../img/3th_img/icon/icon_layer_close2.png") 12px 11px no-repeat; outline:0} .nh_honor_list_wrap {min-height:300px; max-height:900px; overflow-y:auto; margin-top:20px; border:1px solid #e6e6e6;} .nh_honor_stand_cap {font-size:17px; font-weight:bold; color:#333; margin:0 0 20px 0; text-align:left;} /* 160310 추가 */ .nh_dalin_p {position:relative} .nh_dalin_span {position:absolute; top:-27px; right:0; display:inline-block; margin-top:20px; padding:10px; font-size:10px; color:#999; line-height:16px; border:1px solid #e5e5e5} /* 채움순위 */ .nh_rangking_wrap {position:relative; margin-bottom:50px;} .rangking_tag {position:absolute; top:10px; left:180px; padding:3px 10px 3px 10px; font-size:12px; border:1px solid #4fc1e9; color:#4fc1e9;} .rangking_slide:after {content:''; display:block; height:0; clear:both;} *:first-child+html .rangking_slide {min-height:1px;} .rangking_slide_wrap {margin-top:30px;} ul.rangking_slide_ul li {position:relative; float:left; width:238px; margin-right:23px;} h6.rangking_title1 {position:absolute; top:0; left:0; width:175px; height:40px; padding:18px 0 0 63px; font-size:15px; font-weight:bold; color:#fff; background:url("../img/3th_img/rangking_tag1.png") no-repeat; } p.rangking_tt1 {margin-bottom:10px; color:#3da6cc; font-weight:bold;} .rangking_box1 {height:28px; margin-bottom:10px; padding:7px 0 0 0; text-align:center; color:#3da6cc; font-size:14px; background:#abe3ea;} h6.rangking_title2 {position:absolute; top:0; left:0; width:175px; height:40px; padding:18px 0 0 63px; font-size:15px; font-weight:bold; color:#fff; background:url("../img/3th_img/rangking_tag2.png") no-repeat; } p.rangking_tt2 {margin-bottom:10px; color:#ec9b00; font-weight:bold;} .rangking_box2 {height:28px; margin-bottom:10px; padding:7px 0 0 0; text-align:center; color:#ec9b00; font-size:14px; background:#ffedb8;} h6.rangking_title3 {position:absolute; top:0; left:0; width:175px; height:40px; padding:18px 0 0 63px; font-size:15px; font-weight:bold; color:#fff; background:url("../img/3th_img/rangking_tag3.png") no-repeat; } p.rangking_tt3 {margin-bottom:10px; color:#1baaa8; font-weight:bold;} .rangking_box3 {height:28px; margin-bottom:10px; padding:7px 0 0 0; text-align:center; color:#1baaa8; font-size:14px; background:#c8ebea;} h6.rangking_title4 {position:absolute; top:0; left:0; width:175px; height:40px; padding:18px 0 0 63px; font-size:15px; letter-spacing:-1px; font-weight:bold; color:#fff; background:url("../img/3th_img/rangking_tag4.png") no-repeat; } p.rangking_tt4 {margin-bottom:10px; color:#ff7545; font-weight:bold;} .rangking_box4 {height:28px; margin-bottom:10px; padding:7px 0 0 0; text-align:center; color:#ff7545; font-size:14px; background:#ffe0d5;} h6.rangking_title5 {position:absolute; top:0; left:0; width:175px; height:40px; padding:18px 0 0 63px; font-size:15px; font-weight:bold; color:#fff; background:url("../img/3th_img/rangking_tag5.png") no-repeat; } p.rangking_tt5 {margin-bottom:10px; color:#31a574; font-weight:bold;} .rangking_box5 {height:28px; margin-bottom:10px; padding:7px 0 0 0; text-align:center; color:#31a574; font-size:14px; background:#bfe6d6;} .rangking_individual {width:195px; height:165px; margin:40px 0 0 11px; padding:30px 15px 20px 15px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;} .rangking_individual strong,.rangking_group strong {font-family:"Century Gothic"; font-weight:bold; font-size:24px;} .rangking_individual img {width:88px; height:88px; float:left;} .rangking_box_info {float:left; width:107px;} p.rangking_name {display:inline-block; margin:0 0 10px 12px; font-size:14px;} p.rangking_name em {font-weight:bold;} p.rangking_belong {display:inline-block; margin-left:12px; font-size:11px; letter-spacing:-0.5px; color:#888;} p.rangking_belong em {display:block; padding-left:15px; font-weight:bold; color:#4fc1e9; background:url(../img/3th_img/icon/icon_myinfo.png) 0 -15px no-repeat} .rangking_group {clear:both; display:block; width:195px; height:120px; margin:0 0 0 11px; padding:15px; border:1px solid #e6e6e6;} p.rangking_g_name {width:100%; text-align:center; font-size:14px; font-weight:bold;} .rangking_btn {position:absolute; top:50px; right:0} .rangking_btn button {display:inline-block; width:30px; height:25px; border:1px solid #e6e6e6; background:url(../img/3th_img/icon/icon_arrow.png) 11px 5px no-repeat; outline:0} .rangking_btn button.next_rangking {margin-left:3px; background-position:-8px 5px} .rangking_btn button.next_rangking:hover {border:1px solid #666; background-position:-8px -15px} .rangking_btn button.prev_rangking:hover {border:1px solid #666; background-position:11px -15px} ul.top20_tab:after {content:''; display:block; height:0; clear:both;} *:first-child+html ul.top20_tab {min-height:1px;} ul.top20_tab {margin:25px 0 30px 0;} ul.top20_tab li {float:left; margin-left:11px; text-indent:-999px; cursor:pointer;} ul.top20_tab li:first-child {margin-left:0;} p.top20_ico1 {display:block; width:143px; height:100px; background:url(../img/3th_img/rangking_tab1.png) no-repeat;} p.top20_ico2 {display:block; width:143px; height:100px; background:url(../img/3th_img/rangking_tab2.png) no-repeat;} p.top20_ico3 {display:block; width:143px; height:100px; background:url(../img/3th_img/rangking_tab3.png) no-repeat;} p.top20_ico4 {display:block; width:143px; height:100px; background:url(../img/3th_img/rangking_tab4.png) no-repeat;} p.top20_ico5 {display:block; width:143px; height:100px; background:url(../img/3th_img/rangking_tab5.png) no-repeat;} li.on p.top20_ico1,p.top20_ico1:hover {display:block; width:143px; height:100px; background:url(../img/3th_img/rangking_tab1-.png) no-repeat;} li.on p.top20_ico2,p.top20_ico2:hover {display:block; width:143px; height:100px; background:url(../img/3th_img/rangking_tab2-.png) no-repeat;} li.on p.top20_ico3,p.top20_ico3:hover {display:block; width:143px; height:100px; background:url(../img/3th_img/rangking_tab3-.png) no-repeat;} li.on p.top20_ico4 ,p.top20_ico4:hover{display:block; width:143px; height:100px; background:url(../img/3th_img/rangking_tab4-.png) no-repeat;} li.on p.top20_ico5,p.top20_ico5:hover {display:block; width:143px; height:100px; background:url(../img/3th_img/rangking_tab5-.png) no-repeat;} h5.h5_title_ranking {margin:0 0 10px 0; font-size:14px; color:#333; font-weight:bold;} table.rangking_table {width:100%; border-top:2px solid #949494; border-bottom:2px solid #949494;} table.rangking_table th, table.rangking_table td {padding:10px 0; text-align:center;} .th1 {border-bottom:1px solid #cedee0; border-right:1px solid #cedee0; background:#f2efef} .th2 {border-bottom:1px solid #cedee0; border-right:1px solid #cedee0; background:#e8f2f3} .th3 {border-bottom:1px solid #c8ddd4; background:#dcede6} table.rangking_table td {border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; font-size:12px; letter-spacing:-0.5px;} tr.tr_strong {font-weight:bold; color:#333;} tr.td_bg {background:#fafafa;} p.rangking_warn {display:inline-block; height:22px; margin-top:10px; padding-left:20px; background:url(../img/3th_img/icon/icon_info.png) no-repeat 0 5px;} .rangking_select_box {position:absolute; top:8px; right:0} .rangking_select_box .sbHolder {width:150px !important;} /* 지식채움전 */ .e-photo_top_wrap {position:relative; width:100%; height:318px; min-width:1000px; background:#d2e5db;} .e-photo_top_con {position:relative; width:1000px; height:318px; margin:0 auto; background:#d2e5db url(../img/3th_img/l_photo_bg.png) no-repeat right;} .e-photo_top_con p {position:absolute; top:65px; left:230px; color:#4a8968; letter-spacing:-0.5px;} .e-photo_top_tt {position:absolute; top:60px; left:0; width:201px; height:201px; background:url(../img/3th_img/l_photo_h1.png) no-repeat} table.e-photo_top_tb {position:absolute; top:200px; left:230px;} table.e-photo_top_tb th,table.e-photo_top_tb td {border:0; padding:5px 10px 5px 10px; text-align:center;} table.e-photo_top_tb th {font-weight:bold; color:#fff; background:url(../img/3th_img/bg_green_40.png) repeat} table.e-photo_top_tb td {color:#4a8968; background:url(../img/3th_img/bg_white_40.png) repeat} .e-photo_line {position:relative; width:100%; height:40px; padding:8px 0 0 0; background:#4e4e4e; text-align:center;} .e-photo_line_tt {display:inline-block; margin-top:5px; font-size:16px; font-weight:bold; color:#fff;} button.e-photo_prev {position: absolute; top:10px; left:45px; width:100px; height:20px; border:0; color:#fff; background:url(../img/3th_img/icon/icon_list_btn_white_l.png) no-repeat 0 4px} button.e-photo_next {position: absolute; top:10px; right:45px; width:100px; height:20px; border:0; color:#fff; background:url(../img/3th_img/icon/icon_list_btn_white_r.png) no-repeat 80px 4px} .e-photo_select_box {margin:0 auto; width:128px;} .e-photo_list_wrap {padding:40px 0 40px 0; background:#f7f7f7;} ul.masonry_container {margin:0 auto;} ul.masonry_container li {width:220px; margin:7px; background:#fff; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:5px solid #e6e6e6;padding:12px; border-radius: 5px;} ul.masonry_container li img {width:220px; margin:0 auto; cursor:pointer;} .e-photo_info_wrap {position:relative;} p.e-photo_info {display:block; width:155px; margin:6px 0 0 0; font-size:12px; color:#888;} p.e-photo_info strong {display:block; color:#333;} .e-photo_info2 {position: absolute; top:0; right:0; height:26px; padding:0 0 0 28px; font-family:"Century Gothic"; font-size:12px; font-weight:bold; color:#ff846d;} button.e-photo_like {display:inline-block; width:26px; height:34px; border:0; background:url(../img/3th_img/l_photo_ico_like.png) no-repeat 0 0;} button.e-photo_like:hover {background:url(../img/3th_img/l_photo_ico_like-.png) no-repeat 0 0;} p.e-photo_like_tx {display:inline-block; padding:12px 0 0 0;} p.e-photo_like_tx2 {display:inline-block; padding:12px 0 0 0; font-family:'Malgun Gothic', '맑은고딕', sans-serif, '돋움';} p.no-photo_info {display:block; width:550px; height:100px; margin:40px auto; padding:140px 0 0 0; text-align:center; font-size:36px; letter-spacing: -1px; color:#999999; background:url(../img/3th_img/ico_camera_big.png) no-repeat top center;} .e-photo_regist {position:absolute; top:100px; right:-420px; width:554px; height:318px;} .e-photo_regist:after {content:''; display:block; height:0; clear:both;} *:first-child+html .e-photo_regist {min-height:1px;} .e-photo_regist_btn {display:block; float:left; width:134px; height:156px; border:0; background:url(../img/3th_img/l_photo_regist_btn.png) no-repeat;} .e-photo_regist_btn- {display:none; float:left; width:134px; height:156px; border:0; background:url(../img/3th_img/l_photo_regist_btn_x.png) no-repeat;} .e-photo_regist_btn:hover{background:url(../img/3th_img/l_photo_regist_btn-.png) no-repeat;} .e-photo_regist_btn-:hover{background:url(../img/3th_img/l_photo_regist_btn_x-.png) no-repeat;} .e-photo_regist_form {float:left; width:350px; height:218px; margin-top:-100px; padding:50px 35px 50px 35px; background:#f4f4f4;} .e-photo_regist_info {margin-bottom:10px;} .e-photo_regist_info:after {content:''; display:block; height:0; clear:both;} *:first-child+html .e-photo_regist_info {min-height:1px;} p.e-photo_regist_name {display:block; float:left; width:67px; height:28px; padding:5px 0 0 10px; color:#a4a4a4; background:#e9e9e9; font-weight:bold;} p.e-photo_regist_name2 {display:block; float:left; width:263px; height:28px; padding:5px 0 0 10px; color:#a4a4a4; background:#fff; font-size:12px;} p.e-photo_regist_name2 em {font-size:13px; font-weight:bold;} .e-photo_regist_choose {margin-bottom:10px;} .e-photo_regist_choose:after {content:''; display:block; height:0; clear:both;} *:first-child+html .e-photo_regist_choose {min-height:1px;} button.choose_photo_tt {display:block; float:left; width:77px; height:33px; text-align:center; border:none; color:#fff; background:#a2c7b3; font-weight:bold;} button.choose_photo_tt:hover {background:#7ca28d;} p.search_photo_url {display:block; float:left; width:213px; height:28px; padding:5px 0 0 10px; color:#a4a4a4; background:#fff; font-size:12px;} button.delete_photo_btn {float:left; width:50px; height:33px; color:#559573; font-weight:bold; border:0; background:#d2e5db;} .e-photo_regist_form textarea {width:340px; height:70px; margin:0 0 20px 0; padding:5px; border:none; color:#a4a4a4;} button.e-photo_regist_btn2 {display:block; width:110px; height:35px; margin:0 auto; padding:0 0 0 35px; text-align:left; border:none; background:#ff846d url(../img/3th_img/icon/icon_check_btn.png) no-repeat 14px 14px; color:#fff;} button.e-photo_regist_btn2:hover {background:#ec5d47 url(../img/3th_img/icon/icon_check_btn.png) no-repeat 14px 14px;} .e_photo_view_pop {position:absolute; top:100px; left:50%; display:none; width:800px; height:auto; margin:0 0 0 -415px; padding:40px 20px 30px 20px; background:#fff; overflow-y:auto;} .e_photo_view_pop img {width:800px; margin-top:30px;} .e-photo_info_view {position: absolute; top:20px; left:20px; height:26px; padding:0; font-family:"Century Gothic"; font-size:12px; font-weight:bold; color:#ff846d;} p.e-photo_info_view_name {display:inline-block; margin:15px 0 10px 0; font-size:15px;} p.e-photo_info_view_name em{font-weight:bold; color:#333;} .etc_txt {top:237px !important} p.e-photo_disc {margin:105px 0 0 0; padding:15px 20px 15px 20px; background:url(../img/3th_img/bg_white_40.png) repeat} p.e-photo_disc strong {color:#ff4d2c;} /* //지식채움전 */ /* 지식채움전_투표 */ .e-vote_top_wrap {width:100%; height:549px; min-width:1000px; background:#b9d8ca url(../img/3th_img/i_vote_bg.png) no-repeat center;} .vote_top {position:relative; width:1000px; margin:0 auto; padding-top:90px;} .vote_logo {position:absolute; top:20px; left:0; width:89px; height:89px; margin:20px 0 0 0; background:url(../img/3th_img/i_vote_logo.png) no-repeat} .vote_title {width:550px; height:90px; margin:0 auto; background:url(../img/3th_img/i_vote_title.png) no-repeat right;} .vote_top_txt {width:522px; height:71px; margin:35px auto 130px auto; background:url(../img/3th_img/i_vote_txt.png) no-repeat} dl.vote_top_info {width:522px; margin:25px auto;} dl.vote_top_info:after {content:''; display:block; height:0; clear:both;} dl.vote_top_info dt {float:left; width:80px; height:25px; margin:0; color:#fff; font-weight:bold; text-align:center; background:#ff745d;} dl.vote_top_info dd.dd1 {float:left; width:215px; height:25px; margin:0; color:#ff745d; text-align:center; background:#fff; font-weight:bold} dl.vote_top_info dd.dd2 {float:left; width:147px; height:25px; margin:0; color:#ff745d; text-align:center; background:#fff;} p.vote_top_txt2 {text-align:center; color:#fff;} p.vote_top_txt2 em {font-weight:bold; color:#fcf08f; font-size:15px;} p.vote_top_txt3 {position:absolute; top:480px; left:0; width:100%; min-width:1000px; padding:15px 0; color:#fff; text-align:center; font-size:19px; background:url(../img/3th_img/bg_green_40.png) repeat} .e-vote_list_wrap {padding:40px 0 40px 0; background:#f7f7f7;} ul.masonry_container_vote {margin:0 auto;} ul.masonry_container_vote li {width:250px; margin:7px; background:#fff; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:5px solid #e6e6e6; padding:12px; border-radius: 5px;} ul.masonry_container_vote li img {width:250px; margin:0 auto; cursor:pointer;} /* //지식채움전_투표 */ /* 지식채움전_우수작*/ .e-prize_top_wrap {width:100%; height:810px; min-width:1000px; background:#5096c3 url(../img/3th_img/l_photo_prize_bg.png) no-repeat top center;} .e-prize_top {position:relative; width:1000px; margin:0 auto; padding-top:45px;} .e-prize_logo {width:313px; height:167px; margin:0 auto; background:url(../img/3th_img/l_photo_prize_h1.png) no-repeat;} .e-prize_top img {margin:0 auto 20px auto;} .e-prize_top_txt {color:#fff; text-align:center;} p.e-prize_top_txt em {font-weight:bold; color:#fcf08f; font-size:15px;} /* //지식채움전_우수작*/ /* NH학점은행 */ .bank_top {position:relative; margin:0 0 40px 0;} .bank_top:after {content:''; display:block; height:0; clear:both;} *:first-child+html .bank_top {min-height:1px;} p.bank_feature1 {float:left; display:block; width:380px; height:195px; padding:35px 0 0 0; color:#4cbcd6; font-size:19px; text-align:center; font-weight:bold; background:#ddeff3 url(../img/3th_img/bank_top_img1.png) no-repeat bottom center;} p.bank_feature2 {float:left; display:block; width:380px; height:195px; padding:35px 0 0 0; color:#fff; font-size:19px; text-align:center; font-weight:bold; background:#4cbcd6 url(../img/3th_img/bank_top_img2.png) no-repeat 130px 85px;} a.btn_go_center {position:absolute; top:50%; left:50%; margin:-21px 0 0 -84px; padding:10px 0 0 10px; width:158px; height:32px; color:#fff; text-align:left; font-weight:bold; background:#ff7272 url(../img/3th_img/icon/icon_list_btn_white_r.png) no-repeat 137px;} a.btn_go_center:hover{background:#ff5353 url(../img/3th_img/icon/icon_list_btn_white_r.png) no-repeat 137px;} .bank_detail1 {height:150px; margin:0 0 30px 0; background:url(../img/3th_img/bank_feature_1.png) no-repeat 30px 40px;} .bank_detail2 {height:150px; margin:0 0 30px 0; background:url(../img/3th_img/bank_feature_2.png) no-repeat 37px 40px;} .bank_detail3 {height:150px; margin:0 0 60px 0; background:url(../img/3th_img/bank_feature_3.png) no-repeat 30px 32px;} .bank_detail1_ul {margin:20px 0 0 0;} .bank_detail1_ul li {margin:0 0 5px 0; padding:0 0 0 210px; list-style:disc inside;} h4.h4_title_sp {display:block; width:740px; height:30px; margin-bottom:40px; padding:7px 0 0 20px; color:#fff; font-size:15px; background:url(../img/3th_img/bank_title_bg.png) no-repeat} .bank_info p.bank_txt1 {margin:55px 0;} .bank_info ul {margin:20px 0 50px 30px;} .bank_info ul li {margin:0 0 5px 0; color:#888; list-style:outside disc;} /* //NH학점은행 */ .main_temp_p {position:absolute; left:50%; top:50%; display:block; width:760px; height:180px; margin:-130px 0 0 -420px; padding:40px; color:#fff; text-align:center; font-size:15px; border:3px solid #fff} .main_temp_p strong {font-size:30px; display:block; margin-bottom:40px; letter-spacing: -1px; font-weight:normal} .main_temp_p em {font-size:20px; font-weight:bold} /* 개인정보취급방침 */ .sub_content_term {} .sub_content_term a{color:#4cbcd6; font-weight:bold} .sub_content_term a:hover {text-decoration:underline} .sub_content_term>h3 {font-size:28px; color:#4cbcd6; font-weight:normal; margin:0 0 75px 0;} .sub_content_term>p {display:inline-block; margin:0 0 40px 0;} .sub_content_term>p>em {display:block; margin:25px 0;} .sub_content_term>ol {margin:0 0 50px 0;} .sub_content_term>ol>li {list-style:decimal; margin: 0 0 60px 30px;font-size:18px; color:#4cbcd6} .sub_content_term>ol>li>h4 {margin:0 0 20px 0;} .sub_content_term>ol>li>p {font-size:13px; color:#666;} .sub_content_term>ol>li>ol {margin:12px 0; color:#666;} .sub_content_term>ol>li>ol>li {list-style:decimal; margin:0 0 40px 15px; font-size:13px;} .sub_content_term>ol>li>ol>li>h5 {font-size:15px; margin:0 0 10px 0;} .sub_content_term p.expe {margin:20px 0} .sub_content_term>ol>li>ol>li>table {width:90%; border:1px solid #e6e6e6; margin:20px 0 0 0; color:#666;} .sub_content_term>ol>li>ol>li>table th{background:#fafafa; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:10px;} .sub_content_term>ol>li>ol>li>table td{border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;padding:10px; text-align:center} /* //개인정보취급방침 */ /* 2016 채움사이버 준비중 */ .textarea_cheum2016 {margin:30px 0;} .textarea_cheum2016:after {content:''; display:block; height:0; clear:both;} .textarea_cheum2016>textarea {display:block; float:left; width:650px; height:90px; padding:10px; border:2px solid #e6e6e6; box-sizing:border-box;} .textarea_cheum2016>button.cheum2016_btn {display:block; float:right;width:100px; height:90px; background:#4d4d4d; color:#fff; border:none;} .textarea_cheum2016>button.cheum2016_btn:hover {background:#333} /*2016 메인상단 레이어배너*/ .pop_2016_wrap {position:fixed; top:0; left:0; z-index:1000; height:100px; width:100%;} .pop_2016_wrap > div > div {position:relative} .close_box {position:absolute;} .close_box .icheckbox_square-blue {vertical-align:-6px;} .pop_160229 {background:#cccccc; } .pop_160229 > div{width:1000px; margin:0 auto;} .pop_160229 .close_box { bottom:10px; right:150px; color:#fff} .pop_160229 .close_box button {background:none; border:1px solid #fff} .pop_160229 .close_box2 { bottom:10px; right:0px; color:#333} .pop_160229 .close_box2 button {background:none; border:1px solid #333}