/***************************** 메인 팝업 ******************************/ #layerMainPopup { position:fixed;z-index:300;top:10px;left:10px; } #layerMainPopup > div { position:absolute;display:none; } #layerMainPopup > div > .close { padding:5px 10px;text-align:right;color:#fff; } /***************************** /government/ 정부지원제도안내 ******************************/ .gover_tab ul li {width: 20%;float: left;} /********** intro **********/ .gover_intro{text-align:center;} .gover_intro_sec01{padding:55px 0 0;} .gover_intro_sec01 .con_tit{margin:20px 0 0;} .gover_intro_sec01 .gover_intro_sec01_wrap{position:relative; margin:55px 0 0;} .gover_intro_sec01 .gover_intro_sec01_wrap ul li{float:left; width:50%;} .gover_intro_sec01 .gover_intro_sec01_wrap ul li dl{height:300px; padding:190px 0 0; box-sizing:border-box;} .gover_intro_sec01 .gover_intro_sec01_wrap ul li dl dt{font-size:21px; font-weight:500;} .gover_intro_sec01 .gover_intro_sec01_wrap ul li dl dd{font-size:17px; color:#999; margin:1px 0 0;} .gover_intro_sec01 .gover_intro_sec01_wrap ul li h4{font-size:31px; font-weight:700; color:#111; line-height:1; margin:25px 0 0;} .gover_intro_sec01 .gover_intro_sec01_wrap ul li h4 strong{display:inline-block; padding:3px 3px 4px 4px; margin:0 0 0 10px;} .gover_intro_sec01 .gover_intro_sec01_wrap ul li p{font-size:19px; color:#999; margin:6px 0 0;} .gover_intro_sec01 .gover_intro_sec01_wrap ul li .con_btn{margin:26px 0 0;} .gover_intro_sec01 .gover_intro_sec01_wrap ul li:nth-child(1) dl{background:url(/images/contents/img_info_intro_sec01_img02.png) no-repeat center top;} .gover_intro_sec01 .gover_intro_sec01_wrap ul li:nth-child(1) dl dt{color:#5585eb;} .gover_intro_sec01 .gover_intro_sec01_wrap ul li:nth-child(1) h4 strong{color:#5585eb; background:#eef3fd;} .gover_intro_sec01 .gover_intro_sec01_wrap ul li:nth-child(2) .con_btn{margin:58px 0 0;} .gover_intro_sec01 .gover_intro_sec01_wrap ul li:nth-child(1) .con_btn:hover{border-color:#5585eb; background:#5585eb; color:#fff;} .gover_intro_sec01 .gover_intro_sec01_wrap ul li:nth-child(2) dl{background:url(/images/contents/img_info_intro_sec01_img01.png) no-repeat center top;} .gover_intro_sec01 .gover_intro_sec01_wrap ul li:nth-child(2) dl dt{color:#f36f49;} .gover_intro_sec01 .gover_intro_sec01_wrap ul li:nth-child(2) h4 strong{color:#f36f49; background:#fef1ed;} .gover_intro_sec01 .gover_intro_sec01_wrap ul li:nth-child(2) .con_btn:hover{border-color:#f36f49; background:#f36f49; color:#fff;} .gover_intro_sec01 .gover_intro_sec01_wrap .plus_ico{position:absolute; top:135px; left:50%; display:block; width:30px; height:30px; margin:0 0 0 -15px;} .gover_intro_sec01 .gover_intro_sec01_wrap .plus_ico span{display:block; background:#ddd; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .gover_intro_sec01 .gover_intro_sec01_wrap .plus_ico .bar_h{width:100%; height:4px;} .gover_intro_sec01 .gover_intro_sec01_wrap .plus_ico .bar_v{width:4px; height:100%;} .gover_intro_sec02{border-top:1px solid #ddd; padding:54px 0 0; margin:60px 0 0;} .gover_intro_sec02 table{width:100%; margin:55px 0 0;} .gover_intro_sec02 table caption{display:none;} .gover_intro_sec02 table thead th{position:relative;} .gover_intro_sec02 table thead th img{display:block; margin:0 auto;} .gover_intro_sec02 table thead th h3{padding:15px 0 16px; font-size:17px; color:rgba(255,255,255,.6); border-top-left-radius:12px; border-top-right-radius:12px;} .gover_intro_sec02 table thead th h3 strong{display:inline-block; padding:0 0 1px; font-size:21px; font-weight:500; color:#fff;} .gover_intro_sec02 table thead td{border-bottom:1px solid #ddd;} .gover_intro_sec02 table thead th:nth-child(1){border-bottom:1px solid #5585eb;} .gover_intro_sec02 table thead th:nth-child(1) h3{background:#5585eb;} .gover_intro_sec02 table thead th:nth-child(3){border-bottom:1px solid #f36f49;} .gover_intro_sec02 table thead th:nth-child(3) h3{background:#f36f49;} .gover_intro_sec02 table tbody td, .gover_intro_sec02 table tbody th{padding:27px 0 26px; border-bottom:1px solid #ddd; vertical-align:middle;} .gover_intro_sec02 table tbody th{color:#999;} .gover_intro_sec02 table tbody td strong{font-weight:500;} .gover_intro_sec02 table tbody td:nth-child(1){background:#f6f9fe;} .gover_intro_sec02 table tbody td:nth-child(3){background:#fef8f6;} /********** /intro **********/ /********** refund **********/ .refund_sec01{height:680px; padding:55px 60px 0; box-sizing:border-box; background:url(/images/contents/img_info_refund_sec01_bg.jpg) no-repeat center top;} .refund_sec01 .con_tit{margin:20px 0 0;} .refund_sec01 .refund_sec01_wrap{display:inline-block; margin:35px 0 0; padding:25px 74px 25px 0; border:2px solid #f36f49; border-radius:6px; background:url(/images/contents/img_info_refund_sec01_ico.png) no-repeat right 20px center;} .refund_sec01 .refund_sec01_wrap p{display:inline-block; padding:0 20px; font-weight:500; color:#f36f49;} .refund_sec02 { margin:54px 0 0; } .refund_sec02 .con_tit{ text-align: center; } .refund_sec02 > ul { position: relative; margin: 45px 0 0; } .refund_sec02 > ul:before { content: ''; position: absolute; top: 50%; width: 98%; height: 1px; border-bottom: 1px dashed #ddd; } .refund_sec02 > ul > li { position: relative; width:200px; height:230px; padding: 25px 0; border:1px solid #ddd; border-radius:4px; background: #fff; box-sizing:border-box; margin:0 0 0 46px; text-align: center; float:left; } .refund_sec02 > ul > li:first-child { margin: 0; } .refund_sec02 > ul > li > span { margin: 20px 0 0; font-size: 16px; color: #37b19d; display: block; } .refund_sec02 > ul > li > h3 { font-size:20px; font-weight:600; color:#333; margin:10px 0 0;} .refund_sec02 > ul > li > p {margin:3px 0 0; color:#999;} /* .refund_sec02 ul.step1 li:nth-child(1){margin:0; background:url(/images/contents/img_info_refund_sec10_ico01.png) no-repeat right 15px bottom 15px;} .refund_sec02 ul.step1 li:nth-child(2){background:url(/images/contents/img_info_refund_sec10_ico02.png) no-repeat right 15px bottom 15px;} .refund_sec02 ul.step1 li:nth-child(3){background:url(/images/contents/img_info_refund_sec10_ico03.png) no-repeat right 15px bottom 15px;} .refund_sec02 ul.step1 li:nth-child(4){background:url(/images/contents/img_info_refund_sec10_ico04.png) no-repeat right 15px bottom 15px;} .refund_sec02 ul.step2 li:nth-child(1){margin:0; background:url(/images/contents/img_info_refund_sec10_ico05.png) no-repeat right 15px bottom 15px;} .refund_sec02 ul.step2 li:nth-child(2){background:url(/images/contents/img_info_refund_sec10_ico06.png) no-repeat right 15px bottom 15px;} .refund_sec02 ul.step2 li:nth-child(3){background:url(/images/contents/img_info_refund_sec10_ico07.png) no-repeat right 15px bottom 15px;} .refund_sec02 ul.step2 li:nth-child(4){background:url(/images/contents/img_info_refund_sec10_ico08.png) no-repeat right 15px bottom 15px;} */ .refund_sec03{padding:17px 20px 16px; margin:60px 0 0; background:#f9f9f9; border:1px solid #ddd;} .refund_sec03 .sec_list01 + .sec_list01{margin:13px 0 0;} .refund_sec10 { position:relative;width:880px;height:400px;margin:50px auto 0 auto; } .refund_sec10 > .title { height:50px;text-align:center;font-weight:700;font-size:18px;color:#000; } .refund_sec10 > .circle { position:absolute;width:100%;height:100%; } .refund_sec10 > .circle > li { position:absolute;width:100px;height:100px;border-radius:50px;background:#ddd; } .refund_sec10 > .circle > li:nth-child(1) { top:0;left:50%;margin:0 0 0 -50px;background:#999;color:#fff; } .refund_sec10 > .circle > li:nth-child(2) { bottom:50px;left:100px;background:#fff;border:1px solid #ccc;color:#fff; } .refund_sec10 > .circle > li:nth-child(3) { bottom:50px;right:100px;background:#1c6ccf;color:#fff; } .refund_sec10 > .circle > li:nth-child(4) { bottom:50px;left:50%;margin:0 0 0 -50px;background:#30b9a4;color:#fff; } .refund_sec10 > .circle > li > p { position:absolute;width:100%;text-align:center; } .refund_sec10 > .circle > li:nth-child(1) > p { top:40px; } .refund_sec10 > .circle > li:nth-child(2) > p { top:32px; } .refund_sec10 > .circle > li:nth-child(3) > p { top:28px; } .refund_sec10 > .circle > li:nth-child(4) > p { top:40px; } .refund_sec10 > .arrow { position:absolute;width:100%;height:100%; } .refund_sec10 > .arrow > li { position:absolute; } .refund_sec10 > .arrow > li:nth-child(1) { left:215px;bottom:112px; } .refund_sec10 > .arrow > li:nth-child(1) > p.left { position:absolute;top:0; width:160px;border-top:1px solid #aaa; } .refund_sec10 > .arrow > li:nth-child(1) > p.left:after { content:'▶';position:absolute;top:-9px;right:-2px;font-size:11px;color:#aaa; } .refund_sec10 > .arrow > li:nth-child(1) > p.right { position:absolute;top:20px; width:160px;border-top:1px solid #aaa; } .refund_sec10 > .arrow > li:nth-child(1) > p.right:after { content:'◀';position:absolute;top:-9px;left:-2px;font-size:11px;color:#aaa; } .refund_sec10 > .arrow > li:nth-child(2) { right:375px;bottom:100px; } .refund_sec10 > .arrow > li:nth-child(2) > p.left { position:absolute;top:0; width:160px;border-top:1px solid #aaa; } .refund_sec10 > .arrow > li:nth-child(2) > p.left:after { content:'▶';position:absolute;top:-9px;right:-2px;font-size:11px;color:#aaa; } .refund_sec10 > .arrow > li:nth-child(3) { left:430px;top:112px; } .refund_sec10 > .arrow > li:nth-child(3) > p.left { position:absolute;top:0;height:130px;border-left:1px solid #aaa; } .refund_sec10 > .arrow > li:nth-child(3) > p.left:after { content:'▼';position:absolute;top:118px;right:-5px;font-size:11px;color:#aaa; } .refund_sec10 > .arrow > li:nth-child(3) > p.right { position:absolute;top:0px;left:20px;height:130px;border-left:1px solid #aaa; } .refund_sec10 > .arrow > li:nth-child(3) > p.right:after { content:'▲';position:absolute;bottom:118px;right:-5px;font-size:11px;color:#aaa; } .refund_sec10 > .arrow > li:nth-child(4) { left:375px;top:88px;transform:rotate( 50deg ); } .refund_sec10 > .arrow > li:nth-child(4) > p.left { position:absolute;top:0;height:245px;border-left:1px solid #aaa; } .refund_sec10 > .arrow > li:nth-child(4) > p.left:after { content:'▲';position:absolute;bottom:240px;right:-5px;font-size:11px;color:#aaa; } .refund_sec10 > .text { position:absolute;width:100%;height:100%; } .refund_sec10 > .text > li { position:absolute; } .refund_sec10 > .text > li:nth-child(1) { left:260px;bottom:10px; } .refund_sec10 > .text > li:nth-child(2) { left:260px;bottom:120px; } .refund_sec10 > .text > li:nth-child(3) { right:280px;bottom:110px; } .refund_sec10 > .text > li:nth-child(4) { left:325px;top:190px; } .refund_sec10 > .text > li:nth-child(5) { right:340px;top:180px; } .refund_sec10 > .text > li:nth-child(6) { left:240px;top:150px;transform:rotate( -40deg ); } .refund_sec10 > .text > li > dd { position:relative;font-size:13px; } .refund_sec10 > .text > li > dd:after { content:'';position:absolute;top:8px;left:-8px;width:2px;height:2px;background:#aaa; } /********** /refund **********/ /********** card **********/ .card{text-align:center;} .card_sec01{height:680px; padding:53px 0 0; box-sizing:border-box; background:url(/images/contents/img_info_card_sec01_bg.jpg) no-repeat center top;} .card_sec01 .con_tit{font-size:39px;} .card_sec01 .con_tit strong{font-size:55px;} .card_sec02{margin:55px 0 0;} .card_sec02 .con_tit{margin:20px 0 0;} .card_sec02 img{display:block; margin:55px 0 0;} .card_sec03{border-top:1px solid #ddd; padding:54px 0 0;} .card_sec03 > div{margin:35px 0 0;} .card_sec0301, .card_sec0302{display:table-cell; width:50%; vertical-align:middle; text-align:left;} .card_sec0301 img{display:block;} .card_sec0302{padding:0 0 0 30px;} .card_sec0302 .sec_list01{margin:26px 0 0; padding:16px 20px; background:#f9f9f9; border:1px solid #ddd; font-weight:500; color:#333;} .card_sec0302 .con_btn{margin:30px 0 0;} .card_sec0302 .con_btn:hover{border-color:#f36f49; background:#f36f49; color:#fff;} .card_sec04{border-top:1px solid #ddd; padding:54px 0 0; margin:60px 0 0;} .card_sec04 .con_sub_tit{margin:20px 0 0;} .card_sec04 > div{ margin:35px 0 0; padding: 20px 20px 10px 20px; text-align: left; background: #f9f9f9; } .card_sec04 ul{margin:36px 0 0;} .card_sec04 ul li{float:left; width:229px; height:229px; padding:51px 0 0; margin:0 0 0 8px; border:1px solid #ddd; border-radius:4px; box-sizing:border-box;} .card_sec04 ul li:first-child{margin:0;} .card_sec04 ul li img{display:block; margin:0 auto;} .card_sec04 ul li h4{font-size:17px; font-weight:500; color:#333; line-height:1.2; margin:27px 0 0;} .card_order_list { margin-top: 10px; } .card_order_list li { } .card_order_list li:after { content: ""; display: inline-block; width: 100%; height: 15px; background: url(/images/contents/icon_card_arrow01.png) no-repeat left 80px center } .card_order_list li:last-child:after { display: none; } .card_order_list span { display: inline-block; width: 20px; height: 20px; border-radius: 50%; background-color: #30b9a4; text-align: center; color: #fff; margin-right: 5px; font-size: 13px; line-height: 20px; } /********** /card **********/ /********** study **********/ .gover_notice{text-align:center; } .gover_notice_sec01{padding:55px 0px 0; box-sizing: border-box; font-size: 15px; line-height: 22px; color: #666666; text-align: left; } .gover_notice_sec01 h2 { margin-bottom: 30px; font-weight: 500; font-size: 17px; line-height: 40px; text-align: center; color: #fff; } .gover_notice_sec01 h2 span { display: inline-block; width: 240px; height: 40px; background-color: #30b9a4; border-radius: 30px; } .gover_notice_txt { margin-bottom: 20px; text-align: justify; } .gover_notice_txt_box { display: inline-block; width: 100%; padding: 20px; box-sizing: border-box; background-color: #f6f6f6; text-align: left; color: #44444; } .gover_notice_txt_box span { display: inline-block; width: 100%; margin-bottom: 10px; text-align: center; font-size: 15px; font-weight: 500; } .gover_notice_wrap { margin-bottom: 20px; } .gover_notice_tit { margin-bottom: 10px; font-size: 16px; font-weight: 500; } .gover_notice_tit strong { color: #30b9a4; } .gover_notice_list { margin-bottom: 10px; } .gover_notice_list dt { margin-bottom: 5px; font-weight: 500; } .gover_notice_list dd { padding-left: 8px; background: url(/images/contents/icon_dd_dot.png) no-repeat left center; } .gover_notice_list_blue { font-size: 14px; color: #1c6ccf; } /********** /study **********/ /***************************** /government/ /정부지원제도안내 ******************************/ /********** Mypage_Join **********/ #mypage .join_step{border-bottom:2px solid #ddd;} #mypage .join_step dl{float:right;} #mypage .join_step dl dt{float:left; padding:16px 23px 16px 0; color:#333;} #mypage .join_step dl dd{position:relative; float:left; padding:16px 20px; margin:0 0 0 3px; color:#bbb;} #mypage .join_step dl dd:after{content:""; display:none; width:100%; height:2px; background:#30b9a4; position:absolute; bottom:-2px; left:0;} #mypage .join_step dl dd span{position:relative; display:inline-block; padding:0 10px 0 0; color:#bbb;} #mypage .join_step dl dd span:after{content:""; display:block; width:3px; height:3px; background:#ddd; border-radius:50%; position:absolute; top:50%; left:-23px; margin:-2px 0 0;} #mypage .join_step dl dt + dd{margin:0;} #mypage .join_step dl.transfer {float:none;text-align:center;} #mypage .join_step dl.transfer dt {float:none;background:#f9f9f9;color:#30b9a4;} #mypage .join_step dl dd.on{color:#333;} #mypage .join_step dl dd.on:after{display:block;} #mypage .join_step dl dd.on span{color:#30b9a4;} #mypage .change_password_info {margin:10px 0 0;padding:40px;font-size:22px;font-weight:500;letter-spacing:-1px;text-align:center;background:#f7f7f7;color:#555;} #mypage .change_password_info .bold_blue {margin:0 5px;color:#5b9fcf;font-size:30px;font-weight:700;} #mypage .change_password_info .bold_black {margin:0 5px;color:#000;font-size:30px;font-weight:700;} /* Mypage_Join01 */ #mypage.join01{} #mypage.join01 .join01_legal_box{border:1px solid #ddd; height:200px; overflow-y:auto;} #mypage.join01 .join01_legal_box .legal{padding:25px 30px 26px; background:#fff; text-align:left;} #mypage.join01 .join01_sec01{margin:35px 0 0;} #mypage.join01 .join01_sec01 .join01_sec0101{margin:17px 0 0; padding:16px 0; border:1px solid #ddd; background:#f9f9f9; text-align:center;} #mypage.join01 .join01_sec01 .join01_sec0101 label{color:#30b9a4;} #mypage.join01 .join01_sec01 .join01_sec0102{margin:20px 0 0; text-align:right;} #mypage.join01 .join01_sec01 .join01_sec0102 .checkbox_wrap{margin:17px 0 0;} #mypage.join01 .join01_sec02{margin:31px 0 0; text-align:right;} #mypage.join01 .join01_sec02 .join01_sec0201{margin:17px 0 0;} #mypage.join01 .join01_sec02 .join01_sec0201 .checkbox_wrap{margin:17px 0 0;} #mypage.join01 .join01_sec03{margin:31px 0 0;} #mypage.join01 .join01_sec03 ul{margin:17px 0 0; padding:30px 0; border:1px solid #ddd; border-top:2px solid #30b9a4;} #mypage.join01 .join01_sec03 ul li{position:relative; float:left; width:50%; box-sizing:border-box; text-align:center;} #mypage.join01 .join01_sec03 ul li:first-child{border-right:1px solid #ddd;} #mypage.join01 .join01_sec03 ul li span.fonti{width:100px; background:#30b9a4; border-radius:50%; text-align:center; color:#fff; line-height:100px;} #mypage.join01 .join01_sec03 ul li span.fonti:before{position:relative;} #mypage.join01 .join01_sec03 ul li span.fonti.um-mobile-phone{font-size:60px;} #mypage.join01 .join01_sec03 ul li span.fonti.um-mobile-phone:before{left:10px;} #mypage.join01 .join01_sec03 ul li span.fonti.um-info{font-size:50px;} #mypage.join01 .join01_sec03 ul li span.fonti.um-info:before{left:15px;} #mypage.join01 .join01_sec03 ul li h3.sec_tit01{margin:25px 0 0; text-align:center; color:#30b9a4;} #mypage.join01 .join01_sec03 ul li p{margin:14px 0 0;} #mypage.join01 .join01_sec03 ul li .btn01{display:inline-block; width:118px; padding:9px 0 8px; margin:16px 0 0; border:1px solid #30b9a4; border-radius:4px; text-align:center; color:#30b9a4; cursor:pointer;} #mypage.join01 .join01_sec03 ul li .btn01:hover{background:#30b9a4; color:#fff;} #mypage.join01 .join01_sec03 ul li .btn02{position:absolute; bottom:-2px; right:30px; font-size:13px; color:#30b9a4; text-decoration:underline; cursor:pointer;} .join01_sec03 .user_cert_confirm .um-warning {margin-top:30px;font-size:100px;color:#30b9a4;} /* dev */ .join01_sec03 .user_cert_confirm p {font-size:20px;line-height:40px;color:#1ea08c;} #mypage.join01 .join01_sec04{position:relative; margin:20px 0 0; padding:25px 29px 24px; border:1px solid #ddd; display:none;} #mypage.join01 .join01_sec04 span.arrow_ico{position:absolute; top:-21px; right:75px; padding:0 !important; border-top: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ddd; border-left: 10px solid transparent; } #mypage.join01 .join01_sec04 span.arrow_ico:after{content:""; display:block; position:absolute; top:-8px; left:-10px; border-top: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; border-left: 10px solid transparent; } #mypage.join01 .join01_sec04 p{margin:4px 0 0;} #mypage.join01 .join01_sec04 ul{margin:26px 0 0;} #mypage.join01 .join01_sec04 ul li{float:left; width:280px; margin:0 0 0 20px; text-align:center;} #mypage.join01 .join01_sec04 ul li:first-child{margin:0;} #mypage.join01 .join01_sec04 ul li img{display:block; padding:0 37.5px; border:1px solid #ddd;} #mypage.join01 .join01_sec04 ul li a{display:inline-block; margin:7px 0 0; color:#30b9a4;} #mypage.join01 .join01_sec04 ul li a span.fonti{position:relative; top:-2px; margin:0 0 0 10px; font-size:12px;} /* Mypage_Join02 */ #mypage.join02 .join02_sec01{padding:57px 0 0;} #mypage.join02 .join02_sec01.pt10{padding:10px 0 0;} #mypage.join02 .join02_sec01 .sec_desc{text-align:right; color:#ff5252;} #mypage.join02 .join02_sec01 .sec_desc span.fonti{position:relative; top:-2px; margin:0 3px 0 0; font-size:10px; color:#ff5252; -webkit-transform:scale(0.6); -moz-transform:scale(0.6); -o-transform:scale(0.6); transform:scale(0.6); } #mypage.join02 .join02_sec01 table.sec_table{margin:16px 0 0;} #mypage.join02 .join02_sec01 .sec_btn_wrap{margin:40px 0 0;} /* Mypage_Join03 */ #mypage.join03 .join03_sec01{padding:99px 0 100px; text-align:center;} #mypage.join03 .join03_sec01 span.fonti{font-size:60px; color:#30b9a4;} #mypage.join03 .join03_sec01 .sec_tit02{margin:22px 0 0;} #mypage.join03 .join03_sec01 p{margin:10px 0 0; font-size:17px;} #mypage.join03 .join03_sec01 .sec_btn_wrap{padding:36px 0 0;} .join_kind .join_title { height:40px;line-height:40px;padding:30px 0 0;font-weight:500;color:#333;border-bottom:2px solid #30b9a4; } .join_kind .user_kind { overflow:hidden; } .join_kind .user_kind ul { position:relative;width:138px;margin:0 0 0 20px;float:left; } .join_kind .user_kind ul:nth-child(1) { margin:0; } .join_kind .user_kind ul li.image { width:145px;height:200px;background:#f9f9f9; } .join_kind .user_kind ul li.image img { position:absolute;top:25px;left:15px;width:120px; } .join_kind .user_kind ul li.image p { position:relative;top:160px;text-align:center;color:#333;font-weight:500; } .join_kind .user_kind ul li.select { user-select:none; } .join_kind .user_kind ul li.select dd { width:145px;height:38px;margin:10px 0 0;border:1px solid #ddd;cursor:pointer; } .join_kind .user_kind ul li.select dd label { position:relative;margin:0 0 0 40px;line-height:40px;color:#666;cursor:pointer; } .join_kind .user_kind ul li.select dd label .icon_check { position:absolute;top:-1px;left:-30px;width:25px;height:24px;background:url('/images/layout/icon_user_kind_check_off.gif'); } .join_kind .user_kind ul li.select dd.on { border:1px solid #30b9a4; } .join_kind .user_kind ul li.select dd.on label { color:#239886; } .join_kind .user_kind ul li.select dd.on label .icon_check { background:url('/images/layout/icon_user_kind_check_on.gif'); } .join_kind .user_kind_info { margin:30px 0 0;padding:20px;border:1px dotted #30b9a4;color:#30b9a4;text-align:center; } .join_kind ul.group_search li.select { padding:20px 0;background:#f1f1f1; } .join_kind ul.group_search .search_string { position:relative;margin:0 0 0 40px;padding:0 0 0 8px;font-size:13px;color:#999 } .join_kind ul.group_search .search_string::after {content:"";position:absolute;top:8px;left:0;width:3px;height:3px;background:#aaa;border-radius:5px; } #groupSearchKeyword { width:300px; } #groupNameFocusInfo { position:absolute;top:-150px;left:-50px;width:320px;padding:10px;line-height:20px;font-size:12px;background:#d2f9ff;border:1px solid #579bbb;border-radius:5px;display:none; } #groupNameFocusInfo::after { content:'▼';position:absolute;left:50%;bottom:-15px;color:#579bbb; } /********** /Mypage_Join **********/ /********** Mypage_Login **********/ #mypage.login .login_sec01{padding:50px 0 100px;} #mypage.login .login_sec01 > div{float:left; width:450px;} #mypage.login .login_sec01 .login_sec0101{text-align:right;} #mypage.login .login_sec01 .login_sec0101 dl{text-align:left;} #mypage.login .login_sec01 .login_sec0101 dl dt{float:left; width:90px; padding:10px 0 9px; margin:10px 0 0; color:#999;} #mypage.login .login_sec01 .login_sec0101 dl dd{float:left; width:360px; margin:10px 0 0;} #mypage.login .login_sec01 .login_sec0101 dl dd input{width:100%;} #mypage.login .login_sec01 .login_sec0101 .checkbox_wrap{margin:17px 0 0;} #mypage.login .login_sec01 .login_sec0101 .sec_btn_wrap{margin:16px 0 0;} #mypage.login .login_sec01 .login_sec0101 .sec_btn_wrap .sec_btn{width:100%; margin:0;} #mypage.login .login_sec01 .login_sec0102{padding:10px 0 0 40px;} #mypage.login .login_sec01 .login_sec0102 ul{border:1px solid #ddd; border-top:2px solid #30b9a4;} #mypage.login .login_sec01 .login_sec0102 ul li{position:relative; padding:35px 0 37px 118px; font-size:17px;} #mypage.login .login_sec01 .login_sec0102 ul li:first-child{border-bottom:1px solid #ddd; color:#30b9a4;} #mypage.login .login_sec01 .login_sec0102 ul li span.fonti{position:absolute; top:0; left:0; width:95px; line-height:80px; padding:0 12px; text-align:center; color:#ddd;} /* dev */ #mypage.login .login_sec01 .login_sec0102 ul li span.fonti.um-user-plus{font-size:58px;} #mypage.login .login_sec01 .login_sec0102 ul li span.fonti.um-search{font-size:44px;} /********** /Mypage_Login **********/ /********** Mypage_Modify **********/ /* Mypage_Modify01 */ #mypage.modify01 .modify01_sec01{padding:100px 0 0;} #mypage.modify01 .modify01_sec01 .modify01_sec0101{text-align:center;} #mypage.modify01 .modify01_sec01 .modify01_sec0101 span.fonti{width:100px; line-height:100px; background:#30b9a4; border-radius:50%; text-align:center; font-size:50px; color:#fff;} #mypage.modify01 .modify01_sec01 .modify01_sec0101 span.fonti:before{position:relative; left:4px;} #mypage.modify01 .modify01_sec01 .modify01_sec0101 .sec_tit01{text-align:center; margin:35px 0 0;} #mypage.modify01 .modify01_sec01 .modify01_sec0101 .sec_tit01 strong{color:#30b9a4;} #mypage.modify01 .modify01_sec01 .modify01_sec0102{padding:0 235px; margin:37px 0 0;} #mypage.modify01 .modify01_sec01 .modify01_sec0102 > input{width:100%; padding:14px 10px 13px;} #mypage.modify01 .modify01_sec01 .modify01_sec0102 .sec_btn_wrap{margin:10px 0 0;} #mypage.modify01 .modify01_sec01 .modify01_sec0102 .sec_btn_wrap .sec_btn{width:100%; margin:0;} /* Mypage_Modify02 */ #mypage.modify02{} #mypage.modify02 .modify02_sec01{padding:57px 0 0;} #mypage.modify02 .modify02_sec01 .sec_desc{text-align:right; color:#ff5252;} #mypage.modify02 .modify02_sec01 .sec_desc span.fonti{position:relative; top:-2px; margin:0 3px 0 0; font-size:10px; color:#ff5252; -webkit-transform:scale(0.6); -moz-transform:scale(0.6); -o-transform:scale(0.6); transform:scale(0.6); } #mypage.modify02 .modify02_sec01 table.sec_table{margin:16px 0 0;} #mypage.modify02 .modify02_sec01 .sec_btn_wrap{margin:40px 0 0;} #mypage.modify02 .modify02_sec02{margin:80px 0 0;padding:15px 15px 15px 30px; border:1px solid #ddd; background:#f9f9f9;} #mypage.modify02 .modify02_sec02 p{float:left; padding:10px 0 9px; color:#999;} #mypage.modify02 .modify02_sec02 .sec_btn_wrap{float:right;} #mypage.modify02 .modify02_sec02 .sec_btn_wrap .sec_btn{width:120px; padding:10px 0 9px;} /********** /Mypage_Modify **********/ /********** Mypage_Find **********/ /* Mypage_Find01 */ #mypage.find01 #subTab ul li{width:20%;} #mypage.find01 .sec_table{margin:30px 0 0;} #mypage.find01 .sec_table th, #mypage.find01 .sec_table td{border:0; padding:0 0 15px;} #mypage.find01 .sec_table th{padding:0 0 15px 20px;} #mypage.find01 .sec_table .find01_sec_table_phone th, #mypage.find01 .sec_table .find01_sec_table_phone td{padding:0 0 30px;} #mypage.find01 .sec_table .find01_sec_table_phone th{padding:0 0 30px 20px;} #mypage.find01 .sec_table .find01_sec_table_certifi th, #mypage.find01 .sec_table .find01_sec_table_certifi td{background:#f9f9f9; border-top:1px solid #ddd;; padding:15px 0;} #mypage.find01 .sec_table .find01_sec_table_certifi th{padding:15px 0 15px 20px;} #mypage.find01 .sec_btn_wrap{padding:30px 0 0; border-top:1px solid #ddd;} #mypage.find01 .find01_sec02{display:none;} /* Mypage_Find02 */ #mypage.find02{padding:100px 0 0; text-align:center;} #mypage.find02 span.fonti{font-size:60px; color:#30b9a4;} #mypage.find02 .sec_tit02{margin:23px 0 0; color:#666;} #mypage.find02 .sec_tit02 strong{color:#333;} #mypage.find02 .sec_tit02 span{color:#30b9a4;} #mypage.find02 p{margin:15px 0 0; font-size:17px;} #mypage.find02 p span{font-weight:500; color:#333;} #mypage.find02 p strong{display:inline-block; padding:0 5px 2px; background:#f9f9f9; font-weight:500; color:#ff5252;} #mypage.find02 p + p{margin:5px 0 0;} #mypage.find02 p + p span{color:#ff5252;} #mypage.find02 .sec_btn_wrap{margin:40px 0 0;} #mypage.find02 .find02_sec01{} #mypage.find02 .find02_sec02 .sec_btn_wrap{margin:37px 0 0;} /********** /Mypage_Find **********/ /********** Mypage_Lecture **********/ #mypage.lecture .center_info_wrap{padding:30px 0 0;} #mypage.lecture .center_info_wrap.pd0{padding:0;} #mypage.lecture .center_info_wrap .sec_table{margin:17px 0 0;} #mypage.lecture .center_info_wrap .sec_btn_wrap{margin:30px 0 0;} #mypage.lecture #subTab ul li{width:50%;} #mypage.lecture #subTab ul li.w20p{width:20%;} #mypage.lecture #subTab ul li.w30p{width:30%;} #mypage.lecture .lecture_sec01{} #mypage.lecture .lecture_sec02{margin:60px 0 0; border-top:2px solid #ddd;} #mypage.lecture .lecture_sec02 .sec_btn_wrap{margin:30px 0 0;} #mypage.lecture .lecture_sec02 .sec_btn_wrap .sec_btn_inline{position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } #mypage.lecture .lecture_sec03{margin:55px 0 0;} #mypage.lecture .lecture_sec03 .sec_tit01{color:#ff5252;} #mypage.lecture .lecture_sec03 .refund_info_wrap, #mypage.lecture .lecture_sec03 .contract_info_wrap{margin:17px 0 0; padding:17px 20px 16px;background:#f9f9f9; border:1px solid #ddd;} #mypage.lecture .lecture_sec03 .refund_info_wrap .sec_list01 + .sec_list01{margin:12px 0 0;} /********** /Mypage_Lecture **********/ /********** Mypage_Legal **********/ .legal .sec_tit01{color:#30b9a4;} .legal .sec_tit01 + .sec_list01{margin:14px 0 0;} .legal p{margin:8px 0 0;} .legal .sec_list01{margin:13px 0 0;} .legal .sec_list01 dd:not(.legal_inner_box){margin:8px 0 0;} .legal .sec_list01 dd + dd{} .legal .legal_inner_box{margin:11px 0 0; padding:4px 20px 16px; background:#f9f9f9; border:1px solid #ddd;} .legal .legal_inner_box:after{display:none;} .legal .legal_inner_box .sec_list01 dt{color:#666;} .legal .legal_inner_box .sec_list01 dd{color:#999;} .legal .legal_inner_box ol{padding:13px 0 0; color:#999;} .legal .no_bullet .legal_inner_box{padding:4px 20px 16px;} .legal .no_bullet .legal_inner_box ol li{padding:0;} .legal .no_bullet .legal_inner_box ol li:after{display:none;} .legal .no_bullet .legal_inner_box ol.bullet{padding:10px 0 0;} .legal .no_bullet .legal_inner_box ol.bullet li{position:relative; padding:0 0 0 13px; margin:3px 0 0;} .legal .no_bullet .legal_inner_box ol.bullet li:after{display:block;} .legal table.sec_table{margin:16px 0 0; border-top:2px solid #30b9a4;} .privacy_sec02{margin:55px 0 0;} .privacy_sec03, .privacy_sec04, .privacy_sec05, .privacy_sec06, .privacy_sec07, .privacy_sec08, .privacy_sec09, .privacy_sec10{margin:51px 0 0;} .term_sec02, .term_sec03, .term_sec04, .term_sec05, .term_sec06, .term_sec07, .term_sec08, .term_sec09, .term_sec10{margin:51px 0 0;} #mypage.legal{padding: 40px 0 0;} /********** /Mypage_Legal **********/ /********** note **********/ #myNoteBenefit { position:absolute;width:150px;top:33px;height:20px;line-height:20px;background:#fff;border:1px solid #ec8989;font-size:11px;color:#ec8989;text-align:center;z-index:1; } #myNoteBenefit:after { content:'▲';position:absolute;top:-14px;left:63px;font-size:11px;color:#ec8989; } .note_info_wrap { padding: 55px 0 0;} .note_btn_wrap { text-align: right; } .note_btn_wrap_b { margin-top: 20px; } .note_list_wrap { margin-top: -5px; } .note_tit { margin-bottom: 17px; } .note_con_wrap { position: relative; max-height: 18px; overflow: hidden; line-height: 20px; } .note_con_wrap.on { max-height: none; height: auto; white-space: none; text-overflow: none; } .note_con_wrap a.note_ellipsis { display: inline-block; width: 420px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .note_con_wrap.on a.note_ellipsis { white-space: normal; text-overflow: none; } .note_con_wrap .click_area { position:absolute;width:100%;height:20px;cursor:pointer; } .note_ellipsis.on_bold { font-weight: 500;color:#333; } .note_con_txt { display: block; padding: 0 0 5px 0; color: #666 } .note_btn_wrap .sec_btn { display: inline-block; width: 100px; padding: 10px 0 9px; margin: 0; font-size: 15px; border: 0; border-radius: 2px; line-height: 1.4; text-align: center; } .note_btn_wrap .sec_btn.grn { color: #fff; background: #30b9a4; cursor: pointer; } .note_btn_wrap .sec_btn.gry { color: #fff; background: #999; cursor: pointer; } .note_con_btn { move-to: 5px; text-align: right; } .note_con_btn .sec_btn { width: 80px; padding: 5px 0px; margin: 0; text-align: center; cursor: pointer; } .note_con_btn .sec_btn.gry { color: #fff; background: #bbb; } .note_con_btn .sec_btn.grn { color: #fff; background: #30b9a4; } .note_new_btn { display: inline-block; width: 18px; height: 18px; margin-left: 5px; background: #30b9a4; color: #fff; text-align: center; line-height: 18px; border-radius: 2px; font-size: 12px; } .note_btn_reclaim { color: #30b9a4; } .note_search_wrap { padding: 20px 0 0; } .note_search_wrap .keyword { width: 260px; } .note_search_wrap .sec_btn_wrap { display: inline-block; margin: 0 0 0 10px; } .note_search_wrap .sec_btn { width: 80px; padding: 10px 0 9px; margin: 0; } .note_search_wrap .sec_btn.gry { color: #fff; background: #999; } .note_search_wrap select {padding: 10px 15px;} .note_choice { padding-bottom: 20px; } .note_receiver_list { display: inline-block; width: 100%; height: auto; min-height:47px; max-height: 100px; overflow: auto; border: 1px solid #ddd; padding: 10px 15px; margin-top: 10px; box-sizing: border-box; } .note_receiver_list li { font-size: 14px; line-height: 24px; } .note_receiver_list li a:hover { color: #30b9a4; } .note_search_wrap label, .note_receiver label, .note_choice label { display: inline-block; width: 100%; color: #222; } .note_receiver { padding: 20px 0 0; } .note_receiver .receiver { width: 100%; } .note_txt_number { text-align: right; font-size: 13px; } .note_txt_number ul { margin : 10px 0 5px; } .note_txt_number li { display: inline-block; } .note_receiver textarea { display: block; width: 100%; min-height: 185px; resize: none; padding: 10px 15px; } .note_pop_btn_wrap { position: absolute; bottom: 20px; width: 360px; text-align: center; box-sizing: border-box; font-size: 14px; } .note_receiver_list li .checkbox_wrap .gray { color:#aaa; } .note_receiver_list { display: inline-block; width: 100%; height: auto; min-height: 47px; overflow: auto; border: 1px solid #ddd; padding: 10px 15px; margin-top: 10px; box-sizing: border-box; background-color: #f1f1f1; } .note_receiver_list li { position: relative; font-size: 14px; line-height: 30px; } .note_receiver_list li span.remove { position: relative; top: 1px; height: 9px; width: 9px; margin-left: 5px; border: 1px solid #ffa0a0; cursor: pointer; display: inline-block; } .note_receiver_list li span.remove:before, .note_receiver_list li span.remove:after {content:''; position: absolute; top: -2px; left: 4px; width: 1px; height: 13px; background-color: #ffa0a0; } .note_receiver_list li span.remove:before { transform: rotate(45deg); } .note_receiver_list li span.remove:after { transform: rotate(-45deg); } /********** /note **********/ /********** Faq **********/ #subTab.faq_tab ul li{width:157px;} #subTab.faq_tab ul li:first-child{width:156px;} #subTab.faq_tab ul li:last-child{width:156px;} .faq .faq_list_wrap{margin:0;} .faq .faq_list_wrap dl:first-child dt{border:0;} /********** /Faq **********/ /********** Download **********/ .download table.sec_table tbody td{padding:0;} .download table.sec_table tbody th{padding:0 0 0 100px; font-size:17px; font-weight:500; color:#333;} .download table.sec_table tbody tr:nth-child(1) th{background: url(/images/contents/icon_download_viewer.png) no-repeat left center;background-size: 60px;} .download table.sec_table tbody tr:nth-child(2) th{background: url(/images/contents/icon_download_player.png) no-repeat left center;background-size: 60px;} .download ul{} .download ul li{padding:20px; border-top:1px solid #ddd;} .download ul li:after{content:""; display:block; clear:both;} .download ul li:first-child{border:0;} .download ul li img{float:left; margin:2px 0 0;} .download ul li h2{float:left; padding:7px 0; margin:0 0 0 20px;} .download ul li .download_btn{float:right; position:relative; display:block; width:120px; padding:7px 15px; background:#999; border-radius:2px; box-sizing:border-box; color:#fff;} .download ul li .download_btn span.fonti{position:absolute; top:50%; right:15px; font-size:13px; color:#fff; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } .download ul li .download_btn:hover{background:#30b9a4;} /********** /Download **********/ /********** Solution **********/ .solution_sec01{padding:35px 0 0;} .solution_sec01 .sec_list01{margin:14px 0 0;} .solution_sec02{margin:36px 0 0; border-top:2px solid #ddd;} .solution_sec02 .sec_tab li{width:33.33%;} .solution_sec02 .sec_tab li:first-child{width:33.34%;} .solution_sec02 .sec_tab_con ol > li{padding:35px 0 0; margin:40px 0 0; border-top:1px solid #ddd;} .solution_sec02 .sec_tab_con ol > li:first-child, .solution_sec02 .sec_tab_con ol > li.border_none{margin:0; border:0;} .solution_sec02 .sec_tab_con ol > li p{margin:2px 0 0;} .solution_sec02 .sec_tab_con ol > li img{display:block; margin:26px 0 0;} .solution_sec02 .sec_tab_con ol > li .sec_tit01 + p, .solution_sec02 .sec_tab_con ol > li .sec_tit01 + ul{margin:9px 0 0;} .solution_sec02 .sec_tab_con ol > li .sec_tit01 + img{margin:27px 0 0;} .solution_sec02 .sec_tab_con .sec_warning{margin:40px 0 0;} /********** /Solution **********/ /********** Review **********/ .review{padding:20px 0 0;} .review_list{border-top:1px solid #ddd; margin:20px 0 0;} .review_list li dl dt{position:relative; padding:15px 20px 16px 0; border-bottom:1px solid #ddd; cursor:pointer;} .review_list li dl dt .label{display:inline-block; padding:3px 20px 0 0; color:#30b9a4; vertical-align:bottom;} .review_list li dl dt strong{display:inline-block; width:600px; vertical-align:top; font-size:17px; font-weight:500; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .review_list li dl dt span.fonti{position:absolute; top:50%; right:0; font-size:13px; color:#ddd; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } .review_list li dl dd{position:relative; background:#f9f9f9; height:0; overflow:hidden;} .review_list li dl dd:after{content:""; display:block; width:100%; height:1px; background:#ddd; position:absolute; bottom:0; left:0;} .review_list li dl dd .review_view_wrap{padding:25px 30px 27px;} .review_list li dl dd .review_view_wrap .review_info li{position:relative; padding:0 0 0 11px; margin:0 0 0 10px; float:left; color:#999;} .review_list li dl dd .review_view_wrap .review_info li:after{content:""; display:block; width:1px; height:10px; background:#ddd; position:absolute; top:50%; left:0; margin:-5px 0 0;} .review_list li dl dd .review_view_wrap .review_info li:first-child{margin:0; padding:0;} .review_list li dl dd .review_view_wrap .review_info li:first-child:after{display:none;} .review_list li dl dd .review_view_wrap .review_info li strong{font-weight:500; color:#30b9a4;} .review_list li dl dd .review_view_wrap .sec_tit02{margin:8px 0 0;} .review_list li dl dd .review_view_wrap .review_view{margin:22px 0 0;} .review_list li.review_list_empty{padding:97px 0 96px; border-bottom:1px solid #ddd;} .review_list li.review_list_empty p{color:#999; text-align:center;} .review_video_top { display: inline-block; width: 100%; height: 350px; margin-bottom: 30px; background: #f9f9f9; } .review_best { margin-bottom: 30px; text-align: center; } .review_best h3 { font-size: 20px; font-weight: 500; } .review_best h3 strong { color: #30b9a4; } .review_best_video { display: inline-block; width: 100%; padding-top: 15px; } .best_video_arrow { display: inline-block; float: left; width: 50px; height: 271px; line-height: 271px; } .best_video_box { display: inline-block; float: left; width: 270px; margin-right: 15px; text-align: left; } .mr_none { margin-right: 0; } .best_video { width: 100%; height: 160px; border: 1px solid #ddd; box-sizing: border-box; } .best_video_txt { display: inline-block; padding: 15px; margin-top: -1px; border: 1px solid #ddd; box-sizing: border-box; font-size: 16px; line-height: 24px; } .best_video_txt > p { margin-bottom: 10px; height: 48px; } .best_video_bottom { font-size: 14px; line-height: 21px; } .best_video_bottom span { float: left; } .best_video_bottom ul { display: inline-block; float: right; } .best_video_bottom ul li { display: inline-block; float: left; padding-left: 20px; margin-left: 20px; font-size: 14px; } li.play { background: url("/images/contents/icon_video_play.png") no-repeat left center; } li.heart { background: url("/images/contents/icon_video_heart.png") no-repeat left center; } .review_video { position: relative; width: 100%; height: 140px; background: #f9f9f9; } .video_time { position: absolute; right: 0; bottom: 0; width: 55px; height: 25px; line-height: 25px; text-align: center; background: rgba(0,0,0,0.5); font-size: 12px; color: #fff; } .video_play { display: inline-block; margin-top: 20px; margin-bottom: 5px; font-size: 14px; line-height: 13px; } .video_play li { display: inline-block; float: left; padding-left: 20px; margin-right: 20px; } .video_play li:last-child { border-left: 1px solid #ddde; } /********** /Review **********/ /********** Remote **********/ .remote_sec01{width:100%; background:url(/images/contents/bg_support_remote.jpg) no-repeat center top;} .remote_sec01 .remote_sec01_wrap{display:table-cell; width:100%; height:330px; padding:0 40px; vertical-align:middle; box-sizing:border-box;} .remote_sec01 .remote_sec01_wrap h2{font-size:30px; font-weight:700; color:#fff; line-height:1.2;} .remote_sec01 .remote_sec01_wrap p{font-size:17px; color:#eee; margin:12px 0 0;} .remote_sec02{margin:60px 0 0;} .remote_sec02 .remote_sec0201{float:left; width:50%; text-align:center;} .remote_sec02 .remote_sec0201 img{display:block; margin:0 auto;} .remote_sec02 .remote_sec0201 strong{display:block; margin:22px 0 0; font-size:49px; font-weight:700; color:#30b9a4;} .remote_sec02 .remote_sec0201 dl{margin:11px 0 0;} .remote_sec02 .remote_sec0201 dl dt{font-size:17px; font-weight:500; color:#333;} .remote_sec02 .remote_sec0201 dl dt + dd{margin:9px 0 0;} .remote_sec02 .remote_sec0202{float:left; width:50%; text-align:center;} .remote_sec02 .remote_sec0202 li{position:relative; border:1px solid #ddd; border-radius:4px; padding:16px 20px 14px; margin:40px 0 0;} .remote_sec02 .remote_sec0202 li:first-child{margin:0;} .remote_sec02 .remote_sec0202 li .label{display:block; font-size:13px; color:#999;} .remote_sec02 .remote_sec0202 li strong{display:block; margin:1px 0 0; font-size:17px; font-weight:500; color:#333;} .remote_sec02 .remote_sec0202 li p{font-size:21px; font-weight:500; color:#30b9a4; margin:5px 0 0;} .remote_sec02 .remote_sec0202 li a{display:inline-block; color:#30b9a4; margin:9px 0 0;} .remote_sec02 .remote_sec0202 li a span.fonti{position:relative; top:-2px; margin:0 0 0 10px; font-size:12px;} .remote_sec02 .remote_sec0202 li > span.fonti{position:absolute; top:-28px; left:50%; font-size:15px; color:#bbb; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); } .remote_sec02 .remote_sec0202 li:nth-child(2){padding:16px 20px;} .remote_sec02 .remote_sec0202 li:nth-child(3){padding:16px 20px 17px; border:2px solid #30b9a4;} /********** /Remote **********/ /********** guide **********/ #subTab.guide_tab ul li{width:20%;} .guide_sec02{margin:36px 0 0; border-top:2px solid #ddd;} .guide_sec02 .sec_tab_con ol > li{padding:35px 0 0; margin:40px 0 0; border-top:1px solid #ddd;} .guide_sec02 .sec_tab_con ol > li:first-child, .guide_sec02 .sec_tab_con ol > li.border_none{margin:0; border:0;} .guide_sec02 .sec_tab_con ol > li img{display:block; margin:15px 0 20px;} .guide_sec02 .sec_tab_con ol > li .sec_tit01 + img{margin:27px 0 0;} .guide_sec02 .sec_tab_con .sec_warning{margin:40px 0 0;} .guide_wrap { padding: 35px 0 0; } .guide_list_sub { margin-top: 20px; } .guide_tit01 { margin-bottom: 10px; font-size: 17px; font-weight: 500; color: #333; } .guide_tit02 { margin-bottom: 10px; font-size: 16px; font-weight: 500; color: #30b9a4; } .guide_text01 { margin-bottom: 10px; font-size: 15px; font-size: 400; color: #333; } .guide_text02 { margin-bottom: 5px; font-size: 15px; font-size: 400; color: #666; } .faq .guide_list_wrap{margin:0;} .faq .guide_list_wrap dl:first-child dt{border:0;} #subTab ul li a.no_padding { padding: 0; } /********** /guide **********/ /********** Capacity **********/ /* list */ #capacity.capacity_list{} #capacity.capacity_list .capacity_list_wrap{} #capacity.capacity_list .capacity_list_wrap li{position:relative; border-top:1px solid #ddd; padding:30px 0;} #capacity.capacity_list .capacity_list_wrap li:first-child{border:0;} #capacity.capacity_list .capacity_list_wrap li > div{display:table-cell; vertical-align:middle;} #capacity.capacity_list .capacity_list_wrap li > div.valign_top {vertical-align:top;} #capacity.capacity_list .capacity_list_wrap li .capacity_list_thumb{width:300px; position: relative; } #capacity.capacity_list .capacity_list_wrap li .capacity_list_thumb.new::before { content: ''; position: absolute; top: 0; right: 10px; width: 67px; height: 20px; background: no-repeat url("/images/common/icon_m_new.png"); background-size: cover; z-index: 2; } #capacity.capacity_list .capacity_list_wrap li .capacity_list_thumb img{display:block; width:100%;} #capacity.capacity_list .capacity_list_wrap li .capacity_list_con{width:640px; padding:0 30px; box-sizing:border-box;} #capacity.capacity_list .capacity_list_wrap li .capacity_list_con .capacity_list_tit{position:relative;} #capacity.capacity_list .capacity_list_wrap li .capacity_list_con .capacity_list_tit h3{font-size:19px; font-weight:400; color:#30b9a4;} #capacity.capacity_list .capacity_list_wrap li .capacity_list_con .capacity_list_tit h2{font-size:27px; font-weight:700; color:#333; padding:10px 0 0; max-width:450px; line-height: 30px; } #capacity.capacity_list .capacity_list_wrap li .capacity_list_con .capacity_list_tit .capacity_list_play{font-size:13px; color:#fff; text-align:left; position:absolute; top:50%; right:0; display:inline-block; width:90px; padding:7px 15px; border-radius:40px; background:#bbb; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } #capacity.capacity_list .capacity_list_wrap li .capacity_list_con .capacity_list_tit .capacity_list_play span.fonti{font-size:10px; position:absolute; top:50%; right:14px; -webkit-transform:translateY(-50%) scale(0.8); -moz-transform:translateY(-50%) scale(0.8); -o-transform:translateY(-50%) scale(0.8); transform:translateY(-50%) scale(0.8); } #capacity.capacity_list .capacity_list_wrap li .capacity_list_con dl{margin:10px 0 0;} #capacity.capacity_list .capacity_list_wrap li .capacity_list_con dl dt{float:left; width:90px; padding:5px 0 0; font-weight:500; color:#333;} #capacity.capacity_list .capacity_list_wrap li .capacity_list_con dl dd{float:left; width:490px; padding:5px 0 0;} #capacity.capacity_list .capacity_list_wrap li .capacity_list_con dl dd.capacity_list_intro{ display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:1.4; height:2.8em; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } #capacity.capacity_list .capacity_list_wrap li:hover .capacity_list_con .capacity_list_tit h3{color:#999;} #capacity.capacity_list .capacity_list_wrap li:hover .capacity_list_con .capacity_list_tit h2{color:#30b9a4;} #capacity.capacity_list .capacity_list_wrap li:hover .capacity_list_con .capacity_list_tit .capacity_list_play{background:#30b9a4;} /* /list */ /* view */ #capacity.capacity_view{position: relative; padding:55px 0 0;} #capacity.capacity_view .capacity_view_top > div:not(.ten_part_price_info){float:left;} #capacity.capacity_view .capacity_view_thumb_wrap{padding:5px 0 0;} #capacity.capacity_view .capacity_view_thumb{position:relative;} #capacity.capacity_view .capacity_view_thumb.new::before { content: ''; position: absolute; top: 0; right: 10px; width: 100px; height: 30px; background: no-repeat url("/images/common/icon_m_new.png"); z-index: 2; } #capacity.capacity_view .capacity_view_thumb img{position:relative; z-index:1;} #capacity.capacity_view .capacity_view_thumb .thumb_label{position:absolute; top:10px; right:10px; display:block; padding:6px 10px; background:#fff; border-radius:2px; z-index:2; font-weight:500; color:#ff5252;} #capacity.capacity_view .capacity_view_share{margin:20px 0 0;} #capacity.capacity_view .capacity_view_share strong{float:left; font-weight:500; color:#333; line-height:40px;} #capacity.capacity_view .capacity_view_share ul{float:right;} #capacity.capacity_view .capacity_view_share ul li{float:left; margin:0 0 0 10px;} #capacity.capacity_view .capacity_view_share ul li:first-child{margin:0;} #capacity.capacity_view .capacity_view_share ul li .share_btn{display:block; width:40px; height:40px; border-radius:50%; font-size:0; line-height:40px; text-align:center;cursor:pointer;} #capacity.capacity_view .capacity_view_share ul li .share_btn span.fonti{position:relative; left:1px; color:#fff;} #capacity.capacity_view .capacity_view_share ul li .share_btn.share_facebook{background:#4866a6;} #capacity.capacity_view .capacity_view_share ul li .share_btn.share_facebook span.fonti{position:relative; left:5px; font-size:18px;} #capacity.capacity_view .capacity_view_share ul li .share_btn.share_kakaotalk{background:#ffeb33;} #capacity.capacity_view .capacity_view_share ul li .share_btn.share_kakaotalk span.fonti{font-size:22px; color:#452c2a;} #capacity.capacity_view .capacity_view_share ul li .share_btn.share_instagram{background:url(/images/contents/insta_ico_bg.jpg) no-repeat center center / cover;} #capacity.capacity_view .capacity_view_share ul li .share_btn.share_instagram span.fonti{font-size:17px;} #capacity.capacity_view .capacity_view_share ul li .share_btn.share_link{background:#999;} #capacity.capacity_view .capacity_view_share ul li .share_btn.share_link span.fonti{font-size:17px;} #capacity.capacity_view .sec_btn_wrap{margin:20px 0 0;} #capacity.capacity_view .sec_btn_wrap .sec_btn{width:100%; margin:0; background:#666;} #capacity.capacity_view .sec_btn_wrap .sec_btn.white{background:#fff;border:1px solid #666;cursor:pointer;} #capacity.capacity_view .sec_btn_wrap .sec_btn.left {width:200px;position: relative;padding-left:20px;text-align:left;box-sizing: border-box;} #capacity.capacity_view .sec_btn_wrap .sec_btn.right {width:170px;margin-left:10px;padding-left:20px;position:relative;background:#999;text-align:left;} #capacity.capacity_view .sec_btn_wrap .sec_btn.none { padding:0;border:0; } #capacity.capacity_view .sec_btn_wrap .sec_btn span.fonti{position:absolute; top:50%; right:15px; font-size:20px; color:#fff; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } #capacity.capacity_view .capacity_view_con_wrap{width:500px; padding:0 0 0 40px;} #capacity.capacity_view .capacity_view_con_wrap h3{font-size:19px; font-weight:400; color:#999;} #capacity.capacity_view .capacity_view_con_wrap h3.color_green{color:#30b9a4;} #capacity.capacity_view .capacity_view_con_wrap h2{position:relative; font-size:30px; font-weight:700; color:#333; padding:3px 0 0 64px;} #capacity.capacity_view .capacity_view_con_wrap h2.normal{padding:3px 0 0;} #capacity.capacity_view .capacity_view_con_wrap h2 span.label{position:absolute; top:11px; left:0; display:block; padding:0px 10px 1px; background:#30b9a4; border-radius:2px; font-size:19px; font-weight:500; color:#fff;} #capacity.capacity_view .capacity_view_con_wrap > dl{margin:24px 0 0; padding:10px 0 16px; border-top:2px solid #30b9a4; border-bottom:1px solid #ddd;} #capacity.capacity_view .capacity_view_con_wrap > dl.mg0 {margin:0;} #capacity.capacity_view .capacity_view_con_wrap > dl dt{float:left; width:120px; padding:7px 0 0; font-weight:500; color:#333;} #capacity.capacity_view .capacity_view_con_wrap > dl dd{float:left; width:380px; padding:7px 0 0;} #capacity.capacity_view .capacity_view_con_wrap > dl.h30 dt, #capacity.capacity_view .capacity_view_con_wrap > dl.h30 dd{height:30px;} #capacity.capacity_view .capacity_view_con_wrap > dl dd.qty .minus, #capacity.capacity_view .capacity_view_con_wrap > dl dd.qty .plus{width:30px;height:28px;line-height:28px;border:1px solid #ddd;user-select:none;cursor:pointer;text-align:center;display:block;float:left;} #capacity.capacity_view .capacity_view_con_wrap > dl dd.qty .minus{border-right:none;} #capacity.capacity_view .capacity_view_con_wrap > dl dd.qty .plus{border-left:none;} #capacity.capacity_view .capacity_view_con_wrap > dl dd.qty input{width:50px;height:30px;border:1px solid #ddd;text-align:center;display:block;float:left;} #capacity.capacity_view .capacity_view_con_wrap > dl.mt10 dt, #capacity.capacity_view .capacity_view_con_wrap > dl.mt10 dd{margin:10px 0 0;} #capacity.capacity_view .capacity_view_con_wrap > dl.mt10 dt{clear:both;} .capacity_view_disable {width:500px;padding:10px 0;background-color:#f1f1f1;border-bottom: 1px solid #ddd;} .capacity_view_disable.border_top { border-top: 1px solid #ddd; } #capacity.capacity_view .capacity_view_select_wrap{padding:20px 0 20px; border-bottom:1px solid #ddd;} #capacity.capacity_view .capacity_view_select_wrap h4{float:left; width:120px; font-weight:500; color:#333; padding:7px 0 0;} #capacity.capacity_view .capacity_view_select_wrap ul{float:left; width:380px;} #capacity.capacity_view .capacity_view_select_wrap li{position:relative;} #capacity.capacity_view .capacity_view_select_wrap li input[type=radio]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;} #capacity.capacity_view .capacity_view_select_wrap li input[type=radio] + label{display:block; padding:7px 10px 7px; border:1px solid #ddd; border-radius:2px; cursor:pointer; box-sizing:border-box; font-size:13px; color:#999; } #capacity.capacity_view .capacity_view_select_wrap li input[type=radio] + label strong{position:relative; display:inline-block; padding:0 0 0 11px; margin:0 0 0 10px; color:#30b9a4;} #capacity.capacity_view .capacity_view_select_wrap li input[type=radio] + label strong:after{content:""; display:block; width:1px; height:10px; background:#ddd; position:absolute; top:50%; left:0; margin:-5px 0 0;} #capacity.capacity_view .capacity_view_select_wrap li input[type=radio] + label span.fonti{position:absolute; top:50%; right:10px; color:#fff; display:none; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } #capacity.capacity_view .capacity_view_select_wrap li input[type=radio]:checked + label{background:#30b9a4; border-color:#30b9a4; color:#fff;} #capacity.capacity_view .capacity_view_select_wrap li input[type=radio]:checked + label strong{color:#fff;} #capacity.capacity_view .capacity_view_select_wrap li input[type=radio]:checked + label strong:after{color:#fff;} #capacity.capacity_view .capacity_view_select_wrap li input[type=radio]:checked + label span.fonti{display:block;} #capacity.capacity_view .capacity_view_select01 li{float:left; width:140px; margin:0 0 0 10px;} #capacity.capacity_view .capacity_view_select01 li.w_auto{width:auto;} #capacity.capacity_view .capacity_view_select01 li:first-child{margin:0;} #capacity.capacity_view .capacity_view_select02 li{margin:10px 0 0;} #capacity.capacity_view .capacity_view_select02 li:first-child{margin:0;} #capacity.capacity_view .capacity_view_price, #mandatory.mandatory_view .capacity_view_price {text-align:right;} #capacity.capacity_view .capacity_view_price .payment_price, #mandatory.mandatory_view .payment_price {font-size:30px; font-weight:700; color:#ff5252;} #capacity.capacity_view .capacity_view_price .payment_price.green { color:#30b9a4; } #capacity.capacity_view .capacity_view_price .capacity_refund_type01{margin:22px 0 0;} #normalMultiSimpleInfo {position:absolute;top:60px;right:0;padding:3px 10px;background:#fff;font-size:13px;border:2px solid #30b9a4;color:#30b9a4;} /*#capacity.capacity_view .capacity_view_price .capacity_refund_type02{position:relative; display:none;} dev */ #capacity.capacity_view .capacity_view_price .capacity_refund_type02 ul{padding:17px 20px 16px; background:#f9f9f9; border-bottom:1px solid #ddd;} #capacity.capacity_view .capacity_view_price .capacity_refund_type02 ul li{padding:8px 0 0;} #capacity.capacity_view .capacity_view_price .capacity_refund_type02 ul li:first-child{padding:0;} #capacity.capacity_view .capacity_view_price .capacity_refund_type02 ul li > span{display:inline-block;} #capacity.capacity_view .capacity_view_price .capacity_refund_type02 ul li > span a{display:inline-block; font-weight:500; color:#ff5252;} #capacity.capacity_view .capacity_view_price .capacity_refund_type02 ul li .question_ico{top:-1px; background:#ff5252; margin:0 9px 0 0;cursor:pointer;} /* dev */ #capacity.capacity_view .capacity_view_price .capacity_refund_type02 ul li > strong{display:inline-block; min-width:80px; padding:0 0 0 20px; font-weight:500; color:#333;} #capacity.capacity_view .capacity_view_price .capacity_refund_type02 .payment_price{display:block; margin:22px 0 0;} #capacity.capacity_view .capacity_view_price .capacity_refund_type03{margin:22px 0 0; display:none;} #capacity.capacity_view .capacity_view_btn{margin:23px 0 0;} #capacity.capacity_view .capacity_view_btn .capacity_btn{float:right; position:relative; display:block; padding:14px 15px 13px; margin:0 0 0 10px; border:1px solid #bbb; box-sizing:border-box; border-radius:2px; cursor:pointer; color:#666; text-align:left;} #capacity.capacity_view .capacity_view_btn .capacity_btn span.fonti{position:absolute; top:50%; color:#999; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } #capacity.capacity_view .capacity_view_btn .capacity_btn.btn_favor{width:100px; margin:0;} #capacity.capacity_view .capacity_view_btn .capacity_btn.btn_favor span.fonti{font-size:16px; right:10px;} #capacity.capacity_view .capacity_view_btn .capacity_btn.btn_certifi{width:190px; border-color:#999; background:#999; color:#fff;} #capacity.capacity_view .capacity_view_btn .capacity_btn.btn_certifi span.fonti{font-size:22px; right:10px; color:#fff;} #capacity.capacity_view .capacity_view_btn .capacity_btn.btn_apply{width:190px; border-color:#5585eb; background:#5585eb; color:#fff;} #capacity.capacity_view .capacity_view_btn .capacity_btn.btn_apply.gray {border-color:#999;background:#999;} #capacity.capacity_view .capacity_view_btn .capacity_btn.btn_apply span.fonti{font-size:18px; color:#fff; right:14px;} #capacity.capacity_view .capacity_view_btn .capacity_btn.btn_myclass{width:190px; border-color:#30b9a4; background:#30b9a4; color:#fff;} #capacity.capacity_view .capacity_view_btn .capacity_btn.btn_myclass span.fonti{font-size:18px; color:#fff; right:14px;} #capacity.capacity_view .capacity_view_btn .capacity_apply_type01{} #capacity.capacity_view .capacity_view_btn .capacity_apply_type02{display:none;} #capacity.capacity_view .capacity_view_btn .capacity_apply_type03{display:none;} /* 10분클래스 상세 */ #capacity .ten_part_price_info { width:185px;font-size:13px;font-weight:500;color:#30b9a5;float:right; } #capacity .ten_category_wrap { clear:both;margin:30px 0 0; } #capacity .ten_category_wrap > ul { } #capacity .ten_category_wrap > ul > li.cate_name { height:50px;line-height:50px;border-bottom:1px solid #30b9a5;overflow:hidden;cursor:pointer; } #capacity .ten_category_wrap > ul > li.cate_name > dt { padding:0 0 0 20px;color:#30b9a5;font-weight:500;float:left; } #capacity .ten_category_wrap > ul > li.cate_name > dd { padding:0 20px 0;color:#30b9a5;float:right; } #capacity .ten_category_wrap > ul > li.cate_name > dd > span.fonti:before { content:"\e773"; } #capacity .ten_category_wrap > ul > li.chapters { position: relative;transition:all .5s ease-in-out;overflow:hidden; } #capacity .ten_category_wrap > ul > li.chapters > h3 { position:relative;margin:10px 0 10px 5px; } #capacity .ten_category_wrap > ul > li.chapters > dl { margin:0 20px 20px 0;float:left; } #capacity .ten_category_wrap > ul > li.chapters > dl:nth-child(4n+1) { margin:0 0 20px 0; } #capacity .ten_category_wrap > ul > li.chapters > dl > dt { position:relative;cursor:pointer; } #capacity .ten_category_wrap > ul > li.chapters > dl.on > dt:after { content:'';position:absolute;top:0;left:0;width:calc(100% - 10px);height:calc(100% - 10px);border:5px solid #30b9a4; } #capacity .ten_category_wrap > ul > li.chapters > dl.on > dt:before { content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#30b9a4;opacity:.2; } #capacity .ten_category_wrap > ul > li.chapters > dl.already > dt { opacity:.2; } #capacity .ten_category_wrap > ul > li.chapters > dl.already > dt:after { content:'';position:absolute;top:0;left:0;width:calc(100% - 10px);height:calc(100% - 10px);border:5px solid #000;opacity:.2; } #capacity .ten_category_wrap > ul > li.chapters > dl.already > dt { cursor:auto; } #capacity .ten_category_wrap > ul > li.chapters > dl.already > dd { cursor:auto; } #capacity .ten_category_wrap > ul > li.chapters > dl > dt > img { width:220px;height:165px; } #capacity .ten_category_wrap > ul > li.chapters > dl > dd { width:220px;margin:8px 0 0;font-size:13px; } #capacity .ten_category_wrap > ul > li.chapters > dl > dd > .price { margin:0 0 0 23px;color:#aaa;font-size:11px;cursor:pointer; } #capacity .ten_category_wrap > ul.off > li.cate_name { border-bottom:2px solid #ddd; } #capacity .ten_category_wrap > ul.off > li.cate_name > dt, #capacity .ten_category_wrap > ul.off > li.cate_name > dd { color:#999; } #capacity .ten_category_wrap > ul.off > li.cate_name > dd > span.fonti:before { content:"\e776" } #capacity .ten_category_wrap > ul.off > li.chapters { height:0;transition:all .5s ease-in-out; } #capacity .ten_category_wrap li.chapters .checkbox_wrap > label > .fonti { position:absolute;top:1px;left:0; } #capacity .ten_category_wrap li.chapters .checkbox_wrap > label > .name { margin:0 0 0 23px;display:block; } #selectOrder { position:absolute;top:229px;right:0;width:190px;z-index:3; } #selectOrder .payment_price { text-shadow:-2px 0 white,0 2px white,2px 0 white,0 -2px white; } .open_list_btn { position: absolute; bottom: 15px; left: 15px; width: 68px; height: 68px; } .open_list_btn i { position: absolute; top: 18px; left: 8px; color: #fff; font-size: 13px; text-align: center; line-height: 15px; } .open_detail_btn { display: inline-block; position: absolute; top: 15px; left: 0; font-size: 16px; line-height: 35px; } .open_detail_btn span { display: inline-block; width: 180px; height: 35px; padding-left: 40px; border-radius: 5px; background: #ea546d url("/images/contents/icon_open_btn.png") no-repeat left 10px center; color: #fff; box-sizing: border-box; } .open_detail_btn.list { top: 0;left: 170px;font-size: 12px;line-height: 30px; } .open_detail_btn.list span { background: #ea546d; width:120px; height: 30px;padding: 0;text-align: center; } .open_detail_btn.list span:before { content:'◀';position:absolute;top:0;left:-10px;color:#ea546d; } .certificate_list_btn { position: absolute; bottom: 10px; left: 15px; width: 65px; height: 75px; } .certificate_list_btn i { position: absolute; top: 25px; left: 16px; font-size: 12px; text-align: center; line-height: 15px; color: #333; font-weight: 500; } .certificate_detail_btn { display: inline-block; position: absolute; top: 15px; left: 0; font-size: 16px; line-height: 32px; } .certificate_detail_btn span { display: inline-block; width: 130px; height: 32px; padding-left: 40px; border-radius: 5px; background: #f6900c url("/images/contents/icon_certificate_btn.png") no-repeat left 10px center; color: #fff; box-sizing: border-box; } .certificate_detail_btn.list { position: relative; top: 0; left: 0; } .event_detail_btn { display: inline-block; position: absolute; top: 15px; left: 0; font-size: 16px; line-height: 35px; text-align: center; } .event_detail_btn span { display: inline-block; width: 130px; height: 35px; padding-left: 25px; border-radius: 5px; background: #fe4080 url("/images/contents/icon_event_btn.png") no-repeat left 10px center; color: #fff; box-sizing: border-box; } .refund_badge { position: absolute; top: 22px; left: 440px; } .refund_badge > span { padding:5px 10px;font-size:11px;color:#fff;display:inline-block; } .refund_badge > span.employ { background:#2fa00d; } .refund_badge > span.corp { background:#2e6da4; } .refund_badge > span.naeil { background:#dd53a0; } /* /view */ /* detail */ #capacity.capacity_view .capacity_view_bottom{margin:60px 0 0; border-top:2px solid #ddd;} #capacity.capacity_view .capacity_view_bottom #subTab ul li{width:25%;} #capacity.capacity_view .capacity_view_tab_wrap{} #capacity.capacity_view .capacity_view_tab_con{display:none;} #capacity.capacity_view .capacity_view_tab_con.on{display:block;} #capacity.capacity_view .capacity_editor_wrap{padding:40px 0 0;} #capacity.capacity_view table.sec_table.sec_table_type04 tbody th{padding:10px; background:#f9f9f9; text-align:center; color:#333;} /* dev */ #capacity.capacity_view .capacity_guide_wrap{padding:40px 0 0;} #capacity.capacity_view .capacity_guide_wrap p{border:1px solid #ddd; background:#f9f9f9; color:#ff5252; text-align:center; padding:16px 20px;} #capacity.capacity_view .capacity_guide_wrap table.sec_table.sec_table_type04{border-top:1px solid #ddd; margin:30px 0 0;} /* detail */ /* apply */ #capacity .capacity_apply_sec01{padding:55px 0 0;} #capacity .capacity_apply_sec01 table.sec_table.sec_table_type04{margin:17px 0 0; border-top:2px solid #30b9a4;} #capacity .capacity_apply_sec01 table.sec_table.sec_table_type04.border_top_none{border-top:1px solid #ddd;} #capacity .capacity_apply_sec01 table.sec_table.sec_table_type04 tbody td strong{font-size:15px; font-weight:500; color:#333;} #capacity .capacity_apply_sec01 table.sec_table.sec_table_type04 tbody td.sec_inner_table_wrap strong{font-size:13px; color:#ff5252;} #capacity .capacity_apply_sec02{margin:40px 0 0; padding:15px 20px; border:1px solid #ddd; background:#f9f9f9;} #capacity .capacity_apply_sec02 .sec_tit01{float:left; padding:4px 14px 5px 0;} #capacity .capacity_apply_sec02 .sec_btn_wrap{float:left;} #capacity .capacity_apply_sec02 .sec_btn_wrap .sec_btn{width:70px; padding:7px 10px 7px; margin:0; font-size:13px;} #capacity .capacity_apply_sec02 .checkbox_wrap{float:right; padding:6px 0 5px;} #capacity .capacity_apply_sec03{margin:40px 0 0;} #capacity .capacity_apply_sec04{margin:35px 0 0;} #capacity .capacity_apply_sec04 .sec_tit01{position:relative;} #capacity .capacity_apply_sec04 .sec_tit01 span{position:absolute; bottom:0; right:0; font-size:13px; color:#ff5252;} #capacity .capacity_apply_sec04 table.sec_table.sec_table_type01{margin:17px 0 0;} #capacity .capacity_apply_sec0402 table.sec_table.sec_table_type01 + .sec_tit01{margin:35px 0 0;} #capacity .capacity_apply_sec04 table.sec_table.sec_table_type04{margin:17px 0 0; border-top:2px solid #30b9a4;} #capacity .capacity_apply_sec04 .sec04_btn_wrap { margin-top: 15px; text-align: center; } #capacity .capacity_apply_sec04 .sec04_btn_wrap .sec04_btn { display: inline-block; width: 120px; padding: 7px 0 7px; border-radius: 2px; text-align: center; background: #30b9a4; color: #fff; cursor: pointer; } #capacity .capacity_apply_sec05{margin:35px 0 0;} #capacity .capacity_apply_sec05 .sec_list01{margin:17px 0 0;padding:17px 20px 16px; border:1px solid #ddd; background:#f9f9f9;} #capacity .capacity_apply_sec0501 .sec_list01 dd + dt{margin:13px 0 0;} #capacity .capacity_apply_sec0503{padding:5px 0 0;} #capacity .capacity_apply_sec0503 .sec_list01{margin:0;} #capacity .capacity_apply_sec05 .sec_btn_wrap{margin:40px 0 0;} .tb_del { color: #fa4b4b; cursor: pointer; text-decoration: underline; } /* /apply */ /* complete */ #capacity .capacity_complete_sec01{padding:99px 0 0; text-align:center;} #capacity .capacity_complete_sec01.pt70 {padding-top:70px;} #capacity .capacity_complete_sec01 span.fonti{font-size:60px; color:#30b9a4;} #capacity .capacity_complete_sec01 .sec_tit02{margin:22px 0 0;} #capacity .capacity_complete_sec01 p{font-size:17px; margin:10px 0 0;} #capacity .capacity_complete_sec01 p span{font-size:15px; color:#999;} #capacity .capacity_complete_sec01 p + p{margin:1px 0 0;} #capacity .capacity_complete_sec01 .capacity_complete_fail span.fonti{color:#ff5252; margin:-2px 0 0;} #capacity .capacity_complete_sec01 .capacity_complete_fail .sec_tit02{color:#ff5252; margin:20px 0 0;} #capacity .capacity_complete_sec02{margin:92px 0 0;} #capacity .capacity_complete_sec02.mg0 {margin:0;} #capacity .capacity_complete_sec02 table.sec_table.sec_table_type04{margin:17px 0 0; border-top:2px solid #30b9a4;} #capacity .capacity_complete_sec02 table.sec_table.sec_table_type04 tbody td.sec_inner_table_wrap strong{font-weight:500; color:#ff5252;} #capacity .capacity_complete_sec03{margin:35px 0 0;} #capacity .capacity_complete_sec03 table.sec_table.sec_table_type03{margin:17px 0 0;} #capacity .capacity_complete_sec03 table.sec_table.sec_table_type03 tbody td strong{font-weight:500; color:#ff5252;} #capacity .capacity_complete_sec04{margin:35px 0 0;} #capacity .capacity_complete_sec04 .capacity_complete_sec03_wrap{margin:17px 0 0; padding:17px 20px 16px; background:#f9f9f9; border:1px solid #ddd;} #capacity .capacity_complete_sec04 .capacity_complete_sec03_wrap .sec_list01 + .sec_list01{margin:13px 0 0;} #capacity .capacity_complete_sec04 .sec_btn_wrap{margin:40px 0 0;} /* /complete */ /********** /Capacity **********/ /********** view **********/ .mandatory_view{} .mandatory_view_top{ position: relative; } .mandatory_view_top > div{float:left;} .mandatory_view_top .mandatory_view_thumb_wrap{position:relative;width:400px; padding:60px 0 0;} .mandatory_view_top .mandatory_view_thumb_wrap.new::before { content: ''; position: absolute; top: 60px; right: 10px; width: 100px; height: 30px; background: no-repeat url("/images/common/icon_m_new.png"); z-index: 2; } .mandatory_view_top .mandatory_view_thumb_wrap img{display:block; width:100%;} .mandatory_view_top .mandatory_view_con_wrap{width:500px; padding:55px 0 0 40px;} .mandatory_view_top .mandatory_view_con_wrap h3{font-size:19px; font-weight:500; color:#30b9a4;} .mandatory_view_top .mandatory_view_con_wrap h2{font-size:30px; font-weight:700; color:#333; margin:4px 0 0;} .mandatory_view_top .mandatory_view_con_wrap dl{margin:24px 0 0; padding:10px 0 16px; border-top:2px solid #30b9a4;} .mandatory_view_top .mandatory_view_con_wrap dl dt{float:left; width:120px; padding:7px 0 0; font-weight:500; color:#333;} .mandatory_view_top .mandatory_view_con_wrap dl dd{float:left; width:380px; padding:7px 0 0;} .mandatory_view_top .mandatory_view_con_wrap .mandatory_btn_wrap{margin:30px 0 0;} .mandatory_view_top .mandatory_view_con_wrap .mandatory_btn_wrap .mandatory_btn{float:right; position:relative; display:block; width:245px; padding:15px 15px 14px; margin:0 0 0 10px; box-sizing:border-box; border-radius:2px; cursor:pointer; color:#fff; text-align:left;} .mandatory_view_top .mandatory_view_con_wrap .mandatory_btn_wrap .mandatory_btn span.fonti{position:absolute; top:50%; color:#fff; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .mandatory_view_top .mandatory_view_con_wrap .mandatory_btn_wrap .mandatory_btn.btn_certifi{background:#999; margin:0;} .mandatory_view_top .mandatory_view_con_wrap .mandatory_btn_wrap .mandatory_btn.btn_certifi span.fonti{font-size:22px; right:10px;} .mandatory_view_top .mandatory_view_con_wrap .mandatory_btn_wrap .mandatory_btn.btn_apply{background:#5585eb;} .mandatory_view_top .mandatory_view_con_wrap .mandatory_btn_wrap .mandatory_btn.btn_apply.complete{background:#999;} .mandatory_view_top .mandatory_view_con_wrap .mandatory_btn_wrap .mandatory_btn.btn_apply span.fonti{font-size:18px; right:14px;} .mandatory_view_bottom{border-top:2px solid #ddd; margin:60px 0 0;} .mandatory_view_bottom .mandatory_view_bottom_sec01{padding:35px 0 0;} .mandatory_view_bottom .mandatory_view_bottom_sec01 .sec_list01{margin:17px 0 0; padding:17px 20px 16px; border:1px solid #ddd; background:#f9f9f9;} .mandatory_view_bottom .mandatory_view_bottom_sec01 .sec_list01 dd + dd{margin-left:14px;} .mandatory_view_bottom .mandatory_view_bottom_sec02 table.sec_table th{padding:35px 0 0; vertical-align:top; font-size:17px; font-weight:500; color:#333;} .mandatory_view_bottom .mandatory_view_bottom_sec02 table.sec_table td{padding:37px 0 36px;} .mandatory_view_bottom .mandatory_view_bottom_sec02 table.sec_table td.teacher_list_wrap{padding:0 0 40px;} .mandatory_view_bottom .mandatory_view_bottom_sec02 table.sec_table td.teacher_list_wrap .teacher_list li{width:100%;} .mandatory_view_bottom .mandatory_view_bottom_sec02 table.sec_table td .sec_list01 li.required{color:#ff5252;} .mandatory_view_bottom .mandatory_view_bottom_sec02 table.sec_table td .sec_list01 li.required:after{background:#ff5252;} .mandatory_view_bottom .mandatory_view_bottom_sec02 table.sec_inner_table th{font-size:15px; font-weight:400; text-align:center; padding:15px; border-left:1px solid #ddd; vertical-align:middle;} .mandatory_view_bottom .mandatory_view_bottom_sec02 table.sec_inner_table tbody td{height:auto; padding:15px; border-left:1px solid #ddd; vertical-align:middle;} .mandatory_view_bottom .mandatory_view_bottom_sec03{margin:35px 0 0;} .mandatory_view_bottom .mandatory_view_bottom_sec03 table.sec_table{margin:17px 0 0;} /********** /view **********/ /********** Capacity_Ing **********/ /* list */ #myclass { position:relative;min-height:900px; } #myclass .capacity_ing_list_sec01 table.sec_table.sec_table_type04 tbody td:first-child + td{border-left:0;} #myclass .capacity_ing_list_sec01 table.sec_table.sec_table_type04 .sec_table_btn + .sec_table_btn{margin:5px 0 0;} #myclass .capacity_ing_list_sec02{margin:40px 0 0;} #myclass .capacity_ing_list_sec02 table.sec_table.sec_table_type04{border-top:2px solid #30b9a4;} #myclass .capacity_ing_list_sec02 table.sec_table.sec_table_type04 tbody td.bdl_none{border-left:0;} /* /list */ /* view */ #myclass .capacity_ing_view_sec01{position:relative;padding:40px 0 0;} #myclass .capacity_ing_view_sec01 table.sec_table.sec_table_type03{margin:15px 0 0;} #myclass .btn_note {position:absolute;top:15x;left:170px;} #myclass .capacity_ing_view_sec02{margin:40px 0 0;} #myclass .capacity_ing_view_sec02 > ul{float:left; width:450px;} #myclass .capacity_ing_view_sec02 > ul > li{float:left;} #myclass .capacity_ing_view_sec0201{position:relative;padding:15px 0 0;} #myclass .capacity_ing_view_sec0201.pd0{padding:0;} #myclass .capacity_ing_view_sec0201 > li{width:205px;} #myclass .capacity_ing_view_sec0201 > li .sec_tit01{position:relative;} #myclass .capacity_ing_view_sec0201 > li .sec_tit01 span{position:absolute; bottom:-1px; right:0; font-size:13px; font-weight:400;} #myclass .capacity_ing_view_sec0201 > li .bar_wrap{position:relative; width:100%; height:10px; background:#eaeaea; border-radius:5px; margin:12px 0 0;} #myclass .capacity_ing_view_sec0201 > li .bar_wrap.mt6 {margin-top:6px;} #myclass .capacity_ing_view_sec0201 > li .bar_wrap .bar{position:absolute; top:0; left:0; height:100%; border-radius:5px;} #myclass .capacity_ing_view_sec0201 > li.grn .sec_tit01 span{color:#5585eb;} #myclass .capacity_ing_view_sec0201 > li.grn .bar_wrap .bar{background:#5585eb;} #myclass .capacity_ing_view_sec0201 > li.blu{margin:0 0 0 40px;} #myclass .capacity_ing_view_sec0201 > li.blu .sec_tit01 span{color:#30b9a4;} #myclass .capacity_ing_view_sec0201 > li.blu .bar_wrap .bar{background:#30b9a4;} #myclass .capacity_ing_view_sec0201 > .end_persent{position:absolute;top:-5px;right:5px;color:#5585eb;font-size:13px;} #myclass .capacity_ing_view_sec0202{margin:0 0 0 40px; text-align:center;} #myclass .capacity_ing_view_sec0202 > li{width:215px; margin:0 0 0 20px; padding:17px 0 16px; background:#f9f9f9; border-radius:2px;} #myclass .capacity_ing_view_sec0202 > li h2{text-align:center;} #myclass .capacity_ing_view_sec0202 > li p{font-size:19px; font-weight:500; color:#5585eb; margin:1px 0 0;} #myclass .capacity_ing_view_sec0202 > li.grn{margin:0; background:#5585eb;} #myclass .capacity_ing_view_sec0202 > li.grn h2, #myclass .capacity_ing_view_sec0202 > li.grn p{color:#fff;} #myclass .capacity_ing_view_sec03{margin:40px 0 0;} #myclass .capacity_ing_view_sec03 table.sec_table.sec_table_type04{border-top:2px solid #30b9a4;} #myclass .capacity_ing_view_sec03 .sec_btn_wrap{margin:40px 0 0;} .capacity_ing_view_sec04{margin:40px 0 0; border-top:2px solid #ddd;} .capacity_ing_view_sec04 .sec_tab li{width:16.6%;} .capacity_ing_view_sec04 iframe{display:block; width:100%;} #myclass .event_parents_study_disable { margin:20px 0 30px 0;padding:20px 0;line-height:30px;background:#f0f0f0;text-align:center; } .book_btn_list li { margin-bottom: 5px;} .book_btn_list li:last-child { margin-bottom: 0; } /* /view */ /* tab */ .capacity_ing_view_sec0401 table.sec_table.sec_table_type04 tbody td{position:relative;} .capacity_ing_view_sec0401 .hover_desc, .capacity_ing_view_sec0401 .hover_sub{position:absolute; bottom:52px; right:-1px; background:#fff; border:2px solid #30b9a4; width:377px; box-sizing:border-box; z-index:2; display:none;} .capacity_ing_view_sec0401 .hover_sub.final{width:280px;bottom:88px;right:10px;text-align:center;} .capacity_ing_view_sec0401 .hover_sub.mid{width:280px;right:10px;text-align:center;} .capacity_ing_view_sec0401 .hover_desc p, .capacity_ing_view_sec0401 .hover_sub p{padding:17px 20px; text-align:left;} .capacity_ing_view_sec0401 .hover_desc p strong, .capacity_ing_view_sec0401 .hover_sub p strong{font-weight:500; color:#ff5252;} .capacity_ing_view_sec0401 table.sec_table .sec_table_btn{width:100%; box-sizing:border-box;} .capacity_ing_view_sec0401 table.sec_table .sec_table_btn + .sec_table_btn{margin:5px 0 0;} .capacity_ing_view_sec0401 table.sec_table .sec_table_btn:hover + .hover_desc{display:block;} .capacity_ing_view_sec0401 table.sec_table .sec_table_btn.hover_sub_btn:hover + .hover_sub{display:block;} .capacity_ing_view_sec0401 table.sec_table.sec_table_type04 tbody.capacity_ing_view_test_wrap td{border-left:0; background:#f9f9f9;} .capacity_ing_view_sec0401.border_top, .capacity_ing_view_sec0405.border_top { margin-top:20px;border-top:2px solid #ddd; } .capacity_ing_view_test_wrap .text_sub_study {position: absolute;bottom:17px;left:-285px;color:#30b9a4;} .capacity_ing_view_sec0402 .board_search_wrap{padding:20px 0 0;} .capacity_ing_view_sec0402 .board_view_wrap{padding:33px 0 0;} .capacity_ing_view_sec0403 .board_search_wrap{padding:20px 0 0;} .capacity_ing_view_sec0403 .board_search_wrap .select_wrap select{width:200px;} .capacity_ing_view_sec0404 .board_search_wrap{padding:20px 0 0;} .capacity_ing_view_sec0405 .board_list_wrap{margin:0;} .capacity_ing_view_sec0405 .board_list_wrap table.sec_table.sec_table_type02{border:0;} .capacity_ing_view_sec0405 .board_view_wrap{padding:35px 0 0;} .capacity_ing_view_sec0405 .board_view_wrap .sec_btn_wrap{border:0;} .capacity_ing_view_sec0406{padding:20px 0 0;} .capacity_ing_view_sec0406 .sec_warning p strong{font-weight:500; color:#ff5252;} .capacity_ing_view_sec0406 .board_list_wrap table.sec_table.sec_table_type02 tbody td strong.board_tit{font-weight:400; color:#999; cursor:default;} /* /tab */ /* learn */ #myclass .capacity_ing_learn_sec01{padding:55px 0 0;} #myclass .capacity_ing_learn_sec01 table.sec_table.sec_table_type03{margin:17px 0 0;} #myclass .capacity_ing_learn_sec01 .sec_inner_table_wrap .sec_inner_table thead th{text-align:center;} #myclass .capacity_ing_learn_sec01 .sec_inner_table_wrap .sec_inner_table tbody td{height:auto; text-align:center;} #myclass .capacity_ing_learn_sec01 .sec_inner_table_wrap .sec_inner_table tbody td:first-child{border-left:0;} #myclass .capacity_ing_learn_sec02{margin:40px 0 0;} #myclass .capacity_ing_learn_sec02 .sec_tit01{float:left; padding:7px 0 10px;} #myclass .capacity_ing_learn_sec02 .completion_guide{float:right;} #myclass .capacity_ing_learn_sec03{margin:40px 0 0; border-top:2px solid #ddd;} #myclass .capacity_ing_learn_sec03 .sec_tab li{width:157px;} #myclass .capacity_ing_learn_sec03 .sec_tab li:first-child, #myclass .capacity_ing_learn_sec03 .sec_tab li:last-child{width:156px;} #myclass .capacity_ing_learn_sec03 .capacity_learn_tab_con{display:none;} #myclass .capacity_ing_learn_sec03 .capacity_learn_tab_con.on{display:block;} #myclass .capacity_ing_learn_sec03 .capacity_learn_tab_con iframe{width:100%;} /* /learn */ /* tab */ #myclass .capacity_ing_learn_sec03 .capacity_learn_chapter{padding:40px 0 0;} #myclass .capacity_ing_learn_sec03 .capacity_learn_chapter + .capacity_learn_chapter{padding:0;} #myclass .capacity_ing_learn_sec03 .capacity_learn_chapter > .sec_tit01{color:#fff; padding:12px 20px 11px; background:#bbb; font-size:15px; font-weight:400;} #myclass .capacity_ing_learn_sec03 .capacity_learn_chapter .test_wrap{padding:15px 20px; border-bottom:1px solid #ddd; background:#f9f9f9;} #myclass .capacity_ing_learn_sec03 .capacity_learn_chapter .test_wrap .sec_tit01{float:left; font-size:15px; padding:10px 0 9px;} #myclass .capacity_ing_learn_sec03 .capacity_learn_chapter .test_wrap .sec_btn_wrap{float:right;} #myclass .capacity_ing_learn_sec03 .capacity_learn_chapter .test_wrap .sec_btn_wrap .sec_btn{width:120px; padding:10px 0 9px; margin:0;} #myclass .capacity_ing_learn_sec03 .capacity_learn_survey_wrap table.sec_table.sec_table_type04 tbody th{padding:10px;} #myclass .capacity_ing_learn_sec03 .capacity_learn_survey_wrap table.sec_table.sec_table_type04 tbody th strong{font-size:15px; color:#bbb;} #myclass .capacity_ing_learn_sec03 .capacity_learn_survey_wrap table.sec_table.sec_table_type04 tbody th a{display:block; font-size:15px; font-weight:500; color:#5585eb;} #myclass .capacity_ing_learn_sec03 .capacity_learn_data_wrap table.sec_table.sec_table_type04 tbody th{padding:10px; border-left:1px solid #ddd;} #myclass .capacity_ing_learn_sec03 .capacity_learn_data_wrap table.sec_table.sec_table_type04 tbody th .download_btn{display:block; font-size:15px; font-weight:500; color:#333; cursor:pointer;} #myclass .capacity_ing_learn_sec03 .capacity_learn_data_wrap table.sec_table.sec_table_type04 tbody th .download_btn strong{display:inline-block;} #myclass .capacity_ing_learn_sec03 .capacity_learn_data_wrap table.sec_table.sec_table_type04 tbody th .download_btn span.fonti{position:relative; top:-1px; margin:0 0 0 11px; color:#30b9a4;} #myclass .capacity_ing_learn_sec03 .capacity_learn_notice_wrap table.sec_table.sec_table_type04 tbody th{padding:10px; border-left:1px solid #ddd;} #myclass .capacity_ing_learn_sec03 .capacity_learn_notice_wrap table.sec_table.sec_table_type04 tbody th a{font-size:15px; font-weight:500; color:#333;} /* /tab */ /********** /Capacity_Ing **********/ /********** Mandatory_Ing **********/ #myclass .mandatory_ing_sec01{padding:40px 0 0;} #myclass .mandatory_ing_sec02{margin:40px 0 0;} #myclass .mandatory_ing_sec02 table.sec_table.sec_table_type04{border-top:2px solid #30b9a4;} #myclass .mandatory_ing_sec02 .sec_inner_table_wrap .sec_inner_table thead th{font-size:15px; font-weight:500; color:#333; text-align:left;} #myclass .mandatory_ing_sec02 .sec_inner_table_wrap .sec_inner_table tbody th strong.lecture_tit{font-size:13px; font-weight:400; color:#666;} #myclass > .mandatory_ing_sec02 > table.special > tbody > tr > td { padding:10px 0;border-bottom:2px solid #ddd; } #myclass > .mandatory_ing_sec02 > table.special > tbody > tr > td.scription { padding:20px;text-align:left;line-height:23px; } table.special_inner tbody tr:last-child td { border-bottom:none; } /********** /Mandatory_Ing **********/ /********** Capacity_End **********/ #myclass .capacity_end_sec01{margin:40px 0 0;} #myclass .capacity_end_sec01 .sec_list01 li{color:#ff5252;} #myclass .capacity_end_sec01 .sec_list01 li:after{background:#ff5252;} #myclass .capacity_end_sec02{margin:40px 0 0;} #myclass .capacity_end_sec02 table.sec_table.sec_table_type04{border-top:2px solid #30b9a4;} /********** /Capacity_Ing **********/ /********** Mandatory_End **********/ .mandatory_end_sec01 table.sec_table tbody td strong.lecture_tit{padding:5px;} /********** /Mandatory_End **********/ /********** Inquiry **********/ .inquiry_list{padding:20px 0 0;} .inquiry_list .board_list_wrap table.sec_table.sec_table_type02 tbody td .board_tit span.fonti{position:relative; top:-2px; right:0; color:#bbb; margin:0 8px 0 0;} .inquiry_view{padding:53px 0 0;} .inquiry_view .board_view_wrap .inquiry_view_answer + .sec_btn_wrap{border:0;} .inquiry_check .inquiry_check_sec01{padding:100px 0 0;} .inquiry_check .inquiry_check_sec01 .inquiry_check_sec0101{text-align:center;} .inquiry_check .inquiry_check_sec01 .inquiry_check_sec0101 span.fonti{width:100px; line-height:100px; background:#30b9a4; border-radius:50%; text-align:center; font-size:50px; color:#fff;} .inquiry_check .inquiry_check_sec01 .inquiry_check_sec0101 span.fonti:before{position:relative; left:4px;} .inquiry_check .inquiry_check_sec01 .inquiry_check_sec0101 .sec_tit01{text-align:center; margin:35px 0 0;} .inquiry_check .inquiry_check_sec01 .inquiry_check_sec0101 .sec_tit01 strong{color:#30b9a4;} .inquiry_check .inquiry_check_sec01 .inquiry_check_sec0102{padding:0 235px; margin:37px 0 0;} .inquiry_check .inquiry_check_sec01 .inquiry_check_sec0102 > input{width:100%; padding:14px 10px 13px;} .inquiry_check .inquiry_check_sec01 .inquiry_check_sec0102 .sec_btn_wrap{margin:10px 0 0;} .inquiry_check .inquiry_check_sec01 .inquiry_check_sec0102 .sec_btn_wrap .sec_btn{width:100%; margin:0;} /********** /Inquiry **********/ /********** Certificate **********/ .certificate_sec01{position:relative;padding:20px 0 0;} .certificate_sec01 select {border:2px solid #30b9a4;color:#1f9d89;} .certificate_sec01 .info_text{position:absolute;right:0;bottom:-14px;padding:0 10px;background:#30b9a4;color:#fff;font-size:11px;} .certificate_sec01 .sec_list01{float:left;} .certificate_sec01 .select_wrap{float:right; padding:2px 0 0;} .certificate_sec01 .select_wrap select{width:120px;} .certificate_sec01.nurinori{font-size:13px;} .certificate_sec01.nurinori .btn {padding:4px 9px;font-size:12px;} .certificate_sec02{margin:20px 0 0;} .certificate_sec02 table.sec_table.sec_table_type04{border-top:2px solid #30b9a4;} .certificate_sec02 table.sec_table.sec_table_type04 .sec_table_btn{width:100%; box-sizing:border-box;} .certificate_sec02 table.sec_table.sec_table_type04 .sec_table_btn + .sec_table_btn{margin:5px 0 0;} /********** /Certificate **********/ /********** BoardSearch **********/ .board_search_wrap{font-size:0; text-align:right;} .board_search_wrap .select_wrap select{width:120px;} .board_search_wrap input[type=text]{margin:0 0 0 10px;} .board_search_wrap .sec_btn_wrap{display:inline-block; margin:0 0 0 10px;} .board_search_wrap .sec_btn_wrap .sec_btn{width:80px; padding:10px 0 9px; margin:0;} /********** /BoardSearch **********/ /********** BoardList **********/ .board_list_wrap{margin:20px 0 0;} .board_list_wrap table.sec_table.sec_table_type02 tbody td .board_tit{display:block; width:550px; color:#337ab7; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer;} .board_list_wrap table.sec_table.sec_table_type02 tbody td .board_tit.w490 {width:490px;} .board_list_wrap table.sec_table.sec_table_type02 tbody td .board_tit.w570 {width:570px;} .board_list_wrap table.sec_table.sec_table_type02 tbody td .board_tit:hover {text-decoration: underline;} .board_list_wrap table.sec_table.sec_table_type02 tbody td span.board_list_download_btn{display:block; font-size:0; text-align:center; cursor:pointer;} .board_list_wrap table.sec_table.sec_table_type02 tbody td span.board_list_download_btn span.fonti{position:relative; top:0; font-size:17px; color:#30b9a4;} /********** /BoardList **********/ /********** BoardView **********/ .board_view_wrap table.sec_table.sec_table_type03{margin:15px 0 0;} .board_view_wrap table.sec_table.sec_table_type03 tbody th{text-align:center;} .board_view_wrap .board_view_con{padding:30px;line-height:30px;} .board_view_wrap .board_view_con.border_top_green{margin: 15px 0 0;border-top:2px solid #30b9a4;} .board_view_wrap .board_view_con img{max-width:100%;} .board_view_wrap .board_view_download_wrap{border-top:1px solid #ddd; background:#f9f9f9; padding:25px 30px 26px;} .board_view_wrap .board_view_download_wrap:after{content:""; display:block; clear:both;} .board_view_wrap .board_view_download_wrap .sec_tit01{float:left;} .board_view_wrap .board_view_download_wrap .sec_list01{float:left; margin:0 0 0 30px; padding:2px 0 0;} .board_view_wrap .board_view_download_wrap .sec_list01 li{margin:8px 0 0;} .board_view_wrap .board_view_download_wrap .sec_list01 li:first-child{margin:0;} .board_view_wrap .board_view_download_wrap .sec_list01 .board_view_download_btn{cursor:pointer;} .board_view_wrap .board_view_download_wrap .sec_list01 .fonti.um-download-o{position:relative; top:-1px; color:#30b9a4; margin:0 10px 0 0;} .board_view_wrap .sec_btn_wrap{border-top:1px solid #ddd; padding:40px 0 0;} /********** /BoardView **********/ /********** BoardPreview **********/ .board_view_preview{border-top:1px solid #ddd; margin:40px 0 0; padding:17px 0 0;} .board_view_preview:after{content:""; display:block; clear:both;} .board_view_preview > div{position:relative;} .board_view_preview > div:after{content:""; display:block; clear:both;} .board_view_preview > div span.fonti{width:30px; height:30px; margin:6px 0 0; border:1px solid #30b9a4; border-radius:50%; text-align:center; font-size:10px; color:#30b9a4; line-height:30px;} .board_view_preview > div span.fonti:before{position:relative; left:2px;} .board_view_preview > div dl dt{color:#999;} .board_view_preview > div dl dd{width:235px; margin:3px 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:500; color:#333;} .board_view_preview .prev_wrap{float:left;} .board_view_preview .prev_wrap span.fonti{float:left;} .board_view_preview .prev_wrap dl{float:left; margin:0 0 0 20px;} .board_view_preview .next_wrap{float:right; text-align:right;} .board_view_preview .next_wrap span.fonti{float:right;} .board_view_preview .next_wrap dl{float:right; margin:0 20px 0 0;} /********** /BoardPreview **********/ /********** BoardWrite **********/ .board_write_wrap table.sec_table.sec_table_type01{border:0;} .board_write_wrap .board_write_tit_wrap input[type=text]{width:100%;} .board_write_wrap .board_write_radio_wrap td{height:40px; vertical-align:middle;} .board_write_wrap .board_write_radio_wrap .radio_wrap + .radio_wrap{margin:0 0 0 16px;} .board_write_wrap .board_write_editer_wrap td{border-bottom:0; padding:30px 0 0;} .board_write_wrap .sec_btn_wrap{margin:30px 0 0;} /********** /BoardWrite **********/ /********** BoardPage **********/ .board_page_wrap{font-size:0; text-align:center; margin:40px 0 0;} .board_page_wrap .board_direct_btn{display:inline-block; width:30px; height:30px; margin:0 2px; border:1px solid #ddd; background:#f9f9f9; box-sizing:border-box; vertical-align:top; text-align:center; line-height:30px; cursor:pointer;} .board_page_wrap .board_direct_btn span.fonti{position:relative; top:-1px; font-size:10px; color:#bbb;} .board_page_wrap .board_direct_btn span.fonti + span.fonti{margin:0 0 0 -5px;} .board_page_wrap .board_direct_btn.first span.fonti:first-child{margin:0 0 0 3px;} .board_page_wrap .board_direct_btn.prev span.fonti:first-child{margin:0 0 0 2px;} .board_page_wrap .board_direct_btn.next span.fonti:first-child{margin:0 0 0 3px;} .board_page_wrap .board_direct_btn.last span.fonti:first-child{margin:0 0 0 3px;} .board_page_wrap .board_page{display:inline-block; padding:0 8px;} .board_page_wrap .board_page li{display:inline-block;} .board_page_wrap .board_page li .board_page_btn{display:inline-block; cursor:pointer; width:30px; height:30px; margin:0 2px; border:1px solid #ddd; background:#f9f9f9; box-sizing:border-box; vertical-align:top; text-align:center; line-height:28px; cursor:pointer; font-size:13px;} .board_page_wrap .board_page li.current .board_page_btn{background:#30b9a4; border-color:#30b9a4; color:#fff; } /********** /BoardPage **********/ /********** BoardListBtn **********/ .sec_btn_wrap.board_btn_wrap{text-align:right; padding:20px 0 0;} .sec_btn_wrap.board_btn_wrap .sec_btn{width:100px; padding:10px 0 9px; margin:0;} .sec_btn_wrap.board_btn_wrap .sec_btn + .sec_btn{margin:0 0 0 10px;} .sec_btn_wrap.board_btn_wrap + .board_page_wrap{margin:20px 0 0;} /********** /BoardListBtn **********/ /********** Notice **********/ .icon_new { position:relative;display:inline-block; } .icon_new::after { content: 'N'; position: absolute; top: -12px; left: 2px; width: 14px; border-radius: 3px; background-color: #ff4081; color: #fff; font-size: 9px; text-align: center; z-index: 2; } .notice_list{padding:20px 0 0;} .notice_list .board_list_wrap table.sec_table.sec_table_type02 tbody td .board_tit{width:480px;} .notice_list .icon_notice_fix{display:block; padding:2px 0; border-radius:2px; text-align:center; background:#f36f49; font-size:13px; color:#fff;} .notice_view{padding:53px 0 0;} .notice_view .sec_tit02 .label{position:relative; top:-2px; display:inline-block; padding:0px 10px 1px; margin:0 8px 0 0; background:#f36f49; border-radius:2px; font-size:19px; font-weight:500; color:#fff;} /********** /Notice **********/ /********** Faq **********/ .faq_list_wrap{margin:20px 0 0; border-bottom:1px solid #ddd;} .faq_list_wrap .faq_list dt{position:relative; border-top:1px solid #ddd; padding:17px 20px 16px 0; cursor:pointer;} .faq_list_wrap .faq_list dt .label{display:inline-block; padding:0 10px 0 0; font-size:13px; color:#30b9a4;} .faq_list_wrap .faq_list dt strong{font-weight:500; color:#333;} .faq_list_wrap .faq_list dt span.fonti{position:absolute; top:50%; right:0; font-size:13px; color:#ddd; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } .faq_list_wrap .faq_list dd{position:relative; background:#f9f9f9; overflow:hidden;display:none;} .faq_list_wrap .faq_list dd:after{content:""; display:block; width:100%; height:1px; background:#ddd; position:absolute; top:0; left:0;} .faq_list_wrap .faq_list dd .label{position:absolute; top:24px; left:21px; font-size:21px; font-weight:700; color:#ddd;} .faq_list_wrap .faq_list dd div{padding:28px 30px 26px 60px;} .faq_list_wrap .faq_list_empty{border-top:1px solid #ddd;} .faq_list_wrap .faq_list_empty dt{padding:97px 0 96px; text-align:center; color:#999;} /********** /Faq **********/ /********** Download **********/ .download_list{margin:20px 0 0; border-top:1px solid #ddd;} .download_list li{position:relative; padding:17px 0 16px; border-bottom:1px solid #ddd;} .download_list li:after{content:""; display:block; clear:both;} .download_list li span.fonti{position:absolute; top:50%; left:0; z-index:1; font-size:21px; color:#30b9a4; margin:-1px 0 0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } .download_list li .sec_tit01{float:left; padding:0 0 0 35px; font-size:15px;} .download_list li p{float:right; color:#999;} .download_list li p span{display:inline-block;} .download_list li p span + span{position:relative; padding:0 0 0 11px; margin:0 0 0 5px;} .download_list li p span + span:after{content:""; display:block; width:1px; height:10px; background:#ddd; position:absolute; top:50%; left:0; margin:-6px 0 0;} /*.download_list li:hover .sec_tit01{color:#30b9a4; text-decoration:underline;}*/ .download_list li.download_list_empty{padding:97px 0 96px; text-align:center; color:#999;} /********** /Download **********/ /********** Debate **********/ .debate_view_top{} .debate_view_top .sec_tit01{color:#30b9a4;} .debate_view_top p{margin:9px 0 0;} .debate_comment_list{margin:26px 0 0;} .debate_comment_list li{position:relative; border:1px solid #ddd; border-radius:2px; padding:26px 30px; margin:10px 0 0;} .debate_comment_list li:first-child{margin:0;} .debate_comment_list li span.fonti{position:absolute; top:21px; left:25px; font-size:21px; color:#30b9a4; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); } .debate_comment_list li dl{padding:0 0 0 30px;} .debate_comment_list li dl dt{font-weight:500; color:#333;} .debate_comment_list li dl dt span{position:relative; display:inline-block; padding:0 0 0 11px; margin:0 0 0 9px; font-size:13px; font-weight:400; color:#999;} .debate_comment_list li dl dt span:after{content:""; display:block; width:1px; height:10px; background:#ddd; position:absolute; top:50%; left:0; margin:-5px 0 0;} .debate_comment_list li dl dd{padding:7px 0 0;} .debate_comment_list li.debate_comment_list_empty{border-radius:0; border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:50px 0; text-align:center; color:#999;} /********** /Debate **********/ /********** Inquiry **********/ .inquiry_view_wrap .inquiry_view_answer{position:relative; padding:27px 30px 26px 60px; border:1px solid #ddd; border-radius:2px;} .inquiry_view_wrap .inquiry_view_answer span.fonti{position:absolute; top:21px; left:25px; font-size:21px; color:#30b9a4; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); } /********** /Inquiry **********/ .person_cert_box ul{margin:20px; padding:30px 0; border:1px solid #ddd; border-top:2px solid #30b9a4;} .person_cert_box ul li{position:relative; float:left; width:50%; box-sizing:border-box; text-align:center;} .person_cert_box ul li:first-child{border-right:1px solid #ddd;} .person_cert_box ul li span.fonti{width:100px; background:#30b9a4; border-radius:50%; text-align:center; color:#fff; line-height:100px;} .person_cert_box ul li span.fonti:before{position:relative;} .person_cert_box ul li span.fonti.um-mobile-phone{font-size:60px;} .person_cert_box ul li span.fonti.um-mobile-phone:before{left:10px;} .person_cert_box ul li span.fonti.um-mobile-otp{font-size:60px;} .person_cert_box ul li span.fonti.um-mobile-otp:before{left:10px;} .person_cert_box ul li span.fonti.um-info{font-size:50px;} .person_cert_box ul li span.fonti.um-info:before{left:15px;} .person_cert_box ul li h3.sec_tit01{margin:25px 0 0; text-align:center; color:#30b9a4;} .person_cert_box ul li p{margin:14px 0 0;} .person_cert_box ul li .btn01{display:inline-block; width:118px; padding:9px 0 8px; margin:16px 0 0; border:1px solid #30b9a4; border-radius:4px; text-align:center; color:#30b9a4; cursor:pointer;} .person_cert_box ul li .btn01:hover{background:#30b9a4; color:#fff;} .person_cert_box ul li span.um-mobile-otp { background:#308db9; } .person_cert_box ul li span.um-mobile-otp + .sec_tit01 { color:#308db9; } .person_cert_box ul li .btn02{display:inline-block; width:118px; padding:9px 0 8px; margin:16px 0 0; border:1px solid #308db9; border-radius:4px; text-align:center; color:#308db9; cursor:pointer;} .person_cert_box ul li .btn02:hover{background:#308db9; color:#fff;} #selectCertLayer .m_otp_info_link { position:absolute;right:10px;bottom:-15px;font-size:13px; } /********** video player **********/ #videoPlayerMoveArea { position:relative;width:100%;height:100%;top:-65px;z-index:5;user-select:none; } #videoPlayerMoveArea > .buttons { width:120px;height:31px;margin-right:20px;text-align:right;float:right; } #videoPlayerMoveArea > .buttons > li.next { position:absolute;top:-70px;right:5px;width:58px;height:66px;display:none; } #videoPlayerMoveArea > .buttons > li.page > .page_num { font-size:18px;vertical-align: middle; } #videoPlayerMoveArea > .buttons > li.page > .page_num > .txt_current_page { color:#f89737; } #videoPlayerMoveArea > .buttons > li > .icon_video_left { width:16px;height:31px;margin-right:10px;background-image:url(/images/contents/btn_mobile_player.png);background-repeat:no-repeat;background-position:0px -2px;display:inline-block;cursor:pointer;vertical-align: middle; } #videoPlayerMoveArea > .buttons > li > .icon_video_right { width:16px;height:31px;margin-left:10px;background-image:url(/images/contents/btn_mobile_player.png);background-repeat:no-repeat;background-position:-18px -2px;display:inline-block;cursor:pointer;vertical-align: middle; } #videoPlayerMoveArea > .buttons > li > .icon_video_left:hover { background-position:0 -35px; } #videoPlayerMoveArea > .buttons > li > .icon_video_right:hover { background-position:-18px -35px; } #videoPlayerMoveArea > .buttons > li > .icon_video_next { width:58px;height:66px;background-image:url(/images/contents/btn_mobile_player.png);background-repeat:no-repeat;background-position:-37px 0px;display:inline-block; } .vjs-progress-control { pointer-events:none; } /********** /video player **********/ .goodssam_popup {position:fixed;top:50%;left:50%;width:1138px;height:640px;margin:-320px 0 0 -569px;background:#fff;z-index:10;display:none;} .goodssam_popup .close {position: absolute;top:-10px;right:-10px;width:40px;height:40px;border-radius:50%;background:#333;font-size:0;text-align:center;line-height:40px;cursor:pointer;z-index:2;} .goodssam_popup .fonti {font-size: 16px;color: #fff;} .goodssam_popup .um-close:before {content:"\e457";} #goodssamVideoPlayer { width:1000px;height:610px;margin:-305px 0 0 -500px; } #goodssamVideoPlayer .title { height:50px;line-height:50px;padding:0 0 0 20px;background:#000;color:#fff;font-size:20px; } #goodssamVideo { width:1000px;height:560px; } #capacity .qr_code_thumb .title { position:relative;margin:0 0 5px 5px;font-size:13px;color:#333; } #capacity .qr_code_thumb .title::after { content:'';position:absolute;top:8px;right:0;width:66%;border-top:1px solid #aaa; } #capacity .qr_code_thumb { width:400px;margin:15px 0 0;overflow:hidden; } #capacity .qr_code_thumb span { width:33%;display:block;cursor:pointer;float:left; } #capacity .qr_code_thumb span:nth-child(3) { width:34%;text-align:center; } #capacity .qr_code_thumb span:nth-child(4) { text-align:right; } #capacity .qr_code_thumb .more { clear:both;font-size:12px; } .special_sub_lnb { position:relative;padding: 11px 10px;background:#efefef; } .special_sub_lnb.on { color:#30b9a4; } .special_sub_lnb .fonti { position:absolute;top:50%;right:15px;margin:-6px 0 0;font-size:13px;color:#888;display:block; } /* NoticeDefault */ .notice_popup .sec_tab li{width:25%;} .notice_popup > div{display:none;} .notice_popup > div.on{display:block;} .notice_popup .notice_popup_list > li{position:relative; padding:35px 30px 36px 120px; border-top:1px solid #ddd;} .notice_popup .notice_popup_list > li:first-child{border:0;} .notice_popup .notice_popup_list > li .notice_popup_list_ico{position:absolute; top:0; left:0; width:120px; height:100%;} .notice_popup .notice_popup_list > li > dl{padding:0 0 0 30px;} .notice_popup .notice_popup_list > li > dl > dt{padding:0 0 0 30px;} .notice_popup .notice_popup_list > li > dl > dd{margin:8px 0 0;} .notice_popup .notice_popup_list > li > dl > dd strong{font-weight:500;} .notice_popup .notice_popup_list > li.list_pos > dl > dt{background:url(/images/main/notice_right.png) no-repeat left center;} .notice_popup .notice_popup_list > li.list_pos > dl > dd strong{color:#5582eb;} .notice_popup .notice_popup_list > li.list_impos{background:#f9f9f9;} .notice_popup .notice_popup_list > li.list_impos > dl > dt{background:url(/images/main/notice_wrong.png) no-repeat left center;} .notice_popup .notice_popup_list > li.list_impos > dl > dd strong{color:#ff5252;} #mainStudyInfoLayer > .popup_title > .btn_study_info_detail {position:absolute;top:15px;right:60px;display:block;} /* NoticeSec01 */ .notice_popup_sec01 .notice_popup_list > li:nth-child(1) .notice_popup_list_ico{background:url(/images/main/notice_sec01_ico01.png) no-repeat center center;} .notice_popup_sec01 .notice_popup_list > li:nth-child(2) .notice_popup_list_ico{background:url(/images/main/notice_sec01_ico02.png) no-repeat center center;} .notice_popup_sec01 .notice_popup_list > li:nth-child(3) .notice_popup_list_ico{background:url(/images/main/notice_sec01_ico03.png) no-repeat center center;} .notice_popup_sec01 .notice_popup_list > li:nth-child(4) .notice_popup_list_ico{background:url(/images/main/notice_sec01_ico04.png) no-repeat center center;} .notice_popup_sec01 .notice_popup_list > li:nth-child(5) .notice_popup_list_ico{background:url(/images/main/notice_sec01_ico05.png) no-repeat center center;} .notice_popup_sec01 .notice_popup_list > li:nth-child(6) .notice_popup_list_ico{background:url(/images/main/notice_sec01_ico06.png) no-repeat center center;} .notice_popup_sec01 .progress_wrap{position:relative; float:left; width:280px; padding:5px 0 4px; box-sizing:border-box;} .notice_popup_sec01 .progress_wrap p{position:absolute; top:0; right:0;} .notice_popup_sec01 .progress_wrap .bar_wrap{position:relative; width:100%; height:10px; border-radius:5px; background:#f9f9f9; margin:6px 0 0;} .notice_popup_sec01 .progress_wrap .bar_wrap .bar{position:absolute; top:0; left:0; height:100%; border-radius:5px;} .notice_popup_sec01 .progress_wrap + .progress_wrap{margin:0 0 0 30px;} .notice_popup_sec01 .progress_wrap:nth-child(1) .bar_wrap .bar{width:80%; background:#5582eb;} .notice_popup_sec01 .progress_wrap:nth-child(1) p{color:#5582eb;} .notice_popup_sec01 .progress_wrap:nth-child(2) .bar_wrap .bar{width:60%; background:#30b9a4;} .notice_popup_sec01 .progress_wrap:nth-child(2) p{color:#30b9a4;} .notice_popup_sec01 .lesson_wrap{float:left; padding:0 0 0 55px; margin:5px 0 0;} .notice_popup_sec01 .lesson_wrap p{margin:2px 0 0; font-weight:500; color:#333;} .notice_popup_sec01 .lesson_wrap p strong{color:#5582eb;} .notice_popup_sec01 .lesson_wrap:nth-child(1){background:url(/images/main/notice_sec01_list06_ico01.png) no-repeat left center;} .notice_popup_sec01 .lesson_wrap:nth-child(2){background:url(/images/main/notice_sec01_list06_ico02.png) no-repeat left center; margin:5px 0 0 30px;} /* NoticeSec02 */ .notice_popup_sec02{margin:34px 30px 37px; background:url(/images/main/notice_sec02_bg.png) no-repeat left top 74px;} .notice_popup_sec02 ol{position:relative;} .notice_popup_sec02 ol li{min-width:170px;} .notice_popup_sec02 ol li span{font-size:13px; color:#999;} .notice_popup_sec02 ol li h3{position:relative; padding:0 0 39px; font-size:17px; font-weight:500; color:#333;} .notice_popup_sec02 ol li h3:after{content:""; display:block; width:12px; height:12px; border-radius:50%; position:absolute; bottom:0; left:0;} .notice_popup_sec02 ol li .sec_list01{margin:11px 0 0;} .notice_popup_sec02 ol li .sec_list01 dd{font-size:13px; margin:4px 0 0;} .notice_popup_sec02 ol li .sec_list01 dt + dd{margin:3px 0 0;} .notice_popup_sec02 ol li p{position:relative; padding:0 0 0 13px; margin:12px 0 0; font-size:13px;} .notice_popup_sec02 ol li p:after{content:""; display:block; width:3px; height:3px; background:#ddd; border-radius:50%; position:absolute; top:9px; left:0;} .notice_popup_sec02 ol:nth-child(1){margin:0 0 0 30px;} .notice_popup_sec02 ol:nth-child(1) li{float:left;} .notice_popup_sec02 ol:nth-child(1) li h3:after{background:#5582eb;} .notice_popup_sec02 ol:nth-child(1) li:nth-child(3) .sec_list01 dt{color:#5582eb;} .notice_popup_sec02 ol:nth-child(1) li:nth-child(4) h3{color:#5582eb; padding:0 0 53px; background:url(/images/main/notice_sec02_ico01.png) no-repeat left bottom;} .notice_popup_sec02 ol:nth-child(1) li:nth-child(4) h3:after{display:none;} .notice_popup_sec02 ol:nth-child(2){margin:73px 182px 0 0;} .notice_popup_sec02 ol:nth-child(2) li{float:right;} .notice_popup_sec02 ol:nth-child(2) li h3:after{background:#30b9a4;} .notice_popup_sec02 ol:nth-child(2) li:nth-child(1){min-width:auto;} .notice_popup_sec02 ol:nth-child(2) li:nth-child(1) .sec_list01 dt{color:#30b9a4;} .notice_popup_sec02 ol:nth-child(2) li:nth-child(4) h3{color:#ff6e44; padding:0 0 53px; background:url(/images/main/notice_sec02_ico03.png) no-repeat left bottom;} .notice_popup_sec02 ol:nth-child(2) li:nth-child(4) h3:after{display:none;} .notice_popup_sec02 ol:nth-child(3){margin:158px 0 0 96px;} .notice_popup_sec02 ol:nth-child(3) li{float:left; padding:0 0 0 55px; background:url(/images/main/notice_sec02_ico02.png) no-repeat left top 4px;} .notice_popup_sec02 ol:nth-child(3) li h3{padding:0; color:#30b9a4;} /* NoticeSec03 */ .notice_popup_sec03{padding:40px 30px 40px;} .notice_popup_sec03 > div{float:left;} .notice_popup_sec03 dl, .notice_popup_sec03 h3{position:relative; width:220px; padding:10px; background:#f9f9f9; border-radius:4px; box-sizing:border-box; z-index:2;} .notice_popup_sec03 dl dd{position:relative; padding:13px 0 12px; margin:10px 0 0; text-align:center; background:#fff; border:2px solid #000; border-radius:4px;} .notice_popup_sec03 dl dt, .notice_popup_sec03 h3 strong{position:relative; display:block; padding:13px 0 14px; border-radius:4px; text-align:center; font-size:17px; font-weight:500; color:#fff;} .notice_popup_sec03 h3 strong{padding:12px 0 14px;} .notice_popup_sec03 h3 strong span{font-size:15px; color:#eee;} .notice_popup_sec0301{padding:60px 0 0;} .notice_popup_sec0301 dl:after{content:""; display:block; width:260px; height:124px; position:absolute; left:-5px; bottom:34px; z-index:1; background:url(/images/main/notice_sec03_arrow_blu.png) no-repeat center center; } .notice_popup_sec0301 dl dt{background:#5582eb;} .notice_popup_sec0301 dl dd{border-color:#5582eb;} .notice_popup_sec0301 h3{margin:240px 0 0;} .notice_popup_sec0301 h3 strong{background:#30b9a4;} .notice_popup_sec0302{margin:0 0 0 40px;} .notice_popup_sec0302 dl dt{background:#ff6e44;} .notice_popup_sec0302 dl dd{border-color:#ff6e44;} .notice_popup_sec0302 dl dd:nth-child(2):after{content:""; display:block; width:45px; height:7px; position:absolute; left:-47px; top:20px; z-index:1; background:url(/images/main/notice_sec03_arrow_org01.png) no-repeat center center; } .notice_popup_sec0302 dl dd:nth-child(3), .notice_popup_sec0302 dl dd:nth-child(7){margin:30px 0 0;} .notice_popup_sec0302 dl dd:nth-child(3):after{content:""; display:block; width:45px; height:181px; position:absolute; right:-47px; top:23px; z-index:1; background:url(/images/main/notice_sec03_arrow_org02.png) no-repeat center center; } .notice_popup_sec0302 dl dd:nth-child(7):after{content:""; display:block; width:45px; height:61px; position:absolute; left:-47px; top:23px; z-index:1; background:url(/images/main/notice_sec03_arrow_org03.png) no-repeat center center; } .notice_popup_sec0303{margin:0 0 0 40px; padding:230px 0 0;} .notice_popup_sec0303 dl:after{content:""; display:block; width:260px; height:354px; position:absolute; right:-5px; bottom:34px; z-index:1; background:url(/images/main/notice_sec03_arrow_gry.png) no-repeat center center; } .notice_popup_sec0303 dl dt{background:#666;} .notice_popup_sec0303 dl dd{border-color:#666;} /* NoticeSec04 */ .notice_popup_sec04 .notice_popup_list > li:nth-child(1) .notice_popup_list_ico{background:url(/images/main/notice_sec04_ico01.png) no-repeat center center;} .notice_popup_sec04 .notice_popup_list > li:nth-child(2) .notice_popup_list_ico{background:url(/images/main/notice_sec04_ico02.png) no-repeat center center;} .notice_popup_sec04 .notice_popup_list > li:nth-child(3){border-bottom:1px solid #ddd;} .notice_popup_sec04 .notice_popup_list > li:nth-child(3) .notice_popup_list_ico{background:url(/images/main/notice_sec04_ico03.png) no-repeat center center;} .notice_popup_sec04 .notice_popup_list > li > dl > dd .sec_list01{float:left; min-width:160px; padding:9px 0 1px; margin:0 0 0 30px;} .notice_popup_sec04 .notice_popup_list > li > dl > dd .sec_list01 dt{padding:7px 0; border-radius:16px; text-align:center; font-size:13px; color:#fff;} .notice_popup_sec04 .notice_popup_list > li > dl > dd .sec_list01 dd{margin:4px 0 0; font-size:13px;} .notice_popup_sec04 .notice_popup_list > li > dl > dd .sec_list01 dt + dd{margin:7px 0 0;} .notice_popup_sec04 .notice_popup_list > li > dl > dd .sec_list01:nth-child(1){margin:0;} .notice_popup_sec04 .notice_popup_list > li > dl > dd .sec_list01:nth-child(1) dt{background:#ffbaba;} .notice_popup_sec04 .notice_popup_list > li > dl > dd .sec_list01:nth-child(2) dt{background:#ff8686;} .notice_popup_sec04 .notice_popup_list > li > dl > dd .sec_list01:nth-child(3) dt{background:#ff5252;} .notice_popup_sec04 .sec_desc{padding:17px 30px 37px; text-align:right; font-size:13px; color:#ff5252;} .notice_popup_sec04 .sec_desc span.fonti{position:relative; top:-1px; margin:0 3px 0 0; font-size:10px; color:#ff5252; -webkit-transform:scale(0.6); -moz-transform:scale(0.6); -o-transform:scale(0.6); transform:scale(0.6); } /********** /Notice **********/ #btnGroupUsersDetail { position:absolute;right:10px;top:10px; } /***************************** /about/ 굿티처소개 ******************************/ /********** Intro **********/ .about_tab ul li.w20p{width:20%;} .about_intro{text-align:center;} .about_intro_sec01{padding:54px 0 0;} .about_intro_sec01 .con_sub_tit{margin:20px 0 0;} .about_intro_sec01 .about_intro_sec01_wrap{position:relative; height:400px; padding:220px 0 0; margin:56px 0 0; box-sizing:border-box;} .about_intro_sec01 .about_intro_sec01_wrap.goodteacher{background:url(/images/about/intro_sec01_bg.jpg) no-repeat center top;} .about_intro_sec01 .about_intro_sec01_wrap.edunetac{background:url(/images/about/intro_sec01_ac_bg.jpg) no-repeat center top;} .about_intro_sec01 .about_intro_sec01_wrap h3{font-size:17px; font-weight:500; color:#333;} .about_intro_sec01 .about_intro_sec01_wrap dl{position:absolute; top:-5px; width:270px;} .about_intro_sec01 .about_intro_sec01_wrap dl dt{font-size:21px; font-weight:500;} .about_intro_sec01 .about_intro_sec01_wrap dl dd{margin:27px 0 0;} .about_intro_sec01 .about_intro_sec01_wrap dl dd img{display:block; margin:0 auto;} .about_intro_sec01 .about_intro_sec01_wrap dl dd h3{margin:10px 0 0;} .about_intro_sec01 .about_intro_sec01_wrap dl dd p{margin:4px 0 0;} .about_intro_sec01 .about_intro_sec01_wrap dl dt + dd{margin:36px 0 0;} .about_intro_sec01 .about_intro_sec01_wrap .about_intro_sec0101{left:0;} .about_intro_sec01 .about_intro_sec01_wrap .about_intro_sec0102{right:0;} .about_intro_sec02{border-top:1px solid #ddd; padding:54px 0 0; margin:60px 0 0; height:680px; box-sizing:border-box; background:url(/images/about/intro_sec02_bg.jpg) no-repeat center bottom;} .about_intro_sec02 .con_sub_tit{margin:20px 0 0;} /********** /Intro **********/ /********** Thanks **********/ .thanks { text-align:center; } .thanks_sec02 { margin-top: 50px; } .thanks_list li { display: inline-block; margin-bottom: 30px; } .thanks_list li:last-child { margin-bottom: 0; } .ceo_tit { margin-bottom: 20px; } .ceo_con { color: #666666; font-size: 16px; line-height: 24px; } .ceo_con span { display: block; margin-bottom: 10px; } .thanks_ceo { margin-top: 40px; font-size: 17px; } .thanks_ceo strong { margin-right: 5px; font-weight: 500; } /********** /Thanks **********/ /********** Mission **********/ .mission{text-align:center;} .mission h2{font-size:30px; font-weight:700; color:#111;} .mission_sec01{padding:52px 0 0;} .mission_sec01 p{font-size:17px; margin:18px 0 0;} .mission_sec01 img{display:block; margin:57px 0 0;} .mission_sec02{margin:52px 0 0;} .mission_sec02 .mission_sec02_wrap{position:relative; height:340px; padding:20px; margin:33px 0 0; box-sizing:border-box; background:url(/images/about/mission_sec02_bg.jpg) no-repeat center top;} .mission_sec02 .mission_sec02_bg{position:relative; width:100%; height:100%; padding:53px 0 0; background:rgba(48,185,164,.6); box-sizing:border-box;} .mission_sec02 .mission_sec02_wrap .con_tit{color:#fff;} .mission_sec02 .mission_sec02_wrap .con_tit strong{color:#fff;} .mission_sec02 .mission_sec02_wrap .con_tit strong:after{display:none;} .mission_sec02 .mission_sec02_wrap p{position:relative; padding:27px 0 0; margin:26px 0 0; font-size:19px; color:#fff;} .mission_sec02 .mission_sec02_wrap p:after{content:""; display:block; width:30px; height:2px; background:#fff; position:absolute; top:0; left:50%; margin:0 0 0 -20px;} .mission_sec03{margin:52px 0 0;} .mission_sec03 ul{margin:34px 0 0;} .mission_sec03 ul li{float:left; width:308px; height:308px; padding:47px 0 0; margin:0 0 0 8px; border:1px solid #ddd; border-radius:4px; box-sizing:border-box;} .mission_sec03 ul li:first-child{margin:0;} .mission_sec03 ul li img{display:block; margin:0 auto;} .mission_sec03 ul li h3{font-size:17px; font-weight:500; color:#333; margin:25px 0 0;} .mission_sec03 ul li p{margin:10px 0 0;} /********** /Mission **********/ /********** Organ **********/ .organ{padding:60px 0 0;} .organ_list{text-align:center;} .organ_list dl{float:left;} .organ_list dl dt{padding:11px 0 12px; border:2px solid #666; border-top-left-radius:4px; border-top-right-radius:4px; box-sizing:border-box; font-size:17px; font-weight:500; color:#333;} .organ_list dl dd{margin:5px 0 0; padding:14px 0 13px; border:1px solid #ddd; background:#f9f9f9; box-sizing:border-box;} .organ_list .organ_list01{position:relative; width:230px; margin:0 auto; padding:11px 0 13px; background:#30b9a4; border-radius:25px; font-size:19px; font-weight:500; color:#fff;} .organ_list .organ_list01:after{content:""; display:block; width:1px; height:276px; background:#ddd; position:absolute; top:50px; left:50%; margin:0 0 0 -1px;} .organ_list .organ_list02{margin:40px 0 0; padding:0 105px;} .organ_list .organ_list02 .organ_list0201{float:left; width:230px; margin:0 135px 0 0;} .organ_list .organ_list02 .organ_list0201 li{position:relative; left:-20px; margin:20px 0 0; padding:12px 0 15px; background:#666; border-radius:25px; font-size:17px; color:#fff;} .organ_list .organ_list02 .organ_list0201 li:after{content:""; width:155px; height:1px; background:#ddd; position:absolute; top:25px; left:230px;} .organ_list .organ_list02 .organ_list0201 li:first-child{left:0; margin:0;} .organ_list .organ_list02 .organ_list0201 li:first-child:after{width:135px;} .organ_list .organ_list02 .organ_list0202{position:relative; width:230px; margin:35px 0 0 135px;} .organ_list .organ_list02 .organ_list0202:after{content:""; width:136px; height:1px; background:#ddd; position:absolute; top:25px; right:230px;} .organ_list .organ_list03{position:relative; margin:40px 0 0; padding:41px 0 0;} .organ_list .organ_list03:after{content:""; display:block; width:471px; height:1px; background:#ddd; position:absolute; top:0; left:111px;} .organ_list .organ_list03 h2{padding:12px 0 15px; background:#999; border-top-left-radius:4px; border-top-right-radius:4px; font-size:17px; color:#fff;} .organ_list .organ_list03 dl{width:225px;} .organ_list .organ_list03 dl dt{border-radius:0; margin:5px 0 0;} .organ_list .organ_list03 > div{position:relative;} .organ_list .organ_list03 > div:after{content:""; display:block; width:1px; height:40px; background:#ddd; position:absolute; top:-40px; left:50%; margin:0 0 0 -1px;} .organ_list .organ_list03 .organ_list0301{float:left;} .organ_list .organ_list03 .organ_list0302{float:left; padding:0 0 0 20px;} .organ_list .organ_list03 .organ_list0302 dl{margin:0 0 0 10px;} .organ_list .organ_list03 .organ_list0302 h2 + dl{margin:0;} .organ_list_new { position:relative;text-align:center; } .organ_list_new h2 { margin-bottom: 3px; font-size: 17px; height: 45px; line-height: 45px; color: #fff; } .organ_list_new dt { font-size: 17px; height: 45px; line-height: 45px; background: #fff; } .organ_list_new dd { font-size: 15px; height: 45px; line-height: 45px; background: #eee; } .organ_list_new .organ_list01{ position:relative; width:300px; margin:0 auto; padding:11px 0 13px; background:#30b9a4; border-radius:25px; font-size:19px; font-weight:500; color:#fff;} .organ_list_new .organ_list02{ position:relative; width: 250px; margin:0 auto; padding: 40px 0 145px; } .organ_list_new .organ_list02 h2 { background: #5585eb; } .organ_list_new .organ_list02 dt { border: 1px solid #5585eb; color: #5585eb; } .organ_list_new .organ_list03 { position: relative; width: 100%; } .organ_list_new .organ_list03 > div { position: relative; display: inline-block; width: 400px; padding: 0 20px; } .organ_list_new .organ_list03 h2 { background: #f36f49; } .organ_list_new .organ_list03 dl { width: 190px; padding: 0 5px; float: left; } .organ_list_new .organ_list03 dt { border: 1px solid #f36f49; color: #f36f49; box-sizing: border-box } .organ_list_new .organ_list03 dd { margin-top: 3px; } .organ_list_new .organ_list04{ position:absolute;top:152px;right:51px;width: 250px; margin:0 auto; padding: 40px 0 145px; } .organ_list_new .organ_list04 h2 { background: #787878; } .organ_list_new .organ_list04 dt { border: 1px solid #787878; color: #787878; } .organ_list_new .organ_list01:after{content:""; display:block; width:1px; height:252px; background:#ddd; position:absolute; top:50px; left:50%; margin:0 0 0 -1px;} .organ_list_new .organ_list02:after{content:""; width:443px; height:1px; background:#ddd; position:absolute; top:250px; left:-96px;} .organ_list_new .organ_list03 div:after{content:""; display:block; width:1px; height:30px; background:#ddd; position:absolute; top:-30px; left:50%;} .organ_list_new .organ_list04:after{content:""; width:170px; height:1px; background:#ddd; position:absolute; top:64px; left:-170px;} /********** /Organ **********/ /********** Direct **********/ .direct dl dt{font-size:17px; font-weight:500; color:#333;} .direct_sec01{position:relative;padding:60px 0 0;} .direct_sec01 #map{width:100%; height:470px;} .direct_sec01 ul{margin:40px 0 0;} .direct_sec01 ul li{position:relative; float:left; width:465px; min-height:130px; margin:0 0 0 10px; padding:25px 0 26px 99px; border:1px solid #ddd; border-radius:4px; box-sizing:border-box;} .direct_sec01 ul li:first-child{margin:0;} .direct_sec01 ul li span.fonti{font-size:38px; color:#30b9a4; position:absolute; top:27px; left:31px;} .direct_sec01 ul li dl dd{margin:3px 0 0;} .direct_sec01 ul li dl dt + dd{margin:9px 0 0;} #btnVideoMap { position:absolute;top:70px;right:10px;z-index:5; } #btnVideoMap > .btn { padding:8px 23px;border-radius:0;font-size:15px; } .direct_sec02{margin:55px 0 0;} .direct_sec02 .direct_sec02_wrap{margin:17px 0 0; padding:20px 0; border-top:2px solid #30b9a4; border-bottom:1px solid #ddd;} .direct_sec02 .direct_sec02_wrap span.fonti{float:left; width:60px; height:60px; background:#30b9a4; border-radius:50%; text-align:center; font-size:30px; color:#fff; line-height:60px;} .direct_sec02 .direct_sec02_wrap dl{float:left; padding:1px 0 0 40px;} .direct_sec02 .direct_sec02_wrap dl dd{margin:10px 0 0;} .direct_sec02 .direct_sec02_wrap dl dd .label{position:relative; top:-1px; display:inline-block; margin:0 9px 0 0; padding:0 6px 1px 6px; background:#263c96; border-radius:2px; font-size:12px; font-weight:400; color:#fff;} /********** /Direct **********/ /***************************** /about/ /굿티처소개 ******************************/ #otpLayer { position:fixed;width:600px;height:500px;left:50%;top:50%;margin:-250px 0 0 -300px;box-shadow:5px 7px 7px #333;z-index:12;display:none; } #otpLayer .close { position:absolute;right:20px;top:20px;width:20px;height:20px;background:url(/images/common/icon_pop_close.png) no-repeat;background-size:cover;cursor:pointer; } #otpLayer > .title { position:relative;height:60px;line-height:60px;padding-left:20px;background:#30b9a4;font-size:21px;color:#fff;font-weight:500; } #otpLayer .bg { background:#1c2859; } #otpLayer .bg .info { height:50px;line-height:60px;color:#fff;font-size:16px;color:yellow;text-align:center; } #otpLayer .bg .otp_wrap { width:100%;height:210px; } #otpLayer .bg .number_wrap { height:65px;padding:15px 0 0 0;background:#fff; } #otpLayer .bg .number_wrap .item_name { margin:0 20px 0 130px;font-size:24px;font-weight:700;color:#888; } #otpLayer .bg .number_wrap [type=password] { font-size:24px; } #otpLayer.motp .bg { background:#fff; } #otpLayer.motp .bg .info { color:#30b9b9; } #otpLayer.motp .bg .box { width:630px;margin:20px auto 0;padding:20px 0;line-height:35px;background:#ededed;border:1px dotted #aaa;text-align:center; } #otpLayer.motp .bg .install { width:630px;margin:10px auto 0;text-align:right; } #otpLayer.motp .bg .number_wrap { padding:20px 0 10px 0;margin:30px 0 0;border-top:2px solid #30b9a4; } #otpLayer.motp .bg .number_wrap [name=number] { font-size:20px;letter-spacing:15px;text-align:center; } #otpLayer.motp .bg .number_wrap .btn { height:47px;padding:0 20px;line-height:47px;font-size:15px;vertical-align:top; } #yearsScheduleTitle { width:370px;height:40px;line-height:40px;margin:55px auto 0 auto;font-size:17px;font-weight:500;background:#30b9a4;border-radius:60px;color:#fff;text-align:center; } .years_schedule tr.on td { background:#30b9a4;color:#fff; } /* 게시판 댓글 */ #boardReplyArea .reg_comment { margin:10px 0; } #boardReplyArea .rows ul { padding:20px 0;border-top:1px solid #ddd; } #boardReplyArea .rows {} #boardRegistReplyFormArea { width:100%;height:200px;text-align:right;display:none; } #boardRegistReplyFormArea textarea, .board_reply textarea { width:700px;height:180px; } #boardRegistReplyFormArea .btn, .board_reply .btn { width:70px;height:180px; } #boardRegistReplyFormArea .modify_cancel { display:none; } /* 부모교육 */ #parentsOrderLists ul.confirm { background:#ecf7ff; } #studyUrlAddressResultLayer { position:fixed;top:50%;left:50%;width:400px;height:600px;padding:20px;margin:-320px 0 0 -220px;background:#e0f4ff;z-index:12; } #studyUrlAddressResultLayer > .text { padding:10px;background:#668ca0;font-size:18px;color:#fff;text-align:center; } #studyUrlAddressResultLayer > ul.url { margin:15px 0 0 30px; } #studyUrlAddressResultLayer > ul.url:nth-child(3) { margin:0 0 0 30px; } #studyUrlAddressResultLayer > .copy { margin:20px 0 15px 0;overflow:hidden; } /* 북러닝 */ #productDetailLectureType { margin:20px 0 0 0;overflow:hidden; } #productDetailLectureType li { position:relative;width:50%;height:45px;line-height:45px;margin:5px 0 0 0;background:#e8e8e8;text-align:center;font-size:16px;cursor:pointer;float:left; } #productDetailLectureType li.on { position:relative;background:#30b9a4;height:50px;line-height:50px;margin:0;color:#fff;font-size:20px;font-weight:500;z-index:1; } #productDetailLectureType li:nth-child(1).on { box-shadow:3px 7px 7px #333; } #productDetailLectureType li:nth-child(2).on { box-shadow:-3px 7px 7px #333; } #productDetailLectureType li .fonti { position:absolute;top:20px;right:30px; } .book_guide_popup { padding: 30px 60px; text-align: center; color: #333; } .popup_book_top { padding: 30px 60px; border: 10px solid #d6f1ed; box-sizing: border-box; text-align: left; } .popup_book_top > p { margin-bottom: 15px; font-size: 26px; z-index: 2; line-height: 28px; text-align: center; } .popup_book_top > p > span { display: inline-block; width: 100%; font-size: 20px; color: #666; } .popup_book_top > p > strong { position: relative; font-weight: 500; } .popup_book_top > p > strong span { position: relative; z-index: 2;} .popup_book_top > p > strong:after { content: ""; display: block; width: 100%; height: 20px; background: #d6f1ed; position: absolute; bottom: 3px; left: 0; z-index: 1; } .popup_book_top > span { display: inline-block; margin-top: 5px; font-size: 18px; } .popup_book_top > span strong, .popup_book_top ul li strong { font-weight: 500; color: #30b9a4; } .popup_book_top ul li { font-size: 16px; line-height: 30px; } .popup_book_top ul li:last-child { padding-left: 13px; } .popup_book_top ul li span { margin-right: 5px; font-weight: 500; } .popup_book_con { position: relative; display: inline-block; width: 100%; padding: 30px; box-sizing: border-box; } .popup_border { border-bottom: 1px solid #ddd; } .popup_book_con_tit { margin-bottom: 20px; } .popup_book_con_tit span.b_tit { display: inline-block; width: 140px; height: 35px; line-height: 33px; background: #30b9a4; color: #fff; border-radius: 50px; font-size: 20px; } .popup_book_con_tit span.b_txt { display: inline-block; width: 100%; margin-top: 10px; font-size: 18px; } .popup_book_benefit li { float: left; width: 50%; } .popup_book_benefit li > p { margin-top: 20px; font-size: 20px; font-weight: 500; } .popup_book_benefit li:nth-child(1) strong { color: #5585eb; background: #eef3fd; } .popup_book_benefit li:nth-child(2) strong { color: #f36f49; background: #fef1ed; } .book_benefit_plus { position: absolute; top: 165px; left: 50%; display: block; width: 30px; height: 30px; margin: 0 0 0 -15px; } .book_benefit_plus span {display: block; background: #ddd; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .book_benefit_plus span.bar_h { width: 100%; height: 4px; } .book_benefit_plus span.bar_v { width: 4px; height: 100%; } .popup_book_procedure { display: inline-block; width: 100%; padding: 0 20px; } .popup_book_procedure > li { float: left; width: 171px; background: url("/images/contents/icon_book_arrow.png") no-repeat top 45px right 10px; } .popup_book_procedure > li:last-child { width: 125px; margin-right: 0; background: none; } .popup_book_procedure li > p { display: inline-block; width: 110px; height: 110px; padding-top: 35px; margin-right: 75px; background: #f6f6f6; border-radius: 50%; font-size: 18px; box-sizing: border-box; line-height: 20px; font-weight: 500; } .popup_book_procedure li:last-child > p { padding-top: 25px; margin-right: 0; } .popup_book_procedure li > p span { display: block; font-size: 13px; color: #999; font-weight: 400; } .popup_book_procedure li ul { margin-top: 10px; } .popup_book_procedure li ul li { float: left; width: 100%; text-align: left; font-size: 13px; color: #f6900c; } .book_procedure02 { padding: 0 98px; box-sizing: border-box } .book_procedure02 li:last-child > p { padding-top: 35px; } .book_procedure02 li:first-child > p { padding-top: 20px; font-size: 16px; } .book_procedure02 li:first-child > p .span_or { color: #30b9a4; font-size: 12px; line-height: 14px; } .popup_book_bottom { padding: 20px; background: #eaf8f6; font-size: 16px; line-height: 26px; } .popup_book_bottom strong { font-weight: 500; } /* 서울디지털대학교 학습유의사항 */ #sduRequestInfo { position:fixed;top:50%;left:50%;margin:-150px 0 0 -275px;width:550px;height:310px;padding:10px;background:#dcf7e8;z-index:18;display:none; } #sduRequestInfo.h380 { height:380px;margin:-190px 0 0 -275px } #sduRequestInfo.bg_white { background:#fff; } #sduRequestInfo dl { margin:20px 0 0 20px; } #sduRequestInfo dl dt { font-size:20px;font-weight:500;color:#000;text-align:center; } #sduRequestInfo dl dd { line-height:25px; } #sduRequestInfo ul li:nth-child(1) { margin:20px 0 40px 0;font-size:16px;text-align:center;color:#333; } #sduRequestInfo ul li:nth-child(2) { text-align:center; } #sduRequestInfo ul li:nth-child(2) span { padding:10px 20px;font-size:18px;color:#fff;cursor:pointer; } #sduRequestInfo ul li:nth-child(2) span.green { margin:0 0 0 10px;background:#1e9c57; } #sduRequestInfo ul li:nth-child(2) span.gray { background:#aaa; } #refundBankDepositWarring { position:absolute;top:60px;left:0;padding:10px;border:3px solid #3086b9;background: #e6f6ff;font-size:13px; } #refundBankDepositWarring p { position:absolute;top:-16px;left:59px;color:#3086b9; } #refundBankDepositWarring > dt { width:160px;margin:0 0 5px 0;background:#ff3b00;text-align:center;color:#fff; } .order_retry_info { margin:20px 0 0;padding:20px 0 20px 50px;background:#dbf3ff;color:#0f6692;line-height:30px; } #parentsAgree { position:fixed;top:50%;left:50%;width:460px;height:300px;margin:-150px 0 0 -230px;background:#314352;color:#fff;text-align:center;z-index:10;display:none; } #corpRefundTaxInfo { position:absolute;top:-6px;right:30px;font-size:12px;color:#30b9a4;display:none; } #corpRefundTaxInfo > span { position:relative;display:inline-block; } #corpRefundTaxInfo > span:before { content:'※';position:absolute;left:-15px; } #corpRefundLimitInfo { position: absolute;top:0;left:100px;font-size:13px;text-decoration:underline;z-index:1;display:none; } #corpRefundLimitInfo > span { position:absolute;top:27px;left:324px;width:150px;color:#5a89bc;text-decoration:underline;cursor:pointer; } #corpRefundLimitInfo > ul { position:absolute;top:55px;left:58px;width:400px;padding:10px;border:3px solid #5a89bc;background:#fff;display:none; } #corpRefundLimitInfo > ul:before { content:'▲';position:absolute;top:-15px;right:90px;color:#5a89bc; } #corpRefundLimitInfo > ul > li { margin:10px 0 0; } #corpRefundLimitInfo > ul > li:last-child { margin:10px 0; } #corpRefundLimitInfo > ul > li > dt { font-weight:500;color:#000; } /*BOOK*/ .main_visual.main_shop_visual03 { background: #6a50b1 url("/images/shop/img_shop_visual03.png") no-repeat top center; } .main_visual.main_shop_visual04 { background: #ffa343 url("/images/shop/img_shop_visual04.png") no-repeat top center; } .main_visual > .main_shop_visual_txt { position: relative; width: 1200px; margin: 0 auto; padding-top: 70px; color: #ffffff; } .main_visual > .main_shop_visual_txt > p { font-size: 30px; line-height: 40px; } .main_visual > .main_shop_visual_txt > p strong.txt_p { color: #feb7c2; } .main_visual > .main_shop_visual_txt > p strong.txt_b { color: #fff2cb; } .main_visual > .main_shop_visual_txt > p.bottom { margin-top: 15px; font-size: 23px; line-height: 30px; } .main_visual > .main_shop_visual_txt > h2 { font-size: 38px; line-height: 52px; } .main_visual > .main_shop_visual_txt > h2 strong { font-weight: 600; } .main_visual > .main_shop_visual_txt > h2 > p { margin-top:20px; font-size: 30px; line-height: 38px; } .main_visual > .main_shop_visual_txt .btn_visual_more { display: inline-block; width: 130px; height: 35px; padding-left: 15px; margin-top: 60px; line-height: 35px; font-size: 15px; color: #fff; text-align: left; background: url(/images/main/icon_arrow_w.png) no-repeat center right 15px; box-sizing: border-box; } .main_visual > .main_shop_visual_txt .v_more_btn01 { background-color: #ff7187; } .main_visual > .main_shop_visual_txt .v_more_btn02 { background-color: #fdd96d; } .main_visual > .main_shop_visual_txt .v_more_btn03 { margin-top: 30px; background-color: #ee6898; } .main_visual > .main_shop_visual_txt .v_more_btn04 { margin-top: 30px; background-color: #b35d00; } .main_visual.main_shop_visual03 > .main_shop_visual_txt > h2 strong { color: #f9ec97; } .main_visual.main_shop_visual04 > .main_shop_visual_txt > h2 strong { color: #6e441e; } .main_shop_trailer { position: absolute; top: 0; right: 0; width: 300px; height: 400px; padding: 55px 30px; background: rgba(255,255,255,0.8); text-align: left; z-index: 1; box-sizing: border-box; } .main_shop_trailer > p { margin-bottom: 20px; font-size: 18px; font-weight: 500; color: #333333 } .shop_gray_bg { display: inline-block; width: 100%; height: auto; padding-bottom: 60px; background: #f9f9f9; } .shop_recommend {display: inline-block; width: 100%; } .shop_recommend > li { display: inline-block; float: left; width: 588px; border: 1px solid#ddd; } .shop_recommend > li:first-child { margin-right: 20px; } .shop_recommend_img { display: inline-block; float: left; overflow: hidden; width: 283px; height: 240px; padding: 25px 0; box-sizing: border-box; background: #fff; } .shop_recommend_img img { width: auto; height: 190px;} .shop_recommend_txt { display: inline-block; float: left; width: 302px; height: 240px; padding: 30px; border-left: 1px solid #dddddd; box-sizing: border-box; background: #ffffff; text-align: left; } .shop_recommend_txt h4 { margin-bottom: 15px; font-size: 23px; line-height: 22px; color: #333333; font-weight: 600; } .shop_recommend_details { margin-bottom: 15px; font-size: 13px; color: #666666; line-height: 22px; } .shop_recommend_details span, .shop_entire_details span { padding-right: 10px; text-decoration: line-through; color: #999999; } .shop_recommend_details strong, .shop_entire_details strong { color: #333333; } .shop_recommend_details_bottom { margin-top: 10px; max-height: 40px; overflow: hidden; } .shop_entire { display: inline-block; width: 100%; margin-bottom: 20px; } .shop_entire02 { margin-bottom: 0; } .shop_entire > li { display: inline-block; float: left; width: 283px; margin: 0 20px 15px 0; border: 1px solid #ddd; } .shop_entire > li:nth-child(4n+0) { margin-right: 0; } .shop_entire_txt { display: inline-block; float: left; width: 100%; padding: 0px; box-sizing: border-box; background: #ffffff; text-align: center; } .shop_entire_txt h4 { margin-bottom: 10px; font-size: 18px; line-height: 22px; color: #333333; font-weight: 500; } .shop_entire_details { margin-bottom: 25px; font-size: 13px; color: #666666; line-height: 22px; } .main_shop_banner { display: inline-block; float: left; width: 283px; margin-left: 20px; padding-top: 25px; border: 1px solid #ddd; text-align: center; } .main_shop_banner span { display: inline-block; width: 200px; height: 30px; line-height: 30px; border-radius: 30px; } .main_shop_banner img { padding: 15px 0; } .shop_banner_btn { width: 100%; height: 35px; margin-top: 13px; font-size: 16px; line-height: 35px;background: url(/images/main/icon_arrow_w.png) no-repeat center right 40px; padding-right: 10px; box-sizing: border-box; } .educare_bg { background: #ecf3f9; } .goodtc_bg { background: #f1fbfa; } .main_shop_banner .educare { background-color: #448dc7; color: #fff; } .main_shop_banner .goodtc { background-color: #30b9a4; color: #fff; } .main_shop_bottom { margin-bottom: 60px; } #mainVideoShop { width:240px;height:240px; } /* 과정상세의 로그인 확인 레이어 */ #productLoginLayer { position:fixed;top:50%;left:50%;width:500px;height:200px;margin:-150px 0 0 -250px;background:#fff;z-index:15;user-select:none;display:none; } #productLoginLayer .title { height:40px;line-height:40px;padding-left:20px;background:#30b9a4;color:#fff;font-size:18px;font-weight:bold; } #productLoginLayer .message { height:50px;line-height:40px;padding:20px;text-align:center;font-size:16px;color:#333; } #productLoginLayer .button { text-align:center; } #productLoginLayer .button input { border:0;width:100px;height:40px;margin:0 15px 0 0;color:#fff; } #productLoginLayer .button input.close { background:#555; } #productLoginLayer .button input.login { background:#5585eb; } #productLoginLayer .button input.join { background:#30b9a4;margin:0; } #registerGroupLayer .content .check_info { padding:20px;margin:20px 0 0;background:#eaeaea;text-align:center; } #registerGroupLayer .content .check_info p { margin:0 0 20px 60px;text-align:left; } /* 어린이안전교육 */ .um-check:before { content: "\e281"; } #mandatory .safety_type_wrap { display: inline-block; padding: 10px 0px; border-top: 1px solid #ddd; } #mandatory .safety_type_wrap h4 { float: left; width: 120px; font-weight: 500; color: #333; padding: 7px 0 0; } #mandatory .safety_type_wrap ul { float: left; width: 380px; } #mandatory .safety_type_wrap li { position: relative; float: left; width: 140px; margin: 0 0 0 10px; } #mandatory .safety_type_wrap li:first-child { margin: 0 } #mandatory .safety_type_wrap li input[type=radio] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } #mandatory .safety_type_wrap li input[type=radio] + label { display: block; padding: 7px 10px 7px; border: 1px solid #ddd; border-radius: 2px; cursor: pointer; box-sizing: border-box; font-size: 13px; color: #999; } #mandatory .safety_type_wrap li input[type=radio] + label span.fonti { position: absolute; top: 50%; right: 10px; color: #fff; display: block; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #mandatory .safety_type_wrap li input[type=radio]:checked + label { background: #30b9a4; border-color: #30b9a4; color: #fff; } #mandatory .safety_type_wrap .safety_type { display: inline-block; width: 100%; padding-bottom: 5px;} #mandatory .safety_type_wrap .safety_type .num_ctrl { float: left; width: 380px; position: relative; } #mandatory .safety_type_wrap .safety_type .num_ctrl span { margin-left: 5px; font-size: 13px; color: #999; line-height: 28px; } #mandatory .safety_type_wrap .safety_type .guide { margin: 0px 0 0 120px; letter-spacing: -.7px; color: #aaa; } #mandatory .safety_type_wrap .safety_type .btn_increase, #mandatory .safety_type_wrap .safety_type .btn_decrease { display: inline-block; float: left; width: 30px; height: 30px; margin-right: -1px; background: #fff; border: 1px solid #ddd; font-size: 16px; color: #666;} #mandatory .safety_type_wrap .safety_type input.num { float:left; width: 50px; height: 30px; padding: 0; margin: 0 -1px 0 0; border: 1px solid #ddd; line-height: 28px; font-size: 14px; text-align: center; } #mandatory .safety_type_wrap .calendar_choice { display: inline-block; width: 100%; height: 40px; padding: 0 0 0 62px; margin: 10px 0 0; border: 1px solid #ddd; background: url("../images/contents/icon_calendar.png") no-repeat left 20px center; line-height: 38px; box-sizing: border-box; cursor: pointer; } #mandatory .safety_type_wrap .calendar_choice::after { content: '>'; position: absolute; right: 20px; } #introSafeMessage > p { margin:20px 0 0;background:#e8e8e8;line-height:25px;display:none; } #introSafeMessage > p.type1 { padding:10px 0 10px 40px; } #introSafeMessage > p.type2 { padding:10px 0 10px 70px; } #safeScheduleLayer { width: 940px; height: 740px; margin: -370px 0 0 -470px; } #safeCalendar { position:relative;width:900px; } #safeCalendar > .top { position:relative;width:180px;height:40px;margin:20px auto;text-align:center;color:#000;font-size:23px;font-weight:700; } #safeCalendar > .top > i { position:absolute;cursor:pointer; } #safeCalendar > .top > i.prev { left:0; } #safeCalendar > .top > i.next { right:0; } #safeCalendar > .top > i.prev::after, #safeCalendar > .top > i.next::after { content:'';position: absolute;top:10px;left:-5px;width:10px;height:10px;border-top:5px solid #555;border-right:5px solid #555;transform: rotate(-135deg); } #safeCalendar > .top > i.next::after { left:-15px;transform: rotate(45deg); } #safeCalendar > .top > i:hover::after { border-top:5px solid #a1a1a1;border-right:5px solid #a1a1a1; } #safeCalendar > .top_txt { position: absolute; top: 40px; } #safeCalendar > .calendar { width:900px;margin:0 auto; } #safeCalendar > .calendar > thead > tr > th { width:128px;height:30px;min-height:30px;line-height:30px;background:#efefef;border:1px solid #ccc;font-weight:400;text-align:center; } #safeCalendar > .calendar > tbody > tr > td { position:relative;height:50px;padding:25px 10px 0;border:1px solid #ccc;vertical-align:top; } #safeCalendar > .calendar > tbody > tr > td.none { background:#f9f9f9; } #safeCalendar > .calendar > tbody > tr > td.none > span { margin:10px 0 0;color:#e2e2e2;font-size:12px;text-align:center;font-weight:200;display:block; } #safeCalendar > .calendar > tbody > tr > td > p.day { position:absolute;top:5px;left:15px;font-weight:500;cursor:pointer; } #safeCalendar > .calendar > tbody > tr > td > p.day:hover { color:blue; } #safeCalendar > .calendar > tbody > tr > td > dl { margin:5px 0 0;font-size:11px;overflow:hidden; } #safeCalendar > .calendar > tbody > tr > td > dl:last-child { margin:5px 0; } #safeCalendar > .calendar > tbody > tr > td > dl > * { float:left; } #safeCalendar > .calendar > tbody > tr > td > dl > dt { padding:0 3px;background:#687aa5;color:#fff; } #safeCalendar > .calendar > tbody > tr > td > dl > dd { margin:0 0 0 5px; } /* 사전학습진단 레이어 */ #preLearningLists > .info { padding:10px;margin:20px 0 0;line-height:30px;letter-spacing:-0.3px;background:#989898;color:#fff; } #preLearningResult { margin:20px 0 0;border:2px solid #50a3ec;background:#e8f4ff;text-align:center; } #preLearningResult > dl > dt { padding:15px 0 5px 0;font-size:20px; } #preLearningResult > dl > dt > i { padding:0 10px;margin:0 5px;background:yellow;font-size:25px;color:#2e6da4;letter-spacing:2px;font-weight:500;display:inline-block; } #preLearningResult > dl > dd { padding:10px 0 20px 0; } #preLearningResult > dl > dd > .text { position:relative;top:2px;padding:5px 10px;background:#d5e8ff;color:#08f; } #preLearningResult > dl > dd > .btn { padding:5px 15px;margin:0 0 0 10px;background:#2e6da4;border-radius:20px;font-size:15px;color:#fff; } /* 사전학습진단 확인창 */ #preLearningConfirm { position:fixed;top:50%;left:50%;width:360px;height:160px;margin:-150px 0 0 -180px;background: #e6f9ff;box-shadow:5px 5px 5px #333;user-select:none;z-index:15;display:none; } #preLearningConfirm > dl > dt { padding:20px;line-height:30px;text-align:center;font-size:16px;color:#333; } #preLearningConfirm > dl > dd { text-align:center; } #preLearningConfirm > dl > dd > .btn { border-radius:0; } /* 사전학습진단 결과 콘텐츠 */ #remedialFormLayer > .content { height:calc(100% - 130px); } #remedialFormLayer > .bottom { height:60px;padding:0;background:transparent; } #remedialFormLayer > .bottom > .complete { padding:20px 0 0;color:#5585eb; } #remedialFormLayer > .bottom > .info { position:relative;padding:20px 0 0;text-align:right;color:#72a212; } #remedialFormLayer > .bottom > .info:after { content:'';position:absolute;top:42px;right:0;width:510px;height:2px;background:yellowgreen; } /* 과제제출 레이어 */ #reportSendInfo .report_list { padding:20px 0;border-bottom:1px solid #30b9a4; } #reportSendInfo .report_list .subject { position:relative;width:600px;margin:0 0 10px 70px;color:#000; } #reportSendInfo .report_list .subject > .num { position:absolute;top:0;left:-20px; } #reportSendInfo .report_list dl { list-style:none;overflow:hidden; } #reportSendInfo .report_list dl > * { height:40px;line-height:40px;float:left; } #reportSendInfo .report_list dl > dt { width:100px;margin:2px 0 0 50px;text-align:center; } #reportSendInfo .report_list dl > dd { margin:0; } #reportSendInfo .report_list dl > dd label { height:38px;line-height:38px;margin:-3px 0 0 -4px;padding:0 20px;background:#aaa;border-radius:0;vertical-align:middle; } #reportSendInfo .report_list .input { position:relative; } #reportSendInfo .report_list .input > textarea { width:600px;height:250px;margin:0 0 30px 70px; } #reportSendInfo .report_list .input > .save { position:absolute;bottom:0;left:613px; } /* 나의 학습계획 */ #btnMyStudyPlan { position:absolute;top:10px;right:5px; } #myStudyPlanTutorial { position:absolute;top:0;left:0;width:1090px;height:680px;background:url(/images/contents/img_study_plan_tutorial.png);z-index:1;display:none; } #myStudyPlanTutorial > p { position:absolute;bottom:30px;width:100%;text-align:center;color:#ffff00;font-size:18px;font-weight:400;cursor:pointer; } #myStudyPlanTutorial > p:after { content:'';position:absolute;top:25px;left:393px;width:305px;border-bottom:1px solid #ff0; } #myStudyPlanLayer { display:block; } #myStudyPlanLayer .popup_title_no_handle { position:relative;height:60px;line-height:60px;padding-left:20px;background:#30b9a4;font-size:21px;color:#fff;font-weight:500; } /* 나의 학습계획 - 일정 레이어 */ .my_study_plan_layer { width:1090px; height: 740px; margin: -370px 0 0 -545px; } .my_study_plan_layer > .content { position:relative;overflow-x:hidden;overflow-y:scroll; } .my_study_plan_layer > .content > div { position:relative;width:1030px; } .my_study_plan_layer .top { width:1030px;height:60px;margin:25px 0 0; } .my_study_plan_layer .top > * { width:33.3%;float:left; } .my_study_plan_layer .top > .date > div { position:relative;width:180px;margin:0 auto;text-align:center;color:#000;font-size:23px;font-weight:700; } .my_study_plan_layer .top > .date > div > i { position:absolute;cursor:pointer; } .my_study_plan_layer .top > .date > div > i.prev { left:0; } .my_study_plan_layer .top > .date > div > i.next { right:0; } .my_study_plan_layer .top > .date > div > i.prev::after, .my_study_plan_layer .top > .date > div > i.next::after { content:'';position: absolute;top:10px;left:-5px;width:10px;height:10px;border-top:5px solid #555;border-right:5px solid #555;transform: rotate(-135deg); } .my_study_plan_layer .top > .date > div > i.next::after { left:-15px;transform: rotate(45deg); } .my_study_plan_layer .top > .date > div > i:hover::after { border-top:5px solid #a1a1a1;border-right:5px solid #a1a1a1; } .my_study_plan_layer .top > .lecture select { width:250px;font-size:12px; } .my_study_plan_layer .top > .button { text-align:right; } .my_study_plan_layer .link_info { position:absolute;top:40px;font-size:11px;font-weight:400;color:#c5c5c5; } .my_study_plan_layer .set_view { position:absolute;top:40px;right:5px;font-size:11px;font-weight:400;cursor:pointer;color:#0f6692; } .my_study_plan_layer .set_view:hover { color:#0f6692;text-decoration:underline; } /* 나의 학습계획 - 캘린더형 */ .my_study_plan_layer .calendar { width:1030px; } .my_study_plan_layer .calendar > thead > tr > th { width:135px;height:30px;min-height:30px;line-height:30px;background:#efefef;border:1px solid #ccc;font-weight:400;text-align:center; } .my_study_plan_layer .calendar > tbody > tr > td { position:relative;width:145px;height:50px;padding:25px 10px 10px 10px;border:1px solid #ccc;vertical-align:top; } .my_study_plan_layer .calendar > tbody > tr > td.today { background:#e7f3ff; } .my_study_plan_layer .calendar > tbody > tr > td.none { background:#f9f9f9; } .my_study_plan_layer .calendar > tbody > tr > td.none > span { margin:10px 0 0;color:#e2e2e2;font-size:12px;text-align:center;font-weight:200;display:block; } .my_study_plan_layer .calendar > tbody > tr > td > p.day { position:absolute;top:5px;left:15px;font-weight:400; } .my_study_plan_layer .calendar > tbody > tr > td > p.add { position:absolute;top:7px;right:15px;padding:0 5px;border:1px solid #b7b7b7;color:#b7b7b7;letter-spacing:-0.5px;font-weight:300;font-size:10px;cursor:pointer; } .my_study_plan_layer .calendar > tbody > tr > td > p.add:hover { background:#5585eb;border:1px solid #bbb;color:#fff; } .my_study_plan_layer .calendar > tbody > tr > td > dl { margin:5px 0 0;font-size:11px;overflow:hidden; } .my_study_plan_layer .calendar > tbody > tr > td > dl > * { float:left; } .my_study_plan_layer .calendar > tbody > tr > td > dl > dt { width:28px;padding:0 3px;background:#687aa5;color:#fff; } .my_study_plan_layer .calendar > tbody > tr > td > dl > dd { width:88px;margin:0 0 0 3px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; } .my_study_plan_layer .calendar > tbody > tr > td > .more { margin:3px 0 0 0;font-size:11px;color:#687aa5;text-decoration:underline;cursor:pointer;display:inline-block;float:right; } /* 나의 학습계획 - 리스트형 */ .my_study_plan_layer .lists { width:100%; } .my_study_plan_layer .lists > thead > tr > th { padding:10px 0;background:#e5e5e5;border-top:3px solid #aaa;border-bottom:1px solid #aaa;font-size:13px; } .my_study_plan_layer .lists > tbody > tr.today > td { background:#e7f3ff; } .my_study_plan_layer .lists > tbody > tr > td { padding:10px;border-top:1px solid #ccc; } .my_study_plan_layer .lists > tbody > tr > td.date { width:250px;padding:12px 10px 10px;border-right:1px solid #ccc;vertical-align:top;font-size:13px;text-align:center; } .my_study_plan_layer .lists > tbody > tr > td.date > .add { padding:0 5px;margin:0 0 0 10px;border:1px solid #b7b7b7;color:#b7b7b7;letter-spacing:-0.5px;font-weight:300;font-size:11px;cursor:pointer; } .my_study_plan_layer .lists > tbody > tr > td.date > .add:hover { background:#5585eb;border:1px solid #bbb;color:#fff; } .my_study_plan_layer .lists > tbody > tr > td.alarm { width:200px;padding:15px 0 0;border-left:1px solid #ccc;font-size:11px;text-align:center; } .my_study_plan_layer .lists > tbody > tr > td.alarm > dl > dd { width:100%;text-align:center; } .my_study_plan_layer .lists > tbody > tr > td > dl { margin:7px 0 0;font-size:13px;overflow:hidden; } .my_study_plan_layer .lists > tbody > tr > td > dl:last-child { margin:7px 0; } .my_study_plan_layer .lists > tbody > tr > td > dl > * { float:left; } .my_study_plan_layer .lists > tbody > tr > td > dl > dt { width:40px;padding:0 3px;margin:0 10px;background:#687aa5;color:#fff;text-align:center; } .my_study_plan_layer .lists > tbody > tr > td > dl > dd { } /* 나의 학습계획 - 작성폼 */ #myStudyPlanFormLayer { width:530px;height:450px;margin:-225px 0 0 -265px; } #myStudyPlanFormLayer > .popup_title { height:40px;line-height:40px;background:#555;font-size:16px; } #myStudyPlanFormLayer > .close { top:13px;right:13px;width:15px;height:15px; } #myStudyPlanFormLayer .content { height:calc(100% - 40px);padding:0;font-size:13px; } #myStudyPlanFormLayer .content table { margin:20px 0 0; } #myStudyPlanFormLayer .content table > tbody > tr > * { padding:5px 0;vertical-align:middle; } #myStudyPlanFormLayer .content table > tbody > tr > th { width:80px;padding:0 20px 0 0;text-align:right; } #myStudyPlanFormLayer .content table > tbody > tr > th.red_mark::before { content:' *';position:absolute;margin-left:-10px;color:red; } #myStudyPlanFormLayer .content table > tbody > tr > td.info { padding:0;font-size:11px;color:#aaa; } #myStudyPlanFormLayer .content table > tbody > tr > td.button { position:relative;text-align:center; } #myStudyPlanFormLayer .content table > tbody > tr > td.button .btn.delete { position:absolute;top:15px;right:0; } #myStudyPlanFormLayer .select_wrap select { width:60px; } #myStudyPlanFormLayer input[readonly='readonly'] { color:#666; } #myStudyPlanFormLayer input[name='subject'] { width:400px; } #myStudyPlanFormLayer textarea { width:400px;height:150px; } #simpleLayer { position:absolute;top:0;left:0;width:300px;height:auto;z-index:13;display:none; } #simpleLayer > ul { position:absolute;max-width:300px;max-height:200px;padding:5px 10px;border:1px solid #aaa;background:#fff;border-radius:5px;font-size:13px;overflow:hidden; } #simpleLayer > ul > .subject { padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:1px solid #ccc;color:#333; } #myclass.capacity_ing_view .study_subject { max-width:480px;display:inline-block;vertical-align:middle; } /* 실시간 의견나누기 */ #realTalkFormLayer > .subject { position:absolute;width:100%;height:40px;padding:10px 0;background:#333;border-bottom:1px solid #aaa; } #realTalkFormLayer > .subject > dt { position:absolute;top:9px;left:12px;padding:2px 15px;background:#5585eb;letter-spacing:2px;font-size:13px;color:#fff; } #realTalkFormLayer > .subject > dd { margin:0 20px 0 80px;color:#fff; } #realTalkFormLayer > .write { height:90px; } #realTalkFormLayer > .write > * { margin:15px 0 0;float:left; } #realTalkFormLayer > .write > dt > textarea { width:465px;height:60px;margin:0 0 0 20px;font-size:13px;color:#888; } #realTalkFormLayer > .write > dt > textarea::placeholder { color:#dfdfdf; } #realTalkFormLayer > .write > dd > span { width:80px;height:60px;margin:0 0 0 10px;line-height:60px;text-align:center;background:#999;color:#fff;cursor:pointer;display:block; } #realTalkFormLayer > .content { height:calc(100% - 210px);margin:61px 0 0; } #realTalkFormLayer > .content > .box_wrap::after { content:'';display:block;clear:both; } #realTalkFormLayer > .content > .box_wrap > ul { max-width:80%;margin:15px 0 10px 0;float:left; } #realTalkFormLayer > .content > .box_wrap:nth-child(odd) > ul { float:right; } #realTalkFormLayer > .content > .box_wrap > ul > dt { margin:0 10px 5px 10px;font-size:11px; } #realTalkFormLayer > .content > .box_wrap:nth-child(odd) > ul > dt { text-align:right; } #realTalkFormLayer > .content > .box_wrap > ul > dt > .uid { font-weight:700;color:#555; } #realTalkFormLayer > .content > .box_wrap > ul > dt > .date { margin:0 0 0 10px; } #realTalkFormLayer > .content > .box_wrap > ul > dt > .modify { margin:0 0 0 5px;color:#aaa; } #realTalkFormLayer > .content > .box_wrap > ul > dt > .delete { margin:0 0 0 5px;color:#aaa; } #realTalkFormLayer > .content > .box_wrap > ul > dd { padding:10px;border:1px solid #c4d374;background:#eff7c5;border-radius:10px;font-size:13px; } #realTalkFormLayer > .content > .box_wrap:nth-child(odd) > ul > dd { border:1px solid #9ebed9;background:#e1effb; } #realTalkFormLayer > .content > .box_wrap > ul > dd.delete { border:1px solid #e3e3e3;background:#efefef;color:#c5c5c5;font-size:11px; } #realTalkFormLayer > .content > .box_wrap > ul > dd.message > .modify_form { text-align:right; } #realTalkFormLayer > .content > .box_wrap > ul > dd.message > .modify_form > textarea { width:412px;height:60px;font-size:13px; } #realTalkFormLayer > .content > .box_wrap > ul > dd.message > .modify_form > textarea.original { display:none; } #realTalkFormLayer > .content > .no_data { margin:150px 0 0;text-align:center;color:#999; } #realTalkFormLayer > .content > .no_data > span { margin:0 0 30px 0;font-size:25px;font-weight:700;display:block; } #btnRealTalk.new::before { content:'N';position:absolute;top:-7px;left:-7px;width:16px;height:16px;line-height:16px;border-radius:3px;background-color:#ff4081;color:#fff;font-size:9px;text-align:center;z-index:2; } /* 통합검색 */ #subContents.search_result {} #searchResult > .loading { position:relative;margin:150px 0 0;text-align:center; } #searchResult > .search_result_kind { margin:10px 0 0;padding:10px 0 0;border-top:2px solid #ddd; } #searchResult > .search_result_kind:nth-child(1) { margin:0;border:none; } #searchResult > .search_result_kind > .no_result { padding:50px 0 70px 0;text-align:center;font-size:18px;color:#c5c5c5; } #searchResult > .search_result_kind > strong { color:#30b9a4; } #searchResult > .search_result_kind > ul { padding:10px 0; } #searchResult > .search_result_kind > ul > li:nth-child(1) { font-size:18px; } #searchResult > .search_result_kind > ul > li:last-child { padding:0 15px 20px 15px;border-bottom:1px dotted #ddd; } #searchResult > .search_result_kind > ul:last-child > li { border:none; } #searchResult > .search_result_kind > ul > li > a { color:blue;text-decoration:underline; } #searchResult > .search_result_kind > ul > li > span.bold { color:#000;font-weight:400; } #searchResult > .search_result_kind > ul > li > dt { margin:10px 0 0;font-size:13px; } #searchResult > .search_result_kind > ul > li > dd { margin:5px 0 0;line-height:22px; } #searchResult > .search_result_kind > ul.book > li:nth-child(1) { float:left; } #searchResult > .search_result_kind > ul.book > li > a { font-size:18px; } /* 특강 일괄결제 */ #specialMultiOrderLayer .content { font-size:13px; } #specialMultiOrderLayer table.sec_table tbody th { padding: 10px;} #specialMultiOrderLayer table.sec_table.sec_table_type04 tbody td { padding:10px; } #specialMultiOrderLayer table.sec_table.sec_table_type04 tbody tr:last-child th, #specialMultiOrderLayer table.sec_table.sec_table_type04 tbody tr:last-child td { border-bottom:none; } #specialMultiOrderLayer table.sec_table.sec_table_type04.green_border { margin:20px 0 0; } #specialMultiOrderLayer table.sec_table tbody th label { font-weight:normal; } #specialMultiOrderLayer .content .check_all { position:relative;top:10px;left:10px; } #specialMultiOrderLayer .content .price { padding:10px 0;border-top:2px solid #30b9a4;overflow:hidden; } #specialMultiOrderLayer .content .price dt { width:530px;padding:0 20px 0 0;text-align:right;color:#000;font-size:15px;font-weight:500;float:left; } #specialMultiOrderLayer .content .price dd { width:calc(100% - 550px);color:#30b9a4;font-size:15px;font-weight:500;text-align:center;float:left;} #specialMultiOrderLayer .content .button { margin:30px 0 40px 0;text-align:center; } #specialMultiOrderLayer .content .button .btn { width:100px;padding:10px 12px;font-size:15px;border-radius:initial; } #specialMultiOrderLayer .content .payment { position:relative;width:600px;height:50px;line-height:40px;margin:0 auto;font-size:15px;overflow:hidden; } #specialMultiOrderLayer .content .payment.mt40 { height:40px;margin:30px auto 0 auto; } #specialMultiOrderLayer .content .payment dt { width:150px;text-align:center;font-weight:500;float:left; } #specialMultiOrderLayer .content .payment dd { width:calc(100% - 150px);float:left; } #specialMultiOrderLayer .content .payment dd input { padding:7px 10px;font-size:13px; } #specialMultiOrderLayer .content .payment dd input::placeholder { color:#aaa; } #specialMultiOrderLayer .content .msg_mobile { position:absolute;left:310px;bottom:-14px;color:red;font-size:12px; } #specialMultiOrderLayer .content .cancel_info { width:500px;padding:20px;margin:20px auto 0 auto;background:#eee; } #specialMultiOrderLayer .content .cancel_info dt { margin:0 0 5px 0;font-weight:600; } #specialMultiOrderLayer .content .cancel_info dd { line-height:23px; } #specialMultiOrderLayer .content input[type=checkbox]:disabled + label span.fonti { background:#eee; } /* 최근검색어 */ #headerSearch > .recent_search { position:absolute;top:40px;left:0;width:298px;height:auto;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 0 7px 0px #cdcdcd;z-index:7; } #headerSearch > .recent_search > h3 { padding:10px 10px 5px 10px;font-weight:600;color:#333; } #headerSearch > .recent_search > .delete_all { position:absolute;top:13px;right:15px;text-decoration:underline;font-size:13px;cursor:pointer; } #headerSearch > .recent_search > .delete_all:hover { color:#30b9a4; } #headerSearch > .recent_search > dl { padding:5px 10px;overflow:hidden;font-size:12px; } #headerSearch > .recent_search > dl > * { float:left; } #headerSearch > .recent_search > dl > dt { width:200px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;cursor:pointer;overflow:hidden;float:left; } #headerSearch > .recent_search > dl > dt:hover { text-decoration:underline; } #headerSearch > .recent_search > dl > dd { text-align:right;color:#bbb; } #headerSearch > .recent_search > dl > dd > .delete { position:relative;top:2px;margin:0 0 0 2px;right:0;width:9px;height:10px;border:1px solid #ccc;cursor:pointer;display:inline-block; } #headerSearch > .recent_search > dl > dd > .delete:before, #headerSearch > .recent_search > dl > dd > .delete:after { content:'';position:absolute;left:4px;height:10px;width:1px;background:#999; } #headerSearch > .recent_search > dl > dd > .delete:before { transform: rotate(45deg); } #headerSearch > .recent_search > dl > dd > .delete:after { transform: rotate(-45deg); } #headerSearch > .recent_search > dl > dd > .delete:hover { border-color:#30b9a4; } #headerSearch > .recent_search > dl > dd > .delete:hover:before, #headerSearch > .recent_search > dl > dd > .delete:hover:after { background:#30b9a4; } #headerSearch > .recent_search > .close { padding:5px 15px 10px 0;text-decoration:underline;font-size:13px;cursor:pointer;float:right; } #headerSearch > .recent_search > .close:hover { color:#30b9a4; } /* 10분클래스 */ .tenclass_stamp_num { display:inline-block;vertical-align:middle; } .tenclass_stamp_unit { width:18px;height:18px;line-height:18px;border-radius:9px;background:#666;font-size:11px;text-align:center;vertical-align:middle;display:inline-block;color:#fff; } .tenclass_stamp_unit.orange { width:16px;height:16px;margin:0 0 0 1px;line-height:16px;border-radius:8px;background:#e34500; } .tenclass_stamp_btn { position:absolute;top:11px;right:20px; } #btnUnpaidChapter { margin:20px 0 10px 0;text-align:center; } #btnUnpaidChapter > .btn { width:300px;padding:15px;font-size:15px;border-radius:initial; } #getTenClassTicket { position:absolute;top:50%;left:50%;width:300px;height:180px;margin:-120px 0 0 -150px;display:none; } #getTenClassTicket > ul { overflow:hidden;opacity:0;transform:scale(2);transition:all .3s linear; } #getTenClassTicket > ul.on { opacity:1;transform:scale(1); } #getTenClassTicket > ul > li.left_box { width:230px;height:140px;background:#6395c1;border-radius:15px 5px 5px 15px;color:#fff;float:left; } #getTenClassTicket > ul > li.left_box > .inner { position:absolute;top:10px;left:10px;width:210px;height:120px;background:#f8fcff;border-radius:10px;color:#4a658f;text-align:center; } #getTenClassTicket > ul > li.left_box > .inner > span { display:block; } #getTenClassTicket > ul > li.left_box > .inner > span:nth-child(1) { margin:35px 0 5px 0;font-size:20px;font-weight:500; } #getTenClassTicket > ul > li.right_box { position:relative;width:68px;height:140px;background:#6395c1;border-radius:5px 15px 15px 5px;border-left:2px dotted #346087;color:#fff;float:left; } #getTenClassTicket > ul > li.right_box > .inner { position:absolute;top:30px;left:15px;transform:rotate(90deg); } #getTenClassTicket > ul > li.right_box > .inner > img { width:60px; } #getTenClassTicket > ul > li.right_box > .inner > p { position:absolute;top:33px;left:45px;width:70px;font-size:13px;color:#35658f; } #getTenClassTicket > .button { clear:both;margin:5px 0 0;text-align:center;display:none; } #tenClassStampLayer .content ul.stamps { width:675px;margin:20px auto 0 auto;overflow:hidden; } #tenClassStampLayer .content ul.stamps > li { width:75px;height:75px;float:left; } #tenClassStampLayer .content ul.stamps > li > i { width:60px;height:60px;margin:0 auto;line-height:60px;text-align:center;font-size:18px;color:#dadada;display:block; } #tenClassStampLayer .content ul.stamps > li > i.default { background:url(/images/contents/icon_stamp_default.png) no-repeat; } #tenClassStampLayer .content ul.stamps > li > i.complete { background:url(/images/contents/icon_stamp_complete.png) no-repeat; } #tenClassStampLayer .content ul.stamps > li > i.gain { background:url(/images/contents/icon_stamp_gain.png) no-repeat; } #tenClassStampLayer .content ul.stamps > li > i.get { cursor:pointer;background:url(/images/contents/icon_stamp_get.png) no-repeat; } #tenClassStampLayer .content ul.stamps > li > i.givex1 { opacity:.6;background:url(/images/contents/icon_stamp_givex1.png) no-repeat; } #tenClassStampLayer .content ul.stamps > li > i.givex2 { opacity:.6;background:url(/images/contents/icon_stamp_givex2.png) no-repeat; } #tenClassStampLayer .content .pagination { padding:0; } #tenClassStampLayer .content .pagination > i { width:11px;height:11px;border:2px solid #bcbcbc;border-radius:50%;display:inline-block;cursor:pointer; } #tenClassStampLayer .content .pagination > i.on { width:15px;height:15px;border:0;background:#30b9a4; } #tenClassStampLayer .content ol.description { position:relative;width:630px;margin:20px auto 0 auto;border:1px solid #74a5cf; } #tenClassStampLayer .content ol.description > h3 { position:absolute;top:39px;left:-40px;width:103px;height:25px;line-height:23px;transform:rotate(270deg);background:#74a5cf;font-size:13px;font-weight:700;color:#fff;text-align:center;letter-spacing:0px; } #tenClassStampLayer .content ol.description > li { position:relative;margin:6px 0 0 33px;font-size:13px; } #tenClassStampLayer .content ol.description > li:last-child { margin-bottom:6px; } #unpaidChapter .capacity_view_btn { margin:20px 0 0; } #unpaidChapter .capacity_view_btn .capacity_btn { position:relative;width:190px;padding:12px;margin:0 0 0 10px;background:#2e6da4;border:1px solid #bbb;box-sizing:border-box;border-color:#2e6da4;border-radius:2px;color:#fff;cursor:pointer;display:block; } #unpaidChapter .capacity_view_btn .capacity_btn span.fonti{ position:absolute;top:50%;right:15px;color:#999;transform:translateY(-50%);font-size:18px;color:#fff; } .btn_lecture_video { position:relative;width:100%;height:50px;padding:0 0 0 25px;background:transparent;background:linear-gradient(0deg, hsl(191deg 96% 56%) 0%, rgb(32 157 205) 100%);transition:all 0.3s ease;display:inline-block;border:none;outline:none;font-family:'NotoSansKR';text-align:left;color:#fff;cursor:pointer;overflow:hidden; } .btn_lecture_video:hover { text-decoration:none;opacity:.7; } .btn_lecture_video:before { content:'';position:absolute;display:inline-block;top:-200px;left:0;width:30px;height:100%;background-color:#fff;animation:btn_lecture_shiny 3s ease-in-out infinite; } .btn_lecture_video > img { position:absolute;top:30%;right:15px;width:20px; } @-webkit-keyframes btn_lecture_shiny { 0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; } 80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; } 81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; } 100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; } } /*** 기업직업훈렵카드 안내 ***/ #corpRefundInfo { position:relative; width: 400px; margin:30px 0 0; border-top: 1px solid #37b19d; border-bottom: 1px solid #37b19d; text-align: center; } #corpRefundInfo > h4 {height: 40px; padding: 0 10px; line-height: 40px; font-size: 16px; text-decoration: none; box-shadow: inset 0 -11px 0 #b7efe7; letter-spacing: -1px; font-size: 16px; font-weight: 500; color: #333; display: inline; } #corpRefundInfo > span { margin: 5px 0 15px 0; padding: 5px 10px; font-size:15px; border: 1px solid #37b19d; border-radius: 10px; color:#37b19d; cursor:pointer;display:inline-block; } #corpRefundInfo > span:nth-child(3) { margin: 0 0 0 5px; } #corpRefundInfoLayer { position:absolute;top: 93px; left: 0; width: 480px; height:300px;padding:20px;background:#fff;border:2px solid #dcdcdc;text-align:left;z-index:5;display:none; } #corpRefundInfoLayer > .close { position:absolute;right:15px;top:8px;cursor:pointer; } #corpRefundInfoLayer > h4 { font-size:15px;font-weight:600;color:#37b19d; } #corpRefundInfoLayer > ul > li { margin:10px 0 0;font-size:13px;color:#333; } #corpRefundInfoLayer > ul > li > span.ml { margin:0 0 0 71px; } #corpRefundInfoLayer .btn { background: #6d6fd1; border: none; border-radius: unset; } /*** 환급과정 변경 안내 ***/ #refundDetailNotice { width: 360px; padding: 10px 20px; margin: 20px 0 0; background: #e6fcf8; line-height: 25px; } #refundDetailNotice > dl:first-child { margin: 0 0 10px 0; } #refundDetailNotice > dl > * { display: inline; } #refundDetailNotice > dl > dt { width: 30px; height: 22px; line-height: 22px; text-align: center; display: inline-block; } #refundDetailNotice > dl > dd { line-height: 26px; vertical-align: top; color: #2c2c2c; } #refundDetailNotice > dl > dd > a:hover { text-decoration: underline; } #corpCard {padding: 70px 0;} #corpCard > h1 {font-size: 40px; color: #111; font-weight: bold; text-align: center;} #corpCard > .card_j_box {margin: 30px 0 0 0; background: #f6f6f6; border-radius: 10px; padding: 30px 0; text-align: center;} #corpCard > .card_j_box p {font-size: 22px; color: #333; position: relative;} #corpCard > .card_j_box p span {color: #30b9a4; font-weight: 500;} #corpCard > .card_j_box > button {border: 2px solid #30b9a4; border-radius: 25px; text-align: center; background: url("/images/contents/btn_corp_card.png") no-repeat; font-size: 16px; color: #219886; font-weight: bold; padding: 10px 35px; background-position: 95% 52%; letter-spacing: -1px; margin: 15px 0 0 0;} #corpCard > .card_j_support {margin: 55px 0 0 0; padding: 45px 0 55px 0; border-radius: 10px; border: 1px solid #e3e3e3; text-align: center; overflow: hidden;} #corpCard > .card_j_support > h2 {font-size: 26px; font-weight: 500; color: #333;} #corpCard > .card_j_support > h2 span.card_j_t1 {color: #30b9a4;} #corpCard > .card_j_support > h2 span.card_j_t2 {color: #f36f49;} #corpCard > .card_j_support > ul {margin: 0 0 0 50%; width: 600px; transform: translateX(-50%);} #corpCard > .card_j_support > ul li {float: left; border-radius: 50%; width: 162px; height: 162px; margin: 30px 10px 0 10px; display: flex; align-items: center; justify-content: center;} #corpCard > .card_j_support > ul li p {color: #555; font-size: 18px;} #corpCard > .card_j_support > ul li p span {color: #333; font-weight: 500;} #corpCard > .card_j_support > ul li:first-child, #corpCard > .card_j_support > ul li:last-child {background-color: #ecf7f5; border: 2px dashed #a1d3ca;} #corpCard > .card_j_support > ul li:nth-child(2) {background-color: #e6f0f8; border: 2px dashed #a1b4d3;} #corpCard > .card_j_voucher {margin: 70px 0 0 0;} #corpCard > .card_j_voucher > h3 {font-size: 28px; color: #333; font-weight: bold; text-align: center;} #corpCard > .card_j_voucher .card_j_voucher_box {position: relative;margin: 50px 0 0 0;} #corpCard > .card_j_voucher .card_j_voucher_box > h4 {font-size: 24px; color: #333; font-weight: 500; background: url("/images/contents/icon_corp_card_ar.png") no-repeat; background-position: 0% 50%; padding: 0 0 0 20px;} #corpCard > .card_j_voucher .card_j_voucher_box > h4 > span { margin: 0 0 0 10px; font-size: 18px; } #corpCardHowTo { position:absolute;top:205px;right:253px;width:460px;padding:20px;border:1px solid #5c8881;background:#fff;z-index:1;display:none; } #corpCard > .card_j_voucher > .card_j_voucher_box > ul {border: 1px solid #e3e3e3; border-top: 1px solid #3e3e3e; margin: 20px 0 0 0; padding: 30px; font-size: 18px; color: #333; line-height: 30px;} #corpCard > .card_j_voucher > .card_j_voucher_box > ul.card_voucher_target li:first-child {font-size: 20px; color: #f36f49; font-weight: 500; padding: 0 0 10px 0;} #corpCard > .card_j_voucher > .card_j_voucher_box > ul.card_voucher_target li:last-child {padding: 0 20px 0;} #corpCard > .card_j_voucher > .card_j_voucher_box > ul.card_voucher_content li span {color: #f36f49; font-weight: 500;} #corpCard > .card_j_voucher > .card_j_voucher_box > ul.card_voucher_way li {margin: 10px 0 0;} #corpCard > .card_j_voucher > .card_j_voucher_box > ul.card_voucher_way li:first-child {margin: 0;} #corpCard > .card_j_voucher > .card_j_voucher_box > ul.card_voucher_way li span {padding: 0 20px 0;} #corpCard > .card_j_voucher > .card_j_voucher_box > ul.card_voucher_way li button {background-color: #5c8881; font-size: 14px; color: #fff; text-align: center; padding: 4px 10px; border: 0; margin: 0px 0 0 10px;} #corpCard > .card_j_voucher > .card_j_voucher_box > ul.card_voucher_faq {border: 0; border-top: 1px solid #3e3e3e; padding: 0;} #corpCard > .card_j_voucher > .card_j_voucher_box > ul.card_voucher_faq li {padding: 25px 25px 25px 45px; position: relative;} #corpCard > .card_j_voucher > .card_j_voucher_box > ul.card_voucher_faq li:nth-child(2n) {background-color: #f7f7f7; border-bottom:1px solid #dbdbdb;} #corpCard > .card_j_voucher > .card_j_voucher_box > ul.card_voucher_faq li:nth-child(2n-1)::before {content: '\0051'; position: absolute; top: 24px; left: 20px; font-size: 18px; font-weight: bold; color: #30b9a4;} #corpCard > .card_j_voucher > .card_j_voucher_box > ul.card_voucher_faq li:nth-child(2n)::before {content: '\0041'; position: absolute; top: 24px; left: 20px; font-size: 18px; font-weight: bold; color: #f37a58;} #corpCard > .card_corp_btn {text-align: center; margin: 35px 0;} #corpCard > .card_corp_btn button {background-color: #30b9a4; border-radius: 25px; text-align: center; color: #fff; font-weight: bold; padding: 12px 0; width: 35%; border: 0; letter-spacing: -1px; font-size: 18px;} #corpCard > #popup {width: 580px; border: 1px solid #dbdbdb; padding: 25px 25px 50px 25px; position: absolute; top: 50%; z-index: 100; background-color: #fff; left: 250px; display: none;} #corpCard > #popup > img {float: right; cursor: pointer;} #corpCard > #popup > p {font-size: 16px; color: #333; margin: 30px 0 0 0;} #corpCard > #popup > p span {font-weight: bold;} #corpCard > #popup > dl {margin: 25px 0 0 0;} #corpCard > #popup > dl > dt {background-color: #afede3; padding: 3px 10px; display: inline; font-weight: 500; font-size: 16px; color: #333;} #corpCard > #popup > dl > dd {font-size: 16px; color: #333; line-height: 24px;} /*** 국민내일배움카드 안내 ***/ #government > .card_j_voucher .card_j_voucher_box {position: relative;margin: 50px 0 0 0; text-align: left;} #government > .card_j_voucher .card_j_voucher_box > h4 {font-size: 24px; color: #333; font-weight: 500; background: url("/images/contents/icon_corp_card_ar.png") no-repeat; background-position: 0% 50%; padding: 0 0 0 20px;} #government > .card_j_voucher > .card_j_voucher_box > ul,.card_keydetails {border: 1px solid #e3e3e3; border-top: 1px solid #3e3e3e; margin: 20px 0 0 0; padding: 30px; font-size: 18px; color: #333; line-height: 30px;} .card_keydetails > dl { display: inline-block; width: 100%; margin-bottom: 10px; } .card_keydetails > dl > dt {float:left; width: 100px; margin-right: 10px; } .card_keydetails > dl > dd { width: 768px; float : left; } .card_keydetails span {display: inline-block; width: 100px; height: 30px; line-height: 30px; background-color: #30b9a4; border-radius: 50px; color: #fff; font-size: 18px; text-align: center; } .card_keydetails > dl.ministry_inquiry { margin-bottom: 0; } .card_keydetails > dl.ministry_inquiry > dt { width: auto; } .card_keydetails > dl.ministry_inquiry > dd {width: auto; line-height: 36px; margin-left: 5px; font-weight: 500; font-size: 20px; } #government > .card_j_voucher > .card_j_voucher_box > ul {border: 1px solid #e3e3e3; border-top: 1px solid #3e3e3e; margin: 20px 0 0 0; padding: 30px; font-size: 18px; color: #333; line-height: 30px;} #government > .card_j_voucher > .card_j_voucher_box > ul.card_voucher_target li.tit {font-size: 20px; color: #f36f49; font-weight: 500; } #government > .card_j_voucher > .card_j_voucher_box > ul.card_voucher_target li.tit > span.penalt {font-size: 18px; color: #666; font-weight: normal; } #government > .card_j_voucher > .card_j_voucher_box > ul.card_voucher_target li b { font-weight: 500;} #government > .card_j_voucher > .card_j_voucher_box > ul.card_voucher_target li {margin: 10px 0 0;} #government > .card_j_voucher > .card_j_voucher_box > ul.card_voucher_target li:first-child {margin-top: 0; } #government > .card_j_voucher > .card_j_voucher_box > ul.card_voucher_target li span {display:inline-block; padding: 0 20px 0;} #government > .card_j_voucher > .card_j_voucher_box > ul.card_voucher_target li span.c_b { color:#30b9a4; font-size: 16px; } #government > .card_j_voucher > .card_j_voucher_box > ul.card_voucher_target li span a { color:#30b9a4; text-decoration : underline;} /* 개별자율교육 - 시리즈 상세 */ #autonomySeries { position:relative; } #autonomySeries:before { content:'';position:absolute;top:30px;width:30px;height:calc(100% - 30px);background:#f3f3f3; } #autonomySeries:after { content:'';position:absolute;top:30px;right:0;width:30px;height:calc(100% - 30px);background:#f3f3f3; } #autonomySeries > h3 { width:830px;height:30px;margin:0 auto;font-size:16px;font-weight:500;border-bottom:1px solid #ddd;background:#fff; } #autonomySeries > ul.series_lectures { width:830px;margin:0 auto; } #autonomySeries > ul.series_lectures > li { margin:20px 0 0;padding:0 0 20px 0;border-bottom:1px solid #ddd;overflow:hidden; } #autonomySeries > ul.series_lectures > li > dt { position:relative;width:180px;cursor:pointer;cursor:pointer;float:left; } #autonomySeries > ul.series_lectures > li > dd { width:calc(100% - 200px);margin:0 0 0 20px;cursor:pointer;float:left; } #autonomySeries > ul.series_lectures > li > dd > dl { margin:5px 0 0; } #autonomySeries > ul.series_lectures > li > dd > dl > dt { font-size:18px;font-weight:500;color:#333; } #autonomySeries > ul.series_lectures > li > dd > dl > dd { margin:10px 0 0;line-height:26px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical; } #autonomySeries > ul.series_lectures > li.on > dt:before { content:'';position:absolute;top:0;left 0;width:100%;height:100%;background:#30b9a4;opacity:.2; } #autonomySeries > ul.series_lectures > li.on > dt:after { content:'';position:absolute;top:0;left:0;width:calc(100% - 10px);height:calc(100% - 10px);border:5px solid #30b9a4; } #autonomySeries > ul.series_lectures > li.already { opacity:0.3; } #autonomySeries > ul.series_lectures > li.already > dd > dl > dd.price { color:#000;font-weight:500; } /* 수강완료 페이지의 추천 과정 */ #recommendLecture { margin:20px 0 0;overflow:hidden; } #recommendLecture > .main_tit { margin:0;text-align:center; } #recommendLecture > ul { width:100%;overflow:hidden; } #recommendLecture > ul > li { float:left; } #recommendLecture > ul > li > dt { width:200px;height:150px;display:inline-block;float:left; } #recommendLecture > ul > li > dt > a > img { width:200px; } #recommendLecture > ul > li > dd { padding: 10px 0 30px 30px;position: relative;width:270px;height:150px;padding:10px;border:1px solid #dddddd;box-sizing:border-box;float: left; } #recommendLecture > ul > li > dd > p { margin:0 0 5px 0;line-height:20px;font-size:13px; } #recommendLecture > ul > li > dd > h4 { margin-bottom:10px;line-height:22px;font-weight:600;font-size:20px;color:#333333; } #recommendLecture > ul > li > dd > span { position:absolute;bottom:40px;font-size:13px;display:block; } #recommendLecture > ul > li > dd > span > i { margin:0 10px;color:#ddd;display:inline-block; } #recommendLecture > ul > li > dd > a { position:absolute;right:15px;bottom:15px;display:block; } /* 2024환급과정 공지 - 신청&결제 시 */ #refundOrderNotice { width: 100%; height: 100px; margin: 20px 0 0; background: #faf1f8; overflow: hidden; } #refundOrderNotice > img { margin: 10px 20px;display: block; float: left; } #refundOrderNotice > ul { float: left; } #refundOrderNotice > ul > li:nth-child(1) { margin: 20px 0 0 ; } #refundOrderNotice > ul > li:nth-child(2) { margin: 15px 0 0 ; } #refundOrderNotice > ul > li > i { width: 60px; height: 20px; line-height: 20px; border-radius: 10px; background: #cd80bc; font-size: 13px; color: #fff; text-align: center; display: inline-block; } #refundOrderNotice > ul > li > a { margin: 0 0 0 10px; text-decoration: underline; }