/* CY 캠퍼스 소개 */ #contents .s_contents{width:100%; padding-top:55px; background:#000;} #contents .s_contents.teacherBg{background:#fff;} #contents .s_contents.teacherBg .subTitle{color:#000;} #contents .s_contents.white{background:#fff;} #contents .s_contents.white .subTitle{color:#000; } #contents .s_contents .white .subTitle{color:#000; } #contents .subTitle{width:100%; padding:20px 50px; font-size:24px; color:#fff; } /* #contents .subTitle.black{color:#000;} */ #contents .sTitle1{margin-bottom:46px; padding-left:13px; font-size:26px; font-weight:500; color:#fff; line-height:40px; background:url("../images/tIco01.gif") left top no-repeat;} #contents .pageTImg{width:100%; margin-bottom:70px;} #contents .pageTImg img{display:block; width:100%; } #contents .campusBox{padding-bottom:75px; } #contents dl.aboutList{width:100%;} #contents dl.aboutList dt{margin-bottom:20px; font-size:26px; color:#fff; } #contents dl.aboutList dd{padding-bottom:54px; font-size:22px; font-weight:400; line-height:32px; color:#7b7c81;} #contents dl.aboutList dd.sign{position:relative; padding-top:13px; padding-bottom:0; font-size:24px; font-weight:200; color:#fff; } #contents dl.aboutList dd.sign:after{content:""; display:block; clear:both; position:absolute; top:0; left:0; width:27px; height:2px; background:#fff;} #contents dl.aboutList dd span.en{font-size:100%; color:#cfcfcf; } #contents .basicF{width:100%; font-size:22px; line-height:28px; color:#7b7c81;} /* 선생님소개 배너 */ #contents .grayArea{width:100%; padding:25px 0 45px 0; background:#171717;} #contents .sBlackArea{width:100%; padding:25px 0 45px 0; background:#000;} #contents .tCher_Box{position:relative; z-index:300; width:100%; padding:25px 0 45px 0; } #contents ul.tCher_bner{width:calc( 100% + 50px ); margin-left:-50px; padding-bottom:60px;} #contents ul.tCher_bner:after{content:""; display:block; clear:both;} #contents ul.tCher_bner li{float:left; width:185px; margin:0 0 25px 48px; border:1px solid #3e3e3e;} #contents ul.tCher_bner li a{display:block; position:relative; width:100%; } #contents ul.tCher_bner li a img.over{display:none; position:absolute; top:0; left:0; } #contents ul.tCher_bner li a.active img.over{display:block; } /* #contents ul.tCher_bner li a.active{background-color:#ab0c24; box-shadow: 5px 5px 11px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 5px 5px 11px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 5px 5px 11px rgba(0, 0, 0, 0.5) inset; } #contents ul.tCher_bner li span{display:block; width:100%; } #contents ul.tCher_bner li p.name{position:absolute; bottom:10px; left:12px; font-size:20px; } #contents ul.tCher_bner li p.name span{display:block; font-size:24px;} */ /* 선생님소개 기본정보 */ #contents .teacherInfoArea{width:100%; } #contents .tCher_view{display:none; width:100%; padding:40px 0; } #contents .tcher_vTap { width:100%; text-align:center; font-size:0; } #contents .tcher_vTap span{ display:inline-block; width:33.33%; } #contents .tcher_vTap span a { display:inline-block; width:100%; height:80px; text-align:center; color:#9a9a9a; font-size:24px; line-height:78px;border:1px solid #363636;} #contents .tcher_vTap span:nth-child(2) a, #contents .tcher_vTap span:nth-child(3) a { border-left:none;} #contents .tcher_vTap span a.active{ color:#fff; background:#ab0c24; } #contents .infoTabs{width:100%; } #contents .infoTop { width:100%; padding-bottom:50px; border-bottom:1px solid #3e3e3e; } #contents .infoTop .imgD {width:100%; margin-bottom:38px;} #contents .infoTop dl.tcher_info {position:relative; width:100%; padding-left:240px;} #contents .infoTop dl.tcher_info dt { position:absolute; top:0; left:0; padding:28px 0 0 0; font-size:22px; font-weight:200; color:#9a9a9a; } #contents .infoTop dl.tcher_info dt span { display:inline-block; font-size:34px; font-weight:500; color:#fff;} #contents .infoTop dl.tcher_info dt span:after { content:""; display:block; position: absolute; top:0; left:0px; bottom:0px; width: 43px; height: 1px; background: #fff; } #contents .infoTop dl.tcher_info dd { font-size:22px; font-weight:200; line-height:36px; color:#9a9a9a;} #contents .tcherInfo2{width:100%;} #contents .tcherInfo2 dl.infoB{position:relative; width:100%; padding:28px 0 45px 0; border-bottom:1px solid #3e3e3e; } #contents .tcherInfo2 dl.infoB dt{width:100%; margin:0 0 32px 0; padding:2px 0 0 10px; font-size:26px; color:#fff; background:url("../images/tIco01.gif") left top no-repeat;} #contents .tcherInfo2 dl.infoB dd{position:relative; margin-bottom:10px; font-size:22px; font-weight:200; color:#fff; }/*padding-left:35px; */ /* #contents .tCher_view .tcherInfo2 dl.infoB dd:after{content:""; display:block; position:absolute; top:14px; left:20px; width:6px; height:1px; background:#fff; } */ /* 게시판 */ #contents .noticeArea{width:100%; background: #fff;} #contents .searchArea{position:relative; width:100%; padding:28px 30px 28px 217px; text-align:center; background:#f6f6f6;} #contents .searchArea .searchSelect{position:absolute; top:28px; left:30px; width:187px; height:50px; border:1px solid #3e3e3e; border-right:none;} #contents .searchArea .searchSelect select{width:100%; height:100%; font-size:22px; color:#000; background:#fff url("../images/selIco01.png") 90% center no-repeat; border:none; } #contents .searchArea .input_D{position:relative; width:100%; height:50px; padding-right:60px; background:#fff; border:1px solid #3e3e3e;} #contents .searchArea .input_D label{position:absolute; top:8px; left:15px; font-size:22px; font-weight:300; color:#9a9a9a;} #contents .searchArea .input_D input.s_input{width:100%; height:100%; padding:10px 15px; font-size:22px; font-weight:300; color:#000; background:#fff; border:none; } #contents .searchArea .input_D input.s-btn{position:absolute; top:10px; right:15px; } /* 검은 검색바 */ #contents .searchArea2{position:relative; width:100%; height:50px; margin:10px 0 0 0; padding:0 0 0 160px; text-align:center; border:1px solid #3e3e3e;} #contents .searchArea2 .searchSelect{position:absolute; top:0; left:0; width:160px; height:100%; border-right:1px solid #3e3e3e;} #contents .searchArea2 .searchSelect select{width:100%; height:100%; font-size:22px; color:#747474; font-weight:200; background:url("../images/selIco02.png") 90% center no-repeat; border:none; } #contents .searchArea2 .input_D{position:relative; width:100%; height:100%; padding-right:50px;} #contents .searchArea2 .input_D label{position:absolute; top:0; left:15px; font-size:22px; font-weight:200; color:#747474; line-height:48px;} #contents .searchArea2 .input_D input.s_input{width:100%; height:100%; padding:0 15px; font-size:22px; font-weight:200; color:#747474; line-height:48px; border:none; } #contents .searchArea2 .input_D input.s-btn{position:absolute; top:10px; right:15px; } #contents .noticeIn{width:100%; padding:12px 0 80px 0; } #contents table.tableStyle3 td{height:75px; padding:25px 0; font-size:22px; font-weight:300; color:#444; text-align:center; border-bottom:1px solid #dbdbdb;} #contents table.tableStyle3 td.left{text-align:left; } #contents table.tableStyle3 td.left a{overflow:hidden; max-height: 60px;white-space:normal;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;max-width:96%;line-height: 30px;font-size:22px; font-weight:300; color:#444; } #contents .pagerBox{position:relative; margin:25px 0 0 0; width:100%;} #contents .pagerBox .pagerArrow{position:absolute; top:50%; width:35px; height:28px; -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); } #contents .pagerBox .pagerArrow a{display:block; width:100%; height:100%; font-size:0; text-indent:-9999px; } #contents .pagerBox .pagerArrow.prev{left:0; } #contents .pagerBox .pagerArrow.prev a{background:url("../images/prev_off.png") 0 0 no-repeat; background-size:100%;} #contents .pagerBox .pagerArrow.next{right:0;} #contents .pagerBox .pagerArrow.next a{background:url("../images/next_off.png") 0 0 no-repeat; background-size:100%;} #contents .pagerBox .numberBox{display:block; width:100%; text-align:center;} #contents .pagerBox .numberBox a{display:inline-block; width:36px; margin:0 6px; padding:8px 0; font-size:16px; color:#444;} #contents .pagerBox .numberBox a.on{font-size:22px; font-weight:600; color:#b62b40; border-bottom:2px solid #b62b40;} #contents .scoreStar span.starB{display:inline-block; position:relative; width:88px; height:15px; background:url("../images/star_off.gif") 0 0 no-repeat;} #contents .scoreStar span.on{position:absolute !important; top:0; left:0; z-index:200; display:inline-block; height:15px; padding:0 !important; background:url("../images/star_on.gif") 0 0 no-repeat;} #contents .scoreStar span.starB_b {display:inline-block; position:relative; width:88px; height:15px; background:url("/template/1/images/ico_star01.png") 0 0 no-repeat;} #contents .scoreStar span.starB_b span.on{position:absolute !important; top:0; left:0; z-index:200; display:inline-block; height:15px; padding:0 !important; background:url("/template/1/images/ico_star02.png") 0 0 no-repeat;} /* 위클리 업로드 리스트 */ #contents .weeklyOption{position:relative; width:100%; margin-bottom:32px; padding:0 128px 0 0; font-size:0; } #contents .weeklyOption .calendBox{width:100%; margin-bottom:10px;} #contents .weeklyOption span{display:inline-block; vertical-align:top; border:1px solid #3e3e3e} #contents .weeklyOption .calendBox span.text{padding:0 12px 0 5px; font-size:22px; font-weight:200; color:#747474; line-height:50px; border:none;} #contents .weeklyOption .calendBox span.calendarS{position:relative; width:232px; height:50px; padding-right:90px; } #contents .weeklyOption .calendBox span.calendarS input{width:100%; height:100%; padding-left:12px; font-size:22px; font-weight:200; color:#dbdbdb; line-height:50px; background:none; border:none; } #contents .weeklyOption .calendBox span.calendarS span.calendarBtn{position:absolute; top:0; right:0; width:90px; height:48px; border:none;} #contents .weeklyOption .calendBox span.calendarS span.calendarBtn a{display:block; width:100%; height:100%; padding-left:40px; font-size:22px; font-weight:200; color:#747474; line-height:48px; background: url("../images/check_one.png") 18px center no-repeat; border-left:1px solid #3e3e3e; } #contents .weeklyOption .selectBox span.selectS{margin-right:6px; } #contents .weeklyOption .selectBox span.selectS:last-child{margin-right:0;} #contents .weeklyOption span.search{position:absolute; top:0; right:0; width:120px; height:110px; } #contents .weeklyOption span.search a{display:block; width:100%; height:100%; padding-left:58px; font-size:22px; font-weight:500; line-height:108px; color:#dbdbdb; background:url("../images/search01.png") 20px center no-repeat;} select.selectBasic{width:204px; height:48px; font-size:22px; font-weight:200; color:#747474; background:url("../images/selIco02.png") 90% center no-repeat; border:none; } select.selectBasic.long{width:308px;} #contents ul.weeklyList{position:relative; width:100%; min-height:40px;} #contents ul.weeklyList:after{content:""; display:block; clear:both;} #contents .grayArea ul.weeklyList:before{content:""; display:block; position:absolute; bottom:40px; left:0; z-index:50; width:100%; height:1px; background:#171717;} #contents .weeklyListArea ul.weeklyList:before{display:none; } #contents ul.weeklyList:before{content:""; display:block; position:absolute; bottom:40px; left:0; z-index:50; width:100%; height:1px; background:#000;} #contents ul.weeklyList > li, #contents ul.weeklyList .slick-slide{position:relative; float:left; width:calc(100% / 2); margin-bottom:40px; padding:0 8px 25px; border-bottom:1px solid #3e3e3e;} #contents ul.weeklyList .checkHidden{position:absolute; top:-20px; left:0; } #contents ul.weeklyList a{display:block; width:100%;} #contents ul.weeklyList .video_link{position:relative; padding-top:55%; } #contents ul.weeklyList .imgD{width:100%; margin-bottom:10px; border:1px solid #2d2d2d; } #contents ul.weeklyList .imgD img{display:block; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover; } #contents ul.weeklyList .weeklyText{display:block; width:100%; } #contents ul.weeklyList .title{display:inline-block; width:98%; margin:0 0 4px 0; font-size:26px; font-weight:500; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #contents ul.weeklyList ul li{width:98%; margin-bottom:4px; font-size:22px; font-weight:300; color:#9a9a9a; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} #contents ul.weeklyList ul li:first-child{max-height:80px; margin-bottom:10px; font-size:24px; font-weight:300; color: #9a9a9a; line-height:40px; text-overflow: ellipsis; white-space: normal; word-wrap:break-word; overflow: hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} /* 위클리 업로드 리스트 강의보기 */ #contents .weeklyArea{} #contents .weeklyView{position:relative; z-index:200; width:100%; margin:0 auto; } .weeklyView .weeklyTabs{width:100%; margin-bottom:45px; font-size:0; border-bottom:2px solid #ab0c24;} .weeklyView .weeklyTabs span{display:inline-block; width:calc(100% / 2); height:72px;} .weeklyView .weeklyTabs span a{display:block; width:100%; height:100%; font-size:34px; font-weight:400; color:#7a7a7a; text-align:center; line-height:70px; border:2px solid #000; border-bottom:none; } .weeklyView .weeklyTabs span a.active{position:relative; color:#fff; border:2px solid #ab0c24; border-bottom:none; } .weeklyView .weeklyTabs span a.active:after{content:""; display:block; position:absolute; bottom:-2px; left:0; width:100%; height:2px; background:#171717;} #contents .weeklyView .weeklyLecture{width:100%; margin-bottom:60px; } #contents .weeklyView .weeklyLecture .imgBig{position:relative; width:100%; padding-top:50%; margin-bottom:45px; border:1px solid #3e3e3e;} #contents .weeklyView .weeklyLecture .imgBig .video_link{position:absolute; top:0; left:0; width:100%; height:100%; } #contents .weeklyView .weeklyLecture .imgBig img{display:block; width:100%; } #contents .weeklyView .weeklyLecture .weeklyInfo{width:100%; padding:0 10px;} #contents .weeklyView .weeklyLecture .weeklyInfo .topText{width:100%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #2f2f2f; } #contents .weeklyView .weeklyLecture .weeklyInfo .topText .title{margin-bottom:20px; font-size:46px; font-weight:500; color:#fff; line-height:48px; } #contents .weeklyView .weeklyLecture .weeklyInfo .topText .titleCaption{font-size:26px; font-weight:300; line-height:42px; color:#9a9a9a;} #contents .weeklyView .weeklyLecture .weeklyInfo .bottomText ul{width:100%; padding-bottom:40px;} #contents .weeklyView .weeklyLecture .weeklyInfo .bottomText ul li{position:relative; margin-bottom:12px; width:100%; padding-left:120px; font-size:26px; font-weight:300; color:#dbdbdb; line-height:32px; } #contents .weeklyView .weeklyLecture .weeklyInfo .bottomText ul li > span.title{display:block; position:absolute; top:0; left:0; width:110px; font-size:26px; font-weight:300; color:#9a9a9a; } .weeklyView .weeklyLecture .weeklyInfo .box_applyBtn a{display: block; width: 100%; padding: 22px 0; font-size:30px; font-weight: 500; color: #fff; text-align: center; background-color: #cf0b2d;} /* 강의보기 */ #contents .box_viewTarget ul.lectureText{border-top:none; } #contents ul.lectureText{width:100%; margin-bottom:18px; border-top:1px solid #2f2f2f; } #contents ul.lectureText li{position:relative; width:100%; padding:30px 10px; font-size:26px; font-weight:300; line-height:45px; color:#dbdbdb; border-bottom:1px solid #2f2f2f;} #contents ul.lectureText li.absol{min-height:60px; padding-left:160px;} #contents ul.lectureText li p{font-size:100%; font-weight:300; line-height:45px; color:#dbdbdb; } #contents ul.lectureText li p span{font-size:100% !important; font-weight:300; line-height:45px; color:#dbdbdb; } #contents ul.lectureText li span.title{display:block; width:100%; font-size:100%; font-weight:500; color:#9a9a9a;} #contents ul.lectureText li.absol span.title{position:absolute; top:30px; left:10px; width:150px; } /* 학습가이드 */ #contents dl.guideDl{width:100%; } #contents dl.guideDl dt{position:relative; margin-bottom:10px; padding:0 0 0 15px; font-size:24px; color:#fff; } #contents dl.guideDl dt:after{content:""; display:block; position:absolute; top:9px; left:0; width:5px; height:18px; background:#b7b7b7;} #contents dl.guideDl dd{position:relative; margin-bottom:2px; padding:0 0 0 100px; font-size:24px; color:#dbdbdb; line-height:30px;} #contents dl.guideDl dd span.en{position:absolute; top:0; left:15px; font-size:24px; color:#dbdbdb; line-height:30px; } #contents dl.guideDl2{padding:60px 0 0 0; } #contents dl.guideDl2 > dt{width:100%; margin-bottom:30px; padding-left:25px; font-size:24px; color:#fff; background: url("../images/bullet01.png") left center no-repeat;} #contents dl.guideDl2 > dd{width:100%; margin-bottom:24px; padding:0 30px 34px 30px; border-bottom:1px solid #3e3e3e;} #contents dl.guideDl2 > dd.A{background:url("../images/guideIco01.png") right 82% no-repeat;} #contents dl.guideDl2 > dd.B{background:url("../images/guideIco02.png") right 82% no-repeat;} #contents dl.guideDl2 > dd.C{background:url("../images/guideIco03.png") 98% 82% no-repeat;} #contents dl.guideDl2 > dd:last-child{border-bottom:none} #contents dl.guideDl2 > dd > dl dt{padding-bottom:10px; font-size:22px; color:#f5f5f5;} #contents dl.guideDl2 > dd > dl dt > span{font-size:34px; color:#fff; vertical-align:-4px;} #contents dl.guideDl2 > dd > dl dd{position:relative; margin-bottom:2px; padding-left:45px; font-size:22px; font-weight:200; line-height:30px; color:#dbdbdb; } #contents dl.guideDl2 > dd > dl dd:after{content:""; display:block; position:absolute; top:15px; left:34px; width:5px; height:1px; background:#dbdbdb;} #contents .membershipBox{width:100%; min-height:492px; background: url("../images/memberBg.jpg") center 0 no-repeat; -webkit-background-size:cover ; -moz-background-size:cover ; -ms-background-size:cover ; background-size:cover ; } #contents .membershipBox .in_Layer{position:relative; } #contents .membershipBox .title{position:absolute; top:16px; left:50px; padding:18px 0 0 0; font-size:30px; font-weight:900; color:#fff; line-height:28px;} #contents .membershipBox .title:after{content:""; display:block; position:absolute; top:0; left:0; width:128px; height:3px; background:#fff;} #contents .membershipBox .title span{display:block; padding:5px 0; font-size:30px; font-weight:300; color:#fff; } #contents .membershipBox .couponBox{position:relative; z-index:300; width:100%; padding:80px 0 0 144px; } #contents .membershipBox .couponBox .coupon{width:100%; padding:28px 0; background:url("../images/couponBg.png") 0 0 no-repeat;} #contents .membershipBox .couponBox .coupon .in{width:430px; height:100%; text-align:center; } #contents .membershipBox .couponBox .coupon .in p.r{font-size:34px; color:#ab0c24;} #contents .membershipBox .couponBox .coupon .in p.price{font-size:38px; color:#000; } #contents .membershipBox .couponBox .coupon .in p.price span{font-size:64px; font-weight:900; color:#000; } #contents .membershipBox .couponBox .coupon .in p.g{font-size:26px; color:#505050;} #contents .membershipBox .couponBox .pay{width:100%; height:72px; margin:15px 0 0 0; } #contents .membershipBox .couponBox .pay a{display:block; width:100%; height:100%; font-size:36px; font-weight:400; color:#ab0c24; text-align:center; line-height:72px; background:#fff;} #contents .membershipBox .shortcuts{position:absolute; bottom:-55px; left:33px; font-size:28px; color:#fff; } #contents .membershipBox .shortcuts a{display:inline-block; width:130px; font-size:22px; color:#fff; text-align:center; line-height:40px; background:#99051f;} /* 교재 */ #contents ul.textbookList{width:100%; margin:30px 0 0 0; border-top:1px solid #3e3e3e; font-size:0; } #contents ul.textbookList:after{content:""; display:block; clear:both;} #contents ul.textbookList li{position:relative; display:inline-block; width:50%; padding:50px 2% 45px; vertical-align:top; border-bottom:1px solid #3e3e3e} #contents ul.textbookList li a{display:block; width:100%; } #contents ul.textbookList .checkHidden{position:absolute; top:26px; left:12px; } #contents ul.textbookList li .imgD{width:100%; margin-bottom:15px; } #contents ul.textbookList li .imgD img{display:block; width:100%; } #contents ul.textbookList li .topText{width:100%;} #contents ul.textbookList li .topText p{font-size:24px; } #contents ul.textbookList li .topText p.title{width:95%; font-weight:400; color:#dbdbdb; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #contents ul.textbookList li .topText p.name{font-weight:300; color:#9a9a9a;} /* 교재상세 */ #contents .textbookView .imgBig{width:100%; margin:0 0 30px 0; } #contents .textbookView .imgBig img{display:block; width:100%; } #contents .textbookView .textBookTitle{position:relative; width:100%; padding:0 0 20px 0; font-size:34px; font-weight:500; color:#ab0c24; word-wrap:break-word;} #contents .textbookView ul.infoText{width:100%; padding-bottom:30px; } #contents .textbookView ul.infoText li{position:relative; padding:0 0 12px 150px; font-size:22px; font-weight:200; color:#fff; } #contents .textbookView ul.infoText li > span.title{display:block; position:absolute; top:1px; left:0; font-size:22px; font-weight:300; color:#9a9a9a; } #contents .textbookView p.lineTitle{width:100%; font-size:24px; color:#dbdbdb; text-align:center; line-height:70px; border-top:1px solid #2f2f2f; border-bottom:1px solid #2f2f2f} #contents .textbookView .viewIn{width:100%; padding:24px 0 65px; font-size:22px; line-height:36px; font-weight:200; color:#ffffff; } #contents .textbookView .viewIn img{display:block; width:auto; max-width:100%; margin:0 auto; } #contents .textbookView .priceN{position:relative; margin:0 0 30px 0; padding:0 24px; border:1px solid #ab0c24;} #contents .textbookView .priceN:after{content:""; display:block; clear:both;} #contents .textbookView .priceN span{display:inline-block; font-size:24px; font-weight:300; color:#fff; line-height:90px; } #contents .textbookView .priceN span.title{float:left;} #contents .textbookView .priceN span.num{float:right;} #contents .textbookView .priceN span.red{color:#ab0c24;} #contents .textbookView .priceN span.en{font-size:34px; font-weight:700; color:#ab0c24;} #contents .btnArea{width:102%; margin-left:-2%; } #contents .btnArea:after{content:""; display:block; clear:both;} #contents .btnArea input{display:inline-block; float:left; width:48%; margin-left:2%; font-size:24px; color:#fff; font-weight:400; text-align:center; line-height:60px; cursor:pointer; background:#ab0c24;} #contents .btnArea100{width:100%;} #contents .btnArea100 .btnS1{display:block; float:none; width:100%; margin-left:0; } #contents .btnArea100 input{display:block; width:100%; margin-left:0; font-size:24px; font-weight:400; text-align:center;color:#fff; line-height:60px; background:#ab0c24;} #contents .btnArea2{width:100%; margin-left:0; margin-bottom:20px; } #contents .btnArea2 span{display:block; font-size:0; } #contents .btnArea2 span.left{float:left; margin-left:-1%; width:50%;} #contents .btnArea2 span.right{float:right;} #contents .btnArea2 a.btnS1{width:84px;} #contents a.btnS1{display:inline-block; float:left; width:48%; margin-left:2%; font-size:24px; font-weight:400; text-align:center; line-height:60px; background:#ab0c24;} #contents .whiteBtn{width:100%; margin-bottom:10px; padding:0 50px; text-align:right; } #contents .whiteBtn a{display:inline-block; padding:0 15px; font-size:22px; font-weight:400; text-align:center; line-height:55px; background:#ab0c24;} #contents a.btnS1.w{color:#444; background:#fff; border:1px solid #000;} #contents a.btnS1.copy{background:#ab0c24; border:1px solid #8b081b;} #contents a.btnS1.move{background:#000; border:1px solid #9f9f9f;} #contents a.btnS1.del{color:#ab0c24; line-height:58px; background:none; border:2px solid #ab0c24;} #contents a.btnS1.edit{background:#086ec4; border:1px solid #086ec4; } #contents a.btnS1.answer{background:#710213; border:1px solid #710213; } /* 열리는 상세 */ #contents .openArea{display:none; width:100%; padding:52px 0 100px 0; background:#171717;} /* 공지 상세 */ #contents .noticeTitle{width:100%; margin-bottom:20px; padding:20px 0 0 0; font-size:26px; color:#000; } #contents ul.noticViewTable{width:100%; margin-bottom:10px; border-top:1px solid #000; } #contents ul.noticViewTable li{width:100%; padding:12px 0; border-bottom:1px solid #dbdbdb; } #contents ul.noticViewTable li.topth span{display:inline-block; position:relative; padding:0 24px 0 0; font-size:22px; color:#000; } #contents ul.noticViewTable li.topth span:after{content:""; display:block; position:absolute; top:50%; right:15px; width:1px; height:20px; margin:-8px 0 0 0; background:#dbdbdb;} #contents ul.noticViewTable li.topth span:last-child:after{display:none;} #contents ul.noticViewTable li.viewIn{font-size:22px; line-height:32px; color:#444; } /* 탭스타일 */ #contents ul.tabsStyle{width:100%; border:1px solid #000;} #contents ul.tabsStyle:after{content:""; display:block; clear:both;} #contents ul.tabsStyle li{float:left; width:calc( 100% / 4 + 1px); margin:0 -1px -1px 0; } #contents ul.tabsStyle li a{display:block; width:100%; height:47px; font-size:22px; color:#000; text-align:center; line-height:45px;border-right:1px solid #000; border-bottom:1px solid #000; } #contents ul.tabsStyle li a.active{color:#fff; background:#ab0c24; } /* 글쓰기 */ #contents table.whiteTable{width:100%; margin:0 0 10px 0; border-top:1px solid #000; } #contents table.whiteTable th, #contents table.whiteTable td{padding:6px 0 6px 10px; font-size:22px; font-weight:400; color:#000; text-align:left; border-bottom:1px solid #dbdbdb; } #contents table.whiteTable input.whiteInput{width:100%; height:60px; padding:0 15px; font-size:22px; font-weight:400; color:#000; background:#f5f5f5;} #contents table.whiteTable textarea.whitetext{display:block; width:100%; height:170px; padding:15px; font-size:22px; background:#f5f5f5; border:none;} /* 댓글작성 , 리스트 */ #contents .commentWhite{position:relative; width:100%; height:70px; margin:0 0 10px 0; padding:0 86px 0 0; } #contents .commentWhite textarea{display:block; width:100%; height:100%; padding:10px; font-size:22px; line-height:32px; color:#444; background:#f5f5f5; resize:none; overflow-y:auto;} #contents .commentWhite a.Rbtn{position:absolute; top:0; right:0; width:86px; height:70px; line-height:70px; } #contents .commentList{width:100%; padding:20px; border:1px solid #dbdbdb; } #contents .commentList li{width:100%; font-size:22px; font-weight:300; line-height:28px; color:#000; } #contents .commentList li.top{margin:0 0 14px 0; } #contents .commentList li.top span.data{margin:0 0 0 30px; } #contents .commentList li.area{margin:0 0 34px 0; } #contents .commentList li.bottom > span{position:relative; padding:0 24px 0 0;} #contents .commentList li.bottom > span:after{content:""; display:block; position:absolute; top:50%; right:15px; width:1px; height:20px; margin:-8px 0 0 0; background:#dbdbdb;} /* 무료강의 */ #contents .freeLectureMovie{width:100%; margin-bottom:80px;} #contents .freeLectureMovie img{display:block; width:100%;} /* 2019-02-27 */ h4.leftT{position:relative; z-index:300; width:calc(100% - 30px); margin:0 auto 40px; padding:50px 0 16px 0; text-align:left; font-size:48px; color:#171717; font-weight:700; border-bottom:1px solid #232323; } h4.leftT.white{color:#fff; } .sTitle{position:relative; width:100%; margin:25px 0; padding:0 0 0 10px; font-size:28px; color:#171717; } .sTitle:after{content:""; display:block; position:absolute; top:0; left:0; z-index:-10; width:15px; height:15px; background:#AB0C24;} .sTitle .caption{display:block; font-size:22px; font-weight:200; color:#3e3e3e;} .sTitle3{width:100%; margin-bottom:40px; padding:14px 0 0 26px; font-size:24px; color:#171717; background:url("../image/tIco01.gif") 0 0 no-repeat;} /* .sTitle2{width:100%; max-width:1140px; margin:0 auto; padding:10px 0 0 10px; font-size:32px; color:#fff; background:url("../image/tIco02.gif") 0 0 no-repeat;} .sTitle3 .caption{font-size:16px; font-weight:200; color:#3e3e3e;}*/ /* member */ /* login */ .redenText{width:100%; margin-bottom:14px; font-size:24px; color:#000; } .redenText .en{font-size:100%; color:#ab0c24;} .memberBox{width:100%; margin:20px 0; } .memberBox .loginIn{width:100%; margin:0 auto; padding:10px 0; } .memberBox .loginBox{position:relative; width:100%; margin-bottom:6px;} .memberBox .loginBox span.move{display:block; position:relative; width:100%; height:60px; border:1px solid #dbdbdb; } .memberBox .loginBox span.move:first-child{margin-bottom:10px; } .memberBox .loginBox span.move label{position:absolute; top:0; left:15px; font-size:22px; color:#7b7c81; line-height:60px; } .memberBox .loginBox span.move input{width:100%; height:100%; padding:0 15px; font-size:22px; border:none;} .memberBox .loginBox a.submit{display:block; width:100%; height:55px; margin:15px 0; text-align:center; font-size:24px; font-weight:500; color:#fff; line-height:55px; background:#ab0c24;} .memberBox .idchk{position:relative; width:100%; height:25px; margin-bottom:110px; } /* 체크박스 커스텀 공통 */ .check_Box{height:100%; } .check_Box input.setting_check{opacity: 0; filter: alpha(opacity=0); cursor:pointer;} .check_Box label{display:inline-block; height:100%; } .check_Box label span.btn{position:absolute; top:0; left:0; } .check_Box .checked_n_ef label{ -webkit-transition:initial; -moz-transition:initial; transition:initial; } .check_Box .checked_n_ef label span.btn{ -webkit-transition:initial; -moz-transition:initial; transition:initial; } /* 아이디 저장 체크박스 */ .memberBox .loginIn .check_Box{position:absolute; top:0; left:0; width:100%; } .memberBox .loginIn .check_Box input.setting_check{position:absolute; top:0; left:0; z-index:200; width:114px; height:35px;} .memberBox .loginIn .check_Box label{position:relative; padding:0 0 0 122px; height:35px; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s; } .memberBox .loginIn .check_Box label span.btn{width:60px; height:35px; background:#b0b0b0; -webkit-border-radius:17.5px; -moz-border-radius:17.5px; border-radius:17.5px; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s; } .memberBox .loginIn .check_Box label .text{display:inline-block; font-size:24px; line-height:35px; color:#000; } .memberBox .loginIn .check_Box.checked label span.btn{top:0; left:53px; background:#ab0c24;} .memberBox .loginIn .check_Box .oknoT{position:absolute; top:0; left:0; width:114px; height:35px; background:#e9e9e9; -webkit-border-radius:17.5px; -moz-border-radius:17.5px; border-radius:17.5px; } .memberBox .loginIn .check_Box .oknoT:after{content:""; display:block; clear:both;} .memberBox .loginIn .check_Box .oknoT span{display:block; position:relative; z-index:100; float:left; width:50%; height:35px; font-size:18px; line-height:35px; text-align:center;} .memberBox .loginIn .check_Box .oknoT span.ok{color:#bdbdbd; } .memberBox .loginIn .check_Box.checked_n_ef .oknoT span.ok{color:#fff; } .memberBox .loginIn .check_Box.checked .oknoT span.ok{color:#fff; } .memberBox .loginIn .check_Box .oknoT span.no{color:#fff; } .memberBox .loginIn .check_Box.checked_n_ef .oknoT span.no{color:#bdbdbd; } .memberBox .loginIn .check_Box.checked .oknoT span.no{color:#bdbdbd; } /* 회원가입 step1 */ .joinStep{position:relative; width:100%; margin-bottom:24px; } .joinStep:after{content:""; display:block; position:absolute; top:40px; left:0; width:100%; height:2px; background:#ececec;} .joinStep ul.step{position:relative; z-index:200; margin:0 auto; text-align:center; } .joinStep ul.step:after{content:""; display:block; clear:both;} .joinStep ul.step li{position:relative; display:inline-block; *display:inline; *zoom:1; width:175px; font-size:22px; color:#000; font-weight:300; text-align:center; } .joinStep ul.step li span{display:block; width:78px; height:78px; margin:0 auto 10px; font-size:28px; font-weight:500; line-height:78px; color:#fff; background:#000; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%; } .joinStep ul.step li.on span{background:#ab0c24;} /* 동의체크박스 */ .necessary{margin-bottom:10px; font-size:22px; color:#ab0c24;} .neceStar{display:inline-block; margin-right:5px; font-size:24px; color:#ab0c24; vertical-align:-4px;} .joinInBox{width:100%; } .joinInBox .textAreaIn{width:100%; padding-bottom:60px;} .tableName{position:relative; width:100%; margin-bottom:18px; padding:1px 0 1px 10px; font-size:24px; color:#000; } .tableName:after{content:""; display:block; position:absolute; top:10px; left:0; width:2px; height:18px; background:#000;} .textArea{width:100%; height:300px; padding:15px; border:1px solid #dbdbdb; overflow-y:auto;} .textArea span{font-size:16px !important; line-height:26px !important; } .textArea table td div{font-size:15px; line-height:26px !important; } .agreeB{position:relative; width:100%; height:35px; } .agreeB:after{content:""; display:block; clear:both;} .agreeB .check_Box{position:relative; float:right; } .agreeB .check_Box input.setting_check{position:absolute; top:15px; left:0; z-index:200; width:18px; height:16px;} .agreeB .check_Box label{position:relative; padding-left:30px; height:36px } .agreeB .check_Box label span.btn{top:13px; width:18px; height:16px; background-image:url("../images/chkIco.png"); background-repeat:no-repeat; background-position:0 0;} .agreeB .check_Box label .text{display:inline-block; padding:3px 0 0 0; font-size:22px; color:#7b7c81; } .agreeB .check_Box.checked label span.btn{background-position:-21px 0;} .agreeB2{position:relative; } .agreeB2 .check_Box{position:relative;} .agreeB2 .check_Box input.setting_check{position:absolute; top:0; left:0; width:18px; height:16px;} .agreeB2 .check_Box label{position:relative; padding-right:25px; } .agreeB2 .check_Box label span.btn{top:10px; right:0; left:auto; width:18px; height:16px; background-image:url("../images/chkIco.png"); background-repeat:no-repeat; background-position:0 0;} .agreeB2 .check_Box label .text{display:inline-block; padding:3px 0 0 0; font-size:24px; font-weight:300; color:#000; } .agreeB2 .check_Box.checked label span.btn{background-position:-21px 0;} .floatChek .check_Box{float:left; height:auto; margin-right:20px;} .check_Box.leftInpt label{padding-right:0; padding-left:25px; } .check_Box.leftInpt label span.btn{right:auto; left:0; width:18px; height:16px; background-image:url("../images/chkIco.png"); background-repeat:no-repeat; background-position:0 0;} /* btn_style */ .btnArea{width:100%; text-align:right; font-size:0; } .btnAreaSp{padding:0 50px;} a.btnStyle{display:inline-block; padding:0 18px; font-size:22px; text-align:center; line-height:55px; color:#fff; vertical-align:top; background:#ab0c24;} a.btnStyle_search{ margin-left:0px; display:inline-block; min-width:300px; padding:2px 15px; font-size:26px; font-weight:500; text-align:center; color:#fff; vertical-align:top; background:#ab0c24; -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius:3px;} /*학습자료다운로드 버튼*/ a.btn_round{display:inline-block; min-width:200px; padding:8px 10px; font-size:24px; text-align:center; color:#fff; background:#ab0c24; -webkit-border-radius:26px; -moz-border-radius:26px; border-radius:26px;} a.btn_round img{display:inline-block; width:18px; margin-left:6px; vertical-align:-3px; } .btnArea a.btnStyle.W16{width:160px;} .btnArea a.btnStyle{width:220px; height:55px; margin-left:6px; padding-right:0; padding-left:0; } .btnArea a.btnStyle.w{color:#000; background:#fff; border:1px solid #000; } .btnArea a.bs2{width:100px; line-height:41px} .btnArea a.bs2.copy{color:#000; background:#fff; border:1px solid #ab0c24; } .btnArea a.bs2.move{color:#000; background:#fff; border:1px solid #666; } .btnArea a.bs2.del{background:#000; border:1px solid #000; } .btnArea a.bs2.edit{background:#086ec4; border:1px solid #086ec4; } .btnArea a.bs2.answer{background:#710213; border:1px solid #710213; } .loginBtnArea{width:100%; font-size:0; text-align:center; } .loginBtnArea a{display:inline-block; width:230px; height:55px; margin-left:8px; font-size:22px; font-weight:500; color:#fff; text-align:center; line-height:53px; background:#372f2f; border:1px solid #372f2f; } .loginBtnArea a:first-child{width:230px; margin-left:0;} .loginBtnArea a.w{color:#000; background:#fff; border:1px solid #3e3e3e; } .viewBtn{width:100%; font-size:0; } .viewBtn a{display:inline-block; width:190px; height:50px; margin-left:11px; font-size:20px; font-weight:500; color:#fff; text-align:center; line-height:53px; background:#ab0c24; border:1px solid #ab0c24; } .viewBtn a:first-child{margin-left:0;} .viewBtn a.w{color:#000; background:#fff; border:1px solid #3e3e3e; } .grayBtnArea{width:100%; } .grayBtnArea:after{content:""; display:block; clear:both;} .grayBtnArea span{display:inline-block; font-size:0; } .grayBtnArea span.left{float:left; } .grayBtnArea span.right{float:right; } .grayBtnArea span a{display:inline-block; width:100px; height:55px; margin-right:5px; font-size:22px; font-weight:500; color:#fff; text-align:center; line-height:55px; vertical-align:top; } .grayBtnArea span a.del{color:#ab0c24; line-height:51px; border:2px solid #ab0c24;} .grayBtnArea span a.copy{background:#ab0c24; border:1px solid #8b081b;} .grayBtnArea span a.move{background:#000; border:1px solid #9f9f9f;} table.tableStyle{margin-bottom:45px; border:1px solid #dbdbdb; border-top:2px solid #000; } table.tableStyle th, table.tableStyle td{font-size:26px; font-weight:300; color:#000; border-bottom:1px solid #dbdbdb;} table.tableStyle th{padding:8px 0 8px 18px; text-align:left; } table.tableStyle th.fileTh{position:relative;} table.tableStyle th.verTop{padding-top:24px; vertical-align:top; } table.tableStyle th label{font-size:100%; font-weight:300; color:#000;} table.tableStyle td label{font-size:100%; font-weight:300; color:#000;} table.tableStyle td{height:70px; padding:9px 10px 9px 0; } table.tableStyle .checkTwo:after{content:""; display:block; clear:both;} table.tableStyle .checkTwo > div{float:left; margin-right:25px;} table.tableStyle td input.fileInput{height:55px; font-size:22px; color:#000; } table.tableStyle td input.intS{width:100%; height:55px; margin:0 0 10px 0; padding:0 10px; font-size:26px; color:#000; border:1px solid #dbdbdb;} table.tableStyle td input.intS.intW1{width:45%} table.tableStyle td input.intS.intW2{width:47%} table.tableStyle td input.intS.intW3{width:63%} /* table.tableStyle td input.intS.intW1{width:293px} table.tableStyle td input.intS.intW2{width:190px} table.tableStyle td input.intS.intW3{width:100%} */ table.tableStyle td select{font-size:22px; font-weight:300; color:#000; background: url("../images/downArrow.png") 90% center no-repeat;} table.tableStyle td select.selW1{width:100%; height:55px; text-align:left; } table.tableStyle td select.selW2{width:45%;} table.tableStyle td select.boxSelW{width:85%; margin-right:10px; vertical-align:top; border:none; border-right:1px solid #dbdbdb;} table.tableStyle td.leftTd:after{content:""; display:block; clear:both;} table.tableStyle td.leftTd .checkTwo{float:left; font-size:26px; } table.tableStyle td.leftTd .checkTwo > div{margin-right:15px;} table.tableStyle td .selectBox{width:100%; height:55px; margin:10px 0; font-size:26px; font-weight:300; color:#000; line-height:53px; border:1px solid #dbdbdb;} table.tableStyle td .b1{margin:0 5px;} table.tableStyle .inputList1:after{content:""; display:block; clear:both;} table.tableStyle .inputList1 > div{float:left; width:calc( 100% / 1 ); padding:5px 0; } table.tableStyle .inputList1 > div label{font-size:26px; font-weight:300; color:#000; } table.tableStyle .inputList1 > div label > input{margin-right:10px; vertical-align:-1px; } table.tableStyle.boldF th, table.tableStyle.boldF th label, table.tableStyle.boldF td{font-family: 'NotoSansKR', sans-serif; } table.tableStyle td.textareaBox .move{display:block; position:relative; width:100%; } table.tableStyle td.textareaBox .move label{position:absolute; top:10px; left:10px; font-size:26px; color:#9d9d9d; } table.tableStyle td.textareaBox .move textarea{width:100%; height:115px; padding:10px; border:1px solid #dbdbdb;} table.tableStyle td.noTh{padding:9px 24px; } table.tableStyle td.absolTd{position:relative; } table.tableStyle td.absolTd .poAbsol{position:absolute; top:20px; right:30px; } table.tableStyle td.absolTd .poAbsol.poAbsolC{right:465px} table.tableStyle td.absolTd .poAbsol > div{margin-right:0; margin-left:55px; } table.tableStyle2{border:1px solid #d4d4d4} table.tableStyle2 th{background:#f5f5f5 ;} table.tableStyle2 td{padding-left:12px; } table.tableStyle3 td.left .blue{font-size:14px; font-weight:500; color:blue; vertical-align:6px;} table.tableStyle3 td.left .red{font-size:14px; font-weight:500; color:red; vertical-align:6px;} table.tableStyle3 th{padding:22px 0; font-size:18px; font-weight:400; color:#000; text-align:center; border-bottom:2px solid #000; } table.tableStyle3 td{height:60px; padding:18px 0; font-size:16px; font-weight:300; color:#444; text-align:center; border-bottom:1px solid #dbdbdb;} table.tableStyle3 td.left{text-align:left; } table.tableStyle3 td.left a{display:inline-block; max-width:96%; font-size:16px; font-weight:300; color:#444; line-height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } table.tableStyle3 td.left img{vertical-align:5px;} table.tableStyle4{border-top:2px solid #000;} table.tableStyle4 th ,table.tableStyle4 td{height:62px; text-align:left; border-bottom:1px solid #dbdbdb; } table.tableStyle4 th{padding:16px 0 16px 50px; font-size:18px; font-weight:400; color:#000; } table.tableStyle4 td{padding:16px 10px 16px 0; font-size:16px; font-family:'NotoSansKRL', sans-serif; color:#444;} table.tableStyle4 .notiViewIn{padding:0; } table.tableStyle4 .notiViewIn .notiViewD{width:100%; padding:40px 48px; font-family:'NotoSansKRL', sans-serif; font-size:16px; line-height:22px; letter-spacing:-0.8px; color:#444; background:#f5f5f5;} /* radio 커스텀 */ .radioCust input[type="radio"]{display:none;} .radioCust input[type="radio"] + label {position:relative;} .radioCust input[type="radio"] + label span.text {display:inline-block; padding-left:24px; font-size:26px; font-weight:300; color:#000;} .boldF .radioCust input[type="radio"] + label span.text {font-family: 'NotoSansKR', sans-serif; } .radioCust input[type="radio"] + label span.text .red{color:#ab0c24;} .radioCust input[type="radio"] + label span.btn {display:block; position:absolute; top:0; left:0; width:18px; height:16px; background-image:url("../images/chkIco.png"); background-repeat:no-repeat; background-position:0 0; cursor:pointer; } .radioCust input[type="radio"]:checked + label span.btn {background-position:-21px 0;} .radioCust input[type="radio"]{display:none;} .radioCust.backRadio input[type="radio"] + label span.text {padding-right:24px; padding-left:0; } .radioCust.backRadio input[type="radio"] + label span.btn {left:auto; right:0;} .idpwConfirm{width:100%; padding:20px 0; background:#fff;} .idpwConfirm .idpwConfirmIn{width:100%; margin:0 auto; } .idpwConfirm .idpwConfirmIn > p{width:100%; margin:0 0 60px 0; font-size:22px; color:#000; text-align:center; } .idpwConfirm .idpwConfirmIn > p > span{font-size:100%; color:#3e3e3e;} .idpwConfirm .idpwUlTable{width:100%;} .idpwConfirm .idpwUlTable li{width:100%; } .idpwConfirm .idpwUlTable.idpwUlTable2 li{border:none;} .idpwConfirm .idpwUlTable li .idB{ width:100%; height:60px; margin:10px 0; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb} .idpwConfirm .idpwUlTable li .idB.pwidB{border:none;} .idpwConfirm .idpwUlTable li .idB.pwidB > span{padding:0; width:42%; text-align:center; border:none;} .idpwConfirm .idpwUlTable li .idB.pwidB > span span.bul img{vertical-align:1px;} .idpwConfirm .idpwUlTable li .idB.pwidB > strong{width:58%; font-size:22px; background:#f5f5f5; border:none;} .idpwConfirm .idpwUlTable li .idB > span{display:inline-block; padding-left:10px; width:20%; height:100%; font-size:22px; font-weight:200; color:#3e3e3e; line-height:58px; border-right:1px solid #dbdbdb; } .idpwConfirm .idpwUlTable li .idB > strong{display:inline-block; padding-left:10px; width:80%; height:100%; font-size:22px; font-weight:500; color:#000; line-height:58px; border-right:1px solid #dbdbdb; } .idpwConfirm .idpwUlTable li .idB a.savePw{display:inline-block; width:100%; height:100%; font-size:22px; font-weight:500; color:#3e3e3e; background:#fff; border:1px solid #000; } .idpwConfirm .firmBtn{width:100%; padding:30px 0 0 0; font-size:0; text-align:center; border-top:1px solid #dbdbdb} .idpwConfirm .firmBtn a{display:inline-block; width:168px; height:55px; margin:0 4px; font-size:22px; font-weight:500; line-height:53px; text-align:center; } .idpwConfirm .firmBtn a.b{color:#000; background:#fff; border:1px solid #3e3e3e; } .idpwConfirm .firmBtn a.r{color:#fff; background:#ab0c24; border:1px solid #ab0c24; } /* .whiteBg{position:absolute; top:180px; left:0; z-index:100; width:100%; height:calc( 100% - 180px ); background:#fff;} */ .cyCam_conInner> h4.leftT.whiteTitle{color:#171717;} .myClassroomArea{width:100%; padding:0 0 80px 0; } .cour_li3 li input{vertical-align:2px;} .cour_li3 li label{font-size:22px; font-weight:300; color:#000; } .btnF_wrap2{width:100%; margin:20px 0; text-align:center; } .btnF_wrap2 a{display:inline-block; width:160px; height:50px; font-size:22px; line-height:50px; color:#fff; background:#C31520;} .btnF_wrap2 a.sel_delete_but{color:#000; line-height:46px; background:#fff; border:2px solid #000; } .checkTwo:after{content:""; display:block; clear:both;} .checkTwo > div{float:left; margin-right:25px;} /* 나의 강의실 */ .myClassroomArea{position:relative; z-index:200; width:100%; margin:0 auto; padding-bottom:60px; } .myClassroomArea .myClasBox{width:100%; margin-bottom:80px;} .recentHistory{width:100%; } ul.recentHistoryList li{position:relative; margin:0 5px; } ul.recentHistoryList li > a{display:block; width:100%; } ul.recentHistoryList li .imgD{width:100%; margin-bottom:15px; border:1px solid #2d2d2d; } ul.recentHistoryList li .imgD > img{display:block; width:100%; } ul.recentHistoryList li p.listTitle{width:98%; margin:0 0 18px 0; padding:2px 0; font-size:22px; color:#3e3e3e; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } ul.recentHistoryList .slick-arrow{display:block; position:absolute; top:50px; z-index:200; width:18px; height:28px; font-size:0; text-indent:-9999px; border:none;} ul.recentHistoryList .slick-arrow.slick-prev{left:-25px; background:url("../images/s_left.png") 0 0 no-repeat;} ul.recentHistoryList .slick-arrow.slick-next{right:-25px; background:url("../images/s_right.png") 0 0 no-repeat;} table.tableStyle5{border-top:1px solid #dbdbdb; } table.tableStyle5 th, table.tableStyle5 td{color:#3e3e3e; text-align:center; } table.tableStyle5 th{padding:24px 0; font-size:24px; font-weight:500; color:#333; border-bottom:2px solid #171717;} table.tableStyle5 td{height:60px; padding:8px 0; font-size:22px; font-weight:300; border-bottom:1px solid #dbdbdb;} table.tableStyle5 td.dDay{font-weight:400;} table.tableStyle5 td span{font-size:22px; font-weight:300; } table span.progress{display:inline-block; width:100px; height:34px; } table span.progress span{display:inline-block; width:100%; height:100%; font-size:22px; line-height:28px; text-align:center; -webkit-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; border-radius:16px; } table span.progress span.ing{color:#ab0c24; background:#fff; border:2px solid #ab0c24; } table span.progress span.end{color:#fff; background:#000; border:2px solid #000; } table span.proof{display:inline-block; width:135px; height:45px; } table span.proof a{display:inline-block; width:100%; height:100%; font-size:16px; line-height:43px; text-align:center; } table span.proof a.Impossible{color:#ab0c24; border:1px solid #171717; cursor:default;} table span.proof a.possible{color:#fff; background:#ab0c24; border:1px solid #ab0c24; } /* 운영안내 */ .operationArea{width:100%; padding:0 0 80px 0; } .operationArea .map{width:100%; height:285px; } .operationArea .operInfo{width:100%; padding:30px; background:#1e1e1e;} .operationArea .operInfo dl{width:100%;} .operationArea .operInfo dl dt{margin-bottom:8px; font-size:22px; font-weight:500; color:#fff;} .operationArea .operInfo dl dd{margin-bottom:30px; font-size:22px; color:#7b7c81;} .operationArea .operInfo dl.operDl1{float:none; width:100%; margin-bottom:45px;} .operationArea .operInfo dl.operDl1 dt{margin-right:5px; margin-bottom:0; } .operationArea .operInfo dl.operDl1 dd{margin-bottom:0;} .operationArea .operInfo dl.operDl3 dd{font-size:30px; font-weight:500;} /* 학습규정 */ .learningRulesArea{position:relative; z-index:200; width:100%; max-width:1140px; margin:0 auto; padding-bottom:100px;} .learningRulesArea .topCaption{width:100%; margin-bottom:25px; padding:20px; font-size:26px; font-weight:200; color:#000; border:1px solid #ddd; } .learningRulesArea .learningRulesT p{padding:0 0 0 26px; font-size:22px; line-height:30px; color:#000; background:url("../images/bullet01.png") left 12px no-repeat;} .learningRulesArea .learningRulesT p.noBg{margin:40px 0 10px 0; padding-left:0; background: none;} .learningRulesArea .learningRulesT p img.keybord{display:inline-block; margin-top:20px; vertical-align:top; } dl.dlStyle1{width:100%; margin:40px 0; padding:0 0 0 10px; } dl.dlStyle1 dt{position:relative; margin:0 0 10px 0; padding:0 0 0 18px; font-size:26px; font-weight:500; color:#f5f5f5; } dl.dlStyle1 dt:before{content:""; display:block; position:absolute; top:14px; left:0; width:2px; height:18px; background:#000;} dl.dlStyle1 > dd{position:relative; padding:2px 0 2px 15px; font-size:24px; font-weight:300; line-height:32px; color:#9a9a9a;} dl.dlStyle1 > dd:before{content:""; display:block; position:absolute; top:15px; left:0; width:4px; height:4px; background:#000;} .learningRulesArea dl.dlStyle1 dt{color:#000;} .learningRulesArea dl.dlStyle1 > dd{color:#000;} dl.dlStyle1 > dd.blankDd{margin:70px 0 0 0; } table.learningRulesTable{margin:14px 0; border:1px solid #ddd;} table.learningRulesTable th{padding:10px 0; text-align:center; font-size:14px; line-height:20px; color:#dbdbdb; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} table.learningRulesTable thead th{color:#000;} table.learningRulesTable tbody th{color:#000;} table.learningRulesTable th .caption{font-size:100%; color:#ab0c24;} table.learningRulesTable td{padding:16px 10px; font-size:14px; color:#000; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} table.learningRulesTable2 td{padding:6px 10px; text-align:left; line-height:28px; } .white{background:#fff;} /* 20200615 미래 추가 */ .in_Layer{position:relative; width:100%; padding:0 15px; } .membership_area{width:100%; padding:100px 0; background: url("../images/member_bg.jpg") center 80px no-repeat; -webkit-background-size:cover ; -moz-background-size:cover ; -ms-background-size:cover ; background-size:cover ; } .membership_area .title{width:100%; margin-bottom:35px; padding:35px 0 0 0; font-size:50px; font-weight:900; color:#fff; text-align:center; line-height:48px; } .membership_area .title:before{content:""; display:block; position:absolute; top:0; left:50%; width:128px; height:3px; margin-left:-64px; background-color: #fff;} .membership_area .title span{display:block; font-size:30px; font-weight:300; color:#fff; } .membership_area .couponBox{width:400px; margin:0 auto 45px; } .membership_area .couponBox .coupon{width:100%; background:url("../images/couponBg.png") 0 0 no-repeat; -webkit-background-size: 100%; background-size:100%;} .membership_area .couponBox .coupon .in{width:344px; padding:28px 0; height:100%; text-align:center; } .membership_area .couponBox .coupon .in p{font-size:20px; font-weight:400; } .membership_area .couponBox .coupon .in p.r{color:#ab0c24;} .membership_area .couponBox .coupon .in p.price{color:#000; } .membership_area .couponBox .coupon .in p.price span{font-size:50px; font-weight:900; color:#000; } .membership_area .couponBox .coupon .in p.g{color:#505050;} .membership_area .couponBox .pay{width:100%; height:90px; margin:24px 0 0 0; } .membership_area .couponBox .pay a{display:block; width:100%; height:100%; font-size:30px; font-weight:400; color:#ab0c24; text-align:center; line-height:90px; background:#fff;} .membership_area .shortcuts{width:100%; text-align:center; font-size:0; } .membership_area .shortcuts .tit{display:inline-block; padding-top:4px; margin-right:18px; font-size:30px; color:#fff; } .membership_area .shortcuts a{display:inline-block; min-width:120px; padding:8px 5px 10px; font-size:20px; vertical-align:top; text-align:center; color:#fff; background-color: #99051f; border:2px solid #99051f; } .con_Inner{position:relative; width:100%; padding:20px 0;} .con_Inner.white{background-color: #fff;} .con_Inner .in_Layer{position:relative; z-index:100; } .notice_box01{padding:75px 0 0 0; font-size:20px; color:#000; text-align:center; background:url("../images/ico_notice.png") center top no-repeat;} #contents .attendance ul.textbookList{width:100%; margin-bottom:45px; border-top:1px solid #e3e3e3; } #contents .attendance ul.textbookList li{border-bottom:1px solid #e3e3e3; } #contents .attendance ul.textbookList li .topText{width:100%; padding-bottom:50px; } #contents .attendance ul.textbookList li .topText p{font-size:22px; } #contents .attendance ul.textbookList li .topText p.title{width:95%; padding-bottom:4px; font-size:24px; font-weight:500; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #contents .attendance ul.textbookList li .topText p.name{padding-bottom:10px; font-weight:300; color:#444;} #contents .attendance ul.textbookList li .topText p.price{font-size:24px; font-weight:600; color:#ab0c24; text-align:right; } #contents .attendance ul.textbookList li .imgD{width:100%; } #contents .attendance ul.textbookList li .imgD img{display:block; width:100%; } #contents .attendance .textbookView{width:100%; padding:20px 10px; } #contents .attendance .textbookView p.cap{padding-bottom:15px; font-size:20px; color:#000; } #contents .attendance .textbookView .imgBig{width:100%; } #contents .attendance .textbookView .imgBig img{display:block; width:100%; } #contents .attendance .textbookView .viewInfo{width:100%; } #contents .attendance .textbookView .viewInfo > .title{width:100%; padding:25px 0 35px; font-size:34px; font-weight:500; line-height:28px; color:#ab0c24; word-wrap:break-word;} #contents .attendance .textbookView .viewInfo ul.infoText{width:100%;} #contents .attendance .textbookView .viewInfo ul.infoText li{position:relative; min-height:33px; padding:10px 0 10px 160px; font-size:22px; font-weight:400; color:#000; line-height:24px;} #contents .attendance .textbookView .viewInfo ul.infoText li > span.title{display:block; position:absolute; top:10px; left:0; width:150px; font-size:22px; font-weight:400; color:#000; } #contents .attendance .textbookView .viewInArea{width:100%; } #contents .attendance .textbookView .viewInArea > .title{width:100%; height:60px; font-size:24px; font-weight:400; color:#444; text-align:center; line-height:58px; border-top:1px solid #000; border-bottom:1px solid #000;} #contents .attendance .textbookView .viewInArea .viewIn{width:100%; margin:25px 0; padding:15px 0; font-size:22px; line-height:38px; font-weight:400; color:#333; } #contents .attendance .textbookView .viewInArea .viewIn img{display:block; width:auto; max-width:100%; margin:0 auto; } #contents .attendance .textbookView .viewInfo .price_box{position:relative; margin:0 0 35px 0; padding:15px; font-size:24px; font-weight:300; color:#000; background:#f3f3f3; } #contents .attendance .textbookView .viewInfo .price_box:after{content:""; display:block; clear:both;} #contents .attendance .textbookView .viewInfo .price_box span{font-size:24px; color:#000; } #contents .attendance .textbookView .viewInfo .price_box span.title{float:left; padding:8px 0 0 0; } #contents .attendance .textbookView .viewInfo .price_box span.num{float:right; color:#ab0c24; } #contents .attendance .textbookView .viewInfo .price_box span.en span{font-size:34px; font-weight:700; color:#ab0c24; vertical-align:-2px;} #contents .attendance .textbookView .viewBtn a{width:calc(100% / 2 - 5.5px); } .btn_round01{display:inline-block; padding:5px 20px; font-size:20px; color:#fff !important; text-align:center; background-color: #ab0c24; -webkit-border-radius:17px; -moz-border-radius:17px; border-radius:17px;} /* 210607 mr 리뉴얼 */ .box_100{margin-bottom:100px; } .col_red01{color:#ab0c24 !important; } .col_blue01{color:#0051b6 !important; } .tabs_type_01{width:100%; border-bottom:1px solid #3e3e3e; } .tabs_type_01:after{content:""; display:block; clear:both; } .tabs_type_01 li{display:table; float:left; width:180px; height:90px; } .tabs_type_01 li a{display:table-cell; position:relative; width:100%; font-size:34px; font-weight:500; color:#7a7a7a; text-align:center; vertical-align:middle; } .tabs_type_01 li a:after{content:""; display:none; position:absolute; bottom:-1px; left:0; width:100%; height:4px; background-color: #99051f;} .tabs_type_01 li a.on{color:#fff; } .tabs_type_01 li a.on:after{display:block; } .box_viewTarget{width:100%; margin-bottom:50px; padding:20px 0; } .box_viewTarget ul.lectureText{border-top:none; } .box_viewThumb{width:100%; } .box_viewThumb img{display:block; width:100%; } .align_left{text-align:left !important; } .list_lectureType_01{width:100%; margin-bottom:25px; } .list_lectureType_01 .obj_lecture{width:100%; padding:28px 0; border-bottom:1px solid #3e3e3e; } .list_lectureType_01 .box_top{width:100%; margin-bottom:15px; } .list_lectureType_01 .box_top:after{content:""; display:block; clear:both; } .list_lectureType_01 .box_thumb{float:left; width:260px; } .list_lectureType_01 .box_thumb a, .list_lectureType_01 .box_thumb img{display:block; width:100%; } .list_lectureType_01 .box_info{float:right; width:calc(100% - 290px);} .list_lectureType_01 .box_bullet{display:block; width:100%; font-size:0; } .list_lectureType_01 .box_bullet .obj_base{display:inline-block; } .list_lectureType_01 .box_bullet .text{display:inline-block; margin-right:18px; font-size:26px; font-weight:500; color:#9a9a9a; } .list_lectureType_01 .text_time{font-size:24px; font-weight:300; color:#9a9a9a; } .list_lectureType_01 .text_time img{display:inline-block; margin-right:6px; vertical-align:-2px; } .list_lectureType_01 .text_title{display:block; padding-bottom:14px; font-size:26px; font-weight:500; color:#fff;} .list_lectureType_01 .text_title a{display:inline-block; font-size:100%; color:#fff; } .list_lectureType_01 .text_area{width:100%; max-height:80px; font-size:24px; font-weight:300; line-height:40px; color:#9a9a9a; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; } .list_lectureType_01 .box_btn{width:100%; } .list_lectureType_01 .box_btn a{display:block; width:100%; padding:6px 0; font-size:26px; font-weight:500; color:#fff; text-align:center; background-color: #ab0c24; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .list_lectureType_01.type_02 .box_bullet .text{color:#333; } .list_lectureType_01.type_02 .text_time{color:#333; } .list_lectureType_01.type_02 .text_title{color:#333; } .list_lectureType_01.type_02 .text_title a{color:#333; } .list_lectureType_01.type_02 .text_area{color:#333;} .box_viewLecture{position:relative; width:100%; } .text_title_01{width:100%; margin-bottom:35px; border-bottom:1px solid #3e3e3e; } .text_title_01 .text_target{display:inline-block; position:relative; padding-bottom:40px; font-size:34px; font-weight:500; color:#fff; } .text_title_01 .text_target:after{content:""; display:block; position:absolute; bottom:-1px; left:0; width:180px; height:4px; background-color: #99051f;} .text_title_02{width:100%; margin-bottom:40px; font-size:40px; font-weight:500; color:#fff; } .text_title_03{width:100%; padding-bottom:14px; font-size:34px; font-weight:500; color:#000; border-bottom:2px solid #000; } .title_lecture_01{width:100%; margin-top:-1px; padding:22px 25px; font-size:20px; font-weight:300; color:#000; background-color: #f4f4f4;} .list_lectureType_02:not(.slider){width:calc(100% + 48px); margin-left:-24px;} .list_lectureType_02:not(.slider):after{content:""; display:block; clear:both; } .list_lectureType_02:not(.slider) .obj_lecture{float:left; width:calc(100% / 4); margin-bottom:35px; padding:0 24px 35px 24px; border-bottom:1px solid #3e3e3e;} .list_lectureType_02.slider{width:100%; overflow:hidden; } .list_lectureType_02 .slick-list {width:calc(100% + 48px); margin-left:-48px; } .list_lectureType_02.slider .obj_lecture{margin-left:48px; } .list_lectureType_02 .obj_lecture a{display:block; width:100%; } .list_lectureType_02 .box_thumb{width:100%; margin-bottom:35px; border:1px solid #2d2d2d; } .list_lectureType_02 .box_thumb img{display:block; width:100%; } .list_lectureType_02 .text_tit{display:block; width: 100%; margin: 0 0 18px 0; font-size:18px; font-weight:500; color: #dbdbdb; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .list_lectureType_02 .text_area{width: 100%; height:44px; margin: 0 0 16px 0; font-size:14px; font-weight:300; color: #9a9a9a; line-height:22px; text-overflow: ellipsis; white-space: normal; word-wrap:break-word; overflow: hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .list_lectureType_02 .box_bullet{width:100%; } .list_lectureType_02 .box_bullet .obj_bul{width:100%; margin-bottom:10px; font-size:14px; font-weight:300; color:#9a9a9a;} .pager_number_01{position:absolute; top:0; right:0; font-size:34px; font-weight:100; color:#9a9a9a; } .pager_number_01 span{font-size:100%; font-weight:500; color:#fff; } .box_introArea{width:calc(100% + 30px); min-height:45px; margin-top:-25px; margin-left:-15px; } .area_bannerEvent{width:100%; } .area_bannerEvent .obj_banner{width:100%; } .area_bannerEvent .obj_banner a, .area_bannerEvent .obj_banner img{display:block; width:100%; } .box_lectureApplyBtn{width:100%; margin-bottom:50px; } .box_lectureApplyBtn a{display:block; padding:22px 0; font-size:30px; font-weight:600; color:#fff; text-align:center; background-color: #ab0c24;} .bar_progress{width:100%; margin-top:12px; font-size:0; } .bar_progress .obj_base{display:inline-block; } .bar_progress .per{margin-right:12px; font-size:26px; font-weight:600; color:#ab0c24; } .bar_progress .bar{position:relative; width:calc(100% - 100px); height:5px; vertical-align:6px; background-color: #f5f5f5; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} .bar_progress .bar .bar_in{display:inline-block; position:absolute; top:0; left:0; height:100%; background-color: #ab0c24; -webkit-border-radius: 2px; -moz-border-radius:2px; border-radius:2px;} .btn_addShow{width:100%; } .btn_addShow a{display:block; width:100%; padding:15px 0; font-size:26px; font-weight:500; color:#333; text-align:center; border:1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius:3px;} .tableStyle5.renewal .tableStyle5{background-color: #f4f4f4; border-top:none; } .tableStyle5.renewal .package_btn > td{} .tableStyle5.renewal .package_showTarget{display:none; } .tableStyle5.renewal .package_showTarget > td{padding:0; border-bottom:none; } .btn_table{display:block; width:138px; margin:0 auto; padding:8px 0; font-size:20px; font-weight:500 !important; color:#fff !important; text-align:center; cursor:pointer; -webkit-border-radius:25px; -moz-border-radius: 25px; border-radius: 25px;} .btn_table.type_01{background-color: #0051b6;} .btn_table.type_01.active{background-color: #002e66;} .btn_table.type_02{background-color: #ab0c24;} .box_noticeArea_01{width:100%; padding:15px 50px; background-color: #f5f5f5;} .box_noticeArea_01 .obj_table{display:table; width:100%; } .box_noticeArea_01 .obj_cell{display:table-cell; vertical-align:middle; } .box_noticeArea_01 .obj_title_01{width:115px; } .box_noticeArea_01 .obj_title_01 .obj_in{display:inline-block; width:100%; height:115px; padding-top:60px; font-size:20px; font-weight:600; color:#ff5a00; text-align:center; background-color: #fff; background-image: url("/template/1/images/ico_warning_01.png"); background-position: center 20px; background-repeat: no-repeat; -webkit-border-radius: 50%; -moz-border-radius:50%; border-radius:50%;} .box_noticeArea_01 .list_notice{padding-left:55px; } .box_noticeArea_01 .list_notice .obj_base{position:relative; margin-bottom:10px; padding-left:24px; font-size:16px; font-weight:100; color:#000; line-height:20px; } .box_noticeArea_01 .list_notice .obj_base:last-child{margin-bottom:0; } .box_noticeArea_01 .list_notice .obj_base:before{content:""; display:inline-block; position:absolute; top:4px; left:0; width:13px; height:13px; background:url("/template/1/images/ico_bullet_03.png") 0 0 no-repeat;} .area_mypageR{width:100%; padding-bottom:80px; } .box_latelyViewTitle{width:100%; margin-bottom:45px; padding-bottom:8px; border-bottom:2px solid #000; } .box_latelyViewTitle:after{content:""; display:block; clear:both; } .box_latelyViewTitle .text_title{float:left; font-size:34px; font-weight:500; color:#000; } .box_latelyViewTitle .select_type01{float:right; width:220px; height:50px; margin-top:5px; padding-right:50px; font-size:26px; font-weight:300; color:#000; background:url("/m/template/default/images/ico_arrow_down.png") calc(100% - 20px) center no-repeat; border:none; } .list_latelyView{width:100%; } .list_latelyView .obj_lecture{width:100%; margin-bottom:50px; padding:0 0 35px 0; border-bottom:15px solid #f1f1f1; } .list_latelyView .obj_lecture .box_thumb{width:100%; margin-bottom:8px; } .list_latelyView .obj_lecture .box_thumb a, .list_latelyView .obj_lecture .box_thumb img{display:block; width:100%; } .list_latelyView .btn_allShow{width:100%; margin-bottom:10px; text-align:right; } .list_latelyView .btn_allShow a{display:inline-block; width:240px; padding:6px 0; font-size:24px; font-weight:500; color:#ab0c24; text-align:center; border:1px solid #ccc; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;} .list_latelyView .box_info{width:100%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #dbdbdb; } .list_latelyView .box_info .text_title{display:block; width:100%; margin-bottom:20px; font-size:46px; font-weight:500; color:#333; } .list_latelyView .box_info .text_title a{display:inline-block; font-size:100%; font-weight:500; color:#333; } .list_latelyView .box_info .text_area{width:100%; min-height:inherit; padding:0; font-size:26px; font-weight:300; line-height:42px; color:#333; border-bottom:none; } .list_latelyView .box_utilList{width:100%; } .list_latelyView .box_utilList .obj_list{position:relative; margin-bottom:15px; padding-left:130px; font-size:26px; font-weight:300; color:#333; } .list_latelyView .box_utilList .obj_list .text_title{position:absolute; top:0; left:0; width:125px; padding-left:10px; font-size:100%; color:#333; } .subTitle_02{padding:20px 0; font-size:24px; color:#000; } .tabs_style_01{width:100%; margin-bottom:45px; font-size:0; border-bottom:2px solid #ab0c24;} .tabs_style_01 span{display:inline-block; width:calc(100% / 2); height:72px;} .tabs_style_01 span a{display:block; width:100%; height:100%; font-size:34px; font-weight:400; color:#333; text-align:center; line-height:70px; border:2px solid #ccc; border-bottom:none; } .tabs_style_01 span a.active{position:relative; border:2px solid #ab0c24; border-bottom:none; } .tabs_style_01 span a.active:after{content:""; display:block; position:absolute; bottom:-3px; left:0; width:100%; height:4px; background:#fff;} /* 애니메이션 CSS 시작 */ .ani_top, .ani_left, .ani_right, .ani_bottom, .ani_big, .ani_small, .ani_fade {opacity: 0;transition: 0.5s ease-out;} .ani_top {transform: translate(0,-50px);} .ani_bottom {transform: translate(0,50px);} .ani_left {transform: translate(-50px,0);} .ani_right {transform: translate(50px,0);} .ani_big {transform: scale(0.8);} .ani_small {transform: scale(1.2);} .effect .ani_top, .effect .ani_left, .effect .ani_right, .effect .ani_bottom, .effect .ani_big, .effect .ani_small, .effect .ani_fade {opacity: 1;transform: translate(0,0) scale(1) !important;} /* CY캠퍼스 소개 */ .about_wrap {background: #000;} .about1 {overflow: hidden;} .about1 .img {overflow: hidden;position: relative;display: flex;flex-wrap:wrap;margin-top: 39px;} .about1 .img > li {position: relative;width: calc(25% + 2.5px);margin-right: 1px;z-index: 1;font-size: 0;} .about1 .img > li img {width: 100%;} .about1 .img > li:nth-child(1) {margin-top: 37px;} .about1 .img > li:nth-child(2) {margin-top: 8px;} .about1 .img > li:nth-child(3) {margin-top: 32px;} .about1 .img > li:nth-child(4) {position: absolute;top: 0;right: 0;z-index: 0;} .about1 .con {position: relative;margin-top: -51px;z-index: 2;padding: 0 15px;} .about1 .con .txt1 {display: block;font-size: 62px;font-weight: 200;line-height: 1.2;letter-spacing:-0.025em;color:#fff;} .about1 .con .txt2 {display: inline-block;margin-top: 14px;padding: 1px 18px 8px;background: #fff;font-size: 54px;font-weight: 700;line-height: 1;letter-spacing:-0.025em;color: #010101;} .about1 .con .txt3 {display: block;position: relative;margin-top: 97px;font-size:48px;font-weight: 500;line-height: 1.2;letter-spacing:-0.025em;color: #fff;} .about1 .con .txt3:before {content:'';position: absolute;top: -68px;left: 0;width: 1px;height: 45px;background: #fff;} .about2 {padding-top: 183px;} .about2 .tit {font-size: 62px;font-weight: 300;line-height: 73px;letter-spacing:-0.025em;color: #656565;text-align: center;} .about2 .tit strong {font-weight: 700;color: #fff;} .about2 .tit .name {display: inline-block;padding: 1px 16px 6px;background: #fff;line-height: 1;color: #000;} .about2 .tit .color_w {color: #fff;} .about2 .box_video {position:relative;left: -15px;width: calc(100% + 30px);margin: 80px auto 0;z-index: 1;} .about2 .box_video img {width: 100%;} .about2 .box_video a {display: block;} .about2 .box_video .play_but{position:absolute;top:0; left:0; width: 100%;height: 100%;background:url('/template/1/images/ico_play01.png') center center no-repeat;} .about2 .box_video .play_but iframe{display:block; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; z-index:10;} .about3 {overflow: hidden;} .about3 .tit1 {margin-top: 166px;text-align: center;} .about3 .tit1 img {width: 750px;} .about3_slide {position: relative;margin-top:63px;} .about3_slide .swiper-slide:after {position: absolute;content:'';bottom: 0;left: 0;width: 100%;height: calc(100% - 600px);background: #fff;} .about3_slide .swiper-slide {position: relative;height: auto;text-align: center;} .about3_slide .swiper-slide > img {position: relative;z-index:3;width: 588px;} .about3_slide .bg {position: relative;margin-top: -160px;padding: 206px 74px 103px;background: #fff;text-align: left;z-index: 0;z-index: 2;} .about3_slide .bg:before {position: absolute;content:'';bottom:91px;right: 64px;width: 70px;height: 53px;background:url('/template/1/images/about3_bg01.png') 0 0 no-repeat;background-size: contain;z-index: 3;} .about3_slide .bg .tit {font-size: 48px;line-height: 57px;letter-spacing:-0.025em;color: #000;word-break: keep-all;} .about3_slide .bg .txt {margin-top: 34px;font-size: 27px;font-weight: 300;line-height: 36px;letter-spacing:-0.025em;color: #000;word-break: keep-all;} .about3_slide .bg .view {display: inline-block;margin-top: 29px;width: 172px;height: 57px;line-height:53px;border: 2px solid #cccccc;text-align: center;font-size: 25px;letter-spacing:-0.025em;font-weight: 300;color: #000;} .about3_slide .swiper-pagination {bottom: 43px;font-size: 0;} .about3_slide .swiper-pagination .swiper-pagination-bullet {display: inline-block;width: 45px;height: 4px;background: #000000;border-radius:0;margin: 0 5px;} .about4 {padding-top: 110px;overflow: hidden;} .about4_slide_wrap {position: relative;width: 750px;} .about4_slide_wrap .about4_slide {overflow: hidden;} .about4 .tit {text-align: center;font-size: 62px;line-height: 73px;letter-spacing:-0.025em;color: #fff;} .about4 .swiper-button-next, .about4 .swiper-button-prev {width: 31px;height: 59px;top: 295px;margin-top: 0;} .about4 .swiper-button-next:after, .about4 .swiper-button-prev:after {display: none;} .about4 .swiper-button-prev {left: 16px;background:url('/template/1/images/about4_arr01.png') 0 0 no-repeat;background-size: cover;} .about4 .swiper-button-next {right: 16px;background:url('/template/1/images/about4_arr02.png') 0 0 no-repeat;background-size: cover;} .about4_slide {margin-top: 45px;} .about4_slide .swiper-slide {position: relative;overflow: hidden;width: 573px !important;height: 745px;transform: scale(0.9);background-color: #000;} .about4_slide .img {width: 573px;height: 745px;background-repeat: no-repeat;background-position: center center;opacity: 0.4;transition: all 0.3s;background-size: cover;} .about4_slide .info {display: none;position: absolute;bottom: 0;left: 0;width: 378px;min-height: 220px;padding: 40px 57px;background:#fff url('/template/1/images/about4_more.png') calc(100% - 24px) calc(100% - 24px) no-repeat;background-size: 23px 23px;} .about4_slide .info .tit1{display: block;font-size: 48px;line-height: 1.1;letter-spacing:-0.025em;color: #000000;word-break: keep-all;} .about4_slide .info .name{display: block;margin-top: 12px;font-size: 36px;letter-spacing:-0.025em;color: #666666;word-break: keep-all;} .about4_slide .swiper-slide.swiper-slide-active {box-shadow: 0 0 55px rgba(0,0,0,1);} .about4_slide .swiper-slide.swiper-slide-active .img {opacity: 1;} .about4_slide .swiper-slide.swiper-slide-active .info {display: block;} .about5 {padding-top: 240px;} .about5 .in_Layer {overflow: hidden;} .about5 .con {position: relative;padding: 0 74px;margin-top: 0;z-index: 1;} .about5 .tit {margin-top: 50px;font-size: 62px;line-height: 73px;font-weight: 100;letter-spacing:-0.03em;color: #fff;} .about5 .tit strong {font-weight: 700;} .about5 .list {margin-top: 38px;} .about5 .list > li {padding-left: 44px;font-size: 27px;letter-spacing:-0.025em;line-height: 34px;font-weight: 300;color: #fff;background:url('/template/1/images/about5_list.png') 2px 4px no-repeat;background-size: 21px 20px;} .about5 .list > li + li {margin-top: 13px;} .about5 .video {width:100%;} #contents .blackArea.sub_page {padding-top: 145px;} #contents .blackArea.sub_page .titleStyle {width: calc(100% + 160px);margin-bottom: 135px;margin-left: -80px;font-size: 54px;font-weight: 700;color:#fff;} .about6 {overflow: hidden;margin-top: 33px;padding-bottom: 135px;} .about6 .tit_list {display: flex;flex-wrap:wrap;margin-top: 0;padding: 0 57px;} .about6 .tit_list > li {display: flex;justify-content: center;align-items: center;width: 100%;height: 126px;border-radius:7px;font-weight: bold;font-size: 48px;letter-spacing:-0.025em;color: #fff;background: #99051f;} .about6 .tit_list > li span {margin-left: 34px;} .about6 .tit_list > li + li {margin-top: 11px;} .about6 .tit {margin-top: 134px;text-align: center;font-size: 62px;line-height: 72px;letter-spacing:-0.025em;color: #fff;} .about6_list {display: flex;flex-wrap:wrap;padding: 0 57px;margin-top: 86px;} .about6_list > li {width: calc(50% - 10px);margin-right: 20px;margin-bottom: 11px;} .about6_list > li:nth-child(2n) {margin-right: 0;} .about6_list > li a {display: flex;justify-content: center;align-items: center;height: 100px;border-radius:8px;border: 2px solid #fff;font-size: 34px;font-weight: 700;letter-spacing:-0.025em;color: #fff;transition: all 0.3s;} .quick_menu {position: fixed;right: 39px;bottom: 220px;z-index: 300;} .quick_menu .con {overflow: hidden;width: 91px;height: 130px;border-radius:7px;background: #cf0b2d;text-align: center;} .quick_menu .con img {display: block;margin: 19px auto 0;width: 39px;} .quick_menu .con .txt {display: block;margin-top: 8px;font-size: 23px;font-weight: bold;line-height: 27px;letter-spacing:-0.075em;color: #fff;} .package_btn {overflow: hidden;margin-top: 30px;} .package_btn .btn1, .package_btn .btn2 {width: 281px;padding:22px 0; background-color: #ab0c24; font-size:28px; font-weight: 700;color:#fff; text-align:center;} .package_btn .btn1 {float: left;width:420px;background-color: #004d9b;} .package_btn .btn2 {float: right;} .package_con {display: none;margin-top: 30px;} .package_con .con img {max-width: 100%;} .package_con .btn {display:block; width:450px; height:90px; margin:50px auto 0; text-align:center; font-size:26px; font-weight:500; color:#fff; line-height:88px; border:1px solid #fff; } .review_wrap {overflow: hidden;margin-top: 40px;} .review_wrap .review_tit {display: flex;border-bottom: 2px solid #fff;} .review_wrap .review_tit .col {padding: 15px 0;font-size: 24px;font-weight: 400;color: #fff;text-align: center;} .review_wrap .review_tit .col1 {width: 600px;} .review_wrap .review_tit .col2 {width: 120px;} .review_table {overflow: hidden;height: 350px;} .review_table .swiper-slide {display: flex;} .review_table .swiper-slide .col {display: flex;align-items: center;height:70px; border-bottom:1px solid #dbdbdb; font-size:22px; font-weight:300; color:#fff; text-align:center;} .review_table .swiper-slide .col.left {text-align: left;} .review_table .swiper-slide .col a {overflow: hidden;display: inline-block;max-width: 96%;font-size: 22px; font-weight: 300;color: #fff;text-overflow: ellipsis;white-space: nowrap;} .review_table .swiper-slide .col1 {width: 600px;} .review_table .swiper-slide .col2 {width: 120px;} .review_wrap .btn_review {margin-bottom: 30px;float: right;border: 1px solid #fff;padding: 10px 20px;margin-top: 30px;font-size: 22px;font-weight: 300;color: #fff;}