.background-f3{background-color: #f3f7f8 !important;} /****** update ******/ .tbd_03 table tbody tr td a.re_b_btn{color:#18658e} .tbd_03 table tbody tr td a.re_g_btn{color:#777} .tbd_03 table tbody tr td a.re_gr_btn{color:#108c11} .tbd_03 .reBtn{float:right;padding:20px 0} .tbd_03 .reBtn span{padding-right: 10px} .tbd_03 .reBtn a{border:1px solid #d4d4d4;border-radius:20px;padding:8px 12px;color:#666} .toggleWrap.toggleWrap2 {display: none} .lectureWrap .lectureTotal.bdt {border-bottom:1px solid #e5e5e5;} .lectureBody.lectureBody2 .lectureTop {padding-top: 20px;position: relative;} .lectureBody.lectureBody2 .lectureTop .new {font-size: 12px;color:#fb1148;font-weight:bold;padding-left:10px} .lectureBody.lectureBody2 .img_center {} .lectureBody.lectureBody2 .img_center img {width:90%;} .selectArea {clear: both;display: block;content: "";} .btnArea{overflow: hidden} .btnArea .btnArea_inner {padding:20px 40px 60px;} .btnArea .btnSerch{background:#000;color: white;width:200px;height: 40px;font-size: 14px;line-height:40px;font-weight:bold} .btnArea .btnArea_inner > .left{float:left;} .btnArea .btnArea_inner > .right{float:right;} .lectureList.lectureList2 .thumb {display:block;width:120px;height:130px;} .lectureList.lectureList2 .thumb img {width:100%} .lectureList.lectureList2 .lectureTop .new {font-size: 12px;color:#fb1148;font-weight:bold;padding-left:10px} .lectureBody.lectureBody2 .lectureList.lectureList2 li:first-child {width:200px;} .tableBox.tableBox2 {padding:20px 0;} .lectureTotal.bdt.bggray {padding:15px 30px;font-size: 16px;font-weight: bold} /* Loader */ #loader{position:absolute;left:0;top:0;z-index:80;width:100%;height:100%;background:#fff;} #loader .lodingImgWrap{display:flex;flex-direction: column;justify-content:center;align-items:center;margin-top:160px} #loader .lodingImgWrap p{margin-top:-22px} @keyframes ldio-ob6codq2zhk-o { 0% { opacity: 1; transform: translate(0 0) } 49.99% { opacity: 1; transform: translate(56px,0) } 50% { opacity: 0; transform: translate(56px,0) } 100% { opacity: 0; transform: translate(0,0) } } @keyframes ldio-ob6codq2zhk { 0% { transform: translate(0,0) } 50% { transform: translate(56px,0) } 100% { transform: translate(0,0) } } .ldio-ob6codq2zhk div { position: absolute; width: 56px; height: 56px; border-radius: 50%; top: 42px; left: 14px; } .ldio-ob6codq2zhk div:nth-child(1) { background: #172a99; animation: ldio-ob6codq2zhk 1s linear infinite; animation-delay: -0.5s; } .ldio-ob6codq2zhk div:nth-child(2) { background: #c8cff7; animation: ldio-ob6codq2zhk 1s linear infinite; animation-delay: 0s; } .ldio-ob6codq2zhk div:nth-child(3) { background: #172a99; animation: ldio-ob6codq2zhk-o 1s linear infinite; animation-delay: -0.5s; } .loadingio-spinner-dual-ball-rdvrvlrpgxc { width: 140px; height: 140px; display: inline-block; overflow: hidden; background: rgba(0, 0, 0, 0); } .ldio-ob6codq2zhk { width: 100%; height: 100%; position: relative; transform: translateZ(0) scale(1); backface-visibility: hidden; transform-origin: 0 0; /* see note above */ } .ldio-ob6codq2zhk div { box-sizing: content-box; } /* 2020.02.18 */ .boardWrap .btn_m{height:36px} /* 장바구니 > 제목 컬러 */ .title .text_blue{color:#18658e} /*구매하기*/ .leTotal{border:none !important;padding:30px 10px 10px 0;margin-bottom: -40px;} /* 인덱스 */ /* Content */ #container .conq{height: 160px;background:#fcfcfc url(../images/bigimg/bg_conq.png) center center no-repeat;text-align:center} #container .conq p{font-size:22px;font-weight:bold;padding-top:40px} #container .conq span{font-size:14px;font-weight:400;color:#444;padding:15px 0;display:block;} .tbd_03 table tbody tr td a.re_g_btn{color:#777} .tbd_03 table tbody tr td a.re_gr_btn{color:#108c11} .tbd_03 .reBtn{float:right;padding:20px 0} .tbd_03 .reBtn span{padding-right: 10px} .tbd_03 .reBtn a{border:1px solid #d4d4d4;border-radius:20px;padding:8px 12px;color:#666} /***** User *********/ /* Login */ .loginWrap .loginForm .btn_login{margin-bottom:15px;padding:0 25px;width:100%;height:60px;line-height:60px;font-size:17px;font-weight:bold;color:#fff;text-align:center;border:0px none;background:#325ce3;box-sizing:border-box;} .loginWrap .loginForm .loginBtn a.btn_join{color:#325ce3;} .loginWrap{margin:100px auto 0;width:500px;} .loginWrap h1{margin-bottom:60px;text-align:center;} .loginWrap .loginForm{padding-bottom:45px;border-bottom:1px #e5e5e5 solid;} .loginWrap .loginForm input[type='text'], .loginWrap .loginForm input[type='password']{margin-bottom:15px;padding:0 25px;width:100%;height:60px;font-size:17px;border:1px #e5e5e5 solid;box-sizing:border-box;} .loginWrap .loginForm .loginBtns{ display: flex; justify-content:space-between;align-items: center} .loginWrap .loginForm .loginBtn{text-align:right;} .loginWrap .loginForm .loginBtn a{font-size:14px;color:#666;} .loginWrap .loginForm .loginBtns .loginBtn-left {} .loginWrap .loginSns{padding:55px 0 35px;} .loginWrap .loginSns:after{display:block;content:'';clear:both;} .loginWrap .loginSns b{display:block;margin-bottom:20px;font-size:20px;font-weight:bold;color:#444;text-align:center;} .loginWrap .loginSns a{padding-left:70px;width:245px;height:65px;font-size:15px;color:#999;line-height:63px;border:1px #e5e5e5 solid;background:#fff;box-sizing:border-box;} .loginWrap .loginSns a.btn_loginNaver{float:left;background:url(../images/common/btn_loginNaver.png) no-repeat 20px center;} .loginWrap .loginSns a.btn_loginNaver:hover{color:#4ec513;border-color:#4ec513;} .loginWrap .loginSns a.btn_loginKakao{float:right;background:url(../images/common/btn_loginKakao.png) no-repeat 20px center;} .loginWrap .loginSns a.btn_loginKakao:hover{color:#cfb800;border-color:#f5df34;} .loginWrap .loginBanner img{width:100%;} /*Join*/ .joinWrap h2{margin-top:60px;padding-bottom:25px;font-size:26px;font-weight:bold;color:#1b1b1b;border-bottom:2px #000 solid;} .joinWrap .statusBar{display:block;margin-bottom:45px;border-bottom:1px #e5e5e5 solid;} .joinWrap .statusBar:after{display:block;content:'';clear:both;} .joinWrap .statusBar li{display:block;position:relative;float:left;width:33.3333%;height:70px;font-size:20px;font-weight:bold;color:#999;text-align:center;line-height:70px;} .joinWrap .statusBar li:after{display:block;content:'';position:absolute;top:50%;right:-5px;margin-top:-10px;width:10px;height:20px;background:url(../images/common/icon_statusBar.png) no-repeat center center;} .joinWrap .statusBar li.last:after{display:none;} .joinWrap .statusBar li label{font-size:24px;} .joinWrap .statusBar li b{font-size:20px;} .joinWrap .statusBar li.active{color:#000;} .joinWrap .statusBar li.active b{color:#000;} .joinWrap .statusBar li.active:after{background:url(../images/common/icon_statusBar_active.png) no-repeat center center;} .joinWrap .joinAgreeAll{position:relative;padding:30px 25px;font-size:15px;background:#e5e5e5;font-weight:bold;} .joinWrap .joinAgreeAll input[type='checkbox']{position:absolute;top:30px;right:25px;} .joinWrap .joinAgree{position:relative;padding:25px 25px 25px 10px;border-bottom:1px #e5e5e5 solid;} .joinWrap .joinAgree label{font-size:17px;color:#666;cursor:pointer;} .joinWrap .joinAgree b:after{display:inline-block;content:'';clear:both;width:11px;height:6px;margin-left:5px;background:url(../images/common/icon_down_blue.png) no-repeat center center;} .joinWrap .joinAgree input[type='checkbox']{position:absolute;top:25px;right:25px;} .joinWrap .joinAgree p{display:none;margin:20px 0 0 15px;padding:15px;height:100px;font-size:13px;color:#666;border:1px #e5e5e5 solid;white-space:pre-line;overflow-y:auto;} .joinWrap .joinAgree.active b:after{background:url(../images/common/icon_up_blue.png) no-repeat center center;} .joinWrap .joinAgree.active p{display:block;} .joinWrap .tableBox table.form{border-top:2px #000 solid;} .joinWrap .tableBox table.form th{background-color:#f5f5f5;} .joinWrap .tableBox table.form input[type='text'], .joinWrap .tableBox table.form input[type='password'], .joinWrap .tableBox table.form select{margin:2px 0;min-width:180px;font-size:12px;border:1px #e1e1e1 solid;} .joinWrap .tableBox table.form input[type='text']::placeholder{font-size:12px;color:#333;} .joinWrap .tableBox table.form .captionText{font-size:11px;} .joinWrap .tableBox table.form .radioGroup input + label{font-size:12px;} .joinWrap .btnArea{margin:25px 0;} .joinWrap .btn_l{margin:0 5px;} .joinWrap .btn_ss, .joinWrap .btn_s, .joinWrap .btn_m, .joinWrap .btn_l, .joinWrap .btn_inline{color:#333;font-size:14px;background-color:#fff;border:1px #e1e1e1 solid;} .joinWrap .btn_m{height:36px;line-height:34px;} .joinWrap .btnArea .btn_l{min-width:120px;} .joinWrap .btnArea .btn_l.gray{color:#fff;background-color:#666666;border:1px #666666 solid;} .joinWrap .joinResult{padding:75px 0;font-size:16px;line-height:24px;color:#888;text-align:center;border:1px #e5e5e5 solid;} .joinWrap .joinResult b{display:block;margin-bottom:20px;font-size:28px;color:#000;} .joinWrap .btn_m {width: 120px; font-size: 12px; padding:0} /* 내강의실 */ /***** 교수소개 *****/ /* List */ .subIntroduction{margin:5px 0 20px;font-size:16px;color:#000;font-weight:bold;} .teacherThumb{margin:0px;} .teacherThumb:after{display:block;content:'';clear:both;} .teacherThumb > li{float:left;width:304px;margin-right:40px;margin-top:38px} .teacherThumb > li:last-child{margin-right:0} .teacherThumb > li:nth-child(1){margin-top:0} .teacherThumb > li:nth-child(2){margin-top:0} .teacherThumb > li:nth-child(3){margin-top:0} .teacherThumb > li:nth-child(3n+0){margin-right:0} .teacherThumb > li > div{height:282px;position:relative;overflow:hidden;transition:.3s ease;} .teacherThumb > li > div:hover{box-shadow:5px 10px 20px rgba(0,0,0,.4);transition:.3s ease;} .teacherThumb > li > div > a{display:block;height:100%} .teacherThumb > li .thumb{display:block;width:220px;height:initial;position:absolute;bottom:-4px;right:-28px;} .teacherThumb > li .thumb img{width:100%} .teacherThumb > li span.tch_home{position:absolute;bottom:26px;left:30px;} .teacherThumb > li span.ment{position:absolute;top:86px;left:30px;display:block;width:100px;word-break:break-word} .teacherThumb > li .category{display:block;width:50%;position:absolute;top:30px;left:30px;font-size:16px;color:#111;font-weight:400;} .teacherThumb > li .name{display:block;width:50%;position:absolute;top:50px;left:30px;font-size:28px;color:#000;} .teacherThumb > li .link_home, .teacherThumb > li .link_comment{display:block;width:50%;height:40px;line-height:40px;position:absolute;bottom:0;font-size:12px;text-align:center;border-top:1px #e5e5e5 solid;background-color:#fff;} .teacherThumb > li .link_home{left:0;} .teacherThumb > li .link_home:before{display:inline-block;content:'';clear:both;vertical-align:sub;width:14px;height:14px;margin-right:5px;background:url(../images/common/icon_home.png) no-repeat center center;} .teacherThumb > li .link_home:after{display:block;content:'';clear:both;width:1px;position:absolute;top:0;right:0;bottom:0;background-color:#e5e5e5;} .teacherThumb > li .link_comment{right:0;} .teacherThumb > li .link_comment:before{display:inline-block;content:'';clear:both;vertical-align:sub;width:14px;height:14px;margin-right:5px;background:url(../images/common/icon_comment.png) no-repeat center center;} /* Detail */ .teacherView{overflow:hidden;padding:0 0 36px} .teacherView .lectureWrap{margin-top:0;} .btn_quality{width:80px;border:1px solid #313131;color:#fff;background-color:#313131;} .btn_quality.on{border:1px solid #134c97;background-color:#134c97;} .teacherInfo{border-bottom:0;} .teacherInfo:after{display:block;content:'';clear:both;} .teacherInfo .thumb, .teacherInfo .info{float:left;width:50%;height:550px;position:relative;} .teacherInfo .thumb img{display:block;position:absolute;left:20px;top:50%;transform: translateY(-50%);/*margin-left: -40%*/} .teacherInfo .thumb .btn_teacherThumb{display:inline-block;height:30px;line-height:28px;padding:0 30px 0 50px;position:absolute;bottom:32px;left:20px;color:#fff;background:#928875 url(../images/common/icon_arrow_prev.png) no-repeat 14px center;border-radius:15px;} .teacherInfo .info .category{font-size:26px;} .teacherInfo .info .name{font-size:42px;font-weight:bold} .teacherInfo .info .name b{font-size:46px;} .teacherInfo .info .infoText{display:block;margin:40px 0 0;font-size:28px;font-weight:200;line-height:3.2rem} .teacherInfo .info .profile{width:338px;margin-top:20px;position:absolute;border:1px #e5e5e5 solid;background-color:#fff;z-index:9;} .teacherInfo .info .profile > dt{display:block;height:28px;line-height:28px;text-align:center;font-size:16px;font-weight:bold;background:url(../images/common/icon_arrowDown.png) no-repeat 95% center;cursor:pointer;} .teacherInfo .info .profile > dd{display:none;height:160px;padding:20px 25px;line-height:160%;font-size:12px;border-top:1px #e5e5e5 solid;overflow-y:auto;} .teacherInfo .info .profile.active > dt{background:url(../images/common/icon_arrowUp.png) no-repeat 95% center;} .teacherInfo .info .profile.active > dd{display:block;} .teacherInfo .info .teacherInfoTab{width:496px;margin-top:48px;} .teacherInfo .info .teacherInfoTab .tabBar{height:41px;margin-bottom:0;border:0;} .teacherInfo .info .teacherInfoTab .tabBar > li{width:35%;margin-right:0;} .teacherInfo .info .teacherInfoTab .tabBar > li > a{box-sizing:border-box;height:40px;line-height:40px;border:0;font-size:14px;color:#000;font-weight:bold;text-align:center;background:none;border:1px solid #000} .teacherInfo .info .teacherInfoTab .tabBar > li.active > a{background-color:#000;color:#fff;} .teacherInfo .info .teacherInfoTab .tabPage{height:250px;background-color:#f7f7f7;border:1px solid #000;box-sizing:border-box;position:relative;top:-2px;font-size:13px;font-weight:300;} .teacherInfo .info .teacherInfoTab .lectureList{height:190px;padding:20px 25px;line-height:180%;font-size:12px;box-sizing:border-box;overflow-y:auto;} .teacherContentsTab > .tabBar{height:initial;margin-bottom:0;border-bottom:1px solid #e5e5e5} .teacherContentsTab > .tabBar > li{width:20%;margin:0;} .teacherContentsTab > .tabBar > li > a{height:48px;line-height:48px;border:0;font-size:16px;font-weight:bold;color:#000;text-align:center;text-decoration:none;display:block;} .teacherContentsTab > .tabPage{overflow:initial;} .teacherContentsTab > .tabPage img{max-width:100%;} .teacherContentsTab .toggleWrap .tableBox{border:0;} .teacherContentsTab .tableBox.noLine{border:0;} .teacherContentsTab .lectureWrap{border-top:0px;} .ta_left{text-align:left;} .ta_center{text-align:center;} .ta_right{text-align:right;} .tab_lecture .tabContent, .tab_learning .tabContent{position:relative;} .tab_qna .modalWrap{border:1px #e5e5e5 solid;} .tab_qna .modalWrap .modalTitle{background-color:#fff;border-bottom:1px #e5e5e5 solid;} .tab_qna .modalWrap .modalTitle h2{color:#000;} .tab_qna .middleMsg{line-height:200px;} .tabBar.tabLecture{width:50%;height:48px;padding:40px 0;margin:0 auto;border:0px;} .tabBar.tabLecture > li{width:50%;margin:0;} .tabBar.tabLecture > li > a{height:46px;line-height:46px;color:#000;font-size:16px;text-align:center;border:1px solid #e5e5e5;} .btn_quality:before{display:inline-block;content:'';clear:both;width:15px;height:11px;background:url(../images/common/icon_arrowRight.png) no-repeat left top;} .btn_divTag{font-size:14px;} .btn_learnType{display:inline-block;min-width:106px;height:33px;line-height:33px;margin:0 5px;text-align:center;border-radius:16px;color:#fff;font-size:14px;} .btn_learnType.green{background-color:#00a651;} .btn_learnType.orange{background-color:#f7941d;} .btn_learnType.blue{background-color:#00aeef;} .btn_learnType.navy{background-color:#0072bc;} .btn_learnType.purple{background-color:#2e3192;} .btn_learnType.gray{background-color:#636363;} .btn_learnType.gree{background-color:#52952c;} .btn_learnType.purple2{background-color:#a040ce;} .toggleWrap{position:relative;} .toggleWrap > .btn_toggle{display:block;height:30px;background:url(../images/common/icon_lecture_down.png) no-repeat center center;cursor:pointer;} .toggleWrap > .btn_toggle.lock{position:absolute;top:-30px;left:0;right:0;} .toggleWrap > .div_toggle{display:none;} .toggleWrap.active > .btn_toggle{background:url(../images/common/icon_lecture_up.png) no-repeat center center;} .toggleWrap.active > .div_toggle{display:block;} .toggleWrap > .btn_toggle1{display:block;height:30px;background:url(../images/common/icon_lecture_down.png) no-repeat center center;cursor:pointer;} .toggleWrap > .btn_toggle1.lock{position:absolute;top:-30px;left:0;right:0;} .toggleWrap > .div_toggle1{display:none;} .toggleWrap.active > .btn_toggle1{background:url(../images/common/icon_lecture_up.png) no-repeat center center;} .toggleWrap.active > .div_toggle1{display:block;} .lectureWrap{margin-top:40px;border-top:1px #e5e5e5 solid;} .lectureTotal{padding:25px 10px;box-sizing:border-box} .lectureTotal:after{display:block;content:'';clear:both;} .lectureTotal > li{width:50%;} .lectureTotal > .left{float:left;font-size:24px;font-weight:bold;} .lectureTotal > .right{float:right;text-align:right;} .lectureWrap .lectureHead{display:table;width:100%;border-top:2px solid #000;border-bottom:1px solid #e5e5e5;box-sizing:border-box;} .lectureWrap .lectureHead:after{display:block;content:'';clear:both;} .lectureWrap .lectureHead > li{display:table-cell;vertical-align:middle;padding:14px;font-size:16px;text-align:center;font-weight:bold;box-sizing:border-box;} .lectureWrap .lectureRow{border-bottom:1px #e5e5e5 solid;} .lectureWrap .lectureList{display:table;width:100%;padding:10px 0;border:0;box-sizing:border-box;} .lectureWrap .lectureList:after{display:block;content:'';clear:both;} .lectureWrap .lectureList > li{display:table-cell;vertical-align:middle;padding:10px;line-height:180%;font-size:16px;box-sizing:border-box;} .lectureWrap .tableBox{margin:0 20px;} .lectureWrap .teacherBody{border-top:1px #e5e5e5 solid;} .lectureWrap .teacherRow{border-bottom:1px #e5e5e5 solid;} .lectureWrap .teacherRow .toggleWrap.active .btn_toggle{margin-top:0;} .lectureWrap .teacherRow .toggleWrap.active .btn_toggle1{margin-top:0;border-bottom:1px solid #000} .lectureWrap .teacherList{display:table;width:100%;border-left:1px #e5e5e5 solid;border-right:1px #e5e5e5 solid;box-sizing:border-box;} .lectureWrap .teacherList:after{display:block;content:'';clear:both;} .lectureWrap .teacherList > li{display:table-cell;vertical-align:middle;width:14.285%;height:160px;position:relative;font-size:18px;text-align:center;box-sizing:border-box;} .lectureWrap .teacherList > li.on{color:#fff;} .lectureWrap .teacherList > li > .thumb{display:block;height:160px;text-align:center;width:122px;padding-left:12px} .lectureWrap .teacherList > li > .thumb > img{max-height:100%;} .lectureWrap .teacherList > li > b{display:block;padding-bottom:10px;font-size:20px;} .tableBox table.lecture{border:1px solid #e5e5e5;border-bottom:0px;} .tableBox table.lecture th, .tableBox table.lecture td{border-left:0;border-right:0;background-color:#fff;} .tableBox table.lecture th{padding:10px;font-size:16px;} .tableBox table.lecture td{height:60px;padding:12px;font-size:14px;} .lectureWrap .cost{display:inline-block;/*min-width:80px;padding:0 10px;*/text-align:right;font-size:16px;} .lectureWrap .learnName{display:block;font-size:18px;font-weight:bold !important;letter-spacing:-1px;} .lectureWrap .learnBookName{display:block;font-size:16px;letter-spacing:-1px;} .lectureWrap .learnNum{display:inline-block;margin-bottom:10px;font-size:14px;} .lectureWrap .learnView{display:block;font-size:14px;} .lectureWrap ul.costList > li{padding:2px;} .wishGroup{display:inline-block;position:relative;height:20px;vertical-align:middle;box-sizing:border-box;overflow:hidden;} .wishGroup input[type='checkbox']{position:absolute;top:-9999px;} .wishGroup label{display:block;float:left;width:20px;height:20px;/*background:url(../images/common/btn_star_off.png) no-repeat center center;*/cursor:pointer;box-sizing:border-box;} .wishGroup input:checked + label{/*background:url(../images/common/btn_star_on.png*/) no-repeat center center;} .selectArea{border:1px #e5e5e5 solid;} .selectArea dl{padding:30px 40px 0;} .sb30 dl{padding:30px 40px;} .selectArea dl > dt{padding:0 8px;font-size:18px;font-weight:bold;} .selectArea dl > dd{} .selectArea ul:after{display:block;content:'';clear:both;} .selectArea ul > li{float:left;width:16.6666%;} .selectArea ul > li > a{display:block;height:40px;line-height:40px;margin:8px;border:1px #ccc solid;color:#000;text-align:center;font-weight:bold;} #wrap.skill .selectArea ul > li > a.active{border:1px #f69321 solid;color:#fff;background-color:#f69321;} .selectArea .btn_release{width:220px;height:40px;line-height:40px;font-weight:bold;} .selectArea .btn_release:before{display:inline-block;content:'';clear:both;width:24px;height:15px;vertical-align:middle;background:url(../images/common/icon_release.png) no-repeat left center;} /***** 수기 *****/ /* 합격수기 */ .tabBox.review li{display:block;float:left;width:25%;} .reviewBoard.active {display: block;} .review_txt {text-align: center;background:#fafafa;border:1px solid #d5d5d5;box-sizing:border-box;padding:32px 0;margin-bottom:48px} .review_txt p {font-size:24px;font-weight:bold;line-height:28px;padding-bottom:12px} .review_txt span {font-size: 14px;color:#555;} .review_txt span b {color:#e41248;font-weight:normal;} .review_point {height:auto;overflow:hidden;padding:25px 120px;margin:50px 0 90px;border:1px solid #e0e0e0;background-color: #fafafa;font-size:14px;} .review_point p {float:left;font-size:16px;color:#777;font-weight: bold} .review_point p span.ico {display:inline-block;width:20px;height:20px;background:url(../images/content/ico_review.png) bottom center no-repeat;margin-right: 10px;vertical-align: bottom;} .review_point ul {float:left;line-height: 20px;padding-left: 50px;} .review_point ul li {vertical-align: top} .review_point ul b {color:#e41248;font-weight:normal;} .review_movie_list {position: relative;margin-bottom:60px} .review_movie_list p {font-size: 18px;font-weight:bold;text-align: center;padding-bottom:12px} .review_movie_search .tableBox table.list{border: 1px #e5e5e5 solid;border-bottom:none} .comment .cm_write{position:relative; margin:20px 0px;} .comment .cm_write .inner{height:90px;} .comment .cm_write .inner .cm_title {float: left;width:100px;padding-top:30px;} .comment .cm_write .inner .write{float: left;width:749px;height:auto;border:1px solid #e3e3e3;} .comment .cm_write .inner .write textarea{width:100%;min-height:120px;border:none;font-size:1em; display:block; color:#333;letter-spacing:-0.5px;padding:10px 10px} .comment .cm_write .inner .single {float:left;width:89px;height:60px;padding-top:30px;text-align: center; background: #000;color:#fff;margin-left:10px;} .cm_list {font-size:14px; margin:20px 0px;} .cm_list .names{display:block;} .cm_list span.ctn {display:block;margin-bottom:20px;} .cm_list span.date {color:#7a7a7a;} .reviewBoard table td .star{display:inline-block;vertical-align:top;height:20px;text-indent:-9999em;/*background:url(../images/common/icon_star_s.png) 0 4px repeat-x;*/} .reviewBoard table td .star.count1{width:15px;} .reviewBoard table td .star.count2{width:30px;} .reviewBoard table td .star.count3{width:45px;} .reviewBoard table td .star.count4{width:60px;} .reviewBoard table td .star.count5{width:75px;} .reviewBoard textarea {border: 1px #ddd solid;} /*.review_movie_search {} .review_movie_search .list {width:100%;margin-bottom:30px;border-top:2px solid #000;display: } .review_movie_search .list:after {content: "";display: block;clear:both} .review_movie_search .list ul {padding-top: 30px} .review_movie_search .list li {float:left;width:220px;padding-left:24px;margin-bottom: 45px} .review_movie_search .list li:first-child {} .review_movie_search .list li span {display:block;padding-top:10px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:220px;overflow:hidden;} .review_movie_search .paging {margin-top:45px}*/ .review_movie_list .mainProduct {border:none;} .review_movie_list .mainStoryList{display:block;margin:0 -5px;padding-bottom:25px;} .review_movie_list .mainStoryList .item{display:block;float:left;padding:0 5px;width:25%;box-sizing:border-box;} .review_movie_list .mainStoryList .item > div{display:block;position:relative;padding:20px 20px 0;height:400px;border:1px #e5e5e5 solid;box-sizing:border-box;} .review_movie_list .mainStoryList .item > div > .name{display:block;margin-bottom:5px;font-size:19px;} .review_movie_list .mainStoryList .item > div > b{display:block;margin-bottom:5px;font-size:20px;} .review_movie_list .mainStoryList .item > div > .star{display:block;margin-bottom:20px;height:15px;text-indent:-9999em;/*background:url(../images/common/icon_star_s.png) repeat-x;*/} .review_movie_list .mainStoryList .item > div > .star.count1{width:15px;} .review_movie_list .mainStoryList .item > div > .star.count2{width:30px;} .review_movie_list .mainStoryList .item > div > .star.count3{width:45px;} .review_movie_list .mainStoryList .item > div > .star.count4{width:60px;} .review_movie_list .mainStoryList .item > div > .star.count5{width:75px;} .review_movie_list .mainStoryList .item > div > .desc{font-size:13px;line-height:180%;} .review_movie_list .mainStoryList .item > div > .btnArea{position:absolute;bottom:0;left:10px;right:10px;margin:0;padding:0;height:60px;border-top:1px #e5e5e5 solid;} .review_movie_list .mainStoryList .item > div > .btnArea:after{display:block;content:'';clear:both;} .review_movie_list .mainStoryList .item > div > .btnArea a{display:block;float:left;font-size:15px;font-weight:bold;line-height:60px;} .review_movie_list .mainStoryList .item > div > .btnArea a + a{float:right;} .review_movie_list .mainStoryList .slick-prev, .review_movie_list .mainStoryList .slick-next{} .myarea_main {margin-bottom:60px} .myarea_main .myarea_list_wrap{ padding:0px; margin:0px; position: relative; width:100%;} .myarea_main .myarea_list_wrap > .inner .owl-carousel{width:1000px;} .myarea_main .myarea_list_wrap .owl-nav{position: absolute; left:0px; top:30%; width:100%; height:0; display:block !important;} .myarea_main .myarea_list_wrap .owl-nav button{display:block; width:30px; height:30px;overflow: hidden; } .myarea_main .myarea_list_wrap .owl-nav button.owl-prev{float:left; position: absolute; left:-10px;height:28px; line-height: 30px;border:1px solid #e5e5e5; margin-left:-27px;background:#fff url(../images/common/btn_slidePrev.png) no-repeat center center;} .myarea_main .myarea_list_wrap .owl-nav button.owl-next{float:right;position: absolute; left:1010px;height:28px; line-height: 30px;border:1px solid #e5e5e5; margin-right:-11px;background:#fff url(../images/common/btn_slideNext.png) no-repeat center center;} .myarea_main .myarea_list_wrap .owl-nav button span{font-size:0; text-indent: -1000px;} .myarea_main .myarea_list_wrap .item{width:240px; box-sizing: border-box;} .myarea_main .myarea_list_wrap .item .inner {height:170px; position: relative;} .myarea_main .myarea_list_wrap .item .thumb{display:block; width:240px; height:auto;} .myarea_main .myarea_list_wrap .item .thumb .myarea_poster{height:120px;width:100%;} .myarea_main .myarea_list_wrap .item span.desc{position:absolute; bottom:0; left:0;height:30px;padding:0 20px;line-height: 30px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:220px;overflow:hidden;} /* 도서후기 */ .Bookreview .tabPage {margin-top: 50px} .Bookreview .tableBox table.list {border: 1px #e5e5e5 solid;border-bottom: none} .Bookreview .tableBox table.list b {color:#e41248;font-weight:normal;} .Bookreview .boardSearch {margin-bottom:25px;} .Bookreview .tabBar {height: 39px;margin:0 2%;padding-bottom:15px;border-bottom:none} .Bookreview .tabBar > li {position: relative;float: left;width:16%; z-index: 1;} .Bookreview .tabBar > li > a {display: block;font-weight: bold;height: 38px;line-height: 38px;text-align: center;padding: 0 25px;color: #444;border: none;background-color: #fff;} /***** 마이페이지 *****/ .Mypage {margin-top:40px;} /* 주문내역조회 */ .date_sort {} .date_sort .inner {padding: 14px 25px;border-top:2px solid #3c3c3c;border-bottom:1px solid #e1e1e1;background:#f1f1f1;} .date_5ea {font-size: 12px;} .date_5ea li {float:left;width:48px;border:1px solid #8d8d8d;text-align: center;margin-right:2px;border-radius:5px;background:#fff;} .date_5ea li:hover{background:#232323;border:1px solid #232323;} .date_5ea li:hover a{color:#f1f1f1;font-weight:bold;} .date_5ea li a {display:block;color:#111;padding:4px 0;} .date_pick {float:left;padding-left: 30px;font-size: 12px;} .date_pick .key-wrap {} .date_pick .key-wrap .hyphen {padding:0 10px;} .date_pick .key-wrap input {width:100px;height:28px;border:1px solid #8d8d8d;text-align: center;color: #111;} .date_pick .key-wrap input[type='text'] {text-indent:0px;} .date_sort ul {font-size: 12px;} .date_sort li {line-height: 16px;color:#666;font-weight:300;} .date_sort .search_btn{float:left;display:inline-block;width:53px;text-align:center;margin-left:20px;padding:4px 0;color:#fff;border-radius:5px;background:#232323;} .tbd_03 .reline_btn{border:1px solid #232323;padding:6px 28px;border-radius:5px;color:#111;} .tbd_03 .reline_btn:hover{background:#232323;color:#fff;} .tbd_03 {margin-top:24px} .tbd_03 p.title {font-size:18px;font-weight:800} .tbd_03 table {width:100%;border-top:2px solid #1b1b1b;margin-top: 13px;/*text-align: center;*/color: #000} .tbd_03 table th {font-size: 14px;font-weight:800;padding: 20px 0;background: #f1f1f1} .tbd_03 table td {font-size: 14px;line-height: 16px;padding: 15px 0;border-bottom:1px solid #e5e5e5;text-align:center} .tbd_03 table th:nth-child(2) {width:400px;} .tbd_03 table th:nth-child(3) {width:100px;} .tbd_03 table th:nth-child(4) {width:100px;} .tbd_03 table th:nth-child(5) {width:100px;} .tbd_03 .re_btn span {display:inline-block;width:5px;height:7px;background: url(../images/content/r_arrow.png) center center no-repeat;padding-left:15px;padding-top: 0} .tbd_03 td span {display: block;line-height: 12px;padding-top:4px;} .tbd_03 .btn_crud2 {width:100%;position:relative;} .tbd_03 .btn_crud2 .re_btn {position: absolute;bottom:15px;right:0;} .tbd_03.tbd_04 table {margin-top: 25px} .tbd_03.tbd_04 th {width:125px;border-bottom:1px solid #e5e5e5;text-align: left;padding-left: 20px} .tbd_03.tbd_04 td {text-align: left;padding-left: 20px} .tbd_03.tbd_04 td p{text-align: left;padding-left: 20px} .tbd_03 .orderHover{font-weight:bold} .tbd_03 .orderHover:hover{text-decoration:underline} .tbd_03 .trackingBtn{display:block;padding:4px 0px;font-size:12px;border:1px solid #000;width:58px;border-radius:5px;margin:0 auto;} .tbd_03 .trackingBtn:hover{background:#000;color:#fff;font-weight:bold} /* 장바구니 */ .Mypage {margin-top:5px;} .Mypage .statusBar{display:block;margin-bottom:45px;border-bottom:1px #e5e5e5 solid;border-top:2px #000 solid;} .Mypage .statusBar:after{display:block;content:'';clear:both;} .Mypage .statusBar li{display:block;position:relative;float:left;width:25%;height:70px;font-size:20px;font-weight:bold;color:#999;text-align:center;line-height:70px;} .Mypage .statusBar li:after{display:block;content:'';position:absolute;top:50%;right:-5px;margin-top:-10px;width:10px;height:20px;background:url(../images/common/icon_statusBar.png) no-repeat center center;} .Mypage .statusBar li.last:after{display:none;} .Mypage .statusBar li label{font-size:24px;} .Mypage .statusBar li b{font-size:20px;} .Mypage .statusBar li.active{color:#000;} .Mypage .statusBar li.active b{color:#000;} .Mypage .statusBar li.active:after{background:url(../images/common/icon_statusBar_active.png) no-repeat center center;} .Mypage .cart p.title {font-size:18px;font-weight:800} /*제목*/ .Mypage .cart .line {text-decoration:line-through} .Mypage .cart .original, .Mypage .cart .thm, .Mypage .cart .original .arrow {display: inline-block;padding:0 3px} .Mypage .cart .tbd_03 {font-weight: bold} .Mypage .cart .tbd_03 td {padding:12px 0;line-height:25px} .Mypage .cart .tbd_03 td:nth-child(2) {text-align: left} .Mypage .cart .tbd_03 td span {padding-top: 0;display: inline-block;} .Mypage .cart .tbd_03 .bdbox {padding:4px 3px;margin-right:5px;font-size: 14px} .Mypage .cart .pay_total p {display:inline-block;width:100%;font-size: 14px;font-weight: bold;text-align: right;padding-bottom: 5px} .Mypage .cart .pay_total li {float:left;width: 33.3333%;text-align: center;font-weight: bold;padding:35px 0;position: relative;line-height: 35px} .Mypage .cart .pay_total.pay_total2 li {float:left;width: 25%;} .Mypage .cart .pay_total li span {display: block;} .Mypage .cart .pay_total li .txt1 {font-size: 16px;color:#303030} .Mypage .cart .pay_total li .txt2 {font-size: 16px;color:#303030} .Mypage .cart .pay_total li .txt2 b {font-size:28px;color:#303030} .Mypage .cart .pay_total li .plus {width:47px;height:47px;background:url(../images/content/pay_plus.png) no-repeat;position:absolute;top:48px;right:-23px;} .Mypage .cart .pay_total li .minus {width:47px;height:47px;background:url(../images/ex/pay_minus.png) no-repeat;position:absolute;top:48px;right:-23px;} .Mypage .cart .pay_total li .icoequal {width:47px;height:47px;background:url(../images/content/pay_icoequal.png) no-repeat;position:absolute;top:48px;right:-23px;z-index: 3} .Mypage .cart .infoarea {border:1px solid #e5e5e5;padding:30px 20px;margin-top: 25px;color: #666;line-height: 20px;font-size: 12px} .Mypage .cart .infoarea .tit {font-size: 16px;font-weight: bold;color: #000;padding-bottom: 15px} .Mypage .cart .btn_area {padding-top: 25px} .Mypage .cart .btn_area a {display: inline-block;padding:12px 34px;text-align: center;font-size:16px;font-weight:600;border:1px solid #000;} .Mypage .cart .btn_area a.gray {border:1px solid #222;color: #fff} .Mypage .cart .btn_area a.bggray {color: #fff;background: #999} .Mypage .cart .btn_area .left {float:left;} .Mypage .cart .btn_area .left a {margin-right: 5px} .Mypage .cart .btn_area .right {float:right;} .Mypage .cart .btn_area .right a {margin-left: 5px} .Mypage .cart .btn_area .center {margin:0 auto;text-align: center} .Mypage .cart .btn_area .center a {margin:0 2px;} .Mypage .cart .tbd_06 table {width:100%;border-top:2px solid #1b1b1b;margin-top: 13px;color: #000;border-bottom:1px solid #e5e5e5;font-weight: bold} .Mypage .cart .tbd_06 table th {font-size: 14px;padding: 15px 15px;text-align: left;} .Mypage .cart .tbd_06 table td {font-size: 13px;line-height: 16px;padding:15px 15px;text-align: right;} .Mypage .cart .reserve {width:100%;} .Mypage .cart .reserve .inner {border-top:2px solid #1b1b1b;margin-top: 13px;color: #000;border-bottom:1px solid #e5e5e5;font-weight: bold;text-align: left;} .Mypage .cart .reserve ul {font-size: 12px;padding: 15px 15px;line-height: 20px;font-weight:bold} .Mypage .cart .reserve ul li {line-height: 20px} .Mypage .cart .reserve ul li span {padding-right:10px;} .Mypage .cart .reserve ul li .tit {} .Mypage .cart .reserve .blue.small {font-size: 12px} .Mypage .cart .tbd_03.tbd_05 {font-size: 14px} .Mypage .cart .tbd_03.tbd_05 th {border-bottom:1px solid #e5e5e5;background: #f5f5f5;padding:15px 20px;} .Mypage .cart .tbd_03.tbd_05 td {font-size: 14px;padding:15px 20px;} .Mypage .cart .tbd_03.tbd_05 select {width:100px;} .Mypage .cart .tbd_03.tbd_05 input {width:100px;} .Mypage .cart .tbd_03.tbd_05 input[type=checkbox] {width:13px;height:13px;margin-left: 10px;vertical-align: middle;} .Mypage .cart .tbd_03.tbd_05 .hyphen {padding:0 5px;} .Mypage .cart .tbd_03.tbd_05 .input_area input {margin-bottom: 5px;/*margin*/} .Mypage .cart .tbd_03.tbd_05 .input_area .text {font-size: 12px;display: inline-block;vertical-align: top;line-height: 36px} .Mypage .cart .tbd_03.tbd_05 .input_area .text2 {margin-left: 10px;font-size: 12px} .Mypage .cart .tbd_03.tbd_05 .input_area button {width:100px;height:36px;border:1px solid #e5e5e5;background:#fff;margin-top: 0;vertical-align: top} /*배송안내*/ .Mypage .cart .mileinfo {padding:30px 20px;background: #e5e5e5;line-height: 20px;font-size: 12px;color: #666; } .Mypage .cart .mileinfo .tit {font-size: 16px;font-weight: bold;padding-bottom: 15px} .Mypage .cart .pay {color:#303030;} .Mypage .cart .pay:after {clear: both;display: block;content: ""} .Mypage .cart .pay ul {padding: 15px 25px 54px;} .Mypage .cart .pay li.tit {font-weight: bold} .Mypage .cart .pay li {float:left;padding-right:40px} .Mypage .cart .pay .left {float: left;width:800px;height:100%;border-top:1px solid #e5e5e5;margin-top: 13px;margin-right:15px;} .Mypage .cart .pay .left ul#pcPaymentMethodUl li.tit {padding: 6px 32px 6px 0;} .Mypage .cart .pay .left ul#pcPaymentMethodUl li {padding-right: 10px;} .Mypage .cart .pay .left ul#pcPaymentMethodUl li label { cursor: pointer; } .Mypage .cart .pay .left ul#pcPaymentMethodUl li label span { border: 1px solid #e3e3e3; padding: 6px 12px; display: flex ; align-items: center; border-radius: 5px; gap: 4px; } .Mypage .cart .pay .left ul#pcPaymentMethodUl li label input:checked + span{ border-color: #333; background: #FAF2DC; } .Mypage .cart .pay .left ul#mobilePaymentMethodUl li {position: relative;} .Mypage .cart .pay .left ul#mobilePaymentMethodUl li label { padding-left: 24px; display: flex; align-items: center; gap: 4px; } .Mypage .cart .pay .left ul#mobilePaymentMethodUl li span { width: 16px; height: 16px; background: #fff; border-radius: 50%; border: 1px solid #e3e3e3; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .Mypage .cart .pay .left ul#mobilePaymentMethodUl li span:before { content: ""; position: absolute; box-sizing: border-box; width: 8px; height: 8px; border-radius: 50%; background: #fff; top: 4px; left: 4px; } .Mypage .cart .pay .left ul#mobilePaymentMethodUl li label input:checked + span {background: #E8B43D; border-color: #E8B43D;} .Mypage .cart .pay .left ul#pcPaymentMethodUl li label input, .Mypage .cart .pay .left ul#mobilePaymentMethodUl li label input { position: absolute; width: 1px; height: 1px; padding: 0; border: 0; overflow: hidden; margin: -1px; clip-path: inset(50%); } /*결제하기 부분 라디오버튼 내용부분*/ .Mypage .cart .pay .left div.ckctn{background: #fafafa;width: 100%;display:none;margin-top: 10px} .Mypage .cart .pay .left div.ckctn_n{display:block;min-height:340px;background: #fafafa;width: 100%;} .Mypage .cart .pay .left div.ckctn .ckinner {padding: 25px;min-height:291px} .Mypage .cart .pay .left .receipt > p.title {font-size:12px;color: #303030;font-weight: bold;padding-bottom: 5px} .Mypage .cart .pay .left .receipt table {width:100%;border-top:2px solid #e5e5e5;text-align: center;font-size:12px;} .Mypage .cart .pay .left .receipt table th {border-bottom: 2px solid #444;} .Mypage .cart .pay .left .receipt table th, .Mypage .cart .pay .left .receipt table td {padding:10px 0} .Mypage .cart .pay .left .receipt table td {border-top: 1px solid #e5e5e5} .Mypage .cart .pay .left .receipt table li {float:none;padding:2px 0;} .Mypage .cart .pay .left .receipt .detail {text-align: left;padding: 0;font-weight: bold} .Mypage .cart .pay .left .receipt .detail input, .Mypage .cart .pay .left .receipt .detail select {margin-left: 10px;} .Mypage .cart .pay .left .receipt .detail ul {padding: 0} .Mypage .cart .pay .left .receipt .detail .txt {display: block;font-size: 12px;color: #777;padding-top: 3px;font-weight:normal;} .Mypage .cart .pay .left .receipt .detail .date {padding-left:10px;padding-right:30px;background: url(../images/content/btn_calendar2.gif) 120px center no-repeat;cursor: pointer;color: #444;font-weight:normal;} .Mypage .cart .pay .left .receipt .detail .text_blue {font-size: 12px;font-weight:normal;} .Mypage .cart .pay .right {float:right;width:135px;padding: 50px 25px;margin-top: 13px;background:#dce9fa;text-align: center} .Mypage .cart .pay .right li {padding-right: 0;float: none} .Mypage .cart .pay .right .btn_area {padding-top: 112px} .Mypage .cart .pay .right .btn_area a {margin-bottom: 5px} /*결제완료 > 결제*/ .Mypage .cart .pay_comtitle {font-size:34px;font-weight:900;text-align: center;padding:34px 0 44px;color:#3e4450} .Mypage .cart .pay_comtitle .subtitle {font-size:14px;font-weight: normal;color:#686868;display: block;padding-top:4px} .Mypage .cart .pay_com {font-size: 12px;} .Mypage .cart .pay_com:after {content: "";display: block;clear:both;} .Mypage .cart .pay_com p.title {margin-bottom: 15px} .Mypage .cart .pay_com .left {float:left;width:650px;background: #fafafa;padding: 20px 25px;color: #666} .Mypage .cart .pay_com .left li {line-height: 20px;} .Mypage .cart .pay_com .left span.tit {display:inline-block;width:90px;padding-right: 75px;text-align: left} .Mypage .cart .pay_com .right {float:right;width:250px;background:#fafafa;padding: 50px 25px 40px;min-height:60px} .pay-sum {text-align: center;font-weight: bold} .pay-sum span {display: block;letter-spacing: -2px;text-align:center} .pay-sum .txt1 {font-size:16px } .pay-sum .txt2 {font-size:16px;line-height:45px} .pay-sum .txt2 b{color:#686868} /* 회원정보관리 */ .Mypage.userinfo {} .Mypage.userinfo .tbd_05 table, .Mypage.userinfo .tbd_03 table {margin-top:0} .Mypage.userinfo .tbd_05.tbd_03 {} .Mypage.userinfo .tbd_05.tbd_03 table {width: 100%;text-align: left} .Mypage.userinfo .tbd_05.tbd_03 th {border-bottom:1px solid #e5e5e5;font-size: 15px; font-weight:bold;} .Mypage.userinfo .tbd_05.tbd_03 th, .Mypage.userinfo .tbd_05.tbd_03 td {padding-left:25px;text-align:left} .Mypage.userinfo .tbd_05.tbd_03 td {font-size:14px;} .Mypage.userinfo .btn_m.radius {border-radius: 20px;height: 40px;line-height: 38px;} .Mypage.userinfo .btn_m.bdgray {color:#999;} .Mypage.userinfo .input_txt .bdgray2 {margin-left: 10px;font-weight:bold} .Mypage.userinfo .input_txt input {margin-bottom:8px} .Mypage.userinfo .text_red {font-size:11px;font-weight: normal;display: inline;line-height:20px } .sts_content_body { border-top: 3px solid #ffffff;padding: 10px 19px 100px 19px;min-height: 500px;position: relative;} .sts_mypage {margin-top: 20px;} .sts_user_end .sts_agress {border: 1px solid #dddddd;padding: 20px 0px 0px 0px;} .sts_user_end .sts_agress ul {list-style: decimal;overflow: hidden;padding: 0px 20px 20px 40px;} .sts_user_end .sts_agress ul li {line-height: 180%; font-size: 12px; color: #666666; font-weight: 300;} .sts_user_end .sts_agress .sts_pannel {background-color: #f1efee;padding: 20px;margin-top: 20px;text-align: right;} .sts_user_end .sts_agress .sts_pannel input {margin-left: 10px;margin-right: 4px;vertical-align: middle;} .sts_user_end .sts_agress .sts_pannel label {font-size: 12px; color:#666666; font-weight: 300;} .sts_user_write0000 {margin-top: 20px;} .sts_user_end .sts_table {border-top: 1px solid #44403f;margin-top: 40px;} .sts_table_0000 {clear: both;} .sts_user_write0000 .sts_table table {width: 100%;} .sts_user_write0000 .sts_table table tbody tr:first-child th, .sts_user_write0000 .sts_table table tbody tr:first-child td {border-top: 2px solid #44403f;} .sts_user_write0000 .sts_table table tbody tr th, .sts_user_write0000 .sts_table table tbody tr td {border-bottom: 1px solid #ececec;} .sts_user_write0000 .sts_table table tbody tr th {padding-top: 14px;padding-bottom: 14px;} .sts_user_write0000 .sts_table table tr th {min-width: 120px;max-width: 120px;width: 16%;text-align: left;padding: 12px 11px 12px 11px;color: #000000;font-weight: bold; font-size:12px;} .sts_user_write0000 .sts_table table tr td {text-align: left;} .sts_table_0000 table tbody tr td {padding-top: 12px;padding-bottom: 12px;line-height: 150%;} .sts_user_write0000 .sts_table table tbody tr td .sts_text_input {padding: 2px 4px 2px 4px; height: 26px;} .sts_input0000 {border: 1px solid #cccccc;height: 20px;} span.st_valid_msg {background-color: #dc616f;padding: 4px 8px 4px 8px;position: absolute;font-size: 12px;font-weight: normal;color: #ffffff;z-index: 50;line-height: 150%;} .field-validation-valid {color: #ff0000;display: none;} .sts_user_end .sts_reason {border: 1px solid #dddddd;padding: 20px;margin-top: 40px; font-size: 12px; color: #666666; font-weight: 300;} .sts_user_end .sts_reason ul {list-style: none;overflow: hidden;margin-top: 10px;} .sts_user_end .sts_reason ul li {width: 20%;text-align: left;float: left;line-height: 240%;} .sts_user_end .sts_reason ul li input {vertical-align: middle;margin-right: 8px;} .sts_user_end .sts_reason ul li:last-child {width: 100%;} .sts_user_end .sts_reason ul li input[type=text] {margin-left: 10px;width: 70%;} .sts_user_end .sts_reason textarea {margin-top: 10px;height: 100px;} .sts_textarea0000 {border: 1px solid #cccccc;width: 100%;height: 270px;} .sts_user_end .sts_button_pannel {margin-top: 30px;text-align: center;} .sts_btn_0050.sts_ch_dark_0000 {border: 1px solid #8c8c8c;background-color: #9e9e9e;} .sts_btn_0050 {width: auto;height: auto;padding: 10px 16px 10px 16px;border: 1px solid #b04f40;background-color: #f76016;color: #ffffff;text-align: center;font-size: 1.17em;font-weight: bold;display: inline-block;cursor: pointer; border-radius: 10px;} /* 쿠폰 마일리지 */ .Mypage .coupon.review li{display:block;float:left;width:33.3%;position: relative;} .Mypage .coupon.review li.active a span {position: absolute;top:50px;left:46%;} .Mypage .couponbox {display: block;text-align: center;} .Mypage .couponbox p {margin-bottom: 30px;font-size: 16px;} .Mypage .couponbox .input_txt{width:515px;display: inline-block; height:50px; margin-right:6px; border:2px solid #d5d5d5; } .Mypage .couponbox .input_txt input {width:505px;height:49px;padding:1px 0 1px 10px; text-align:left;border:0;font-size: 16px;color: #000} .Mypage .couponbox .btn_move {} .Mypage .couponbox .btn_move .cpbtn {width:150px;height:53px; border:2px solid #d5d5d5;background: none;font-weight: bold} .Mypage .lectureTotal {padding: 0} .Mypage .lectureTotal .bdnone {border:none;padding-right: 20px;line-height: 50px} .Mypage .lectureTotal .bgray {background:#f4f4f4;border:1px solid #b0b0b0;color:#404040;} .Mypage .mileage {height:48px; border:1px solid #b0b0b0;padding: 25px 25px;} .Mypage .mileage .left {float:left;width: 50%} .Mypage .mileage .left ul {border-right: 1px solid #b0b0b0;padding-right: 25px} .Mypage .mileage .right ul {padding-left: 25px} .Mypage .mileage .right {float:right;width: 50%} .Mypage .mileage ul {} .Mypage .mileage li {font-weight:bold;height: 25px;line-height:24px} .Mypage .mileage li:after {display:block;clear: both;content: ""} .Mypage .mileage li span {float:right;font-weight:400} /* 게시물관리 */ .Mypage .review{display:block;margin:0 auto;width:530px;border-top:none;border-left:none;} .Mypage .review li{display:block;float:left;width:25%;position: relative;} .Mypage .review li a{display:block;height:50px;font-size:15px;color:#707070;line-height:50px;text-align:center;border:none;border-bottom:2px #e5e5e5 solid;font-weight: bold;font-size: 16px} .Mypage .review li.active a span {display:inline-block;width:24px;height:8px;background: url(../images/content/img_down.png) center center no-repeat;position: absolute;top:50px;left:56px;} .Mypage .reviewBoard {margin-top:24px;} .Mypage .calendarWrap .lectureTotal {margin:0 auto;width:740px;border:none;} .Mypage .calendarWrap .lectureTotal .left > span {font-size: 13px} .Mypage .view .tableBox {border-right:1px solid #dedede;border-left:1px solid #dedede;} /* 수강신청 */ .lectureWrap .teacherList > li.on:before {top:80px !important;} /* 지안패스 */ .Mclass .tab_topContent {margin:20px auto 0;} .Mclass .tab_large .tab_large_2depth .tabBar.zian_mbtn{width:100%;height:auto;margin:0 auto;text-align:center;font-size:16px;} .Mclass .tab_large .tab_large_2depth .tabBar.zian_mbtn li {width:98% !important;border:none;padding-bottom:10px;float:none;margin:0 auto;} .Mclass .tab_large .tab_large_2depth .tabBar.zian_mbtn li:last-child{padding-bottom:0;} .tab_large_2depth .tabBar.zian_mbtn > li:before{display:block;content:'';clear:both;} .tab_large_2depth .tabBar.zian_mbtn > li.active:before{} .tab_large_2depth .tabBar.zian_mbtn > li > a {height:41px;padding-top:8px;font-weight:bold;text-align:center;color:#000;background-color:#fff;border:0;} .tabContent_2depth.mgt {margin-top:0px !important;} /* 공지사항 */ .noticeGuideWrap{margin:0 auto;width:1000px;} .noticeGuideWrap > .tabBar{width:600px;padding:15px 30px;height:auto;background:#fcfbfb;border:1px #e7e7e7 solid;margin:0 auto 30px;} .noticeGuideWrap .tabBar li{margin:0;width:33.3%;border:none;} .noticeGuideWrap .tabBar li a{margin:0;height:40px;font-size:15px;color:#333;line-height:40px;background:none;border:0px none;text-align:center} .noticeGuideWrap .tabPage{} .noticeGuideWrap .tabPage img{max-width:100%;} /* 이벤트 */ .eventBoard.active {display: block;} /*이벤트 > 진행중이벤트 *************/ .boardWrap.eventBoard .boardSearch {margin:0 0 25px;} .boardWrap.eventBoard .ingevent {display: block;padding-bottom: 15px} .boardWrap.eventBoard .tableBox table.form td textarea {border: 1px #ddd solid;} .boardWrap.eventBoard .date_pick {padding-left: 0} .boardWrap.eventBoard .imgbox {width:1000px;margin:0 auto;text-align: center;-webkit-border-radius:15px;-moz-border-radius :15px;border-radius:15px;padding-bottom: 30px} .boardWrap.eventBoard .imgbox .title {font-size:42px;font-weight:900;padding:20px 0 34px;margin-bottom:16px;border-top:3px solid #000;border-bottom:1px solid #000;} .boardWrap.eventBoard .imgbox .title span {display: block;font-size:14px;line-height: 16px;font-weight:normal;} .boardWrap.eventBoard .imgbox img {-webkit-border-radius:15px;-moz-border-radius :15px;border-radius:15px;} .boardWrap.eventBoard .colbox {border-top:2px solid #000;} .boardWrap.eventBoard .colbox .col {border-bottom:1px solid #e5e5e5;padding:22px 14px;} .boardWrap.eventBoard .colbox .col:after {content: "";display: block;clear: both;} .boardWrap.eventBoard .colbox .col .imgbox2 {float:left;padding-right: 44px} .boardWrap.eventBoard .colbox .col .imgbox2 img{border-radius:5px} .boardWrap.eventBoard .colbox .col .infobox {float:left} .boardWrap.eventBoard .colbox .col .infobox .title {display:block;font-size:20px;font-weight:900} .boardWrap.eventBoard .colbox .col .infobox .title:hover{text-decoration:underline} .boardWrap.eventBoard .colbox .col .infobox .date {font-size:12px;color: #656565 } .boardWrap.eventBoard .colbox .col .infobox .info {padding-top: 15px} .boardWrap.eventBoard .colbox .col .infobox .info:after {content: "";display: block;clear: both;} .boardWrap.eventBoard .colbox .col .infobox .info li {float:left;} .boardWrap.eventBoard .colbox .col .infobox .info .btn_line {display:inline-block;border:1px solid #adadad;padding: 4px 10px;color:#656565;margin-right: 5px} .boardWrap.eventBoard .colbox .col .list {padding-top: 15px;color:#656565;font-size: 14px;line-height: 18px} /***** 온라인서점 *****/ .shop {} .shop #aside #siteTab {background: #914002} .shop #aside #siteTab h1 {border-bottom: none} .shop #aside #siteTab h1 a {padding:50px 0;} .shop #header #gnb ul.deaph1.cols7 > li {width: 16.6666666%} .shop #container .slick-dots li.slick-active button {background: #000;} .shop .slick-dots li button {width: 12px;height: 12px;} .mainProductList2{position:relative;margin:0 20px 20px;padding-bottom:30px;} .mainProductList2 .item{padding:0 20px;} .mainProductList2 .item > div{position:relative;height:260px;width:120px;text-align:center;box-sizing:border-box;margin:0 auto;} .mainProductList2 .item > div img{display:inline-block;width:100%;width:auto;max-width: 133px;height:170px; } .mainProductList2 .item > div .name{display:block;margin-top:5px;font-size:13px;display:-webkit-box;max-height:33px;line-height:17px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;} .mainProductList2 .item > div .writer{display:block;margin-top:5px;font-size:13px;} .mainProductList2 .item > div .price{display:block;margin-top:5px;font-size:12px;} .mainProductList2 .item > div .price b{font-size:16px;font-weight:bold;} .mainProductList2 .item > div .price span{color:#ff0000;} .mainProduct2 {position: relative;margin-bottom: 20px;padding-top: 20px;border: 1px #e1e1e1 solid;border-top:none;box-sizing: border-box;} .mainProduct3 {position: relative;margin-bottom: 20px;padding-top: 20px;box-sizing: border-box;} .mainProduct2 .titleBar,.mainProduct3 .titleBar {margin-bottom: 40px;text-align: center;} .mainProductList3{position:relative;margin:0 20px 20px;padding-bottom:30px;} .mainProductList3 .item{padding:0 10px 0 0px;} .mainProductList3 .item > div{position:relative;height:260px;text-align:center;box-sizing:border-box;} .mainProductList3 .item > div img{display:inline-block;max-width:100%;width:auto;height:170px;} .mainProductList3 .item > div .name{display:block;margin-top:5px;font-size:13px;display:-webkit-box;max-height:33px;line-height:17px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;} .mainProductList3 .item > div .writer{display:block;margin-top:5px;font-size:13px;} .mainProductList3 .item > div .price{display:block;margin-top:5px;font-size:12px;} .mainProductList3 .item > div .price b{font-size:16px;font-weight:bold;} .mainProductList3 .item > div .price span{color:#ff0000;} /*온라인서점 > 온라인서점안내 및 도서후기*/ .shop .divGroup {margin-bottom: 20px} .shop .mainBoard .stitle {margin: 0 20px;padding: 0 0px;height: 60px;font-size: 20px;font-weight: bold;color: #000;line-height: 60px;text-align: center; border: 0px none;border-bottom: 1px #e1e1e1 solid;} .shop .mainBoard .list ul {display:block;padding: 0 20px;} .shop .mainBoard .list ul li {display:block;border-bottom: 1px #e1e1e1 solid;} .shop .mainBoard .list ul li:last-child {border-bottom:none;} .shop .mainBoard .list ul li a {display:block;position:relative;padding-right:70px;font-size:13px;height:50px;line-height:50px;text-align:left;} .shop .mainBoard .list ul li a p{width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .shop .mainBoard .list ul li a span.date{position:absolute;right: 0;top:0;} .shop .mainBoard .list .btn_more {display: block; position: absolute;bottom: 0;right: 30px;padding-right: 17px;font-size: 13px;line-height: 40px;background: url(../images/common/icon_more.png) no-repeat center right;} /*온라인서점 > 고객센터*/ .shop .mainCustomer ul li b {color: #000;} .shop .mainCustomer .btn_apply {background: #000;} /*서브메인배너*/ .shop .submainBanner {position: relative;} .shop .submainBanner .Banner_txt {position: absolute;top:55px;left:50px;display: inline-block;width:450px;} .shop .submainBanner .Banner_txt .txt {color:#fff;font-size:14px;line-height: 24px} .shop .submainBanner .Banner_txt .link {position: absolute;top:30px;left:245px;font-size:14px;color:#fff; padding: 10px 60px 10px 35px;border:1px solid #fff;background: url(../images/content/submain_arrow.png) 115px center no-repeat;} .shop .searchArea {text-align: center;margin:40px 0;padding:0;} .shop .lectureWrap {border-top:none;} .shop .lectureTotal {border:none; padding: 25px 5px 0px} .shop .shoplist:after {content: "";display: block;clear: both} .shop .shoplist .stitle {font-size:18px;font-weight:bold} /*select부분*/ .shop .shoplist .type_wrap {float:left;width:160px;font-size:14px;position: relative;margin:20px 0 10px;} .shop .type_wrap .type_btn {display:inline-block;width:125px;height:24px;padding-left:10px;padding-top:4px;color:#4a4a4a;background: url(../images/common/icon_lecture_down.png) 110px center no-repeat;cursor: pointer;border:1px solid #e5e5e5;} .shop .type_wrap .type_btn.on {background: url(../images/common/icon_lecture_up.png) 110px center no-repeat;} .shop .type_wrap .typedrop {display:none;width:98%;padding-left:10px;margin-left:30px;border:1px solid #e5e5e5;margin-top:10px;z-index: 200;position: absolute;top:19px;left:-30px;background:#fff;} .shop .type_wrap .typedrop li {padding:5px 0;} /*출간일순 저자순*/ .shop .shoplist .listtype {float:left;width:135px;margin:20px 0 10px;} .shop .shoplist .listtype li {float:left;line-height: 30px;position: relative;padding: 0 10px;} .shop .shoplist .listtype li:after {display: block;content: '';position: absolute;top: 50%;right: 0;margin-top: -7px;height: 14px;border-right: 1px #1b1b1b solid;} .shop .shoplist .listtype li.last:after{display:none;} .shopBoard {display: none;} .shopBoard.active {display: block;} .shopBoard .small.black {height:30px;line-height:30px;padding:0px 12px;width:initial;} .shopBoard .txt14 {font-size:14px;line-height:24px} .shopBoard .txt14 .text_red {padding-right: 5px} .shop .boardWrap .boardSearch {margin:60px 0 25px;} /*온라인서점 > 공통과목*/ .online {margin-top:32px} .online .btnArea {text-align: left;} .online .btnArea .btn_inline {font-size: 14px} .online .infoT_book:after {clear: both;display: block;content: ""} .online .stitle {font-size:28px;font-weight: bold;} .online .infoT_book .book_img {float:left;width:40%;text-align: center;} .online .infoT_book .book_img .bookImgWrap{width:90%;background:#fff;border-radius:10px;padding:36px 0 84px;} .online .infoT_book .book_img .bookImgWrap .bookPreview{width:120px;margin:28px auto 0;border:1px solid #d5d5d5;padding:6px 0;} .online .infoT_book .book_img .bookImgWrap .bookPreview img{margin-right:6px;padding-bottom:4px} .online .infoT_book .book_info {float:left;width:60%;text-align: left;font-size: 14px;padding:12px 0;box-sizing:border-box} .online .infoT_book .book_info .stitle {margin-bottom:6px;} .online .infoT_book .book_info th {width:25%;padding:8px 0;color:#444;} .online .infoT_book .book_info table{border-collapse:collapse;width:100%} .online .infoT_book .book_info table tr.bookSellPrice{border-top: 1px solid #000;border-bottom:1px solid #d5d5d5;height:58px} .online .infoT_book .book_info table tr.bookSellPrice td span{color:#0e1e62;font-size:24px} .online .infoT_book .book_info td {} .online .infoT_book .book_info td span.bookPrice{padding-left:8px;text-decoration:line-through;} .online .infoT_book .book_info table b {font-size: 18px;font-weight:800} .online .infoT_book .book_info .text_red {font-size: 12px;padding-left: 5px} .online .infoT_book .book_etc {float:left;width:21%;padding:2%;background:#ebebeb;text-align: center;margin-top:65px;min-height: 310px} .online .infoT_book .book_etc span {display: block;line-height:20px;} .online .infoT_book .book_etc img {padding: 25px 0 5px} .online .infoT_book .book_etc b {font-size: 18px;font-weight:800} .online .infoT_book .book_etc .btn_inline {margin-top:20px;padding-right:30px;background: #ebebeb;font-size:14px;background: url(../images/common/icon_arrowLink.png) 85px center no-repeat; } .online .btnArea.ta_center {text-align: center !important;} .online .btnArea.ta_center .btn_m {font-size: 12px;padding: 0 10px;} .online .bookTabWrap{padding:60px 0 50px;border-bottom:1px solid #d5d5d5;} .online .bookTabWrap2{padding:60px 0 24px;} .online .infoB_book span {font-size: 16px;line-height: 20px} .online .bookPreview a{display:block;height:100%;} .online .bookBuyBtn{} .online .bookBuyBtn a{display:block;float:left;width:154px;height:44px;line-height:44px;text-align:center;font-weight:bold;} .online .bookBuyBtn a.cartBtn{background:#aaa;color:#fff;margin-right:4px;} .online .bookBuyBtn a.buyBtn{background:#0e1e62;color:#fff;} .online .refund_rule{padding:42px 0px 24px;border-top:1px solid #eeeeee;box-sizing:border-box} .online .refund_rule_area{font-weight: 300;color: #6e6e6e;} .online .refund_rule_area h4{margin-bottom:4px;} .online .refund_rule_area > ul > li{margin-bottom:20px;font-size:14px;} .online .refund_rule_area > ul > li > ul > li{display: list-item;list-style: disc;list-style-position: inside;font-size:12px;line-height:22px;padding-left: 20px;} .online .BookTabDT{width:100%;position:relative;} .online .BookTabDT.fixed{position:fixed;left:0;top:0;width:100%;margin:0 auto;box-shadow:0px 1px 10px rgba(0,0,0,.2);border-bottom:1px solid #d5d5d5;} .online .BookTabDT.fixed ul{width:1000px !important;margin:0 auto;} .online .BookTabDT.fixed ul li{border:none !important;} .online .BookTabDT ul{width:100%;overflow:hidden;} .online .BookTabDT ul li{float:left;width:50%;height:56px;line-height:56px;border: 1px solid #d5d5d5;box-sizing:border-box;text-align:center;background:#fff;} .online .BookTabDT ul li.active{background:#0e1e62;border:none;} .online .BookTabDT ul li.active a{color:#fff;} .online .BookTabDT ul li a{display:block;height:100%;font-weight:bold;} .online .bookRecWrap{width:100%;background:#fafafa;border-radius:10px;padding:16px 40px;box-sizing:border-box;overflow:hidden;margin-top:12px;} .online .bookRecWrap div{float:left;} .online .bookRecWrap div:last-child{margin-left:24px;padding:24px 0;box-sizing:border-box;} .online .bookRecWrap div a.bookName{font-size:22px;font-weight:bold;} .online .bookRecWrap div a.bookName:hover{text-decoration:underline} .online .bookRecWrap div p.bookPrDiv{margin-top:22px} .online .bookRecWrap div p.bookPrDiv #sellPrice2{font-size:18px;color:#01275a;} .online .infoB_book div > span p{font-size:14px;color:#666;} /*온라인서점 > 주문수량 버튼*/ .shop .number_wrap {} .shop .number_wrap a {float:left;display: inline-block;width:20px;height:20px;text-indent: -9999px;margin-top:4px;} .shop .number_wrap a.inc {background:url(../images/content/icon_inc.png) center center no-repeat;margin-right:2px;} .shop .number_wrap a.dec {background:url(../images/content/icon_dec.png) center center no-repeat;} .shop .number_wrap .updown {float:left;display: inline-block;width:56px;padding:5px 0;border:1px solid #ccc;text-align: center;margin:0px 4px 0 0px;} /* paging */ .shop .boardnavi span a {background:url(../images/content/bg_paging2.png) no-repeat -18px 0;} .shop .boardnavi span strong {background:url(../images/content/bg_paging2.png) no-repeat 0 0;} .shop .boardnavi .prev {background:url(../images/content/bg_paging2.png) no-repeat 0 -23px;} .shop .boardnavi .next {background:url(../images/content/bg_paging2.png) no-repeat -18px -23px;} .shop .boardWrap_inner .btn_m.file {background:url(../images/common/icon_upload.png) 10px center no-repeat;padding-left:45px} .shop .boardWrap_inner textarea {border: 1px #ddd solid;} .shop .boardWrap .tableBox table.view th, .boardWrap .tableBox table.view td {padding: 10px 10px;} /* modal 창 */ .modalWrap .inner {position:relative;width:700px;} .modalWrap .inner .modalTitle {position:relative;padding-top:10px; height:50px;border-bottom: 1px solid #e5e5e5;background: #fff} .modalWrap .inner .modalTitle h2 {color:#000; text-align:center; font-size:16px; } .modalWrap .inner .modalContent {position:relative; min-height:130px;padding:25px 25px; background:#fff;font-size:16px; text-align: left} .modalWrap .inner .modalContent .pop_cont {padding-bottom: 30px} .modalWrap .inner .modalContent .pop_cont a {font-weight: 800} .modalWrap .inner .modalContent .pop_cont:last-child {padding-bottom:0 } .modalWrap .inner .modalContent .stitle {font-weight:800;line-height:2} .modalWrap .inner .modalContent .txtBox {line-height:0.5} .modalWrap .modalTitle .btn_modalClose {display:inline-block;width:32px;height:32px;text-indent:-9999px;position: absolute; right:15px; top:15px;background: url(../images/content/pop_close.png) center center no-repeat;} #modal1.modalWrap{border-radius:10px;} #modal1.modalWrap .inner .modalContent {width:100%;padding:0px 12px 25px;border-radius:10px;box-sizing:border-box;} #modal1.modalWrap .inner .modalContent .date{color:#004bff} #modal1.modalWrap .inner h2 {font-size:22px;font-weight:900;color:#000;text-align:center;padding:18px 0 16px} #modal1.modalWrap .inner .modalContent .pop_cont a {font-weight:normal} #modal1.modalWrap .inner .modalContent .txtBox{font-weight:300;} #modal1 .pop_cont {padding:0px 14px 12px;} #modal1 .pop_cont .pop_cont_wrap{border:1px solid #dfdfdf;padding:12px 10px 20px;border-radius:10px;} #modal1 .modal_btn_box {clear:both;text-align: center;font-size: 14px;padding:12px 0 0;} #modal1 .modal_btn_box a {display: inline-block;padding:10px 50px;text-align: center;margin:0 2px;} #modal1 .modal_btn_box .btn_modalClose{background:#eee;color:#333;border-radius:5px;} #modal1 .modal_btn_box .caencel_btn {color:#000;border:1px solid #e1e1e1;} #modal1 .tabWrap{width:calc(100% - 32px);overflow:hidden;padding:24px 16px 0;} #modal1 .tabWrap li{float:left;width:33.3%;height:38px;line-height:38px;} #modal1 .tabWrap li a{display:block;height:100%;text-align:center;font-weight:600} #modal1 .tabWrap li.active{} #modal1 .tabWrap li.active a{width:100%;margin:0 auto;color:#fff;background:#000;border-radius:100px;} #modal1 .tabDiv{position:relative;overflow:hidden;padding:20px 0 0;} #modal1 .tabCt{float:left;display:none;width:calc(100% - 32px);padding: 0 16px;} #modal1 .tabCt.active{display:block;} #modal1 .pop_cont a.stPlayerAppDownload{display:block;width:200px;height:44px;line-height:44px;background:#d8100e;color:#fff;font-size:18px;margin:0px auto;border-radius:5px;font-weight: bold;} #modal1 .pop_cont a.stPlayerAppDownload:hover{box-shadow:0 1px 5px rgba(0,0,0,.9);} #modal2.modalWrap{border-radius:10px;} #modal2.modalWrap .inner .modalContent {width:100%;padding:0px 12px 25px;border-radius:10px;box-sizing:border-box;} #modal2.modalWrap .inner .modalContent .date{color:#004bff} #modal2.modalWrap .inner h2 {font-size:22px;font-weight:900;color:#000;text-align:center;padding:18px 0 16px} #modal2.modalWrap .inner .modalContent .pop_cont a {font-weight:normal} #modal2.modalWrap .inner .modalContent .txtBox{font-weight:300;} #modal2 .pop_cont {padding:0px 14px 12px;} #modal2 .pop_cont .pop_cont_wrap{border:1px solid #dfdfdf;padding:12px 10px 20px;border-radius:10px;} #modal2 .modal_btn_box {text-align: center;font-size: 14px;padding:12px 0 0;} #modal2 .modal_btn_box a {display: inline-block;padding:10px 50px;text-align: center;margin:0 2px;} #modal2 .modal_btn_box .btn_modalClose{background:#eee;color:#333;border-radius:5px;} #modal2 .modal_btn_box .caencel_btn {color:#000;border:1px solid #e1e1e1;} /* 인증기기 */ #modal305.modalWrap{border-radius:10px;} #modal305.modalWrap .inner .modalContent {width:100%;padding:0px 12px 25px;border-radius:10px;box-sizing:border-box;} #modal305.modalWrap .inner .modalContent .date{color:#004bff} #modal305.modalWrap .inner .modalContent select{border-radius:5px;} #modal305.modalWrap .inner h2 {font-size:22px;font-weight:900;color:#000;text-align:center;padding:18px 0 16px} #modal305.modalWrap .inner .modalContent .pop_cont a {font-weight:normal} #modal305.modalWrap .inner .modalContent .txtBox{font-weight:300;font-size:14px} #modal305 .pop_cont {padding:0px 14px 12px;} #modal305 .pop_cont .pop_cont_wrap{border:1px solid #dfdfdf;padding:12px 10px 20px;border-radius:10px;} #modal305 .modal_btn_box {text-align: center;font-size: 14px;padding:12px 0 0;} #modal305 .modal_btn_box a {display: inline-block;padding:10px 50px;text-align: center;margin:0 2px;} #modal305 .modal_btn_box .btn_modalClose{background:#eee;color:#333;border-radius:5px;} #modal305 .modal_btn_box .confirm_btn {background:#004bff;color:#fff;border-radius:5px;} #modal305 .modal_btn_box .btn_modalClose{background:#eee;color:#333;border-radius:5px;} #modal3.modalWrap{border-radius:10px;} #modal3.modalWrap .inner .modalContent {width:100%;padding:0px 12px 25px;border-radius:10px;box-sizing:border-box;} #modal3.modalWrap .inner .modalContent .date{color:#004bff} #modal3.modalWrap .inner h2 {font-size:22px;font-weight:900;color:#000;text-align:center;padding:18px 0 16px} #modal3.modalWrap .inner .modalContent .pop_cont a {font-weight:normal} #modal3.modalWrap .inner .modalContent .txtBox{font-weight:300;} #modal3 .pop_cont {padding:0px 14px 12px;} #modal3 .pop_cont .pop_cont_wrap{border:1px solid #dfdfdf;padding:12px 10px 20px;border-radius:10px;} #modal3 .modal_btn_box {text-align: center;font-size: 14px;padding:12px 0 0;} #modal3 .modal_btn_box a {display: inline-block;padding:10px 50px;text-align: center;margin:0 2px;} #modal3 .modal_btn_box .btn_modalClose{background:#eee;color:#333;border-radius:5px;} #modal3 .modal_btn_box .caencel_btn {color:#000;border:1px solid #e1e1e1;} #modal4.modalWrap{border-radius:10px;} #modal4.modalWrap .inner .modalContent {width:100%;padding:0px 12px 25px;border-radius:10px;box-sizing:border-box;} #modal4.modalWrap .inner .modalContent .date{color:#004bff} #modal4.modalWrap .inner h2 {font-size:22px;font-weight:900;color:#000;text-align:center;padding:18px 0 16px} #modal4.modalWrap .inner .modalContent .pop_cont a {font-weight:normal} #modal4.modalWrap .inner .modalContent .txtBox{font-weight:300;} #modal4 .pop_cont {padding:0px 14px 12px;} #modal4 .pop_cont .pop_cont_wrap{border:1px solid #dfdfdf;padding:12px 10px 20px;border-radius:10px;} #modal4 .modal_btn_box {text-align: center;font-size: 14px;padding:12px 0 0;} #modal4 .modal_btn_box a {display: inline-block;padding:10px 50px;text-align: center;margin:0 2px;} #modal4 .modal_btn_box .btn_confirm {background:#004bff;color:#fff;border-radius:5px;} #modal4 .modal_btn_box .btn_modalClose{background:#eee;color:#333;border-radius:5px;} #modal4 .modal_btn_box .caencel_btn {color:#000;border:1px solid #e1e1e1;} #modal5.modalWrap{border-radius:10px;} #modal5.modalWrap .inner .modalContent {width:100%;padding:0px 12px 25px;border-radius:10px;box-sizing:border-box;} #modal5.modalWrap .inner .modalContent .date{color:#004bff} #modal5.modalWrap .inner h2 {font-size:22px;font-weight:900;color:#000;text-align:center;padding:18px 0 16px} #modal5.modalWrap .inner .modalContent .pop_cont a {font-weight:normal} #modal5.modalWrap .inner .modalContent .txtBox{font-weight:300;} #modal5 .pop_cont {padding:0px 14px 12px;} #modal5 .pop_cont .pop_cont_wrap{border:1px solid #dfdfdf;padding:12px 10px 20px;border-radius:10px;} #modal5 .modal_btn_box {text-align: center;font-size: 14px;padding:12px 0 0;} #modal5 .modal_btn_box a {display: inline-block;padding:10px 50px;text-align: center;margin:0 2px;} #modal5 .modal_btn_box .btn_modalClose{background:#eee;color:#333;border-radius:5px;} #modal5 .modal_btn_box .caencel_btn {color:#000;border:1px solid #e1e1e1;} #modal6.modalWrap{border-radius:10px;} #modal6.modalWrap .inner .modalContent {width:100%;padding:0px 0px 25px;border-radius:10px;} #modal6.modalWrap .inner .modalContent .date{color:#004bff} #modal6.modalWrap .inner h2 {font-size:22px;font-weight:900;color:#000;text-align:center;padding:18px 0 16px} #modal6.modalWrap .inner .modalContent .pop_cont a {font-weight:normal} #modal6.modalWrap .inner .modalContent .txtBox{font-weight:300;} #modal6 .pop_cont {padding:0px 14px 12px;} #modal6 .pop_cont .pop_cont_wrap{border:1px solid #dfdfdf;padding:12px 10px 20px;border-radius:10px;} #modal6 table {width:100%;border: 1px solid #e1e1e1;font-size: 14px;line-height:16px;border-radius:10px} #modal6 table th {width:130px;border-right: 1px solid #e1e1e1;font-weight:bold;background:#f1f1f1;} #modal6 table tr:first-child th {border-top-left-radius:10px} #modal6 table tr:last-child th {border-bottom-left-radius:10px} #modal6 table th, #modal6 table td {padding :8px 5px ;border-bottom: 1px solid #e1e1e1;} #modal6 table tr:last-child th, #modal6 table tr:last-child td {border:none;} #modal6 table td #remainStopDay{color:#004bff;} #modal6 table td #remainStopDay2{color:#004bff;} #modal6 table td input[type='text'],#modal6 table td input[type='password'],#modal6 table td input[type='number'],#modal6 table td select{height:30px !important;} #modal6 table span {display: block;} #modal6 .modal_btn_box {text-align: center;font-size: 14px;} #modal6 .modal_btn_box a {display: inline-block;padding:10px 50px;text-align: center;margin:0 2px;} #modal6 .modal_btn_box .confirm_btn {background:#004bff;color:#fff;border-radius:5px;} #modal6 .modal_btn_box .btn_modalClose{background:#eee;color:#333;border-radius:5px;} #modal6 .modal_btn_box .caencel_btn {color:#000;border:1px solid #e1e1e1;} #modal8.modalWrap .inner .modalContent {width:100%;padding:25px 0px ;} #modal8.modalWrap .inner .modalContent .pop_cont a {font-weight:normal} #modal8 .pop_cont {padding:25px 25px;} #modal8 table {width:100%;border: 1px solid #e1e1e1;border-bottom:none;font-size: 14px;line-height:16px} #modal8 table th {width:130px;border-right: 1px solid #e1e1e1;font-weight:bold} #modal8 table th, #modal8 table td {padding :15px 5px ;border-bottom: 1px solid #e1e1e1;} #modal8 table span {display: block;} #modal8 .date {color: #ce1717;} .modal_btn_box {text-align: center;font-size: 14px} .modal_btn_box a {display: inline-block;padding:10px 50px;text-align: center;margin:0 2px;} .modal_btn_box .confirm_btn {background:#000; color:#fff;} .modal_btn_box .caencel_btn {color:#000;border:1px solid #e1e1e1;} .modal_btn_box .caencel_btn {color:#000;border:1px solid #e1e1e1;} #modal9.modalWrap{border-radius:10px;} #modal9.modalWrap .inner .modalContent {width:100%;padding:0px 12px 25px;border-radius:10px;box-sizing:border-box;} #modal9.modalWrap .inner .modalContent .date{color:#004bff} #modal9.modalWrap .inner h2 {font-size:22px;font-weight:900;color:#000;text-align:center;padding:18px 0 16px} #modal9.modalWrap .inner .modalContent .pop_cont a {font-weight:normal} #modal9.modalWrap .inner .modalContent .txtBox{font-weight:300;} #modal9.modalWrap .inner .modalContent .txtBox b{font-size:16px;} #modal9.modalWrap .inner .modalContent p{font-size:12px;color:#1501a9;} #modal9 .pop_cont {padding:0px 14px 12px;} #modal9 .pop_cont .pop_cont_wrap{border:1px solid #dfdfdf;padding:12px 10px 20px;border-radius:10px;} #modal9 .modal_btn_box {text-align: center;font-size: 14px;padding:12px 0 0;} #modal9 .modal_btn_box a {display: inline-block;padding:10px 50px;text-align: center;margin:0 2px;} #modal9 .modal_btn_box .btn_modalClose{background:#eee;color:#333;border-radius:5px;} #modal9 .modal_btn_box .caencel_btn {color:#000;border:1px solid #e1e1e1;} #modal4 .pop_cont {text-align: center;} #modal4 .pop_cont .stitle {font-weight: bold} #modal4 .btn_crud {font-size: 14px;padding-top:70px;} #modal4 .btn_crud a {padding:12px 57px;margin:0 2px;font-weight: bold} #modal4 .btn_crud .btn_confirm {background:#000;color:#fff} #modal4 .btn_crud .btn_cancel {border: 1px solid #e5e5e5;} .modalWrap.modalWrap2 .inner .modalTitle {height: 50px;background: #343434;} .modalWrap.modalWrap2 .inner .modalTitle h2 {color:#fff;} .modalWrap.modalWrap2 .inner .modalContent {text-align: center;padding:60px 25px 25px;} .modalWrap.modalWrap2 .inner .modalContent select {display: block;width:40%;text-align: center;margin:15px auto 30px;} .modalWrap.modalWrap2 .inner .modal_btn_box .bdgray {-webkit-border-radius:20px;-moz-border-radius :20px;border-radius:20px;padding:10px 30px;color:#999;font-weight: bold} /* 일시정지 일수 선택 : 공통; */ .edusup_multi{position:relative;margin-top:10px;} .edusup_multi > ul:after {content:''; display:block; clear:both} .edusup_multi > ul > li{position:relative; list-style:none; margin-bottom:4px; width:140px;font-weight:normal;} .edusup_multi ul li .normal{position:relative; color:#333; display:block;border-bottom:none; padding:0 8px; border:1px solid #e6e6e6;letter-spacing:-0.5px; margin:0 2px;} .edusup_multi ul li .normal span{display:block; height:30px; line-height:30px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;} .edusup_multi ul li.sub_cont.on > .normal{border:1px solid #e1e1e1;} .edusup_multi ul li.sub_cont.on > .normal span{background: none;} .edusup_multi ul li.sub_cont.selected > .normal{border:1px solid #e1e1e1} .edusup_multi ul li.sub_cont.selected > .normal span{display:block; background:url('../images/common/icon_lecture_up.png') no-repeat right 50%; background-size: 13px 6px; -moz-background-size: 13px 6px; -o-background-size: 13px 6px; -webkit-background-size: 13px 6px; } .edusup_multi ul li.sub_cont > .normal span{display:block; background:url('../images/common/icon_lecture_down.png') no-repeat right 50%; background-size: 13px 6px; -moz-background-size: 13px 6px; -o-background-size: 13px 6px; -webkit-background-size: 13px 6px; } .edusup_multi_layer{position:absolute; top:31px; right:2px; width:95%; display:none; z-index:900; background:#fff;border:1px solid #e1e1e1;} .edusup_multi_layer > li{ margin:0 2px -1px;} .edusup_multi_layer > li a{display:block; height:27px; line-height:27px; padding-left:8px;} /* paging */ .paging {width:100%; margin-top:40px;} .boardnavi {position:relative; width:600px; height:18px; margin:0 auto; text-align:center;} .boardnavi span a {display:inline-block; width:18px; height:18px;color:#333333; background:url(../images/content/bg_paging.png) no-repeat -18px 0;} .boardnavi span a.selected {background-position:-10px 0;} .boardnavi span strong {display:inline-block; width:18px; height:18px; color:#fff;padding-left:1px; background:url(../images/content/bg_paging.png) no-repeat 0 0;} .boardnavi span strong, .boardnavi span a {font-size: 12px;font-weight: bold;margin:0 5px; height:16px;padding-top:2px;} .boardnavi .prev, .boardnavi .next {display:inline-block; overflow:hidden; width:18px; height:18px; margin:0 5px;font-size:0; line-height: 0; vertical-align:top;} .boardnavi .prev {background:url(../images/content/bg_paging.png) no-repeat 0 -23px;} .boardnavi .next {background:url(../images/content/bg_paging.png) no-repeat -18px -23px;} /* 무료강좌 */ .free .tabBar {border-bottom: none;width:560px;margin:0 auto;text-align: center;padding: 35px 0 12px} .free .tabBar li {width:278px;border:1px solid #e1e1e1;} .free .tabBar > li > a { display: block;height:45px; line-height: 45px;padding: 0 25px;color: #777; border: none;} .free .searchArea {margin: 0 auto;text-align: center;padding:0px 0px 12px;} .free .searchArea select{width:160px;height:44px;border-radius:5px;} .free .searchArea input[type='text']{height:44px;border-top-left-radius:5px;border-bottom-left-radius:5px;} .free .searchArea input[type='button']{height:44px;border-top-right-radius:5px;border-bottom-right-radius:5px;} /*.free .myarea_list_wrap{border-top:2px solid #000;padding-top:8px}*/ .free .myarea_list_wrap .inner{margin:0 auto;width:100%;} .free .myarea_list_wrap > .inner .owl-carousel{width:919px;margin:0 auto;margin-left: 10px} .free .myarea_list_wrap .item{width:300px; box-sizing: border-box;} .free .myarea_list_wrap .item .inner {height:330px; position: relative;} .free .myarea_list_wrap .item .thumb{display:block; width:100%;height:auto;cursor:pointer;overflow:hidden} .free .myarea_list_wrap .item .thumb .myarea_poster{height:inherit;width:100%;} .free .myarea_list_wrap .item .desc{height:120px;padding:10px 0px; line-height:1;width:290px;} .free .myarea_list_wrap .item .desc p.tit {width:290px;overflow:hidden;font-size:18px;font-weight:bold;line-height:1.2rem;padding:4px 0 20px;font-weight:800;} .free .myarea_list_wrap .item .desc a.tit {display:-webkit-box;width:100%;overflow:hidden;font-size:18px;font-weight:bold;line-height:20px;padding:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;} .free .myarea_list_wrap .item .desc a.tit:hover{text-decoration:underline} .free .myarea_list_wrap .item .desc > div > span.allnum {float: right} .free .myarea_list_wrap .item .desc .rblack {display:inline-block;-webkit-border-radius:17px;-moz-border-radius :17px;border-radius:17px;padding:6px 4px !important;width:70px ;text-align: center} .free .myarea_list_wrap .item .desc .rgreen {display:inline-block;-webkit-border-radius:17px;-moz-border-radius :17px;border-radius:17px;padding:6px 4px !important;width:70px;text-align: center} .free .myarea_list_wrap .item .desc .rsky {display:inline-block;-webkit-border-radius:17px;-moz-border-radius :17px;border-radius:17px;padding:6px 4px !important;width:70px;text-align: center} .free .myarea_list_wrap .item .desc .rblue {display:inline-block;-webkit-border-radius:17px;-moz-border-radius :17px;border-radius:17px;padding:6px 4px !important;width:70px;text-align: center} .free .myarea_list_wrap .item .desc .rorange {display:inline-block;-webkit-border-radius:17px;-moz-border-radius :17px;border-radius:17px;padding:6px 4px !important;width:70px;text-align: center} .free .myarea_list_wrap .item .desc .rpurple {display:inline-block;-webkit-border-radius:17px;-moz-border-radius :17px;border-radius:17px;padding:6px 4px !important;width:70px;text-align: center} .free .myarea_list_wrap .owl-nav{position: absolute; left:0px; top:30%; width:100%; height:0; display:block !important;} .free .myarea_list_wrap .owl-nav button.owl-prev{float:left; position: absolute; left:-23px;height:28px; line-height: 30px;border:1px solid #e5e5e5; margin-left:-27px;background:#fff url(../images/common/btn_slidePrev.png) no-repeat center center;} .free .myarea_list_wrap .owl-nav button.owl-next{float:right;position: absolute; left:920px;height:28px; line-height: 30px;border:1px solid #e5e5e5; margin-right:-11px;background:#fff url(../images/common/btn_slideNext.png) no-repeat center center;} .free .myarea_list_wrap .owl-nav button span{font-size:0; text-indent: -1000px;} .free .myarea_list_wrap .tit{cursor:pointer;} .free .myarea_list_wrap .tit:hover{text-decoration:underline;} .free .ftype {padding: 0 40px 40px;} /*신규등록 및 인기순 탭*/ .free .ftype li {float:left;line-height:36px;} .free .ftype li.bar {padding: 0 2px} .free .ftype .text_blue {font-weight: bold} .free .tabBar.freetab {width:450px} .free .tabBar.freetab.w2 {width:480px} .free .tabBar.freetab li {width:110px;margin:0 10px;border:none;-webkit-border-radius:20px;-moz-border-radius :20px;border-radius:20px;} .free .tabBar.freetab > li > a { display: block;height:30px; line-height: 30px;padding: 0 15px;border: none;background: none;color: #fff} .free .tabBar.freetab > li.active > a {color: #fff;font-weight: bold;border: none;} .free .tabBar.freetab > li.active.rsky > a {background: #00aeef;} .free .tabBar.freetab > li.active.rgreen > a {background:#22ac38} .free .search_result {height:35px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;line-height:36px;font-size: 16px;padding:0 40px;} .free .myarea_list_wrap .title {text-align: center ;font-size: 20px;font-weight: bold;margin-bottom: 20px} .free .myarea_list_wrap .list {padding:inherit;} .free .myarea_list_wrap .list:after {content: "";display: block;clear: both} .free .myarea_list_wrap .list li {float:left;width:313px;margin:0 10px;padding-bottom:40px} .free .tbd_02 table {border-bottom: 1px solid #e5e5e5;} .free .tbd_02 .crud_area {padding-top:80px;font-size: 16px;position:relative;} .free .tbd_02 .crud_area .unit {position: absolute;left:40px;bottom: 15px} .free .tbd_02 .crud_area strong {position: absolute;right:40px;bottom: 15px} .free .tbd_02 a.listBtn{display:block;margin-top:24px;float:right;border:1px solid #aaa;padding:6px 16px 6px 34px;border-radius:5px;position:relative;} .free .tbd_02 a.listBtn:before{content:'';display:block;width:12px;height:15px;background:url(../images/common/list_icon.png) no-repeat;position:absolute;top:50%;left:16px;margin-top:-7px;} .free .direct_view{padding:16px 24px;box-sizing:border-box;border:1px solid #cacaca;border-radius:10px} .free .direct_view .btn_inline {margin:0 0 20px 0;} .free .direct_view .item{box-sizing: border-box;padding:0} .free .direct_view .item:after {content: "";display: block;clear: both} .free .direct_view .item .inner {position:relative;} .free .direct_view .item .thumb{float:left;width:290px; height:auto;cursor: pointer;} .free .direct_view .item .thumb .myarea_poster{height:auto;width:100%;} .free .direct_view .item .desc{float:left;width:567px;padding:0 30px; line-height: 30px;} .free .direct_view .item .desc p.tit {overflow:hidden;font-size: 18px;font-weight:bold;line-height:20px;padding: 10px 0} .free .direct_view .item .desc > div > span.allnum {float: right} .free .direct_view .item .desc .rblack {display:inline-block;-webkit-border-radius:17px;-moz-border-radius :17px;border-radius:17px;padding:2px 4px !important;width:70px ;text-align: center} .free .direct_view .item .desc .rgreen {display:inline-block;-webkit-border-radius:17px;-moz-border-radius :17px;border-radius:17px;padding:2px 4px !important;width:70px;text-align: center} .free .direct_view .item .desc .rsky {display:inline-block;-webkit-border-radius:17px;-moz-border-radius :17px;border-radius:17px;padding:2px 4px !important;width:70px;text-align: center} .free .direct_view .item .desc .rorange {display:inline-block;-webkit-border-radius:17px;-moz-border-radius :17px;border-radius:17px;padding:2px 4px !important;width:70px;text-align: center} .free .direct_view .utill {width:300px;height:38px;border:1px solid #e5e5e5;text-align: center;margin-top:55px} .free .direct_view .utill a {float:left;width:140px;line-height:40px;font-size: 12px;padding-left: 10px} .free .direct_view .utill a.home {background: url(../images/common/icon_home.png) 43px center no-repeat;width:139px;border-right: 1px solid #e5e5e5} .free .direct_view .utill a.class {background: url(../images/content/icon_class.png) 40px center no-repeat;} /***** 고객센터 *****/ /* 캘린더 */ .calendarWrap{} .calendarWrap p{text-align:center;} .calendarWrap .calendarTable{width: 70%; margin: 0 auto;} .calendarWrap .calendarBox{margin:20px auto;padding:20px 80px;width:740px;background:#fcfbfb;border:1px #e7e7e7 solid;box-sizing:border-box;} .calendarWrap .calendarBox .calendarHeader{padding:20px 0;line-height:30px;text-align:center;} .calendarWrap .calendarBox .calendarHeader h6{display:inline-block;padding:0 20px;font-size:24px;font-weight:800;color:#000;vertical-align:middle;} .calendarWrap .calendarBox .calendarHeader a.btn_monthPrev{display:inline-block;width:40px;height:30px;text-indent:-9999em;background:url(../images/common/btn_monthPrev.png) no-repeat center center;vertical-align:middle;} .calendarWrap .calendarBox .calendarHeader a.btn_monthNext{display:inline-block;width:40px;height:30px;text-indent:-9999em;background:url(../images/common/btn_monthNext.png) no-repeat center center;vertical-align:middle;} .calendarWrap .calendarBox .calendarTable table{width:100%;font-size:17px;border:0px none;} .calendarWrap .calendarBox .calendarTable table th{height:50px;font-weight:bold;color:#262626;text-align:center;border:0px none;} .calendarWrap .calendarBox .calendarTable table td{height:50px;color:#c8c8c8;text-align:center;border:0px none;} .calendarWrap .calendarBox .calendarTable table td a{display:block;height:50px;line-height:50px;} .calendarWrap .calendarBox .calendarTable table td.active, .calendarWrap .calendarBox .calendarTable table td.active a{color:#000;} .calendarWrap .calendarBox .calendarTable table td.active.sun, .calendarWrap .calendarBox .calendarTable table td.active.sun a{color:#c70202;} .calendarWrap .calendarBox .calendarTable table td.active.sat, .calendarWrap .calendarBox .calendarTable table td.active.sat a{color:#0263c7;} .calendarWrap .calendarBox .calendarLegend{margin:20px 0;} .calendarWrap .calendarBox .calendarLegend > span{display:inline-block;position:relative;margin-right:20px;padding-left:25px;font-size:13px;} .calendarWrap .calendarBox .calendarLegend > span:after{display:block;content:'';position:absolute;top:50%;left:0;margin-top:-8px;width:16px;height:16px;} .calendarWrap .calendarBox .calendarLegend > span.none:after{background:#c3c1c1;} .calendarWrap .calendarBox .calendarLegend > span.active:after{background:#ec6941;} /***** 공통 ******/ /* Tab */ .tabBox{display:block;margin:45px auto;width:640px;border-top:2px #000000 solid;border-left:1px #e5e5e5 solid;} .tabBox_01{display:block;margin:15px auto 0px;width:640px;text-align: center;font-size:24px;color:#000;font-weight:bold} .tabBox:after{display:block;content:'';clear:both;} .tabBox li{display:block;float:left;width:33.3333%;} .tabBox li a{display:block;height:50px;font-size:15px;color:#707070;line-height:50px;text-align:center;border-bottom:1px #e5e5e5 solid;border-right:1px #e5e5e5 solid;} .tBox2{display:block;margin: 45px auto;width:425px;border-top: 2px #000 solid;border-left: 1px solid #e5e5e5} .tBox2 li{display:block;float: left;width:50%;} .tBox4{display: block;margin:45px auto 26px;width:852px;border-top: 2px #000 solid;border-left: 1px solid #e5e5e5;} .tBox4 li{display: block;float: left;width:25%;} /* board */ .boardWrap{padding:0 10px;box-sizing:border-box} .boardWrap h4{} .boardWrap h5{display:block;padding:0 20px;font-size:24px;font-weight:bold;color:#000;line-height:45px;border-bottom:2px solid #000;margin-bottom:4px;} .boardWrap .boardSearch{padding:0px;} .boardWrap .btn_inline{height:34px;font-size:13px;line-height:32px;} .boardWrap .btn_ss, .boardWrap .btn_s, .boardWrap .btn_m, .boardWrap .btn_l, .boardWrap .btn_inline{border-color:#000;} .boardWrap .btn_ss.gray, .boardWrap .btn_s.gray, .boardWrap .btn_m.gray, .boardWrap .btn_l.gray, .boardWrap .btn_inline.gray{color:#444444;border-color:#aeaeae;} .boardWrap .btn_m.radius{border-radius:20px;} .boardWrap .btn_l.radius{border-radius:23px;} .boardWrap .btn_inline.radius{border-radius:17px;} .boardWrap .boardSearch .btnArea{float:right;margin:0;} .boardWrap .tableBox table{font-size:15px;color:#1b1b1b;} .boardWrap .tableBox table.list{border-left:0px none;border-top:1px #e5e5e5 solid;} .boardWrap .tableBox table.list th{padding:10px;font-weight:bold;height:50px;background:none;border-right:0px none;border-bottom:1px #e1e1e1 solid;} .boardWrap .tableBox table.list td{padding:10px;height:50px;background:none;border-right:0px none;border-bottom:1px #e1e1e1 solid;} .boardWrap .tableBox table.list .notice td{background:#f4f4f4;} .boardWrap .tableBox table.view{border-left:0px none;border-top:1px #e5e5e5 solid;} .boardWrap .tableBox table.view thead{background:#ebebeb;} .boardWrap .tableBox table.view th, .boardWrap .tableBox table.view td{padding:10px 20px;height:50px;font-weight:normal;text-align:left;background:none;border-right:0px none;border-bottom:1px #e1e1e1 solid;} .boardWrap .tableBox table.form th{background:#f5f5f5} .boardWrap .tableBox table.form th, .boardWrap .tableBox table.form td{padding:15px 25px;height:50px;} .boardWrap .tableBox table.form td input[type='text'], .boardWrap .tableBox table.form td input[type='password'], .boardWrap .tableBox table.form td input[type='number'], .boardWrap .tableBox table.form td select{padding-left:15px;height:45px;} .boardWrap .tableBox table.form td textarea{padding:15px;} .boardWrap .tableBox table.form t .btn_inline{height:45px;line-height:43px;} .boardWrap .tableBox table td.left{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .boardWrap .tableBox table td.left a:hover{text-decoration: underline} .boardWrap .tableBox table td.center{text-align:center;} .boardWrap .tableBox table td.right{text-align:right;} .boardWrap .tableBox table.list.noEllipsis td{text-overflow:inherit;white-space:inherit;overflow:inherit;} .boardWrap .tableBox table td.tdEditorContent{padding:20px 30px;height:180px;color:#646464;line-height:160%;vertical-align:top;} .boardWrap .tableBox + .btnArea{margin-top:30px;} .boardWrap .tableBox table label{display: inline-block;padding:8px 20px;color: #444;font-size:13px;cursor:pointer;border: 1px solid #aeaeae;border-radius: .25em} .boardWrap .tableBox table input[type='file']{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;} .boardWrap .paging{margin:25px 0;} .boardWrap .fileWrap{position:relative;padding-left:80px;} .boardWrap .fileWrap .label{display:block;position:absolute;top:0;left:0;font-weight:200;font-size:14px;color:#000;padding:initial;line-height:initial;} .boardWrap .fileList{display:block;} .boardWrap .fileList li{display:block;margin:5px 0;} /*********************************************/ /*********************************************/ /**** content_o *****/ /*********************************************/ /*********************************************/ /*padding*/ .pl20 {padding-left:20px !important} .pl30 {padding-left:30px !important} .pt80 {padding-top: 80px !important} .pb40 {padding-bottom: 40px !important} .pb60 {padding-bottom: 60px !important} /*margin*/ .mgb20 {margin-bottom: 20px !important} .mgb60 {margin-bottom: 60px !important} .mgr20 {margin-right: 20px !important} .mgt45 {margin-top: 45px !important} /* text-align */ .ltxt {text-align:left !important} .rtxt {text-align:right !important} /* text-color */ .txt_gray {color:#555;} .txt_gray2 {color:#999;} .text_red {color:#ff0000;font-weight:bold} /* bg-color */ .bggray {background:#e1e1e1;} .bggray2 {background:#f5f5f5;} .black {background-color:#000 !important;color:#fff !important;} .gray {background-color:#666 !important;color: #fff !important} .rblack {background: #000;color: #fff;-webkit-border-radius:20px;-moz-border-radius :20px;border-radius:20px;padding:6px 8px !important;margin:0 2px;} .rgreen {background: #22ac38;color: #fff;-webkit-border-radius:20px;-moz-border-radius :20px;border-radius:20px;padding:6px 8px !important;margin:0 2px;} .rsky {background: #00aeef;color: #fff;-webkit-border-radius:20px;-moz-border-radius :20px;border-radius:20px;padding:6px 8px !important;margin:0 2px;} .rorange {background: #f7941d;color: #fff;-webkit-border-radius:20px;-moz-border-radius :20px;border-radius:20px;padding:6px 8px !important;margin:0 2px;} .rpurple {background: #8d00ef;color: #fff;-webkit-border-radius:20px;-moz-border-radius :20px;border-radius:20px;padding:6px 8px !important;margin:0 2px;} .bdtop20 {border-top: 1px solid #e5e5e5;padding-top: 20px} /*border*/ .bdgray {border:1px solid #999;} .bdgray2 {border:1px solid #e1e1e1;} /* 버튼 */ .bdbox {border:1px solid #000;padding: 2px 5px;font-weight: bold} .small {display:inline-block;font-size: 14px;width:80px;height:23px;padding-top:7px;text-align: center;color:#fff;} /*width*/ .w190 {width:190px !important;} .w300 {width:300px !important;} .w400 {width:400px !important;} /*기술직온라인*/ #wrap.skill .selectArea ul > li > a.active{border:1px #f69321 solid;color:#fff;background-color:#f69321;} #wrap.skill .lectureWrap .teacherList > li.on:before{background-color:#f69321;} #wrap.skill #header #gnb ul.deaph2 > li > label{color:#f69321;} #wrap.skill #header #gnb ul.deaph2 > li > a:hover{color:#f69321;} /*계리직온라인*/ #wrap.accounting .selectArea ul > li > a.active{border:1px #ce1717 solid;color:#fff;background-color:#ce1717;} #wrap.accounting .lectureWrap .teacherList > li.on:before{background-color:#ce1717;} #wrap.accounting #header #gnb ul.deaph2 > li > label{color:#ce1717;} #wrap.accounting #header #gnb ul.deaph1 > li.active > a{color:#ce1717;} #wrap.accounting #header #gnb ul.deaph2 > li > a:hover{color:#ce1717;} /* table 공통************************/ .tbd_top {margin-bottom: 20px;position:relative;} .tbd_top .stitle {font-size: 18px;font-weight: bold;} .tbd_top .sub_text {position:absolute;top:0;right:0;} /* tbd_01 */ .tabPage .tbd_01 {padding-top: 50px} .tabPage .tbd_01 table {width:100%;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5} .tabPage .tbd_01 table th, .tabPage .tbd_01 table td {padding:0 30px;border-bottom: 1px solid #e5e5e5} .tabPage .tbd_01 table th {height:40px} .tabPage .tbd_01 table th:first-child {width:15%;} .tabPage .tbd_01 table th:nth-child(2) {width:40%;text-align:center;} .tabPage .tbd_01 table td:nth-child(2) {width:40%;text-align: left;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;} .tabPage .tbd_01 table th:nth-child(3) {width:12%;} .tabPage .tbd_01 table td:nth-child(3) {width:12%;} .tabPage .tbd_01 table td {padding:35px 30px;text-align: center} .tabPage .tbd_01 .txt {display: block;margin-top: 5px;font-size: 18px;font-weight: bold;} /* tbd_02 */ .tabPage .tbd_02 table {width:100%;font-size: 16px;border-top:1px solid #e5e5e5;} .tabPage .tbd_02 table th, .tabPage .tbd_02 table td {border-bottom: 1px solid #e5e5e5;text-align: center} .tabPage .tbd_02 table th {height:50px;border-top:none;} .tabPage .tbd_02 table td {height:60px;} .tabPage .tbd_02 table th:first-child {width:15%;} .tabPage .tbd_02 table th:nth-child(2) {width:38%;text-align:center;} .tabPage .tbd_02 table td:nth-child(2) {width:46%;text-align: left;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;} .tabPage .tbd_02 table th:nth-child(3) {width:8%;} .tabPage .tbd_02 table td:nth-child(3) {width:8%;} .tabPage .tbd_02 table th:nth-child(4) {width:10%;} .tabPage .tbd_02 table td:nth-child(4) {width:10%;} .tabPage .tbd_02 table th:nth-child(5) {width:19%;} .tabPage .tbd_02 table td:nth-child(5) a.highView{display:inline-block;width:80px;background:linear-gradient(90deg, #ff077a, #650880);font-size:12px;font-weight:900;padding:6px 0;margin:0 1%;color:#fff;text-align:center;border-radius:5px;} .tabPage .tbd_02 table td:nth-child(5) a.normalView{display:inline-block;width:80px;background:#6f6f6f;font-size:12px;font-weight:900;padding:6px 0;margin:0 0 4px;color:#fff;text-align:center;border-radius:5px} /* 수강신청 플레이버튼 */ .classList td:nth-child(5) a.highView{display:inline-block;width:80px;background:linear-gradient(90deg, #ff077a, #650880);font-size:12px;font-weight:900;padding:6px 0;margin:0 1%;color:#fff;text-align:center;border-radius:5px;} .classList td:nth-child(5) a.normalView{display:inline-block;width:80px;background:#6f6f6f;font-size:12px;font-weight:900;padding:6px 0;margin:0;color:#fff;text-align:center;border-radius:5px}.tabPage .tbd_02 table td:nth-child(5) a.highView{display:inline-block;width:80px;background:linear-gradient(90deg, #ff077a, #650880);font-size:12px;font-weight:900;padding:6px 0;margin:0 1%;color:#fff;text-align:center;border-radius:5px;} /* 무료강좌 플레이버튼 */ .classfreeList td:nth-child(4) a.highView{display:inline-block;width:80px;background:linear-gradient(90deg, #ff077a, #650880);font-size:12px;font-weight:900;padding:6px 0;margin:0 1%;color:#fff;text-align:center;border-radius:5px;} .classfreeList td:nth-child(4) a.normalView{display:inline-block;width:80px;background:#6f6f6f;font-size:12px;font-weight:900;padding:6px 0;margin:0;color:#fff;text-align:center;border-radius:5px}.tabPage .tbd_02 table td:nth-child(5) a.highView{display:inline-block;width:80px;background:linear-gradient(90deg, #ff077a, #650880);font-size:12px;font-weight:900;padding:6px 0;margin:0 1%;color:#fff;text-align:center;border-radius:5px;} /* 무료강좌 상세 리스트 */ .tabPage .tbd_02 table.classfreeList td:nth-child(4) {width:10%;} /*내강의실*************************************************************************/ .Mclass {position: relative;} .Mclass .replay {display:inline-block;font-size: 13px;width:70px;padding:2px 0px 2px 8px;/*background:#000 url(../images/content/icon_rep.png) 10px center no-repeat;*/text-align: center;color:#fff;border-radius:5px;} .Mclass .replay.on {background:#000 url(../images/content/icon-replay_on.png) 10px center no-repeat;} /* 해제 */ .Mclass .replay.off {background:#555 url(../images/content/icon-replay_off.png) 16px center no-repeat;} /* 신청 */ .Mclass .replay.off:hover {background:#333 url(../images/content/icon-replay_off.png) 16px center no-repeat;} /* 신청 */ /*내강의실 추가*****/ .scroll {height:700px;overflow-y:scroll;} .tabPage .tbd_02 table.bd {border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;} /*내강의실 - 동영상 탭메뉴*/ .Mclass .tab_topContent {margin:20px auto 0;} .Mclass .tab_topContent .tabBar{height:49px;margin:0;font-size:16px;border-bottom: 1px solid #e5e5e5} .Mclass .tab_topContent .tabBar > li{width:20%;padding:0;margin-right:0;position:relative;} .Mclass .tab_topContent .tabBar > li:before{display:block;content:'';clear:both;} .Mclass .tab_topContent .tabBar > li.active:before{} .Mclass .tab_topContent .tabBar > li > a {height:41px;padding-top:8px;font-weight:bold;text-align:center;color:#000;background-color:#fff;border:0;} .Mclass .tab_topContent .tabPage{position: relative;} /*내강의실 > 최근수강강좌 > 동영상 하단 메뉴 tab_large_1dept */ .Mclass .tab_large {margin-top: 100px} .Mclass .tab_large .tabPage {clear:both;content: "";} .Mclass .tab_large .tab_large_1depth .tabBar{width:100%;height:49px;font-size:16px;margin:0 auto;} .Mclass .tab_large .tab_large_1depth .tabBar > li{width:25%;padding:0;margin-right:0;position:relative;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;box-sizing:border-box;} .Mclass .tab_large .tab_large_1depth .tabBar > li:first-child {border-left:1px solid #e5e5e5;} .Mclass .tab_large .tab_large_1depth .tabBar > li:before{display:block;content:'';clear:both;} .Mclass .tab_large .tab_large_1depth .tabBar > li > a {height:inherit;padding:4px 0;font-weight:bold;text-align:center;color:#000;background-color:#fff;border:0;} /*내강의실 > 최근수강강좌 > 동영상 하단 메뉴 tab_large_2dept */ .Mclass .tab_large .tab_large_2depth {width:100%;text-align: center;margin-top: 20px} .Mclass .tab_large .tab_large_2depth .tabBar {width:100%;height:40px;border:none;margin:0 auto;} .Mclass .tab_large .tab_large_2depth .tabBar li {width:146px;margin:0 10px 6px;} .Mclass .tab_large .tab_large_2depth .tabBar > li > a {height:auto !important;padding:8px 10px;border:1px solid #e5e5e5;line-height:inherit;word-break:keep-all;display: block;font-size:14px;font-weight:500;} /*내강의실 > 최근수강강좌 > 동영상 하단 메뉴 tab_large_2dept 컨텐츠 내용 */ .tabContent_2depth {margin-top: 80px;text-align: left} .tabContent_2depth .title {width:100%;font-size: 18px;padding-bottom:20px;font-weight: bold;} .tabContent_2depth .title.etccpdt {margin-top:140px} .tabContent_2depth .Dropmenu {font-size: 16px;} .tabContent_2depth .Dropmenu .lfloat {float:left;width:14%;min-height:327px;margin-right:1%;border:1px solid #e5e5e5;text-align:center;box-sizing:border-box;} .tabContent_2depth .Dropmenu .rfloat {float:left;width:85%;min-height:322px;border:1px solid #e5e5e5;overflow:hidden;box-sizing:border-box;} .tabContent_2depth .Dropmenu .rfloat ul {overflow-y:scroll;height:278px;overflow-x:hidden} .tabContent_2depth .Dropmenu .rfloat ul.active {display: block;} .tabContent_2depth .Dropmenu .rfloat li {text-align: left} .tabContent_2depth .Dropmenu .rfloat li a {width:768px;padding:12px 20px;font-weight:400;color:#333;} .tabContent_2depth .Dropmenu .tit {width:100%;padding:12px 0;font-weight: bold;border-bottom:1px solid #e5e5e5;text-align:center} .tabContent_2depth .Dropmenu li {margin:0 10px;} .tabContent_2depth .Dropmenu li:first-child {margin-top: 10px} .tabContent_2depth .Dropmenu li:last-child {margin-bottom: 10px} .tabContent_2depth .Dropmenu li a {display:inline-block;padding:12px 20px;width:100% !important;height:100%;box-sizing:border-box} .tabContent_2depth .Dropmenu .lfloat li.active > a {width:138px;} .tabContent_2depth .Dropmenu_down {display:block;content:"";clear:both;padding-top:10px;} .tabContent_2depth .Dropmenu_down .inner {position:relative;padding-top:50px;border:1px solid #e5e5e5;text-align: left;} .tabContent_2depth .Dropmenu_down .btn_crud {padding:0 30px;} .tabContent_2depth .Dropmenu_down .btn_crud > span {margin-right: 40px;color:#000;} .tabContent_2depth .Dropmenu_down .txt_area {padding:20px 30px 30px 30px;font-weight: bold} .tabContent_2depth .Dropmenu_down .txt_area .thumb {font-size:20px;line-height:1.4; padding: 8px 0;} .tabContent_2depth .Dropmenu_down .txt_area .date b {padding-right:19px;color: #000;font-weight: normal;} .tabContent_2depth .Dropmenu_down .txt_area .guideCompletion {position:relative;padding-top: 20px;font-size:16px;} .tabContent_2depth .Dropmenu_down .txt_area .guide .play> span {padding-right: 15px} .tabContent_2depth .Dropmenu_down .txt_area .guide .prograss_wrap {} .tabContent_2depth .Dropmenu_down .txt_area .guide .prograss_wrap .txt {font-size: 16px} .tabContent_2depth .Dropmenu_down .txt_area .guide .prograss_wrap {} .tabContent_2depth .Dropmenu_down .txt_area .total_date {padding-top:30px;font-weight: normal;line-height: 1.5} .tabContent_2depth .Dropmenu_down .txt_area .total_date li span.up_date{display:inline-block;width:130px;} .tabContent_2depth .Dropmenu_down .txt_area .guideCompletion .re_date {display: inline-block;} .tabContent_2depth .Dropmenu_down .txt_area .guideCompletion .edusup_multi {margin-top:0px;margin-left:15px;position: absolute;top:14px;left:70px;} .tabContent_2depth .Dropmenu_down .txt_area .btn_cart_wrap {clear:both;position: absolute;bottom:30px;left:300px;} .tabContent_2depth .Dropmenu_down .txt_area .btn_cart_wrap a {padding:7px 5px;margin-right:5px } .tabContent_2depth .Dropmenu_down .txt_area .btn_cart_wrap a.cart {border:1px solid #000;} .tabContent_2depth .Dropmenu_down .txt_area .btn_cart_wrap a.buying {background:#000;color:#fff;} .tabContent_2depth .Dropmenu_down .inner .tbd_02 .crud_area {padding-top:60px;font-size: 16px;position:relative;} .tabContent_2depth .Dropmenu_down .inner .tbd_02 .crud_area .unit {position: absolute;left:40px;bottom: 15px} .tabContent_2depth .Dropmenu_down .inner .tbd_02 .crud_area strong {position: absolute;right:40px;bottom: 15px} .tabContent_2depth .Dropmenu_down td > a.small {width:65px;padding-left:15px;height:22px;padding-top:8px;background:url(../images/content/icon-replay_on.png) 10px center no-repeat;font-size:12px} /*********************************************/ /*********************************************/ /**** content_p *****/ /*********************************************/ /*********************************************/ /* 회사소개 */ .companyInfo{} .companyInfo .greetingInner{/*20px 0*/} .companyInfo .greetingInner .greeting_img h3{text-align: center;font-size:22px;color:#707070;font-weight:bold;} .companyInfo .greetingInner .greeting_txt p{font-weight:400;padding:53px 20px;color:#666;font-size:15px;line-height: 1.8em} .companyInfo .history{padding:20px 0} .companyInfo .history h2{text-align: center;margin-bottom: 12px} .companyInfo .history img{width:100%} .companyInfo .location{width: 1000px;margin-top:50px} .companyInfo .location h2{text-align: center;margin-bottom: 20px} .companyInfo .location .company1{width: 100%;float:left} .companyInfo .location .mApi{width: 494px;height: 250px;background:#e1e1e1;text-indent: -9999px;} .companyInfo .location h3{color: #171c60;font-size: 20px;position: relative;padding:30px 0} /*.companyInfo .location h3:before{content: '';background:#171c60;width: 18px;height: 3px;position: absolute;left: 0;top:60px;}*/ .companyInfo .location table{width:100%} .companyInfo .location table tr{height:38px} .companyInfo .location table th{text-align: left;vertical-align: top;font-weight: 800;font-size: 14px;color: #000000;} .companyInfo .location table td{text-align: left;vertical-align: top;font-weight: 100;font-size: 12px;color: #333333;} /* modal */ #myModal .modal{display: none;position: fixed;z-index:91;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);} #myModal .modal-content{background-color: #fefefe;margin:0 auto;border: 1px solid #888;width: 50%;} #myModal .modal-content .mTit{background: #333;padding:10px 20px} #myModal .modal-content .mTit h2{color: white} #myModal .modal-content .mCont{padding: 20px} #uploadModal{display: none;position: fixed;z-index:91;left:0;top:0;width:100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);} #uploadModal .modal-content{background-color: #fefefe;margin:300px auto !important;border: 1px solid #888;width:518px;} #uploadModal .modal-content .mTit{background: #333;padding:10px 20px} #uploadModal .modal-content .mTit h2{display:inline-block;color:white;} #uploadModal .modal-content .mTit a{display: inline-block;color:white;float:right} #uploadModal .modal-content .mCont{padding:20px} #uploadModal .modal-content .ta_center{height: 50px} #uploadModal .box{position:relative;margin:30px auto;width:500px;} #uploadModal .filetype{display:inline-block;vertical-align:top;margin-right: 4px;} #uploadModal .filetype *{vertical-align: middle;} #uploadModal .filetype .file-text{position:absolute;width:320px;text-overflow:ellipsis;white-space: nowrap;overflow:hidden;display:inline-block;height: 40px;margin:0;border:1px solid #cdd3d4;line-height: 20px;z-index:10;right:50px;top:0;font-size:14px} #uploadModal .filetype .file-select{position: absolute;top:0;left:26px;width:82px;overflow:hidden;margin-left:4px} #uploadModal .filetype .file-select .input-file{width:82px;filter:alpha(opacity=0);opacity: 0;height:40px} #uploadModal .filetype .file-text + .file-btn {position:absolute;display:inline-block;height:40px;line-height:40px;padding:0 15px;color: #000 !important;cursor:pointer;margin-left:4px;left:26px;top:0;font-weight:bold;border:1px solid #cdd3d4;box-sizing:border-box;font-weight: bold} #uploadModal .btnArea{margin-top:30px;} #uploadModal .btnArea .btn_m.radius{border-radius:20px} #uploadModal .btnArea .btn_m{height:40px;line-height:38px} #uploadModal .btnArea .btn_m.cgray{color:#444;border:1px solid #ccc} #uploadModal2{display: none;position: fixed;z-index:91;left:0;top:0;width:100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);} #uploadModal2 .modal-content{background-color: #fefefe;margin:300px auto !important;border: 1px solid #888;width:518px;} #uploadModal2 .modal-content .mTit{background: #333;padding:10px 20px} #uploadModal2 .modal-content .mTit h2{display:inline-block;color:white;} #uploadModal2 .modal-content .mTit a{display: inline-block;color:white;float:right} #uploadModal2 .modal-content .mCont{padding:20px} #uploadModal2 .modal-content .ta_center{height: 50px} #uploadModal2 .box{position:relative;margin:30px auto;width:500px;} #uploadModal2 .filetype{display:inline-block;vertical-align:top;margin-right: 4px;} #uploadModal2 .filetype *{vertical-align: middle;} #uploadModal2 .filetype .file-text{position:absolute;width:320px;text-overflow:ellipsis;white-space: nowrap;overflow:hidden;display:inline-block;height: 40px;margin:0;border:1px solid #cdd3d4;line-height: 20px;z-index:10;right:50px;top:0;font-size:14px} #uploadModal2 .filetype .file-select{position: absolute;top:0;left:26px;width:82px;overflow:hidden;margin-left:4px} #uploadModal2 .filetype .file-select .input-file{width:82px;filter:alpha(opacity=0);opacity: 0;height:40px} #uploadModal2 .filetype .file-text + .file-btn {position:absolute;display:inline-block;height:40px;line-height:40px;padding:0 15px;color: #000 !important;cursor:pointer;margin-left:4px;left:26px;top:0;font-weight:bold;border:1px solid #cdd3d4;box-sizing:border-box;font-weight: bold} #uploadModal2 .btnArea{margin-top:30px;} #uploadModal2 .btnArea .btn_m.radius{border-radius:20px} #uploadModal2 .btnArea .btn_m{height:40px;line-height:38px} #uploadModal2 .btnArea .btn_m.cgray{color:#444;border:1px solid #ccc} #uploadModal2 .btnArea .btn_m.cblue{color:#134c97;border:1px solid #134c97;} .locationModal{display:none;position: fixed;z-index:91;left: 0;top: 0;width:100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);} .locationModal .modal-content{background-color: #fefefe;margin:120px auto !important;border: 1px solid #888;width:750px;} .locationModal .modal-content .mTit{background: #333;padding:10px 20px} .locationModal .modal-content .mTit h2{display:inline-block;color:white;} .locationModal .modal-content .mTit a{display: inline-block;color:white;float:right} .locationModal .location{width:100%;} .locationModal .location .locationP{padding:0px 40px 20px;box-sizing:border-box} .locationModal .location h2{text-align: center;margin-bottom: 20px} .locationModal .location .company1{width: 50%;float:left} .locationModal .location .company2{width: 50%;float:left} .locationModal .location .mApi{width:100%;height:406px;background:#e1e1e1;text-indent: -9999px;} .locationModal .location h3{color: #171c60;font-size: 20px;position: relative;padding:30px 0} .locationModal .location h3:before{content: '';background:#171c60;width: 18px;height: 3px;position: absolute;left: 0;top:60px;} .locationModal .location table{width:100%} .locationModal .location table tr{height:28px} .locationModal .location table th{text-align: left;vertical-align: top;font-weight: 800;font-size: 14px;color: #000000;} .locationModal .location table td{text-align: left;vertical-align: top;font-weight: 100;font-size: 12px;color: #333333;} /* 회사소개 학원둘러보기 */ .gallery{} .gallery h2{display:inline-block;padding-top:8px} .gallery > a{display:inline-block;float:right;} .gallery > a img{width:100%} .gallery ul{overflow: hidden;margin-top:20px} .gallery ul li{width: 326px;height: 206px;background: #eee;float: left;margin-left:10px;margin-top:5px} .gallery ul li:nth-child(1){margin-left: 0;margin-top: 0;} .gallery ul li:nth-child(2){margin-top: 0;} .gallery ul li:nth-child(3){margin-top: 0;} .gallery ul li:nth-child(4){margin-left: 0;} .gallery ul li.lastImg{display:none;background:rgba(0,0,0,.8);} .gallery ul li.lastImg p{color:white;text-align: center;font-weight:bold;font-size:20px;padding-top:70px} .gallery ul li img{width:100%;height: 206px;} .gallery ul li a{display: block; height: 100%} .station2{margin-top: 70px} /* 갤러리 슬라이드 레이어 */ .gList{display:none;position: relative;} .gList .dim{width:100%;height:100%;background:rgba(0,0,0,.8);position:fixed;left: 0;top: 0;z-index:101;} .gList .ly_gallery{position: fixed;top: 50%;left: 50%;z-index: 102;width: 925px;height: 583px;margin: -292px 0 0 -462px} .gList .ly_gallery h2{position: fixed;z-index: 103;color: white;top:50%;margin-top:-340px;left: 50%;margin-left:-50px} .gList #wrapper{width:929px;height:583px;position:relative;color:#fff;text-shadow:rgba(0,0,0,0.1) 2px 2px 0px;} #slider-wrap{width:929px;height:583px;position:relative;overflow:hidden;} #slider-wrap ul#slider{width:100%;height:100%;position:absolute;} #slider-wrap ul#slider li{float:left;position:relative;width:929px;height:583px;} #slider-wrap ul#slider li div{width:929px;height:583px;background:url(../images/common/bg_shadow2.png) no-repeat;} #slider-wrap ul#slider li div img{display:block;width:100%;height:535px} #slider-wrap .cls{display: block;position:fixed;top:50%;right:50%;margin-right:-520px;margin-top:-290px;width: 29px;height: 29px;background: url(../images/common/btn_cls.png) no-repeat;z-index:104;text-indent: -9999px} /*btns*/ .btns{position:fixed;width:50px;margin-top:-25px;height:60px;top:50%;text-align:center;cursor:pointer;background:rgba(0,0,0,0.1);z-index:103;-webkit-user-select: none;-moz-user-select: none; -khtml-user-select: none;-ms-user-select: none;-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;-ms-transition: all 0.1s ease;transition: all 0.1s ease;color:white} #next:hover, #next2:hover, #previous:hover, #previous2:hover{opacity: 1;} #next, #next2{right:50%;margin-right:-540px;background: url(../images/common/bts_arrow.png) no-repeat -65px -10px;opacity:.4} #previous, #previous2{left:50%;margin-left:-540px;background: url(../images/common/bts_arrow.png) no-repeat -18px -10px;opacity:.4} #counter, #counter2{bottom:50%;left:50%;margin-bottom:-300px;width:auto;position:fixed;color: white;z-index: 104;font-size: 20px;} .customer_inner{margin-bottom:40px} .customer_inner h2{text-align:center;color:#000;font-size:18px;margin-bottom: 20px} .customer_inner > p{text-align:center;font-weight:bold;font-size:18px;} .customer_inner > p.tit{font-size:14px;font-weight:200;} .customer_inner > select{display:block;width:426px;margin:auto;background:white;border:1px solid #ededed;height:42px;margin-top:40px;box-sizing:border-box;font-size:14px} .customer_inner > select.a_request{margin-top:10px} .customer_inner > select option{} .customer_inner > a.advice_btn{display:block;border:1px solid #b0b0b0;width:160px;margin: auto;height:30px;text-align:center;line-height:30px;border-radius:3px;margin-top:20px;background:#f4f4f4 url(../images/common/next_arrow.png) no-repeat 140px} .customer_inner > a.coment_btn{display:block;border:1px solid #b0b0b0;width:160px;margin: auto;height:30px;text-align:center;line-height:30px;border-radius:3px;margin-top:20px;} .advice_select .advice_input{overflow:hidden;margin:0 auto 20px;width:426px;} .advice_select .advice_input > select{height:42px;background: white;border:1px solid #c7c7c7;color:#222;font-size:14px;} .advice_select .advice_input > select.a_reservation{display: block;width:426px;margin:60px 0 10px;} .advice_select .advice_input > select.a_location{display:block;float:left;width:200px;} .advice_select .advice_input .l_btn{float:left;margin-left:32px} .advice_select .advice_input .l_btn a{display:inline-block;padding:10px 22px;background: white;border: 1px solid #c7c7c7;font-size:14px;color:#222;} .advice_select .advice_input .l_btn a:nth-child(2){margin-left:2px} .advice_table{width: 100%;height: auto;border:3px solid #a5a5a5;padding:36px;box-sizing:border-box} .advice_table .calendar_wrap{} .advice_table .calendar_wrap .calender_inner{overflow: hidden} .advice_table .calendar_wrap .calender_inner .calender_api{width:454px;height:454px;background:#eee;float:left;width:48%;} .advice_table .calendar_wrap .calender_inner .calender_tb{float:left;padding:10px;width:50%;margin-left:2%;box-sizing:border-box;} .advice_table .calendar_wrap .calender_inner .calender_input div{border-bottom:1px solid #000;padding:8px 14px;} .advice_table .calendar_wrap .calender_inner .calender_input .c_timeer{margin-top:12px} .advice_table .calendar_wrap .calender_inner .calender_input div label{font-weight:bold;font-size:18px;margin-right:10px;} .advice_table .calendar_wrap .calender_inner .calender_input div input{border:none;font-weight:bold;font-size:18px;} .advice_table .calendar_wrap .calender_inner .calender_input div input::placeholder{font-weight:100;color:#666;font-size:14px} .advice_table .calendar_wrap .calender_inner .calender_input div input:focus{outline:none} .advice_table .calendar_wrap .calender_inner .calender_btn_wrap{padding:10px;margin-top:20px} .advice_table .calendar_wrap .calender_inner .calender_btn_wrap div{} .advice_table .calendar_wrap .calender_inner .calender_btn_wrap div h6{display:inline-block;vertical-align:top;box-sizing:border-box;padding:1px;font-size:16px;color:#333;width:15%;} .advice_table .calendar_wrap .calender_inner .calender_btn_wrap div ul{display:inline-block;overflow:hidden;padding:1px 0 0 1px;box-sizing: border-box;width:84%;} .advice_table .calendar_wrap .calender_inner .calender_btn_wrap div ul li{float:left;} .advice_table .calendar_wrap .calender_inner .calender_btn_wrap div ul li a{display:block;padding:8px 14px;border:1px solid #a5a5a5;color:#5f5f5f;font-size:14px;box-sizing:border-box;margin-right:8px;margin-bottom:6px} .advice_table .calendar_wrap .calender_inner .calender_btn_wrap div.c_morning{box-sizing:border-box;margin-bottom:16px} .advice_table .calendar_wrap .advice_tit p{color:#5a5a5a;font-size:14px;margin-top:6px;} .table_wrap{width:100%;height:auto;border:1px solid #1111;padding:47px 65px;box-sizing:border-box;margin-top: 50px;background:#f7f7f7} .table_wrap > p.t_tit{font-size:20px;color:#000;font-weight:bold} .table_wrap > .btnArea .radius{border-radius:20px;} .table_wrap > .btnArea .gray{color:#444;border:1px solid #aeaeae;} .form_atb{background:#fff;padding:30px 40px;margin-top:18px} .form_atb > h3{display:inline-block;font-size:22px;font-weight:800} .form_atb > p{display:inline-block;float: right;color:#878787;font-weight:100;font-size:14px} .form_atb table{border-top:2px solid #c1c1c1;width:100%;margin-top:8px} .form_atb table tr{height:70px} .form_atb table th{text-align:right;font-size:16px} .form_atb table th.vt_pt{vertical-align:top;padding-top: 12px} .form_atb table td{text-align:left;padding:0 20px} .form_atb table td select:nth-child(1){margin-left:0;} .form_atb table td select{width:32%;height:48px;margin-left:4px} .form_atb table td input{width:100%;height:48px;font-size:14px} .form_atb table td input[type=checkbox]{height:inherit; width:inherit;display:inline-block;font-size:12px} .form_atb table td button{padding:4px 10px;margin-top:6px} .inquiry_lnfo{width:400px;margin:auto;overflow:hidden;margin-bottom:40px} .inquiry_lnfo img{float:left;margin-left:20px} .inquiry_lnfo ul{float:left;margin-left:30px} .inquiry_lnfo ul li{line-height:27px;color:#767676} .inquiry_tab{width:600px;margin:auto;margin-bottom:50px} .inquiry_tab ul{overflow:hidden} .inquiry_tab ul li{float:left;width:140px;height:34px;border:1px solid #b0b0b0;text-align:center;margin-left:10px;margin-bottom:6px;line-height:34px;color:#444444;} .inquiry_tab ul li.ml-n{margin-left:inherit} .inquiry_tab ul li.mb-n{margin-bottom:inherit} .inquiry_tab ul li a{display:block;height:100%;} /* 아이디 비번찾기 */ .serchForm{margin-bottom:30px} .serchForm .serch{width:100%;height:64px} .serchForm .serch ul li{float:left;width:50%;text-align:center;height:64px;line-height:64px;background:#f9f9f9;border:1px solid #e5e5e5;box-sizing:border-box;margin-right:-1px;} .serchForm .serch ul li a{display:block;height:100%;font-size:20px} .serchForm .serchBox{position:relative;height:320px;width:99.9%;} .serchForm .serchBox .serchBoard{width:100%;height:320px;position:absolute;left: 0;top: 0;border:1px solid #e5e5e5;border-top:none;box-sizing:border-box;} .serchBoard{display:none} .serchBoard.active{display:block} .serchForm .serchBox .serchBoard p{width:100%;text-align:center;margin:auto;font-size:16px;color:#333;margin-top:64px;line-height:22px} .serchForm .serchBox .serchBoard input{display:block;width:328px;padding-left:10px;height:50px;margin:auto;font-size:16px;color:#333;margin:auto;margin-top:12px} .serchForm .serchBox .serchBoard a{display:block;color:#333333;font-size:16px;width:148px;height:46px;margin:auto;text-align:center;line-height:46px;border:1px solid #cccccc;margin-top:34px} .serchForm .btn-area .btn-css{display: block;height: 46px;line-height: 46px;width: 100%;text-align: center;background: #f67d10;color: #fff;box-sizing: border-box;margin: 0 auto;border-radius: 5px;} .serchForm .btn-area .btn-css.mgtb{margin: 10px 0} /* 지안패스 */ li.pl_30{padding-left:30px !important} .passTotal{padding:25px 30px} .lectureList li.pl_30 a{margin-bottom:8px} .lectureList p{font-size:14px;line-height:1.32rem;width:25%} .lectureList p span{float:right} .selectAreaFixed{position:fixed;top:0px;left:50%;background:white;width:998px;margin-left:-500px;margin-top:inherit;z-index:10;} .lectureWrapFixed{margin-top:244px} .dtFixed{display:none} /* 강의실 배정표 */ .calendarInfo{width:740px;margin:auto;margin-top:50px} .calendarInfo div.cCom > p{display:inline-block;font-size:20px;} .calendarInfo div.cCom > p span{font-size:18px;} .calendarInfo div.cCom > p span b{color:#ec6941;} .calendarInfo a{display:inline-block;float:right} .calendarInfo a img{margin-top:-6px} .calendarInfo img{width:100%;} .calendarInfo div.cCom div{width:100%;margin-bottom:56px;margin-top:16px} .calendarInfo div.cCom div.cNull{border:1px solid #ededed;} .calendarInfo div.cCom div.cNull p{text-align:center;line-height:300px} /*********************************************/ /*********************************************/ /**** 날짜별 추가 *****/ /*********************************************/ /*********************************************/ /* 2020.01.06 추가 */ .modalWrap .inner .modalContent p.pTxt{line-height:28px} /* 2020.01.15 */ .pwChange{border:4px solid #f1f1f1;margin-bottom:30px} .pwChangeWrap p{text-align: center;font-weight:800;font-size:24px;padding:40px 0 30px;letter-spacing:-.8px;color:#444} .pwCg{width:420px;margin: auto;padding:8px 0} .pwCg input{width:100%;height:54px;font-size:16px;letter-spacing:-.8px} .pwCg span{display:block;font-size: 12px;color:red;margin-left:4px;padding-top:4px} .pwCg_btn{padding:20px 0 40px;width:420px;margin: auto;} .pwCg_btn a{display:inline-block;width:100px;height:36px;color:white;text-align:center;line-height:36px} .pwCg_btn a:nth-child(2){background-color:#aaa} /* 2020.01.09 추가 */ .list .fthub{width:100%;} .list .fthub img{width:100%} /* 2020.03.03 추가 */ .new_cssM tbody tr td:nth-child(1){width:12%} .new_cssM tbody tr td:nth-child(2){width:50%} .new_cssM tbody tr td:nth-child(3){width:10%} /* 2020.03.06 추가 */ .classfreeList tbody tr td{padding:0 2% !important;height:52px !important;} .classfreeList tbody tr td:nth-child(1){width:12%} .classfreeList tbody tr td:nth-child(2){width:50%} .myarea_list_wrap .paging{padding:0 0 30px;margin: 0} .myarea_list_wrap .paging.pt80{padding-top:30px !important} /* 2020.04.28 */ .pb_wrap{width:100% !important;height:62px !important;line-height:62px !important;border-top:1px solid #000 !important;} .pb_wrap p{font-size:16px;font-weight:bold;color:#666;display:inline-block !important;} .pb_wrap div{display: inline-block !important;float: right !important} .pb_wrap div a{;display:inline-block !important;width: 80px !important;height:38px !important;line-height:38px;text-align:center;font-size:12px !important} .pb_wrap div .btn_modalClose{background:#e5e5e5 !important;margin-left:4px} .lecture_start{border: 1px solid #000;display:inline-block;width:82px;height:32px;text-align:center;line-height:32px;} .lecture_start:hover{background:black;color:white;} .desc2{float:left;padding:0 30px;width:650px;} .desc2 .rblack{display:inline-block;border-radius:20px;padding:6px 8px !important;} .desc2 .rgreen{display:inline-block;border-radius:20px;padding:6px 8px !important;} .desc2 p{font-size:20px;font-weight:800;padding:4px 0} .imgd img{display:block;width:inherit} .ft_wrap{display:block;height:100%;} .loginWrap .loginForm{padding-bottom:86px;border-bottom:1px #e5e5e5 solid;} .loginWrap .loginForm input[type='text'], .loginWrap .loginForm input[type='password']{margin-bottom:15px;padding:0 25px;width:100%;height:70px;font-size:17px;border:1px #e5e5e5 solid;box-sizing:border-box;} .loginWrap .loginForm .btn_login{margin-bottom:15px;padding:0 25px;width:100%;height:70px;line-height:60px;font-size:17px;font-weight:bold;color:#fff;text-align:center;border:0px none;background:#325ce3;box-sizing:border-box;} /*마이페이지 1:1 문의내역 글모아보기 스위치 css추가 20201120 - 김훈 */ .searchArea{padding:40px 20px 12px;} .searchArea:after{display:block;content:'';clear:both;} .searchArea > li{font-size:16px;} .searchArea > li.left{float:left;width:49% !important;} .searchArea > li.left.left-css{width:52% !important;} .searchArea > li.right{float:right;width:31% !important;text-align:right;} .searchArea > li.switch_list{float: left;width: 20%; margin-top: 3px;} .searchArea > li.switch_list .span_text{font-weight: 300; color: #111111; font-size: 14px;} .searchArea > li.switch_list .switch {position: relative;display: inline-block;width: 47px;height: 23px;} .searchArea > li.switch_list .switch input{opacity: 0;width: 0;height: 0;} .searchArea > li.switch_list .switch .slider{position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;} .searchArea > li.switch_list .switch .slider:before{ position: absolute;content: "";height: 19px;width: 19px;left: 0px;bottom: 2px;background-color: white;-webkit-transition: .4s;transition: .4s;} .searchArea > li.switch_list .switch input:checked + .slider{background: #2196f3} .searchArea > li.switch_list .switch input:focus + .slider{box-shadow: 0 0 1px #2196f3} .searchArea > li.switch_list .switch input:checked + .slider:before{ -webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);} .searchArea > li.switch_list .switch .slider.round{ border-radius: 34px;} .searchArea > li.switch_list .switch .slider.round:before{ border-radius: 50%;} .searchArea select{width:120px;font-size:13px;font-weight:600} .searchArea input[type='text']{width:240px;font-size:13px;padding:0 6px} .searchArea input[type='submit']{width:140px;} /*온라인 서점 - detail 도서 미리보기 CSS*/ /*.book-store.dim-layer {*/ /* display: none;*/ /* position: fixed;*/ /* top: 0;*/ /* left: 0;*/ /* width: 100%;*/ /* height: 100%;*/ /* z-index: 100;*/ /*}*/ /*.book-store.dim-layer .dimBg {*/ /* position: absolute;*/ /* top: 0;*/ /* left: 0;*/ /* width: 100%;*/ /* height: 100%;*/ /* background: #000;*/ /* opacity: 0.5;*/ /* filter: alpha(opacity=50);*/ /*}*/ /*.book-store.dim-layer .pop-layer {*/ /* display: block;*/ /*}*/ /*!* Booklet jQuery Plugin Style*!*/ /*.booklet {*/ /* -moz-box-shadow: 0px 0px 1px #fff;*/ /* -webkit-box-shadow: 0px 0px 1px #fff;*/ /* box-shadow: 0px 0px 1px #fff;*/ /* -moz-border-radius: 10px;*/ /* -webkit-border-radius: 10px;*/ /* border-radius: 10px;*/ /*}*/ /*.booklet .b-wrap-left {*/ /* -webkit-border-top-left-radius: 10px;*/ /* -webkit-border-bottom-left-radius: 10px;*/ /* -moz-border-radius-topleft: 10px;*/ /* -moz-border-radius-bottomleft: 10px;*/ /* border-top-left-radius: 10px;*/ /* border-bottom-left-radius: 10px;*/ /*}*/ /*.booklet .b-wrap-right {*/ /* -webkit-border-top-right-radius: 10px;*/ /* -webkit-border-bottom-right-radius: 10px;*/ /* -moz-border-radius-topright: 10px;*/ /* -moz-border-radius-bottomright: 10px;*/ /* border-top-right-radius: 10px;*/ /* border-bottom-right-radius: 10px;*/ /*}*/ /*.booklet .b-counter {*/ /* bottom: 10px;*/ /* position: absolute;*/ /* display: block;*/ /* width: 90%;*/ /* height: 20px;*/ /* border-top: 1px solid #ddd;*/ /* color: #222;*/ /* text-align: center;*/ /* font-size: 12px;*/ /* padding: 5px 0 0;*/ /* background: transparent;*/ /* -moz-box-shadow: 0px -1px 1px #fff;*/ /* -webkit-box-shadow: 0px -1px 1px #fff;*/ /* box-shadow: 0px -1px 1px #fff;*/ /* opacity: 0.8;*/ /*}*/ /*.book_wrapper {*/ /* margin: 0 auto;*/ /* padding-top: 50px;*/ /* width: 905px;*/ /* height: 540px;*/ /* position: relative;*/ /* background: transparent url(../images/new/bookstore/bg.png) no-repeat 9px 27px;*/ /*}*/ /*.book_wrapper h1 {*/ /* color: #13386a;*/ /* margin: 5px 5px 5px 15px;*/ /* font-size: 26px;*/ /* background: transparent url(../images/new/bookstore/h1.png) no-repeat bottom left;*/ /* padding-bottom: 7px;*/ /*}*/ /*.book_wrapper p {*/ /* font-size: 16px;*/ /* margin: 5px 5px 5px 15px;*/ /*}*/ /*.book_wrapper a.article,*/ /*.book_wrapper a.demo {*/ /* background: transparent url(../images/new/bookstore/circle.png) no-repeat 50% 0px;*/ /* display: block;*/ /* width: 95px;*/ /* height: 41px;*/ /* text-decoration: none;*/ /* outline: none;*/ /* font-size: 16px;*/ /* color: #555;*/ /* float: left;*/ /* line-height: 41px;*/ /* padding-left: 47px;*/ /*}*/ /*.book_wrapper a.demo {*/ /* margin-left: 50px;*/ /*}*/ /*.book_wrapper a.article:hover,*/ /*.book_wrapper a.demo:hover {*/ /* background-position: 50% -41px;*/ /* color: #13386a;*/ /*}*/ /*.book_wrapper img {*/ /*}*/ /*.booklet .b-wrap-right img {*/ /* border: 1px solid #e6e3c2;*/ /*}*/ /*.book-store a#next_page_button,*/ /*.book-store a#prev_page_button {*/ /* display: none;*/ /* position: absolute;*/ /* width: 41px;*/ /* height: 40px;*/ /* cursor: pointer;*/ /* margin-top: -20px;*/ /* top: 50%;*/ /* background: transparent url(../images/new/bookstore/buttons.png) no-repeat 0px -40px;*/ /*}*/ /*.book-store a#prev_page_button {*/ /* left: -30px;*/ /*}*/ /*.book-store a#next_page_button {*/ /* right: -30px;*/ /* background-position: -41px -40px;*/ /*}*/ /*.book-store a#next_page_button:hover {*/ /* background-position: -41px 0px;*/ /*}*/ /*.book-store a#prev_page_button:hover {*/ /* background-position: 0px 0px;*/ /*}*/ /*.book-store .b-load img{display: block; width: 380px; height: 480px;}*/ /*비단길 프로젝트*/ .serialStudy h3, .serialStudy p, .serialStudy span, .serialStudy a, .serialStudy table{letter-spacing: -1px} aside#quick-nav{ position: fixed; top: 50%; right: 100px; z-index: 5; } aside#quick-nav button{ border-radius: 50%; width: 20px; height: 20px; border: none; outline: none; display: block; margin: 30px auto; position: relative; } #quick-nav button:first-child:before{ content: 'Home'; display: none; color: #ffffff; left: -50px; } #quick-nav button:first-child.active:before{ content: 'Home'; display: block; color: #ffffff; } #quick-nav button:before{ content: 'Step'; display: none; font-size: small; color: #ffffff; position: absolute; bottom: 10px; left: -38px; } #quick-nav button.active:before{ content: 'Step'; display: block; font-size: small; color: #ffffff; } aside#quick-nav button.active.quick-icon.icon-01{ background-image: url("/common/zian/images/serialStudy/quick-icon.png"); background-repeat: no-repeat; width: 36px; height: 36px; display: block; background-position: -10px -10px; } aside#quick-nav button.active.quick-icon.icon-02{ background-image: url("/common/zian/images/serialStudy/quick-icon.png"); background-repeat: no-repeat; width: 36px; height: 36px; display: block; background-position: -56px -10px; } aside#quick-nav button.active.quick-icon.icon-03{ background-image: url("/common/zian/images/serialStudy/quick-icon.png"); background-repeat: no-repeat; width: 36px; height: 36px; display: block; background-position: -102px -10px; } aside#quick-nav button.active.quick-icon.icon-04{ background-image: url("/common/zian/images/serialStudy/quick-icon.png"); background-repeat: no-repeat; width: 36px; height: 36px; display: block; background-position: -148px -10px; } aside#quick-nav button.active.quick-icon.icon-05{ background-image: url("/common/zian/images/serialStudy/quick-icon.png"); background-repeat: no-repeat; width: 36px; height: 36px; display: block; background-position: -194px -10px; } .serialNav{ background: rgba(54,54,54,0.8); } ul.serialTab{ text-align: center; overflow: hidden; margin: 0 auto; } ul.serialTab li{ float: left; width: 25%; text-align: center; position:relative; } ul.serialTab li:first-child:after{ display: none; } ul.serialTab li:after{ content: ''; display: block; background-image: url("/common/zian/images/serialStudy/quick-icon.png"); background-repeat: no-repeat; width: 36px; height: 36px; background-position: -10px -64px; position:absolute; left:-19px; top:11px; } ul.serialTab li a{ display: block; height: 58px; line-height: 58px; color: #c5c5c5; font-size: 18px; } ul.serialTab li a:hover{ color: #ffffff; } ul.serialTab li a.on{ color: #ffffff; font-weight: 500; } section.main-2 .container, section.main-3 .container, section.main-4 .container, section.main-5 .container{ padding-top: 0 !important; height: auto !important; padding-bottom: 10px !important; box-sizing: border-box !important; } /*.main-1 .section-item:after{*/ /* background: url("../images/serialStudy/index_tit_bg.png") no-repeat, url("../images/serialStudy/img_bg_index.png") no-repeat;*/ /* background-position-x: center;*/ /* top: 0;*/ /* left: 0;*/ /* position: absolute;*/ /* z-index: -1;*/ /* content: '';*/ /* width: 100%;*/ /* height: 100%;*/ /* background-size: auto, cover;*/ /* background-blend-mode: screen;*/ /*}*/ .main-1 .section-item:after{ background: url("../images/serialStudy/img_bg_index.png") no-repeat; background-position-x: center; top: 0; left: 0; position: absolute; z-index: -1; content: ''; width: 100%; height: 100%; background-size: cover; } .main-3 .section-item:after{ background: url("../images/serialStudy/img_bg_main-3.png") no-repeat; background-position-x: center; top: 0; left: 0; position: absolute; z-index: -1; content: ''; width: 100%; height: 100%; background-size: cover; } .main-1{ background: white; } .main-1 .section-item{ position: relative; z-index: 1; height: calc(100vh - 202px); } .main-3 .section-item { position: relative; z-index: 1; height: 100vh; } .main-1 .fp-tableCell{ vertical-align: top; } .main-2{ background: #ffffff; position: relative; }.main-3{ background: #ffffff; position: relative; }.main-4{ background: #ffffff; position: relative; }.main-5{ background: #ffffff; position: relative; } .main-1 .section-item .content{ position: absolute; top: 45%; left: 50%; width: 100%; padding: 0 7%; box-sizing: border-box; transform: translate(-50%, -50%); z-index: 10; text-align: center; } .main-1 .section-item .content h3{ font-size: 30px; color: #cccccc; font-weight: 300; margin-bottom: 30px; } .main-1 .section-item .content p{ font-size: 80px; color: #ffffff; font-weight: 700; letter-spacing: -4px; text-shadow: 0 4px 10px rgb(0, 0, 0, 0.5); } .main-1 .section-item .content span{ font-size: 100px; /*background: linear-gradient(180deg, #3D1A00 0%, #fd9800 34.62%, #ffce89 50.48%, #f09200 66.83%, #400D00 100%);*/ /*-webkit-background-clip: text;*/ /*-webkit-text-fill-color: transparent;*/ position: relative; color: #FF6C00; } .main-1 .section-item .content span:after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #FF6C00; position: absolute; left: 50%; top: 10px; transform: translateX(-50%); } .main-1 .section-item .mouse-ico{ position: absolute; bottom: 40px; left: 50%; } .main-1 .section-item .mouse-ico:after{ content: 'scroll'; display: block; position: absolute; top: 27px; left: -17px; color: #ffffff; } .main-1 .section-item .mouse-ico img{ display: block; width: 30px; } .main-1 .section-item .mouse-ico .ani-mouse{ animation:circlemove 1s infinite linear; } @keyframes circlemove{ 0%,100%{ transform:translate(-50%,-50%); } 50%{ transform:translate(-50%,-60%); } } h2.step{ font-size: 54px; font-weight: 900; line-height: 1.5; text-align: center; } h2.step02 { font-size: 64px; font-weight: 900; line-height: 1.5; color: #fff; text-shadow: 0 4px 4px rgb(0, 0, 0, 0.15); letter-spacing: -1.92px; text-align: center; } .step_title{ font-size: 30px; font-weight: 700; line-height: 1em; text-align: center; } .step_title.mo { display: none; } .step_title.mo p { line-height: 1.5; } .step_title.mo p:after { bottom: 0; } .step_title p { position: relative; z-index: 1; display: inline-block; } .step_title p:after { content: ""; display: block; width: 100%; height: 14px; background: #ffd3b3; position: absolute; bottom: -10px; left: 50%; z-index: -1; transform: translateX(-50%); } p.step_title02 { text-align: center; color: #fff; font-size: 30px; letter-spacing: -0.9px; } p.content_text{ font-size: 20px; line-height: 1.7; text-align: center; word-break: keep-all; } p.content_text_02 { font-size: 22px; line-height: 1.7; text-align: center; } ul.content_ul { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 47px 4%; } ul.content_ul li { border-radius: 10px; overflow: hidden; border: 1px solid #e3e3e3; width: calc(33.3% - 3%); } ul.content_ul li img { display: block; width: 100%; } ul.content_ul li p { font-size: 20px; line-height: 1.5; font-weight: 400; text-align: center; padding: 20px 0; } span.mainColor{ color: #ff6c00; } a.content_button{ position: relative; display: block; width: 240px; height: 52px; line-height: 52px; border: 1px solid #000000; border-radius: 10px; font-size: 14px; color: #000000; font-weight: 400; padding-left: 30px; box-sizing: border-box; } a.content_button:after{ content: ''; display: block; position: absolute; background-image: url("/common/zian/images/serialStudy/quick-icon.png"); background-repeat: no-repeat; width: 36px; height: 36px; background-position: -56px -56px; top: 0; right: 25px; } a.content_button:hover{ background: #000000; color: #ffffff; } a.content_button:hover:after{ background-position: -102px -56px; } .main-2 .container{ padding-top: 230px; max-width: 1194px; height: 100%; margin: 0 auto; overflow: hidden; } .main-2 .container .inner { padding: 120px 0; text-align: center; } .main-2 .fadeInUp{ opacity: 0; } .main-2 .container .inner .bot { text-align: center; } .main-2 .container .inner .bot div { font-size: 34px; font-weight: 900; line-height: 1.5em; } .main-2 .container .inner .bot div p { position: relative; letter-spacing: -1.02px; } .main-2 .container .inner .bot div p:before { content: ""; width: 100%; height: 1px; background: #c2c2c2; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .main-2 .container .inner .bot div p:first-child:before { max-width: 452px; } .main-2 .container .inner .bot div p:last-child:before { max-width: 567px; } .main-3 .fadeInUp{ opacity: 0; } .main-3 .container .inner { padding-top: 100px; position: initial; } .main-3 .container .inner .img-area .fadeInUp { animation-delay: 0.3s; } .main-3 .container .inner .img-area { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1200px; } .main-3 .container .inner .img-area img { width: 100%; } .main-4 .fadeInUp{ opacity: 0; } .main-4 .container .mo { display: none; } .main-4 .container ul { display: flex; align-items: flex-start; justify-content: center; gap: 4.2%; } .main-4 .container ul li { border-radius: 10px; overflow: hidden; padding: 10px 0 20px; width: 300px; transition: 0.3s; cursor: pointer; } .main-4 .fadeInUp:nth-child(1) { animation-delay: 0s; } .main-4 .fadeInUp:nth-child(2) { animation-delay: 0.3s; } .main-4 .fadeInUp:nth-child(3) { animation-delay: 0.6s; } .main-4 .container ul li.area01 { background: #FF6C00; } .main-4 .container ul li.area02 { background: #333333; } .main-4 .container ul li.area03 { background: #EC1C24; } .main-4 .container ul li > div { border-radius: 0 0 60px 60px; height: 400px; } .main-4 .container ul li.area01 > div { background: #FFF0E5; } .main-4 .container ul li.area02 > div { background: #F7F7F7; } .main-4 .container ul li.area03 > div { background: #FFF0F1; } .main-4 .container ul li > div h6 { font-size: 34px; text-align: center; font-weight: 900; line-height: 1em; letter-spacing: -1.02px; padding-top: 50px; } .main-4 .container ul li > div p { font-size: 16px; text-align: center; letter-spacing: -0.48px; line-height: 1.5; margin-top: 30px; word-break: keep-all; } .main-4 .container ul li > div .img { margin-top: 57px; } .main-4 .container ul li > div .img img { display: block; margin: 0 auto; } .main-4 .container ul li > a { font-size: 20px; text-align: center; font-weight: 700; letter-spacing: -0.6px; padding-top: 20px; display: block; color: #fff; white-space: nowrap; } .main-4 .container .mo ul li { box-sizing: border-box; width: 100%; align-items: center; padding: 5px 0 10px; } .main-4 .container .mo ul li > a { padding-top: 10px; font-size: 14px; } .main-4 .container .mo ul li > div { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; height: 16vh; position: relative; border-radius: 0 0 10px 10px; padding: 6% 10% 6% 24%; box-sizing: border-box; gap: 10%; } .main-4 .container .mo ul li > div h6 {padding-top: 0; font-size: 20px;} .main-4 .container .mo ul li > div p {margin-top: 0; text-align: left;} .main-4 .container .mo ul li > div .img { max-width: 12vw; margin-top: 0; position: absolute; left: 6%; top: 50%; transform: translateY(-50%); } .main-4 .container .mo ul li > div .img img {width: 100%;} .main-5 .fadeInUp{ opacity: 0; } .main-3 .container{ padding-top: 230px; max-width: 1194px; height: 100%; margin: 0 auto; overflow: hidden; } .main-4 .container{ padding-top: 230px; max-width: 1194px; height: 100%; margin: 0 auto; } .main-4 .container .L_area{ float: left; width: 50%; padding-top:30px; } .main-4 .container .L_area .content_text{ margin: 40px 0 120px 0; line-height: 24px; } .main-4 .container .R_area{ float: right; width: 50%; } .main-4 .container .R_area .img_slide_Area{ position: relative; } .main-4 .container .R_area .tablet_img{ box-shadow: 13px 13px 20px rgba(0, 0, 0, .3); border-radius: 28px; position: absolute; top: 0; left: 0; z-index: 2; } .main-5 .container .R_area .tablet_img_m{width: 100%; position: relative; border-radius: 10px; box-shadow: none; display: none} .main-4 .container .R_area .img_slide_container{ position: absolute; top: 7px; left: 12px; z-index: 1; width: 554px; } .main-5 .container{ padding-top: 230px; max-width: 1194px; height: 100%; margin: 0 auto; } .main-5 .container .L_area{ padding-top: 100px; float: left; width: 50%; } .main-5 .container .L_area .content_text{ margin: 40px 0 120px 0; line-height: 24px; } .main-5 .container .R_area{ float: right; width: 50%; padding-top:0px; } .main-5 .container .R_area .canvas_parent{ position: relative; } .main-5 .container .R_area .canvas_parent .img_slide_Area{ position : absolute; top: -60px; left: 97px; width: 304px; z-index: 0; } .main-5 .container .R_area .canvas_parent .img_slide_Area .img_slide_container{ position: absolute; top: 14px; left: 24px; width: 100%; z-index: -2; } .section.main.footer{ height: auto !important; } .section.main.footer .fp-tableCell{ height: auto !important; } /*직렬소개*/ .study_Method h2, .study_Method h3,.study_Method p,.study_Method p, .study_Method a{letter-spacing: -1px} .study_Method .inner{ height: 100%; } nav.serialNav.study_Method{ z-index: 1; position: absolute; width: 100%; background: rgba(17, 17, 17, 0.80); } .study_Method_area1{ width: 100%; height: calc(100vh - 100px); position: relative; } .study_Method_area1 .main_div{ position: relative; background-size: cover !important; background-position: center; overflow: hidden; height: 100%; background: url("/common/zian/images/serialStudy/img_bg_study.png") no-repeat; } .study_Method_area1 .main_div .main_content{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .study_Method_area1 .main_div .main_content .main_dim{ position: relative; width: 100%; height: 100%; } .study_Method_area1 .inner{ height: 100%; } .study_Method_area1 .content{ position: absolute; width: 100%; min-width: 1200px; top: 45%; left: 50%; padding: 0 7%; box-sizing: border-box; transform: translate(-50%, -50%); z-index: 10; text-align: center; } .study_Method_area1 .content .study_Method_main_text{ font-size: 28px; color: #ffffff; letter-spacing: -0.84px; font-weight: 200; } .study_Method_area1 .content .study_Method_main_h2{ font-size: 74px; color: #ffffff; font-weight: 100; letter-spacing: -2.22px; } .study_Method_area1 .content .study_Method_main_h2 span { font-weight: 700; position: relative; } .study_Method_area1 .content .study_Method_main_h2 span:after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #ffffff; position: absolute; left: 50%; top: -10px; transform: translateX(-50%); } .study_Method_area1 .content .study_Method_main_h2 .blinkcss{ width: 7px; height: 7px; border-radius: 50%; background: orange; display: inline-block; margin-bottom: -5px; } .blinkcss { text-decoration: blink; -webkit-animation-name: blink; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; -webkit-animation-direction: alternate; -ms-animation-duration: 1s; -webkit-animation-timing-function:ease-in-out; -ms-animation-name:blink; -ms-animation-iteration-count: infinite; } .study_Method_area1 .mouse-ico{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 60px; } .study_Method_area1 .mouse-ico:after{ content: 'scroll'; display: block; position: absolute; top: 27px; left: -17px; color: #ffffff; } .study_Method_area1 .mouse-ico img{ display: block; width: 30px; } .study_Method_area1 .mouse-ico .ani-mouse { animation: circlemove 1s infinite linear; } .study_Method_Bar { padding: 100px 0 0; display: flex; align-items: center; justify-content: center; gap: 50px; } .study_Method_Bar li { max-width: 300px; border-radius: 10px; background: #eee; width: 33.3%; } .study_Method_Bar li.active { background: #FF6C00; } .study_Method_Bar li.active a { color: #fff; } .study_Method_Bar li a { line-height: 60px; text-align: center; font-size: 22px; font-weight: 700; letter-spacing: -0.66px; display: block; } .study_Method_area2 .content, .study_Method_area4 .content, .study_Method_area6 .content, .study_Method_area7 .content, .study_Method_area8 .content{ width: 100%; padding: 100px 0 0; box-sizing: border-box; z-index: 10; text-align: center; } .study_Method_area2 .content .study_Method_main_h2, .study_Method_area3 .content .study_Method_main_h2, .study_Method_area4 .content .study_Method_main_h2, .study_Method_area5 .content .study_Method_main_h2, .study_Method_area6 .content .study_Method_main_h2, .study_Method_area7 .content .study_Method_main_h2, .study_Method_area8 .content .study_Method_main_h2{ font-size: 44px; font-weight: 700; color: #121212; position: relative; margin-top: 20px; margin-bottom: 30px; word-break: keep-all; } .study_Method_area2 .content .study_Method_main_h2:before, .study_Method_area3 .content .study_Method_main_h2:before, .study_Method_area4 .content .study_Method_main_h2:before, .study_Method_area5 .content .study_Method_main_h2:before { content: ''; display: block; /*background: url("/common/zian/images/serialStudy/img_txt_study.png") no-repeat;*/ position: absolute; width: 80px; height: 80px; background-size: 100%; left: 50%; bottom: 15px; transform: translateX(-50%); } .study_Method_area3 .content p { font-size: 14px; letter-spacing: -0.42px; line-height: 1.75em; color: #333; } .study_Method_area4 .content p { font-size: 16px; text-align: center; color: #666; margin-top: 10px; font-weight: 300; } .study_Method_area2{ width: 100%; height: 100%; background: #ffffff; position: relative; } .study_Method_area2 .content .study_Method_main_text{ font-size: 24px; line-height: 28px; } .study_Method_area2 .content .study_Method_main_text .mainColor{ font-weight: 500; } .study_Method_area2 .content .study_Method_button a { display: inline-block; margin: 10px auto 0; border-radius: 100px; border: 1px solid #e3e3e3; font-size: 18px; font-weight: 700; color: #1b1b1b; letter-spacing: -0.54px; text-align: center; background: #fff; padding: 12px 52px; box-sizing: border-box; } .study_Method_area2 .content .study_Method_button:after { content: ""; display: block; width: 1px; height: 60px; background: #ccc; margin: 50px auto 0; } .study_Method_area2 .content02 { padding-bottom: 100px; } .study_Method_area2 .content02 > div { text-align: center; } .study_Method_area2 .content02 .content02_tit { font-size: 24px; font-weight: 300; letter-spacing: -0.72px; text-align: center; margin-top: 38px; color: #333; } .study_Method_area2 .content02 .content02_tit img { position: relative; top: -8px; margin: 0 8px 0 6px; } .study_Method_area2 .content02 .content02_sub_tit { background: #333; padding: 6px 24px; letter-spacing: -0.54px; margin: 24px auto 0; font-size: 18px; font-weight: 700; box-sizing: border-box; color: #fff; display: inline-block; word-break: keep-all; } .study_Method_area2 .content02 ul { margin-top: 100px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 60px 5%; } .study_Method_area2 .content02 ul.col-02 { gap: 40px; } .study_Method_area2 .content02 ul.col-02 li { width: calc(50% - 20px); } .study_Method_area2 .content02 ul.col-02 li .info { text-align: center; padding: 28px 14px 30px; height: auto; word-break: keep-all; } .study_Method_area2 .content02 ul.col-02 li .info p { font-size: 15px; font-weight: 700; } .study_Method_area2 .content02 ul > li { width: calc(33.3% - 33px); border-radius: 10px; overflow: hidden; box-shadow: 0 4px 10px rgb(0, 0, 0, 0.15); } .study_Method_area2 .content02 ul > li:hover .info { background: #FFF5E9; } .study_Method_area2 .content02 ul > li .img { max-height: 200px; overflow: hidden; width: 100%; } .study_Method_area2 .content02 ul > li .img img { display: block; max-width: 100%; width: 100%; height: 100%; object-fit: cover; } .study_Method_area2 .content02 ul li .info { padding: 20px; height: 170px; box-sizing: border-box; transition: 0.2s; } .study_Method_area2 .content02 ul li .info h6 { font-size: 20px; letter-spacing: -0.6px; text-align: center; color: #333; margin-bottom: 20px; cursor: context-menu; } .study_Method_area2 .content02 ul li:nth-child(1) .info h6 { margin-bottom: 10px; } .study_Method_area2 .content02 ul li .info ol li { position: relative; padding-left: 8px; color: #666; font-size: 15px; letter-spacing: -0.45px; word-break: keep-all; cursor: context-menu; } .study_Method_area2 .content02 ul li .info ol li:before { content: "-"; position: absolute; top: -1px; left: 0; color: #666; } .study_Method_area2 .fadeInUp2, .study_Method_area3 .fadeInUp2, .study_Method_area4 .fadeInUp2, .study_Method_area5 .fadeInUp2, .study_Method_area6 .fadeInUp2, .study_Method_area7 .fadeInUp2, .study_Method_area8 .fadeInUp2{ opacity: 0; } .study_Method_area3{ width: 100%; height: 100%; background: #FFF5E9; } .study_Method_area3 .inner { display: flex; align-items: center; justify-content: space-between; padding: 100px 0 80px; } .study_Method_area3 .inner:after { display: none; } .study_Method_area3 .inner .content { margin-top: 20px; } .study_Method_area3 .inner .content .study_Method_main_h2 { margin-top: 0; white-space: nowrap; } .study_Method_area3 .inner .content02 { width: 100%; } .study_Method_area3 .inner .content02 > div { text-align: right; } .study_Method_area3 .inner .content02 img { max-width: 100%; } .study_Method_area4 { width: 100%; height: auto; background: #f7f7f7; padding-bottom: 100px; } .study_Method_area4 .content02 .table-area { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 60px; } .study_Method_area4 .content02 .table-area .area { width: calc(50% - 10px); } .study_Method_area4 .content02 .table-area .area > div { border-radius: 100px; background: #333; color: #fff; font-size: 18px; letter-spacing: -0.54px; font-weight: 700; width: 80px; text-align: center; line-height: 40px; margin-bottom: 14px; } .study_Method_area4 .content02 .table-area .area > table { border: 1px solid #e3e3e3; border-radius: 10px; overflow: hidden; background: #fff; font-family: 'Noto Sans KR', sans-serif; width: 100%; } .study_Method_area4 .content02 .table-area .area > table th { font-size: 16px; letter-spacing: -0.48px; color: #333; text-align: center; padding: 10px; background: #FFF0E5; line-height: 1.5; border-bottom: 1px solid #e3e3e3; } .study_Method_area4 .content02 .table-area .area > table td { font-size: 14px; letter-spacing: -0.42px; padding: 10px 0 10px 16px; word-break: break-word; overflow-wrap: break-word; border-bottom: 1px solid #e3e3e3; line-height: 1.5; white-space: normal; } .study_Method_area4 .content02 .table-area .area > table td:last-child { color: #666; letter-spacing: -0.7px; padding-right: 10px; } .study_Method_area4 .content02 .table-area .area > table tbody tr:last-child td { border-bottom: 0; } .study_Method_area4 .content02 .table-area02 { display: flex; justify-content: space-between; align-items: center; background: #fff; border-radius: 10px; border: 1px solid #e3e3e3; padding: 30px; } .study_Method_area4 .content02 .table-area02 .area .tit { border-radius: 100px; background: #FF6C00; color: #fff; width: 186px; text-align: center; font-size: 16px; letter-spacing: -0.48px; font-weight: 700; padding: 8px 0; } .study_Method_area4 .content02 .table-area02 .area p { margin-top: 16px; letter-spacing: -0.42px; font-size: 14px; color: #333; line-height: 1.5; } .study_Method_area4 .content02 .table-area02 .area table { border: 1px solid #e3e3e3; border-radius: 10px; overflow: hidden; font-family: 'Noto Sans KR', sans-serif; max-width: 460px; width: 100%; } .study_Method_area4 .content02 .table-area02 .area table tr td { font-size: 14px; color: #666; padding: 10px 20px; letter-spacing: -0.7px; border-bottom: 1px solid #e3e3e3; line-height: 1.5; border-left: 1px solid #e3e3e3; } .study_Method_area4 .content02 .table-area02 .area table tr td:first-child { background: #f7f7f7; text-align: center; color: #333; letter-spacing: -0.42px; border-left: 0; } .study_Method_area4 .content02 .table-area02 .area table tr td.cnt { text-align: center; font-weight: 700; color: #333; } .study_Method_area4 .content02 .table-area02 .area table tr:last-child td { border-bottom: 0; } .study_Method_area4 .content02 ul { display: flex; align-items: center; justify-content: space-between; gap: 25px; } .study_Method_area4 .content02 ul li { border: 1px solid #e3e3e3; background: #fff; border-radius: 10px; height: 120px; width: 50%; } .study_Method_area4 .content02 ul li div { font-size: 20px; text-align: center; font-weight: 700; letter-spacing: -0.6px; display: flex; justify-content: center; flex-direction: column; color: #333; height: 100%; padding: 0 30px; } .study_Method_area4 .content02 ul li div span { font-size: 14px; font-weight: 300; letter-spacing: -0.42px; } .study_Method_area4 .content02 .location_button { margin-top: 30px; text-align: center; } .study_Method_area4 .content02 .location_button a { display: inline-block; padding: 12px 52px; border: 1px solid #e3e3e3; background: #fff; letter-spacing: -0.54px; font-size: 18px; font-weight: 700; border-radius: 100px; color: #333; } .study_Method_area5{ width: 100%; height: 100%; background-size: cover !important; background-position: center; overflow: hidden; background: url("/common/zian/images/serialStudy/img_bg_study_method_area5.png") no-repeat; } .study_Method_area5 .inner{ display: flex; align-items: center; justify-content: space-between; padding: 100px 0; } .study_Method_area5 .inner:after { display: none; } .study_Method_area5 .inner .content .study_Method_main_h2{ margin-top: 10px; } .study_Method_area5 .inner .content02 { width: calc(100% - 470px); } .study_Method_area5 .inner .content02 ul li { position: relative; background: #fff; border: 1px solid #e3e3e3; display: flex; align-items: center; padding: 0 30px 0 45px; height: 100px; max-width: 530px; width: 100%; border-radius: 10px; box-sizing: border-box; } .study_Method_area5 .inner .content02 ul li:not(:last-child) { margin-bottom: 20px; } .study_Method_area5 .inner .content02 ul li:after { content: "\e929"; font-family: 'xeicon'; font-size: 20px; color: #fff; width: 30px; height: 30px; background: #FF6C00; border-radius: 50%; position: absolute; left: -15px; top: 50%; transform: translateY(-50%); text-align: center; line-height: 30px; } .study_Method_area5 .inner .content02 ul li div { font-size: 18px; letter-spacing: -0.54px; color: #333; line-height: 1.5; } .study_Method_area5 .inner .content02 ul li div strong { font-weight: 700; } .study_Method_area6 { width: 100%; height: 100%; background-size: cover !important; background-position: center; overflow: hidden; background: url("/common/zian/images/serialStudy/img_bg_study_method_area6.png") no-repeat; } .study_Method_area6 .content .study_Method_main_h2 { color: #fff; margin-top: 30px; } .study_Method_area6 .content02 { height: 550px; } .study_Method_area6 .content02 .content02_sub_tit { background: #fff; color: #333; line-height: 30px; color: #333; letter-spacing: -0.54px; max-width: 275px; margin: 0 auto; text-align: center; font-size: 18px; } .study_Method_area6 .content02 p { font-size: 18px; color: #fff; text-align: center; letter-spacing: -0.54px; margin-top: 20px; font-weight: 200; } .study_Method_area6 .content02 p span { font-weight: 700; font-size: 20px; color: #FFD194; letter-spacing: -0.6px; } .study_Method_area6 .content02 .img-area { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .study_Method_area7 {} .study_Method_area7 .inner {} .study_Method_area7 .inner .content02 { display: flex; justify-content: space-between; align-items: flex-start; } .study_Method_area7 .inner .content02 .area01 { width: 70%; } .study_Method_area7 .inner .content02 .area01 > div:not(:last-child) { margin-bottom: 40px; } .study_Method_area7 .inner .content02 .area01 > div { border-radius: 10px; overflow: hidden; max-width: 700px; width: 100%; } .study_Method_area7 .inner .content02 .area01 > div.active .con01 { background: #FF6C00; } .study_Method_area7 .inner .content02 .area01 > div.active .con01 .txt .tit, .study_Method_area7 .inner .content02 .area01 > div.active .con01 .txt p{ color: #fff; } .study_Method_area7 .inner .content02 .area01 > div .con01 { background: #f7f7f7; padding: 50px 40px 40px; transition: 0.2s; } .study_Method_area7 .inner .content02 .area01 > div .con01 > img { max-height: 43px; } .study_Method_area7 .inner .content02 .area01 > div .con01 .txt { display: flex; align-items: flex-start; justify-content: flex-start; gap: 70px; margin-top: 10px; } .study_Method_area7 .inner .content02 .area01 > div .con01 .txt .tit { font-size: 34px; color: #1b1b1b; font-weight: 900; letter-spacing: -1.02px; transition: 0.2s; min-width: 160px; } .study_Method_area7 .inner .content02 .area01 > div .con01 .txt p { font-size: 16px; color: #333; letter-spacing: -0.48px; line-height: 1.875em; transition: 0.2s; } .study_Method_area7 .inner .content02 .area01 > div .con02 { background: #333; padding: 15px 50px; line-height: 1.5; font-size: 18px; font-weight: 700; letter-spacing: -0.54px; color: #fff; } .study_Method_area7 .inner .content02 .area01 > div .con02 span { color: #FFD194; } .study_Method_area7 .inner .content02 .area01 > div .con02 span.i { position: relative; top: -2px; margin-right: 6px; } .study_Method_area7 .inner .content02 .area02 > div { background: #FBCB9F; border-radius: 10px; width: 250px; text-align: center; line-height: 1.5; font-size: 18px; font-weight: 700; letter-spacing: -0.54px; position: relative; color: #1b1b1b; padding: 15px 0 20px; animation: circlemove 1s infinite linear; left: 50%; top: 50px; } .study_Method_area7 .inner .content02 .area02 > div:after { content: ""; width: 20px; height: 20px; background: #FBCB9F; transform: rotate(45deg) translateX(-50%); position: absolute; left: 50%; bottom: -15px; } .study_Method_area7 .inner .content02 .area02 ul { margin-top: 36px; border: 1px solid #e3e3e3; border-radius: 10px; overflow: hidden; max-width: 250px; width: 100%; } .study_Method_area7 .inner .content02 .area02 ul li { background: #fff; padding: 16px; text-align: center; cursor: pointer; transition: 0.2s; } .study_Method_area7 .inner .content02 .area02 ul li:hover { background: #FF6C00; } .study_Method_area7 .inner .content02 .area02 ul li:hover a { color: #fff; } .study_Method_area7 .inner .content02 .area02 ul li a { font-size: 15px; color: #333; display: block; letter-spacing: -0.45px; line-height: 1.5; } .study_Method_area7 .inner .content02 .area02 ul li:not(:last-child) { border-bottom: 1px solid #e3e3e3; } .study_Method_area8 .inner { padding: 0 0 100px; } .study_Method_area8 .content02 { display: flex; align-items: center; justify-content: space-between; gap: 40px; } .study_Method_area8 .content02 > div { border-radius: 10px; border: 1px solid #FBCB9F; background: #FFF; display: flex; align-items: center; color: #333; width: 50%; overflow: hidden; } .study_Method_area8 .content02 > div span { display: block; line-height: 100px; padding: 0 50px; font-size: 16px; font-weight: 700; letter-spacing: -0.48px; margin-right: 27px; background: #FBCB9F; } /* 학습가이드 */ .study_Guide_Menu .fadeInUp2, .study_guide_area1 .fadeInUp2, .study_guide_area2 .fadeInUp2, .study_guide_area3 .fadeInUp2, .study_guide_area4 .fadeInUp2 { opacity: 0; } .study_guide_area1{ width: 100%; height: calc(100vh - 100px); position: relative; } .study_guide_area1 .main_div{ position: relative; background-size: cover !important; background-position: center; overflow: hidden; height: 100%; background: url("/common/zian/images/serialStudy/img_bg_guide.png") no-repeat; } .study_guide_area1 .main_div .main_content{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .study_guide_area1 .main_div .main_content .main_dim{ position: relative; width: 100%; height: 100%; } .study_guide_area1 .inner{ height: 100%; } .study_guide_area1 .content{ position: absolute; width: 100%; min-width: 1200px; top: 48%; left: 50%; padding: 0 7%; box-sizing: border-box; transform: translate(-50%, -50%); z-index: 10; text-align: center; } .study_guide_area1 .content .study_Method_main_text{ font-size: 26px; color: #ffffff; letter-spacing: -0.84px; font-weight: 200; } .study_guide_area1 .content .study_Method_main_h2{ font-size: 70px; color: #ffffff; font-weight: 700; letter-spacing: -2.22px; line-height: 1.5em; } .study_guide_area1 .content .img { max-width: 828px; margin: 56px auto 0; } .study_guide_area1 .content .img:after { content: ""; display: block; clear: both; } .study_guide_area1 .content .img img { display: block; } .study_guide_area1 .content .img img:nth-child(2) { float: right; } .study_guide_area1 .mouse-ico{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 60px; } .study_guide_area1 .mouse-ico:after{ content: 'scroll'; display: block; position: absolute; top: 27px; left: -17px; color: #ffffff; } .study_guide_area1 .mouse-ico img{ display: block; width: 30px; } .study_guide_area1 .mouse-ico .ani-mouse { animation: circlemove 1s infinite linear; } .study_Guide_Menu { background: #FFF6E9; padding: 100px 0; } .study_Guide_Menu ul { display: flex; align-items: flex-start; justify-content: space-between; } .study_Guide_Menu ul li a { display: block; text-align: center; } .study_Guide_Menu ul li a img { display: block; margin: 0 auto; } .study_Guide_Menu ul li a span { transition: 0.2s; color: #1B1B1B; display: block; margin-top: 35px; font-size: 22px; letter-spacing: -0.66px; font-weight: 700; display: flex; align-items: center; justify-content: center; } .study_Guide_Menu ul li a span:after { content: "\e90b"; font-family: xeicon; font-size: 22px; opacity: 0; color: #1b1b1b; display: block; transition: 0.2s; } .study_Guide_Menu ul li:hover a span:after { color: #1B1B1B; opacity: 1; transform: translateX(20px); } .study_Guide_Menu ul li.active a img { border: 5px solid #FF6C00; border-radius: 50%; } .study_Guide_Menu ul li.active a span { color: #FF6C00; margin-top: 25px; } .study_Guide_Menu ul li.active a span:after { opacity: 1; transform: translateX(20px); color: #FF6C00; } .study_Guide_Menu_button { text-align: center; margin-top: 50px; } .study_Guide_Menu_button a { display: inline-block; border-radius: 100px; background: #fff; padding: 17px 64px; font-size: 20px; color: #333; font-weight: 700; letter-spacing: -0.6px; box-shadow: 0 4px 4px rgb(0, 0, 0, 0.25); transition: 0.2s; } .study_Guide_Menu_button a:hover { background: #FF6C00; color: #fff; } .study_guide_area2 .content { padding: 100px 0; } .study_guide_area2 .category { display: inline-block; background: #EEEEEE; border-radius: 100px; padding: 12px 30px; margin-bottom: 60px; box-sizing: border-box; } .study_guide_area2 .category.w-100 { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 11px; } .study_guide_area2 .category li { display: inline-block; } .study_guide_area2 .category li div { border-radius: 100px; font-size: 16px; color: #333; padding: 6px 20px; display: inline-block; cursor: pointer; } .study_guide_area2 .category li.on div { background: #FF6C00; color: #fff; } .study_guide_area2 .video-area { } .study_guide_area2 .video-area .area { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 20px; } .study_guide_area2 .video-area .area div {} .study_guide_area2 .video-area .area div a { display: block; } .study_guide_area2 .video-area .area div a img { display: block; filter: saturate(10%); transition: 0.1s; max-width: 100%; } .study_guide_area2 .video-area .area div a:hover img { filter: saturate(100%); } .study_guide_area3 { width: 100%; height: 100%; background-size: cover !important; background-position: center; overflow: hidden; background: url("/common/zian/images/serialStudy/img_bg_study_guide_area3.png") no-repeat; } .study_guide_area3 .content, .study_guide_area4 .content { width: 100%; padding: 100px 0 0; box-sizing: border-box; z-index: 10; text-align: center; } .study_guide_area3 .content { padding-bottom: 100px; } .study_guide_area3 .content .study_guide_main_h2, .study_guide_area4 .content .study_guide_main_h2 { font-size: 44px; font-weight: 700; position: relative; } .study_guide_area3 .content .study_guide_main_h2 { color: #fff; margin-top: 20px; margin-bottom: 30px; } .study_guide_area4 .content .study_guide_main_h2 { color: #121212; margin-bottom: 40px; } .study_guide_area3 .content p, .study_guide_area4 .content p { font-size: 24px; letter-spacing: -0.72px; font-weight: 300; } .study_guide_area4 .content p.content_sub_tit { font-size: 28px; letter-spacing: -0.84px; margin-top: 14px; } .study_guide_area3 .content p { color: #fff; } .study_guide_area4 .content p { color: #333; } .study_guide_area3 .content p span { font-weight: 700; } .study_guide_area4 .content p.content_sub_tit span { font-weight: 900; } .study_guide_area3 .content .temp { margin-top: 30px; font-size: 20px; color: #F8FF1F; letter-spacing: -0.6px; } .study_guide_area4 .content02 { margin: 60px auto 0; max-width: 750px; } .study_guide_area4 .content02 ul { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 30px; } .study_guide_area4 .content02 ul li { width: calc(50% - 15px); border-radius: 100px; overflow: hidden; padding: 10px; box-sizing: border-box; background: linear-gradient(90deg, #FF6C00 0%, #EC1C24 100%); } .study_guide_area4 .content02 ul li:nth-child(4) { background: linear-gradient(90deg, #015091 0%, #5145B7 100%); } .study_guide_area4 .content02 ul li a { display: flex; align-items: center; gap: 14px; justify-content: flex-start; font-size: 18px; font-weight: 700; letter-spacing: -0.54px; color: #fff; position: relative; } .study_guide_area4 .content02 ul li a span.icon { width: 60px; height: 60px; border-radius: 50%; background: #fff; display: block; } .study_guide_area4 .content02 ul li:nth-child(1) a span.icon { background: url("/common/zian/images/serialStudy/icon01.png") no-repeat #fff center center; background-size: auto; } .study_guide_area4 .content02 ul li:nth-child(2) a span.icon { background: url("/common/zian/images/serialStudy/icon02.png") no-repeat #fff center center; background-size: auto; } .study_guide_area4 .content02 ul li:nth-child(3) a span.icon { background: url("/common/zian/images/serialStudy/icon03.png") no-repeat #fff center center; background-size: auto; } .study_guide_area4 .content02 ul li:nth-child(4) a span.icon { background: url("/common/zian/images/serialStudy/icon04.png") no-repeat #fff center center; background-size: auto; } .study_guide_area4 .content02 ul li a i { font-size: 18px; color: #fff; letter-spacing: -0.54px; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); } /* 합격수기 */ .bestReview{padding:48px 0 0} .reviewContainer h2, .reviewContainer h3, .reviewContainer p, .reviewContainer li, .reviewContainer span, .reviewContainer a{ letter-spacing: -1px; } .reviewContainer .main-1{ display: none; background-image: url("/common/zian/images/serialStudy/img_review_bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position:center; width:100%; height:568px; margin:0 auto; } .reviewContainer .main_content div.txt_ticker{ float:left; width:70%; } .reviewContainer .main_content div.review_info_wrap{ float: right; width: 30%; } .reviewContainer .main_content .txt_ticker{ position: relative; overflow-y:hidden; height:568px; } .reviewContainer .main_content .txt_ticker ul.ticker_data { position:relative; overflow: hidden; } .reviewContainer .main_content .txt_ticker ul.ticker_data li{ width:33.3333%; padding:4px 6px 4px; margin:4px 0; border-radius:30px; box-sizing: border-box; background: rgb(0 114 159 / 50%); font-size:18px; font-weight:bold; color:#fff; display: flex; justify-content: space-around; align-items: center; float: left; } .reviewContainer .main_content .txt_ticker ul.ticker_data li span{ font-size:14px; font-weight:300; color:#fff; } .reviewContainer .main_content .review_info_wrap h3{ background-image: url("/common/zian/images/serialStudy/img_review_bg_txt2.png"); background-repeat: no-repeat; width:518px; height:265px; text-indent:-9999px; position: relative; right: 100px; } .reviewContainer .main_content .review_info_wrap a{ display: block; position:relative; background:#0084b7; border-radius:50px; width:200px; height:34px; line-height:34px; color:#fff; text-align: center; font-size:16px; font-weight:300; margin:0 auto; left: 60px; } .reviewContainer .main_content .review_info_wrap a:before{ content: ''; background-image: url("../images/serialStudy/quick-icon.png"); background-repeat:no-repeat; background-position: -10px -122px; width:36px; height:36px; position: absolute; top:0px; right:10px; } .reviewContainer .main_content .review_info_wrap a:hover{ background:#006289; } .reviewContainer .main_content .review_info_wrap{ position:relative; height: 568px; } .reviewContainer .main_content .review_info_wrap img{ position: absolute; right:-40px; bottom:-70px; z-index: 10; } .reviewContainer .titleBar{ margin-bottom: 16px; } .reviewContainer .section{ padding:42px 0; box-sizing: border-box; } .reviewContainer .boardSearch .searchArea{ position: relative; width:100%; height:58px; box-sizing: border-box; border: 1px solid #e0e0e0; background:#f7f7f7; } .reviewContainer .boardSearch .searchArea .formSerchWrap{ position: absolute; top:10px; left:250px; } .reviewContainer .boardSearch .searchArea .formSerchWrap select{ margin-right: 12px; } .reviewContainer .boardSearch .searchArea .formSerchWrap select, .reviewContainer .boardSearch .searchArea .formSerchWrap input{ border:1px solid #fff; } .reviewContainer .boardSearch .searchArea .formWriteWrap{ position: absolute; top:10px; right:24px; } .reviewContainer .commonList01 tbody td:nth-child(2){ text-align: center; } .reviewContainer .commonList01 tbody td:nth-child(3){ text-align: left; } .reviewContainer .commonList01 tbody td:nth-child(3) a:hover{ text-decoration: underline; } .reviewContainer .tabPage{ margin-top:32px; } .reviewContainer .section.main-2{ /*padding:102px 0 42px;*/ padding: 60px 0 42px; box-sizing:border-box; } .reviewContainer .section:last-child{ padding:42px 0 102px; box-sizing:border-box; } .reviewContainer .section .txt-h3{ font-size:32px; font-weight:800; letter-spacing: -0.1rem; } .reviewContainer .main-2 .txt-h3{ display: inline-block; vertical-align: middle; } .reviewContainer .main-3 .sec3-01{ margin-bottom: 32px; } .reviewContainer .main-4 .txt-h3{ display: inline-block; line-height:40px; vertical-align: middle; } .reviewContainer ul.ul-tab{ display: inline-block; overflow: hidden; vertical-align: middle; border-bottom: none; height:inherit; margin-bottom: 0; margin-left: 32px; } .reviewContainer ul.ul-tab li{ float: left; width: 88px; height: 34px; line-height: 34px; text-align: center; background-color:#f8f8f8; border-radius: 10px; margin-right: 14px; } .reviewContainer ul.ul-tab li:last-child{ margin-right: 0px; } .reviewContainer ul.ul-tab li.active{ background-color:#014568; } .reviewContainer ul.ul-tab li.active a{ color:#fff; } .reviewContainer .ul-tab li a{ display: block; height: 100%; font-size: 14px; font-weight: 300; border: none; background:transparent; padding:inherit; line-height:inherit; } .reviewContainer .main-2 .bestVideoWrap{ overflow: hidden; } .reviewContainer .main-2 .bestVideoWrap li{ float:left; width:312px; margin-right:30px; } .reviewContainer .main-2 .bestVideoWrap li:nth-child(3n){ margin-right:0px; } .reviewContainer .main-2 .bestVideoWrap li a{ display: block; height: 100%; } .reviewContainer .bestVideoWrap li a .imgWrap{ position:relative; width:100%; height:176px; background:#000; border-radius:10px; overflow: hidden; } .reviewContainer .bestVideoWrap li a .imgWrap:before{ content:''; background-image:url("../images/serialStudy/quick-icon.png"); background-position: -56px -122px; background-repeat:no-repeat; position:absolute; top:50%; right:50%; margin:-18px -18px 0 0; width:36px; height:36px; z-index:4; } .reviewContainer .bestVideoWrap li a .imgWrap img{ display: block; width:100%; vertical-align: middle; } .reviewContainer .imgWrap .dimImg{ position:absolute; top:0; left:0; z-index:3; background:rgba(0,0,0,.3); width:100%; height:100%; border-radius: 10px; transition: cubic-bezier(0.57, 0.1, 0.42, 1.22) .3s } .reviewContainer .bestVideoWrap li a .txtWrap{ padding:12px 0 36px; } .reviewContainer .bestVideoWrap li a .txtWrap span{ display: block; height:20px; font-size:14px; font-weight:400; color:#3392b5; } .reviewContainer .bestVideoWrap li a .txtWrap p{ font-size:20px; font-weight:bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height:30px; } .reviewContainer .bestVideoWrap li a:hover .imgWrap .dimImg{ background:rgba(0,0,0,0); transition: cubic-bezier(0.57, 0.1, 0.42, 1.22) .2s } .reviewContainer .bestVideoWrap li a:hover .txtWrap p{ text-decoration: underline; } .reviewContainer .main-3 .inner > div{ position: relative; } .reviewContainer .storyWrap ul li a:hover h3{color:#014568} .reviewContainer .storyWrap ul li a p.jik{color:#014568} .reviewContainer .storyWrap ul li a:hover:before{border:2px solid #014568;} .reviewContainer .paging{margin-top:24px;} #bottomBanner.reveiwBn .btn_bottomClose{position:absolute;top:40px;right:0px;width:34px;height:34px;text-indent:-9999em;background:url(../images/serialStudy/bn_footer_btn_2.png) no-repeat;} /*비디오 재생 dim 팝업*/ #serial_dim{display:none;width:100%;height:100%;background:rgba(0,0,0,.8);position:fixed;left:0;top:0;z-index:103;} .serial_popDiv{display:none;width:1200px;height:auto;margin:0 auto;position:fixed;top:50%;left:50%;transform: translate(-50%,-50%);z-index:105;} .serial_popDiv video{margin:0 auto;width:100%;box-sizing:border-box;} .serial_popDiv video:focus{outline:none} .serial_popDiv iframe{margin:0 auto;width:100%;box-sizing:border-box;height: 54vw; max-height: 675px;} #serial_playPopup > a{ position: absolute; right: -7px; top: -44px; z-index: 104; background-image: url("/common/zian/images/serialStudy/quick-icon.png"); background-repeat: no-repeat; width: 36px; height: 36px; background-position: -194px -60px; } .video-full-s{ position: fixed; right: 0; bottom: 0; min-width:100%; min-height:100%; width: auto; height: auto; z-index: -100; } .fadeInUp.on{ animation: fadeInUp 1s linear forwards; } @keyframes fadeInUp{ 0%{transform: translateY(10px); opacity: 0;} 100%{transform: translateY(0); opacity: 1;} } .fadeInUp2.on{ animation: fadeInUp 1s linear forwards; } @keyframes fadeInUp2{ 0%{transform: translateY(500px); opacity: 0;} 100%{transform: translateY(0); opacity: 1;} } @keyframes blink { 0% {opacity: 1;} 100% {opacity: 0;} } @-webkit-keyframes blink { 0% {opacity: 1;} 100% {opacity: 0;} } @-ms-keyframes blink { 0% {opacity: 1;} 100% {opacity: 0;} } .reviewContainer.index_ui .main-1{ position: relative; } .reviewContainer.index_ui .main-1 img{ left: 50% !important; transform: translateX(-50%); } .reviewContainer.index_ui .main-1:before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 14%; background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0))); background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%); } .reviewContainer.index_ui .main-1:after{ content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 14%; background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0))); background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%); }