/*font*/ @charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); @font-face { font-family: 'Noto Sans KR', sans-serif; font-weight: 500; src: url('./assets/fonts/NotoSansCJKkr-Medium.eot'); src: local(※), url('./assets/fonts/NotoSansCJKkr-Medium.woff') format('woff'), url('./assets/fonts/NotoSansCJKkr-Medium.woff') format('opentype');} /* 스크롤바 디자인 */ /* ie 용 스크롤 바 *********************************************/ html { scrollbar-arrow-color: #e0e0e0; scrollbar-Track-Color: #fff; scrollbar-base-color: #e0e0e0; scrollbar-Face-Color: #e0e0e0; scrollbar-3dLight-Color: #e0e0e0; scrollbar-DarkShadow-Color: #e0e0e0; scrollbar-Highlight-Color: #e0e0e0; scrollbar-Shadow-Color: #e0e0e0} /* Chrome, Safari용 스크롤 바 */ ::-webkit-scrollbar {width: 8px; height: 8px; } ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; width: 8px;height: 8px; background: url() rgba(0,0,0,.0);}2019-08-02 ::-webkit-scrollbar-track { background: rgba(0,0,0,.0); } ::-webkit-scrollbar-thumb { background: rgba(0,0,0,.1); border-radius:10px} /* ------------------------------------------------------------ */ @media screen and (max-width:1100px) { #quick {display:none;} } *{margin:0; padding:0;} table{border-collapse:collapse; border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal;} ol,ul{margin:1em 0; margin-left:0px; padding-left:0; list-style:none;} li{list-style:none;} ul{list-style-type:disc;} ol{list-style-type:decimal;} caption,th{text-align:left;} /* 블록요소 */ html,div,map,dt,from{display:block;} body{display:block; margin:0px; font-family: 'Noto Sans KR', sans-serif; font-size:medium; background-color:rgb(255, 255, 255); color:#222; font-size:14px; letter-spacing:-0.8px; line-height:20px;} p,dl,{display:block; margin-top:1em; margin-bottom:1em;} dd{display:block; margin-left:40;} address{display:block; font-style:italic;} blockquote{display:block; margin:1em 40px;} h1{line-height:1.5em; color:#000; letter-spacing:-0.10em;} h3{display:block; font-size:1.125em; font-weight:bold;} h4{} h5{display:block; font-size:0.75em; font-weight:bold; margin:1.67em 0;} h6{display:block; font-size:0.5625em; font-weight:bold; margin:2.33em 0;} pre{display:block; font-family:monospace; white-space:pre; margin:1em 0;} hr{display:block; border:1px; margin:0.5em auto 0.5em auto;} /* link */ a{color:#333; text-decoration:none;} a:link {} a:visited {} a:active {} a:hover {} table{border-spacing:2px; border-collapse:separate; margin-top:0; margin-bottom:0; text-indent:0;} caption{text-align:center;} td{padding:1px;} th{font-weight:bold; padding:1px;} tbody,thead,tfoot{vertical-align:middle;} /* 인라인요소 */ strong{font-weight:bold;} cite,em,var,dfn{font-style:italic;} code,kbd,samp{font-family:monospace;} ins{text-decoration:line-through;} sub{vertical-align:-0.25em; font-size:smaller; line-height:normal;} sup{vertical-align:0.5em; font-size:smaller; line-height:normal;} /* 리스트요소 */ ul{list-style-type:disc; margin:0; padding-left:0;} ol{list-style-type:decimal; margin:1em 0; padding-left:0;} /* 안에 들어있는 리스트의 상단과 하단의 마진을 없애는 처리 */ ul ul,ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol, dl dl{ margin-top:0; margin-bottom:0;} /* line */ .txt_bar {font-size:12px;color:#b6b6b6} /* 텍스트형 구분라인 */ /* Background Image - common 요소 */ .btn_comm {background:url() no-repeat} /* 버튼 */ .ico_comm {background:url() no-repeat} /* 아이콘 */ .tit_comm {background:url() no-repeat} /* 타이틀 */ .line_comm {background:url() no-repeat} /* 라인 */ /* 메뉴 건너뛰기 */ #skip-navigation a {position: absolute;width:100%;left:-9999em;color:#7f7e7e;text-decoration: none;font:18px/1 "Source Sans Pro";background:#000;background:rgba(0,0,0,.4);padding:.9em .8em .9em;text-shadow:0px 0px 5px #313131;} #skip-navigation a:focus {left: 0;color: #fff;} /* opacity 크로스 브라우징 */ .transparent_class { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; } /************************************ 모듈화요소 *****************************************/ #daumIndex {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0;} /* 스킵네비게이션 */ .ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px;} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */ .screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px;} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */ .f_l {float:left;} .f_r {float:right;} .cl_b{width:0;height:0;font-size:0;line-height:0;clear:both;} .show {display:block;} .hide {display:none;} .tbl {border-collapse:collapse;border-spacing:0;} /* 테이블 초기화 */ .clear_g {display:block;overflow:visible;width:auto;clear:both;*zoom:1;} .clear_g:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:"";} .cur{cursor:pointer;} .cur_de{cursor:default} .lineL{border:1px solid #ccc;} .lineR{border:1px solid #ccc;} .lineT{border:1px solid #ccc;} .lineB{border:1px solid #ccc;} /* 폰트 */ .fc_txt1{color:#333;} .fc_txt2{color:#666;} .fc_txt3{color:#888;} .fc_date{color:#999;} .fs_11{font-size:11px;} .fs_12{font-size:12px;} .fs_14{font-size:14px;} .fs_18{font-size:18px;} .fs_24{font-size:24px;} .fw_b{font-weight:bold;} .fw_n{font-weight:normal;} .txt_al{text-align:left;} .txt_ac{text-align:center;} .txt_lr{text-align:right;} .txt_uline{text-decoration:underline;} .txt_none{text-decoration:none;} .ls_0{letter-spacing:0px;} .ls_1{letter-spacing:1px;} .ls_2{letter-spacing:2px;} .ls_m1{letter-spacing:-1px;} .ls_m2{letter-spacing:-2px;} .ls_1{line-height:14px; font-size:14px; letter-spacing:-1px;} .fc_pt{color:#2d63bb} .col_000{color:#000;} .col_fff{color:#fff;} .col_red{color:#fd262e} .col_redb{color:#930303} .col_blue{color:#2d63bb;} .col_navy{color:#2d63bb; font-weight:normal} input.fc_pt::-webkit-input-placeholder{color:orange;} input.fc_pt::-ms-input-placeholder{color:orange;} input::-webkit-input-placeholder {font-family:'Noto Sans KR',sans-serif;} .bgBtn_nv{background:#273346;} .bgBtn_gray{background:#6c6c6c;} .bgBtn_gray0{background:#f8f8f8;} .bgBtn_red{background:#fa2626;} /* 마진요소 */ /* margin-left */ .mar_L4{margin-left:4px;} .mar_L5{margin-left:5px;} .mar_L10{margin-left:10px;} .mar_L11{margin-left:11px;} .mar_L12{margin-left:12px;} .mar_L15{margin-left:15px;} .mar_L20{margin-left:20px;} .mar_L25{margin-left:25px;} .mar_L30{margin-left:30px;} .mar_L35{margin-left:35px;} .mar_L40{margin-left:40px;} /* margin-top */ .mar_t1{margin-top:1px;} .mar_t2{margin-top:2px;} .mar_t3{margin-top:3px;} .mar_t5{margin-top:5px;} .mar_t10{margin-top:10px;} .mar_t15{margin-top:15px;} .mar_t20{margin-top:20px;} .mar_t25{margin-top:25px;} .mar_t30{margin-top:30px;} .mar_t35{margin-top:35px;} .mar_t40{margin-top:40px;} .mar_tm3{margin-top:-3px;} /* margin-right */ .mar_r3{margin-right:3px;} .mar_r4{margin-right:4px;} .mar_r5{margin-right:5px;} .mar_r6{margin-right:6px;} .mar_r7{margin-right:7px;} .mar_r8{margin-right:8px;} .mar_r9{margin-right:9px;} .mar_r10{margin-right:10px;} .mar_r11{margin-right:11px;} .mar_r12{margin-right:12px;} .mar_r13{margin-right:13px;} .mar_r14{margin-right:14px;} .mar_r15{margin-right:15px;} .mar_r20{margin-right:20px;} .mar_r25{margin-right:25px;} .mar_r26{margin-right:26px;} .mar_r30{margin-right:30px;} .mar_r35{margin-right:35px;} .mar_r40{margin-right:40px;} /* margin-bottom */ .mar_b5{margin-bottom:5px;} .mar_b10{margin-bottom:10px;} .mar_b12{margin-bottom:12px;} .mar_b15{margin-bottom:15px;} .mar_b20{margin-bottom:20px;} .mar_b25{margin-bottom:25px;} .mar_b30{margin-bottom:30px;} .mar_b35{margin-bottom:35px;} .mar_b40{margin-bottom:40px;} .mar_tm20{margin-top:-20px;} /* 패딩요소 */ /* padding-left */ .pad_L5{padding-left:5px;} .pad_L8{padding-left:8px;} .pad_L10{padding-left:10px;} .pad_L15{padding-left:15px;} .pad_L20{padding-left:20px;} .pad_L25{padding-left:25px;} .pad_L30{padding-left:30px;} .pad_L35{padding-left:35px;} .pad_L40{padding-left:40px;} /* padding-top */ .pad_t5{padding-top:5px;} .pad_t10{padding-top:10px;} .pad_t12{padding-top:12px;} .pad_t15{padding-top:15px;} .pad_t20{padding-top:20px;} .pad_t25{padding-top:25px;} .pad_t30{padding-top:30px;} .pad_t35{padding-top:35px;} .pad_t40{padding-top:40px;} /* padding-right */ .pad_r5{padding-right:5px;} .pad_r10{padding-right:10px;} .pad_r15{padding-right:15px;} .pad_r20{padding-right:20px;} .pad_r25{padding-right:25px;} .pad_r30{padding-right:30px;} .pad_r35{padding-right:35px;} .pad_r40{padding-right:40px;} /* padding-bottom */ .pad_b5{padding-bottom:5px;} .pad_b10{padding-bottom:10px;} .pad_b15{padding-bottom:15px;} .pad_b17{padding-bottom:17px;} .pad_b20{padding-bottom:20px;} .pad_b25{padding-bottom:25px;} .pad_b30{padding-bottom:30px;} .pad_b35{padding-bottom:35px;} .pad_b40{padding-bottom:40px;} /* 넓이요소 */ /* width 값 */ .w5{width:5px;} .w10{width:10px;} .w15{width:15px;} .w20{width:20px;} .w25{width:25px;} .w30{width:30px;} .w35{width:35px;} .w40{width:40px;} .w45{width:45px;} .w50{width:50px;} .w55{width:55px;} .w60{width:60px;} .w70{width:70px;} .w80{width:80px;} .w90{width:90px;} .w100{width:100px;} .w110{width:110px;} .w120{width:120px;} .w130{width:130px;} .w140{width:140px;} .w150{width:150px;} .w160{width:160px;} .w170{width:170px;} .w180{width:180px;} .w200{width:200px;} .w210{width:210px;} .w220{width:220px;} .w230{width:230px;} .w240{width:240px;} .w250{width:250px;} .w260{width:260px;} .w270{width:270px;} .w280{width:280px;} .w600{width:600px;} /* 이미지 마우스 오버시 확대 */ .img_Zoom{transition: all 0.3s ease-in-out 0.1s;} .img_Zoom:hover{transform:scale(1.3);-webkit-transform:scale(1.3);} /* 이미지 마우스 오버시 확대 */ #wrap{position:relative; width:100%; height:auto;} #wrap_in{position:relative; margin:auto; width:100%; z-index:500;} #head_wrap {width:100%; height:auto; border-bottom:1px solid #e0e0e0;} #wrap_inner {width:1080px; margin:0 auto} #list_in{position:relative; margin:auto; width:970px; height:auto; z-index:500;} .wrap_bg{position:absolute; width:100%; height:2px; background:#fa2626;} /* Main-head */ /** Main-head-top-nav **/ .top_nav .top_nav_in{float:right;} .top_nav .top_nav_in ul li{float:left; width:auto; height:18px;} .top_nav .top_nav_in ul li.bg{width:54px; height:30px; text-align:center; border-radius:2px; margin-right:10px; background:#fff;} .top_nav .top_nav_in ul li a{cursor:pointer; color:#333;} .top_nav .top_nav_in ul li a:hover{color:#fa2626;} .top_nav .top_nav_in ul li.bar{ width:1px; height:10px; background:#ccc; margin:7px 10px;} .best_mark {position:absolute;right:calc(50% - 646px);top:160px; display:block;} /* POP */ .page_up {position:absolute;z-index:100; box-shadow:5px 3px 10px 1px rgba(0,0,0,0.3); top:0; } .pop_underbar {background-color:#e0e0e0; height:30px;margin-top:-4px; box-shadow: 5px 3px 10px 1px rgba(0,0,0,0.3)} /** Main-head-top **/ #head{position:relative; width:1080px; height:82px;} .head_in{width:1080px; height:45px; padding:1.3em 0} .logo{width:177px; height:24px; cursor:pointer; display:inline-block; vertical-align:middle} /** Main-head-top-search **/ .search_box{position:absolute; right:0; float:right; width:200px; height:30px; margin-top:10px; z-index:100;} .search_box input{position:absolute; float:left; width:165px; height:25px; padding-left:7px; border:none; color:#ccc; border-left:1px solid #ccc; z-index:100;} .search_box span{float:right; width:25px; height:25px; cursor:pointer;} /* Main-recom-content */ .s_recom{margin-bottom:30px; width:100%;box-sizing:border-box;margin-top:30px;} .s_recom .content_recom{float:left; height:auto;min-height:120px; margin:13px auto; cursor:pointer;} .s_recom .content_recom .sr_title{width:685px; height:40px; background:#fff; font-size:20px; line-height:1em; color:#000; font-weight:bold;} .s_recom .content_recom a{width:240px; height:auto; background:rgba(250,38,38,1); transition:0.5s;} .s_recom .content_recom a:hover{background:rgba(0,0,0,0.1); transition:0.5s;} .s_recom .content_rank{float:right; width:215px; height:190px; background:#FBFBFB; border:1px solid #e0e0e0;} .s_recom .cr_hr{width:60px; border:1px solid #ddd;} .s_recom .content_rank .cr_title{font-size:20px; font-weight:bold; text-align:center; margin:20px 0 10px 0;} .s_recom .content_rank ul{box-sizing:border-box;margin-top:10px;} .s_recom .content_rank ul li{box-sizing:border-box; font-size:14px; padding:9px 9px 9px 5px; font-weight:450; height:36px;border:2px solid #fbfbfb; overflow:hidden;} .s_recom .content_rank ul li b{font-size:16px;} .s_recom .content_rank ul li p{display:inline-block; width:190px;} .s_recom .content_rank ul li:hover{box-sizing:border-box;border:2px solid #FA2626;} .s_recom .content_rank ul li:hover a{color:#FA2626;} /*.s_recom .content_rank .rank_new_box li b{ color: #FA2626;}*/ /*.s_recom .content_rank ul li span{display:inline-block; width:28px; height:auto; text-align:center; float:left;} .s_recom .content_rank ul li img{vertical-align:middle; display:inline-block; }*/ .s_recom .content_rank ul li span {font-size:3px; font-weight:bold; color:#FA2626; animation:transcolor 1.5s ease-in Infinite; display:inline-block; width:20.39px; vertical-align:top;} @keyframes transcolor { 33.3%{color:#207345;} 66.6%{color:#FA2626;} } /* Main-content */ /** Main-content-top **/ #main_container{position:relative; width:1080px; height:auto; margin:0 auto} .section_inner{position:relative; height:auto; display:inline-block;width:100%;} .columnL{width:198px; height:412px; display:inline-block} .columnL .product_list{width:196px; height:316px; border:1px solid #e6e6e6;} /** Main-content-top-left-브로셔 다운로드 **/ .columnL .product_list li.brochure{width:196px; height:79px; border-bottom:1px solid #e6e6e6; cursor:pointer; background:url(/image/brochure_img3.png) no-repeat;} .columnL .product_list li.brochure span{float:left; width:196px; text-align:left;} /** Main-content-top-left-강의목록 다운로드 **/ .columnL .product_list li.lecturelist{width:196px; height:79px; border-bottom:1px solid #e6e6e6; cursor:pointer; background:url(/image/lecturelist_img3.png) no-repeat; } .columnL .product_list li.lecturelist span{float:left; width:196px; text-align:left;} /** Main-content-top-left-뉴스레터 신청 **/ .columnL .product_list li.newsLetter{width:196px; height:79px; cursor:pointer; background:url(/image/bankbook_img3.png) no-repeat;} .columnL .product_list li.newsLetter span{float:left; width:196px; text-align:left;} .columnL .product_list ul li span a{height:50px; color:#555; line-height:16px; padding-left:15px; padding-top:20px; font-family:"RixGoB"; font-size:13px; font-weight:700; display:block;} .columnL .product_list ul li span a:hover{color:#fa2626;} /** Main-content-top-left 광고배너 **/ .columnL .banner-rolling{width:196px; height:79px;/* height:198px; */border:1px solid #e6e6e6; margin-top:13px;} /** Main-content-top-right-수료증,교육신청내역,통장사본,사업자 등록증 아이콘 **/ .columnR{width:350px; height:448px; float:right;} .columnR ul {width:100%; height:100%; border:1px solid #e0e0e0; background:#fff; text-align:center; box-sizing:border-box} .columnR li:hover {background-color:#fffbf5; color:#fa2626} .columnR li:hover .txt {color:#fc5a22} .columnR a {width:100%; height:100%; padding:1em; display:inline-block; box-sizing:border-box; cursor:pointer;} .columnR li p.img {width:67px; height:67px; margin:0 auto .5em; text-align:center; border-radius:50px} .columnR li p img {margin-top:24%;} .columnR li:nth-child(-n+3) a {padding:2em;} .columnR li:nth-child(-n+4) {border-bottom:1px solid #e0e0e0} .columnR li:nth-child(odd) {margin-right:-2px; } .columnR li:nth-child(even) {margin-left:-2px; border-left:1px solid #e0e0e0; } .columnR li:nth-child(-n+2) p.img {background-color:#fc5a22;} .columnR li:nth-child(n+3) p.img {background-color:#f9f9f9} .columnR .topBox{width:270px; height:270px; border:1px solid #e6e6e6; background:url(/image/topBox_bg_2.png) no-repeat;} .columnR .topBox .mySec{float:left; width:134px; text-align:center;} .columnR .topBox .mySec a{height:45px; color:#555; line-height:14px; padding-top:90px; font-family:"RixGoB"; font-size:13px; font-weight:700; display:block;} .columnR .topBox .mySec a:hover{color:#fa2626;} /** Main-content-top-right-계좌번호,고객센터 **/ .columnR .cs_bnr{width:270px; height:125px; border:1px solid #e6e6e6; margin-top:13px;} /* Main-content 광고배너 */ .content_ad{margin:13px auto; width:970px; height:80px; cursor:pointer;} /* Main-content-bottom-left*/ /** Main-content 이달의 교육 **/ .secL{width:700px; height:470px; padding:2em; box-sizing:border-box; background:#fff; display:inline-block; float:left} .mbody {position:relative; margin: 0; padding: 0; color: #333;} ul.tabs {width:683px; margin: 0; padding: 0; float: left; list-style: none; height: 54px; border-top: 1px solid #fa2829; border-bottom: 1px solid #fa2829; border-left: 1px solid #fa2829;} ul.tabs li {float: left; width:340px; margin: 0; padding: 0; height: 53px; line-height: 50px; cursor:pointer; border: 1px solid #fa2829; color: #000; border-left: none; text-align:center; font-size:18px; margin-bottom: -1px; color:#fff; background: #fa2829; overflow: hidden; position: relative;} .tabs li.on{background:#fff;border-bottom:1px solid #fff;color:#222} .tab_content h2 {font-weight: normal; padding-bottom: 10px; border-bottom: 1px dashed #ddd; font-size: 1.8em;} .tab_content h3 a{color: #254588;} .tab_content img {float: left; margin: 0 20px 20px 0; padding: 5px;} .secL_tit .tab_date .cen_date, .secL_tit .title {font-size:1.8em; font-weight:700; display:inline-block;} .secL_tit .tab_date .cen_date {float:left} .secL_tit .tab_date .cen_date i {margin-right:.3em} .secL_tit .tab_date .side_date{font-size:1.2em; color:#666; display:inline-block; float:right; /*cursor:pointer;*/} .secL_tit .tab_date .side_date .arrow{margin-left:.5em;margin-right: .5em; font-family:'NanumGothic'; font-size:1em; color:#999; cursor:pointer;vertical-align: middle;} .secL_tit .tab_date .date_en{font-size:14px; width:80px; height:20px; margin:0 auto; color:red;} .main_top_2 .container a:hover {text-decoration:underline} .area_edu{width:100%; max-height:315px; margin-top:2.5em} .area_sec{height:2em; margin-bottom:.7em;} .area_sec ul {text-align:left} .area_sec ul li{display:inline-block} .area_sec .icon_01, .area_sec .icon_02, .area_sec .icon_03 {width:93px; height:26px; font-size:.9em; text-align:center; padding-top:.15em; box-sizing:border-box} .area_sec ul li.icon_01{border:1px solid #fc5a22; color:#fc5a22; box-sizing:border-box} .area_sec ul li.icon_02{background:#fc5a22; color:#fff} .area_sec ul li.icon_03{background:#fa2626; color:#fff} .area_sec ul li.txt{width:400px; font-size:1.1em; padding-left:.5em; text-align:left; overflow:hidden; } .area_sec ul li.date{float:right; color:#999;} .btn_Edu_Page_Prev.cur{cursor:pointer;} .btn_Edu_Page_Next.cur{cursor:pointer;} .sec_page_btn{float:right; margin-top:1.5em} /*.sec_page_btn{float: right;margin-top: 1.5em;position: absolute;right: 0px;top: 280px;}*/ .sec_page_btn ul li{float:left;} .sec_calendar{font-weight: 500;float: left; margin-top:16px; padding: .5em 1em; color:#fff; background-color:#fc5a22;} .sec_calendar:hover {background:#ffa900; cursor:pointer; transition:.5s;} .edu_list {font-weight:400; font-size:1.2em; } /* 좌측 quick bar */ .quick {position:absolute ;z-index:999} .quick .q_btn {padding:1.85em .8em; background:#52525a; font-family:'NanumGothic'; font-size:1.5em; color:#fff; float:right; display:inline-block; cursor:pointer} .quick .q_menu {width: 99px; height:100%; min-height:970px; background:#fff; border-right:1px solid #e0e0e0;text-align:center; display:inline-block} .quick li {width:100%; margin:0 auto; padding:21px 0; border-bottom:1px solid #e0e0e0; cursor:pointer} .quick li:first-child, .quick li:nth-child(2) {padding:18px 0} .quick li p {margin:0 auto; line-height:1.2em} .quick li:first-child .img {width:30px; height:26px; background:url('/ja_data/edu/m/quick01_g.png');margin-bottom:4px} .quick li:nth-child(2) .img {width:32px; height:26px; background:url('/ja_data/edu/m/quick02_g.png');margin-bottom:4px} .quick li:nth-child(3) .img {width:32px; height:26px; background:url('/ja_data/edu/m/quick02_g.png');margin-bottom:4px} .quick li:nth-child(4) .img {width:32px; height:30px; background:url('/ja_data/edu/m/quick03_g.png');margin-bottom:10px} .quick li:last-child .img {width:30px; height:26px; background:url('/ja_data/edu/m/quick04_g.png');margin-bottom:10px; margin-top:4px} .quick li.on {background:#52525a; color:#fff} .quick li.on:first-child .img, .quick li:first-child:hover .img {background:url('/ja_data/edu/m/quick01_w.png');} .quick li.on:nth-child(2) .img, .quick li:nth-child(2):hover .img {background:url('/ja_data/edu/m/quick02_w.png');} .quick li.on:nth-child(3) .img, .quick li:nth-child(3):hover .img {background:url('/ja_data/edu/m/quick02_w.png');} .quick li.on:nth-child(4) .img, .quick li:nth-child(4):hover .img {background:url('/ja_data/edu/m/quick03_w.png');} .quick li.on:last-child .img, .quick li:last-child:hover .img {background:url('/ja_data/edu/m/quick04_w.png');} .quick li:hover {background:#fc5a22; color:#fff; border-top:1px solid #fc5a2; border-bottom:1px solid #fc5a22} .quick_fixed {position:fixed!important; left:0; top:0} /* Main-content-bottom-right */ /** Main-content 공지사항/FAQ **/ .secR{width:350px; height:470px; display:inline-block; float:right} .secR a:hover {text-decoration:underline} .secR .box1, .secR .box2{width:100%; height:225px; padding:1.5em; box-sizing:border-box; color:#fff;} .secR .box1{background:#fc5a22;margin-bottom:20px;} .secR .boxTit h3{width:80%; margin-bottom:.8em; font-size:1.2em; text-align:left; display:inline-block;} .secR .boxTit h3 i {margin-right:.5em} .secR .boxTit p {width:19%;display:inline-block;} .secR .boxTit p a {color:#ffcab8} .secR .boxTit p a span {padding-left:.5em;font-family:'NanumGothic';} .notice_box li, .news_box li {width:100%; margin-top:.8em; text-align:left;} .notice_box li:before, .news_box li:before {content:''; width:5px; height:5px; margin:.5em .5em 0 0; background-color:#ffcab8; display:inline-block; vertical-align:top} .notice_box li a, .news_box li a {width:90%; height:1.5em; color:#fff; font-size:1em; overflow:hidden; display:inline-block} .box_viewport ul.bxslider3 li{float:left;width:235px;height:60px;} .box_viewport ul.bxslider3 li a{float:left; max-height:20px; overflow:hidden;} .box_viewport ul.bxslider3 li a:hover, .box_viewport ul.bxslider2 li a:hover {text-decoration:underline} .box_viewport ul.bxslider3 li span.date{float:left; width:234px; height:20px; margin-top:19px;} .faq_top_R, .faq_top_L {display:inline-block; vertical-align:top} .faq_top_R {width:88%;height:100%; margin-top:1em;font-size:16px;} .faq_top_L {width:11%; height:100%} .faq_site_area span.bar{padding:0 10px;} .faq_site_area span.faq_site{cursor:pointer;padding:5px 10px; border:1px solid #e0e0e0; border-radius:30px; margin-right:5px; font-size:18px} .faq_site_area span.faq_site:hover{background-color:#ccc;} .faq_site_area span.faq_site.on{color:#fff; background-color:#fc5a22; border:1px solid #fc5a22} .faq_cate{width:auto;margin-top:20px} .faq_cate span {margin-right:10px;cursor:pointer;} .faq_cate span:hover{font-weight:bold;} .faq_cate span.on{font-weight:bold;color:#fa2626;} .boardfaq th {font-weight:normal; color:#770551} /** Main-content 현장스케치**/ .secR .box2{background-color:#fa2626} .secR .box2 .box2_t{float:left; width:100%; height:35px;} .secR .box2 .box2_t .box2_tit{float:left; font-size:20px; color:#000;} .secR .box2 .box2_t .more_btn{float:right; font-size:12px; margin-top:5px; color:#888; cursor:pointer;} .secR .box2 .box2_b{float:left; width:270px; height:223px; border:1px solid #e6e6e6;} .secR .box2 .box2_b:hover {border:1px solid #aaa} .secR .box2 .box2_b .box2_img{width:270px; height:160px; cursor:pointer;} .secR .box2 .box2_b .box2_sub{padding:10px; height:30px; overflow:hidden; } .secR .box2 .box2_b .box2_sub:hover {text-decoration:underline} /* TOP */ .loginMenu {float:right; display:inline-block; margin-top:.8em} .loginMenu ul.login_box{width:auto; display:inline-block; color:#444; } .loginMenu p.name {display:inline-block; margin-right:1em; font-size:14px; vertical-align:middle} .loginMenu ul li.detail a{width:auto; cursor:pointer; height:40px;} .loginMenu .my_Area {position:absolute; width:60px; height:50px; display:inline-block; right:93px; z-index:900; cursor:pointer} .loginMenu_top {width:317px; padding:1em 0; box-sizing:border-box;border:1px solid #fc5a22;border-radius:3px; background:#fff; z-index:1000; position:absolute; top:60px;right:-97px} .loginMenu_top .my_details{font-weight:normal; height:auto; background:#fff; font-size:14px; line-height:1.8em; -webkit-margin-end:0.5px;} .my_details:after {content:''; position:absolute; border-bottom:10px solid #fff; border-right: 5px solid transparent; border-left:5px solid transparent; top:-9px; left:94px;} .my_details:before {content:''; position:absolute; border-bottom:10px solid #fc5a22; border-right: 5px solid transparent; border-left:5px solid transparent; top:-10px; left:94px;} .loginMenu_top .left, .loginMenu_top .right{width:38%; display:inline-block; padding:0 1em;vertical-align:top;} .loginMenu_top .left {border-right:1px solid #e0e0e0} .loginMenu_top ul{ z-index:800;color:#666;} .loginMenu_top ul.my_details li{cursor:pointer; width:125px;height:15px;letter-spacing:-2px; line-height:1.2em;background:#fff; } .loginMenu_top ul.my_details li:hover{color:red; background:#fff;} .loginMenu_top ul.my_details li:first-child {border-radius:5px 5px 0 0} .loginMenu_top ul.my_details li:last-child {border-radius:0 0 5px 5px; border-bottom:0} .loginMenu_top p {font-weight:500; margin-bottom:5px} .loginMenu ul li{display:inline-block; vertical-align:middle} .loginMenu ul li.detail{height:20px;} .loginMenu ul li.data-bind a{color:#999;} .loginMenu ul li a{color:#444;} .loginMenu ul li a:hover{color:#fa2626;} .loginMenu ul li.bar{ width:1px; height:10px; background:#ccc; margin:7px 10px;} .chat_Alarm {position:absolute;right:-180px;top:272px; display:none; z-index:900; width: 150px; height: 45px; background: url('/ja_data/edu/new/chatAlarm.png') no-repeat;} .chat_fixed {position:fixed!important; left:calc(50% - -532px); margin-top:0!important} .btn_dialog {height:162px; border-radius:100px; } .btn_dialog .chat_tag p {width:90px;margin:0 auto; padding:.5em; background:#fff; box-shadow:1px 1px 5px 1px rgba(0,0,0,0.1); margin-bottom:1em; border-radius:1px} .btn_dialog .chat_tag p:after {content: ''; position: absolute; border-top: 10px solid #fff; border-right: 5px solid transparent; border-left: 5px solid transparent; top: 39px; left: 78px;} .btn_dialog .chat_tag p:before {content: ''; position: absolute; border-top: 10px solid #f0f0f0; border-right: 5px solid transparent; border-left: 5px solid transparent; top: 40px; left: 79px;} .btn_dialog .chat_tag span {display:block; font-size:12px; line-height:1.1em} .btn_dialog:hover {box-shadow:none;} .btn_dialog .talktime {color:#666; font-size:10px; width:100%; display:inline-block; text-align:center} .btn_dialog .talktime dt, .btn_dialog .talktime dd {display:inline-block} .btn_dialog .talktime dt {padding:0 5px; border-radius:10px; background:#f1f1f1; margin-right:5px;} /* .btn_mc_area {position:absolute;top:470px;right:-150px; text-align:center; } */ .btn_mc_area .img {width:108px; height:70px; margin:0 auto} .btn_mc_area .text {width: 108px; font-size:10px; color:#999; line-height:1.3em; margin:10px auto;} .right_btn_wrap {z-index:900; width:167px; position:fixed;right:calc(50% - 698px)!important;top:180px; display:block;cursor:pointer; text-align:center;} /* .btn_dialog {position:fixed;right:calc(50% - 698px)!important;top:180px; display:block;cursor:pointer; text-align:center;} */ .btn_faq {width:104px; height:139px; top:350px; display:inline-block} .btn_faq:hover {opacity:.9} .search_bar {width:300px; height:40px; border:2px solid #fa2626; margin: 0 auto 0 20%; display:inline-block;} #search_Edu {width:90%; height:100%; box-sizing:border-box; border:0; padding:0 10px 0 10px;outline: none; color:#444; vertical-align:bottom} .search_bar .icon {display:inline-block; padding-bottom:.7em; color:#fa2626;cursor:pointer;} /* .search_bar input:focus {box-shadow:1px 1px 5px #e0e0e0} */ /** Main-head-top-gnb **/ .gnb{position:relative; width:100%; box-sizing:border-box; border-top:1px solid #f0f0f0} .gnbWrap{width:1080px; margin:0 auto; text-align:center} .gnbMenu{width:100%; display:inline-block; color:#222;box-sizing:border-box;} .gnbMenu > ul > li{width:auto; display:inline-block;color:#222; font-size:18px;position:relative;box-sizing:border-box; font-weight:500; padding:1em 1.7em} .gnbMenu .tM{cursor:pointer;} .gnbMenu .tM > div{width:100%;height:100%;} .gnbMenu .tM i {margin-left:.2em; font-size:.8em; vertical-align:middle;} .gnbMenu ul li.tM:hover div{color:#fa2626 } /* 마우스 오버 시*/ .gnbMenu .tM > div.onTop{color:#fa2626!important;} /* 해당 페이지로 이동 시 자동 선택 */ #subBox{display:none;position:absolute;top:45px;left:0;right:0;height:175px;background:#fff;z-index:201;border:1px solid #ccc;box-sizing:border-box;} .gnbMenu li.tM:nth-child(1) ul.subPopMenu {width:300px;height:160px; } .gnbMenu li.tM:nth-child(2) ul.subPopMenu {width:202px;height:160px; } .gnbMenu li.tM:nth-child(3) ul.subPopMenu {width:222px;height:160px; } .gnbMenu li.tM:nth-child(4) ul.subPopMenu {display:none;} .gnbMenu li.tM:nth-child(5) ul.subPopMenu {width:222px;height:160px; } .gnbMenu li.tM:nth-child(6) ul.subPopMenu {width:190px;} .gnbMenu li.tM:nth-child(7) ul.subPopMenu {display:none;} /* .subPopMenu {height:160px; display:none;position:absolute;top:56px;left:-1px;right:1px; height:173px; background:#fff; z-index:202;cursor:default;padding:30px; box-sizing:border-box; box-shadow: 4px 5px 5px #00000033;border: 1px solid #E0E0E0;} */ .subPopMenu {height:190px; display:none;position:absolute;top:56px;left:-1px;right:1px; text-align:left; background:#fff; z-index:202;cursor:default;padding:30px; box-sizing:border-box; box-shadow: 4px 5px 5px #00000033;border: 1px solid #E0E0E0;} .subPopMenu .hover {display:block} .subPopMenu li{font-size:18px; padding-top:0px;background:#fff;cursor:pointer; font-weight:400; margin-bottom:1em} .subPopMenu li:hover {text-decoration:underline} .subPopMenu li .cap {background-color:#f9e3de; display:inline-block;height:20px; font-size:10px; padding:0px 8px; border-radius:15px; margin-left:10px;line-height:2;} .subPopMenu li:last-child {margin-bottom:0} .subPopMenu.hoveron{display:block} .subPopMenu li.on{color:#fa2626!important;} /* 마우스 오버 시*/ .subPopMenu li.onTop{color:#fa2626!important;} /* 해당 페이지로 이동 시 자동 선택 */ .gnbMenu li.tM:nth-child(2) ul.subPopMenu b {font-size:9px; color:#fff; background:#fc5a22; border-radius:2em; padding:.1em .5em; margin-left:.5em} .tm_line{display:inline-block;position:absolute;bottom:-1px;left:0;right:0;height:3px;; z-index:333!important;cursor:pointer;} .main_top_1 {padding:2em 0;text-align:center; background:#f9f9f9} .main_top_1 .section_inner, .main_top_2 .section_inner {width:1080px; margin:0 auto;} .main_top_2 .container {width: 100%; min-height:300px; margin: 0px auto;} .main_footer {width:100%; background:#52525a} .main_footer ul {width:1080px;height:auto; padding:3em 0; margin:0 auto; color:#fff} .main_footer li {display:inline-block; vertical-align:top} .main_footer li h3 {margin-bottom:1em;font-size:1.2em; font-weight:400;} .main_footer li .btn {margin-right:1em;padding:.5em 1em; border-radius:50px; font-size:1.2em; background-color:#7f7f82; display:inline-block; cursor:pointer} .main_footer li .btn b {font-family:'NanumGothic'; font-weight:400; font-size:.8em; margin-left:.5em; vertical-align:top;} .main_footer li .num {font-weight:800;} .main_footer li.customer {width:380px;} .main_footer li.customer .num {margin-bottom:.3em; font-size:3em; line-height:1.2em;} .main_footer li.account {width:363px; height:157px; padding:0 50px; border-left: 1px solid #6f6f72; border-right:1px solid #6f6f72; box-sizing:border-box;} .main_footer li.account .num, .main_footer li.fax .num {font-size:2em; line-height:1.2em;} .main_footer li.account .text {margin-top:.5em} .main_footer li.account .text b {display:block; margin-top:.5em} .main_footer li.fax {padding-left:50px;} .main_footer li.fax .text {margin-top:1em} /* footer */ .foot_bg{float:left; z-index:100; right:0; bottom:0; left:0; width:100%; height:210px; background:#f2f2f2; margin-top:40px;} .foot_in_bg{float:left; z-index:600; right:0; bottom:140px; left:0; width:100%; height:50px; background:#6c6c6c;} .menu_agree{float:left; width:970px; height:780px; margin-bottom:30px;} .menu_agree_in{width:970px; height:auto; z-index:500;} .menu_agree_in h1{float:left; width:970px; height:40px; margin-bottom:30px;} .menu_agree_in h3{float:left; width:970px; height:30px;} .menu_agree_in textarea{float:left; width:970px; height:170px; border:1px solid #ccc; padding:15px; color:#777; letter-spacing:-1px; line-height:1.7em;} .agree_wrap{float:left; width:938px; height:550px; overflow-y:auto; font-size:12px; text-align:justify; color:#777; overflow-x:hidden; border:1px solid #e8e7e7; padding:0 15px; margin-top:10px;} /** footer-menu **/ .conts{ margin:0 auto; clear:both; width:970px; height:190px; z-index:400;} .conts .conts_in{float:left; width:970px; height:50px; } .conts .conts_in .list_menu{float:left; width:700px; height:22px; margin-top:13px;} .conts .conts_in .list_menu ul li{float:left; cursor:pointer;} .conts .conts_in .list_menu ul li.bar{width:1px; height:10px; background:#ccc; margin:7px 18px;} .conts .conts_in .list_menu ul li a{color:#666;} /** footer-menu 패밀리사이트 **/ .conts .conts_in .family_group{float:right; width:auto; height:auto; margin-top:10px; z-index:500;} .conts .conts_in .family_group select{padding:4px 10px; color:#666; cursor:pointer;} .conts .address{float:left; width:970px; margin-top:25px; height:100px; font-size:13px; color:#777;} .conts .address ul li{float:left;} .conts .address ul li.logo_etc{margin-top:42px; margin-right:30px;} .conts .address ul li.bar{width:1px; height:90px; background:#dadada; margin:7px 18px;} .conts .address ul li.ad_cal{float:right; margin-top:12px;} /* list */ /** list 과정리스트 **/ #main_container .section_inner .list_sub{float:left; width:1080px; height:40px; margin-bottom:10px; font-size:40px;} #main_container .section_inner .list_menu_wrap{float:left; width:970px; height:auto; margin-top:30px; max-height:340px; margin-bottom:10px;} table{position:relative; border-collapse:collapse; color:#333; background:#fff;} caption{text-align:left; display:none;} td, th{ width:970px; padding-top:3px; padding-bottom:3px; color:#333; border-bottom:1px solid #e8e7e7; font-family:'Noto Sans KR',sans-serif; font-size:12px;} thead th, tfoot th{ text-align:center; border-top:2px solid #ddd; color:#444; padding-top:3px; padding-bottom:5px; border-bottom:1px solid #ddd; background:#fafafa; font-weight:normal} tbody tr.receipt.on{background:#ebeced;} tbody tr.nave.on{background:#ebeced;} tbody tr.nave td.on span{cursor:none;} tbody td.rd ul li{margin-right:5px; margin-bottom:3px; height:20px;} tbody td span{background:transparent; text-decoration:none; color:#333; cursor:pointer} .QAboard tbody td span {font-weight:400; font-size:15px} tbody th span{background:transparent; text-decoration:none; font-weight:normal; color:#333;} tbody th, tbody td{vertical-align:top; text-align:center; color:#333; font-family:'Noto Sans KR',sans-serif; font-size:14px;} tfoot tr{margin-top:50px; border-top:1px solid #333; z-index:500; background:#e8e7e7;} tfoot td{ border:1px solid #e0dede; text-align:center; color:#777; padding:10px 0; border-top:1px solid #333; z-index:900; font-weight:700; } #main_container .section_inner .list_menu_wrap .schedule_type{float:left; width:1080px; height:auto; margin-top:20px; border-top:1px solid #e8e7e7;} #main_container .section_inner .list_menu_wrap .schedule_type .schedule_wrap{position:relative; float:left; width:1080px; height:60px; background:#fff; border-bottom:1px solid #e8e7e7;} .move_btn_l{position:absolute; left:124px; top:21px; width:7px; height:13px; cursor:pointer;} .move_btn_r{position:absolute; right:16px; top:21px; width:7px; height:13px; cursor:pointer;} #main_container .section_inner .list_menu_wrap .schedule_type .schedule_wrap ul li{float:left;} #main_container .section_inner .list_menu_wrap .schedule_type .schedule_wrap ul li.tit{height:100%; font-size:16px; line-height:3.8em; text-align:center; border-right:1px solid #e8e7e7; color:#333;} #main_container .section_inner .list_menu_wrap .schedule_type .schedule_wrap ul li.schedule_btn ul li{float:left; border:1px solid #ccc; height:24px; border-radius:2px; margin-right:8px; padding:5px 12px; cursor:pointer;} #main_container .section_inner .list_menu_wrap .schedule_type .schedule_wrap ul li.schedule_btn ul li.on{background:#273346; color:#fff; border:1px solid #273346; font-weight:700;} #main_container .section_inner .list_menu_wrap .schedule_type .schedule_wrap ul li.select_in{padding:13px 42px; height:58%; border-right:1px solid #e8e7e7;} #main_container .section_inner .list_menu_wrap .schedule_type .schedule_wrap ul li.select_in2{padding:13px 20px; height:58%; border-right:1px solid #e8e7e7;} #main_container .section_inner .list_menu_wrap .schedule_type .schedule_wrap ul li.select_in select{width:300px; height:34px; padding:4px; border:1px solid #ccc;} #main_container .section_inner .list_menu_wrap .schedule_type .schedule_wrap ul li.select_in2 select{width:100px; height:34px; padding:4px; border:1px solid #ccc;} #main_container .section_inner .list_menu_wrap .schedule_type .schedule_wrap ul li.schedule_btn ul li:hover{background:#fa2626; color:#fff; border:1px solid #aa0000;} #main_container .section_inner .list_menu_wrap .inquiry_btn{margin:28px auto; border-radius:2px; text-align:center; padding:14px 50px; width:56px; height:25px; font-size:16px; cursor:pointer; background:#273346; color:#fff;} #main_container .section_inner .list_menu_wrap .schedule_type .schedule_wrap ul li .sv_search_box{float:left; width:300px; height:30px; margin-top:4px;} #main_container .section_inner .list_menu_wrap .schedule_type .schedule_wrap ul li .sv_search_box input{float:left; width:260px; height:25px; padding-left:7px; border:none; color:#0ca350; border-left:1px solid #ccc;} #main_container .section_inner .list_menu_wrap .schedule_type .schedule_wrap ul li .sv_search_box span{float:right; width:25px; height:25px; cursor:pointer;} .list_titBg{float:left; width:970px; height:40px; margin-top:50px; font-size:30px; font-weight:bold; color:#000; letter-spacing:-2px; background:url(/image/list_tit_bg.png) no-repeat;} .list_table th, .list_table td {padding:15px 0; text-align:center;vertical-align:middle} .list_table .icon {width:50px;height:22px; font-size:12px; font-weight:400; text-align:center; box-sizing:border-box; margin:0 auto} .list_table .i_recruit {color:#fff; background:#ee8d1a; } .list_table .i_refund {border:1px solid #fa2626;background:#fff;color:#fa2626;margin-top:5px} .list_table .i_refundNo {border:1px solid #009900;background:#fff;color:#009900;margin-top:5px} .list_table .i_support {border:1px solid #2879ff;background:#fff;color:#2879ff;margin-top:5px} .list_table .i_ing {background:#fa2626;color:#fff;margin-top:5px} .list_table .i_end {background:#666;color:#fff; } .list_table .info {font-size:13px; } .list_table .edu_list {vertical-align:middle; line-height:1.6em;padding-right:1em} /* view */ /** view-top-tab **/ #main_container .section_inner .view_menu_wrap{float:left; width:1080px; height:auto;} .view_menu_wrap .section_inner {width:100%} .view_menu_wrap{float:left; width:970px; height:auto; margin-top:30px; z-index:300;} .location_wrap{width:968px; height:30px; border:1px solid #e0e0e0; background:#fafafa; z-index:300;} .location_wrap span.home{float:left; width:30px; height:30px; border-right:1px solid #e0e0e0; cursor:pointer;} .location_wrap span.sel_op{float:left; width:200px; height:30px; border-right:1px solid #e0e0e0;} .location_wrap span.sel_op select{width:200px; height:30px; font-size:12px; color:#888; padding:8px; cursor:pointer; border:none; background: url('http://elabor.co.kr/ja_data/edu/img/select_btn.png') no-repeat 95% 50%;-webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance: none; /* 화살표 없애기 for firefox*/ appearance:none; /* 화살표 없애기 공통*/} .location_wrap span.sel_op select::-ms-expand{display: none; /* 화살표 없애기 for IE10, 11*/} .teacher_info_wrap{float:left; width:1080px; height:auto; max-height:520px; border-bottom:1px solid #888; margin-top:25px;} .teacher_l{float:left; width:860px; height:auto; max-height:520px; margin-bottom:40px;} .edu_v_tit{float:left; width:100%; height:auto; font-size:24px; letter-spacing:-2px; line-height:1.3em; color:#000;} .edu_v_box{float:left; width:820px; height:180px; border:1px solid #ccc; padding: 20px 14px; /*background:url(/image/edu_v_bg.png) no-repeat;*/} .edu_v_part{position:relative; float:left; width:820px; height:150px; margin-top:20px;} .edu_v_part p{float:left; width:270px; height:150px;} .edu_v_part span.img{float:left; width:270px; height:100px; text-align:center} .edu_v_part span.txt{float:left; width:270px; height:50px; color:#000; text-align:center;} .edu_v_table{float:left; width:820px; height:152px; border-left:1px solid #ccc; border-top:none; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding: 0px 14px; overflow-y:auto; background:#fff;} .edu_v_line{float:left; width:970px; height:24px; font-size:12px; margin-top:7px;} .edu_v_line ul li{float:left; line-height:1.5em; color:#666;} .edu_v_part p {border-right:1px solid #e0e0e0;} .edu_v_part p:last-child {border:0} .teacher_r{position:relative; float:right; width:200px; height:400px;} .teacher_r_info{position:absolute; text-align:center; line-height:6.8em; top:346px; left:0; width:200px; height:80px; background:#273346; opacity:0.6; z-index:300;} .teacher_r_info span.txt_b{font-size:28px; font-weight:bold; color:#fff; z-index:500;} .teacher_r_info span.txt_s{font-size:18px; color:#fff;} .teacher_r span.btn{position:absolute; right:20px; top:358px; cursor:pointer; width:39px; z-index:500; height:17px;} .teacher_r_img{float:left; width:200px; height:400px; margin-top:26px; overflow:hidden; position:relative} .teacher_r_img img {width:auto; height:400px; position:absolute; left:50%; transform: translate(-50%, 0)} .teacher_all{float:left; width:200px; height:66px; margin-top:7px;} .teacher_all_btn{width:15px; height:66px;} .teacher_all_btn span{float:left; margin-top:25px; width:14px; height:13px; cursor:pointer;} .teacher_all_in{width:160px; height:66px;} .teacher_all_in ul li{float:left; width:40px; height:64px; border:1px solid #ccc; cursor:pointer;} .teacher_all_in ul li image{width:40px; height:64px;} .refund{position:absolute; left:-50px; top:-50px; width:111px; height:111px;} .attach_btn{position:absolute; left:0; top:20px; width:182px; height:56px; cursor:pointer;} .common_btn{float:right; width:auto; margin-top:20px; margin-bottom:20px;} .common_btn ul li{float:left; width:100px; height:30px; font-size:16px; font-weight:bold; margin-left:14px; padding:12px 40px; text-align:center; cursor:pointer; line-height:25px} .common_btn ul li.application_btn.application_btn {font-size:20px; font-weight:normal; background-color:#fff; border-radius:0; border:1px solid #e0e0e0; height:44px; width:182px; padding:12px 0 0} .common_btn ul li.list_btn{color:#000; border:1px solid #ccc; background:fff; border-radius:4px;} .caution{float:left; width:970; height:40px; margin-top:20px; margin-bottom:20px; color:#999; font-size:13px;} /** view-bottom-tab **/ .tab-wrapper {float:left; margin:0px auto; width:100%; max-width:970px; box-sizing:border-box; color:#333; } .tab-wrapper ul.tab-menu{float:left; width:1080px; height:50px;} .tab-menu li { float:left; position:relative; background-color:#fff; color:#333; display: inline-block; font-size:16px; padding: 20px 0px; width:481.5px; border:1px solid #ccc; border-bottom:none; opacity: 0.8; background:#e8e7e7; text-align:center; cursor:pointer; z-index:0;} .tab-menu li:hover{color:#464646;} .tab-menu li:last-child {padding:19px 0} .tab-menu li.active{ background:#fff; color:#464646; opacity:1;} .tab-menu li.active:hover{color:#464646;} .tab-content>div { float:left; box-sizing:border-box; width: 100%; padding-top:30px; min-height:500px;} .line {position:absolute; width:0; height:7px; background-color:red; top:0; left:0;} /* view_찜 */ .likeBtn {border:1px solid #ccc; position:relative} .likeBtn .text {display:inline-block; margin-left:10px; position:absolute;right:25%} .likeBtn .likeicon {width:29px; height:29px; background-image: url('/ja_data/edu/new/like_btn1.png'); background-repeat:no-repeat; display:inline-block; text-align:left;float:left;} .likeBtn_none {background-color:#fff!important; position:relative;} .likeBtn_none .text {display:inline-block; margin-left:10px; position:absolute;right:29%} .likeBtn_none .likeicon {width:29px; height:29px; background-image: url('/ja_data/edu/new/like_btn1.png'); background-repeat:no-repeat; display:inline-block; text-align:left;float:left;} .likeBtn_act {background-color:#edecec!important; position:relative; box-shadow: 1px 1px 1px 1px #e0e0e0 inset;} .likeBtn_act .text {display:inline-block; margin-left:10px; position:absolute;right:25%} .likeBtn_act .likeicon {width:29px; height:29px; background-image: url('/ja_data/edu/new/like_btn2.png'); background-repeat:no-repeat; display:inline-block; text-align:left;float:left;} .common_btn ul li.application_btn {font-size:20px; font-weight:normal; background-color:#fff; border-radius:0; border:1px solid #e0e0e0; height:44px; width:182px; padding:12px 0 0} .common_btn ul .likeBtn_none .likecap{display:none;opacity: 0} .common_btn ul .likeBtn_none:hover .likecap {display:block;opacity: 0.9;} .common_btn ul .likeBtn_act .likecap{display:none;opacity: 0} .common_btn ul .likeBtn_act:hover .likecap {display:block;opacity: 0.9;} .common_btn ul {position:relative} .common_btn ul .likecap {position:absolute; z-index:5; font-size:11px; background-color:#f9e3de; line-height:1.3; width:150px; left:3px; top:-65px; border-radius:5px; /* box-shadow:0 3px 10px -2px rgba(0,0,0,0.2); */ padding:8px 10px;;} .likecap:after {content: ''; position: absolute; border-top: 10px solid #f9e3de; border-right: 5px solid transparent; border-left: 5px solid transparent; bottom: -9px; left: 80px;} /* view_수강후기 */ .review_tb {width: 100%; height: auto; margin: 20px 0; overflow-y: auto;} .review_tb th {font-weight:normal; padding: 20px 0 } .review_tb .review_txt {text-align:left;} .review_tb .empty {padding:150px 0; font-weight:bold; text-align:center} .review_tb .info {color:#999; } .review_tb .info .separate {display:inline-block; font-size:10px; margin:0 10px 5px; color:#ccc} .review_tb .text {font-size:12px} .review_tb .starY {color:#ffdd63; font-size:16px; margin:0 -3px} .review_tb .starG {color:#e0e0e0; font-size:16px; margin:0 -3px} .review_tb .on_reply {background:#f9f9f9; padding:1.5em; box-sizing:border-box; font-size:12px; margin-top:1em} .review_tb .on_reply p {font-weight:bold; margin-bottom:1em} .review_tb .on_reply p i {width:1.5em; height:1.5em; display:inline-block; background:url('/ja_data/edu/m/favicon.png'); background-size:cover; vertical-align:middle; margin-right:.5em} .viewContent .btn {float:right; padding:1em 1.5em; border:1px solid #e0e0e0; font-size:16px; cursor:pointer} .tr_review .review_y {font-size:12px; margin-left:.5em; color:#999; padding:.2em .5em; background:#f0f0f0;} /* login */ .loginWrap{margin:150px auto; width:440px; height:420px; padding:10px 20px 10px 20px;} .member_btn_log{ width:420px; height:24px; margin-bottom:10px; margin-top:30px; background:#ef3e42; border-radius:4px; padding:15px; text-align:center; font-size:16px; font-weight:bold; cursor:pointer; color:#fff; border-bottom:2px solid #da2c30} .member_btn{width:418px; height:22px; margin-bottom:10px; margin-top:10px; background:#fff; border-radius:4px; padding:15px; text-align:center; font-size:16px; font-weight:bold; border:1px solid #ccc; cursor:pointer; color:#ef3e42;} .member_logo{float:left; width:440px; height:70px; margin-left:5px; margin-bottom:10px;} .member_input input.input{width:432px; height:45px; margin-bottom:10px; padding-left:15px; font-size:14px; color:#222; border:1px solid #ccc;} .member_input .checkbox_line{float:left; width:auto; height:30px; font-size:12px} .member_input .checkbox_line input.check{float:left; margin-right:5px; width:18px; height:18px; cursor:pointer;} .member_input .checkbox_line span{float:left; line-height:1em; margin-top:3px} .member_input ul li{float:left;} .find_id a:hover {color:#fa2626} .loginWrap {margin:70px auto 100px; text-align:center; height:auto;width:480px} .member_logo span {font-size:14px; display:block; letter-spacing:-0.10em; font-weight:normal; width:480px; margin:-20px 0 40px} h1.member_logo {height:auto} .loginBtn_set {width:450px; margin: 0 auto; clear:both} .loginBtn_set p {display:inline-block} .loginBtn_set .stroke {width: 100%; height:1px; background-color:#f1f1f1} .loginBtn_set .logintext {display:inline-block; color:#666; text-align:center; width:100%; margin-top:10px} .join_btn:hover {background-color:#ef3e42; color:#fff; transition: all ease .3s; border:1px solid #ef3e42} .member_input input.input {background-color:#f1f1f1} .member_input input.input:hover {border:1px solid #fa2626; background-color:white;} .member_input input.input:focus {outline:none; border:1px solid #fa2626; background-color:white;} .loginWrap p.member_request:hover {border:1px solid #fa2626} /* 아이디&비밀번호 찾기 */ .member_input ul li span.dashd{float:left; text-align:center; line-height:2.3em; width:21px; font-size:18px;} .log_container{float:left; width: 490px; margin:0px auto; height:auto;} ul.log_tabs{margin: 0; padding: 0; float: left; list-style: none; height: 51px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;} ul.log_tabs li{float: left; width:223.5px; margin: 0; padding: 0; height: 51px; line-height: 43px; border: 1px solid #ccc; border-left: none; margin-bottom: -1px; text-align:center; background: #F0F0F0; overflow: hidden; position: relative;} ul.log_tabs li a{text-decoration: none; height:51px; color: #000; display: block; font-size: 1.2em; padding: 0 0px; border: 1px solid #fff; outline: none;} ul.log_tabs li a:hover{background: #ef3e42; color:#fff;} html ul.log_tabs li.active, html ul.tabs li.active a:hover {background: #fff; border-bottom: 1px solid #fff;} .log_tab_container{border-top: none; clear: both; float: left; width: 448.5px; background: #fff; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;} .log_tab_content{margin-top:20px; padding:0px; font-size: 1.2em; clear:both; display:inline-block} .id_no_wrap{float:left; width:410px; height:auto;} .id_no_txt{float:left; width:410px; height:90px; text-align:center; padding:40px 20px 0 20px;} .id_no_img{float:left; width:410px; height:90px; text-align:center; margin-left:20px; margin-bottom:20px;} .id_findTit{width:450px; height:30px; margin-top:15px;} .id_findTit ul li{float:left; width:217px; height:30px; border:1px solid #ccc; border-radius:3px; text-align:center; line-height:2.2em; font-size:12px; color:#000;} .id_findLine{width:450px; height:30px; margin-bottom:25px; color:#000;} .id_findLine ul li{float:left; width:205px; height:20px; margin-left:10px; margin-top:20px;} /* 메인화면 */ .main_top_3 {width:100%; text-align:center} .main_top_3 .section_inner>div {width:1080px; margin:40px auto; padding-bottom:10px;} .main_top_3 .section_inner>div:first-child {margin:50px auto 40px; padding-bottom:10px;} .main_top_3 .section_inner>div:nth-last-child(2) {padding-bottom:0px;} .main_top_3 .section_inner>div:last-child {margin:80px auto 40px; padding-bottom:30px;} /*.secFull {width:1080px; margin:80px auto 40px;} .secFull_2 {width:1080px; margin:40px auto; } .secFull_3 {width:1080px; margin:80px auto 70px; }*/ .main_top_3 .on_2 b {font-size:2.2em; font-weight:400;} .mgLT {margin-top:15px; margin-left:15px} .secL_tit p span {width:20px; height:20px; display:inline-block; background-image: url('/ja_data/edu/new/right_arrow.png'); background-repeat:no-repeat; margin-left:10px; background-position:50% 70%;} .secL_tit p:hover {text-decoration:underline;} .secFull .sec_online {width:100%; margin:45px 0 80px} .secFull_2 .sec_online {width:100%; margin:35px 0} .sec_online li {width:255px; height:auto; margin-right:20px; display:inline-block; margin-left:-3px; cursor:pointer} .sec_online li:last-child {margin-right:0} .sec_online li .img {width:100%; height:143px; background-repeat:no-repeat; background-size:cover; background-position:center} .sec_online li .title {width:100%; height:50px; font-size:20px; font-weight:600; line-height:1.3em; text-align:left; margin:1em 0; overflow:hidden} .sec_online li .text {height:50px; font-size:14px; color:#444; line-height:1.3em; text-align:left; overflow:hidden} .sec_online .tag {display:inline-block; float:left} .sec_online .tag span {margin-right:.5em; padding:2px 5px; border-radius:.3em; background-color:#eee; color:#666;} .sec_online li:hover .title {color:#fa2626; transition:0.5s;} .sec_online li:hover .img {box-shadow:1px 1px 10px #999; transition:0.5s} .main_top_3 .btn_set_1 {width:524px; display:inline-block; } .main_top_3 .btn_set_1 li {width:252px; height:100px; padding:1.5em; color:#666; font-size:1.2em; font-weight:600; vertical-align:middle; background:#f9f9f9; border:1px solid #e0e0e0; display:inline-block; box-sizing:border-box; cursor:pointer} .main_top_3 .btn_set_1 li:nth-child(2n) {margin-left:17px} .main_top_3 .btn_set_1 li:nth-child(-n+2) {margin-bottom:20px} .main_top_3 .btn_set_1 .icon {width:50px; height:50px; vertical-align:middle; border-radius:50px; background-color:#fff; display:inline-block; float:left} .main_top_3 .btn_set_1 .text {width:102px; margin-left:.8em; display:inline-block; } .main_top_3 .btn_set_1 .arrow {width:1em; margin-top:.8em; font-family:'NanumGothic'; color:#ccc; display:inline-block; float:right} .main_top_3 .btn_set_2 {width:524px;display:inline-block; float:right} .main_top_3 .btn_set_2 li {width:252px; height:220px; padding:2em; color:#fff; text-align:left; background-repeat:no-repeat; box-sizing:border-box; display:inline-block; cursor:pointer} .main_top_3 .btn_set_2 li .title {min-height:70px;font-size:26px; font-weight:700; line-height:1.3em;} .main_top_3 .btn_set_2 li .btn {margin-top:1em;padding:.3em 1em; border-radius:50px; font-size:1.2em; background:#fff; display:inline-block} .main_top_3 .btn_set_2 li .btn .arrow {margin-left:1em; font-size:.8em; font-family:'NanumGothic'; vertical-align:middle} .main_top_3 .btn_set_2 li:first-child .btn {color:#fc5a22} .main_top_3 .btn_set_2 li:last-child .btn {color:#ffa900} .main_top_3 .btn_set_2 li:first-child {background-color:#fc5a22; background-image:url('/ja_data/edu/new/main_bg1_1.png'); background-position:110% 110%; float:left} .main_top_3 .btn_set_2 li:last-child {background-color:#ffa900; background-image:url('/ja_data/edu/new/main_bg1_2.png'); background-position:130% 130%; float:right} .main_top_3 .btn_set_1 li:hover {background:#fffbf5;} .main_top_3 .btn_set_2 li:hover {box-shadow:1px 1px 10px #d2be97; transition:0.5s} /* 교육신청 / 수료증 출력 페이지 */ #list_Left_Real h1.tit{float:left; width:100%; margin-bottom:5px; font-size:26px;font-weight:normal} .application_box{width:970px; height:auto; margin-top:40px;} .Contents_l{float:left; width:604px; height:auto; border-right:1px solid #ccc; background:#fff; padding-right:30px;} .Contents_l h1.tit{width:604px; max-height:70px; overflow:hidden; margin-bottom:10px; line-height:1.3em; letter-spacing:-2px;} .Contents_l h4.txt{width:604px; height:40px; overflow:hidden; color:#666; margin-top:10px;} .application_info{width:564px; height:auto; border-top:1px solid #ccc; padding:20px; border-bottom:1px solid #ccc; margin-top:10px;} .info_line{float:left; width:564px; min-height:20px; margin-bottom:10px;} .info_line span.info_lineTit{float:left; width:80px; height:20px; font-weight:bold; overflow:hidden; color:#5b8ddc;} .info_line span.info_lineTxt{float:left; width:450px; text-align:justify;} .application_input{position:relative; float:left; width:604px; height:auto; background:#FFF;} .input_btn{position:absolute; left:200px; top:1px; width:60px; height:22px; cursor:pointer; border-radius:2px; color:#fff; font-size:12px; text-align:center; background:#de0a28;} .application_input h2{float:left; width:100%; height:30px; letter-spacing:-2px; color:#333; margin-top:50px; margin-bottom:-4px} .input_box{float:left; width:auto; height:auto; border-top:2px solid #aaa; position:relative} .input_box_title {background-color:#f9f9f9; padding:15px 20px; width:574px} .input_box_title p {display:inline-block} .input_box_title .tit {font-size:16px; font-weight:bold; } .input_box_title .mypage_info {font-size:12px; color:#2d63bb; float:right;} .input_box_title .mypage_info:hover {text-decoration:underline; cursor:pointer} .input_area_L{float:left; width:560px; height:auto; margin-bottom:10px;} .input_area_B {float:left; width:560px; height:34px; margin-bottom:10px;} .input_area_L p{float:left; width:274px; height:34px;} .comInfoBtn{font-size:12px; padding:3px 8px; border:1px solid #ccc; border-radius:2px; display:inline-block;margin-right:5px;cursor:pointer; position:absolute; right:0; z-index:5;top:-42px} .input_area_wrap .previous {background-color:#2d63bb; color:#fff; border:1px solid #2d63bb} .input_area_wrap .previous:hover {background-color:#2156ad;} .input_area_wrap .clear:hover {background-color:#999; color:#fff; border:1px solid #999} .input_area_L .comSelectBtn {background-color:#2d63bb; border:1px solid #2d63bb; color:#fff} .input_area_B .comInfoSave {clear:both; width:100%; font-size:12px;} .input_area_B .comInfoSave span {margin:-4px 0 0 5px; float:left} .input_area_L2 {width:560px; height:auto; margin-bottom:10px;float:left; padding-top:20px; border-top:1px solid #e0e0e0} .input_2_title {width:100%; font-size:16px; font-weight:bold; color:#222} .out_box{float:left; width:274px; height:34px;} .out_box input.input_00{padding-left:8px; width:116px; height:32px; border:1px solid #e0e0e0; float:left;} .mem_joy_btn01{float:left; width:80px; height:32px; background:#eb0929; border-radius:1px; border:1px solid #c50303; text-align:center; font-size:12px; line-height:2.5em; color:#fff; cursor:pointer;} .mem_joy_btn02{float:left; width:44px; height:32px; background:#555; border-radius:1px; border:1px solid #444; text-align:center; font-size:12px; line-height:2.5em; color:#fff; cursor:pointer;} .input_area_L p input{} .input_area_L input.input_00{padding-left:8px; width:116px; height:32px; border:1px solid #e0e0e0; float:left;} .input_area_L input.input_01{padding-left:8px; width:171px; height:32px; border:1px solid #e0e0e0; float:left;} .input_area_L input.input_02{padding-left:8px; width:264px; height:32px; border:1px solid #e0e0e0; float:left;} .input_area_L input.input_03{padding-left:8px; width:264px; height:32px; border:1px solid #e0e0e0; float:left;} .input_area_L input.input_04{padding-left:8px; width:70px; height:32px; border:1px solid #e0e0e0; float:left;} .input_area_L input.input_05{padding-left:8px; width:90px; height:32px; border:1px solid #e0e0e0; float:left;} .input_area_L input.input_06{padding-left:8px; width:50px; height:32px; border:1px solid #e0e0e0; float:left;} .input_area_L input.input_07{padding-left:8px; width:450px; height:32px; border:1px solid #e0e0e0; float:left;} .input_area_L p ul li{float:left; width:100px; height:30px;} .input_caution {background:#fffbf5; border: #F8EEDE; font-size:12px; color:#666; padding:10px} .dd{float:left; width:274px; height:34px;} .dd ul li input.input_04{padding-left:8px; width:63px; height:32px; border:1px solid #e0e0e0; float:left;} .dd ul li input.input_05{padding-left:8px; width:90px; height:32px; border:1px solid #e0e0e0; float:left;} .dd ul li input.input_06{padding-left:8px; width:35.8px; height:32px; border:1px solid #e0e0e0; float:left;} .dd ul li.dash{float:left; height:32px; margin:0 10.4px; font-size:18px; line-height:1.6em;} /* 회원사 할인등록 */ .member_company {margin-right:70px} .member_company .top h3 {color:#fc5a22} .member_company .process {margin-top:40px;} .member_company .process .img span {display:inline-block; margin-right:-4px;} .member_company .info {background:#f9f9f9; padding:1em; box-sizing:border-box; border-bottom:1px solid #e0e0e0} .member_company .info ul li {margin-bottom:.5em; color:#666} .member_company .info ul li:before {content:"-"; padding-right:.5em} .member_company .info ul li.em {color:#fa2626} .member_company .info ul li span {color:#fc5a22} .member_company .input_table {margin-top:40px; border-top:1px solid #aaa;} .member_company .input_table th {background:#f1f1f1; vertical-align:middle; font-weight:normal; font-size:13px; color:#666} .member_company .input_table td {text-align:left; padding-left:1em;} .member_company .input_table input {padding:.5em; border:1px solid #e0e0e0;} .mc_address_btn{display:inline-block; height:19px; padding:5px 22px; line-height:1.1em; color:#fff; margin-left:10px; border-radius:1px; cursor:pointer; border:1px solid #666; background:#818182;} .member_company td.address input {width:52%;} .mc_Lform{margin-top:30px;} .mc_Lform textarea{height:100px!important; box-sizing:border-box; border:1px solid #e0e0e0; text-align:left; padding:15px; color:#666;} .mc_Lform textarea:after {clear:both} .mc_Lagree{height:35px; margin-bottom:50px} .mc_Lagree p{width:48%; height:20px;} .mc_Lagree p input{width:15px; height:15px; margin-top:2px; margin-right:5px;} .mc_Lagree p span{height:20px; font-size:13px; color:#333; line-height:1.3em;} .mc_Lbtn{width:66px; margin-top:30px; height:25px; text-align:center; margin:0 auto; padding:14px 40px; font-size:16px; color:#fff; font-weight:bold; border-radius:2px; background:#eb0929; cursor:pointer;} .member_company .done {background:#e0e0e0; margin-top:50px; cursor:auto} /* 회원가입 유도 */ .JoinPromotion {width:100%;height:auto; display:block; clear:both; padding-top:20px; margin-bottom:5px} .JoinPromotion span{font-size:12px; display:inline-block; color:purple} .JoinPromotion .notice {border:1px solid purple; border-radius:10px; font-size:10px; margin-right:5px; padding:0 8px} .JoinPromoBtn {width:100%;height:96px;cursor:pointer; display:block;} /* 교육참가자 추가 */ .application_input .div_request {padding:15px 20px 0;border:1px solid #e0e0e0; background-color:#fff;} .addTop {border-bottom:1px solid #e0e0e0; margin-bottom:15px; padding-bottom:10px} .input_area_L .addTit {font-size:16px; font-weight:bold} .input_area_L .addInfo {font-size:12px; color:#999} .input_area_L .add_btn{float:right; width:41px; height:25px; cursor:pointer; border:1px solid #e0e0e0; background-color:#fff; padding:3px 7px 1px} .input_area_L .add_btn span{display:inline-block} .input_area_L .add_btn .addBtnTxt {font-size:12px;} .input_area_L .add_btn .plusImg {width:12px; height:12px; background: url('/ja_data/edu/new/checkbox.png') no-repeat; background-position:-3px -52px} .input_area_L .add_btn .minusImg {width:12px; height:12px; background: url('/ja_data/edu/new/checkbox.png') no-repeat; background-position:-3px -65px} .input_area_L .minus_btn{float:right; width:41px; height:25px; cursor:pointer;} .dash{float:left;} .chk_mem {width:40px; display:inline-block; font-size:12px; height:27px; padding-top:5px} .input_area_L p span{float:right; width:80px; height:32px; background:#555; border-radius:1px; border:1px solid #444; text-align:center; font-size:12px; line-height:2.5em; cursor:pointer; color:#fff;} .inputFBtn {float:left; width:80px; height:32px; background:#555; border-radius:1px; border:1px solid #444; text-align:center; font-size:12px; line-height:2.5em; cursor:pointer; color:#fff;} .enterBtn {float:left; width:65px; height:32px; background:#ccc; border-radius:1px; border:1px solid #ccc; margin-left:10px; text-align:center; font-size:12px; line-height:2.5em; cursor:pointer;} .input_box .close_btn {background-image: url('/ja_data/edu/online/icon_menu_down_b.png'); background-repeat:no-repeat;display:inline-block; width:19px; height:10px; float:right; margin-top:5px;} .closeBox .input_box_title {cursor:pointer} .input_area_L p select{padding-left:8px; width:274px; height:34px; border:1px solid #e0e0e0; float:left;} .input_area_txt{float:left; width:274px; max-height:34px; font-size:12px;} .Contents_r{float:right; width:335px; height:auto;} .Contents_r_in{float:right; width:305px; height:auto;} .input_area_R{float:left; width:305px; height:auto; margin-bottom:25px;} .input_area_R p.ex{float:left; width:100%; height:20px; color:#777; font-size:12px;} /* .input_area_R_btn{width:604px; height:auto;} */ .input_area_R_btn ul li{border-radius:2px; text-align:center; letter-spacing:-2.4px; padding:16px 40px; width:225px; height:25px; font-size:21px; font-weight:bold; cursor:pointer; display:inline-block} .input_area_R_btn .list_btn {color: #000;border: 1px solid #ccc;background: #fff; display:inline-block; margin:30px 0 80px; padding:20px 40px; width:175px; height:auto;} .input_area_R_btn .pay_btn {color: #fff;border: 1px solid #fa2626 1px solid #fa2626 2px solid #cb1212;background: #fa2626; display:inline-block; margin:30px 0 80px; padding:20px 40px; width:175px; height:auto;} .input_area_R .inputQtitle {width:100%; clear:both} .input_area_R .inputQtitle h3 {display:inline-block} .input_area_R textarea {width:295px;height:70px;padding:5px;border:1px solid #ccc;} .input_area_R h3{height:20px; margin-bottom:8px; color:#000;} .input_area_R .textCount {display:inline-block; float:right; margin-top:24px; font-size:12px; color:#999} .input_area_R select{float:left; width:305px; height:30px; border:1px solid #ccc;} .input_area_R .input_wrap_01{float:left; width:305px; height:auto; border-top:2px solid #000; border-bottom:1px solid #777; padding:12px 0; margin-top:10px; } .input_area_R .input_wrap_01 li{font-size:12px; letter-spacing:-1px; color:#666; margin-bottom: 4px; line-height:1.4em} .input_area_R p.input_wrap_02{float:left; width:283px; height:auto; padding:10px; border:1px solid #ccc; background:#f7f9fa; font-size:12px;} .input_area_R p.input_wrap_03{float:left; width:305px; height:20px; margin-bottom:10px; font-size:12px;} .input_area_R p.input_wrap_03 span{float:left; margin-top:-4px; margin-left:5px;} .input_area_R .agreeMore {font-size:11px; color:#2d63bb; font-weight:normal; float:right;} .input_area_R .agreeMore:hover{text-decoration:underline; cursor:pointer} .agreeText {margin-bottom:10px} .agreeView h3 {cursor:pointer} .input_area_R_btn .march_notice .notice {font-size:12px; margin-top:1.5em; padding:.5em 1em; border:5px solid #e0e0e0; line-height:1.3em; color:#fa2626} .input_area_R_btn .march_notice #march_pop {width:431px; height:456px; position:absolute; top:0; right:538px} .input_area_R_btn .march_notice #march_pop.close {display:none;} .input_area_R_btn .march_notice #march_pop p {position:absolute; width:66px; height:66px; top:10px; right:10px; cursor:pointer} .ffq{float:left; width:604px; border-radius:4px; border:1px solid #ccc; cursor:pointer;} .ffq ul li{float:left; padding:10px 15px; border-right:1px solid #ccc; letter-spacing:-2px; text-align:center; font-size:12px; box-sizing:border-box; background:#f7f9fa; width:201px; height:180px;} .ffq ul li:hover{color:#51b7d4;} .ffq ul li.on{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */ background: rgb(125,126,125); /* Old browsers */ background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */ color:#fff;} .ffq ul li:active{color:#51b7d4;} .file_up_btn{float:right; width:80px; border:1px solid #999; color:#333; font-size:12px; text-align:center; line-height:2.3em; cursor:pointer;} .file_close_btn{float:right; width:80px; height:22px; border:1px solid #999; color:#333; font-size:12px; text-align:center; line-height:1.6em; cursor:pointer;margin-top:0px;background:#ccc;font-weight:bold;} .img_txt{float:left; width:100%: heiht:20px; font-size:12px; color:#888;} .applicaion_box{float:left; width:970px; margin-top:80px; line-height:1.4em; font-size:14px; letter-spacing:-1px; color:#000; min-height:600px; height:auto;} .applicaion_inBox{margin:0 auto; width:430px; height:430px; border:1px solid #ccc; padding:20px; border-radius:6px; color:#666;} .applicaion_inBox span.sub{float:left; width:430px; height:auto; margin-bottom:20px;} .applicaion_inBox span.txt{float:left; height:80px;} .application_bg{float:left; width:398px; height:auto; background:#f9f9f9; border:1px solid #e8e7e7; padding:15px; border-radius:6px;} .application_area{float:left; width:390px;} .application_area input.input_02{float:left; width:77px; height:34px; border:1px solid #ccc; padding-left:7px;} .application_area input.input_03{float:left; width:178px; height:34px; border:1px solid #ccc; padding-left:7px;} .application_area span.input_02{float:left; line-height:1.8em; width:9px; height:36px; font-size:18px; margin:0 3px;} .application_area p{float:left; width:100px; height:16px;} .application_area p input{float:left;} .application_area p span{float:left; margin-left:5px; line-height:0.5em; color:#000;} .application_inBtn{float:left; width:430px; height:53px; margin-top:20px;} .application_inBtn p{margin:0 auto; border-radius:2px; text-align:center; color:#fff; cursor:pointer; font-size:16px; width:66px; height:35px; padding:14px 40px; background:#6c6c6c;} /* 신청정보 팝업 */ .layerpop {display: none; z-index: 1000; border: 2px solid #aaa; background: #fff; } #title_Area{cursor: move;} .layerpop_area .title {padding: 15px 20px; border: 0px solid #aaaaaa; background: #f1f1f1; color: #222; font-size:16px; font-weight: bold; line-height: 24px; } .layerpop_area .layerpop_close, .loginPop .layerpop_close {width: 25px; height: 25px; display: block; position: absolute; top: 10px; right: 10px; background: url('/ja_data/elabor/new_img/pop_close.png') no-repeat; background-size:contain; margin:5px} .loginPop .layerpop_close {width: 25px; height: 25px; display: block; position: absolute; top: 10px; right: 10px; background: url('/ja_data/elabor/new_img/TV_pop_close.png') no-repeat; background-size:contain; margin:5px} .layerpop_area .layerpop_close:hover {cursor: pointer; } .layerpop_area .content { width: 96%; margin: 0 auto; color: #828282; text-align:center} .popInfoWrap {width:100%; height:480px; overflow-y:scroll} #JoinInfoPop thead th { background:#fff; ; border-bottom: 1px solid #ccc; padding: 10px 0} #JoinInfoPop {border-top: 1px solid #222; border-bottom: 1px solid #ccc} #JoinInfoPop td {padding:10px; vertical-align:middle; border-bottom:1px solid #e0e0e0; font-size:12px} #JoinInfoPop .company {font-weight:bold} #JoinInfoPop .info {text-align:left; } #JoinInfoPop td span {display:inline-block} #JoinInfoPop .address {font-weight:bold; display:block; margin-bottom:10px;} #JoinInfoPop dt {display:inline-block; width:20%;color:#2d63bb;} #JoinInfoPop dd {display:inline-block; width:80%; color:#666} #JoinInfoPop .select {font-weight:bold; color:#2d63bb; border:1px solid #2d63bb; padding:3px 15px;} #JoinInfoPop .studySort {color:#2d63bb;} #JoinInfoPop .studyTit {font-weight:bold; font-size:14px} .layerpop .closeBtn2 {padding:10px 25px; background-color:#838383; color:#fff; text-align:center; display:inline-block; margin:20px auto; font-size:16px; font-weight:bold;cursor:pointer;} .layerpop .closeBtn {padding:10px 25px; background-color:#2d63bb; color:#fff; text-align:center; display:inline-block; margin:20px auto; font-size:16px; font-weight:bold;cursor:pointer;} .layerpop .delBtn {padding:10px 25px; background-color:#fff; color:#2d63bb; border:1px solid #2d63bb; text-align:center; display:inline-block; margin:20px auto; font-size:16px; font-weight:bold;cursor:pointer;} .layerpop .modifyBtn {padding:10px 25px; background-color:#2d63bb; color:#fff; text-align:center; display:inline-block; margin:20px auto; font-size:16px; font-weight:bold;cursor:pointer;} .layerpop .insertBtn {padding:10px 25px; background-color:#fa2626; color:#fff; text-align:center; display:inline-block; margin:20px auto; font-size:16px; font-weight:bold;cursor:pointer;} /* 페이징 */ .paging{/* clear:both; float:left; */ margin:25px auto 0; width:970px; height:26px; margin-bottom:80px; text-align:center; margin-top:25px; display:inline-block} .paging li{display:inline-block; overflow:hidden; color:#888; line-height:1.3em; height:21px; border-image:none; border:1px solid #e8e7e7; padding:0 8px; margin:0 3px;} .paging li.point{cursor:pointer;} .paging li.no{cursor:none;} .paging li.prey{ padding:3px 0; border:none;} .paging li.next{ padding:3px 0; border:none;} .paging > li.current{border-color:#555;; font-weight:700; line-height:1.5em; text-decoration:none; color:#fff; background:#666f7a;} /* 세미나 설명 */ .titleBox {width:920px; height:auto; padding:25px 25px 15px 25px; background-image: url('/ja_data/edu/new/titleBoxBg.png'); color:#fff; } .titleBox h2 {font-size:28px} .titleBox .text {margin-top:20px; line-height:1.7em} .buttonSet {width:100%; margin-top:15px; } .buttonSet li {display:inline-block; border:1px solid #f4c8b6; color:#ffd3c2;padding:2px 10px; margin:0 10px 10px 0} .buttonSet li:hover {cursor:pointer; background-color:#9e4c2b; color:#311106; border:1px solid #9e4c2b; } .buttonSet .select {cursor:pointer; background-color:#9e4c2b; color:#ffd3c2; border:1px solid #9e4c2b; } .buttonSet .select:hover {color:#ffd3c2;} /* 현장스케치 */ .card_list_out{} .card_list_in{float:left; width:970px; height:780px;} .card_list{margin:0 auto; width:100%; height:auto; } .card_list ul.clfix{position:relative; float:left; margin-bottom:14px; z-index:500;} .card_list ul.clfix li{float:left; width:292px; height:265px; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; border-left:1px solid #f1f1f1; border-right:none; padding:15px; background:#fff;} .card_list ul.clfix li span.img{float:left; width:292px; height:171px; margin-bottom:14px;} .card_list ul.clfix li span.date{float:right; color:#888; margin-top:20px;} .card_list ul.clfix li strong span.tit{float:left; width:292px; height:42px; overflow:hidden; font-size:16px; line-height:1.4em} /* 커뮤니티 찾기 */ .board_areaBox{position:relative; float:left; width:970px; height:auto;} .board_areaBox p.btn{float:left; width:970px; height:30px; margin-top:20px; margin-bottom:50px;} .board_areaBox p.btn span{float:right; width:98px; height:20px; padding:17px 35px; text-align:center; font-size:16px; color:#333; border:1px solid #ccc; font-weight:bold; cursor:pointer;} .board_areaBox p.btn span:hover {background-color:#ccc} .board_area{float:left; width:950px; min-height:500px; border-bottom:1px solid #ccc; font-size:16px; padding:20px 10px; line-height:1.9em;} .board_search_wrap{width:970px; height:auto; margin-top:25px; clear:both; } .board_num{float:left; width:100px; height:30px; line-height:3em; color:#000; font-weight:bold;} .board_search{float:right; width:216px; height:30px; background:#fff; border-bottom:1px solid #ccc; } .board_search input{width:176px; padding-left:10px; color:#999; border:none; border-bottom:1px solid #dcdcdc; height:30px;} .board_search span{float:right; cursor:pointer; margin-top:6px;} .next_box .commu_next{float:left; width:970px; height:55px; border-bottom:1px solid #eee;} .next_box .commu_next span{line-height:3.6em;} .next_box .commu_next span.next_l{float:left; width:60px; margin-left:25px; margin-right:10px; font-weight:bold; color:#333;} .next_box .commu_next span.next_l img{margin-top:19px; margin-right:10px;} .next_box .commu_next span.next_r{float:left; width:705px; overflow:hidden; cursor:pointer;} .board_areaBox .qa_view_title {font-size:18px; color:#000; line-height:1.6em;} .board_areaBox .qa_view_data {float:right; top:30px; color:#888 ;} .board_areaBox .qa_view_data span {display:inline-block} .board_areaBox .qa_author { margin-right:10px} .authorBox{float:left; width:970px; height:30px; background:#fafafa; padding:5px 0 1px 10px; border-bottom:1px solid #e8e7e7;} .authorBox span{cursor:pointer; color:#1b8aa2;} /* Board */ .sel_op {float:left;width:100%;height:auto; background-color:#fff;} .sel_op li:hover {cursor:pointer} .Search_Top {width:100%;height:auto;} .Search_Top li:last-child {border-right:1px solid #e0e0e0} .Search_Top .Sel_list {width:25%; display:inline-block; background:#fff; text-align:center; padding-top:1em; padding-bottom:1em; font-size:18px; border:1px solid #e0e0e0; border-right:0;margin-right:-3px; color:#222;box-sizing:border-box} .Search_Top .selected {font-weight:bold; color:#fa2626; border-bottom:2px solid #fa2626} .list_titBg {display:none} .board_search_wrap {margin-top:50px} /* 뉴스레터 신청 */ .news_letter{float:left; width:970px; height:840px;} .news_Lbg{float:left; width:970px; height:300px;} .news_Lin{position:absolute; left:185px; top:200px; width:560px; height:590px; padding:20px; background:#fff; border:1px solid #ccc;} .news_Lin h3{float:left; width:100%; height:25px; color:#000;} .news_Lin span{letter-spacing:-1.5px;} .news_Linput{float:left; width:100%; height:255px; margin-bottom:20px; border-top:2px solid #333; margin-top:10px; border-bottom:1px solid #777;} .news_Lline{width:100%; height:50px; border-bottom:1px solid #ccc;} .news_Lline span.news_tit{float:left; width:25%; margin-right:2%; height:50px; background:#e8e7e7; text-align:left; padding-left:15px; line-height:3em; color:#333;} .news_Lline span input{float:left; width:200px; height:32px; border:1px solid #dedfe0; padding-left:7px; margin-top:8px;} .news_Lform{float:left; width:100%; height:130px; margin-top:10px;} .news_Lform textarea{float:left; width:94.2%; height:80%; border:1px solid #ccc; text-align:left; padding:15px; color:#777;} .news_Lagree{float:left; width:560px; height:35px; margin-bottom:4px;} .news_Lagree p{float:right; width:48%; height:20px; margin-top:10px;} .news_Lagree p input{float:left; width:15px; height:15px; margin-top:2px; margin-right:5px;} .news_Lagree p span{float:left; width:245px; height:20px; font-size:13px; color:#333; line-height:1.3em;} .news_Lbtn{float:right; width:66px; height:25px; text-align:center; padding:14px 40px; font-size:16px; color:#fff; font-weight:bold; border-radius:2px; background:#eb0929; cursor:pointer;} /* 얼리버드 이벤트 */ .view_event{position:relative; float:left; width:305px; height:420px;} .view_event p.view_b{position:absolute; left:16px; width:140px; height:20px; z-index:800; cursor:pointer;} .view_evBox{position:absolute; left:0; top:270px; width:301px; border-radius:10px; height:auto; max-height:300px; border:2px solid #6b9ff7; z-index:300;} .evBox_in{float:left; width:274px; height:auto; margin-left:13px;} .evBox_in ul li{float:left; width:84px; height:auto; background:#fff; border:2px solid #ccc; margin-bottom:5px; cursor:pointer;} .evBox_in ul li span.tit{float:left; width:84px; height:20px; line-height:1.7em; color:#fff; font-size:11px; text-align:center; background:#e90909;} .evBox_in ul li span.img{float:left; width:84px; height:64px; overflow:hidden; text-align:center} .evBox_in ul li span.img img {width:auto; height:120px; margin-top:-10px} .evBox_in ul li p.txt{text-align:center; width:90px; height:30px; font-size:11px; line-height:1.6em; color:#000;} .evBox_in ul li.on{border:2px solid #e90909;} .view_b_ex_1{position:absolute; left:-294px; top:125px; z-index:900; width:280px; height:auto; border:2px solid #888; border-radius:10px; background:#f7f7f7; color:#000; font-size:12px; line-height:1.3em; padding:10px;} .view_b_ex_2{position:absolute; left:-294px; top:160px; z-index:900; width:280px; height:auto; border:2px solid #888; border-radius:10px; background:#f7f7f7; color:#000; font-size:12px; line-height:1.3em; padding:10px;} .view_b_ex_3{position:absolute; left:-294px; top:195px; z-index:900; width:280px; height:auto; border:2px solid #888; border-radius:10px; background:#f7f7f7; color:#000; font-size:12px; line-height:1.3em; padding:10px;} /* 회원사 검색 팝업창 */ .mem_search{padding:15px; font-size:12px; float:left; color:#000;} .section3{float:left; margin-bottom:20px;} .num_input{float:left; width:330px; height:30px;} .num_input ul li{float:left; line-height:1.5em; } .num_input ul li.tit{float:left; font-size:12px; font-weight:bold; margin-right:10px; line-height:2.3em; color:#000;} .num_input ul li.m_enter_btn{width:66px; height:30px; float:left; background:#e40000; color:#fff; text-align:center; line-height:2.2em; border-radius:2px;} .num_input ul li input{float:left; width:240px; height:28px; border:1px solid #ccc; padding-left:7px;} .num_input ul li.dash{margin:0 3px; font-size:18px; color:#000} .close_btnBox{float:left; width:100%; height:52px; margin-top:20px;} .close_btnBox p{float:right; cursor:pointer;} .mem_chart{width:100%; height:273px; border-bottom:1px solid #ccc; overflow-y:scroll;} .mem_chart02{width:100%; height:273px; border-bottom:1px solid #ccc; overflow-y:scroll;} /* 회원검색 팝업창 */ .txt_area{float:left; width:97%; height:auto; border-radius:5px; background:#f4f3f3; margin-top:15px; padding:10px; color:#000; margin-bottom:15px;} .num_op{float:left; width:670px; height:30px; margin-bottom:10px;} .num_op ul li{float:left; margin-right:14px;} .num_op ul li.tit{float:left; font-size:12px; font-weight:bold; margin-right:10px; line-height:2.3em; color:#000;} .num_op ul li.op input{float:left; width:15px; height:15px; margin-top:8px; margin-right:3px;} .num_input02{float:left; width:670px; height:30px; margin-bottom:10px;} .num_input02 ul li{float:left; line-height:1.5em; } .num_input02 ul li.tit{float:left; font-size:12px; font-weight:bold; margin-right:10px; line-height:2.3em; color:#000;} .num_input02 ul li.m_enter_btn{width:66px; height:30px; float:left; background:#e40000; color:#fff; text-align:center; line-height:2.2em; border-radius:2px;} .num_input02 ul li input{float:left; width:70px; height:28px; border:1px solid #ccc; padding-left:7px;} /* 얼리버드 증정이벤트 */ .info_event{float:left; position:relative; width:604px; min-height:90px; margin-left:-20px;} .info_event .info_event_txt1{position:absolute; left:268px; color:#333; letter-spacing:-0.1em; font-weight:bold; top:65px;} .info_event .info_event_txt2{position:absolute; left:235px; top:37px; font-size:18px; color:#fff; font-weight:bold; letter-spacing:-0.1em;} .info_event .info_event_bg{float:left; width:604px; height:90px; margin-bottom:10px;} .info_event_01{float:right; position:relative; width:571px; min-height:90px; margin-left:0px;} .info_event_01 .info_event_txt1{position:absolute; left:245px; color:#333; letter-spacing:-0.1em; font-weight:bold; top:65px;} .info_event_01 .info_event_txt2{position:absolute; left:200px; top:37px; font-size:18px; color:#fff; font-weight:bold; letter-spacing:-0.1em;} .info_event_01 .info_event_bg{float:left; width:604px; height:90px; margin-bottom:10px;} .join_btn_area{float:left; width:506px; height:22px;} .join_btn_area ul.join_bn li{float:right;} .join_btn_area ul li{float:left; margin-left:5px; cursor:pointer;} .online_select{float:left; width:283px; height:24px; padding:10px; border:1px solid #e10000; color:#000;} .online_select ul li{float:left; margin-right:14px;} .online_select ul li input{float:left; margin-top:5px; margin-right:5px;} /* 교육신청완료 페이지 */ .End_box{width:100%; height:auto; margin-top:40px; text-align:center;} .edu_completionTop{margin-bottom:20px;} .edu_completionTop .thanks h2 {font-size: 30px; color:#222; margin-top:30px;} .edu_completionTop .thanks .orderNum {font-size:23px; padding:15px 40px; border-radius:50px; background-color:#fff6e9; display:inline-block; color:#222; margin-top:20px; } .edu_completion_num{color:#fa2626; font-weight:bold; font-size:26px} .edu_completionTop .thanks .text {margin-top:30px; color:#222} .edu_completion_detail {width:100%; margin-top:50px; display:inline-block} .edu_completion_detail .edu_compL {width:30%; float:left;} .edu_completion_detail .edu_compR {width:70%; float:left} .edu_completion_detail .edu_compL .titleWrap {display:inline-block; text-align:left; margin-top:-12px} .edu_completion_detail .edu_compL .stroke {display:inline-block; width:28px; height:4px; background-color:#fa2626} .edu_completion_detail .edu_compL .title {font-size:24px; font-weight:bold;color:#222;display:inline-block; margin-top:5px} .edu_completion_list{float:left; width:604px; height:auto; } .edu_completion_list .comment {font-size:12px; color:#999; text-align:left; width:100%;margin:30px 0 0} .edu_completion_list .comment span {display:block;} .edu_completion_info_02{width:564px; height:auto; padding:20px; background:#f1f1f1; border-top:2px solid #aaa; font-size:14px; text-align:justify;} .edu_completion_info_02 p {line-height:1.6em; margin-bottom:5px} .edu_completion_info_02 .highlight {font-weight:bold; margin-top:10px; color:#fa2626;} .edu_completion_info{position:relative; float:left; width:283px; height:200px; padding:10px; background:#f8f7f7; border:1px solid #ccc; font-size:12px; text-align:justify;} .edu_completion_btn{position:absolute; left:10px; top:180px; width:285px; height:26px;} .edu_completion_btn_02{left:91px; top:114px; width:285px; height:26px;} .edu_completion_btn_03{font-size:14px; padding:5px 10px; background-color:#fa2626;display:inline-block; } .edu_completion_btn_03 span {color:#fff;} .edu_completion_pay{ border-top:2px solid #e0e0e0; width:564px; height:30px; padding:20px; color:#000; font-size:24px; background-color:#fffbf5} .edu_compTable {margin:10px 0 20px } .edu_compTable th {font-weight:normal; padding:10px; } /* 아이디 중복 팝업 */ .pop_up{position:absolute; width:auto; height:auto; padding:32px;font-size:12px; color:#000;} .pop_up h2{font-size:24px; letter-spacing:-2px; width:100%; height:24px; margin-bottom:20px; color:#ff4500;} .pop_up .pop_box{width:100%; height:30px;} .pop_up .pop_box .tit{float:left; width:100px; height:30px; font-weight:bold; font-size:14px; line-height:1.8em;} .pop_up .pop_box input{float:left; width:200px; height:30px; padding-left:5px; margin-right:5px; border:1px solid #e8e7e7; border-radius:3px;} .pop_up .pop_box .enter_btn{ float:left; width:60px; height:30px; text-align:center; font-weight:bold; font-size:12px; cursor:pointer; color:#fff; background:#404A5D; line-height:30px; border-radius:3px;} .pop_up .pop_box .inquiry_sec{float:right; font-size:18px; font-weight:bold; letter-spacing:-1px; color:#333;} .pop_up .pop_box .pop_txt{float:left; width:100%; height:auto; padding:20px; margin-top:20px; color:#333; text-align:center; line-height:2.1em; background:#eee; box-sizing:border-box;} .pop_up .pop_box .close_btnBox{ width:100%; margin-top:20px; display:flex; justify-content:space-between; flex-direction:row-reverse;} .pop_up .pop_box .close_btnBox p {font-size:20px; padding:15px 0; width:49%; background:#999; cursor:pointer;text-align:center; color:#fff} .pop_up .pop_box .close_btnBox img{width:228px; height:51px; margin:0 auto; cursor:pointer;} .pop_up .pop_box .pad{float:left; width:835px; min-height:165px; border:1px solid #e8e7e7; padding:5px; overflow:hidden; margin-top:20px; overflow-x:hidden; overflow-y:scroll;} .pop_up .pop_box .pop_wrap_btn{float:left; width:846px; height:30px; margin-top:25px;} .pop_up .pop_box .pop_wrap_btn .pop_close_btn{float:right; width:90px; height:30px; cursor:pointer;} .pop_up .pop_box .pad .search_tit{float:left; width:815px; height:30px; line-height:2.4em; text-align:center; color:#333; font-weight:bold; margin-bottom:10px; background:#e8e7e7;} .pop_up .pop_box .pad .search_tit span.tit_1{float:left; width:185px; height:30px; margin-right:10px;} .pop_up .pop_box .pad .search_tit span.tit_2{float:left; width:350px; height:30px;} .pop_up .pop_box .pad .search_line{float:left; width:815px; min-height:17px; margin-bottom:10px;} .pop_up .pop_box .pad .search_line:hover{color:#00bbb7; cursor:pointer} .pop_up .pop_box .pad .search_line .name{float:left; width:200px; min-height:17px; margin-right:10px; font-weight:bold;} .pop_up .pop_box .pad .search_line .work_num{float:left; width:150px; min-height:17px; margin-right:10px; text-align:center;} .pop_up .pop_box .pad .search_line .address{float:left; width:432px; min-height:17px;} .pop_up .pop_box .pad .search_line .choice{float:left; width:41px; height:17px; cursor:pointer;} .pop_up .pop_box .Search_Comp /* 마이페이지 */ .mypage_bg{position:absolute; left:0; top:0; z-index:100;} .mypage_name{position:absolute; left:238px; top:130px; color:#fff; width:200px; height:20px; z-index:900;} .mypage_name p{float:left} .mypage_name span{float:left} .mypage_list th {padding: 10px 8px 15px;} .mypage_out{float:left; width:970px; height:auto; } .mypage_in{left:95px; width:748px; height:auto; margin-top:200px; background:#fff; border:1px solid #ccc; z-index:500; position:absolute; padding:15px;} .mypage_in2{left:95px; width:748px; height:450px; margin-top:200px; background:#fff; border:1px solid #ccc; z-index:500; position:absolute; padding:15px; overflow-y:auto; overflow-x:hidden; font-size:12px; text-align:justify;} .mypage_in h1{float:left; width:746px; height:40px; margin-bottom:30px;} .mypage_in h3{float:left; width:746px; height:30px;} .mypage_in textarea{float:left; width:716px; height:170px; border:1px solid #ccc; padding:15px; color:#777; letter-spacing:-1px; line-height:1.7em;} .agree_in{float:left; width:938px; height:618px; border:1px solid #ccc; overflow-y:auto; text-align:justify; padding-right:15px; color:#777; padding-left:15px; overflow-x:hidden;} .myp_in{float:left; width:713px; height:278px; border:1px solid #ccc; overflow-y:auto; text-align:justify; padding-right:15px; color:#777; padding-left:15px; overflow-x:hidden;} .mypage_list .orderList {color:#999; font-weight:normal} .mypage_list .col_data {font-weight:normal} .mypage_in h3 {color:#222} .mypage_list th {vertical-align:middle} .reWrite_btn{font-weight:bold; color:#fff; border:1px solid #2d63bb; background-color:#2d63bb; padding:3px 15px; display:inline-block; cursor:pointer; } .reModify_btn{font-weight:bold; color:#2d63bb; border:1px solid #2d63bb; padding:3px 15px; display:inline-block; cursor:pointer; } .mypage_list .low_place {font-weight:normal; color:#222} .mc_Lin h2 {font-size:1.8em} .mc_Lin p.t_cap {font-size:12px; color:#444; margin:10px 0 20px;} /* 마이페이지 찜하기 */ .zzim_btn {height:30px; width:50px; line-height:2em; display:inline-block; background: #6a6868; border: 1px solid #494949; border-radius: 2px; color:#fff; cursor:pointer; margin-right:3px} .zzim_del {height:30px; width:45px; line-height:2.5em; display:inline-block; background: #fff; border: 1px solid #ccc; border-radius: 2px; color:#666; cursor:pointer; font-size:12px} .zzim_del span {width:10px; height:10px; background:url('/ja_data/edu/new/checkbox.png') no-repeat -4px -39px; display:inline-block;margin-right:1px} .zzim_list {background-color:#fffdf2; display:block; width:100%;} .zzim_list li {display:inline-block; vertical-align:middle} .zzim_list li .data {font-size:12px; color:#999} .zzim_list ul {border-bottom:3px solid #fff} .zzim_top {padding: 10px 0; border-top:1px solid #222} .zzim_top .cate {display:block; color:#666; font-size:12px;margin-bottom:5px} .zzim_title {margin-bottom:10px; font-weight:bold; font-size:17px; color:#222; display:inline-block; max-width:85%;} .mypage_list .zzim_delTop {float:right; display:inline-block; padding:2px 6px; font-size:11px; border:1px solid #e0e0e0} .mypage_list .zzim_delTop:hover {text-decoration:underline; cursor:pointer} .mypage_list .zzim_delTop .delIcon {display:inline-block; padding-left:18px; background:url('/ja_data/edu/new/checkbox.png') no-repeat 0px -34px; height:14px} .mypage_list tbody td span {display:inline-block} .smallTag {font-size:10px; color:#999; margin-bottom:-5px} .smallTag:hover {text-decoration:underline} .smallTag2 {font-size:10px; color:#cfc172; margin-bottom:-5px} /* 문의게시판 */ .QAboard th, td {padding:10px 0; font-weight:normal} .QAboard .title {text-align:left;} .QAboard .title:hover {text-decoration:underline; cursor:pointer} .QAboard .title .lock {display:inline-block; background: url('/ja_data/edu/new/Block.png') no-repeat; width:12px; height:12px; margin-left:10px} .QAboard .data, .name {font-size:12px; color:#666} .QAboard .confirm .ing {display:inline-block; width:58px ;font-size:12px; background-color:#e0e0e0; padding: 3px 0; border-radius:3px; } .QAboard .confirm .finish {display:inline-block; width:58px ;font-size:12px; padding: 3px 0; border-radius:3px; background-color:#ed6d00; color:#fff} .writeBtn {cursor:pointer; display:inline-block; width:98px; height:20px; padding:17px 35px; text-align:center; font-size:16px; color:#333; border:1px solid #ccc; font-weight:bold; margin-top:30px;} .writeBtn:hover {background-color:#fa2626; border:1px solid #fa2626; color:#fff} .QAboard tr .number {color:#666; font-size:12px} .authorBox {padding:6px 10px 0; width:950px; margin-top:10px; border:0; background-color:#fffdf2 } .Q_wrap .Q_mark {display:inline-block; font-size:30px; color:#fa2626; margin: 10px 5px 0 0; width:3%; vertical-align:top;} .Q_wrap .Q_title {display:inline-block; font-size:18px; color:#222; line-height:1.6em;width:95%;} .Q_wrap .Q_namedate { /*position:absolute; right:0px; top:30px; */color:#888; display:block; width:95%; margin-left:37px} .Q_wrap .Q_namedate .divide {display:inline-block; margin: 0 8px; color:#ccc; font-size:12px} .board_area .Q_area {padding-bottom:50px;} .board_area .A_area {border:1px solid #e0e0e0;margin-top:30px;} .board_area .A_area .title {padding:5px 15px; background-color:#f1f1f1; font-weight:bold} .board_area .A_area .txt {padding:20px 20px; } .A_area .A_mark {font-size:30px; color:#999; margin-right:5px; font-weight:normal} .qna_top {float:left;width:100%; height:170px; background-image: url('/ja_data/edu/new/qna_banner.png'); background-repeat:no-repeat; cursor:pointer;} .commBox {width:920px; height:120px; padding:25px; background-image: url('/ja_data/edu/new/titleBoxBg2.png'); color:#fff; margin-top:59px; } .commBox h2 {font-size:28px} .commBox .text {margin-top:20px; line-height:1.7em} .commBox .buttonSet {text-align:center; margin:75px auto 0} .commBox .buttonSet li {font-size:16px; padding:8px 18px; background-color:#e0e0e0; color:#222; border:1px solid #e0e0e0; border-radius:50px} .commBox .buttonSet li:hover {background-color:#aaa; color:#fff; } .commBox .buttonSet .selected {cursor:pointer; background-color:#666; color:#fff; } .commBox .buttonSet .selected:hover {cursor:normal; background-color:#666; color:#fff; } .input_qa_user { width: 310px; height: 34px; padding: 0 10px; margin: 10px 0; background-color: #e0e0e0; border: 1px solid #cdcdcd;} .qa-01-lst-top span {font-size:10px; color:#999;} .input_qa_title {width:930px; height:34px; padding: 0 10px; border: 1px solid #cdcdcd; margin-bottom:15px} #cke_content {margin-bottom:20px} .qa_secret {width:100%; margin-top: 20px; } .qa_secret p {display:inline-block; font-size:14px;} .qa_secret .title { font-weight:bold; padding:3px 10px; background-color:#f1f1f1} .qa_secret .select input {margin-left: 10px} .attached_wrap {border:1px solid #e0e0e0; padding:1em} .attached {width:100%;height:36px;margin-bottom:5px;} .attached label {font-size:12px; color:#999;} .board_areaBox p.btn2 {float:right;} .board_areaBox p.btn2 span {width:98px; height:20px; padding:17px 35px; text-align:center; font-size:16px; font-weight:bold; cursor:pointer; margin: 20px 0 50px; display:inline-block} .board_areaBox .btn2 .list {color:#222; border:1px solid #ccc; margin-right:10px} .board_areaBox .btn2 .enter { background-color:#fa2626; color:#fff!important; border:1px solid #fa2626; } .board_areaBox .btn2 .enter2 { background-color:#273346; color:#fff!important; border:1px solid #273346;margin-right:20px; } .board_areaBox .qa_view_title .lock {display:inline-block; background: url('/ja_data/edu/new/Block.png') no-repeat; width:12px; height:12px; margin-right:10px} .board_area img{max-width:100%;} /** 교육신청안내 **/ /* .receipt_area{float:left; width:970px; min-height:230px; height:auto; border-bottom:1px solid #ccc; background:#fff;} */ .mypage_list{float:left; width:746px; height:auto; margin-bottom:10px; overflow-y:auto;} .receipt_BoxSub{width:auto; min-height:210px; height:auto; padding:0;} .receipt_BoxSub ul li{margin-bottom:0;} .receipt_Boxtit{ width:100%; height:50px; border-top:2px solid #333; border-bottom:1px solid #888; background:#fff;} .receipt_Boxtit ul li{ margin-top:14px; font-weight:bold; margin-left:57px;} .receipt_BoxInfo{width:605px; min-height:210px; height:auto; padding:0px 0 0 40px; border-right:1px solid #ccc; border-left:1px solid #ccc;} .receipt_BoxTxt{float:left; width:565px; height:130px; padding-top:20px; margin-bottom:20px;} .receipt_BoxTxt ul li{margin-bottom:10px;} .contract_btn{width:90px; height:30px; border-radius:1px; border:1px solid #444; display:inline-block; color:#fff; text-align:center; line-height:2.2em; font-size:12px; background:#626262; cursor:pointer; margin-top:20px;} .allPay_btn{width:90px; height:30px; display:inline-block; border-radius:1px; border:1px solid #c6021e; color:#fff; text-align:center; line-height:2.2em; font-size:12px; background:#fd262e; cursor:pointer; margin-top:20px;} .edu_price_sec{clear:both;width:100%; height:auto; letter-spacing:-1.5px; font-size:24px; color:#000;} .edu_price_sec .price_tit {font-size:14px; font-weight:bold;width:100%; text-align:left; margin-bottom:10px;} .edu_price_sec .sum_price2 {display:block;width:100%;font-size:34px; font-weight:bold; margin-bottom:6px} .edu_price_sec .sum_price2 .won {font-size:22px} .input_area_Table th {vertical-align:middle; text-align:left; font-weight:normal;padding-left:15px;} .input_box .important {color:#fa2626; padding-left:5px} .input_area_Table td .dash {margin:0 7px; color:#999} .input_area_Table td {padding:15px;} .input_table_txt {text-align:right; font-size:12px} /*로그인팝업*/ #loginPop {z-index:1000; width:820px; height:580px; display:block; position:absolute; background:#fff; color:#222; box-shadow:0px 5px 10px rgba(0,0,0,0.1)} .loginPop .main, .loginPop .sub {float:left; padding:20px} .loginPop .main {width:468px; height:540px; overflow-y:scroll} .loginPop h2, .loginPop h3 {font-weight:normal; text-align:center} .loginPop .main h2 {font-size:38px; margin-top:50px; } .loginPop .main h3 {margin:30px 0 60px} .loginPop .main .caption {text-align:center; color:#666; font-size:12px;line-height:1.5em; margin-top:20px} .loginPop .sub {width:252px; height:520px; } .loginPop .joininfo {background:url('/ja_data/edu/new/join_subbg.png') center; color:#fff; padding:30px} .loginPop .joininfo .title {display:block; width:220px; height:70px; margin:20px 0 35px} .loginPop .joininfo dl {font-size:16px} .loginPop .joininfo dt {font-weight:bold;margin-top:25px; vertical-align:middle} .loginPop .joininfo dt span {display:inline-block; width:32px; height:24px; background:url('/ja_data/edu/new/join_subicon.png') no-repeat; margin-right:10px; } .loginPop .joininfo dd {margin: 10px 0 0 40px} .loginPop .joininfo .btn {padding:15px 0; width:100%; margin-top:35px; text-align:center; border:1px solid #fff; font-size:16px; font-weight:bold; border-radius:2px; cursor:pointer} .loginPop .joininfo .btn:hover {background: rgba(225,48,19,0.5)} /** 수료증 출력 **/ .print_list_box{float:left; width:970px; line-height:1.4em; font-size:14px; letter-spacing:-1px; color:#000; height:auto; min-height:400px; margin-bottom:60px; margin-top:-40px;} .completion_wrap_list{float:left; width:970px; line-height:1.4em; font-size:14px; letter-spacing:-1px; color:#000; height:auto; min-height:200px; margin-bottom:60px; margin-top:-40px;} .print_list_box span{float:left; width:970px; margin-bottom:10px; color:#f63450;} .print_main_btn{float:left; width:100%; margin-bottom:100px;} .print_main_btn p{margin:0 auto; width:110px; height:39px; border-radius:1px; border:1px solid #c8031f; color:#fff; text-align:center; line-height:2.5em; background:#eb0929; cursor:pointer;} .print_main_btn p.main{margin:0 auto; width:110px; height:39px; border-radius:1px; border:1px solid #000; color:#fff; text-align:center; line-height:2.5em; background:#444; cursor:pointer;} /** 회원정보 수정 **/ .my_mem_revise{float:left; width:746px; height:auto; background:#fff;} .mem_revise_c{margin:100px auto; width:366px; height:auto; background:#fff;} .mem_revise_l{float:left; width:366px; height:auto; background:#fff;} .mem_revise_tit{float:left; width:364px; height:40px; border:1px solid #666; text-align:center; font-size:16px; line-height:2.2em; margin-bottom:10px; background:#e8e7e7; color:#333;} .mem_revise_line{float:left; width:366px; height:68px; margin-top:10px;} .mem_revise_line p.tit{float:left; width:366px; height:26px; color:#000;} .mem_revise_input{float:left; width:366px; height:40px;} .mem_revise_input input.re_input_00{float:left; width:360px; height:40px; padding-left:5px; color:#999; border:1px solid #ccc;} .mem_revise_input input.re_input_01{float:left; width:260px; height:40px; padding-left:5px; color:#999; border:1px solid #ccc;} .mem_revise_input input.re_input_02{float:left; width:171px; height:40px; padding-left:5px; color:#999; border:1px solid #ccc;} .mem_revise_input select{float:left; width:115px; height:42px; border:1px solid #ccc;} .revise_btn{float:right; width:88px; height:40px; background:#6a6868; border:1px solid #494949; border-radius:2px; color:#fff; text-align:center; line-height:2.6em; cursor:pointer;} .mem_revise_input select.job{float:left; width:178px; height:42px; border:1px solid #ccc;} .hrd_area{float:left; width:366px; height:146px; text-align:justify; color:#777; font-size:12px; margin-top:10px;} .hrd_area_2{float:left; width:366px; height:30px; text-align:justify; color:#ec3131; font-size:12px; margin-top:10px;} .my_mem_btn{float:left; width:366px; height:68px; margin-top:36px;} .my_mem_Inbtn{float:right; height:19px; padding:10px 42px; line-height:1.1em; color:#fff; margin-left:10px; border-radius:3px; cursor:pointer; border:1px solid #c8031f; background:#eb0929;} .my_mem_InbtnB{float:right; height:19px; padding:10px 42px; line-height:1.1em; color:#fff; margin-left:10px; border-radius:3px; cursor:pointer; border:1px solid #444; background:#484747;} .revise_ad{position:absolute; top:600px; left:15px; width:747px; height:160px; cursor:pointer;} .mem_revise_r{float:right; width:366px; height:664px;} .mem_revise_r_re{float:right; width:366px; height:620px;} /** 비밀번호 수정 **/ .mypage_pw{float:left; width:746px; height:400px; border-top:1px solid #333;} .mypage_pw_in{float:left; width:746px; height:50px; border-bottom:1px solid #e1e0e0; font-size:13px; line-height:3.6em; color:#666;} .mypage_pw_in ul li{float:left;} .mypage_pw_in ul li.sub{width:165px; height:50px; background:#f3f3f3;} .mypage_pw_in ul li.input{width:205px; height:50px;} .mypage_pw_in ul li.input input{float:left; margin-top:8px; border:1px solid #e1e0e0; width:175px; padding-left:5px; height:32px;} .mypage_pw_in ul li.text{width:340px; height:50px;} .attention_img{float:left; width:746px; height:144px; margin-top:14px;} /** 회사정보 관리 **/ .company_revuse_btn{float:left; width:746px; height:26px; margin-bottom:10px;} .company_revuse_btn ul{float:right;} .company_revuse_btn ul li{float:left; margin-left:5px;} /** 이용약관 안내 **/ .mypage_notice{float:left; width:746px; height:123px; padding:0 95px; margin-top:14px;} .agree_notice{float:left; width:970px; height:100px; margin-top:14px;} .myp_btn_box{float:left; width:746px; height:50px; padding:0 100px; margin-left:29px;} /** 개인정보 보호정책 **/ /** 공개/중소기업특별지원 교육신청 버튼 탭 **/ .tap_choice_wrap{width:584px; height:500px; margin-top:20px;} .tap_choice{float:left; width:584px; height:395px; background:#e8e7e7; padding:10px; z-index:100;} .tap_choice ul li{float:left; width:145px; height:393px; } /** .tap_choice ul li.on{float:left; width:145px; height:393px; border:2px solid #ff1717; z-index:700;}**/ .tap_box{float:left; border:1px solid #999; width:143px; height:auto; cursor:pointer; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .tap_box p.check_box{margin-left:52px; margin-top:10px; margin-bottom:10px;} .tap_box.on{background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6e6b4+0,ed9017+100;Yellow+3D+%231 */ background: #f6e6b4; /* Old browsers */ background: -moz-linear-gradient(top, #f6e6b4 0%, #ed9017 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f6e6b4 0%,#ed9017 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */ ; float:left; border:1px solid #ffbeca; z-index:1000;} .tap_box p.check_box input{width:40px; height:40px;} .tap_box p.txt_h1{width:100%; height:20px; color:#333; font-size:18px; font-weight:bold; text-align:center;} .tap_box p.txt_h2{width:100%; height:20px; color:#333; font-size:14px; text-align:center;} .tap_box p.txt_h3{width:100%; height:20px; color:#333; font-size:12px; text-align:center; color:red; margin-bottom:18px;} .tap_box p.txt_h4{width:100%; height:30px; color:#333; font-size:20px; font-weight:bold; text-align:center; color:#000; margin-bottom:20px; color:#007bed;} .tap_box p.txt_h4 span{width:100%; font-size:12px; float:left; text-align:center;} .tap_box p.be_mem{width:100%; height:30px; color:#333; font-size:20px; font-weight:bold; text-align:center; margin-bottom:20px; color:#000;} .tap_box p.be_mem span{width:100%; font-size:12px; float:left; text-aling:center;} .tap_info{padding:5%; float:left; width:90%; height:135px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */ background: rgb(125,126,125); /* Old browsers */ background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */ color:#fff; text-align:justify; font-size:11px; line-height:130%;} .tap_info p{letter-spacing:-1.5px; font-size:11px; color:#fff; font-weight:bold; text-align:center;} .tap_ex_txt{float:left; width:605px; height:100px; font-size:12px; margin-top:10px; padding-bottom:20px; border-bottom:1px solid #ccc} .qq1 ul li{cursor:pointer; z-index:900;} .ccdd .on{ background:red;} /* 마이페이지 */ .mypage_menu {width:180px; height:auto; float:left; position:absolute;} .mypage_menu .title {background-color:#fa2626; color:#fff;} .mypage_menu .title span {font-size:12px; font-weight:bold} .mypage_menu .title p {font-size:18px} .mypage_menu .title:hover {color:#fff; cursor:auto} .mypage_menu li {padding:15px; border-bottom:1px solid #e0e0e0; font-size:15px; font-weight:bold; color:#222} .mypage_menu li:hover {color:#fa2626; cursor:pointer} .mypage_menu .select {font-size:16px; color:#fa2626; border-bottom:2px solid #fa2626} .mypage_menu .onclass_btn {background-color:#e0e0e0; border-radius:50px; padding:15px 20px; color:#222; font-size:14px; margin-top:20px; font-weight:bold;} .mypage_menu .onclass_btn span {width:20px; height:10px; display:inline-block; background-image: url('/ja_data/edu/new/right_arrow.png'); background-repeat:no-repeat; margin:0 0 2px 10px ; background-position:50% 70%;} .mypage_menu .onclass_btn:hover {background-color:#fff; box-shadow: 0 0 0 2px #fa2626 inset; cursor:pointer; font-weight:bold;} .mypage_in {margin-top:0; float:right; border:0; padding:0; position:relative; z-index:0;left:0} .mypage_in2 {margin-top:0; float:right; position:relative; z-index:0;left:0} .mypage_notice {padding:0; float:right; position:relative;left:-33px} .myp_btn_box {padding:0} .mypage_menu li.on{color:red;} /* 이벤트 */ #Econtent {width:100%; margin:0 auto;} #Econtent .contentImg img {max-width:100%;} #Econtent .contentImg div {padding:0; line-height:0;} #Econtent header {width:100%; text-align:center; } .e_210811 {text-align:center} .e_210811 header {min-height:778px; background-color:#172e6a; background-image: url('/ja_data/edu/event/210811_company/bg.jpg'); background-repeat:no-repeat; background-position:center;} .e_210811 header .title {color:#fff; padding:5em 0; letter-spacing:1px} .e_210811 header p.cap {color:#fff777; padding-bottom:3em; } .e_210811 header h2 {font-size: 2.5em; font-weight:400; padding-bottom:1em;} .e_210811 header h1 {color:#fff;font-size: 4.2em; font-weight:900; line-height:1.2em;letter-spacing:1px;} .e_210811 .content_1 {margin-top:-350px; color:#222; position:relative; z-index:10;} .e_210811 .content_1 .top {width:970px;margin:0 auto; } .e_210811 .content_1 .slide_wrap {width:622px; margin:-10px auto 0;} .e_210811 .content_1 .text{margin-top:9em;} .e_210811 .content_1 h2 {font-size:3.2em; font-weight:500; line-height:1.2em;} .e_210811 .content_1 p {font-size:1.4em;line-height:1.4em;} .e_210811 .content_1 .text p {margin-top:2em} .e_210811 .content_1 .info {height:534px; margin-top:5em; color:#fff; background:url('/ja_data/edu/event/210811_company/2_con_box.png') no-repeat center top;} .e_210811 .content_1 .info dl {height:auto; text-align:left; display:inline-block;} .e_210811 .content_1 .info h2 {font-size:2.8em} .e_210811 .content_1 .info h2:after {content:''; width:140px; height:5px; margin-top:.5em;background-color:#1874f1;display:block;} .e_210811 .content_1 .info p {margin-top:1.2em} .e_210811 .content_1 .info .box_l {width:406px; margin-top:17em;} .e_210811 .content_1 .info .box_r {width:311px; margin-top: 18em;padding-left:9em} .e_210811 .content_2 {margin-top:-200px; padding: 290px 0 120px; color:#161d3d; background-color:#1874f1; background-image:url('/ja_data/edu/event/210811_company/2_con_bg.jpg'); background-repeat:no-repeat; background-position:center;position:relative; z-index:0;} .e_210811 .content_2 h2 {margin-bottom:40px; font-size:5.7em; font-weight:900; color:#e5f082; line-height:1em} .e_210811 .content_2 p {font-size:2em; line-height:1.7em;} .e_210811 .content_2 .img {background-repeat:no-repeat; background-size:contain; display:inline-block; position:absolute;} .e_210811 .content_2 .bg_1 {width:380px; height:451px; background-image: url('/ja_data/edu/event/210811_company/2_con_p_1.png'); top:-6%; right:calc(50% - -361px)} .e_210811 .content_2 .bg_2 {width:500px; height:523px; background-image: url('/ja_data/edu/event/210811_company/2_con_p_2.png'); bottom: -10%; left:calc(50% - -388px)} .e_210811 .content_2 p em {font-style:normal; font-weight:700;} .e_210811 .content_2 p b {background-color:#fff777} .e_210811 span.btn {margin-top:60px; padding:40px 130px; color:#fff; font-size:2em; font-weight:700; background-color:#001fa3; border-radius:10px; display:inline-block} .e_210811 .content_3, .e_210811 .content_4 {padding:125px 0 100px;} .e_210811 .content_3 .support, .e_210811 .content_3 .recent {width:970px; margin:0 auto} .e_210811 .content_3 h2, .e_210811 .content_4 h2 {margin-bottom:55px; font-size:2.5em; font-weight:500;} .e_210811 .content_3 .support ul {margin-top:25px} .e_210811 .content_3 .support li {width:138px; height:44px; margin-right:50px; display:inline-block} .e_210811 .content_3 .support li:last-child {margin-right:0} .e_210811 .content_3 .recent {margin-top:100px; position:relative} .e_210811 .content_3 .recent_tb {height:500px; overflow:hidden} .e_210811 .content_3 .recent_tb:before {content:''; width:100%; height:500px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+52,1+100 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 52%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 52%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 52%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ display:block; position:absolute; z-index:1} .e_210811 .recent th, .e_210811 .recent td {font-size:1.2em; padding:1em} .e_210811 .recent th {border-bottom:0; font-weight:500} .e_210811 .recent td {text-align:left} .e_210811 .content_4 {background-color:#f9f9f9;} .e_210811 .content_4 .wrap {width:970px; margin:0 auto} .e_210811 .content_4 p.sub {margin-bottom:70px; font-weight:400; font-size:1.2em;} .e_210811 .content_4 ul {width:970px; margin:0 auto; display:inline-block} .e_210811 .content_4 li {padding:45px 40px; color:#fff; text-align:left;box-sizing:border-box; display:inline-block; position:relative} .e_210811 .content_4 p.num {width:43px; height:43px; padding:.7em; font-family:'arial';box-sizing:border-box; border-radius:30px; border:1px solid #fff; font-size:1.2em;} .e_210811 .content_4 h3.title {width:304px; margin:10px 0 20px; font-size:2.4em; font-weight:600; line-height:1.4em; } .e_210811 .content_4 h3 p {display:inline-block} .e_210811 .content_4 .text {width:40%; height:60px; margin-right:20px; vertical-align:top; display:inline-block} .e_210811 .content_4 .text span {color:#e0e0e0; display:block;} .e_210811 .content_4 .detail {display:none; color:#6efff7; position:absolute; right:2.5em; bottom:2.5em} .e_210811 .content_4 .detail span {font-family:'NanumGothic'} .e_210811 .content_4 .box_1 li, .e_210811 .content_4 .box_3 li {width:470px; height:323px; background-color:#45cbc4;} .e_210811 .content_4 .box_1 ul li:first-child, .e_210811 .content_4 .box_3 ul li:first-child {float:left} .e_210811 .content_4 .box_1 ul li:last-child, .e_210811 .content_4 .box_3 ul li:last-child {float:right} .e_210811 .content_4 .box_1 ul:nth-child(1) li:nth-child(1) {background-image:url('/ja_data/edu/event/210811_company/4_box_1_1.png');} .e_210811 .content_4 .box_1 ul:nth-child(1) li:nth-child(2) {background-image:url('/ja_data/edu/event/210811_company/4_box_1_2.png')} .e_210811 .content_4 .box_1 ul:nth-child(2) li:nth-child(1) {background-image:url('/ja_data/edu/event/210811_company/4_box_1_3.png')} .e_210811 .content_4 .box_1 ul:nth-child(2) li:nth-child(2) {background-image:url('/ja_data/edu/event/210811_company/4_box_1_4.png')} .e_210811 .content_4 .box_1 li:hover {box-shadow:2px 2px 15px #54777b; cursor:pointer; transition:all 0.5s ease 0s} .e_210811 .content_4 .box_1 li h3 p:after {content:''; width:0px; height:5px; margin-top:-10px; background-color:#6efff7; display:block;} .e_210811 .content_4 .box_1 ul:nth-child(1) li:nth-child(1):hover {background-image:url('/ja_data/edu/event/210811_company/4_box_1_1_h.png');} .e_210811 .content_4 .box_1 ul:nth-child(1) li:nth-child(2):hover {background-image:url('/ja_data/edu/event/210811_company/4_box_1_2_h.png');} .e_210811 .content_4 .box_1 ul:nth-child(2) li:nth-child(1):hover {background-image:url('/ja_data/edu/event/210811_company/4_box_1_3_h.png');} .e_210811 .content_4 .box_1 ul:nth-child(2) li:nth-child(2):hover {background-image:url('/ja_data/edu/event/210811_company/4_box_1_4_h.png');} .e_210811 .content_4 .box_1 li:hover h3 p:after {width:100%; transition:all 0.5s ease 0s} .e_210811 .content_4 .box_1 li:hover .detail {display:inline;} .e_210811 .content_4 .box_2, .e_210811 .content_4 .box_3 {margin-top:5em} .e_210811 .content_4 .box_2 h2, .e_210811 .content_4 .box_3 h2 {font-weight:300; line-height:1em} .e_210811 .content_4 .box_2 h2:before, .e_210811 .content_4 .box_2 h2:after {content:''; width:298px; height:1px; vertical-align:middle; background:#e0e0e0; display:inline-block} .e_210811 .content_4 .box_2 h2:before, .e_210811 .content_4 .box_3 h2:before {margin-right:.7em} .e_210811 .content_4 .box_3 h2:after, .e_210811 .content_4 .box_2 h2:after {margin-left:.7em} .e_210811 .content_4 .box_2 li {width:303px; height:275px;} .e_210811 .content_4 .box_2 li h3 p:after {content:''; width:0px; height:5px; margin-top:-10px; background-color:#83befa; display:block;} .e_210811 .content_4 .box_2 li:hover {box-shadow:2px 2px 15px #545e7b; cursor:pointer; transition:all 0.5s ease 0s} .e_210811 .content_4 .box_2 li:nth-child(1) {background-image:url('/ja_data/edu/event/210811_company/4_box_2_1.png')} .e_210811 .content_4 .box_2 li:nth-child(2) {margin:0 2em;background-image:url('/ja_data/edu/event/210811_company/4_box_2_2.png')} .e_210811 .content_4 .box_2 li:nth-child(3) {background-image:url('/ja_data/edu/event/210811_company/4_box_2_3.png')} .e_210811 .content_4 .box_2 li:nth-child(1):hover {background-image:url('/ja_data/edu/event/210811_company/4_box_2_1_h.png')} .e_210811 .content_4 .box_2 li:nth-child(2):hover {margin:0 2em;background-image:url('/ja_data/edu/event/210811_company/4_box_2_2_h.png')} .e_210811 .content_4 .box_2 li:nth-child(3):hover {background-image:url('/ja_data/edu/event/210811_company/4_box_2_3_h.png')} .e_210811 .content_4 .box_2 .text {width:60%; margin-top:1em} .e_210811 .content_4 .box_2 li:hover .detail {color:#83befa ;display:inline;} .e_210811 .content_4 .box_2 li:hover h3 p:after {width:100%; transition:all 0.5s ease 0s} .e_210811 .content_4 .box_3 h2:before, .e_210811 .content_4 .box_3 h2:after {content:''; width:375px; height:1px; vertical-align:middle; background:#e0e0e0; display:inline-block} .e_210811 .content_4 .box_3 ul li:nth-child(1) {background-image:url('/ja_data/edu/event/210811_company/4_box_3_1.png');} .e_210811 .content_4 .box_3 ul li:nth-child(2) {background-image:url('/ja_data/edu/event/210811_company/4_box_3_2.png')} .e_210811 .content_4 .box_3 ul li:nth-child(1):hover {background-image:url('/ja_data/edu/event/210811_company/4_box_3_1_h.png');} .e_210811 .content_4 .box_3 ul li:nth-child(2):hover {background-image:url('/ja_data/edu/event/210811_company/4_box_3_2_h.png');} .e_210811 .content_4 .box_3 li:hover {box-shadow:2px 2px 15px #585167; cursor:pointer; transition:all 0.5s ease 0s} .e_210811 .content_4 .box_3 li h3 p:after {content:''; width:0px; height:5px; margin-top:-10px; background-color:#8d69e0; display:block;} .e_210811 .content_4 .box_3 li:hover h3 p:after {width:100%; transition:all 0.5s ease 0s} .e_210811 .content_4 .box_3 li:hover .detail {color:#8d69e0 ;display:inline;} .e_210811 .content_4 .box_3 .text {width:70%} .e_210811 .content_4 .box_3 h3.title {width:330px;} .e_210811 .btn {cursor:pointer} #Econtent .eduLayer_wrap {width:970px; min-height:550px; max-height:600px; margin:125px auto 0 auto; overflow-y:scroll; background-color:#fff;} #Econtent .pop h1 {font-size:2.2em; margin-bottom:.5em} #Econtent .pop h3 {font-weight:400} #Econtent .pop {padding:2em; box-sizing:border-box} #Econtent .pop .img_box {width:30%; display:inline-block; margin-right:2em; vertical-align:top} #Econtent .pop img {width:100%;} #Econtent .pop .title_box {padding:2.2em 2em; background-color:#f9f9f9;} #Econtent .pop .title_box h1 {color:#fff; font-size:2em} #Econtent .pop .title_box h1 span {white-space:nowrap; } #Econtent .pop .title_box h3 {margin-bottom:.5em; font-weight:400; font-size:1.4em} #Econtent .pop_1 .title_box {width:30%; margin-right:1.5em; color:#fff; background-image:url('/ja_data/edu/event/210811_company/4_box_1_1.png'); background-position:right; background-size:cover; background-repeat:no-repeat; display:inline-block; vertical-align:top} #Econtent .pop .text_box {width:66%; border-top:2px solid #666; display:inline-block;} #Econtent .pop .text_box th, #Econtent .pop .text_box td {padding:1em; text-align:left; vertical-align:middle;} #Econtent .pop .text_box th {background-color:#f9f9f9} #Econtent .pop .text_box li {list-style-type:'-'; margin-bottom:.5em; padding-left:.5em;} #Econtent .pop .tb_wrap {margin-top:2em} #Econtent .recent th, #Econtent .recent td {font-size:1em} #Econtent .pop .tb_wrap th:first-child, #Econtent .pop .tb_wrap td:first-child {border-right:1px solid #e0e0e0} #Econtent .close_btn {width:1.5em; height:1.5em; margin:.5em; background:url('/ja_data/elabor/new_img/pop_close.png') no-repeat center / contain; cursor:pointer; float:right; } #Econtent .pop_1 .btn {margin:0 auto; font-size:1.5em; padding:1em 3em; float:right} #Econtent .pop select, #Econtent .pop input {width:230px; height:42px; padding:0 .5em; border:1px solid #ccc} #Econtent table.qna th span {color:#fa2626} #Econtent table.qna th {text-align:right!important; border-bottom:1px solid #e0e0e0} #Econtent table textarea {width:600px; height:250px; padding:.5em; border:1px solid #ccc} #Econtent .qna .route span {margin-right:1em;} #Econtent input.check {width:1.2em; height:1.2em; margin-right:.5em; vertical-align:middle;} #Econtent .qna .route label {cursor:pointer;} #Econtent .qna .agreeText {width:600px; height:100px; border:1px solid #e0e0e0; overflow-y:scroll;} #Econtent .pop_2 .btn {margin:0 auto; color:#fff; border-radius:3px; font-size:1.5em; padding:1em 3em; background:#001fa3; display:inline-block} #Econtent .pop_2 .btn_wrap {margin:2em 0; text-align:center;} /* HR LIVE 웨비나 */ .wb_main header {min-height:781px; background-color:#1f4198; background-image: url('/ja_data/edu/new/wb_top_1.jpg'); background-repeat:no-repeat; background-position:center;} .wb_main header .title {color:#fff; padding:100px 0; letter-spacing:1px} .wb_main header .title p.point {-webkit-background:linear-gradient(to left, #ebde6c 20%, #5cf5ff 100%); -webkit-color:transparent; -webkit-background-clip:text} .wb_main header p.cap {margin:2.8em 0 1em; padding:.4em 1em; color:#1f4198; font-size:1.4em; font-weight:700; border-radius:50px; background:linear-gradient(to left, #ebde6c, #5cf5ff); display:inline-block} .wb_main header p.add {margin-bottom:2.5em; color:#688ce6} .wb_main header h1 {color:#fff;font-size: 4.2em; font-weight:900; line-height:1.2em;letter-spacing:1px; } .wb_main header dl {width:500px; margin:0 auto} .wb_main header dt {width:39%; display:inline-block} .wb_main header dd {width:60%; padding-left: 2em; font-size:1.2em; font-weight:700; text-align:left; border-left:1px solid #658bec; display:inline-block; box-sizing:border-box;} .wb_main .content_1 {padding:100px 0 100px ; text-align:center; background:#f9f9f9} .wb_main .content_1 title {margin-bottom:90px;} .wb_main .content_1 h2 {font-size:2.8em;} .wb_main .content_1 h2 b {font-weight:900} .wb_main .content_1 h2:after {content:''; width:94px; height:3px; margin:1.2em auto 2em; background:#222; display:block;} .wb_main .content_1 .title p {margin:1em 0 2em; font-size:1.4em; line-height:1.4em;} .wb_main .content_1 h3 {margin:100px 0 50px; font-size:2.1em; font-weight:800} .wb_main .content_1 ul {width:1080px; margin:0 auto; background-color:#1f4198;} .wb_main .content_1 li {width:270px; height:250px; padding:1.5em; font-size:1.7em; color:#fff; line-height:1.2em; vertical-align:middle; font-weight:700;display:table-cell; box-sizing:border-box} .wb_main .content_1 li:nth-child(1) {background-image:url('/ja_data/edu/new/wb_1_bg1.png')} .wb_main .content_1 li:nth-child(2) {background-image:url('/ja_data/edu/new/wb_1_bg2.png')} .wb_main .content_1 li:nth-child(3) {background-image:url('/ja_data/edu/new/wb_1_bg3.png')} .wb_main .content_1 li:nth-child(4) {background-image:url('/ja_data/edu/new/wb_1_bg4.png')} .wb_main .content_1 li:hover {opacity:.8} .wb_main p.cap {margin-top:1em; font-size:14px; color:#666; text-align:center} .wb_main p.btn {margin-top:2em; padding:1em 2em ; color:#fff; font-size:2em; font-weight:700; line-height:1.4em; border-radius:5px; background-color:#1f4198; display:inline-block; cursor:pointer} .wb_main p.btn span {margin-left:1em; font-family:'NanumGothic'; font-size:.8em; vertical-align:top;} .wb_main .content_2 {padding:100px 0; text-align:center} .wb_main .content_2 .info {width:1080px; margin:0 auto; text-align:left; } .wb_main .content_2 .title {width:100%; padding:1em 0; text-align:center; font-size:2.4em; color:#fff; background:#222; } .wb_main .content_2 dt, .wb_main .content_2 dd {padding:1.5em 1em; font-size:1.8em; line-height:1.2em; border-bottom:1px solid #e0e0e0; display:inline-block; box-sizing:border-box;} .wb_main .content_2 dt {width:20%; font-weight:700} .wb_main .content_2 dd {width:80%; margin-left:-3px} .wb_main .content_2 a {color:#1f4198;} .wb_main .content_2 a:hover {text-decoration:underline} .wb_main .content_2 .prev {width:1080px; margin:100px auto 0; text-align:left; } .wb_main .live_wrap {width:100%; height:908px; margin-top:2em; overflow:hidden; position:relative; } .wb_main .live_frame {width:100%; height:1140px; position:absolute;top:-233px;} .wb_main .live_frame iframe {width:100%; height:100%;} .wb_main .pop h1 {margin-bottom:0!important} .wb_main .pop h3 {margin-bottom:1em} .wb_main .notice {margin-top:2em; color:#666} .wb_main .notice .point {font-weight:700; font-size:1.4em;} .wb_main .notice .mark {width:20px; height:20px; padding:.5em; font-size:2em; border-radius:50px; border:1px solid #666; display:inline-block;} .wb_main .notice .text {margin:.5em 0 1em; display:block;} .wb_main2 header {min-height:781px; background-color:#eff8f9; background-image: url('/ja_data/edu/new/wb_top_2.jpg'); background-repeat:no-repeat; background-position:center;} .wb_main2 header .title {color:#070a4b; padding:150px 0; letter-spacing:1px} .wb_main2 header p.cap {margin:2.8em 0 1em; padding:.4em 1em; color:#070a4b; font-size:1.4em; font-weight:700; border-radius:50px; background:linear-gradient(to left, #ebde6c, #5cf5ff); display:inline-block} .wb_main2 header h1 {color:#070a4b;font-size: 4.2em; font-weight:900; line-height:1.2em;letter-spacing:1px; } .wb_main2 header p.add {margin-bottom:2.5em; color:#070a4b} /* MEGA TREND 2022 */ .mega2022 header {min-height:781px; background-color:#3b64f4; background-image: url('/ja_data/edu/new/mg_top_1.png'); background-repeat:no-repeat; background-position:center; position:relative} .mega2022 header .title {width:1080px; margin:0 auto; color:#0d0e10; padding:150px 0; letter-spacing:1px;} .mega2022 header h1 {font-size: 7.1em; font-weight:900; text-align:left; line-height:1;letter-spacing:1px; font-family: 'Outfit', sans-serif; position:relative} .mega2022 header h1 p.point {color:#fff;} .mega2022 p.cap {margin:2.8em 0 1em; padding:.4em .8em; color:#ff004e; font-size:18px; font-weight:700; border-radius:50px; background:#0d0e10; display:inline-block} .mega2022 header p.cap {position:absolute; top:0; left:14em;} .mega2022 header p.cap span {vertical-align:top; font-size:.9em;} .mega2022 header .sub {color:#fff; font-family:'Noto Sans KR', sans-serif; font-size:20px; font-weight:700; line-height:1.2; text-align:left; position:absolute; bottom:10px; left:19em;} .mega2022 header .sub h2 {font-size:40px; font-weight:900;} .mega2022 header p.bg {position:absolute; z-index:1;} .mega2022 header p.bg_1 {width:300px; top:100px; right:calc(50% - 400px); -webkit-opacity:0.5; -moz-opacity:0.5; -ms-opacity:1; transition:all 0.5s;} .mega2022 header p.bg_2 {top:600px; left:calc(50% - 600px);; -webkit-opacity:0.5; -moz-opacity:0.5; -ms-opacity:1; transition:all 1s;} .mega2022 .content_0 {width:600px; margin:-187px auto 0; text-align:center; z-index:10; position:relative} .mega2022 .content_0 .media {margin-bottom:1.4em; line-height:1.2; color:#0d0e10} .mega2022 .content_0 .media h2 {font-size:3.5em;font-weight:900;} .mega2022 .content_0 .media p {font-size:1.4em; font-weight:500;} .mega2022 .content_0 .day {height:160px; } .mega2022 .content_0 dl {width:170px; height:170px; border-radius:100px; background:#0d0e10; font-weight:900; display:inline-block; box-sizing:border-box; border:10px solid #0d0e10; overflow:hidden;float:left} .mega2022 .content_0 dl:last-child dt {height:46%; padding-top:0.3em; font-size:1.7em; line-height:1.1;} .mega2022 .content_0 dt {height:30%; padding-top:1em; color:#fff; background:#0d0e10; font-size:2.1em;} .mega2022 .content_0 dd {height:50%; padding-top:.8em; background:#fff; font-size:1.8em; color:#0d0e10;} .mega2022 .content_0 .day p {content:''; width:40px; height:7px; margin-top:6em; background:#0d0e10; float:left} .mega2022 .content.info {width:1080px; margin:100px auto;} .mega2022 table {margin:100px 0 10px; border-top:3px solid #0d0e10; } .mega2022 th, .mega2022 td {text-align:left; padding:1em 0;font-weight:700} .mega2022 th {line-height:1.2; font-size:2em;} .mega2022 th span {display:block} .mega2022 td {font-size:1.3em; vertical-align:middle; } .mega2022 td p {min-width:107px; padding:.5em 1em; background:#ff004e; color:#fff; text-align:center; display:inline-block; border-radius:50px; } .mega2022 .info .dis {margin-bottom:50px; color:#444; display:block;} .mega2022 .notice {margin-top:100px; padding-top:2em; border-top:1px solid #e0e0e0; color:#444} .mega2022 .notice .point {width:15%; font-weight:700; font-size:1.4em; text-align:center; display:inline-block;vertical-align:top} .mega2022 .notice .mark {width:20px; height:20px; padding:.5em; font-size:2em; border-radius:50px; border:1px solid #666; display:inline-block} .mega2022 .notice .title {margin:.5em 0 1em; display:block} .mega2022 .notice ul {width:78%; margin-left:2.5em; display:inline-block; font-size:1.2em; line-height:1.6;} .mega2022 .notice li {list-style:square; margin-bottom:1em;} .mega2022 .content.schedule {width:100%; padding:70px 0 150px; background:#f0f0f0;text-align:center} .mega2022 .info .text {font-size:1.5em; line-height:1.5; font-weight:500;} .mega2022 .schedule h2 {font-size:4em; font-weight:900; line-height:1.2;} .mega2022 .schedule h3 {font-size:2em; font-weight:900; margin:2em 0 1em;} .mega2022 .schedule .box {width:850px; margin: 0 auto;padding:3em; font-size:1.3em; background:#fff; text-align:left;} .mega2022 .schedule .box li {width:49%; vertical-align:top; display:inline-block;} .mega2022 .schedule h4 {margin-bottom:1.5em; padding:.5em 1em; color:#fff; font-weight:700; border-radius:50px; display:inline-block; background:#0d0e10;} .mega2022 .schedule dt {margin-bottom:.7em;font-size:1.2em; font-weight:700;} .mega2022 .schedule dd {margin-bottom:1.7em;} .mega2022 .schedule .btn_set {margin-top:70px;} .mega2022 .sponsor {margin-top:-1px; padding:100px 0; text-align:center; background:#0d0e10;} .mega2022 .sponsor h2 {margin-bottom:1em;font-weight:900; font-size:2em; color:#fff;} .mega2022 .sponsor li {margin-right:2em; display:inline-block;} .mega2022 .sponsor li:last-child{margin-right:0;} .mega2022 .content_2 .info {width:1080px; margin:0 auto; text-align:left; } .mega2022 .content_2 .title {width:100%; padding:1em 0; text-align:center; font-size:2.4em; color:#fff; background:#222; } .mega2022 .content_2 .prev {width:1080px; margin:100px auto 0; text-align:left; } .mega2022 .event {width:100%; height:1024px;text-align:center} .mega2022 .event div:first-child {height:662px; background:#11184c;} .mega2022 .event div:last-child {margin-top:-1px; height:362px; background:#070e3c;} .mega2022 .live_frame {width:100%; height:1200px; } .mega2022 .live_frame iframe {height:100%;} .mega2022 .btn_set {text-align:center} .mega2022 .btn_set p:last-child {margin-right:0; background:#ff004e; color:#fff;} .mega2022 p.btn {margin:0 .5em; padding:.7em 3em ; color:#ff004e; font-size:1.7em; font-weight:700; line-height:1.4em; text-align:left; border-radius:5px; border:2px solid #ff004e; background-color:#fff; display:inline-block; cursor:pointer; transition:all 0.5s;} .mega2022 p.btn span {margin-left:1em; font-family:'NanumGothic'; font-size:.8em; vertical-align:top;} .mega2022 p.btn:hover {background:#ff004e; color:#fff} .mega2022 .btn_set p:last-child:hover {background:#0d0e10; color:#fff; border:2px solid #0d0e10;} .mega2022 .ad {width:1080px; margin-top:3em; text-align:center;} .mega2022 .lecturer {width:100%; height:670px; text-align:center; background-color:#181818; background-image:url('/ja_data/edu/new/mg_l_bg.jpg'); background-repeat:no-repeat; background-position:center;} .mega2022 .lecturer h2 {padding-top:1.5em; font-size:50px; color:#fff; font-weight:900; line-height:1.2;} .mega2022 .lecturer h2 span {display:block; color:#ff004e;} .mega2022_live header {min-height:500px; height:500px;background-color:#3b64f4; background-repeat:no-repeat; background-position:center; position:relative} /* gnb 교육원소개 페이지 */ #divAbout1 {text-align: center;} .greeting {color:#000; letter-spacing: -0.75pt} .intro_tit {display:inline-block; padding:.3em 0; border-top:3px solid #fa2626; font-size:20px; line-height:1.3;} .greeting_txt {text-align: left; width: 970px; height:500px; background:url('/image/introduce/ledger2.png') no-repeat; background-position: right; margin-top:80px; position:relative;} .greeting_txt h2 {font-size:28px; color:#284c68; margin-bottom:36px; line-height: 42px; letter-spacing: -1pt;} .greeting_txt .bottom {margin-bottom:20px;} .greeting_txt p {line-height: 28px; font-size:18px; font-weight: 300;} .greeting_txt span.bold {font-weight:500;} .greeting_txt span.highlight {background:linear-gradient(to top, #d5ecf9 40%, transparent 40%); font-weight: 500;} .greeting_txt p.name {position:absolute; bottom:0; left:380px; font-size:16px;} .gre_profile {width:600px; margin:0 auto; padding:30px 0;} .gre_profile_txt {text-align: left; font-size:18px; line-height: 32px; font-weight: 300;} .gre_profile_txt h2 {font-weight: 400; margin:30px 0 50px;} .gre_profile_txt p.tit {color:#fa2626; font-weight: 500;} .gre_profile_txt p.bottom {margin-bottom:20px;} #divAbout2 h1, #divAbout2 h2 {text-align: center;} #divAbout2 h2 {font-size:32px; font-weight:400; margin-top:11px; margin-bottom:68px;} #divAbout2 h2 span {color:#fa2626;} #divAbout2 h3 {height:200px; float:left;} #divAbout2 h3 p {font-size:35px; font-weight:400; color:#e8e7e7;} #divAbout2 h3 p.title {color:#222; border-bottom:1px solid #222; padding-bottom:26px;} #divAbout2 h3 p:nth-child(2) {padding-top:46px; padding-left:5px; font-size:90px; font-family: none;} #divAbout2 p.txt {float:right; width:648px; padding-top:37px; padding-right:22px; font-size:26px; line-height: 1.4; letter-spacing: -2pt; font-weight:300;} .intro_box {width:970px; height:400px; background:url('/image/introduce/intro_bg.png') no-repeat;} .intro_box p {padding-top:50px; padding-left:90px;} .intro_box p:nth-child(1) {font-size:44px; font-weight:300; line-height: 50px;} .intro_box p:nth-child(1) span {font-weight:500;} .intro_box p:nth-child(2) {font-size:21px; width:250px; line-height: 1.3; position:relative;} .intro_box p:nth-child(2) img {position:absolute; right:0; top:49px;} .intro_in {width:100%; margin-top:60px; padding-left:80px; box-sizing: border-box;} .intro_in:after {content:""; display:block; clear:both;} .intro_in>img {margin-top:52px; padding-left:38px;} .intro_in>div {float:right;} .intro_in .sub_in {width:700px; margin-bottom:40px;} .intro_in .sub_in:after {content:""; display:block; clear:both;} .intro_in .sub_in>img {margin-top:26px; padding-left:33px; float:left;} #divAbout2 .intro_in>div p {float:right; width:648px; padding-top:37px; padding-right:22px; font-size:26px; line-height: 1.4; letter-spacing: -2pt; font-weight:300;} #divAbout2 .intro_in>div span {width:400px; display: inline-block; font-size:19px; padding-left:12px; padding-top:20px; line-height:1.5; color:#333; font-weight:300; float:left; text-align:justify;} #divAbout2 .intro_in p.txt span {color:#fa2626;} .in_03_1 b {color:#fa2626; font-weight:300;} .in_03_2 b {color:#c1bcbd; font-weight:300;} .in_03_2 ul {width:370px; padding:16px; background:#F6F5F5; margin-left:214px; margin-top:18px; float:left;} .in_03_2 ul li {font-size:16px; line-height: 1.6; padding-bottom:12px; color:#c89409; font-weight:300;} .in_03_3 span {padding-top:20px;} /* 법인회원 가입안내 */ #divAbout4 h1, #divAbout4 h2 {text-align: center;} #divAbout4 h2 {font-size:32px; font-weight:400; margin-top:11px; margin-bottom:68px;} #divAbout4 h2 span {color:#fa2626;} #divAbout4 h3 {height:200px; float:left;} #divAbout4 h3 p {font-size:35px; font-weight:400; color:#e8e7e7;} #divAbout4 h3 p.title {color:#222; border-bottom:1px solid #222; padding-bottom:11px; line-height: 1.2;} #divAbout4 h3 p:nth-child(2) {padding-top:46px; padding-left:5px; font-size:90px; font-family: none;} #divAbout4 p.txt {float:right; width:673px; padding-top:46px; font-size:24px; line-height: 1.5; letter-spacing: -2pt; font-weight:300;} .member_infro {width:100%; text-align: center;} .member_infro img {margin-top:50px;} .intro_in .benefits_box {width:673px; float:right;} .intro_in .benefits_box li {float:left; width:48%; height:365px; box-sizing: border-box; text-align: center; padding:1em; margin-left:10px; background:#ff2b2b;} .intro_in .benefits_box li span {display:inline-block; width:120px; height:40px; color:#fff; line-height: 40px; border:1px solid #fff; background:#ff2b2b; font-size:18px;} .intro_in .benefits_box li p.tit {font-size:22px; color:#fff; padding:1em 0; line-height: 1.2;} .intro_in .benefits_box li p b {font-size:26px;} .intro_in .benefits_box li p.b_txt {color:#222; font-size:17px; font-weight:400; line-height: 1.4;} .intro_in .benefits_box li:nth-child(n+2):nth-child(-n+3) {border:5px solid #ff2b2b; background:#fff;} .intro_in .benefits_box li:nth-child(n+2):nth-child(-n+3) span {background: #ff2b2b;} .intro_in .benefits_box li:nth-child(n+2):nth-child(-n+3) p.tit {color:#ff2b2b;} .intro_in .benefits_box li:nth-child(n+3) {margin-top:10px;} .intro_in .benefits_box li:nth-child(-n+2) {margin-top:46px;} .intro_in .annual_fee {width:673px; float:right;} .intro_in .annual_fee_2 {width:763px; float:right; background:url('/image/introduce/annual_fee.jpg') no-repeat; margin-top:50px;} #divAbout4 .intro_in>div p.txt {padding-top:46px; font-size:24px;} .intro_in .annual_fee_2 ul {width:763px; height:214px; clear:both;} .intro_in .annual_fee_2 ul li {width:252px; display:inline-block; text-align: center; padding-left:31px; box-sizing: border-box;} .intro_in .annual_fee_2 ul li p {float:left;} .intro_in .annual_fee_2 ul li p:nth-child(1) {font-size:20px; width:132px; height: 35px; line-height: 35px; margin-top:.8em; margin-left:31px;} .intro_in .annual_fee_2 ul li p:nth-child(2) {font-size:55px; font-weight:600; padding:.7em 0;} .intro_in .annual_fee_2 ul li p:nth-child(3) {font-size:18px;} .intro_in .annual_fee_2 ul li.type_a p:nth-child(1) {color:#ff2b2b; background:#1e1f26;} .intro_in .annual_fee_2 ul li.type_a p:nth-child(2) {color:#fff;} .intro_in .annual_fee_2 ul li.type_a p:nth-child(3) {color:#fff;} .intro_in .annual_fee_2 ul li.type_b p:nth-child(1) {color:#ffdc39; background:#ff2b2b;} .intro_in .annual_fee_2 ul li.type_b p:nth-child(2) {color:#1e1f26;} .intro_in .annual_fee_2 ul li.type_b p:nth-child(3) {color:#1e1f26;} .intro_in .annual_fee_2 ul li.type_c p:nth-child(1) {color:#1e1f26; background:#ffdc39;} .intro_in .annual_fee_2 ul li.type_c p:nth-child(2) {color:#fff;} .intro_in .annual_fee_2 ul li.type_c p:nth-child(3) {color:#fff;} .intro_in .annual_fee_3 {width:763px; float:right; margin-top:30px;} .intro_in .annual_fee_3 p {padding:1em; background:#e9e7e7; color:#7b7b7b; font-size:16px; line-height: 1.5;} .intro_in .annual_fee_3 p span {color:#ff2b2b;} .an_btn {width:100px; height:30px; margin:65px auto; text-align:center; font-size: 18px;} .an_btn a {display:block; color:#fff; cursor:pointer; width:185px; height:55px; line-height: 55px; background:#ff2b2b; color:#fff; transition:.5s;} .an_btn a:hover {background:#c80000; transition:.5s;} #divAbout5 .rental_wrap {width:100%;} #divAbout5 .rental_wrap h2 {font-weight:400; margin-bottom:17px;} .rental_wrap .rental_box1 {width:100%; margin-bottom:30px;} .rental_wrap .rental_box1:after {content:""; display:block; clear:both;} .rental_wrap .rental_box1 img {float:left;} .rental_wrap .rental_box1 .box1_r {float:left; box-sizing: border-box; padding: 48px 0 0 44px;} .rental_wrap .rental_box1 .box1_r h1 {font-size:32px; font-weight:400; margin-bottom:26px;} .rental_wrap .rental_box1 .box1_r p {font-size:17px; margin-bottom:10px;} .rental_wrap .rental_box2 {width:100%;} .rental_wrap .rental_box2 p {color:#666;} .rental_wrap .rental_box2>p {margin-bottom:12px; font-size:18px;} .rental_wrap .rental_box2 ul {margin-bottom:35px;} .rental_wrap .rental_box2 .hall_info {width:100%; height:26px;} .rental_wrap .rental_box2 .hall_info li {float:left; margin-left:7px; background:#ff203a; color:#fff; padding:3px 10px;} .rental_wrap .rental_box2 .hall_info li:first-child {margin-left:0;} .rental_wrap .rental_box2 .hall_fac {width:100%; height:110px;} .rental_wrap .rental_box2 .hall_fac li {float:left; margin-left:54px;} .rental_wrap .rental_box2 .hall_fac li:first-child {margin-left:17px;} .rental_wrap .rental_box2 .hall_fac li p {color:#666;} .rental_wrap .rental_box2 .hall_fac li p:first-child {margin-top:5px;} .rental_wrap .rental_box2 .hall_down_btn {width:100%; height:36px;} .rental_wrap .rental_box2 .hall_down_btn:after {content:""; display:block; clear:both;} .rental_wrap .rental_box2 .hall_down_btn div {float:left; margin-left:10px; padding:10px 15px; background:gray; color:#fff; border-radius: 3px; border:1px solid gray; transition:.3s; cursor:pointer;} .rental_wrap .rental_box2 .hall_down_btn div:first-child {margin-left: 0;} .rental_wrap .rental_box2 .hall_down_btn div:hover {border:1px solid #ff203a; color:#ff203a; background:#fff; transition:.3s;} .rental_wrap .rental_box3 {width:100%; margin-top:43px;} .rental_wrap .rental_box3 h3 {color:#ff203a; font-size:40px; margin-bottom:20px; font-weight:500; letter-spacing: -2pt;} .rental_wrap .rental_box3 div {width:100%; height:375px; margin-bottom:60px;} .rental_wrap .rental_box3 div img {float:left;} .rental_wrap .rental_box3 div .hall_01_info {float:right; width:394px;} .rental_wrap .rental_box3 div .hall_01_info ul {width:100%; height:300px; border:2px solid #d0d1d1; padding:10px;} .rental_wrap .rental_box3 div .hall_01_info ul li {padding:8px 0 8px 30px; border-bottom:1px solid #eee;} .rental_wrap .rental_box3 div .hall_01_info ul li:first-child {padding-top:4px;} .rental_wrap .rental_box3 div .hall_01_info ul li p {display:inline-block; font-size:16px;} .rental_wrap .rental_box3 div .hall_01_info ul li p span {color:#707070;} .rental_wrap .rental_box3 div .hall_01_info ul li p:nth-child(1) {width: 220px;} .rental_wrap .rental_box3 div .hall_01_info ul li p:nth-child(2) {color:#ff203a;} .rental_wrap>p {font-size:16px; line-height: 1.8;} .rental_wrap>p:last-child {margin-bottom:30px;} /* 맵 */ .daum_map_area {float:left;width:968px; height:435px; border:1px solid #ccc; margin-bottom:30px;position:relative;} .map_content_1 {width:100%;} .map_content_1:after {display:block; content:""; clear:both;} .map_content_1 .map_txt {float:left; padding-top:48px;} .map_content_1 img {float:right;} .map_txt div:first-child {margin-bottom:58px;} .map_txt h3 {padding:10px 0; border-bottom:1px solid #222; font-size:18px;} .map_txt p {padding-top:10px; line-height: 1.5; font-size:16px; font-weight: 300;} .map_content_2 .map_txt h3 {width:322px;} .map_content_2 {margin-bottom:50px;} .map_content_2 .map_txt ul li {margin-top:29px;} .map_content_2 .map_txt ul li b{font-size:16px; background:#eee; font-weight: 400;}