@charset "euc-kr"; @import url("font.css?2"); body{height:100%;width:100%;} img{vertical-align:top} #txt img{max-width:100%;} #wrap{} #wrap .layout, #top_popup .layout{position:relative; width:1300px; height:100%; margin:0 auto; clear:both;} #top_popup .layout{padding:0;} #wrap .clear{clear:both;} #wrap .layout.sub{width:1300px;} #wrap{background:#fff} #mainCopy[class^="bg_main01"]{background:#fff url("/elearning/cyber/type/19/img/bg_img/main_bg_common_X5_2.jpg") no-repeat top center; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; } #mainCopy[class^="bg_main02"]{background:#fff url("/elearning/cyber/type/19/img/bg_img/main_bg_common_X5_2.jpg") no-repeat top center; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; } #mainCopy[class^="bg_main03"]{background:#fff url("/elearning/cyber/type/19/img/bg_img/main_bg_common_X5_2.jpg") no-repeat top center; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges;} #mainCopy[class^="bg_main04"]{background:#fff url("/elearning/cyber/type/19/img/bg_img/main_bg_common_X5_2.jpg") no-repeat top center; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges;} #mainCopy[class^="bg_main05"]{background:#fff url("/elearning/cyber/type/19/img/bg_img/main_bg_common_X5_2.jpg") no-repeat top center; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; } .bg_h_line {background:url(../img/bg_h_line.png) repeat-x left 105px;} .bg_left_1 {background:url(../img/bg_left_1.png) no-repeat left 50px;} .bg_left_2 {background:url(../img/bg_left_2.png) no-repeat left center;} .bg_right_1 {background:url(../img/bg_right_1.png) no-repeat right center;} .bg_right_2 {background:url(../img/bg_right_2.png) no-repeat right top;} .bg_left_sub_01 {background:#f8feff url(../img/bg_sub_01_left.png) no-repeat left 480px;} .bg_right_sub_01 {background:url(../img/bg_sub_01_right_X5.png) no-repeat right top;} .bg_right_sub_02 {background:url(../img/bg_sub_02_right_X5.png) no-repeat right top;} .bg_right_sub_03 {background:url(../img/bg_sub_03_right_X5.png) no-repeat right top;} .bg_right_sub_04 {background:url(../img/bg_sub_04_right_X5.png) no-repeat right top;} .bg_right_sub_05 {background:url(../img/bg_sub_05_right_X5.png) no-repeat right top;} #top_popup{display:none; height:144px; background:#f4f4f4;} #top_popup .top_popup_left, #top_popup .top_popup_right{position:absolute; top:0; z-index:1; width:62px; height:100%;} #top_popup .top_popup_left{left:0;} #top_popup .top_popup_right{right:0;} #top_popup .move{overflow:hidden; position:relative; z-index:0; width:1156px; height:100%; margin:0px auto;} #top_popup .move ul{position:absolute; left:0; top:0; width:200000px; height:100%;} #top_popup .move ul li{float:left; width:360px; height:100%; padding-right:39px;} #top_popup .move ul li a, #top_popup .move ul li a img{display:block; width:100%; height:100%;} a.favo_btn{background:url(/elearning/cyber/type/17/img/ico_fav_T2.png) no-repeat left center; color:#555555; display:inline-block; margin-right:10px; font-size:15px;padding-left:18px; font-weight:600} a.all_lect_btn {background:#19b14c url(/elearning/cyber/type/17/img/ico_all_lec.png) no-repeat 5px center; color:#fff; display:inline-block; font-size:15px;padding:8px 10px 8px 25px; font-weight:600} .course_fav_box {position: relative;width:164px; height:210px; overflow:hidden; float:left; margin:10px 0 0; border: 1px solid #c9d5e9; border-radius: 20px;} .number_c {position: relative; margin:0; padding:0px; text-align:center;} .number_n {position: absolute; left:0px; top:0px; color:#5ca5ff; background:#fff100; font-size:18px; text-align:center;width:30px; height:30px; line-height:36px;border:1px solid #c9d5e9; border-radius:50%;z-index:2; font-weight:700; font-family: 'KOHINanumOTFL';} .cos_img {position: relative; width:164px; height:134px; margin:0 auto; } .cos_name {position:relative; padding:10px 5px 0 5px; font-size:17px;line-height:18px; color:#000; text-align:center; height:60px; overflow:hidden; font-family: 'S-CoreDream-3Light', sans-serif; -webkit-text-size-adjust: 100%;} .cos_name a{word-break:keep-all;} .title_ss {color:#1c4592} .mt10 {margin-top:10px;} .mt20 {margin-top:20px;} .mt30 {margin-top:30px;} .mt40 {margin-top:40px;} .mt50 {margin-top:50px;} .leftSide {position:relative; width:910px; height:100%; margin:0; padding:0px; float:left;} .rightSide {position:relative; width:360px; height:100%; margin:0; padding:0px; float:right;} .alpha50 { /* Fallback for web browsers that don't support RGBa */ background-color: rgb(0, 0, 0); /* RGBa with 0.6 opacity */ background-color: rgba(0, 0, 0, 0.5); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; } .alpha90 { /* Fallback for web browsers that don't support RGBa */ background-color: rgb(255, 255, 255); /* RGBa with 0.6 opacity */ background-color: rgba(255, 255, 255, 0.95); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; } .alpha60 { /* Fallback for web browsers that don't support RGBa */ background-color: rgb(0, 0, 0); /* RGBa with 0.6 opacity */ background-color: rgba(0, 0, 0, 0.6); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; } .alpha30 { /* Fallback for web browsers that don't support RGBa */ background-color: rgb(16, 46, 62); /* RGBa with 0.6 opacity */ background-color: rgba(16, 46, 62, 0.3); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; } #header{position:relative; z-index:11; } #header .mobile_menu, #header .mobile_search{display:none; position:absolute; top:74px; width:45px; height:45px;} .mobile_menu_close{display:none; position:absolute; left:0; top:0; z-index:1001;} #header .mobile_menu{left:20px;} #header .mobile_search{right:20px;} #header #global{position:relative; z-index:10; } #header #global .layout{position:relative;} #header #global .attcheckbox{position:absolute; display:none; left:3px; top:280px; z-index:9; background:#ff6b53; margin: 0 !important; width:136px; height:136px; text-align:center; padding: 0 !important; -webkit-box-shadow: 2px 1px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 1px 0px rgba(0, 0, 0, 0.3); box-shadow: 2px 1px 0px rgba(0, 0, 0, 0.3); -moz-border-radius: 136px; -webkit-border-radius: 136px; border-radius: 136px;} } #header #global .attcheckbox a span{color:#fffc00; text-decoration:underline;} #header #global ul{padding:0px 0;} #header #global ul.topmenu{padding:0px 0;float:right;} #header #global ul li{position:relative; float:left; padding:0px 25px; } #header #global ul li.tt{position:relative; float:left; padding:0px 0 0 15px; } #header #global ul li.on{position:relative; float:left; } #header #global ul li a{display:block; height:28px; line-height:28px; font-size:12px; color:#777; } #header #global ul li a.a_03{background:#000000; color:#fff; padding:0 10px; margin:0 0 0 0; } #header #global ul li.bott a{color:#fff; border:1px solid #fff; border-radius:5px; padding:3px 5px;} #header #global ul li.welcome_t a{color:#fff; } #header #global ul li.tt a{color:#fff; } #header #global ul li a.on{display:block; color:#333333;} #header #global ul li a.welcome{display:block; color:#47d9f3;} #header #global ul li:first-child{background:none;} #header #global ul li.tt:last-child{ } #mainCopy {position:relative; clear:both; height:300px; } #mainCopy .lcopy{position:absolute; left:180px; top:110px; color:#4b4c4e; font-size:23px; line-height:33px; text-align:left; font-family:'S-CoreDream-3Light'} #mainCopy .lcopy2{position:absolute; left:180px; width:1100px; top:85px; color:#000000; font-size:29px; line-height:30px; font-family:'Nanum Pen Script'; text-align:center;} #mainCopy .sitename{position:absolute; left:180px; top:30px; width:1100px; text-align:center; color:#000000; font-size:39px; line-height:35px; font-weight:600;} #mainCopy .sitename2{position:absolute; left:135px; top:35px; text-align:left; color:#4b4c4e; font-size:45px; line-height:45px; font-weight:600; font-family:'S-CoreDream-3Light'} #subCopy {position:relative; clear:both; height:150px;} #subCopy .lcopy{position:absolute; left:460px; top:50px; color:#fff; color:#000000; font-size:28px; line-height:28px; font-weight:600;} #subCopy .sitename{position:absolute; left:390px; top:105px; color:#000000; font-size:40px; line-height:35px; font-weight:600;} .newcourse_wrap { margin-top:10px; overflow:hidden; border-radius:30px; height: 378px; width:910px; position: relative; border: 1px solid #5ca5ff; } .event_wrap { margin-top:10px; overflow:hidden; border-radius:30px 0 30px 30px; height: 378px; width:360px; position: relative; border: 1px solid #5ca5ff; background:#e1fffc; } .jcarousel5 {width:330px; margin:0 auto} .jcarousel5 .event_title {font-size:19px; color:#000; font-weight:600; margin-bottom: 10px; text-align: center; padding:15px 0} .more_event{position:absolute; top:30px; right:0px; } .jcarousel2 .ss li a img{width:914px;} #pagination5 {bottom:-27px; left:160px;} .newcourse_wrap .ntitle{display:none; } .notice_wrap { height: 260px; width:360px; position: absolute; right:0px; top:0px; } .notice_wrap .dotList { margin:10px 0 0 0; padding:10px 12px 10px 10px ; height:240px; overflow:hidden; background:#fff; border:1px solid #5ca5ff; border-radius:20px; } a.more { background:#f5f5f5;border-radius: 5px; padding: 8px 7px 3px 7px; color:#6c6c6c; font-size:14px; font-family: 'KOHINanumOTFL'; } .notice_wrap a.more { position: absolute; right:0px; top:24px; display:block; } .tmtxtfdayt2 { position: absolute; top:70px; left:10px; z-index:5; line-height:19px; text-align:left; font-size: 15px; color:#064f3f; } .box_shadow {} #header #global .search{float:left;} #header #global .search ul{overflow:hidden;} #header #global .search ul li{padding:6px 0px 0px 0px; background:url("/elearning/cyber/type/17/img/etc_bar.png") no-repeat left 14px;} #header #global .search ul li.no{background:none;} #header #global .search ul li:first-child{background:none;} #main #header #global .search ul li:first-child.no{display:block;} #header #global .search ul li a{height:auto; line-height:14px; padding:0px 5px; margin:0px 3px;} #header #global ul li.top_search{padding:5px 0px 0px 0px; background:none;} #main #header #global ul li.top_search{background:url("/elearning/cyber/type/17/img/etc_bar.png") no-repeat left 14px;} #header #global ul li.top_search input, #header #global ul li.top_search a{vertical-align:middle;} #header #global ul li.top_search input[type=text]{display:none; width:208px; height:23px; line-height:21px; padding:0; margin-left:10px; text-indent:10px; font-size:14px; border:none; color:#929292; background:#fff;} #header #global ul li.top_search .top_search_btn{display:inline-block; padding:2px 6px;} #header #logoTop {position:relative; z-index:1000; } #header #logoTop .logo{width:250px; height:80px; vertical-align:middle; display: table-cell;} #header #logoTop .hashd{width:496px; height:80px; display: table-cell;vertical-align:middle;} #header #logoTop .fav{width:235px; height:80px; vertical-align:middle; text-align:right; display: table-cell;} #header #logoTop .fav a {color:#231f20; text-decoration:none; line-height:14px;display:inline-block;width:60px;text-align:center; padding:50px 0 0; margin:0px 0 0 10px;} #header #logoTop .fav a.office { background: #f1f1f1 url(/elearning/cyber/type/19/img/ico_right_arrow.png) no-repeat 152px center; width:145px; color: #868686; font-size: 18px; font-family: 'S-CoreDream-3Light'; line-height: 17px; padding: 5px 19px 5px 10px; text-align: left; border-radius: 20px; margin-bottom: 10px; word-break: keep-all; } #header #logoTop .fav a.home{background:url(/elearning/cyber/type/17/img/ico_home.png) no-repeat top center; } #header #logoTop .fav a.mypage{background:url(/elearning/cyber/type/19/img/ico_register.png) no-repeat top center; } #header #logoTop .fav a.login{background:url(/elearning/cyber/type/19/img/ico_login.png) no-repeat top center; } #header #logoTop .fav a.register{background:url(/elearning/cyber/type/19/img/ico_register.png) no-repeat top center; } #header #logoTop .fav a.registerinfo{background:url(/elearning/cyber/type/17/img/ico_registerinfo.png) no-repeat top center; width:80px;} #header #logoTop .fav a.logout{background:url(/elearning/cyber/type/19/img/ico_logout.png) no-repeat top center; } #header #logoTop .fav a.searcha{background:url(/elearning/cyber/type/19/img/ico_search.png) no-repeat top center; } #header #logoTop .fav a.manager{position: absolute; background:url(/elearning/cyber/type/19/img/ico_manager.png) no-repeat top center; } #header #menu{width:820px; height:130px;display: table-cell;vertical-align:middle; position:relative; z-index:999; } #header #menu .etc_clone{display:none;} #header #menu #gnb{position:relative; float:left; font-family: 'S-CoreDream-3Light', sans-serif; -webkit-text-size-adjust: 100%;} #header #menu #gnb ul{width:100%;} #header #menu #gnb ul li.main_menu{float:left; position:relative;z-index:0; margin:0; padding:0;} #header #menu #gnb ul li.main_menu a{display:block; padding:10px 0px ; font-weight:600; font-size:20px;} #header #menu #gnb ul li.main_menu a:link, #header #menu #gnb ul li.main_menu a:visited, #header #menu #gnb ul li.main_menu a:active{color:#575757;width:158px;text-align:center} #header #menu #gnb ul li.main_menu a:hover, #header #menu #gnb ul li.main_menu a.ov:link, #header #menu #gnb ul li.main_menu a.ov:visited, #header #menu #gnb ul li.main_menu a.ov:active, #header #menu #gnb ul li.main_menu a.ov:hover{text-decoration:none; color:#fff; background:#468cff;} #header #menu #gnb ul li.main_menu a.on {text-decoration:none; color:#fff; background:#468cff;} #header #menu #gnb ul.gnb_sb_wrap{width:238px;z-index:-1;margin:20px 0;border:1px solid #468cff; padding:10px 0; } #header #menu #gnb ul.gnb_sb_wrap li{float:none; text-align:left; height:28px; margin:0; padding:0; } #header #menu #gnb ul.gnb_sb_wrap li.ln {min-height:15px; text-align:center; vertical-align:middle; line-height:15px;} #header #menu #gnb ul.gnb_sb_wrap li.ln img{vertical-align:baseline} #header #menu #gnb ul.gnb_sb_wrap li a{display:block; text-align:left; font-size:14px; height:30px; line-height:30px; color:#231f20; margin:0;padding:0px 0 0 5px; } #header #menu #gnb ul.gnb_sb_wrap li a:link, #header #menu #gnb ul.gnb_sb_wrap li a:visited, #header #menu #gnb ul.gnb_sb_wrap li a:active{ width:218px;color:#231f20;text-align:left;font-weight:normal; } #header #menu #gnb ul.gnb_sb_wrap li a:hover, #header #menu #gnb ul.gnb_sb_wrap li a.ov:link, #header #menu #gnb ul.gnb_sb_wrap li a.ov:visited, #header #menu #gnb ul.gnb_sb_wrap li a.ov:active, #header #menu #gnb ul.gnb_sb_wrap li a.ov:hover{ text-align:left;text-decoration:none; font-weight:600; color:#1c4592; background:none;} #header #menu #gnb ul li .gnb_title{display:block; position:absolute; left:20px; top:95px; z-index:5; width:320px; height:246px;} .menutnew {background: #fff;padding:1px 3px;margin-left:3px;font-size:10px;line-height:8px;color: #f06146 ;border: 1px solid #f06146;} .Conversation_wrap { background:#edf3ff url(../img/conversation_box2_S0.png) no-repeat; margin:10px 0 0 0; height: 308px; width:892px; position: relative; border-radius:30px; } .today_link {color:#b00e11; width: 330px; overflow: hidden; white-space: line-height:18px; nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; font-size:15px;} .gosatitle {color:#b00e11} span.txt { left: 10px; width: 330px; overflow: hidden; line-height:18px; font-size: 15px; float: left; color:#333333; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; } span.txt2 { left: 10px; width: 330px; overflow: hidden; line-height:18px; font-size: 15px; float: left; color:#333333; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; } #Conmsnewsrc { height: 182px; position: relative; } #Conmsnewsrc > .po01 { position: absolute; top: 32px; left:124px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; width:330px; } #Conmsnewsrc > .po02 { position: absolute; top: 241px; left:124px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; width:330px; } #Conmsnewsrc > .po03 { position: absolute;top: 32px; left:535px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; width:330px; } #Conmsnewsrc > .po04 { position: absolute;top: 241px; left:535px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; width:330px; } #Conmsnewsrc > .po05 { position: absolute;top: 130px; left:124px; width:330px; height:63px; overflow:hidden; } #Conmsnewsrc > .po06 { position: absolute;top: 130px; left:535px; width:330px; height:63px; overflow:hidden; } #Conmsnewsrc > div > ul.bgullist { padding: 0px; width: 295px; overflow:hidden; } #Conmsnewsrc > div > ul.bgullist > li { padding: 1px 0px 1px 12px; height: 20px; width: 295px; overflow:hidden; } ul#Conmsnewsrc > div > ul.bgullist > li > span.date { width: 20%; overflow: hidden; float: right; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; } ul.gnb_sb_wrap { background:rgba(240, 240, 240, 1); min-width:236px; position:absolute; height:auto; box-shadow: 0px 2px 7px rgb(0 0 0 / 30%); visibility: hidden; /* shows sub-menu */ opacity: 0; top: 28px; left: 0; width: 100%; transform: translateY(-2em); z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; } ul.gnb_sb_wrap li{height:auto;} .main_menu:hover .gnb_sb_wrap { visibility: visible; /* shows sub-menu */ opacity: 1; z-index: 1; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; } ul.gnb_sb_wrap > li { text-align:left; } ul.gnb_sb_wrap > li.ln { } ul.gnb_sb_wrap > li > a { color: rgb(255, 255, 255); display: block; font-size: 13px; font-weight: normal; } ul.gnb_sb_wrap > li > a:hover { color: rgb(255, 201, 43); text-decoration: underline; } #gnb_01 li.main_menu{position:relative;z-index:1000;} ul#gnb_01 > li.main_menu.on { } ul#gnb_01 > li.main_menu.on > a{ color: rgb(0, 0, 0); } ul#gnb_01 > li.main_menu1.on { border-bottom:3px solid #fff; } ul#gnb_01 > li.main_menu1.on > a{ color: rgb(0, 0, 0); } #gnb_01:after{content:""; display:block; clear:both;} #gnb_01 ul{*zoom:1;} #gnb_01 ul:after{content:''; display:block; clear:both;} .gnb_sb_wrap1 {background:url("../img/menu_line_bg1.png") repeat-y center top rgb(255, 255, 255);left: 0px; top: 152px; min-width: 1300px; width: 100%; overflow: hidden;border-bottom-color: rgb(83, 89, 174); border-bottom-width: 2px; border-bottom-style: solid; position: absolute; z-index: 500000000; min-height: 150px; box-shadow: 0px 2px 7px #a6a6a6; border-top-color: rgb(132, 137, 207); border-top-width: 4px; border-top-style: solid; } .gnb_sb_wrap2 {background:url("../img/menu_line_bg2.png") repeat-y center top rgb(255, 255, 255);left: 0px; top: 152px; min-width: 1300px; width: 100%; overflow: hidden; border-bottom-color: rgb(83, 89, 174); border-bottom-width: 2px; border-bottom-style: solid; position: absolute; z-index: 500000000; min-height: 150px; box-shadow: 0px 2px 7px #a6a6a6; border-top-color: rgb(132, 137, 207); border-top-width: 4px; border-top-style: solid;} .gnb_sb_wrap3 {background:url("../img/menu_line_bg3.png") repeat-y center top rgb(255, 255, 255);left: 0px; top: 152px; min-width: 1300px; width: 100%; overflow: hidden; border-bottom-color: rgb83, 89, 174); border-bottom-width: 2px; border-bottom-style: solid; position: absolute; z-index: 500000000; min-height: 150px; box-shadow: 0px 2px 7px #a6a6a6; border-top-color: rgb(132, 137, 207); border-top-width: 4px; border-top-style: solid; } .gnb_sb_wrap4 {background:url("../img/menu_line_bg4.png") repeat-y center top rgb(255, 255, 255);left: 0px; top: 152px; min-width: 1300px; width: 100%; overflow: hidden; border-bottom-color: rgb(83, 89, 174); border-bottom-width: 2px; border-bottom-style: solid; position: absolute; z-index: 500000000; min-height: 150px; box-shadow: 0px 2px 7px #a6a6a6; border-top-color: rgb(132, 137, 207); border-top-width: 4px; border-top-style: solid;} .gnb_sb_wrap_ct1 { margin: 0px auto; width: 1300px; overflow: hidden; min-height: 80px; } ul.gnb_sb_pt1_ct02 { width: 900px; text-align: left; overflow: hidden; float: right; min-height: 80px; } ul.gnb_sb_pt1_ct02 > li { overflow: hidden; font-size: 1.2em; float: left; min-height: 80px; } ul.gnb_sb_pt1_ct02 > li.gnbsbbend { } ul.gnb_sb_pt1_ct02 > li > a { background: url("/images/potal/common/gnb_snb_sbg_01.gif") repeat-y right 0px rgb(239, 246, 254); padding: 10px 0px 0px 8%; width: 92%; height: 20px; color: rgb(54, 54, 54); text-decoration: none; border-bottom-color: rgb(83, 89, 174); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; } ul.gnb_sb_pt1_ct02 > li > a > span.gnblbar { line-height: 10px; border-left-color: rgb(212, 52, 64); border-left-width: 3px; border-left-style: solid; display: block; } ul.gnb_sb_pt1_ct02 > li > a > span > span.lpdspc { padding: 0px 0px 0px 3px; display: block; } ul.gnb_sb_pt1_ct02 > li > a:hover { color: rgb(83, 89, 174); } ul.gnb_sb_pt1_ct02_mn { padding: 15px 0px 10px 10px; display: block; } ul.gnb_sb_pt1_ct02_mn > li { padding: 0px 0px 5px; font-size: 0.8em; font-weight: normal; } ul.gnb_sb_pt1_ct02_mn > li.ln { background: url("../img/split_line.png") no-repeat 10px 5px; padding: 0px 0px 5px; font-size: 0.8em; font-weight: normal; } ul.gnb_sb_pt1_ct02_mn > li > a { background: url("../img/blit_dotgr_2px.png") no-repeat 0px 5px; color: rgb(84, 84, 84); padding-left: 7px; display: block; } ul.gnb_sb_pt1_ct02_mn > li > a:hover { color: rgb(83, 89, 174); text-decoration: underline; } #header #menu #gnb ul li .gnb_title strong{display:block; line-height:35px; margin-top:34px; padding:0px 20px; font-weight:600; font-size:36px; color:#fff;} #header #menu #gnb ul li .gnb_title span{display:block; line-height:24px; margin-top:15px; padding:0px 20px; font-weight:normal; font-size:15px; color:#fff;} #header #menu .menu_bg{position:absolute; left:0; top:95px; width:100%; height:0px; background:#fff; border-bottom:1px solid #ddd;} #header #menu .menu_bg .bg{position:absolute; right:50%; top:0; width:50%; height:100%; margin-right:320px;} #header #menu .menu_bg.bg_01 .bg{background:#119fab;} #header #menu .gnb_box{clear:both; display:none; overflow:hidden; position:relative; padding-top:20px; width:100%; height:207px;} #header #menu .gnb_box .set_01{width:auto; padding:14px 339px 0px 20px; margin-left:640px;} #header #menu .gnb_box .set_01 li{ display:block; height:71px; line-height:25px; padding:14px 24px 0px 28px; margin-bottom:7px; border:1px solid #e4e4e4; font-size:15px; color:#333; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px; -o-border-radius:5px; } #header #menu .gnb_box .set_01 li.icon_01{background:url("/elearning/cyber/type/17/img/gnb_box1_icon_01.gif") no-repeat right center;} #header #menu .gnb_box .set_01 li.icon_02{background:url("/elearning/cyber/type/17/img/gnb_box1_icon_02.gif") no-repeat right center;} #header #menu .gnb_box .set_01 li span{display:block; font-weight:600; font-size:26px; color:#202020;} #header #menu .gnb_box .set_02{position:absolute; right:0; top:20px; width:319px; height:171px; padding:36px 0px 0px 0px; font-size:13px; border-left:1px solid #e9e9e9; color:#303030; background:url("/elearning/cyber/type/17/img/gnb_box2_bg.gif") no-repeat left top;} #header #menu .gnb_box .set_02 strong{display:block; margin-bottom:5px; padding-left:185px; font-weight:600; font-size:15px; color:#202020;} #header #menu .gnb_box .set_02 p{padding-left:185px; margin:0;} #header #menu .gnb_box .set_02 a{display:block; margin-top:10px; padding-left:185px;} .container{position:relative; display:table; width:100%; margin:0px; padding:0; clear:both; } .container.bg2{background:#eeeeee } .container.bg3{background:#99763f } .container.bg4{background:#c4ebd1 url("/elearning/cyber/type/18/img/container_bg4_X1.jpg") no-repeat top center; } .container.bg5{background:#4789d6 url("/elearning/cyber/type/17/img/container_bg5.jpg") no-repeat top center; } .container.currbox{background:#edf2f1; padding-top:50px;} #main_hor_box { position:relative; width:1300px; margin:0 auto; padding:0; } #main_hor_box.bg2 { position:relative; width:1300px; margin:0 auto; padding:0; } #main_hor_box > .oneBox { margin:0; float:left; width:500px; position: relative; } #main_hor_box > .leftBox { margin:0; float:left; width:296px; position: relative; } #main_hor_box > .middleBox { margin: 0 0 0 23px; float:left; width:303px; position: relative; } #main_hor_box > .rightBox { margin: 0; float:right; width:355px; position: relative; } #main_hor_box h5 {font-size:35px; width:100%; font-weight:700; line-height:37px; padding-bottom:5px; color:#4b4c4e; font-family:'GmarketSans';} #main_hor_box h5.linex {width:485px; border-bottom:5px solid #e8e8e8; } .tedbox .more { position: absolute; top: 16px; right: 0px; } .tedbox .more a { text-decoration: none; display: inline-block; font-size: 11px; line-height: 12px; width: 12px; height: 12px; background: #b2b2b2; color: #fff; padding: 3px; text-align: center; vertical-align:middle; } .english_wrap {position:relative; background:#ecefff; border-radius:20px; width:341px; height:210px; margin:10px 0 0; padding:0; } .english_hr {position:relative; float:left; width:285px; height:380px; margin:0; padding:0; } .english_hr_line {position:relative; float:left; width:285px; height:380px; margin:0; padding:0; } .english_header h5 {font-size:35px; width:100%; font-weight:700; line-height:37px; padding-bottom:5px; color:#4b4c4e; font-family:'GmarketSans';} .english_hr_line .lineu{ position:absolute; z-index:1; background:#379126; height:12px; width:135px; left:75px; top:32px; display:none;} .pop_bx {width:341px; display:inline-block;} .pop_bx2 {position: relative; margin:0px 0 0 0; padding:0; } .pop_bx2_img {position:relative; margin:0px 0 0 0 ;width:341px ;height:160px;} .pop_play {position:absolute; right:20px; top:15px; z-index:3} .pop_time {position: absolute; z-index:4; left: 3px; top:3px; width: 40px; height: 20px; bottom: 0px; line-height:18px; font-size:12px; vertical-align:middle; text-align:center; color:#fff; background-color:rgba(0,0,0,0.5);} .pop_txt_bx {position: relative; margin:0; padding:0; width:341px;} .pop_txt_bxline {position:relative; margin:5px 10px; font-size:15px;line-height:17px;font-weight:600; color:#4e85c5; max-height:40px; overflow:hidden; text-align:center;} .pop_txt_header {position:relative; margin:10px 10px 20px 10px; font-size:12px;line-height:14px; color:#333; text-align:center; } .pop_txt_more {position:absolute; top:140px; right:5px; z-index:2} .manager_fav {position:relative; width:210px; height:260px; float:left; background:#fff; overflow:hidden;border: 1px solid #c9d5e9; border-radius: 20px;} .manager_fav .box {position:relative; width:100%; height:128px;} .manager_fav .fav_title {position:relative; margin:15px 5px 0 5px; text-align:center; font-size:17px; line-height:19px;font-weight:400; color:#333333; max-height:50px; min-height:50px; overflow:hidden;font-family: 'S-CoreDream-3Light', 'sans-serif';-webkit-text-size-adjust: 100%;} .manager_fav .fav_course {position:relative; margin:5px; text-align:center; font-weight:400; font-size:13px; line-height:19px; color:#000; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .manager_fav a.fav_link {color:#666666; padding:13px 0; border-radius:5px; display:block; background:#eeeeee; font-weight:bold;text-align:center} .jcarousel-pagination4 { position: absolute; top: 290px; left: 0; width: 100%; text-align: center; } .jcarousel-pagination-more4 { position: absolute; top: 203px; right: -33px; } .event_box {position:relative; padding:0; margin:0; height:126px; cursor:pointer; background:url(../img/event/split_line.png) no-repeat bottom center} .event_box .gift_img {position:absolute; z-index:3; left:15px; top:25px;} .tmtxtfdayt2 { position: absolute; top:70px; left:10px; z-index:5; line-height:19px; text-align:left; font-size: 15px; color:#064f3f; } .course_hr {position:relative; float:left; width:904px; height:330px; margin:0; padding:0;} .course_hr_line {position:relative; float:left; width:904px; height:330px; margin:0; padding:0;border-bottom:1px solid #dddddd;} .event_box {position:relative; padding:0; margin:0; height:126px; cursor:pointer; background:url(../img/event/split_line.png) no-repeat bottom center} .event_box .gift_img {position:absolute; z-index:3; left:15px; top:25px;} .tmtxtfdayt { position: absolute; top:22px; left:105px; z-index:5; } .tmtxtfdayt a{display:block; line-height:17px; text-align:left; font-size: 18px; color:#fdec9f; font-weight:600; width:180px; height:20px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; } .tmtxtfdayt2 { position: absolute; top: 46px; left: 110px; z-index:5; line-height:19px; text-align:left; font-size: 12px; color: #fff; word-break:keep-all; } .course_hr {position:relative; float:left; width:904px; height:330px; margin:0; padding:0;} .course_hr_line {position:relative; float:left; width:904px; height:330px; margin:0; padding:0;border-bottom:1px solid #dddddd;} @keyframes cf3FadeInOut { 0% { opacity:1; } 45% { opacity:1; } 55% { opacity:0; } 100% { opacity:0; } } .eventshadow img { position:absolute; left:0; } .eventshadow img.top { animation-name: cf3FadeInOut; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 5s; animation-direction: alternate; } .WA_list {position: relative; float:left; background:url(../img/week_A_T2.gif) no-repeat left top; width:299px; height:360px; border-right:1px solid #fff; margin-bottom:40px;} .WB_list {position: relative; float:left; background:url(../img/week_B_T2.gif) no-repeat left top; width:299px; height:360px; border-right:1px solid #fff; margin-bottom:40px;} .WC_list {position: relative; float:left; background:url(../img/week_C_T2.gif) no-repeat left top; width:299px; height:360px; border-right:1px solid #fff; margin-bottom:40px;} .WF_list {position: relative; float:left; background:url(../img/week_F_T2.gif) no-repeat left top; width:299px; height:360px; border-right:1px solid #fff; margin-bottom:40px;} li.n1 {position:relative; height:220px;} li.n2 {position:relative; height:25px; padding-left:20px; font-size:14px; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color:#444444;} .n1pic {width:100%; text-align:center} .n1pic .aa {display:block;padding:10px 0; text-align:center;width:100%;} .n1pic .tt {display:block;text-algin:center; color:#fff;font-size:15px; font-weight:600} li.n2 .aa {display:inline-block; padding:2px 5px 3px 5px; background:#fff; color:#4d90da} #footer { border-top:0px solid #dddddd; background:#333333; padding:20px 0 40px 0; } #footer .footerwrap_01 > address { color:#fff; } #CategoryArea {position:relative; clear:both; height:154px; background:#c8de5d } .enjoybox{ position: relative; width:1300px; margin:0px auto; } .enjoybox .cleft{ float:left;width:30px;height:150px;line-height:150px;vertical-align:middle; text-align:center; } .enjoybox .cright{ float:right;width:30px;height:150px;line-height:150px;vertical-align:middle;text-align:center; } .enjoybox .cclink {cursor:pointer;font-size:50px;color:#fff; font-family:'나눔고딕', 'Nanumgothic'} .enjoybox .cclink:hover {color:#66a000} ul.category_list li {position:relative; text-align:center; float:left; width:120px; height:140px; margin:0 10px 5px 0;} ul.category_list li img{background:#fff; border-radius:50%; margin-bottom: 10px;} ul.category_list li .caxname{display:block; font-size:18px; font-weight:600; color:#575757; line-height:20px; letter-spacing:-1px;word-break:keep-all} .jcarousel3-skin-tango .jcarousel3-container { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .jcarousel3-skin-tango li { float:left; } .jcarousel3-skin-tango .jcarousel3-direction-rtl { direction: rtl; } .jcarousel3-skin-tango .jcarousel3-container-horizontal { width: 1000px; padding: 0px; border:0px solid blue; } .jcarousel3-skin-tango .jcarousel3-clip { overflow: hidden; } .jcarousel3-skin-tango .jcarousel3-clip-horizontal { width: 1130px; height: 154px; border: 0px solid red; } .jcarousel3-skin-tango .jcarousel3-item { width: 162px; height: 146px; border: 0px solid red; } .jcarousel3-skin-tango .jcarousel3-item-horizontal { margin-left: 0px; margin-right: 2px; } .jcarousel3-skin-tango .jcarousel3-direction-rtl .jcarousel3-item-horizontal { margin-left: 8px; margin-right: 0px; } .jcarousel3-skin-tango .jcarousel3-item-placeholder { background: #fff; color: #000; } .jcarousel-pagination-more5 a { color: #fff; border:1px solid #fff; } .jcarousel-pagination-more5 a:hover { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel3-skin-tango .jcarousel3-next-horizontal { position: absolute; top: 0px; right: 0px; width: 24px; height: 102px; cursor: pointer; /*background: transparent url(/common/images/main_re11/dso_point2.jpg) no-repeat 0 0;*/ border:0px solid red; display:none; } .jcarousel3-skin-tango .jcarousel3-direction-rtl .jcarousel3-next-horizontal { display:none; } .jcarousel3-skin-tango .jcarousel3-next-horizontal:hover, .jcarousel3-skin-tango .jcarousel3-next-horizontal:focus { background-position: 0px 0; } .jcarousel3-skin-tango .jcarousel3-next-horizontal:active { background-position: 0px 0; } .jcarousel3-skin-tango .jcarousel3-next-disabled-horizontal, .jcarousel3-skin-tango .jcarousel3-next-disabled-horizontal:hover, .jcarousel3-skin-tango .jcarousel3-next-disabled-horizontal:focus, .jcarousel3-skin-tango .jcarousel3-next-disabled-horizontal:active { cursor: default; background-position: 0px 0; } .jcarousel3-skin-tango .jcarousel3-prev-horizontal { display:none; } .jcarousel3-skin-tango .jcarousel3-direction-rtl .jcarousel3-prev-horizontal { display:none; } .jcarousel3-skin-tango .jcarousel3-prev-horizontal:hover, .jcarousel3-skin-tango .jcarousel3-prev-horizontal:focus { background-position: 0px 0; } .jcarousel3-skin-tango .jcarousel3-prev-horizontal:active { background-position: 0px 0; } .jcarousel3-skin-tango .jcarousel3-prev-disabled-horizontal, .jcarousel3-skin-tango .jcarousel3-prev-disabled-horizontal:hover, .jcarousel3-skin-tango .jcarousel3-prev-disabled-horizontal:focus, .jcarousel3-skin-tango .jcarousel3-prev-disabled-horizontal:active { cursor: default; background-position: 0px 0; } .jcarousel3-skin-tango ul li, .jcarousel3-skin-tango ul li a { font-size:14px; text-align:center; text-decoration:none; padding-top:20px; color:#000000; !important; } .jcarousel3-skin-tango ul li, .jcarousel3-skin-tango ul li a span.caxname { display:block; line-height:22px;} .tedbox .more a:hover { background: #666666; color: #fff; opacity: 1; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); } .myButton2 { background: url(/elearning/cyber/type/18/img/plays_on.png) no-repeat; border:none; display:inline-block; cursor:pointer; text-decoration:none; width:44px; height:45px; } .myButton2:hover { background: url(/elearning/cyber/type/18/img/plays_on.png) no-repeat; border:none; display:inline-block; cursor:pointer; text-decoration:none; } #remote{position:relative; float:left; width:360px; margin:50px 0; border-top:2px solid #468cff } #remote .ih2{line-height:26px; margin-bottom:10px; font-weight:600; font-size:33px; color:#468cff; background:#e3eeff url(../img/ico_sub_arrow.png) no-repeat 310px 42px; padding:50px 10px; font-family: 'GmarketSans'; } #remote .lnbexplan{line-height:20px; padding-top:10px; font-weight:normal; font-size:14px; color:#575757;} #remote #lnb{} #remote #lnb ul{} #remote #lnb ul li{margin:0 0 5px 0 } #remote #lnb ul li:first-child{} #remote #lnb ul li.depth1{} #remote #lnb ul li a{display:block; line-height:20px; padding:15px 0px 15px 10px ; font-size:18px; background: #eef5ff url(../../19/img/ico_right_arrow2.png) no-repeat 95% 50%;font-family: 'GmarketSans';} #remote #lnb ul li a:hover, #remote #lnb ul li a.hit:link, #remote #lnb ul li a.hit:visited, #remote #lnb ul li a.hit:active, #remote #lnb ul li a.hit:hover, #remote #lnb ul li a.on:link, #remote #lnb ul li a.on:visited, #remote #lnb ul li a.on:active, #remote #lnb ul li a.on:hover, #remote #lnb ul li a.ov:link, #remote #lnb ul li a.ov:visited, #remote #lnb ul li a.ov:active, #remote #lnb ul li a.ov:hover{color:#fff; text-decoration:none; background:#468cff url("../../19/img/ico_right_arrow1.png") no-repeat 95% 50%;} #remote #lnb ul li ul{padding:0px 0px; margin-right:1px; background:#fafafa;} #remote #lnb ul li ul li{border:none;} #remote #lnb ul li ul li a{font-size:14px; padding:7px 7px 7px 15px;} #remote #lnb ul li ul li a:link, #remote #lnb ul li ul li a:visited, #remote #lnb ul li ul li a:active{font-weight:500; color:#666666;} #remote #lnb ul li ul li a:hover, #remote #lnb ul li ul li a.hit:link, #remote #lnb ul li ul li a.hit:visited, #remote #lnb ul li ul li a.hit:active, #remote #lnb ul li ul li a.hit:hover, #remote #lnb ul li ul li a.on:link, #remote #lnb ul li ul li a.on:visited, #remote #lnb ul li ul li a.on:active, #remote #lnb ul li ul li a.on:hover, #remote #lnb ul li ul li a.ov:link, #remote #lnb ul li ul li a.ov:visited, #remote #lnb ul li ul li a.ov:active, #remote #lnb ul li ul li a.ov:hover{font-weight:600; color:#0075b6; text-decoration:none; background:#fafafa;} #remote .clist {background:#eef5ff;clear:both;height:100%; width:100%;padding:15px 0 15px 9px; display:table-cell} ul.category_sub_list li {position:relative; text-align:center; float:left; width:107px; height:74px; margin:0 8px 5px 0; border-radius:10px; background:#fff; border:1px solid #c7dcff;} ul.category_sub_list li a{display:block;} ul.category_sub_list li img{width:48px} ul.category_sub_list li .caxname{display:block; font-size:13px; font-weight:600; color:#575757; line-height:13px; letter-spacing:-1px;word-break:keep-all} ul.category_sub_list li.depth1 {background:#468cff url("../../14/img/submenu_arrow_on.png") no-repeat 95% 26%;} ul.category_sub_list li.depth1 .caxname {color:#fff} #remote .elist {background:#eef5ff;clear:both;height:100%; width:100%;padding:15px 0 15px 9px; display:table-cell} ul.enjoy_sub_list li {position:relative; text-align:center; float:left; width:107px; overflow:hidden; height:94px; margin:0 8px 5px 0; border-radius:10px; background:#fff; border:1px solid #c7dcff;} ul.enjoy_sub_list li a{display:block;} ul.enjoy_sub_list li img{width:107px} ul.enjoy_sub_list li .caxname{display:block; margin-top: 5px; font-size:13px; font-weight:600; color:#575757; line-height:16px; letter-spacing:-1px;word-break:keep-all} ul.enjoy_sub_list li.depth1 {background:#468cff url("../../14/img/submenu_arrow_on.png") no-repeat 95% 26%; border: 1px solid #D40100;} ul.enjoy_sub_list li.depth1 .caxname {color:#fff} .gubun1 {font-size:11px; letter-spacing:0; color:#fff; width:50px; height:22px; line-height:22px; vertical-align:middle; background:url(/img/board/gubun_1.gif) no-repeat center;} .gubun2 {font-size:11px; letter-spacing:0; color:#fff; width:50px; height:22px; line-height:22px; vertical-align:middle; background:url(/img/board/gubun_2.gif) no-repeat center;} .gubun3 {font-size:11px; letter-spacing:0; color:#fff; width:50px; height:22px; line-height:22px; vertical-align:middle; background:url(/img/board/gubun_3.gif) no-repeat center;} #content{position:relative; z-index:1;background:#fff; min-height:800px; float:right; margin:50px 60px 0 0; padding:5px 0 0 0} #content h3{float:left;line-height:1; margin-top:30px; padding-bottom:24px; font-weight:600; font-size:24px; color:#2c2c2c; text-align:center; background:url("/elearning/cyber/type/17/img/sub_title_underline.gif") no-repeat 0 26px} #content #path{float:right; margin-top:0px; font-size:12px} #content #path a{font-size:12px; color:#333;} #content #path a:first-child{padding-left:0px; } #content #service{position:absolute; right:-101px; top:0; width:41px; height:100%; background:#dedede;} #content #service li.top{position:absolute; right:0; bottom:0;} #content #txt{position:relative; min-height:500px; padding:0px 0 60px} .content{clear:both;text-align:left;padding:30px 0 0 10px;} .content [target="_blank"]{padding-right:15px;background:url(/elearning/cyber/type/17/img/icon_dia.png) no-repeat 100% 0;color:#258ccc} .content h4,.content h5,.content h6{line-height:1} .content h4{margin:45px 0 15px -5px;padding-left:17px;font-size:15px;background:url(/elearning/cyber/type/17/img/icon_dia.png) no-repeat 0 50%;color:#000} .content h5{margin:30px 0 15px 0;padding-left:10px;font-size:1.28em;background:url(/images/tour/common/title_icon_02.png) no-repeat 0 50%;color:#078a96} .content h6{margin:25px 0 15px 15px;padding-left:17px;font-size:1.07em;background:url(/images/tour/common/title_icon_03.png) no-repeat 0 50%} .content li.dot{margin:10px 0 15px 0px; padding: 5px 5px 5px 17px; font-size:15px;background:url(/elearning/cyber/type/17/img/icon_dot.png) no-repeat 0 50%;color:#000} .content .red{color:#dc4041} .content .green{color:#14a83b} .content .mobile_search_form{ position:relative; width:787px; height:143px; border:1px solid #dddddd; background:#fafafa;-webkit-box-shadow: 1px 6px 0px 0px rgba(0,0,0,0.1);-moz-box-shadow: 1px 6px 0px 0px rgba(0,0,0,0.1);box-shadow: 1px 6px 0px 0px rgba(0,0,0,0.1); } .content .mobile_search_form .con{position:relative; } .content .mobile_search_form .con input[type=text]{position:absolute; left:130px; top:30px;width:410px; height:34px; padding:0; font-size:20px; text-indent:20px; border:3px solid #16a4ff;} .content .mobile_search_form .con .submit{position:absolute; left:555px; top:30px; width:80px; height:40px; border:0; line-height:38px; padding:0; text-align:center; font-size:13px; color:#fff; font-weight:600; background:#16a4ff;} .content .mobile_search_form .con .hash{position:absolute; left:95px; top:80px; font-size:12px; text-align:left; color:#333;} .content .mobile_search_form .con .hash a{margin:0 5px 0 0;} .content .mobile_search_form .con .hash_my{position:absolute; left:95px; top:110px; font-size:12px; text-align:left; color:#333;} .content .mobile_search_form .con .hash_my a{margin:0 5px 0 0;} /*자동검색어*/ #autoCompleteToOn, #autoComplete{position:relative;width:100%;} .set_sugicn{position:absolute;top:-26px;right:10px;width:21px;height:10px} #rcmdResult{position:absolute;top:0px;right:0px;width:100%;padding:8px 10px;box-sizing:border-box;border:1px solid #585858;background:#fff;z-index:100} .autoList{} .autoList li{display:block;padding:3px;font-size:1em;color:#000;list-style:none;line-height:19px} .autoList li a{color:#000} .autoList li a strong{color:#d12a07} a.hashtag {color:#888888; font-size:12px;} a.hashtag span{color:#0083cb;} .hashtagname {color:#0083cb;} /* 페이징 */ .paginate{margin:20px 0;text-align:center} .paginate a,.paginate em,.paginate img,.paginate span{display:inline-block;vertical-align:middle} .paginate .dir{padding:0 2px} .paginate .dir a{} .paginate .number{padding:0 2px} .paginate .number a, .paginate .number em{font-weight:bold;width:29px;height:29px;line-height:29px;background:url(/elearning/cyber/type/17/img/btn_dir_bg.gif) no-repeat} .paginate .number em{color:#fff;background-position:right top} .paginate .dir .dir_prev{margin-left:-2px;padding-right:10px} .paginate .dir .dir_first{} .paginate .dir .dir_next{padding-left:10px} .paginate .dir .dir_last{margin-left:-2px} .paginate{text-align:center;margin:20px 0px;} .paginate:after{display:block;clear:both;content:"";} .paginate li{display:inline-block;vertical-align:middle;list-style:none;} .paginate li a{display:block;width:25px;height:25px;font-size:13px;line-height:25px;text-align:center;} .paginate .dir a{margin:0;font-size:0;line-height:0;} .paginate .first a{background:url(/elearning/cyber/type/17/img/page_first.gif) no-repeat 50% 50%;} .paginate .prev a{margin-right:10px;background:url(/elearning/cyber/type/17/img/page_left.gif) no-repeat 50% 50%;} .paginate .next a{margin-left:10px;background:url(/elearning/cyber/type/17/img/page_right.gif) no-repeat 50% 50%;} .paginate .last a{background:url(/elearning/cyber/type/17/img/page_end.gif) no-repeat 50% 50%;} .paginate li.active a, .paginate li a:hover, .paginate li a:focus, .paginate li a:active{text-decoration:underline;color:#e96142;} /* 포토형게시판 */ #board_photo{} #board_photo .head{overflow:hidden; padding:18px 0px; font-size:14px; color:#444444;} #board_photo .head strong{color:#333;} #board_photo .head .item_group{overflow:hidden;} #board_photo .head .item_group li{float:left; background:url("/elearning/cyber/type/17/img/item_group_bar.gif") no-repeat left center;} #board_photo .head .item_group li:first-child{background:none;} #board_photo .head .item_group li a{display:inline-block; height:25px; line-height:25px; padding:0px 7px; margin:0px 5px; text-align:center;} #board_photo .head .item_group li a:link, #board_photo .head .item_group li a:visited, #board_photo .head .item_group li a:active, #board_photo .head .item_group li a:hover{color:#333;} #board_photo .head .item_group li a.on:link, #board_photo .head .item_group li a.on:visited, #board_photo .head .item_group li a.on:active, #board_photo .head .item_group li a.on:hover{ height:23px; line-height:23px; padding:0px 9px; color:#e84c3d; border:1px solid #e84c3d; text-decoration:none; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; -ms-border-radius:12px; -khtml-border-radius:12px; -o-border-radius:12px; } #board_photo .head input[type=text]{font-size:13px; border:1px solid #d8d3d1; color:#333333;} #board_photo .list{border-top:2px solid #666; border-bottom:1px solid #777; padding-top:20px;} #board_photo .list ul{overflow:hidden; width:auto;} #board_photo .list li{float:left; width:33.3%; margin-bottom:19px;} #board_photo .list li a{overflow:hidden; position:relative; display:block; padding-top:204px;} #board_photo .list li.l a{margin-right:13px;} #board_photo .list li.c a{margin:0px 7px;} #board_photo .list li.r a{margin-left:13px;} #board_photo .list li a .blind{display:none;position:absolute; left:0; top:0; z-index:2; width:100%; height:204px; background:url("/elearning/cyber/type/17/img/blind_bg.png") repeat left top;} #board_photo .list li a .blind span{position:absolute; left:0; top:0; width:100%; height:100%; background:url("/elearning/cyber/type/17/img/photo_zoom.png") no-repeat center center;} #board_photo .list li a:hover .blind{display:block;} #board_photo .list li a .photo{overflow:hidden; position:absolute; left:50%; top:0; z-index:0; display:block; width:1300px; height:204px; margin-left:-500px; text-align:center; background:#e8e8e8;} #board_photo .list li a .photo img{max-width:1300px; height:100%;} #board_photo .list li a .con{overflow:hidden; display:block; height:auto; padding:0px 9px; border:1px solid #d2d2d2; border-top:none;} #board_photo .list li a .con strong{display:block; height:32px; padding:15px 0px 0px 5px; font-size:16px; border-bottom:1px solid #dddddd; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #board_photo .list li a .con .pin{position:relative; float:left; line-height:18px; margin-top:10px; padding-left:19px; font-size:14px;} #board_photo .list li a .con .pin span{position:absolute; left:5px; top:0px; display:inline-block; width:11px; height:15px; margin:0px 3px 0px 0px; background-image:url("/elearning/cyber/type/17/img/pin.png"); background-position:left top; background-repeat:no-repeat;} #board_photo .list li a .con .pin .color_01{background-color:#6272b7;} #board_photo .list li a .con .pin .color_02{background-color:#119fab;} #board_photo .list li a .con .pin .color_03{background-color:#9f6ab3;} #board_photo .list li a .con .pin .color_04{background-color:#4caf52;} #board_photo .list li a .con .pin .color_05{background-color:#795549;} #board_photo .list li a .con .pin .color_06{background-color:#3598db;} #board_photo .list li a .con .pin .color_07{background-color:#607d8b;} #board_photo .list li a .con .pin .color_08{background-color:#f39c11;} #board_photo .list li a .con .sangte{float:right; margin-top:7px; padding-bottom:10px;} #board_photo .list li a .con .sangte span{line-height:13px; font-size:13px; color:#666666;} #board_photo .list li a .con .sangte .icon_01{padding-left:15px; background:url("/elearning/cyber/type/17/img/sangte_icon_01.gif") no-repeat left 2px;} #board_photo .list li a .con .sangte .icon_02{padding-left:20px; background:url("/elearning/cyber/type/17/img/sangte_icon_02.gif") no-repeat left 2px;} #board_photo .list li a .con ul{height:70px; padding:15px 5px;} #board_photo .list li a .con ul li{float:none; width:auto; min-height:25px; padding-left:29px; margin-bottom:5px;} #board_photo .list li a .con ul li.icon_01{background:url("/elearning/cyber/type/17/img/list_icon_01.gif") no-repeat left 2px;} #board_photo .list li a .con ul li.icon_02{background:url("/elearning/cyber/type/17/img/list_icon_02.gif") no-repeat left 2px;} #board_photo .list li a .con ul li.icon_03{background:url("/elearning/cyber/type/17/img/list_icon_08.gif") no-repeat left 2px;} #board_photo .list li a .con ul li.icon_06{background:url("/elearning/cyber/type/17/img/list_icon_06.gif") no-repeat left top;} #board_photo .list li a .con ul li.icon_06{background:url("/elearning/cyber/type/17/img/list_icon_06.gif") no-repeat left top;} #board_photo .list li a .con ul li.icon_07{background:url("/elearning/cyber/type/17/img/list_icon_07.gif") no-repeat left top;} #board_photo .list li a .con ul li.icon_09{background:url("/elearning/cyber/type/17/img/list_icon_09.gif") no-repeat left top;} #board_photo .list li a .con ul li.icon_11{background:url("/elearning/cyber/type/17/img/list_icon_11.gif") no-repeat left top;} #board_photo .list.type_02 li{width:24%; margin-left:1%;} #board_photo .list.type_02 li:first-child{width:25%; margin-left:0;} #board_photo .list.type_02 li a .blind{height:169px;} #board_photo .list.type_02 li a{padding-top:169px;} #board_photo .list.type_02 li a .photo{height:169px;} #board_photo .list.type_02 li a .photo img{height:169px;} #board_photo .list.type_02 li a .con{height:33px; padding:0; border:none;} #board_photo .list.type_02 li a .con strong{padding-left:0px; border:none; font-weight:normal; font-size:14px; color:#444;} #content-view {padding: 10px 15px 10px 15px} #content-view p{ font-size:12px; line-height:20px; font-family:'맑은 고딕', Gulim; } #content-view .txc-image {width:100%;} /*자동검색어*/ #autoCompleteToOn, #autoComplete{position:absolute; left:-1px; top:70px;width:550px;} .set_sugicn{position:absolute;top:-26px;right:10px;width:21px;height:10px} #rcmdResult{position:absolute;top:0px;right:0px;width:100%;padding:8px 10px;box-sizing:border-box;border:1px solid #585858;background:#fff;z-index:1100} .autoList{} .autoList li{display:block;padding:3px;font-size:1em;color:#000;list-style:none;line-height:19px} .autoList li a{color:#000} .autoList li a strong{color:#d12a07} .i_wedding {padding:2px 2px 2px 15px; font-size:12px; color:#fff; background:#f43795 url("/elearning/cyber/type/17/img/i_wedding.png") no-repeat 2px 3px;} .i_funeral {padding:2px 2px 2px 15px; font-size:12px; color:#fff; background:#555555 url("/elearning/cyber/type/17/img/i_funeral.png") no-repeat 2px 6px;} a.okClass {width:37px; height:23px; padding:5px 6px; text-align:center; font-size:12px; color:#fff; font-weight:600; background:#16a4ff;} a.fevent_write {position:relative; float:right; margin:3px 10px 0 0; width:90px; padding:2px 6px; text-align:center; font-size:12px; color:#fff; font-weight:600; background:#16a4ff;} #content .rightarea{position:relative; left:450px; width:574px; margin-top:40px; } #content .myclass{position:relative; width:574px; z-index:1; } #content .myclass .more{ position:absolute; right:0px; top:0px; color:#333; font-size:13px; letter-spacing:-0.5px; } #content .myclass .mheader{ padding-top:10px; font-weight:600; color:#333; font-size:15px; clear:both;} #content .myclass .mheader span{color:#2294d2; } #content .myclass .table_wrap {margin:10px 0px 0 15px;} #content .fevent{ position:relative; margin:40px 0 0 0; z-index:1; } #content .fevent .more{ position:absolute; right:0px; top:0px; color:#333; font-size:13px; letter-spacing:-0.5px; } #content .fevent .mheader{ position:relative; padding-top:10px; font-weight:600; color:#333; font-size:15px; clear:both;} #content .fevent .mheader span{color:#2294d2; } #content .fevent .table_wrap {margin:10px 0px 0 15px;} #content .helpa{ position:relative; background:#ececec; margin:50px 0 0 0; z-index:1; } .helpa ul{overflow:hidden;padding:2px 16px;} .helpa li{float:left;width:50%;padding:0px 0 8px 0px;} .helpa li a{display:block;height:inherit;padding-top:10px;color:#777;font-size:13px;line-height:15px;letter-spacing:-0.5px;text-align:left;white-space:nowrap;font-weight: 100;} .helpa li img{display:block;height:98px;background:#fff; width:98px;-webkit-border-radius: 98px;-moz-border-radius: 98px;border-radius: 98px; float:left;} /* ******************************************************************************************************************************************** Main ********************************************************************************************************************************************* */ #main #wrap{position:relative; background:none;} #main #header{top:-139px;} #main #visual{position:absolute; left:100%; top:0; z-index:0; width:100%; height:621px;} #main #visual .layout{overflow:hidden; max-width:100%; padding:0;} #main #visual .tema_btn{position:absolute; right:-74px; top:50%; z-index:1; width:74px; height:200px; margin-top:-31px;} #main #visual .tema_btn li{margin-bottom:2px; text-align:right;} #main #visual .view{position:relative; z-index:0; width:100%; height:621px;} #main #visual .view ul{position:absolute; left:0; top:0; width:100%; height:300000px;} #main #visual .view ul li{position:relative; height:621px;} #main #visual .view ul li .title{display:block; position:absolute; left:50%; top:200px; z-index:10; width:640px; height:130px; margin-left:-320px;} #main #visual .view ul li .title span{position:absolute; left:0; bottom:2px; display:block; width:100%; text-align:center; font-size:18px; color:#fff; text-shadow:1px 1px 1px #000;} #main #visual .view ul li .controll{position:absolute; left:50%; top:65%; z-index:10; width:148px; margin-left:-74px;} #main #visual .view ul li .controll a{display:none; float:left; margin-right:1px;} #main #visual .view ul li .move{overflow:hidden; position:relative; z-index:0; width:100%; max-width:2000px; height:100%; margin:0 auto;} #main #visual .view ul li .move ul{position:absolute; left:0; top:0; width:200%; height:100%;} #main #visual .view ul li .move ul li{overflow:hidden; position:relative; float:left; width:50%; height:100%;} #main #visual .view ul li .move ul li img{position:absolute; left:47%; top:0; z-index:0; width:2000px; height:100%; margin-left:-952px;} #main #visual .view ul li .move ul li a.more{position:absolute; left:50%; top:80%; z-index:10; width:161px; margin-left:-100px;z-index:1; padding:10px 8px 10px 42px; font-size:17px; color:#fff; background:url("/elearning/cyber/type/17/img/blind_bg.png") repeat left top; border:1px solid #fff;} #main #visual .view ul li .move ul li a.more:after{content:""; padding-right:50px; background:url("/elearning/cyber/type/17/img/main_view_icon.png") no-repeat right center; width:8px; height:14px;} #main #visual .view ul li .move ul li span{position:absolute; left:0; top:50%; z-index:1; display:block; width:100%; text-align:center; font-size:17px; font-weight:600; color:#fff; text-shadow:1px 1px 1px #000;} #main #visual .view ul li .move ul li span.title{position:absolute; left:0; top:35%; bottom:2px; z-index:1; display:block; width:100%; margin-left:0px; text-align:center; font-size:26px; font-weight:normal; color:#fff; text-shadow:1px 1px 1px #000;font-family:"shm","?섎닎怨좊뵓","NanumGothicWeb","Nanum Gothic","?뗭?",Dotum,Helvetica,Verdana,Arial,sans-serif;} #main_container{position:relative; left:-100%; overflow:hidden; margin-top:482px; padding-bottom:71px; background:#f4f4f4;} #main_container .layout{position:relative; padding:29px 0 0} #main_notice{overflow:hidden; display:none; position:relative; height:54px; margin:0px 0px 25px 0px !important; padding:0px 45px 0px 260px; background:#363c48;} #main_notice .title{display:block; position:absolute; left:0; top:0; width:117px; height:54px; padding-left:143px; line-height:53px; font-weight:600; font-size:17px; text-align:center; color:#fff;} #main_notice .title .day{text-decoration:none; color:#fff;} #main_notice .title .cal_left, #main_notice .title .cal_right{display:none;} #main_notice .title .cal_close{display:none; position:absolute; right:16px; top:11px; width:auto; height:auto; line-height:30px; padding:0px 10px; font-size:13px; border:1px solid #95989e; color:#f4f4f4;} #main_notice .title strong{position:absolute; left:0; top:0; display:block; width:143px; height:29px; line-height:28px; margin-top:12px; font-size:15px; background:#1ea9b5;} #main_notice .title span{display:none;} #main_notice.on .title{width:100%; padding-left:0px; text-align:center;} #main_notice.on .title .day{font-size:20px; cursor:default;} #main_notice.on .title .cal_left, #main_notice.on .title .cal_right{display:inline-block; width:20px; text-align:center;} #main_notice.on .title .cal_left img, #main_notice.on .title .cal_right img{padding-top:19px;} #main_notice.on .title .cal_close{display:inline-block;} #main_notice.on .title strong{position:relative; display:inline; font-size:16px; background:none;} #main_notice.on .title span{display:inline;} #main_notice.on .more{display:none;} #main_notice.on .scroll{display:none !important;} #main_notice .scroll{overflow:hidden; width:100%; height:54px;} #main_notice .scroll ul{height:100%;} #main_notice .scroll ul li{float:left; width:30px; height:100%; text-align:center;} #main_notice .scroll ul li a{display:block; width:100%; height:100%; line-height:53px; cursor:default; text-align:center; text-decoration:none; font-weight:normal; font-size:13px; color:#fff;} #main_notice .scroll ul li.sun a{color:#d95454;} #main_notice .scroll ul li.dday a, #main_notice .scroll ul li.sun.dday a{font-weight:600; color:#3bbdc8; background-image:url("/elearning/cyber/type/17/img/cal_dday.png"); background-position:center bottom; background-repeat:no-repeat;} #main_notice .scroll ul li a.event{cursor:pointer; background-color:#4a505b;} #main_notice .scroll ul li a.event:hover{color:#fff; background-color:#1fa3af;} #main_notice .more{position:absolute; right:0; top:0; width:45px; height:54px;} #main_notice .scroll .mCSB_scrollTools{height:4px;} #main_notice .scroll .mCSB_scrollTools .mCSB_draggerRail, #main_notice .scroll .mCSB_scrollTools .mCSB_dragger_bar{margin:0;} #main_notice .view{position:absolute; left:0; top:54px; width:100%; height:267px; background:#495265;} #main_notice .view .move{padding:20px 30px; height:227px;} #main_notice .view .move ul{} #main_notice .view .move li{float:left; position:relative; padding:0px 30px 0px 141px; height:210px; margin-top:21px;} #main_notice .view .move li .photo{position:absolute; left:0; top:0; width:121px; height:156px; background:#eee;text-align:center;} #main_notice .view .move li .photo img{max-width:100% !important;width:auto !important;height:156px;} #main_notice .view .move li .texts{position:relative; width:250px; color:#fff;} #main_notice .view .move li .texts .bgline{display:block; position:absolute; left:0; top:0; width:38px; height:2px; background:#9ba0aa;} #main_notice .view .move li .texts strong{display:block; padding-top:12px; font-weight:600; font-size:15px;} #main_notice .view .move li .texts p{margin:10px 0px; font-size:13px;} #main_notice .view .move li .texts .more{display:inline-block; position:relative; right:auto; top:auto; width:auto; height:auto; line-height:13px; padding:5px 10px; font-size:13px; border:1px solid #fff; color:#fff;} #main_notice .view .move .mCSB_scrollTools{opacity:1;} #main_notice .view .move .mCSB_scrollTools.mCSB_scrollTools_horizontal{height:17px;} #main_notice .view .move .mCSB_scrollTools .mCSB_draggerContainer{margin:0px 16px;} #main_notice .view .move .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background:#fff;} #main_notice .view .move .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:17px; margin:0;} #main_notice .view .move .mCSB_scrollTools .mCSB_draggerRail{border-radius:0;} #main_notice .view .move .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, #main_notice .view .move .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:17px; margin:0;} #main_notice .view .move .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{border-radius:0; background:#363c48;} #main_notice .view .move .mCSB_scrollTools .mCSB_buttonLeft, #main_notice .view .move .mCSB_scrollTools .mCSB_buttonRight{width:16px; opacity:1;} #main_notice .view .move .mCSB_scrollTools .mCSB_buttonLeft{background:url("/elearning/cyber/type/17/img/scroll_left.gif") no-repeat left top;} #main_notice .view .move .mCSB_scrollTools .mCSB_buttonRight{background:url("/elearning/cyber/type/17/img/scroll_right.gif") no-repeat left top;} #movebox{position:relative;} #box_wrap_g{overflow:hidden; position:relative; z-index:0; width:100%;} #box_wrap{position:relative; left:0; top:0; z-index:1;} .lb{float:left; width:320px; height:320px;} #box_wrap_g .lb{float:left; width:320px; height:320px; background:none;} #box_wrap_g .lb.step_01{width:640px; height:640px;} #box_wrap_g .lb.step_02{width:640px;} #box_wrap_g .lb.step_05{width:640px;} #box_wrap_g .lb.step_02_02{position:absolute; left:320px; top:0;} #box_wrap_g .lb.step_05_02{position:absolute; left:320px; top:0;} #box_wrap .lb{overflow:hidden; position:relative; text-align:center;} #box_wrap .lb .ani{position:absolute; left:0; top:0; width:100%; height:100%; background:#fff;} #box_wrap .lb.step_01, #box_wrap .lb.step_02, #box_wrap .lb.step_05{overflow:hidden;} #box_wrap .lb.step_01_01{background:url("/elearning/cyber/type/17/img/box_bg1.png") repeat -14px -14px;} #box_wrap .lb.step_02_01{background:url("/elearning/cyber/type/17/img/box_bg2.png") repeat -14px -14px;} #box_wrap .lb.step_05_01{background:url("/elearning/cyber/type/17/img/box_bg3.png") repeat -14px -14px;} #box_wrap .lb.step_01_01{position:absolute; left:0; top:0; z-index:10;} #box_wrap .lb.step_01_01 ul{overflow:hidden; width:258px; margin:17px auto 0 auto;} #box_wrap .lb.step_01_01 ul li{float:left; width:70px; padding:0px 8px;} #box_wrap .lb.step_01_01 ul li a{position:relative; display:block; padding-top:80px; text-align:center; font-size:14px; font-weight:600; color:#fff;} #box_wrap .lb.step_01_01 ul li a:link, #box_wrap .lb.step_01_01 ul li a:visited, #box_wrap .lb.step_01_01 ul li a:active{background:url("/elearning/cyber/type/17/img/circle_01.png") no-repeat center top;} #box_wrap .lb.step_01_01 ul li a:hover, #box_wrap .lb.step_01_01 ul li a.on:link, #box_wrap .lb.step_01_01 ul li a.on:visited, #box_wrap .lb.step_01_01 ul li a.on:active, #box_wrap .lb.step_01_01 ul li a.on:hover{background:url("/elearning/cyber/type/17/img/circle_01_ov.png") no-repeat center top;} #box_wrap .lb.step_01_01 ul li a span{display:block; position:absolute; left:0; top:0; width:70px; height:70px;} #box_wrap .lb.step_01_01 ul li a span.icon_01{background:url("/elearning/cyber/type/17/img/icon_06.png") no-repeat center top;} #box_wrap .lb.step_01_01 ul li a span.icon_02{background:url("/elearning/cyber/type/17/img/icon_07.png") no-repeat center top;} #box_wrap .lb.step_01_01 ul li a span.icon_03{background:url("/elearning/cyber/type/17/img/icon_08.png") no-repeat center top;} #box_wrap .lb.step_01_01 ul li a:hover span{ animation-duration: 1s; animation-iteration-count: infinite; animation-name: flip; backface-visibility: visible; } #box_wrap .lb.step_01_02{position:relative; z-index:9; width:100%; height:100%;} #box_wrap .lb.step_01_02 ul{position:absolute; left:0; top:0; width:100%; height:100%; margin:0;} #box_wrap .lb.step_01_02 ul li{overflow:hidden; float:none; padding:0; width:320px; height:320px;} #box_wrap .lb.step_01_02 ul li a{display:block; width:100%; height:100%;} #box_wrap .lb.step_01_02 ul li a img{width:100%; height:100%;} #box_wrap .lb.step_01_02 .item_01{position:absolute; left:320px; top:0; z-index:9;} #box_wrap .lb.step_01_02 .item_02{position:absolute; left:0; top:320px; z-index:9;} #box_wrap .lb.step_01_02 .item_03{position:absolute; left:320px; top:320px; z-index:8;} #box_wrap .lb.step_01_02 .item_01 .bul, #box_wrap .lb.step_01_02 .item_02 .bul, #box_wrap .lb.step_01_02 .item_03 .bul{display:block; position:absolute; z-index:10; width:22px; height:22px;} #box_wrap .lb.step_01_02 .item_01 .bul{right:0px; top:0px; background:url("/elearning/cyber/type/17/img/main_photo_bul_01.gif") no-repeat left top;} #box_wrap .lb.step_01_02 .item_02 .bul{left:0px; bottom:0px; background:url("/elearning/cyber/type/17/img/main_photo_bul_02.gif") no-repeat left top;} #box_wrap .lb.step_01_02 .item_03 .bul{right:0px; bottom:0px; background:url("/elearning/cyber/type/17/img/main_photo_bul_03.gif") no-repeat left top;} #box_wrap .lb.step_01_02 .photo_title{overflow:hidden; display:inline-block; position:absolute; left:10px; top:10px; z-index:9; height:22px; line-height:19px; padding:5px 10px; font-weight:normal; font-size:12px; color:#fff; background:#38a4b5;} #box_wrap .lb.step_01_02 .photo_title span{display:none;} #box_wrap .lb.step_01_02 .photo_title.on{line-height:21px; font-size:15px; color:#fff; background:url("/elearning/cyber/type/17/img/blind_bg.png") repeat left top;} #box_wrap .lb.step_01_02 .photo_title.on span{display:block;} #box_wrap .lb.step_01_02 .photo_title.on .icon_01{display:block; width:65px; height:65px; margin:10px auto; background:url("/elearning/cyber/type/17/img/main_photo_more.gif") repeat left top;} #box_wrap .lb.step_02_01{position:absolute; left:0; top:0; z-index:10; width:320px; height:320px; padding:0px 14px 14px 0px;} #box_wrap .lb.step_02_02{position:absolute; left:320px; top:0; z-index:9;} #box_wrap .lb.step_02_02 img{width:100%; height:100%;} #box_wrap .main_notice{padding:50px 35px 27px 35px; background:#fff;} #box_wrap .main_notice strong{display:block; line-height:26px; margin-bottom:25px; font-weight:600; font-size:25px; text-align:center; color:#323232;} #box_wrap .main_notice ul{} #box_wrap .main_notice ul li{text-align:left; background:url("/elearning/cyber/type/17/img/notice_dot.gif") repeat-x left top;} #box_wrap .main_notice ul li:first-child{background:none;} #box_wrap .main_notice ul li a{display:block; line-height:13px; padding:12px 0px 12px 10px; font-family:"Gulim"; font-size:12px; color:#555; background:url("/elearning/cyber/type/17/img/notice_bul.gif") no-repeat left 17px;} #box_wrap .main_notice .more_02{display:block; width:249px; height:32px; line-height:31px; margin-top:5px; font-size:14px; border:1px solid #e4e4e4; color:#212121; background:url("/elearning/cyber/type/17/img/patt.gif") repeat left top;} #box_wrap .main_pop{height:286px; padding:34px 0px 0px 0px; background:url("/elearning/cyber/type/17/img/main_pop_bg.gif") no-repeat left top;} #box_wrap .main_pop .controll{position:absolute; left:0; bottom:17px; z-index:1; width:100%; text-align:center;} #box_wrap .main_pop .controll a{overflow:hidden; display:inline-block; width:16px; height:17px; margin-right:2px; text-indent:100px; background:url("/elearning/cyber/type/17/img/pop_btn.png") no-repeat left top;} #box_wrap .main_pop .controll a.on{background:url("/elearning/cyber/type/17/img/pop_btn_ov.png") no-repeat left top;} #box_wrap .main_pop .move{ overflow:hidden; position:relative; z-index:0; width:236px; height:236px; margin:0 auto; border-radius:118px; -moz-border-radius:118px; -webkit-border-radius:118px; -ms-border-radius:118px; -khtml-border-radius:118px; -o-border-radius:118px; } #box_wrap .main_pop .move ul{position:absolute; left:0; top:0; width:200000px; height:236px;} #box_wrap .main_pop .move ul li{float:left;} #box_wrap .main_pop .move ul li a{position:relative; display:block;} #box_wrap .main_pop .move ul li a img{width:100%; height:100%;} #box_wrap .main_pop .move ul li strong{display:block; position:absolute; left:0; bottom:0; width:236px; height:57px; line-height:56px; text-align:center; font-weight:600; font-size:16px; color:#fff; background:url("/elearning/cyber/type/17/img/blind_bg.png") repeat left top;} #box_wrap .lb.step_05_01{position:absolute; left:0; top:0; z-index:10; width:320px; height:320px; padding:0px 14px 14px 0px;} #box_wrap .lb.step_05_02{position:absolute; left:320px; top:0; z-index:9;} #box_wrap .report{width:252px; height:275px; padding:45px 30px 0px 38px;} #box_wrap .report .controll{position:absolute; right:32px; bottom:25px; z-index:1;} #box_wrap .report .controll a{float:left;} #box_wrap .report .controll .report_left{margin-right:13px;} #box_wrap .report .controll .report_right{} #box_wrap .report .move{overflow:hidden; position:relative; z-index:0; width:100%; height:100%;} #box_wrap .report .move ul{overflow:hidden; position:absolute; left:0; top:0; width:200000px; height:100%;} #box_wrap .report .move ul li{position:relative; float:left; width:252px; height:275px; text-align:left;} #box_wrap .report .move ul li .icon_01{ overflow:hidden; display:inline-block; width:47px; height:47px; margin-right:2px; background:#eee; border-radius:23px; -moz-border-radius:23px; -webkit-border-radius:23px; -ms-border-radius:23px; -khtml-border-radius:23px; -o-border-radius:23px; } #box_wrap .report .move ul li .icon_01 img{width:100%; height:100%;} #box_wrap .report .move ul li .icon_02{overflow:hidden; display:inline-block; width:47px; height:47px;} #box_wrap .report .move ul li .titles{display:block;width:200px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0px; font-weight:600; font-size:16px; color:#2f2f2f;} #box_wrap .report .move ul li .texts{display:block; height:130px; line-height:20px; padding:5px 0px 25px 0px; margin-bottom:18px; font-weight:normal; font-size:13px; text-align:left; color:#333; background:url("/elearning/cyber/type/17/img/report_line.gif") repeat-x left bottom;} #box_wrap .report .move ul li .more_03{position:absolute; right:0; top:5px;} #box_wrap .report .move ul li .names, #box_wrap .report .move ul li .re, #box_wrap .report .move ul li .look{display:inline-block; line-height:17px; margin-right:12px; font-weight:normal; font-size:12px; color:#666;} #box_wrap .report .move ul li .names{padding-left:14px; background:url("/elearning/cyber/type/17/img/report_icon_02.gif") no-repeat left 3px;} #box_wrap .report .move ul li .re{padding-left:16px; background:url("/elearning/cyber/type/17/img/report_icon_03.gif") no-repeat left 4px;} #box_wrap .report .move ul li .look{padding-left:19px; background:url("/elearning/cyber/type/17/img/report_icon_04.gif") no-repeat left 3px;} #box_wrap .lb .title{display:block; line-height:45px; margin-top:54px; text-align:center; font-weight:600; font-size:26px; color:#fff;} #box_wrap .lb .title span{display:inline-block; line-height:30px; padding:0px 5px; border:1px solid #fff; border-left:none; border-right:none; font-weight:normal; font-size:17px;} #box_wrap .lb .texts{line-height:19px; margin-top:17px; text-align:center; font-weight:normal; font-size:14px; color:#fff;} #box_wrap .lb .texts.icon_01{height:60px; background:url("/elearning/cyber/type/17/img/icon_09.png") no-repeat center center;} #box_wrap .lb .more{display:inline-block; margin-top:15px; padding:5px 13px; border:1px solid #fff; color:#fff;} #linklist{height:404px; background:#fff;} #linklist .move{overflow:hidden; position:relative; z-index:0; height:100%;} #linklist .move ul{position:absolute; left:0; top:0; width:200000px; height:100%;} #linklist .move ul li{float:left; width:320px; height:100%;} #linklist .move ul li a{position:relative; top:100px; opacity:0; display:block; width:100%; padding-top:285px; line-height:18px; text-align:center; font-size:14px;} #linklist .move ul li a:link, #linklist .move ul li a:visited, #linklist .move ul li a:active{background:url("/elearning/cyber/type/17/img/linklist_bg.png") no-repeat center top;} #linklist .move ul li a:hover{background:url("/elearning/cyber/type/17/img/linklist_bg_ov.png") no-repeat center top;} #linklist .move ul li a span{position:absolute; left:0; top:0; display:block; width:100%; height:285px;} #linklist .move ul li a span.icon_01{background:url("/elearning/cyber/type/17/img/linklist_icon_01.png") no-repeat center top;} #linklist .move ul li a span.icon_02{background:url("/elearning/cyber/type/17/img/linklist_icon_02.png") no-repeat center top;} #linklist .move ul li a span.icon_03{background:url("/elearning/cyber/type/17/img/linklist_icon_03.png") no-repeat center top;} #linklist .move ul li a span.icon_04{background:url("/elearning/cyber/type/17/img/linklist_icon_04.png") no-repeat center top;} #linklist .move ul li a strong{display:block; margin-bottom:10px; font-weight:600; font-size:20px; color:#382e36;} #linklist .move ul li a strong span{position:relative; display:inline; width:auto; height:auto; color:#e13e51;} #linklist .move ul li a:hover span{ animation-duration: 1s; animation-iteration-count: infinite; animation-name: flip; backface-visibility: visible; } #linklist .move ul li a:hover strong span{animation-duration: 0s;} @keyframes flip{ 0%{top:0px;} 20%{top:-10px;} 40%{top:0px;} 60%{top:-5px;} 100%{top:0px;} } #linklist .linklist_left, #linklist .linklist_right{display:none; position:absolute; top:0; z-index:1; width:70px; height:100%;} #linklist .linklist_left img, #linklist .linklist_right img{margin-top:112px;} #linklist .linklist_left{left:0;} #linklist .linklist_right{right:0;} .yun_tab{overflow:hidden; position:relative; height:700px; margin-bottom:30px;} .yun_tab .mCSB_container_wrapper{margin:0;} .yun_tab .mCSB_container{padding:0;} .yun_tab .tabs{position:absolute; left:20; top:0; height:409px; padding:16px 0px;} .yun_tab .tabs ul{} .yun_tab .tabs li{position:relative; height:56px; padding-left:70px; background:url("/elearning/cyber/type/17/img/cross_line.png") no-repeat 20px 0;} .yun_tab .tabs li:first-child{margin-top:0;} .yun_tab .tabs li.on{} .yun_tab .tabs li a{display:block; height:56px; line-height:56px; text-align:left; text-decoration:none; font-weight:600; font-size:25px; color:#333333;} .yun_tab .tabs li a span.details{text-align:left; font-weight:600; font-size:14px; letter-spacing:-1px; color:#666666;} .yun_tab .tabs li.on a{color:#000000;} .yun_tab .tabs li .simbol{ position:absolute; left:26px; top:23px; width:6px; height:6px; line-height:4px; border:4px solid #0083cb; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -ms-border-radius:7px; -khtml-border-radius:7px; -o-border-radius:7px;} .yun_tab .tabs li.on .simbol{border:4px solid #f35757;} .focus_tab{margin:0 auto;} .focus_tab ul{z-index:50;} .focus_tab ul:after{content:"";clear:both;display:block} .focus_tab ul li{position:relative;float:left; margin-right:5px} .focus_tab ul li:before{content:"";position:absolute;top:50%;left:-1px;height:14px;margin-top:-7px;} .focus_tab ul li:first-child:before{display:none} .focus_tab ul li a{display:block;height:55px; line-height:55px; text-decoration:none; text-align:center; font-size: 20px; font-weight:500; color:#fff; background:#b6b6b6; width:55px;-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;margin:0 auto 4px;} .focus_tab ul li a.ov, .focus_tab ul li a:hover, .focus_tab ul li a:focus{background:#0083cb;} .focus_tab ul li a.ov:after{display:block} .sun {color:#e10000;} .sat {color:#0a88cd;} sup {color:#0a88cd; font-size:14px; font-weight:600} /* Keyframes */ @-webkit-keyframes fill { 0% { width: 0%; height: 1px; } 50% { width: 100%; height: 1px; } 100% { width: 100%; height: 100%; background: #333; } } .rankbox { display: inline-block; font-size: 11px; line-height: 11px; width: 11px; height: 11px; background: #666666; color: #fff; padding: 3px; text-align: center; vertical-align:middle; margin-right: 2px; } .FavCourseArea { width: 585px; height:380px; float: left; position: relative; background:#fff; } ul.coursetab li {position:relative;padding:10px 0; text-align:center; float:left; border-bottom:1px solid #cccccc; width:191px} ul.coursetab li.on{background:#eeeeee; border-bottom:1px solid #eeeeee;} ul.coursetab li.off{background:#fff; border-bottom:1px solid #cccccc;width:192px;} ul.coursetab li.off2{background:#fff; border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;width:191px;} ul.coursetab li.off:after {content: ''; position: absolute; border-left: 1px solid #cccccc; display: block; height: 12px; z-index: 1; margin-top: -6px; left:1px; top: 50%;} ul.coursetab li:first-child {border-right:1px solid #cccccc;} #WeekArea { width: 341px; float: left; position: relative; } .mt50 {margin-top:50px;} .weekTitle {color:#333333; font-size:15px; line-height:28px; font-weight:600; } .weekTitle2 {width:100%; text-align:center; margin:5px auto; font-size:14px; color:#777777; } .weekMonth {float:right; width:54; text-align:center; margin:6px 10px 0 0; font-size:11px; color:#444444; } .weekmore {float:right; width:54; text-align:center; margin:6px 10px 0 0; font-size:11px; color:#fff; } .weekB{background: url("../../type/12./img/week_B.png") no-repeat; width:317px; height:35px;position: relative; } .weekF{background: url("../../type/12/img/week_F.png") no-repeat; width:317px; height:35px;position: relative; } ul.weektab {margin:10px 0 0;} ul.weektab li {width:83px; height:29px; float:left; text-align:center; border-top:1px solid #dedede; border-right:1px solid #dedede;border-bottom:1px solid #dedede; border-radius: 5px 5px 0 0;} ul.weektab li.C{width:84px; background:#f3f3f5; border-left:1px solid #dedede; } ul.weektab li.C.on{background:#ffffff; } ul.weektab li.A{background:#f3f3f5; } ul.weektab li.A.on{ background:#ffffff; } ul.weektab li.B{ background:#f3f3f5; } ul.weektab li.B.on{background:#ffffff; } ul.weektab li.F{background:#f3f3f5; } ul.weektab li.F.on{ background:#ffffff;} .wContentx { position: absolute; left:0px; top:40px; width:336px; height:275px; border:1px solid #dedede; border-radius:0 0 30px 30px} .wContentx .wpic{position: absolute; left:10px; top:20px;} .wContentx .wpic a img {width:130px ;height:184px;} ul.weekcot {position:absolute; left:148px; top:20px; } ul.weekcot li {display:block; position: relative; margin-bottom:12px;} ul.weekcot li .wrank{position: relative; width:24px; height:18px; color:#fff; font-size:12px; text-align:center; line-height:18px; background:#468cff; display:inline-block;margin-right:5px;} ul.weekcot li .mtxt{position: relative; width:150px; height:18px; text-align:left; line-height:18px; font-size:13px; color:#000000;display:inline-block; vertical-align:middle; text-overflow: ellipsis; overflow:hidden; white-space:nowrap;} ul.weekcot li .mtxt.B{width:179px} ul.weekcotf li{width:181px; height:160px;float:left;position: relative;} ul.weekcotf li .wpic{position: absolute; left:0px; top:0; width:148px; } ul.weekcotf li .mtxt{position: absolute; left:0px; top:120px; width:170px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; line-height:16px; font-weight:bold; font-size:13px; color:#444444} ul.weekcotf li .mtxtfdt{position: absolute; left:0px; top:142px; width:170px; text-align:center; line-height:15px; font-size:11px; color:#666666} div.dotList { margin:12px 15px; } div.dotList > ul.bgullist { padding: 0px; width: 100%; } div.dotList > ul.bgullist > li { padding: 1px 0px 1px 10px; height: 25px;background: url("../img/dot_list.png") no-repeat left center; } div.dotList > ul.bgullist > li > span.txt { left: 10px; width: 80%; overflow: hidden; font-size: 13px; line-height:25px; float: left; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color:#444444; } div.dotList > ul.bgullist > li > span.txtnew { left: 10px; width: 80%; overflow: hidden; font-size: 13px; line-height:25px; float: left; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color:#444444; background:url(../img/new.png) no-repeat 0 6px; padding-left:15px; } div.dotList > ul.bgullist > li > span.ntxt { left: 10px; width: 80%; overflow: hidden; font-size: 13px; line-height:25px; float: left; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color:#444444; } div.dotList > ul.bgullist > li > span.ntxtnew { left: 10px; width: 80%; overflow: hidden; font-size: 13px; line-height:25px; float: left; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color:#444444; background:url(../img/new.png) no-repeat 0 6px; padding-left:15px; } div.dotList > ul.bgullist > li > p.xdate { float:right; text-align:right; font-size: 13px; line-height:25px; float: right; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color:#444444; } .helpCenter {position: relative; width:329px; height:63px; padding:10px; background:#e1fffc url(../img/ico_tel.png) no-repeat 272px center; border-radius:10px;} .helpCenter.mobile {margin:7px 0; background:#ebebeb; } .helpCenter.faq {background:#d9e4ff url(../img/ico_faq.png) no-repeat 272px center; } .helpCenter h6 {color:#000; font-size:16px; font-weight:600; display:block; } .helpCenter h5 {color:#000; font-size:15px; font-weight:600; display:block; letter-spacing:-1px; } .helpCenter .tel {font-size:27px; font-weight:600; color:#000; line-height:27px; margin:7px 0;} .helpCenter .tel2 {font-size:11px; color:#666666; line-height:15px;} .helpCenter .domain {font-size:12px; font-weight:600; color:#333333; line-height:16px; } .helpCenter .hurl {font-size:17px; font-weight:600; color:#005da4; line-height:20px; margin:5px 0;} .helpCenter .mocomt {font-size:10px; color:#666666; line-height:12px;} .helpCenter .qr {position: absolute; right: 10px; top:10px;} .helpCenter .qr img {border:1px solid #079cee} .helpCenter .faq_txt{font-size:13px; color:#666666; line-height:15px;} .infoBox {width:357px; height:140px; margin:0; padding:5px; background: #fff ; border:1px solid #dedede; position:relative;} .infoBox h6{color:#333333; font-size:20px; font-weight:600; line-height:20px;margin:10px 5px 7px 5px ;} .infoBox .more{position:absolute; top:1px; right:1px; background:rgba(151,151,151,0.9); width:20px; height:20px; z-index:2; text-align:center; vertical-align:middle;} .infoBox .more a{color:#fff; font-size:18px; font-weight:600; line-height:20px;} .infoBox2 {width:234px; min-height:150px; position:relative;} .infoBox2 .Box1 {width:234px; height:140px; margin:0; padding:5px; border:1px solid #dedede; background: #fff url(../../14/img/i_faq.png) no-repeat; background-position:175px 95px; position:relative;cursor:pointer} .Box2 {margin:15px 0 0 0; width:310px; height:92px; padding:5px; position:relative;} .infoBox2 h6{color:#333333; font-size:20px; font-weight:600; line-height:20px;margin:10px 5px 7px 5px ;} .imgOver { width: 330px; height: 279px; top:0px; left:0px; position: absolute; cursor:pointer; transition: all 0.3s ease-in-out; } .Overimg1 { background:url(click1.png); width:330px; height:279px; } .Overimg2 { background:url(click2.png); width:330px; height:279px; } .OverText { position: absolute; top:0px; left:0px; width: inherit; height: inherit; background: rgba(0,0,0, 0.5); opacity: 0; transition: all 0.3s ease-in-out; transform: scale(0); -webkit-transform: scale(0); -webkit-backface-visibility: hidden; } .Over_back { background: rgba(0,0,0,0.5); width:330px; height:279px; } .OverText .mouse { transform:translateY(-50px); padding:80px 0 20px 0 ; color: #fff; font-weight:600; font-size:18px; line-height:25px; margin:0 auto; opacity: 0; text-align:center; transition: all 0.2s ease-in-out 0.3s; } .OverText .ex { transform:translateY(50px); padding:10px 20px;; border:2px solid #ffffff; color: #fff; width:100px; margin-top:20px; margin:0 auto; font-weight:600; font-size:15px; line-height:25px; opacity: 0; text-align:center; transition: all 0.2s ease-in-out 0.3s; } .OverText p a:hover { color: #fff222; color: rgba(255,242,34,0.8); } .imgOver:hover { box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.1); } .imgOver:hover .OverText { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } .imgOver:hover .OverText .mouse { transform:translateY(0px); opacity:1; } .imgOver:hover .OverText .ex { transform:translateY(0px); opacity:1; } @media screen and (min-width:768px){ #main #visual .view ul li .move ul li span.title{font-size:50px;} #main #visual .view ul li .move ul li span{font-size:18px; width:100%;} #main #visual .view ul li .move ul li a.more{font-size:18px;} } @media screen and (min-width:1024px){ #main #visual .view ul li .controll{top:58%;} #main #visual .view ul li .move ul li a.more{top:71%}; }