@charset "utf-8"; @import url("font.css"); /* reset */ *{margin:0; padding:0;} html {overflow-y:scroll} body {font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic","Dotum",Arial, sans-serif; font-size:14px; color:#333; font-style:normal;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldser, input, p, blockqute, th,td, label, address {margin: 0; padding: 0;} ul,li{list-style:none;} li {vertical-align:top;} a{text-decoration:none; color:#333;} img{border:0;} address{font-style:normal;} table{width:100%;border-collapse:collapse;border-spacing:0;} table caption{width:0px; height:0px; position:absolute; top:-9999px; left:-9999px;} select{font-family: "Noto Sans KR";} button{border:0; background:none; cursor:pointer;font-family: "Noto Sans KR";} .skip{width:0px; height:0px; position:absolute; top:-9999899px; height:-99999999px;} .clr{clear:both;} input[type="submit"]{border:0px; cursor:pointer;} .clearfix::after { display: block; clear: both; content: ""; } #wrap{min-width:1400px;} .tc{text-align:center !important;} .tl{text-align:left !important;} .tr{text-align:right !important;} .nodata{width:100% !important;padding:20px 0 !important;text-align:center;justify-content: center !important;} .nodata::after{width:100% !important;} input::placeholder,textarea::placeholder{font-family: "Noto Sans KR";color:#999;font-size:1rem;font-weight:400;} input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family: "Noto Sans KR";color:#999;font-size:1rem;font-weight:400;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family: "Noto Sans KR";color:#999;font-size:1rem;font-weight:400;} input::-moz-placeholder,textarea::-moz-placeholder {font-family: "Noto Sans KR";color:#999;font-size:1rem;font-weight:400;} /* button */ .btn_blue{background:#40A2DC;color:#fff;border:1px solid #40A2DC;} /* header_wrap */ #header_wrap{width:100%; min-width:1200px; margin:0 auto; border-bottom:1px solid #dfdfdf;} /* 파란색 */ .utill_wrap{width:100%; margin:0 auto; background:#19a3dd; height:43px;} .utill_wrap .utill{width:1000px; margin:0 auto; position:relative; } .utill_wrap .utill .utill_left{overflow:hidden;} .utill_wrap .utill .utill_left li{float:left; height:43px;border-right:1px solid #0a93cc;} .utill_wrap .utill .utill_left li:first-child{border-left:1px solid #0a93cc;} .utill_wrap .utill .utill_left div li:first-child{border-left:0px;} .utill_wrap .utill .utill_left li a{width:110px; padding:12px 0 11px; font-size:15px; color:#fff; font-weight:500; display:inline-block; text-align:center;} .utill_wrap .utill .utill_left li.menu a{padding:4px 0 6px; } .utill_wrap .utill .utill_left li.menu a span{font-size:10px; display:block;} .utill_wrap .utill .utill_left li a:hover, .utill_wrap .utill .utill_left li a.on{background:#ffffff; z-index:10001; color:#555555;} .utill_wrap .utill .utill_right{position:absolute; top:13px; right:0px;} .utill_wrap .utill .utill_right li{float:left; background:url(../images/common/bar_dot.png) 0 50% no-repeat; padding:0 10px; line-height:11px;} .utill_wrap .utill .utill_right li a{color:#fff; font-size:11px; font-family:Dotum; } .utill_wrap .utill .utill_right li:first-child{ background:none;} .mt20{margin-top:20px;} .header{display: flex;justify-content: space-between;width:1000px; height:117px; margin:0 auto; position:relative;} .header h1{display:flex;align-items: center;justify-content: center;} .header h1 a{display:inline-block;;} /* .header h1 p{position:absolute; top:29px; left:113px;} */ .header .gnb{display: flex;align-items: center;justify-content: space-between;width: calc(100% - 333px);} .header .gnb li.dp1{flex:1;height:100%;} .header .gnb li.dp1> a{position:relative;display: flex;align-items: center;justify-content: center;height: 100%;font-size:15px; text-align:center; font-weight:700;color:#555555;} .header .gnb li.dp1 >a::after{position:absolute;bottom:0;width:0;height:0;border-bottom:0;border-top: 14px solid #005BB8;border-left: 48px solid #fff;border-right: 48px solid #fff;content:'';opacity:0;transition:all .3s;} .header .gnb li.dp1 >a:hover, .header .gnb li.dp1.on> a{ background:#F4F4F4; transition:all .3s;} .header .gnb li.dp1 >a:hover::after, .header .gnb li.dp1.on >a::after{opacity:1;} .header .gnb .dp2_wrap{display:flex;} /* .header .gnb .dp2_wrap .dp2{width:calc(100% - 220px);} */ .header .gnb .dp2{display:flex;margin-top:20px;} .header .gnb .dp2> li {flex:1;flex-basis: auto;padding:0 20px 40px;border-left:1px solid #E4E4E4;} .header .gnb .dp2> li:first-child{border:0;} .header .gnb .dp2> li >a{display:block;margin-bottom:10px;color:#005BB8;font-size:18px;font-weight:500;line-height:22px;} .header .gnb .dp3> li >a{color:#161615;font-size:16px;line-height:27px;} .header .gnb .dp3.ellipsis> li >a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;display: inline-block;} .header .gnb .dp3> li >a:hover{color:#005BB8;} .header .gnb .dp3.banner li:first-child{margin-bottom:10px;} .header .gnb .gnb_box{display:none;position:absolute;z-index: 999;left: 0;top: 117px;width:100%;min-height:330px;padding:10px 10px 20px;background: #fff;box-sizing: border-box;border-radius:20px;border:1px solid #005BB8;} .header .gnb .gnb_box.on{display:block;} .header .gnb_box .title{padding:10px 0;margin:0 10px;color:#fff;background: #005BB8;border-radius:20px;text-align:center;font-size:20px;font-weight:500;} .header .gnb_box .counsel{margin-top:40px;} .header .gnb_box .counsel li:not(:last-child){margin-bottom:10px;} .header .gnb_box .counsel li a{padding-left:27px;color:#005BB8;font-size:18px;font-weight:500;line-height:22px;} .header .gnb .icon_kakao{background: url("../images/common/icon_kakao.png")no-repeat 0 50%;} .header .gnb .icon_qna{background: url("../images/common/icon_qna.png")no-repeat 0 50%;} .header .gnb .icon_faq{background: url("../images/common/icon_faq.png")no-repeat 0 50%;} .header .gnb .open_chat a{margin-bottom:10px;font-size:16px !important;} .header .gnb .open_chat a:last-child{margin:0;} .header .gnb .icon_external{display:inline-block;width:12px;height:12px;margin-left:6px;background: url("../images/common/icon_external.png")no-repeat 50% 50%;} .header .gnb .icon_external_b{display:inline-block;width:12px;height:12px;margin-left:9px;background: url("../images/common/icon_external_b.png")no-repeat 50% 50%;} .header .gnb .icon_tel {display: inline-block;width: 15px;height: 19px;margin-right: 13px;background: url("../images/common/icon_tel.png")no-repeat 50% 50%;} .header .gnb .icon_location {display: inline-block;width: 13px;height: 18px;margin-right: 13px;background: url("../images/common/icon_location.png")no-repeat 50% 50%;} .header .gnb .info {display: flex;flex-direction: column;} .header .gnb .info span {display: flex;align-items: center;margin-bottom: 5px;line-height: 22px;color: #005BB8;font-size: 18px;font-weight: 500;line-height: 22px;} .header .gnb .info span a {color: #005BB8;} /* all_manu */ .btn_allmenu{position:absolute;right:-98px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);color:#005BB8;font-size:15px;font-weight:700;padding-left:24px;background: url("../images/common/icon_btnall.png")no-repeat 0 50%;} .btn_allmenu.on{background-image: url("../images/common/icon_btnall_on.png");} .all_menu{display:none;position: absolute;z-index: 999999;left:-93px;top: 117px;width: 1200px;padding:13px 0;border: 1px solid #005BB8;border-radius: 20px;background: #fff;} .all_menu.on{display:block;} .all_menu .all_title{padding:10px 0;margin:0 11px 10px;color:#fff;background: #005BB8;border-radius:20px;text-align:center;font-size:20px;font-weight:500;} .all_menu .menu_wrap{display:flex;} .all_menu .box{flex:auto;padding:10px 17px 0;border-right:1px solid #E4E4E4;} .all_menu .box:last-child{border-right:0;} .all_menu .box .title{margin-bottom:20px;padding:6px 0 7px;border:1px solid #005BB8;font-size:18px;font-weight:500;line-height:22px;text-align:center;color:#005BB8;} .all_menu .box .dp1{margin-bottom:20px;} .all_menu .box .dp1 > a{color:#005BB8;font-size:18px;font-weight:500;line-height:22px;} .all_menu .box .dp2 a{color:#161615;font-size:16px;line-height:24px;} /* container */ #container{position:relative; margin:0 auto; min-height:500px; padding-bottom:100px;} .main_visual{width:100%; height:464px; position:relative; margin-bottom:20px;} .main_visual .visual_btn{} .main_visual .visual_btn .arrow_l{position:absolute; top:84px; left:25px;} .main_visual .visual_btn .arrow_r{position:absolute; top:84px; right:25px;} .main_visual ul{} .main_visual ul li{height:100%; margin:0 auto;visibility: visible !important;} .main_visual ul li div{height: 465px;} /* 2017-11-09 pagination */ .main_visual .pagination{position:absolute; bottom:10px; left:50%; text-align:center; z-index:99;} .main_visual .pagination span{display:inline-block; cursor:pointer; margin:0 2px; width:11px; height:11px; background:#9a9697; border-radius:50%;} .main_visual .pagination span.cycle-pager-active{ background:#f1f1f1;} /* 슬라이드 */ .slideshow { margin: auto;} .slideshow ul li {} .container_inner{overflow:hidden;} /* left_wrap */ .left_wrap{float:left; width:180px; font-weight:500;} .left_wrap .left_banner{margin:12px 0 10px;} .left_wrap .left_banner li{margin-bottom:3px; height:73px;} .left_wrap .left_menu1{padding:14px; text-align:center; line-height:20px; margin-bottom:5px; font-size:15px; border:1px solid #90939c;} .left_wrap .left_menu1 a{ color:#1777ce; letter-spacing:-1px;} .left_wrap .left_menu1 a strong{display:block; color:#333;} .left_menu2{border:1px solid #90939c;} .left_menu2 > p{background-color:#a0a0a0; text-align:center; font-weight:normal; color:white; padding:4px 0 8px;} .left_menu2 ul{padding:11px 0 3px 17px; font-size:13px; overflow:hidden;} .left_menu2 .bullet_circle li{ background:url(../images/common/bullet_circle.jpg) 0 50% no-repeat; margin-bottom:10px; padding-left:10px;} .left_menu2 ul li{margin-bottom:10px;} .left_menu2 ul li a{color:#3e3e3e;} .left_menu2 ul li a:hover{ text-decoration:underline;} .left_menu2 ul li p{margin-bottom:2px} .left_menu2 ul li > b{color:#941ad3; font-size:16px;} .left_menu2 ul li strong {color:#08a8f3; font-size:16px;} .left_menu2 .left_menu2_ft {font-size:12px;height:35px;} .left_menu2 .left_menu2_ft p{float:left; clear:right; margin-right:5px;} .left_menu_wrap{margin-bottom:12px;} .left_menu_wrap .tit{width:100%; height:32px;letter-spacing: -0.2px;line-height:32px;background:#00a3e4;color:#fff;font-weight:500;font-size:15px;text-align:center;} .left_menu_box {padding:15px 6px 7px ;border:1px solid #00a3e4;} .left_menu_box li{margin-bottom:14px;} .left_menu_box p:first-child{padding:0 0 3px 3px;margin-bottom: 5px;letter-spacing: -0.6px;border-bottom:1px solid #00a3e4;color:#00a3e4;font-weight:500;font-size:14px;} .left_menu_box p:first-child em{float:right;font-size:11px;font-weight:400;font-style: normal;} .left_menu_box a{display:inline-block;letter-spacing: -0.2px;font-weight: 400;color:#49444b;font-size:13px;line-height:26px;} .left_menu_box a + a{margin-top:7px;} .left_menu_box a strong{display:inline-block; padding-left:15px;font-weight: 400;background:url(../images/common/ico_left_menu_dot.png) 3px 7px no-repeat; line-height:1.5;} .left_menu_box a span{display:block;padding-left:15px;line-height:1.2;letter-spacing:-0.6px;} .left_menu_box a:hover{text-decoration:underline;} /* right_wrap */ .right_wrap{position:absolute; top:0px; left:50%; margin-left:515px} .right_wrap .video_box{margin-bottom:15px; background:#000; border:3px solid #00a3e4;} .right_wrap ul li{margin-top:10px} .right_wrap ul li a{display:inline-block;} /* 디데이 */ .right_wrap ul .d_day{position:relative; padding:15px 10px; border:1px solid #dfdfdf; background:#f7f7f7} .right_wrap ul .d_day span{width:130px; height:18px; position:absolute; top:-8px; left:0px; background:url(../images/main/day_bg.png) no-repeat} .right_wrap ul .d_day p{width:108px; font-size:13px; font-weight:bold; color:#ff7800; text-align:center; border-bottom:1px dashed #dfdfdf; padding-bottom:15px} .right_wrap ul .d_day strong{display:block; text-align:center; font-size:29px; color:#444; padding-top:10px; line-height:29px} /* m_right */ .m_right{float:right; width:806px;} .m_right .m_righttop{overflow:hidden; padding-bottom:12px;} .m_right .m_righttop .right_banner{height:150px; width:589px; float:left; margin-right:13px;} .m_right .m_righttop .login_wrap{float:left; width:182px; height:124px; border:1px solid #dfdfdf; border-radius:5px; padding:12px 10px;} .m_right .m_righttop .login_wrap ul{width:115px; float:left; margin-right:3px;} .m_right .m_righttop .login_wrap ul li{border:1px solid #dfdfdf; padding:6px 10px 5px; margin-bottom:2px; font-size:12px;} .m_right .m_righttop .login_wrap ul li input[type="text"], .login_wrap ul li input[type="password"]{border:0px; width:93px;} .m_right .m_righttop .login_wrap p{ overflow:hidden; font-size:11px; line-height:11px; font-family:Dotum; color:#999999; padding:9px 0 11px;} .m_right .m_righttop .login_wrap strong{ float:left; } .m_right .m_righttop .login_wrap p span{ float:right;} .m_right .m_righttop .login_wrap p a{color:#999999;} .m_right .board_wrap{width:806px; overflow:hidden;} /*메인 게시판 박스 .m_right .board_wrap .board_box02{width:395px; height:223px; border:1px solid #dfdfdf; border-radius:5px; float:left;} .m_right .board_wrap .board_box02 h2{border-bottom:1px solid #dfdfdf; overflow:hidden; padding:11px 14px;} .m_right .board_wrap .board_box02 h2 p{float:left; margin-right:15px;} .m_right .board_wrap .board_box02 .board_tab{float:left; width:260px; padding-top:2px;} .m_right .board_wrap .board_box02 .board_tab li{font-size:11px; color:#a9a9a9; float:left; background:url(../images/sub/bullet_bar.jpg) 0 50% no-repeat;} .m_right .board_wrap .board_box02 .board_tab li:first-child{ background-image:none;} .m_right .board_wrap .board_box02 .board_tab a{font-size:11px; font-family:Dotum; letter-spacing:-1px; color:#a9a9a9; margin:0 8px; font-weight:normal;} .m_right .board_wrap .board_box02 .board_tab li:first-child a{margin-left:0px;} .m_right .board_wrap .board_box02 .board_tab a:hover, .m_right .board_wrap .board_box02 .board_tab a.board_tab_on{color:#555555;} .m_right .board_wrap .board_box02 h2 span{float:right;} .m_right .board_wrap .board_box02 div{padding:12px 12px 14px;} .m_right .board_wrap .board_box02 div.none{text-align:center; font-size:13px; line-height:130px;} .m_right .board_wrap .board_box02 div ul.board{} .m_right .board_wrap .board_box02 div ul.board li{position:relative; background:url(../images/common/bullet_dot.jpg) 0 50% no-repeat; padding:0 0 0 6px; line-height:22px; font-family:Dotum; font-size:12px;} .m_right .board_wrap .board_box02 div ul.board li a{ line-height:170%; font-size:12px; font-family:Dotum; width:275px; display:inline-block;} .m_right .board_wrap .board_box02 div ul.board li a:hover{ text-decoration:underline;} .m_right .board_wrap .board_box02 div ul.board li span{float:right; font-size:11px; color:#999999; position:absolute; top:0px; right:0px;} */ .m_right .board_wrap .board01{width:397px; min-height:160px; float:left;} .m_right .board_wrap .board01 h2{border-bottom:1px solid #555555; overflow:hidden; padding:8px 0 10px 13px; position:relative;} .m_right .board_wrap .board01 h2 p{float:left; margin-right:10px; font-size:16px;} .m_right .board_wrap .board01 .board_tab{float:left; width:240px;} .m_right .board_wrap .board01 .board_tab li{font-size:11px; color:#a9a9a9; float:left; background:url(../images/sub/bullet_bar.jpg) 0 50% no-repeat;} .m_right .board_wrap .board01 .board_tab li:first-child{ background-image:none;} .m_right .board_wrap .board01 .board_tab a{font-size:11px; font-family:Dotum; letter-spacing:-1px; color:#a9a9a9; margin:0 2px; font-weight:normal; padding:2px;} .m_right .board_wrap .board01 .board_tab li:first-child a{margin-left:0px;} .m_right .board_wrap .board01 .board_tab a:hover, .m_right .board_wrap .board01 .board_tab a.board_tab_on{color:#fff; background:#333; padding:2px;} .m_right .board_wrap .board01 h2 span{position:absolute; top:15px; right:0px;} .m_right .board_wrap .board01 div{padding:8px 5px 0px 8px;} .m_right .board_wrap .board01 div.none{text-align:center; font-size:13px; line-height:168px;} .m_right .board_wrap .board01 div ul.board{} .m_right .board_wrap .board01 div ul.board li{position:relative; background:url(../images/common/bullet_dot.jpg) 0 50% no-repeat; padding:0 0 0 6px; line-height:22px; font-family:Dotum; font-size:12px;} .m_right .board_wrap .board01 div ul.board li a{ line-height:170%; font-size:12px; font-family:Dotum; width:320px; display:inline-block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .m_right .board_wrap .board01 div ul.board li a:hover{ text-decoration:underline;} .m_right .board_wrap .board01 div ul.board li span{float:right; font-size:11px; color:#999999; position:absolute; top:0px; right:0px;} .m_right .board_wrap .board01 div ul.msp_list{padding-top:10px;} .m_right .board_wrap .board01 div ul.msp_list li{ float:left; margin-left:14px;} .m_right .board_wrap .board01 div ul.msp_list li:first-child{ margin-left:0px;} .main_movie{position:relative;} .main_movie div{min-height:153px;} .main_movie div ul{} .main_movie div ul li.cycle-slide{float:none;margin-left:0;width:123px !important; margin-right:13px;} .m_right .board_wrap .board01 .msp_arr{position:absolute; top:5px; right:0px; width:35px; padding:0px;} .m_right .board_wrap .board01 .msp_arr div{display:inline-block; padding:0px; float:left;} .m_right .board_wrap .board01 .msp_arr a{} .board02{width:397px; min-height:160px; float:left;} .board02 h2{ overflow:hidden; padding:8px 0 10px 13px; position:relative;} .board02 h2 p{float:left; margin-right:10px; font-size:16px;} .board02 .board_tab{float:left; width:240px; padding-top:5px;} .board02 .board_tab li{font-size:11px; color:#a9a9a9; float:left; background:url(../images/sub/bullet_bar.jpg) 0 50% no-repeat;} .board02 .board_tab li:first-child{ background-image:none;} .board02 .board_tab a{font-size:11px; font-family:Dotum; letter-spacing:-1px; color:#a9a9a9; margin:0 2px; font-weight:normal; padding:2px;} .board02 .board_tab li:first-child a{margin-left:0px;} .board02 .board_tab a:hover, .m_right .board_wrap .board02 .board_tab a.board_tab_on{color:#fff; background:#333; padding:2px;} .board02 h2 span{position:absolute; top:15px; right:0px;} .board02 div.board02_box{padding:8px 5px 0px 8px; margin-top:-1px; border:1px solid #dfdfdf; border-radius:5px; height:190px;} .board02 div.none{text-align:center; font-size:13px; line-height:130px;} .board02 div ul.board{} .board02 div ul.board li{position:relative; background:url(../images/common/bullet_dot.jpg) 0 50% no-repeat; padding:0 0 0 6px; line-height:22px; font-family:Dotum; font-size:12px;} .board02 div ul.board li a{ line-height:170%; font-size:12px; font-family:Dotum; width:275px; display:inline-block;} .board02 div ul.board li a:hover{ text-decoration:underline;} .board02 div ul.board li span{float:right; font-size:11px; color:#999999; position:absolute; top:0px; right:0px;} .mb_banner{float:left; width:385px; height:210px; margin:25px 0 0 0px;} /* 커뮤니티 select */ /* .tb_category{position:absolute; top:155px; right:0px; } */ .tb_category{margin-bottom: 20px;text-align: right;} .tb_category span{font-size:14px; margin-right:10px; display:inline-block;} .tb_category select{width:170px; height:30px;} /* footer_wrap */ .footer_wrap{clear:both; width:100%; min-width:1200px; margin:0 auto; background:#f2f2f2;} .footer{width:1000px; margin:0 auto; padding:20px 0 30px; overflow:hidden;} .footer h2{width:200px; margin-right:30px; float:left;} .f_menu{float:left; width:770px; border-bottom:1px solid #dfdfdf; padding-bottom:10px;} .f_menu ul{overflow:hidden;} .f_menu ul li{float:left; line-height:0px;} .f_menu ul li a{ padding:0 6px; display:inline-block;} .f_menu ul li:first-child a{padding-left:0px;} .footer address{float:left; width:770px; } /* .footer address ul{overflow:hidden;padding-top:19px;} .footer address ul li{float:left; font-size:13px; letter-spacing:-0.5px; line-height:150%;} .footer address ul li:first-child{margin-right:40px;} .footer address ul li strong{padding-bottom:5px; display:inline-block;} */ .footer address{float:left; color:#888; font-size:12px; padding-top:10px; line-height:150%;} /* sub */ .sub_visual{display: flex;align-items: flex-end;justify-content: center;width:100%; height:178px;overflow: hidden;text-align:center;margin:0 auto;} /* .sub_visual img{max-width:100%;} */ /* .sub_visu_course{ background:#6941bb url("../images/sub/bg_sub_visu_course.jpg")no-repeat; } */ .container{width:1000px;margin:45px auto 0 !important;} .sub_container{display: flex;flex-direction: row-reverse;width: 1278px;align-items: flex-start;;} .sub_container .contents{width:calc(100% - 278px);} .sub_menu{position:sticky;top: 0;width:235px;border-radius:16px;box-shadow:0 3px 6px rgba(0,0,0,0.16);border:1px solid #D8ECF7;overflow:hidden;} .sub_menu .title{padding:15px 0;background:#D8ECF7;text-align:center;color:#2C70C1;font-size:18px;font-weight:700;line-height:25px;} .sub_menu >ul{padding:20px 15px;background: #fff;} .sub_menu >ul >li:not(:last-child){margin-bottom:20px;} .sub_menu2 >ul >li:not(:last-child){margin-bottom:13px;} .sub_menu >ul >li .dp1{display:block;margin-bottom:4px;color:#2C70C1;font-size:16px;font-weight:500;line-height:25px;} .sub_menu >ul .dp2 >li > a{font-size:14px;font-weight:300;} /* submenu에 베너있는거 */ .sub_menu_wrap{position:sticky;top: 0;} .sub_menu_wrap .sub_menu{margin-bottom:20px;} .sub_menu_wrap .sub_banner{display:block;margin-top:10px;} /* sub_menu */ .sub_rowmenu{width:1000px; overflow:hidden; background:#fff;position: relative;top: -30px;width:1000px; margin: 0 auto;} .sub_rowmenu ul{display:flex;height:64px;} .sub_rowmenu ul li{flex:1;line-height:64px; } .sub_rowmenu ul li a{width:100%; display:block;border-top:8px solid transparent; background:url(../images/sub/bullet_dp.jpg) 0 50% no-repeat; text-align:center; font-size:17px;} .sub_rowmenu ul li:first-child a{background:none;} .sub_rowmenu ul li a:hover, .sub_rowmenu ul li a.dp1on{border-color:#fd4f00; font-weight:500; transition:all .5s;} .sub_rowmenu .rowm_1dp3{overflow:hidden; display:inline-block; width:1000px; height:64px;} /* 2dp */ .sub_rowmenu2 ul{display:flex;overflow:hidden; width:1000px; border-bottom:1px solid #c9c9c9; padding-bottom:15px;} .sub_rowmenu2 ul li{flex:1; margin-left:9px; text-align:center;} .sub_rowmenu2 ul li:first-child{margin-left:0px;} .sub_rowmenu2 ul li a{width:100%;height:56px;line-height:56px; background:#ebebeb; text-align:center; display:block; font-size:15px;} .sub_rowmenu2 ul li a div{height:56px; padding:0 10px; vertical-align:middle;text-align:center; } .sub_rowmenu2 ul li a:hover, .sub_rowmenu2 ul li a.dp2on{background:#0079c0; color:#fff; font-weight:500;} /* 마이페이지 lnb */ .aside{float:left; width:180px;} .aside .sub_menu{width:180px; text-align:left;} .aside .sub_menu h2{font-size:20px; line-height:87px; letter-spacing:-1px; width:180px; height:89px; background:#e31635; color:#fff; text-align:center;} .aside .sub_menu p{font-family:Dotum; font-size:12px; line-height:12px; padding-bottom:20px;} .aside .sub_menu div{} .aside .sub_menu div ul{} .aside .sub_menu div li.lnb_2dp{} .aside .sub_menu div li.lnb_2dp>a{border:1px solid #d2d2d2; background:#eeeeee; padding:0 10px; letter-spacing:-1px; width:158px; margin-top:-1px; height:48px; line-height:48px; font-size:15px; color:#151515; font-weight:bold; display:inline-block;} .aside .sub_menu div li.lnb_2dp>a:hover, .aside .sub_menu div li a.lnb2dp_on{ background:#0079c1 url(../images/sub/bullet_lnb2dp.png) 160px 50% no-repeat; border:1px solid #0079c1; color:#fff;} .aside .sub_menu div li.lnb_2dp ul{border:1px solid #d2d2d2; background:#f9f9f9; border-top:0px; padding:10px 17px 13px;} .aside .sub_menu div li.lnb_2dp ul li{padding:3px 0;} .aside .sub_menu div li.lnb_2dp ul li a{font-size:13px; background:url(../images/sub/bullet_lnb3dp_off.png) 0 50% no-repeat; padding-left:10px; display:inline-block; color:#3e3e3e;} .aside .sub_menu div li.lnb_2dp ul li a:hover, .aside .sub_menu div li.lnb_2dp ul li a.lnb3dp_on{ background:url(../images/sub/bullet_lnb3dp_on.png) 0 50% no-repeat; color:#0079c1;} /* btn_rwrap */ .btn_rwrap{border:1px solid #dfdfdf; padding:5px 6px;} .btn_rwrap ul{} .btn_rwrap li{ padding:7px 0px 7px 30px;} .btn_rwrap li.qnet_go01{ background:url(../images/sub/icon_qnet01.jpg) 0 50% no-repeat;} .btn_rwrap li.qnet_go02{ background:url(../images/sub/icon_qnet02.jpg) 0 50% no-repeat;} .btn_rwrap li a{color:#2e2e2e; font-size:13px; letter-spacing:-1px;} .btn_rwrap li a:hover{ text-decoration:underline;} .contents{margin:0 auto; position:relative;} .my_right .contents{} /* page_tit */ .contents .page_tit{padding:0px 10px 5px; margin-bottom:15px; border-bottom:1px solid #c9c9c9;} .contents .page_tit h2{font-size:24px; margin-bottom:10px; font-weight:600; color:#121212; letter-spacing:-1px; position:relative; } .contents .page_tit p{font-size:13px; color:#555; padding-left:2px; position:absolute; top:20px; right:10px; text-align:right;} .dp2_tit{font-size:18px; font-weight:bold; padding:0 0 15px 10px;} .sub_title{font-size:22px; font-weight:600; border-bottom:1px solid #dfdfdf; padding-bottom:10px; margin-bottom:20px; letter-spacing:-1px;} /* 게시판 탭 */ .tb_tab{ height:32px;} .tb_tab ul{overflow:hidden; } .tb_tab li{float:left;} .tb_tab li a{margin-right:-1px; text-align:center; padding:0 10px; height:31px; line-height:30px; color:#333; background:#fff; border:1px solid #cccccc; border-bottom:0px; display:block; border-radius:5px 5px 0 0 ;} .tb_tab li a.tb_tab_on{ border-top:1px solid #a0a0a0; border-left:1px solid #a0a0a0; border-right:1px solid #a0a0a0; background:#a0a0a0; color:#fff; border-bottom:0px;} .tb_select{position:absolute; top:25px; right:0px;} .tb_select select{width:200px; height:28px;} /* 시험정보 */ .sub_title_tab{ margin-bottom:20px; border-bottom:1px solid #acc83a; height:43px;} .sub_title_tab ul{overflow:hidden; } .sub_title_tab li{float:left; padding-right:3px; } .sub_title_tab li a{ text-align:center; height:42px; line-height:40px; color:#888888; background:#f9f9f9; border:1px solid #dfdfdf; border-bottom:1px solid #acc83a; padding:0 30px; display:block; border-radius:5px 5px 0 0 ;} .sub_title_tab li a.sub_tab_on{ border-top:1px solid #acc83a; border-left:1px solid #acc83a; border-right:1px solid #acc83a; background:#fff; font-weight:bold; color:#acc83a; border-bottom:1px solid #fff;} /* 시험정보-무료강의 */ .freemovie_list{} /* 무료강의 베너 */ .freemovie_wrap{padding:13px 30px 30px;background:rgba(230,230,230,0.2);} .movie_banner{position:relative;height:251px;} .movie_banner img{position:absolute;top:0;left:0;width:100%;} /* .movie_banner{position:relative;width:100%;height: 252px;background:url("../images/sub/bg_freemovie.png")no-repeat 0 50%;} */ .movie_banner .box{position:absolute;left:300px;width: 482px;padding:18px 0 0;} .movie_banner .box strong{font-size:14px;color:#666666;font-weight:400;} .movie_banner .box .tit{margin:12px 0 14px;font-size:22px;color:#111;font-weight:700;} .movie_banner .box .info{color:#666;font-size:14px;} .movie_banner .box .info dl{display:flex;} .movie_banner .box .info dt{margin-right:10px;} .movie_banner .box .btn_orange{width: 160px;height: 40px;padding: 7px 0;margin:13px 0 0;/* margin:24px 0 0; */font-size:16px;font-weight:500;} .movie_banner .box .text{margin:13px 0 0;font-size: 13px;line-height: 18px;} .movie_banner .box .text strong{font-weight:bold;} .freemovie_view{padding:30px;border:1px solid #FF9600;border-radius:20px 20px 0 0;background:#fff;} .freemovie_list p.freemovie_tit{font-size:16px; font-weight:bold; margin-bottom:8px;} .btn_fmroom{padding:3px 25px 6px 10px; text-align:center; display:inline-block; border:1px solid #c1c1c1; font-weight:bold; font-size:12px; background:url(../images/sub/arr_gray.png) 95px 50% no-repeat; cursor:pointer;} .btn_fmroom span{} .btn_fmroom:hover{ color:#fff; background:#00a3e4 url(../images/sub/arr_white.png) 95px 50% no-repeat;} .freemovie_list .no_data{ text-align:center; background:url(../images/sub/img_nodata.png) 50% 30px no-repeat; padding:120px 0 50px; color:#999;} /* 게시판 검색 */ /* .search_wrap{width:1000px; text-align:right; margin:30px 0 0 ; position:relative;} */ .search_wrap{width:1000px;display: flex;align-items: center;column-gap: 3px;justify-content: flex-end;margin:30px 0 0 ;position:relative;} .search_wrap select, .search_wrap input[type="text"]{border:1px solid #dfdfdf; background:#fff; height:28px; width:120px;box-sizing:border-box;} .search_wrap input[type="text"]{padding:0 5px; } .search_wrap button{ display:inline-block;} .info_select{ margin:-20px 0 10px;} .info_select select{height:26px; min-width:120px; border:1px solid #dfdfdf; margin-left:10px;} /* 게시판 */ table.tb01{} table.tb01 th{background:#f9f9f9; border-top:2px solid #cccccc; border-bottom:1px solid #cccccc; font-size:13px; color:#121212; height:31px;} .table_list table{border-bottom:1px solid #dfdfdf;} table.tb01 td{padding:8px 5px; border-bottom:1px solid #dfdfdf; text-align:center;font-size:13px; font-family:Dotum;} table.tb01 td.td_left{text-align:left;} table.tb01 a:hover{ text-decoration:underline;} table.tb01 .list_notice td, table.tb01 list_notice td a{font-weight:bold;} table.tb01 .list_notice td.td_left,table.tb01 td.td_left div{align-items: center;display: flex;column-gap: 3px;} table.tb01 td.td_left a{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 500px;display: inline-block;} table.posttb td.td_left p,table.posttb td.td_left a{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 393px;display: inline-block;} table.tb02{} table.tb02 th{background:#f9f9f9; border-top:2px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; font-size:13px; color:#121212; height:31px; font-weight:normal;} table.tb02 td{padding:8px 10px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; text-align:center;font-size:13px; font-family:Dotum;} table.tb02 td:first-child, table.tb02 th:first-child{border-left:0px;} table.tb02 td.td_left{text-align:left;} table.tb02 a:hover{ text-decoration:underline;} table.tb03 tr:first-child td, table.tb03 tr:first-child th{ border-top:2px solid #cccccc; } table.tb03 th{background:#f9f9f9;border-bottom:1px solid #cccccc; font-size:13px; color:#121212; height:31px; line-height:31px; font-weight:normal;} .table_list table{border-bottom:1px solid #dfdfdf;} table.tb03 td{padding:10px; border-bottom:1px solid #dfdfdf;font-size:13px; font-family:Dotum;} table.tb03 a:hover{ text-decoration:underline;} .table_list2 table{border-bottom:1px solid #dfdfdf;} .table_list2 th{background:#f9f9f9; padding:10px 0; font-size:13px; font-family:Dotum; border-top:2px solid #cccccc;} .table_list2 td{padding:10px; border-top:1px dashed #dfdfdf; text-align:center;font-size:13px; font-family:Dotum;} .table_list2 td:nth-child(2){ text-align:left;} .table_list2 table a:hover{ text-decoration:underline;} .page_num{padding-top:35px; font-size:0px; line-height:0px; text-align:center;} .page_num a{width:35px; height:35px; display:inline-block; line-height:35px; font-size:13px; vertical-align:middle; font-family:Dotum; font-weight:bold;} .page_num a.page_on, .page_num a:hover{color:#47b5e4; } .page_num a img{ vertical-align:middle;} .page_num > a{margin:0 -1px;} .page_num p{ display:inline-block; padding:0 10px; font-size:0px; line-height:0px; vertical-align:middle;} .table_view{border-top:2px solid #ccc; font-size:13px; position:relative;} .table_view table{margin-bottom:0px;} .table_view th{padding:13px 0 13px 13px; border-bottom:1px solid #dfdfdf; font-weight:normal;background:#f9f9f9; text-align:left;} .table_view td{padding:13px; border-bottom:1px solid #dfdfdf;} .file_attach{border-top:1px dashed #dfdfdf; padding-top:10px; margin-top:10px; overflow:hidden;} .file_attach p{background:url(../images/sub/icon_file.jpg) 57px 50% no-repeat; width:110px; float:left;} .file_attach div{float:right;} .bg_list_arrow01{ background:url(../images/sub/icon_s_arrow01.png) 0 50% no-repeat; padding-left:10px;} .bg_list_arrow02{ background:url(../images/sub/icon_s_arrow02.png) 0 50% no-repeat; padding-left:10px;} .file_list th{background:#f9f9f9 url(../images/sub/icon_link_file.jpg) 13px 50% no-repeat; padding-left:25px;} .file_list td li{background:url(../images/sub/icon_file.jpg) 0 8px no-repeat; padding-left:12px;} .btn_print{position:absolute; top:7px; right:0px;} .tab_area{padding-bottom:13px;} .tab_area ul{ overflow:hidden; border:1px solid #dfdfdf; border-width:0 0 0px 1px; border-radius:5px 0 0 5px;} .tab_area ul li{float:left; margin-left:-1px; border-width:1px 1px 1px 0; width:25%;} .tab_area ul li:last-child a{border-radius:0 5px 5px 0;} .tab_area ul li:first-child a{border-radius:5px 0 0 5px;} .tab_area li a{display:block; height:41px; line-height:38px; color:#555555; font-size:14px; text-align:center; padding:0 25px;border:1px solid #dfdfdf; } .tab_area li a:hover, .tab_area li a.tab_on{ background:#47b5e4; font-weight:bold; color:#fff; border:1px solid #47b5e4;} .table_faq table{ font-family:"Nanum Gothic","Malgun Gothic","Dotum",Arial, sans-serif; font-size:14px; border-bottom:1px solid #dfdfdf;} .table_faq table tr{} .table_faq table th{padding:15px 10px; text-align:left; font-weight:normal; border-top:1px solid #dfdfdf;background:url(../images/sub/bullet_bar.jpg) right 50% no-repeat; } .table_faq table td{padding:15px 10px; border-top:1px solid #dfdfdf; background:} .table_faq table td a:hover{ text-decoration:underline;} .table_faq table td a{background:url(../images/sub/icon_q.jpg) 0 50% no-repeat;padding-left:18px;} .table_faq table td.faq_answer{background:; padding:20px 10px 20px 40px; background:url(../images/sub/icon_a.jpg) 20px 25px no-repeat #f9f9f9; line-height:160%;} .notice_view_area{border-top:2px solid #47b5e4;} .notice_view_area table{margin-bottom:10px;} .notice_view_area th{padding:13px 0 13px 13px; border-bottom:1px solid #dfdfdf;} .notice_view_area td{padding:13px; border-bottom:1px solid #dfdfdf;} .notice_view_area th{background:#f9f9f9; text-align:left;} /* 글보기 */ .file{padding:30px 0; margin-top:30px; border-top:1px dashed #dfdfdf;} .file span{ background:url(../images/sub/icon_file.jpg) 0 50% no-repeat; padding:0 0 0 7px; display:block; width:70px;} .answer_file{overflow:hidden; margin-top:20px; border-top:1px dashed #dfdfdf; padding-top:15px;} .answer_file p{float:left; width:80px; background:url(../images/sub/icon_link_file.jpg) 0 50% no-repeat; padding-left:15px;} .answer_file ul{float:left; width:608px;} .answer_file ul li{background:url(../images/sub/icon_file.jpg) 0 8px no-repeat; padding-left:12px;} .answer_file ul li a{ font-size:13px; color:#999;} /* 나의강의실 */ .my_room{overflow:hidden;} .my_left{width:210px; float:left;} .my_left .page_banner{padding-bottom:20px;} .my_left .page_banner li{padding-top:7px; height:64px;} .my_left .page_banner li:first-child{padding-top:0px;} .my_left .lnb{width:210px; padding-bottom:15px;} .my_left .lnb h3{border:1px solid #dfdfdf; border-bottom:0px; border-radius:5px; background:#f9f9f9 url(../images/sub/bg_lnb_title.png) right 50% no-repeat; width:193px; padding-left:15px; color:#555555; text-align:left; font-size:20px; height:72px; line-height:72px; } .my_left .lnb ul{border-top:1px solid #dfdfdf; border-radius:5px;} .my_left .lnb li a{width:178px; display:block; padding:11px 15px 11px; height:14px; border:1px solid #dfdfdf; border-top:0px; border-radius:5px; line-height:14px; font-weight:600;} .my_left .lnb li a:hover, .my_left .lnb li a.gnb_on{background:#47b5e4 url(../images/main/lnb_arrow.png) 182px 50% no-repeat; border:1px solid #47b5e4; border-top:0px; color:#fff;} .my_right{float:right; width:771px;} .my_right .contents .page_tit {padding: 0 0 10px;} .my_study{float:left; width:553px; margin-bottom:20px; height:133px; border:1px solid #dfdfdf; border-radius:5px;} .my_study .my_study_left{float:left; width:176px; height:113px; padding:10px 0; border-right:1px solid #dfdfdf; background:#f9f9f9 url(../images/sub/bg_gr_bar.png) right 0 no-repeat; border-radius:5px 0 0 5px;} .my_study .my_study_left h2{font-size:12px; padding:0 10px 11px; border-bottom:1px solid #dfdfdf; font-weight:normal; letter-spacing:-1px;} .my_study .my_study_left h2 span{font-size:14px; color:#00a4e3; font-weight:bold;} .my_study .my_study_left table{margin-top:10px;} .my_study .my_study_left th{font-family:Dotum; font-weight:normal; font-size:12px; text-align:left; padding:5px 0 0 10px;} .my_study .my_study_left td{font-size:22px; font-weight:bold; line-height:33px;} .my_study .my_study_left td span{color:#ff6600;} .my_study .my_study_right{float:left; padding:14px 0 14px 16px;} .my_study .my_study_right h2{ font-size:14px; background:url(../images/sub/icon_label.jpg) 0 50% no-repeat; padding-left:15px; margin-bottom:10px;} .my_study .my_study_right ul{overflow:hidden;} .my_study .my_study_right li{float:left; border-left:1px dashed #dfdfdf; width:99px; padding:70px 10px 0; font-size:11px; font-family:Dotum; text-align:center;} .my_study .my_study_right li.my_study01{border-left:0px; background:url(../images/sub/icon_study01.png) center 0 no-repeat; position:relative;} .my_study .my_study_right li.my_study02{background:url(../images/sub/icon_study02.png) center 0 no-repeat; position:relative;} .my_study .my_study_right li.my_study03{position:relative;} .my_study .my_study_right li.my_study03 div{width:62px; height:62px; background:#fdc742; border-radius:50px; position:absolute; top:0px; left:30px;} .my_study .my_study_right li.my_study02 span, .my_study .my_study_right li.my_study01 span{position:absolute; top:20px; left:10px; font-family:"Nanum Gothic","Malgun Gothic","Dotum",Arial, sans-serif; width:99px; letter-spacing:-1px; display:inline-block; text-align:center; font-size:17px; font-weight:bold;} .my_study .my_study_right li.my_study03 span{position:absolute; top:20px; left:0; font-family:"Nanum Gothic","Malgun Gothic","Dotum",Arial, sans-serif; width:62px; letter-spacing:-1px; display:inline-block; text-align:center; font-size:17px; font-weight:bold;} .my_study .my_study_right li.my_study03 span strong{font-size:12px; color:#7b7b7b;} .famous_saying{float:right; width:200px; height:135px; background:url(../images/sub/bg_saying.jpg) 0 0 no-repeat;} .famous_saying dd{font-size:17px; color:#fff; width:180px; padding:60px 10px 10px; text-align:center; font-weight:bold;} .board_2column{margin-bottom:20px; overflow:hidden; width:765px;} .board_2column div.table_list2{width:375px; float:left; margin-left:15px;} .board_2column div h2, .table_title{background:url(../images/sub/bullet_dot.jpg) 0 50% no-repeat; font-size:16px; padding-left:12px; margin-bottom:10px;} .board_2column div:first-child{margin-left:0px;} .board_2column .table_list td:nth-child(2){text-align:center; } /* 나의강의실-무료강의 */ .my_freevod{float:left; margin-left:15px; width:375px;} .my_freevod_inner{border-top:2px solid #ccc; border-bottom:1px solid #dfdfdf; height:143px;} .my_freevod_inner dl{overflow:hidden; padding:10px 10px; height:125px;} .my_freevod_inner dt{float:left; margin-right:9px;} .my_freevod_inner dd{float:left; width:174px;} .my_freevod_inner dd .freevod_tit{font-size:13px; font-weight:bold; margin-bottom:7px;} .my_freevod_inner dd p{font-size:12px; font-family:Dotum; color:#888;} .my_freevod_inner dd .freevod_btns{margin-top:10px; overflow:hidden;} .my_freevod_inner dd a.btn_freevod{ display:inline-block; margin:0 0px 3px 0; padding:5px 3px 4px; min-width:40px; border:1px solid #333; background:#666; font-size:11px; color:#eaeaea; letter-spacing:-1px; font-family:Dotum; } /* 나의강의실 - 동영상해설 */ .exam_movie .period{background:#aa9a8e url(../images/sub/movie_period.png) 12px center no-repeat; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:12px; color:#fff; font-family:"돋움",Dotum; padding:10px 12px 10px 35px; display:inline-block;} .exam_movie .dp2_tit{background:url(../images/sub/black_pen.png) left 2px no-repeat; padding-left:25px} .exam_movie .tb01 td .movie_tit{font-size:16px; font-weight:bold; margin-bottom:8px} /* 교재안내 */ .course_book_wrap{float:right; width:765px;} .tab_menu02{width:100%; margin-bottom:8px; } .tab_menu02 select{border:1px solid #dfdfdf; width:150px; height:25px; font-size:12px; font-family:Dotum; text-align:right;} .detail_wrap{overflow:hidden;} .detail_inner{margin-bottom:20px; overflow:hidden;} .detail_inner .detail_left{width:90px; margin-right:15px; float:left;} .detail_inner .detail_right{width:834px; float:left;} .detail_inner .detail_right img{width:100%; height:auto !important;} .course_book02{} .course_book02 ul{margin-bottom:30px;} .course_book02 li{padding:25px 0; border-bottom:1px solid #dfdfdf; overflow:hidden; box-sizing:border-box;} .course_book02 .course_book_thumb{float:left; width:107px; height:146px; margin-right:20px;} .course_book02 .course_book_thumb img{width:100%;} .course_book02 .course_book_det{float:left; width:590px; margin-right:20px;font-family:Dotum; } .course_book_det dt{ font-size:15px; padding-top:3xp; margin-bottom:10px; font-weight:bold; letter-spacing:-1px;} .course_book_det dt a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .course_book_det dt span{ padding-left:5px;} .course_book_det dd.txt_block{font-size:11px; color:#555; padding-bottom:11px;} .course_book02 .txt_price{float:left; width:119px; font-size:13px; color:#555; text-align:right;} .course_book02 .txt_price p{ font-size:14px; font-weight:bold; padding-bottom:5px;} .course_book02 .txt_price p span{padding:0 10px 0 10px; display:inline-block;} .course_book02 .txt_price p.txt_point{ font-size:12px; color:#888888; font-weight:normal;} .course_book_det dd.appraisal{float:left; width:50%; text-align:right; color:#888888; font-size:11px;} .course_book_det dd.appraisal span{padding-right:5px;} .course_book_det dd.book_det{ clear:both; border-top:1px dashed #dfdfdf; padding-top:20px; font-size:13px; color:#888888; line-height:16px; height:45px; overflow:hidden;} .course_book02 .book_btn{float:right; width:98px; min-height:146px; border-left:1px solid #dfdfdf; padding-left:15px; margin-left:15px;} .book_btn dt{ height:22px;} .book_btn span.txt_num{float:left; padding:5px 7px 0 8px; font-size:12px; font-family:Dotum;} .book_btn input[type="text"]{float:left; width:31px; height:19px; padding:0 2px; border:1px solid #dfdfdf; text-align:center; line-height:21px; font-family:Dotum; font-size:12px;} .book_btn dd{padding-top:5px;} .page_num{ width:100%; padding:50px 0; text-align:center; font-family:Dotum;} .page_num a{margin:0 2px; width:20px; height:19px; line-height:20px; border:1px solid #dfdfdf; text-align:center; color:#888888; display:inline-block; font-size:12px;} .page_num a:hover, .page_num a.num_on{color:#fff; border:1px solid #00a4e3; background:#00a4e3;} .book_explanation{width:1000px;} .book_tab{overflow:hidden; height:43px; margin-bottom:35px;} .book_tab li{float:left; height:43px; width:15%;} .book_tab li a{width:98.5%; background:#f9f9f9; border:1px solid #dfdfdf; border-bottom:1px solid #19a3dd; text-align:center;font-size:13px; font-family:Dotum; padding:15px 0 0; height:26px; display:inline-block;} .book_tab li a:hover, .book_tab li a.book_tab_on{background:#fff; height:44px; border:1px solid #19a3dd; border-bottom-width:0px; border-bottom:1px solid #fff; font-weight:bold; color:#19a3dd;} .book_tab li.alt{width:69%; height:42px; border-bottom:1px solid #19a3dd; background:#fff;} .book_explanation_inner{padding-bottom:80px; font-family:"Nanum Gothic","Malgun Gothic","Dotum",Arial, sans-serif;} .book_explanation_inner .book_explanation_title{ font-size:20px; line-height:20px; padding:0 0 10px 16px; border-bottom:1px solid #dfdfdf; font-weight:bold; background:url(../images/sub/bullet_arrow.jpg) 5px 5px no-repeat; } .book_explanation_inner div{padding:24px 10px;} /* 교재뷰 */ .book_wrap{width:1000px; margin:0 auto; padding:30px 33px 38px 33px; overflow:hidden; border:2px solid #dfdfdf; border-radius:10px; box-sizing:border-box;} .thumb_book{float:left; width:200px; height:290px; margin:0 37px 0px 0px; text-align:center;} .thumb_book img{ width:100%;} .book_group{float:left; width:690px;} .book_group h3{padding:25px 0 13px; border-bottom:2px solid #a0a0a0; font-size:20px; position:relative; line-height:24px; letter-spacing:-1px; color:#333; z-index:50;} .book_group h3 ul{position:absolute; top:0px; left:0px; overflow:hidden;} .book_group h3 li{ float:left; margin-right:5px;} .group_txt{ font-size:14px; line-height:150%; padding:15px 0 25px; font-weight:bold;} .row_item{width:100%; overflow:hidden; font-weight:bold;} .row_item dt{width:25%; float:left; padding-top:5px; font-weight:bold; color:#121212;} .row_item dd{width:75%; float:left;padding-top:5px;} .row_item dd.group_num{height:22px;} .row_item dd.group_num input{float:left; border:1px solid #dfdfdf; width:50px; padding:2px 5px ; display:inline-block; text-align:right; font-family:Dotum;} .row_item dd.group_num span{float:left; width:12px;} .row_item dd.item_price{color:#e60012; font-size:12px;} .row_item dd.item_price strong{font-size:19px;} .row_item dd.item_point{color:#0b44ac; font-size:12px;} .row_item dd.item_point span{font-size:15px;} .group_btn{padding-top:25px;} .group_btn a{margin-right:5px;} .group_aside{width:187px; border:1px solid #dfdfdf; float:right;} .group_aside h3{padding-bottom:10px; line-height:14px;} .group_aside h3 span{color:#df2121;} .group_banner{width:157px; padding:15px; border-bottom:1px solid #dfdfdf; overflow:hidden; position:relative;} .group_banner ul{overflow:hidden; width:99999px;} .group_banner ul li{float:left; width:198px;} .group_banner p{position:absolute; top:20px; right:15px;} .group_banner p a{width:7px; height:7px; display:inline-block; margin-left:5px; background:url(../images/sub/bullet_dot_off.jpg) 0 0 no-repeat;} .group_banner p a.group_banner_on{width:7px; height:7px; display:inline-block; margin-left:5px; background:url(../images/sub/bullet_dot_on.jpg) 0 0 no-repeat;} .group_board{width:157px; padding:15px; } .group_board ul{padding-top:5px;} .group_board li{ font-size:12px; padding:0 0 5px 5px; font-family:Dotum; background:url(../images/sub/bullst_s_dot.jpg) 0 4px no-repeat;} .group_board li a:hover{text-decoration:underline;} .group_tab{margin:25px auto 30px; width:1000px; height:35px; border-bottom:1px solid #434343;} .group_tab li{float:left;} .group_tab li a{text-align:center; font-weight:bold; padding:0 25px; height:34px; line-height:34px; border:1px solid #bfbfbf; color:#3b3b3b; border-bottom:0px; font-size:13px; display:inline-block;} .group_tab li a:hover, .group_tab li a.group_on{border:1px solid #434343; border-bottom:1px solid #fff;} h3.bv_tit{color:#121212; padding-left:20px; font-size:14px; background:url(../images/sub/bullet_dot_orange.jpg) 0 50% no-repeat; margin-bottom:10px;} .goods_prod{width:1000px; margin:0 auto;} .goods_delivery{width:1000px; margin:0 auto;} .goods_delivery div{padding:20px 15px 0; border:1px solid #dfdfdf; } .goods_delivery div dl{overflow:hidden; margin-bottom:20px;} .goods_delivery div dl dt{float:left;width:95px; margin:0 10px 5px 0; height:23px; letter-spacing:-1px; line-height:21px; font-size:13px; font-weight:bold; text-align:center; background:#c9c9c9; color:#222; } .goods_delivery div dl dd{float:left; width:678px; font-size:0.9em; line-height:21px; letter-spacing:-1px;} /* 강의 소개 */ .course_view{padding-top:20px;} /* 왼쪽 플라잉 */ .lf_course{position:fixed; top:350px; left:50%; margin-left:-520px; width:105px; background:#fff;} .lf_course h4{height:44px; line-height:44px; color:#fff; background:#00a4e3; text-align:center; border-radius:5px 5px 0 0;} .lf_course > ul.lf_menu{border-left:1px solid #00a4e3; border-right:1px solid #00a4e3;} .lf_course > ul.lf_menu > li{ text-align:center; } .lf_course > ul.lf_menu > li.lf_menu03{background:#00a4e3; height:29px; line-height:29px;} .lf_course > ul.lf_menu > li.lf_menu03 a{ color:#fff; text-align:center; width:100%; display:inline-block;} .lf_course > ul.lf_menu > li > a{color:#1777ce;border-bottom:1px solid #00a4e3;display:block; height:28px; line-height:28px; font-weight:bold;} .lf_course > ul.lf_menu > li > ul{padding:10px 20px; border-bottom:1px solid #00a4e3;} .lf_course > ul.lf_menu > li > ul > li{background:url(../images/common/bullet_circle.jpg) 0 50% no-repeat; padding:3px 0 3px 10px;} .lf_course > ul.lf_menu > li > ul > li >a{ font-size:13px; } .lf_course > ul.lf_menu > li > ul > li >a:hover{ text-decoration:underline;} .lf_course ul.lf_quicklink{ background:#00a4e3; padding:7px 0; border-radius:0 0 5px 5px; margin-top:1px;} .lf_course ul.lf_quicklink li{line-height:200%;} .lf_course ul.lf_quicklink li a{font-size:13px; color:#fff; display:block; text-align:center;} .lf_course ul.lf_quicklink li a:hover{text-decoration:underline;} /* 오른쪽 플라잉배너 */ .rf_course{position:absolute; top:0px; right:50%; margin-right:-520px; background:#fff;} .rf_course p{margin-bottom:17px;} /* 온라인강의 */ .course_tb tr:first-child td{border-top:3px solid #1d4f8e;} .course_tb{border-bottom:1px solid #c9c9c9; margin-bottom:45px;} .course_tb .bg_text{display:inline-block;padding:7px 30px;color:#fff;} .course_tb td{ border-top:1px solid #c9c9c9; padding:20px 0;} .course_tb td .course_txt01{font-size:16px; font-weight:bold; margin-bottom:5px;} .course_tb td .course_txt02, .course_tb td .course_txt03{font-size:13px; letter-spacing:-0.5px; overflow:hidden;} .course_tb td .course_txt02, .course_tb td .course_txt03 p{float:left; width:45px;} .course_tb td .course_txt02, .course_tb td .course_txt03 div{float:left; width:335px;} .course_tb td .course_txt02 span{color:#0073b6;} .course_tb td .course_txt04{padding-top:5px;} .btn_courseapplication{width:97px; height:25px; line-height:23px; background:#e5151f; color:#fff; font-weight:bold; text-align:center; display:inline-block; border-radius:5px;} .btn_cart02{width:95px; height:25px; line-height:21px; background:#fff; border:1px solid #c9c9c9; color:#121212; font-weight:bold; text-align:center; display:inline-block; border-radius:5px;} /* 온라인강의-단과반 */ .course_tb02{margin-bottom:15px;} .course_tb02 td, .course_tb02 th{border:1px solid #c9c9c9; padding:0 8px;} .course_tb02 tr:first-child td, .course_tb02 tr:first-child th{border-top:3px solid #1d4f8e;} .course_tb02 td{} .course_tb02 td .c_tb02_img{padding-top:6px; float:left;} .course_tb02 td dl{float:left; padding:15px 0 15px 30px; width:360px;} .course_tb02 td dl dt{font-size:16px; color:#121212; font-weight:bold; margin-bottom:10px;} .course_tb02 td dl dd{font-size:13px; color:#121212;} .course_tb02 td.c_fee{} .course_tb02 td.c_fee input[type="checkbox"]{width:13px; height:13px; vertical-align:middle; margin-right:15px;} .course_tb02 td.c_fee span{margin-left:15px;} .course_tb02 td .cb_fee{ position:relative;} .course_tb02 td .cb_fee span.dc_arr{position:absolute; top:7px; left:25px; width:97px; height:5px; display:inline-block; background:url(../images/sub/dc_arr02.png) 0px 0px no-repeat;} .course_tb02 td .cb_fee del{text-decoration:none; margin-right:25px;} /* course_menu */ .course_menu{width:1000px; overflow:hidden; padding-bottom:30px; text-align:center; position:relative; border-bottom:1px solid #dfdfdf; margin-bottom:40px;} .course_menu h2{font-size:35px; line-height:35px; padding-bottom:29px; letter-spacing:-1px; text-align:center; font-weight:normal;} .course_menu ul{display:inline-block; overflow:hidden; margin:0 auto; text-align:center;} .course_menu li{float:left; border:1px solid #dfdfdf; margin-left:-1px;} .course_menu li:first-child{margin-left:0px;} .course_menu li a{width:149px; height:39px; display:inline-block; text-align:center; line-height:39px; font-size:13px;} .course_menu li a:hover, .course_menu li a.course_menu_on{background:#09bca7; color:#fff;} .course_menu p{position:absolute; top:0px; right:0px;} .course_menu p a{margin-left:3px; display:inline-block;} .course_inner{overflow:hidden;} .course_inner_right{float:right; width:771px;} .course_pro{padding-bottom:35px;} .course_pro dt{font-size:16px; background:url(../images/sub/bullet_ddot.jpg) 0 10px no-repeat; padding-left:8px; margin-bottom:5px; font-weight:bold;} .course_pro dl:first-child dd{margin-bottom:15px;} .course_pro ul{ overflow:hidden;} .course_pro li{float:left;} .course_preview{overflow:hidden; padding-bottom:30px;} .course_preview .preview_thumb{width:492px; height:279px; border:3px solid #dfdfdf; float:left;} .course_preview .preview_list{float:left; margin-left:20px; width:247px;} .course_preview .preview_list dl{ overflow:hidden;} .course_preview .preview_list dt{width:115px; height:85px; overflow:hidden; float:left;} .course_preview .preview_list dt img{width:100%;} .course_preview .preview_list dd{border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#f9f9f9; float:left; width:112px; height:62px; padding:10px; position:relative;} .course_preview .preview_list dd span.preview_nm{font-size:13px; font-weight:bold;} .course_preview .preview_list dd span.preview_time{ font-family:Dotum; font-size:12px; color:#888888; position:absolute; bottom:10px; left:10px;} .course_list{} .course_list_area{padding-bottom:40px; background:#fff;} .course_list_area p.course_list_title{ background:url(../images/sub/bullet_course.jpg)0 50% no-repeat; padding-left:20px; font-size:18px; font-weight:bold; margin-bottom:12px;} /* 온라인강의 테이블 */ .course_list_area table.course_list_tb{} .course_list_area th{border-top:2px solid #cccccc; height:32px; background:#e9f5fd; font-size:12px; font-weight:normal;} .course_list_area .course_list_td{border-bottom:1px solid #dfdfdf; padding:15px 0;} .course_list_area .course_list_td2{} .course_list_area table table td{} .course_list_area table table td p{padding-top:5px;} .course_list_area table table td dl{padding-bottom:12px;} .course_list_area table table td.course_list_td2 dl{padding:0 0 12px 0;} .course_list_area table table td dl{overflow:hidden;} .course_list_area table table td dt{float:left; width:60px; margin-right:10px;color:#2796c5; font-weight:bold;} .course_list_area table table td dt span.bg_bule{background:#2796c5; border-radius:5px; color:#fff; padding:0 3px 2px;} .course_list_area table table td.txt_coursebook{text-align:right; color:#2796c5; font-weight:bold; padding-right:14px;} .course_list_area table table td .img_coursebook{width:60px; margin:0 15px 0 0; float:left;} .course_list_area table table td .img_coursebook img{width:100%;} .course_list_area table table td .name_coursebook{ line-height:140%;} .course_list_area table table td dd{padding-bottom:6px; float:left; width:375px; position:relative;} .course_list_area table table td del{text-decoration:none; padding:0 10px; margin-right:10px; width:77px; text-align:center; display:inline-block;} .course_list_area table table td span.dc_arr{position:absolute; top:7px; left:0px; width:97px; height:5px; display:inline-block; background:url(../images/sub/dc_arr.png) 0px 0px no-repeat;} .course_list_area table table td span.txt_price02{font-weight:bold;} .course_list_area table table td input[type="checkbox"]{ margin-right:3px;} /* 수강신청 수강료 */ .course_fee{vertical-align:top;} .course_fee td{border:1px solid #c9c9c9 !important; height:30px; line-height:30px; padding:0 5px;} .course_fee tr.course_feetotal td{ background:#e0eefd;} .course_fee tr.ebook_on td {padding:5px 5px;} .course_fee tr.ebook_on td >div{display:flex;flex-direction:column;row-gap:4px;line-height:1.4;} .course_fee tr.ebook_on td >div.chk_line{row-gap:11px;} .course_fee tr.ebook_on .img_ebook{display: flex;align-items: center;justify-content: center;column-gap:2px;} .course_view_area{overflow:hidden; margin-bottom:20px;} .thumb_view{float:left; width:650px; height:364px; border:3px solid #4c5053; margin-right:10px;} .thumb_view div{width:650px; height:364px;} .course_info{float:left; position:relative; width:302px; height:338px; padding:23px 15px 0px; border:1px solid #24c0bc; border-top:3px solid #24c0bc;} .course_info h3{font-size:14px; font-weight:normal;} .course_info h2{font-size:20px; padding-bottom:10px; border-bottom:1px solid #dfdfdf; line-height:120%;} .course_info p{padding:10px 0; font-size:13px; color:#888888;} .course_info table{position:absolute; bottom:0px; left:0px;} .course_info table th{background:#f9f9f9; border-bottom:1px dashed #dfdfdf; padding:13px 10px;; text-align:left;} .course_info table td{border-bottom:1px dashed #dfdfdf; padding:10px 10px;} .course_info table tr:last-child th, .course_info table tr:last-child td{border:0px;} .course_book_info{clear:both; background:#f9f9f9; position:relative;border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; min-height:150px;} .course_book_info dl.course_price{width:803px; background:#fff; min-height:150px; overflow:hidden;} .course_book_info dl.course_price dt{float:left; width:45px; padding:11px 7px 0; font-size:13px; font-family:Dotum; font-weight:bold;} .course_book_info dl.course_price dd{float:left; width:740px; } .course_book_info ul li{border-bottom:1px dashed #dfdfdf; padding:12px 5px; font-size:13px; font-family:Dotum;} .course_book_info ul li p{padding-top:3px;} .course_book_info ul li span{font-size:11px; color:#878787; font-weight:bold; margin-left:10px;} .course_book_info ul li strong{color:#00a4e3; font-weight:bold;} .course_book_info ul li strong span{font-size:14px; color:#00a4e3;} .course_book_info ul li input{ vertical-align:text-bottom; margin-right:3px;} .course_book_info div{position:absolute; top:0px; right:0px; width:163px;text-align:right; padding:17px 17px 20px; background:url(../images/sub/bg_total_price.jpg) 10px 10px no-repeat; } .course_book_info div .course_txt_total{ font-size:14px; font-weight:bold; font-family:Dotum;} .course_book_info div dl{padding:10px 0 12px; overflow:hidden; font-size:13px; font-family:Dotum;} .course_book_info div dt{float:left; width:40%; padding-bottom:3px;} .course_book_info div dd{float:left; width:60%; font-weight:bold; padding-bottom:3px; } .course_book_info div .course_total_price{border-top:1px solid #d2d2d2; width:163px; padding-top:8px; color:#00a4e3; font-weight:bold; font-size:20px; line-height:20px;} .btn_wrap a{margin-left:5px;} .course_form{} .course_form p.form_title, .course_book p.form_title{width:764px; padding: 0 0 0 10px; background:url(../images/sub/bullet_arrow.jpg) 0 50% no-repeat; font-size:19px; line-height:19px; font-weight:bold; margin-bottom:15px;} .form_txt{padding-bottom:50px; margin-left:10px} /* 강의뷰 탭 - course_tab */ .course_tab{ height:29px; margin-bottom:30px; border-bottom:2px solid #0073b6;} .course_tab li{float:left; height:29px;} .course_tab li a{width:247px;border-right:1px solid #fff; border-left:2px solid #0079c1; border-top:2px solid #0079c1; background:#0079c1; text-align:center; font-size:13px; color:#fff; font-weight:bold; height:29px; line-height:29px; display:inline-block; letter-spacing:3px;} .course_tab li a:hover, .course_tab li a.course_tab_on{ width:246px; border-right:2px solid #0079c1;height:29px; background:#fff; font-weight:bold; color:#222;} .course_title{font-size:24px; line-height:28px;padding:20px 0; border-bottom:2px solid #00a4e3; font-family:"Nanum Gothic","Malgun Gothic","Dotum",Arial, sans-serif;} /* 강의소개 */ .course_tab01, .course_tab02, .course_tab03, .course_tab04{margin-bottom:40px;} .course_form h2{ background:url(../images/sub/bullet_dot3.jpg) 0 50% no-repeat; padding-left:16px; font-size:16px; margin-bottom:10px;} .course_tab01_inner{border:1px solid #f1f1f1; width:1000px; padding:20px 15px; box-sizing:border-box;} .course_tab01_inner dl{overflow:hidden; margin-top:10px;} .course_tab01_inner dl:first-child{margin-top:0px;} .course_tab01_inner dt{float:left; width:75px; margin-right:15px;} .course_tab01_inner dd{float:left; width:643px; font-size:13px;} .course_tab01_inner dd span{ font-size:12px; font-family:Dotum; color:#888888; display:block; padding-top:10px;} /* 강의목차 */ .course_table table{font-size:13px; font-family:Dotum;} .course_table table th, .course_form table td{height:35px; border:1px solid #ccc; } .course_table table th{ background:#f9f9f9;} .course_table table td{ text-align:center; } .course_table table td table{margin-top:-1px;} .course_table table tr.th_title td{ text-align:left;height:35px; font-weight:bold; border-top:1px solid #ccc;} .course_table table td.td_title{text-align:left; padding-left:10px;} .course_table table td.td_course{padding:0px;} .course_table table td.td_course td{ background:#f4fcfe; } /* 교재소개 */ .course_book{padding-top:60px;} .course_book dl{float:left; width:180px; margin-left:20px; text-align:center; font-family:Dotum; font-size:13px;} .course_book dl.ml_0{margin-left:0px;} .course_book dl dt{width:180px; height:150px; text-align:center; padding-bottom:15px;} .course_book dl dd.course_book_name{ font-weight:bold; padding-bottom:5px;} .course_book dl dd.course_book_txt{font-size:12px;} .course_book_list{border-top:1px solid #dfdfdf;} .course_book_list li{border-bottom:1px solid #dfdfdf; padding:20px 0px; overflow:hidden;} .course_book_list div.goods_thumb{width:120px; height:130px; margin-right:20px; float:left;} .course_book_list div.goods_thumb img{width:100%; height:100%;} .course_book_list div.goods_info{width:81%; float:left; font-family:Dotum; position:relative;} .course_book_list div.goods_info h3{font-size:15px;padding:5px 0 8px;} .course_book_list div.goods_info h4{font-size:11px; color:#888888; font-weight:normal;} .course_book_list div.goods_info p.goods_price{font-size:13px; padding:15px 0;color:#888888;border-bottom:1px dashed #dfdfdf; } .course_book_list div.goods_info p.goods_price del{} .course_book_list div.goods_info p.goods_price strong{font-size:15px; color:#47b5e4; font-weight:bold;} .course_book_list div.goods_info div{font-size:12px; color:#888888; padding-top:20px;} .course_book_list dl.goods_btn{float:right; width:91px; margin-left:30px; text-align:right;} .course_book_list dl.goods_btn dt{border:1px solid #dfdfdf; margin:15px 0 5px 4px; width:85px; height:21px; position:relative;} .course_book_list dl.goods_btn dt input[type="text"]{border:0px; width:44px; height:14px; padding:3px 7px; position:absolute; top:0px; left:0px;} .course_book_list dl.goods_btn dt span{width:16px; height:20px; display:inline-block;} .course_book_list dl.goods_btn dt a{width:16px; height:10px; display:inline-block;} .course_book_list dl.goods_btn dd{margin-top:3px;} /* 교수소개 */ .professor_info ul{border-top:1px solid #dfdfdf; } .professor_info li{border-bottom:1px solid #dfdfdf; padding:20px 10px; overflow:hidden;} .professor_thumb{float:left; width:100px; height:124px; margin-right:20px;} .professor_txt{float:left; width:calc(1000px - 140px); position:relative;} .professor_txt h3{ font-size:18px; line-height:18px; margin-bottom:4px;} .professor_txt h3 span{padding:3px 0 0 5px;font-size:13px; font-weight:normal; display:inline-block;} .professor_txt div.tutor_txtbox{margin:10px 0; padding:7px 5px; background:#f9f9f9; border-radius:0 20px 20px 0; color:#777777; overflow:hidden;} .professor_txt div.tutor_txtbox strong{padding-right:5px;float:left;} .professor_txt div.tutor_txtbox p{float:left;} .professor_txt dl{font-size:13px;} .professor_txt dt{ width:625px; font-size:13px;} .professor_txt dd{font-size:13px;} /* 동영상강의 */ .course_grup{width:1000px; height:209px; margin-bottom:20px;} .course_info_left{float:left; position:relative; width:711px; height:157px; padding:25px; border:1px solid #dfdfdf; border-radius:5px; background:#f9f9f9; margin-right:7px;} .course_grup_thumb{float:left; width:260px; height:157px; margin-right:20px;} .course_info_left div{width:431px; float:left;} span.label_total{position:absolute; top:-4px; left:5px;} .label_course{overflow:hidden;} .label_course li{float:left; margin-right:5px;} .course_grup_title{font-size:20px; line-height:20px; font-weight:bold; padding-bottom:10px;} .course_grup_detail{font-size:14px; color:#7c7c7c; line-height:170%;} .course_info_right{float:left; width:186px; height:165px; padding:21px; border:1px solid #19a3dd; border-radius:5px;} .course_info_right ul{overflow-y:scroll; height:113px; margin-bottom :16px;} .course_info_right ul li{line-height:180%; font-size:13px;} .course_info_right ul li span{color:#ff0000; font-family:Dotum; font-size:11px; padding-left:3px;} .course_info_right ul li input[type="checkbox"]{border-radius:5px; border:1px solid #dfdfdf; margin-right:3px; vertical-align:text-bottom;} /* 교수진 */ .tutor_wrap{} .tutor_wrap .tutor_list ul{overflow:hidden;} .tutor_wrap .tutor_list li{position:relative; margin:20px auto 0; } .tutor_wrap .tutor_list li a.img_tutor{display:inline-block;} .tutor_wrap .tutor_list li a.img_tutor:hover{} .tutor_wrap>.tutor_list>ul>li>p{position:absolute; top:340px; left:53px;} .tutor_wrap .tutor_list li h4{font-size:28px; position:absolute; top:289px; left:53px; letter-spacing:-2px;} .tutor_wrap .tutor_list li dl{position:absolute; top:426px; left:53px; text-align:left;} .tutor_wrap .tutor_list li dl dt{font-size:16px; font-weight:bold;} .tutor_wrap .tutor_list li dl dd{font-size:14px; padding-top:5px;} .tutor_wrap .tutor_list li dl dd li{ width:500px; margin:0px; line-height:150%;} .tutor_view{} .tutor_view .tutor_top{position:relative; margin-bottom:37px;} .tutor_view .img_tutorview{} .tutor_view .tutor_top h4{position:absolute; top:223px; left:68px; font-size:26px; font-weight:bold;} .tutor_view .tutor_top > p{position:absolute; top:280px; left:68px;} .tutor_view .tutor_prof{position:absolute; top:346px; left:68px; width:300px;} .tutor_view .tutor_prof dt{font-weight:bold; color:#333333; padding-bottom:3px; margin-bottom:5px; font-size:16px; font-weight:bold;} .tutor_view .tutor_prof dd{ line-height:22px;} .tutor_view .tutor_movie{position:absolute; top:132px; left:358px; width:169px; height:115px; border:1px solid #555;} .tutor_view .tutor_tab{overflow:hidden; height:40px; margin-bottom:30px; border-top:2px solid #00a4e3;} .tutor_view .tutor_tab li{float:left; background:#00a4e3; width:25%; } .tutor_view .tutor_tab li a{display:block; width:100%; border-right:1px solid #fff; border-left:2px solid #00a4e3; background:#00a4e3; text-align:center; color:#fff; font-weight:bold; height:40px; line-height:38px; box-sizing:border-box;} .tutor_view .tutor_tab li:last-child a{border-right:0px;} .tutor_view .tutor_tab li a:hover, .tutor_view .tutor_tab li a.tutor_on{border-right:2px solid #00a4e3; background:#fff; font-weight:bold; color:#222; transition:all .5s;box-sizing:border-box;} .tutor_talk{} .tutor_talk .talk_reply_box{padding:15px; border:1px solid #dfdfdf; border-radius:5px; margin-bottom:10px;} .tutor_talk textarea{width:867px !important; height:64px; vertical-align:top;} .reply_wrap{padding:15px; background:url(../images/sub/bg_diagona.jpg) repeat; border:1px solid #dfdfdf; border-radius:5px; overflow:hidden;} .reply_t{overflow:hidden; margin-bottom:25px;} .reply_s{overflow:hidden;margin-bottom:25px;} .reply_t .icon_tutor{width:30px; margin-left:5px; float:left;} .reply_name{float:left; width:682px; padding-left:6px; margin-bottom:3px;} .reply_name p{ margin-top:2px; float:left; font-family:Dotum; font-size:12px; color:#333; font-weight:bold; } .reply_name span{color:#888888; padding-right:7px;} .reply_name2{float:right; width:682px; margin-bottom:3px;} .reply_name2 p{ margin-top:2px; float:left; font-family:Dotum; font-size:12px; font-weight:bold; width:680px;} .reply_name2 span{color:#888888; padding-right:7px;} .reply_box{ float:left; position:relative; margin-left:8px; border:1px solid #dfdfdf; padding:10px; background:#fff; width:659px; border-radius:0 5px 5px 5px;} .reply_box span.bg_t_talk{position:absolute; top:-1px; left:-8px;} .reply_box2{ float:left; position:relative; border:1px solid #f6e88d; margin-left:42px; padding:10px; background:#fdfbd8; width:659px; border-radius:5px 0px 5px 5px;} .reply_box2 span.bg_s_talk{position:absolute; top:-1px; right:-8px;} /* 문의답변 */ .question_area{padding:0 0 50px; min-height:170px;} .question_area h3.txt_q{ background:url(../images/sub/icon_q.jpg) 0 7px no-repeat; padding:0 0 5px 20px; } .answer_area{border:1px solid #47b5e4; padding:25px 20px; margin-bottom:10px;position:relative; min-height:150px;} .answer_area h3{ padding:5px 0 7px 10px; margin-bottom:10px; background:#f1f1f1;} .answer_area h3 span{font-size:13px; font-weight:normal; color:#999; font-family:Dotum;} .answer_area .answer_cnt{ background:url(../images/sub/icon_a.jpg) 5px 7px no-repeat; padding:3px 0 0 25px; line-height:1.5;} .answer_area .answer_cnt img{width:100%;} .answer_area .tit_answer{position:absolute; top:-28px; right:-1px; background:url(../images/sub/tit_answer.jpg) 0 0 no-repeat; width:114px; height:28px;} .icon_rock img{vertical-align:top;} .table_view table table{margin-bottom:0px;} .table_view table table td{border-bottom:0px; padding:0px;} /* 시험일정 */ .schedule_table{padding-bottom:20px;} .schedule_table h2{ font-size:15px; background:url(../images/sub/bullet_square.jpg) 0 50% no-repeat; padding-left:12px; margin-bottom:10px;} .schedule_table table{border:1px solid #dfdfdf; margin-bottom:10px;} .schedule_table table th{padding:10px 3px; background:#f9f9f9; border-right:1px solid #dfdfdf; border-top:1px solid #dfdfdf;} .schedule_table table td{border-top:1px solid #dfdfdf; padding:10px 3px; text-align:center; border-right:1px solid #dfdfdf; font-size:13px;} .schedule_table table td.bg{background:#f0f5fc;} .schedule_table table td.td_pd5{padding:5px; font-size:12px;} .schedule_table table .bg_td td{ background:#eff5fc;} .schedule_table table .font_bule{color:#ea4f4f;} .schedule_table .schedule_txt{ font-size:12px; color:#888888; line-height:150%;} /* 응시자격 */ .txt_box{padding:15px; border:1px solid #dfdfdf; background:#f9f9f9; color:#555555; line-height:150%; margin-bottom:15px;} .exam_txt h3{ font-size:15px; background:url(../images/sub/bullet_square.jpg) 0 50% no-repeat; padding-left:15px; margin-bottom:5px;} .exam_txt ol{padding:0 0 20px 15px; margin-left:15px; list-style-type: decimal !important;} .exam_txt ol li{padding:0 0 5px 0px; font-size:13px; list-style:decimal !important;} .exam_txt ul{padding:0 0 20px 15px;} .exam_txt ul li{background:url(../images/sub/bullet_dot2.jpg) 0 8px no-repeat; padding:0 0 5px 7px; font-size:13px; } /* 학원강의 */ .offline_tit{ background:url(../images/sub/bullet_course.jpg) 3px 50% no-repeat; padding-left:23px; margin-bottom:11px; font-size:20px; font-weight:bold; letter-spacing:-1px; color:#121212;} /*.offline_tb{border-bottom:1px solid #c9c9c9;} .offline_tb th{background:#eeeeee; padding:7px 0 9px; border-left:1px solid #c9c9c9; border-top:1px solid #c9c9c9; color:#3e3e3e; font-size:13px;} .offline_tb td{padding:10px 10px 13px; border-left:1px solid #c9c9c9; border-top:1px solid #c9c9c9;} .offline_tb td:first-child, .offline_tb th:first-child{border-left:0px;} .offline_tb td .offline_txt01{font-size:16px; font-weight:bold; margin-bottom:5px;} .offline_tb td .offline_txt02{} .offline_tb td .offline_txt03{overflow:hidden;} .offline_tb td .offline_txt03 p{float:left; width:45px;} .offline_tb td .offline_txt03 div{float:left; width:329px;} .offline_tb td .offline_txt03 label{margin-right:8px; } .offline_tb td .offline_txt03 label input[type="radio"]{width:13px; height:13px; margin:-2px 0 0 3px; vertical-align:middle;} .offline_tb td .offline_txt04{ padding-top:5px;} .offline_tb td.offline_fee{} .offline_tb td.offline_fee dl{overflow:hidden; text-align:right;} .offline_tb td.offline_fee dl dt{float:left; width:35%;} .offline_tb td.offline_fee dl dd{float:right; width:65%; text-align:right;} .offline_tb td.offline_fee dl dd input[type="checkbox"]{ margin:2px 0 0 5px;} */ .offline_list{padding-top:10px;} .offline_list ul{} .offline_list ul li{} .offline_list ul li div{position:relative;} .offline_list ul li div button{position:absolute; bottom:0px;left: 50%;transform: translateX(-50%);height:24px; line-height:24px; padding:0 80px 0 50px;} .offline_list ul li p{} .offline_detail{background:#e4151f url(../images/sub/offline_arr.png) 120px 50% no-repeat; color:#fff;} .offline_detail_on{background:#e4151f url(../images/sub/offline_arr_on.png) 120px 50% no-repeat; color:#fff;} .offline_soldout{background:#959595 url(../images/sub/offline_arr.png) 120px 50% no-repeat; color:#fff;} .offline_soldout_on{background:#959595 url(../images/sub/offline_arr_on.png) 120px 50% no-repeat; color:#fff;} .btn_ot{font-size:12px; background:url(../images/sub/icon_ot.jpg) 60px 50% no-repeat; border:1px solid #c9c9c9; padding:2px 22px 4px 12px;} .btn_ot:hover{background:#626262 url(../images/sub/icon_offdetail.jpg) 60px 50% no-repeat; color:#fff; border:1px solid #626262; transition:all .5s;} .btn_sample{font-size:12px; background:url(../images/sub/icon_ot.jpg) 68px 50% no-repeat; border:1px solid #c9c9c9; padding:2px 22px 4px 12px;} .btn_offdetail{font-size:12px; background:#626262; border:1px solid #626262; padding:2px 12px 4px; color:#fff;} .btn_offdetail:hover{background:#fff; color:#626262; transition:all .5s;} .btn_upload{font-size:12px; background:#009944; border:1px solid #959595; padding:2px 12px 4px; color:#fff;} .btn_offapplication{width:97px; height:25px; line-height:23px; background:#00a4e3; color:#fff; font-weight:bold; text-align:center; border-radius:5px;} .btn_cart{width:97px; height:25px; line-height:23px; background:#959595; color:#fff; font-weight:bold; text-align:center;} .offline_table{ border:1px solid #f1f1f1; padding:20px 15px; width:740px; } /* 무료강의(강의) */ .c_freevod{border-top:2px solid #ccc; } .c_freevod li{border-bottom:1px solid #ccc; padding:7px 0; overflow:hidden;} .c_freevod li div.c_freevod_img{width:125px; float:left; margin-right:15px;} .c_freevod li div.c_freevod_txt{float:left; width:404px; padding:17px 0 0 0;} .c_freevod li div.c_freevod_txt h4{font-size:16px; color:#121212; font-weight:bold; padding-bottom:5px;} .c_freevod li div.c_freevod_txt p{font-size:13px; color:#121212; } .c_freevod li dl{float:right; padding-top:12px;} .c_freevod li dt{font-size:13px; padding-bottom:13px;} .c_freevod li dt input[type="checkbox"]{width:13px; height:13px; margin-right:15px; vertical-align:middle;} .c_freevod li dt span{float:right;} .c_freevod li dd{} .c_freevod li div.no_data{width:771px; text-align:center; background:url(../images/sub/img_nodata.png) center 38px no-repeat; padding:134px 0 38px;} /* 학원강의 */ .course_off .course_menu li a.course_off_on, .course_off .course_menu li a:hover{background:#00a4e3 url(../images/sub/course_arrow02.png) 210px 20px no-repeat; border:1px solid #00a4e3; color:#fff; font-weight:bold;} .off_course_img{ margin-bottom:10px;} .off_course_info{position:absolute; top:0px; right:0px; z-index:100; width:474px; height:284px; padding:8px 20px 8px 25px; background:url(../images/sub/bg_off_info.png) 0 0 no-repeat; overflow-y:scroll;} .off_course_info table{width:465px; font-size:13px;} .off_course_info table th{ background:url(../images/sub/bullet_ddot.jpg) 0 18px no-repeat; border-bottom:1px dashed #dfdfdf; text-align:left; padding:10px 0 0 10px; vertical-align:text-top;} .off_course_info table td{padding:10px 0; border-bottom:1px dashed #dfdfdf;} .off_course_info table tr:last-child th, .off_course_info table tr:last-child td{border-bottom:0px; } .off_course_check{width:998px; border:1px solid #00a4e3; background:#f9f9f9; min-height:110px; border-radius:5px; overflow:hidden;} .off_checklist{float:left;} .off_checklist dl{background:#fff; width:449px; padding:20px 18px 10px; border-radius:5px 0 0 5px; overflow:hidden; min-height:110px;} .off_checklist dl dt{float:left; width:90px; margin-right:15px; font-size:15px; font-weight:bold; letter-spacing:-1px;} .off_checklist dl dd{float:left; width:340px; } .off_checklist dl dd p{padding-bottom:10px; line-height:14px;} .off_checklist dl dd label{line-height:14px;} .off_checklist dl dd p input[type="checkbox"]{ vertical-align:middle; margin-right:5px;} .off_checklist dl dd p span.off_num{color:#ba0e0e;} .off_checklist dl dd p span.icon_imm{ vertical-align:bottom; margin-left:3px;} .off_price{float:left; width:453px; padding:20px 30px; position:relative;} .off_price li{font-size:15px; font-weight:bold; line-height:15px; padding-bottom:8px;} .off_price a{float:right;} .off_prof01 h3{margin-bottom:19px;width:765px; border-radius:5px 5px 0 0; background:#47c9c7; height:45px; line-height:43px; font-size:18px; text-align:center; color:#fff; font-weight:600} .off_prof01 ul{overflow:hidden;} .off_prof_info01{float:left; width:733px; min-height:120px; padding:15px; margin:0 0px 15px 0; border:1px solid #dfdfdf; background:url(../images/sub/bg_prof01.jpg) repeat;} .off_prof_info01:nth-child(even){margin-right:0px;} .off_prof_info01 dt{float:left; margin-right:15px;} .off_prof_info01 dd{float:left;} .off_prof_info01 dd p.off_prof_name{ font-weight:bold; font-size:16px;} .off_prof_info01 dd ul{padding-top:13px;} .off_prof_info01 dd li{background:url(../images/common/bullet_dot.jpg) 0 50% no-repeat; padding-left:7px; line-height:20px; font-size:13px;} .off_prof02{padding-top:35px;} .off_prof02 h3{margin-bottom:19px;width:765px; border-radius:5px 5px 0 0; background:#48c8fa; height:45px; line-height:43px; font-size:18px; text-align:center; color:#fff; font-weight:600} .off_prof02 ul{overflow:hidden;} .off_prof_info02{float:left; width:733px; min-height:120px; padding:15px; margin:0 0px 15px 0; border:1px solid #dfdfdf; background:url(../images/sub/bg_prof02.jpg) repeat;} .off_prof_info02:nth-child(even){margin-right:0px;} .off_prof_info02 dt{float:left; margin-right:15px;} .off_prof_info02 dd{float:left; width:343px;} .off_prof_info02 dd p.off_prof_name{ font-weight:bold; font-size:16px; letter-spacing:-1px;} .off_prof_info02 dd p.off_prof_name span{font-size:12px; font-weight:normal; letter-spacing:-1px;} .off_prof_info02 dd p.off_prof_ment{ padding-top:3px; line-height:16px; font-size:13px;} .off_prof_info02 dd ul{padding-top:13px;} .off_prof_info02 dd li{background:url(../images/common/bullet_dot.jpg) 0 50% no-repeat; padding-left:7px; line-height:18px; font-size:12px;} /* 학원강의 오시는길 */ .off_map_title{font-size:22px; font-weight:600; border-bottom:1px solid #dfdfdf; padding-bottom:10px; margin-bottom:20px; letter-spacing:-1px;} .map_view{position:relative; padding-bottom:25px;} .map_txt{ position:absolute; bottom:0px; right:0px; color:#888888; font-size:12px; font-family:Dotum;} .off_address{padding:15px 0 35px;} .off_address h3{font-size:18px; background:url(../images/sub/bullet_underbar.jpg) 0 bottom no-repeat; padding-bottom:15px;} .off_address p{padding-top:13px;} .off_way{border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:25px 0; overflow:hidden;} .car_way{float:left; height:; width:362px; padding-right:20px;} .car_way h3{ background:url(../images/sub/icon_car.jpg) 0 50% no-repeat; font-size:16px; line-height:30px; padding-left:47px;} .car_way h3 span{font-size:11px; color:#888888; font-family:Dotum; font-weight:normal;} .car_way dl{overflow:hidden; padding-top:20px;} .car_way dt{float:left; width:60px; background:url(../images/sub/bullet_ddot.jpg) 0 50% no-repeat; padding:0 10px;} .car_way dd{float:left; width:282px; padding-bottom:15px;} .bus_way{float:left; width:362px; padding-left:20px; border-left:1px solid #dfdfdf; } .bus_way h3{ background:url(../images/sub/icon_bus.jpg) 0 50% no-repeat; font-size:16px; line-height:30px; padding-left:41px;} .bus_way h3 span{font-size:11px; color:#888888; font-family:Dotum; font-weight:normal;} .bus_way dl{overflow:hidden; padding-top:20px;} .bus_way dt{float:left; width:90px; background:url(../images/sub/bullet_ddot.jpg) 0 50% no-repeat; padding:0 10px;} .bus_way dd{float:left; width:245px; padding-bottom:15px;} .bus_way dd:last-child{padding-bottom:0px;} .bus_way dd dl{padding-top:5px;} .bus_way dd dt{background:none; width:24px; padding:0 6px 0 0;} .bus_way dd dd{padding-bottom:8px; width:215px; line-height:14px;} /* 갤러리형 게시판 */ .gallery_list{width:100%; overflow:hidden;} .gallery_list ul{margin-top:-25px;} .gallery_list ul li{float:left; } .gallery_list ul li a{display:block; margin:30px 20px 0; width:208px; border:1px solid #dfdfdf; border-radius:5px; overflow:hidden;} .gallery_list span{display:block; margin:130px 20px 0; width:90%; text-align:center;} .gallery_list .gallery_thumb{width:208px; height:139px; overflow:hidden; border-bottom:1px dashed #dfdfdf; } .gallery_list .gallery_thumb img{width:100%;border-radius:5px 5px 0 0;} .gallery_list .gallery_col{padding:15px; width:178px;} .gallery_col .gallery_tit{font-weight:bold; font-size:15px; margin-bottom:6px;} .gallery_col .gallery_txt{font-size:13px; line-height:140%; margin-bottom:17px; letter-spacing:-0.5px;} .gallery_col .gallery_info{ color:#888888; font-size:12px;} /* 천기누설 */ .rate_ox{width:100%; padding:0px !important; margin-top:15px;} .rate_ox .o_rate_wrap, .rate_ox .x_rate_wrap{ overflow:hidden; margin:0px 0 8px;} .rate_ox dt{float:left; width:64px; font-size:13px; line-height:24px; font-family:Dotum; font-weight:bold;} .rate_ox dd{float:left; width:280px;} .rate_ox .rate_bg{width:95%; border-radius:15px; background:#f1f1f1; padding:8px 9px 7px; overflow:hidden;} .rate_ox .o_rate_wrap p{width:60%; max-width:236px; border-radius:15px; background:#47b5e4; height:12px; float:left;} .rate_ox .rate_bg span{float:left; font-size:11px; font-family:Dotum; color:#888888; margin-left:5px;} .rate_ox .x_rate_wrap p{width:40%; max-width:236px; border-radius:15px; background:#6e6e6e; height:12px; float:left;} /* 천기누설 지난퀴즈 */ .pop_quiz{padding:20px 15px;} .pop_quiz h2{margin-bottom:10px;} .quiz_list{width:546px; border-top:2px solid #00a4e3;} .quiz_list td{line-height:36px; font-size:13px; text-align:center; border-bottom:1px solid #dfdfdf;} .quiz_list td a:active{color:#00a4e3;} .quiz_list td.ta_left{ text-align:left;} .quiz_view{width:546px; border-top:2px solid #00a4e3;} .quiz_title{padding:15px; background:#f1f1f1; position:relative;} .quiz_title h3{font-size:16px;} .quiz_title h3 span{ font-size:13px; font-weight:normal; display:block; padding-top:3px;} .quiz_title p{position:absolute; top:15px; right:15px; color:red;} .quiz_contents, .quiz_result{padding:15px; border-bottom:1px solid #dfdfdf;} .quiz_choice{text-align:center; padding:20px 0;} .quiz_choice label{margin:0 10px;} .quiz_choice label input{ vertical-align:-2px; margin-left:3px; border:1px solid #dfdfdf;} .result_graph{width:100%; padding:0px !important;} .result_graph .o_rate_wrap, .result_graph .x_rate_wrap{ overflow:hidden; margin:0px 0 8px;} .result_graph dt{float:left; width:64px; font-size:13px; line-height:24px; font-family:Dotum; font-weight:bold;} .result_graph dd{float:left; width:452px;} .result_graph .rate_bg{width:96%; border-radius:15px; background:#f1f1f1; padding:8px 9px 7px; overflow:hidden;} .result_graph .o_rate_wrap p{width:60%; border-radius:15px; background:#00a4e3; height:12px; float:left;} .result_graph .rate_bg span{float:left; font-size:11px; font-family:Dotum; color:#888888; margin-left:5px;} .result_graph .x_rate_wrap p{width:60%; border-radius:15px; background:#6e6e6e; height:12px; float:left;} /* 메인페이지_출석체크 */ .daily_wrap{position:relative;} .daily_wrap .daily_mission{ padding:10px 12px 10px; position:absolute; top:0px; left:0px; font-family:Dotum; background:#f9f9f9; font-size:11px; line-height:140%; border-bottom:1px dashed #dfdfdf;} .daily_wrap .daily_person{ padding:90px 0 0 0 !important;} .daily_wrap .daily_person p{ background:#828282; border-radius:5px; padding:0 5px; height:17px; line-height:18px; color:#fff; font-size:12px; font-family:Dotum; font-weight:bold; display:inline-block;} .daily_wrap .daily_person ul{} .daily_wrap .daily_person li{ overflow:hidden; line-height:130%;} .daily_wrap .daily_person li a{float:left; font-size:12px; } .daily_wrap .daily_person li a:hover{color:#19a3dd;} .daily_wrap .daily_person li span{float:right; color:#888888; font-size:12px; } .daily_wrap .daily_person div{padding:10px 0 0 0 !important; text-align:center;} /* 모의고사 */ .test_right{margin:0 auto;} .left_submenu{width:210px; margin-right:25px; float:left;} .left_submenu div{} .left_submenu div h2{background:#e31635; border-radius:5px 5px 0 0; text-align:center; color:#fff; font-size:20px; padding:20px 0; line-height:120%; letter-spacing:2px;} .left_submenu div ul{border-radius:0 0 5px 5px; } .left_submenu div ul li{border-bottom:1px solid #dfdfdf;} .left_submenu div ul li a{width:188px;border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf; height:37px; line-height:37px; font-weight:bold; letter-spacing:-1px; padding:0 10px; display:inline-block;} .left_submenu div ul li a:hover, .left_submenu div ul li a.on_lmenu{ background:#ab9b8e; color:#fff; border-right:1px solid #ab9b8e; border-left:1px solid #ab9b8e;} /* 데일리모의고사 */ .daily_test{border:1px solid #dfdfdf; border-radius:5px; background:#f9f9f9; padding:20px; margin-bottom:40px;} .daily_test h3{border-radius:5px 5px 0 0; background:#7f7f7f; display:inline-block; color:#fff; font-size:16px; padding:6px 15px 10px;} .daily_test .mock_daily{border:1px solid #dfdfdf; background:#fff; padding:0px 15px 15px; margin-top:-1px; border-radius:5px;} .daily_test .daily_question{line-height:130%; font-size:15px; font-weight:bold; padding:20px 0;} .daily_test .daily_question span{color:#298ab3; display:block;} .daily_test .daily_question .q_box{padding:10px; border:1px solid #dfdfdf; margin-top:10px; font-size:13px; font-weight:normal; line-height:140%;} .daily_test .daily_question .q_box img{ vertical-align:text-bottom;} .daily_test .daily_answer{padding:0px 0 5px; border-bottom:1px dashed #dfdfdf;} .daily_test .daily_answer li{padding-bottom:10px; overflow:hidden;} .daily_test .daily_answer label img{ text-align:center;} .daily_test input[type="checkbox"]{ margin:0px 5px 0 0; width:16px; height:16px; vertical-align:top; } .daily_test input[type="radio"]{ margin:0px 5px 0 0; width:16px; height:16px; vertical-align:top;} .daily_test label div{float:left; width:860px;} .daily_test .daily_question .dq_inner{overflow:hidden; margin-top:10px;} .daily_test .daily_question .dq_inner p{float:left; font-size:15px; vertical-align:middle; margin:-1px 10px 0 0;} .daily_test .daily_question .dq_inner div{float:left; width:95%;} .daily_test .daily_answer .dn_inner{overflow:hidden;} .daily_test .daily_answer .dn_inner p{float:left; height:14px; margin:0px 10px 0 0;} .daily_test .daily_answer .dn_inner p strong{display:inline-block; width:14px; height:14px; margin:0px 10px 0 0; border-radius:20px; border:1px solid #333; text-align:center; line-height:12px;} .daily_test .daily_answer .dn_inner div{float:left; width:780px;} .daily_test .mock_btns{ text-align:center; padding:15px 0 0;} .btn_check{padding:5px 17px 10px 33px; background:#47b5e4 url(../images/main/icon_ox.png) 15px 8px no-repeat; border:1px solid #33a0cf; border-radius:5px; font-weight:bold; color:#fff; } .btn_passQ{padding:5px 17px 10px; background:#717783; border:1px solid #505868; border-radius:5px; color:#fff; font-weight:bold;} .daily_acheck{padding-top:14px;} .daily_acheck .answer_show{margin-top:15px;} .daily_acheck .answer_show p{font-weight:bold; display:inline-block; background:url(../images/sub/bg_gray_gr02.png) repeat; color:#333; font-size:16px; letter-spacing:-1px; padding:6px 15px 6px; border:1px solid #dfdfdf; border-radius:20px; margin-left:5px;} .daily_acheck .answer_show p span.sign_0{background:url(../images/sub/icon_o.png) 0px 0 no-repeat; padding:0 0 3px 40px;} .daily_acheck .answer_show p span.sign_x{background:url(../images/sub/icon_x.png) 0px 0 no-repeat; padding:0 0 3px 40px;} .icon_o{display:inline-block; padding:3px 5px; background:#ff3c00; font-size:11px; color:#fff; font-family:Dotum; letter-spacing:-1px; border-radius:15px; font-weight:bold; vertical-align:middle; margin-top:-3px;} .daily_acheck .daily_explain{margin-top:12px; padding:15px 15px 15px 18px; border:5px solid #f1f1f1;} .daily_acheck .daily_explain strong{margin-right:5px; color:#ff3c00;} .daily_acheck .daily_explain strong em{display:inline-block; width:14px; height:14px; line-height:12px; border:1px solid #ff3c00; border-radius:20px; font-style:normal; text-align:center;} .daily_acheck .daily_explain span{} .daily_acheck .daily_explain div{ margin-top:10px; line-height:140%;} .btn_dailytest{background:#ff7e00; color:#fff; width:100px; border:1px solid #ff6600; padding:2px 0 6px; border-radius:5px; display:inline-block; font-weight: bold; cursor:pointer; } .btn_dailytest:hover{background:#fff; border:1px solid #ff6600; color:#ff6600; outline:none;} .daily_test .daily_answer .answer_rate{overflow:hidden; padding:3px 0 5px; background:#f1f1f1; margin:7px 0;} .daily_test .daily_answer .answer_rate .answer_person{float:left; width:43px; font-weight:bold;} .daily_test .daily_answer .answer_rate div{float:left; width:605px;padding-top:5px;} .daily_test .daily_answer .answer_rate div p{max-width:570px; width:50%; background:#b8b8b8; height:11px; border-radius:15px; float:left;} .daily_test .daily_answer .answer_rate div p.o_rate{background:#ff3c00;} .daily_test .daily_answer .answer_rate div span{ margin:-5px 0 0 5px; display:inline-block; font-size:13px;} .mock_daily .no_data{padding:30px 0 15px; text-align:center;} /* 유형별 */ .txt_htp{border-radius:7px; color:#fff; background:#303d6a; font-size:18px; padding:0 5px; margin-right:5px; font-weight:normal !important; line-height:0;} .type_test{border:1px solid #0079c1; border-radius:10px; padding:24px 45px 14px; background:#fff; margin-top:-16px;} .type_test h3{ color:#121212; font-size:16px; font-family:Nanum Myeongjo, '나눔명조' , '명조', serif; font-weight:600; line-height:130%;} .type_test .mock_type{ background:#fff; padding-top:12px;} .type_test .mock_type dl{margin-bottom:10px;} .type_test .mock_type dl dt{ color:#0079c1; font-size:16px; font-weight:bold;} .type_test .mock_type dl dd{font-weight:bold; } .test_select{padding-top:44px; margin-bottom:20px; overflow:hidden;} .test_select .tselect_wrap .tselect_tab{position:relative; padding-top:53px; font-weight:bold} .test_select .tselect_wrap .tselect_tab ul li input{vertical-align:middle;} .test_select .tselect_wrap .tselect_tab ul li .tab_btn{position:absolute; top:0px; width:33.333%; height:53px;background-color:#eee; font-size:15px; font-weight:bold; border:1px solid #ccc} .test_select .tselect_wrap .tselect_tab ul li h4{font-size:18px; text-align:center; padding:20px 0} .test_select .tselect_wrap .tselect_tab ul li.on .tab_btn{background:#0079c0;color:#fff; border:0px;} .test_select .tselect_wrap .tselect_tab ul li #form1, .test_select .tselect_wrap .tselect_tab ul li #form2{display:none} .test_select .tselect_wrap .tselect_tab ul .tselect_year .tab_btn{left:0%} .test_select .tselect_wrap .tselect_tab ul .tselect_year .year_search{background-color:#e9f2f9; border:3px solid #0079c0;} .test_select .tselect_wrap .tselect_tab ul .tselect_year .year_search table{width:900px; margin:0px auto; border:1px solid #959595} .test_select .tselect_wrap .tselect_tab ul .tselect_year .year_search table th{border-bottom:1px solid #959595; line-height:26px; font-size:13px; background:#ebebeb; text-align:center} .test_select .tselect_wrap .tselect_tab ul .tselect_year .year_search table th, .test_select .tselect_wrap .tselect_tab ul .tselect_year .year_search table td{border-right:1px solid #959595} .test_select .tselect_wrap .tselect_tab ul .tselect_year .year_search table th:last-child, .test_select .tselect_wrap .tselect_tab ul .tselect_year .year_search table td:last-child{border-right:0px;} .test_select .tselect_wrap .tselect_tab ul .tselect_year .year_search table td{font-weight:normal;font-size:12px; vertical-align:top; padding:10px 0 10px 10px} .test_select .tselect_wrap .tselect_tab ul .tselect_year .year_search table input{vertical-align:middle; margin-right:5px} .test_select .tselect_wrap .tselect_tab ul .tselect_year .year_search table div{padding-bottom:3px} .test_select .tselect_wrap .tselect_tab ul .tselect_year .year_search table .select_year select{display:block; margin:10px 0; vertical-align:middle; height:26px; width:279px; padding-left:10px} .test_select .tselect_wrap .tselect_tab ul .tselect_year .year_search table .year_period div{margin:10px 0} .test_select .tselect_wrap .tselect_tab ul .tselect_year .year_search table .year_period div span{margin:0 2px} .test_select .tselect_wrap .tselect_tab ul .tselect_year .year_search table .year_period div select{width:129px; height:26px; vertical-align:middle; padding-left:10px;} .test_select .tselect_wrap .tselect_tab ul .tselect_year .year_search > p{text-align:right; margin:20px 30px 30px 0} .test_select .tselect_wrap .tselect_tab ul .tselect_keyword .tab_btn{left:66.666%} .test_select .tselect_wrap .tselect_tab ul .tselect_keyword .keyword_search{height:124px; background-color:#e9f2f9; border:3px solid #0079c0;} .test_select .tselect_wrap .tselect_tab ul .tselect_keyword .keyword_search > div{width:900px; margin:0px auto;} .test_select .tselect_wrap .tselect_tab ul .tselect_keyword .keyword_search > div label{font-size:13px; margin-right:8px} .test_select .tselect_wrap .tselect_tab ul .tselect_keyword .keyword_search > div select{height:26px; width:168px; margin-right:15px; vertical-align:middle} .test_select .tselect_wrap .tselect_tab ul .tselect_keyword .keyword_search > div input[type='text']{height:22px; width:240px; margin-right:15px; vertical-align:middle} .test_select .tselect_wrap .tselect_tab ul .tselect_keyword .keyword_search > div input[type='submit'], .test_select .tselect_wrap .tselect_tab ul .tselect_choice .choice_search > p input[type='submit'], .test_select .tselect_wrap .tselect_tab ul .tselect_year .year_search > p input[type='submit']{height:28px; width:72px; vertical-align:middle; color:#fff; line-height:28px; font-weight:bold; background:#ff9600; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .test_select .tselect_wrap .tselect_tab ul .tselect_choice .tab_btn{left:33.333%} .test_select .tselect_wrap .tselect_tab ul .tselect_choice .choice_search{background-color:#e9f2f9; border:3px solid #0079c0;} .test_select .tselect_wrap .tselect_tab ul .tselect_choice .choice_search table{width:905px; margin:0px auto; border:1px solid #959595} .test_select .tselect_wrap .tselect_tab ul .tselect_choice .choice_search table th{border-bottom:1px solid #959595; line-height:26px; font-size:13px; background:#ebebeb; text-align:center} .test_select .tselect_wrap .tselect_tab ul .tselect_choice .choice_search table th, .test_select .tselect_wrap .tselect_tab ul .tselect_choice .choice_search table td{border-right:1px solid #959595} .test_select .tselect_wrap .tselect_tab ul .tselect_choice .choice_search table th:last-child, .test_select .tselect_wrap .tselect_tab ul .tselect_choice .choice_search table td:last-child{border-right:0px;} .test_select .tselect_wrap .tselect_tab ul .tselect_choice .choice_search table td{font-weight:normal;font-size:12px; vertical-align:top; padding:10px 0 10px 10px} .test_select .tselect_wrap .tselect_tab ul .tselect_choice .choice_search table input{vertical-align:middle; margin-right:5px} .test_select .tselect_wrap .tselect_tab ul .tselect_choice .choice_search table div{padding-bottom:3px} .test_select .tselect_wrap .tselect_tab ul .tselect_choice .choice_search > p{text-align:right; margin:20px 30px 30px 0} .bacf{background:#fff} .bacg{background:#f9f9f9} /* 유형별 모의고사 */ .pattern_test{width:80%; min-height:500px; margin:0px auto; margin-top:40px; padding:30px 40px; background-color:#f9f9f9; border:3px solid #dfdfdf; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .pattern_test h2{font-size:16px; background:url(../images/sub/bullet_dot3.jpg) no-repeat 0 7px ; padding-left:15px; padding-bottom:10px} .pattern_test table{border-top:1px solid #ccc; border-bottom:1px solid #ccc} .pattern_test table thead tr th{font-size:14px; height:40px; line-height:40px; background-color:#e5e5e5; border-bottom:1px solid #ccc} .pattern_test table tbody tr{border-bottom:1px dashed #dfdfdf} .pattern_test table tbody tr:last-child{border-bottom:0px} .pattern_test table tbody tr td{font-size:14px; height:42px; text-align:center} .pattern_test table tbody tr .pattern_test_btn{text-align:right; padding-right:20px} .pattern_test table tbody tr .pattern_test_btn button{height:30px; line-height:30px; width:100px; vertical-align:middle; font-weight:bold; background:#47c9c7; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .pattern_test table tbody .test_done{background:#fffde5} .pattern_test table tbody .test_done .score{color:#f00; font-weight:bold} .pattern_test table tbody .test_done .pattern_test_btn button.retest{width:130px; background-color:#657381;} .pattern_test table tbody .test_done .pattern_test_btn button.wa_note{background-color:#ff9600} .pattern_test table tbody .test_done .pattern_test_btn button.on{background-color:#fff;color:#47c9c7; border:1px solid #47c9c7} /* 실전모의고사 */ .real_test{border:1px solid #dfdfdf; border-radius:5px; background:#f9f9f9; padding:20px; margin-bottom:40px;} .real_test h3{border-radius:5px 5px 0 0; background:#7f7f7f; display:inline-block; color:#fff; font-size:16px; padding:6px 15px 10px;} .real_test h3 span{color:#ffea00;} .real_test .mock_type{border:1px solid #dfdfdf; background:#fff; padding:15px; margin-top:-1px; border-radius:5px;} .real_test .mock_info{line-height:21px; font-size:14px; border-bottom:1px dashed #dfdfdf; padding-bottom:8px;} .real_test .mock_info span{color:#298ab3; display:block;font-weight:bold;} .mock_ps{padding-top:12px; line-height:130%; font-size:13px; color:#888888;} .mock_ps strong{color:#ff3c00;} .btn_cbt_buy{width:68px; background:#00a4e3; border:1px solid #00a4e3; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; height:22px; line-height:20px; font-size:12px; color:#fff; font-weight:bold; margin-left:15px} .btn_cbt_coupon{width:68px; background:#fc7011; border:1px solid #fc7011; height:22px; line-height:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:12px; color:#fff; font-weight:bold;} /* 랜덤추출모의고사 */ .q_subject {width:350px; padding:15px 0; text-align:center; background:#f9f9f9; border:1px solid #dfdfdf; margin-left:13px; margin-top:14px} .q_subject p {font-weight:bold; color:#3b445c; font-size:18px; } .cbt_m .t_result{margin:68px 55px; border:3px solid #dfdfdf; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:25px 70px 33px 62px} .cbt_m .t_result .sub_tit{height:60px; line-height:60px; color:#3b445c; font-weight:bold; font-size:24px; background:url(../images/sub/r_title_bg.png) 0 50% no-repeat; padding-left:65px} .cbt_m .t_result table{width:777px; margin-top:23px; border:1px solid #dfdfdf; text-align:center; font-size:16px} .cbt_m .t_result table thead{background:#f9f9f9; font-weight:bold} .cbt_m .t_result table .tfoot{background:#f6fbfe; font-weight:bold; border-bottom:1px solid #dfdfdf;} .cbt_m .t_result table tr{height:38px; border-top:1px solid #dfdfdf} .cbt_m .t_result table tr td{border-left:1px solid #dfdfdf} .cbt_m .t_result table tr td:first-child{border-left:0px} .cbt_m .t_result table tr td.r_whether{color:#ff0000; font-weight:bold; font-size:18px} .cbt_m .r_btn{text-align:center} .cbt_m .r_btn button{width:190px; height:50px; line-height:50px; color:#fff; font-size:20px; font-weight:bold; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .cbt_m .r_btn .er_btn{background:#657381; border:1px solid #657381} .cbt_m .r_btn .ex_btn{background:#ff9600; border:1px solid #ff9600} .cbt_m .r_btn .rep_btn{background:#47c9c7; border:1px solid #47c9c7} /* 채점예측 */ .test_cnt{margin-bottom:50px} .test_cnt input{vertical-align:middle} .test_tit{margin-bottom:40px;} .top_ban{position:relative;} .top_ban p{position:absolute; top:0px; left:0px; padding:15px 20px; background:#b5202d; color:#fff; font-size:20px} .top_btn{width:771px; margin-bottom:20px;} .top_btn button{color:#fff; background:#565656; font-size:18px; width:257px; height:65px; border:1px solid #959595;} .top_btn button.on{background:#9e0b0f;} .test_cnt .txt_open{border:10px solid #181c1f; background:#e1bd7f; height:65px; line-height:65px; text-align:center; font-size:24px; font-weight:500; } .test_cnt .txt_open span{color:#9c0d0f;} .test_cnt .auto_score{border:5px solid #191c1f; padding:30px} .test_cnt .auto_score .info_tit{font-size:18px; font-weight:bold; margin-bottom:10px} .test_cnt .auto_score .info_tit strong{color:#d80006} .test_cnt .auto_score .exam_info .info1{border:1px solid #ccc; padding:20px; margin-bottom:30px} .test_cnt .auto_score .exam_info .info1 label{font-weight:bold; margin-left:5px; margin-right:35px; vertical-align:middle} .test_cnt .auto_score .exam_info .info2{margin-bottom:30px} .test_cnt .auto_score .exam_info .info2 dl{overflow:hidden; border:1px solid #ccc} .test_cnt .auto_score .exam_info .info2 dl dt, .test_cnt .auto_score .exam_info .info2 dl dd{float:left;} .test_cnt .auto_score .exam_info .info2 dl dt{background:#f1f1f1; padding:15px 25px; font-weight:bold; font-size:16px; border-right:1px dashed #ccc} .test_cnt .auto_score .exam_info .info2 dl dd{padding:10px 15px;} .test_cnt .auto_score .exam_info .info2 dl dd.pd_15{padding:15px} .test_cnt .auto_score .exam_info .info2 dl dd input[type="text"]{width:210px; height:28px} .test_cnt .auto_score .exam_info .info2 dl dd label{font-weight:bold; font-size:16px; vertical-align:middle; margin-left:5px; margin-right:35px} .test_cnt .auto_score .exam_answer .info_tit{font-size:18px; font-weight:bold; margin-bottom:10px; color:#222} .test_cnt .auto_score .exam_answer .sub_tit{background:url(../images/sub/sub_tit_bg.png) left center no-repeat; padding-left:10px} .test_cnt .auto_score .exam_answer p{font-size:15px; color:#555; font-weight:bold;} .test_cnt .auto_score .exam_answer table{border-top:1px solid #555; margin-top:10px; margin-bottom:20px} .test_cnt .auto_score .exam_answer table th, .test_cnt .auto_score .exam_answer table td{border-bottom:1px solid #ccc; border-right:1px solid #ccc} .test_cnt .auto_score .exam_answer table th{background:#f1f1f1; padding:9px 0} .test_cnt .auto_score .exam_answer table th.last, .test_cnt .auto_score .exam_answer table td.last{border-right:0px} .test_cnt .auto_score .exam_answer table td{padding:7px 10px; text-align:center; font-weight:bold} .test_cnt .auto_score .exam_answer table td.pd10{padding:10px 0} .test_cnt .auto_score .exam_answer table td input[type="text"]{width:90%; height:23px; padding-left:10px; letter-spacing:28px;} .test_cnt .auto_score .exam_answer table td input[type="number"]{width:90%; height:23px; padding-left:10px; letter-spacing:5px;} /* 모바일에서 숫자 키패드 */ .test_cnt .auto_score .exam_answer table td button{width:56px; height:25px; color:#fff; line-height:25px; font-size:14px; font-weight:bold} .test_cnt .auto_score .exam_answer table td .btn_mark{background:#00a4e3} .test_cnt .auto_score .exam_answer table td .btn_remark{background:#8f1316} .test_cnt .auto_score .exam_answer table td span{text-align:center; margin:0 3px; display:inline-block; width:15px; vertical-align:middle} .test_cnt .auto_score .exam_answer table td span img{padding-top:2px} .test_cnt .auto_score .exam_answer table td span.ans_chk{color:#d80006} .test_cnt .auto_score .all_mark{text-align:center; padding-top:10px} .test_cnt .auto_score .all_mark button{font-size:16px; color:#fff; background:#00a4e3; padding:13px 23px; font-weight:bold; margin-bottom:20px} .test_cnt .score_event{border:5px solid #191c1f; border-top:0px;} /* 하단 배너 */ .score_banner{} .score_banner div.inner{position:relative;} .score_banner .inner a{position:absolute; top:375px; right:99px;} .score_banner .btns{overflow:hidden;} .score_banner .btns a{float:left;} /* 탭메뉴 추가 2019-02-25 */ .test_cnt .tab_menu{padding:0 10px; background:#1d2124;} .test_cnt .tab_menu ul{overflow:hidden;} .test_cnt .tab_menu li{float:left; width:244px;} .test_cnt .tab_menu li.tab2{margin:0 9px 0 10px;} .test_cnt .tab_menu li a{display:inline-block; width:244px; height:60px; padding-top:10px; color:#fff; font-size:16px; text-align:center; background:#7d7d7d;} .test_cnt .tab_menu li a strong{display:block; font-size:21px; font-weight:normal;} .test_cnt .tab_menu li a.on, .test_cnt .tab_menu li a.on strong{font-weight:bold;} .test_cnt .tab_menu li.tab1 a.on{background:#f36523} .test_cnt .tab_menu li.tab2 a.on{background:#ffc000; color:#111;} .test_cnt .tab_menu li.tab3 a.on{background:#e1bd7f; color:#111;} /* cbt */ /* .cbt_top{width:946px; height:63px; padding:0 0 0 15px; overflow:hidden; background:#3b445c;} */ .cbt_top{width:100%; height:63px; overflow:hidden; background:#3b445c;} .cbt_top h1{ background:url(../images/sub/icon_cbt.png) 24px 17px no-repeat; padding:12px 0 0 60px; width: calc(100% - 610px) ; margin-right:10px; color:#fff; font-size:20px; line-height:34px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} *.cbt_top h1{width:51% ; }/* IE7,8 */ .cbt_top h1.cbt_tit{width:80%;} .cbt_top h1{width: calc(100% - 610px) ;} .cbt_top .test_id{width:/*21%*/ 240px;padding-top:7px;} .cbt_top .test_id label{color:#fff; padding-bottom:4px; letter-spacing:-1px;} .cbt_top .test_id input[type="text"]{border:1px solid #dfdfdf; background:#fff; width:155px; padding-left:5px; height:21px; margin:0 0 4px 5px;} .cbt_top .test_timer{width:163px; height:34px; padding:8px 10px 8px 40px; background:#f9f9f9 url(../images/sub/icon_timer.png) 10px 50% no-repeat; border-radius:5px; margin:7px 0 0 10px;} .cbt_top .test_timer p{font-weight:bold; color:#3b445c; line-height:14px; padding-bottom:5px;} .cbt_top .test_timer p.font_red{color:#ff0000;} .cbt_top .test_score{width:155px; height:34px; padding:8px 10px 8px 50px; background:#f9f9f9 url(../images/sub/icon_score.png) 11px 50% no-repeat; border-radius:5px; margin:7px 0 0 10px;} .cbt_top .test_score p{font-weight:bold; color:#3b445c; font-size:21px; padding-bottom:5px; line-height:1.7;} .cbt_top .test_score span.font_red{color:#ff0000;} .btn_cclose{background:#ddd; width:63px; height:63px; text-align:center; display:inline-block;} /* .cbt_m{overflow:hidden; width:1024px;} .test_qwrap{padding:5px 0 0 8px; margin-right:10px;} */ .cbt_m{overflow:hidden; width:100%;} .test_qwrap{padding:5px 0 0 8px; margin-right:10px; width:79%;} /* .test_qwrap .qwrqp_control{width:774px; height:48px; background:#f9f9f9; border:1px solid #dfdfdf; border-radius:5px 5px 0 0; position:relative;} */ .test_qwrap .qwrqp_control{width:100%; height:48px; background:#f9f9f9; border:1px solid #dfdfdf; border-radius:5px 5px 0 0; position:relative;} .qwrqp_control .fsize{ padding-right:30px; background:url(../images/sub/control_border.png) right 5px no-repeat;} .qwrqp_control p{padding:10px 0 0 13px;font-weight:bold; line-height:14px;} .qwrqp_control ul{padding-top:5px;} .qwrqp_control li{margin-left:10px; float:left;} .qwrqp_control li a{width:36px; height:36px; background:#f1f1f1; border:1px solid #dfdfdf; text-align:center; font-family:Dotum; font-size:11px; display:inline-block; border-radius:5px;:} .qwrqp_control li a:hover, .qwrqp_control li a.control_on{ background:#cbd1e1; border:1px solid #cbd1e1;} .qwrqp_control li.fsize_100 a span{ background:url(../images/sub/icon_fminus.png) center 3px no-repeat; display:inline-block; width:36px; height:12px; padding-top:24px;} .qwrqp_control li.fsize_150 a span{ background:url(../images/sub/icon_fmedium.png) center 3px no-repeat; display:inline-block; width:36px; height:12px; padding-top:24px;} .qwrqp_control li.fsize_200 a span{ background:url(../images/sub/icon_fplus.png) center 3px no-repeat; display:inline-block; width:36px; height:12px; padding-top:24px;} .test_qnum{position:absolute; top:0px; right:0px; width:190px; height:44px; border-left:1px solid #dfdfdf; padding:4px 10px 0;} .test_qnum dl{overflow:hidden;} .test_qnum dt{width:90px;float:left;} .test_qnum dd{width:100px; float:left; color:red; font-weight:bold;} /* .test_qwrap .qwrap{width:774px; height:600px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;} */ .test_qwrap .qwrap{width:100%; height:600px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;} .sheet1, .sheet2{} .sheet2{border-left:1px solid #dfdfdf; min-height:580px;} .qbox{padding:30px 13px; position:relative;} .qbox .q_title{overflow:hidden; padding-bottom:5px;} .qbox .q_title .q_num{max-width:25px; margin-right:5px; display:block; font-weight:bold; font-size:15px; } .qbox .q_title div{} /* .qbox .q_titbox{border:1px solid #dfdfdf; width:694px !important; padding:5px; margin-bottom:15px; vertical-align:text-top;}*/ .qbox .q_titbox{border:1px solid #dfdfdf; width:694px; padding:5px; margin-bottom:15px; vertical-align:text-top;} .qbox .q_titbox span{vertical-align:top;} .qbox .q_titbox.ex{border:3px solid #dfdfdf; padding:15px 10px; margin-bottom:15px; vertical-align:text-top} .qbox .q_titbox.ex span{display:block; font-weight:bold; margin-bottom:15px} .qbox ol{} .qbox li{font-size:14px; margin-bottom:10px;} .qbox li label{ cursor:pointer; display:inline-block;} .qbox .img_o100{ position:absolute; top:25px; left:5px; width:35px; height:30px; background:url(../images/sub/img_o100.png) 0 0 no-repeat;} .qbox .img_o150{ position:absolute; top:25px; left:5px; width:52px; height:45px; background:url(../images/sub/img_o150.png) 0 0 no-repeat;} .qbox .img_o200{ position:absolute; top:25px; left:5px; width:70px; height:60px; background:url(../images/sub/img_o200.png) 0 0 no-repeat;} .qbox .img_x100{ position:absolute; top:25px; left:15px; width:35px; height:30px; background:url(../images/sub/img_x100.png) 0 0 no-repeat;} .qbox .img_x150{ position:absolute; top:25px; left:15px; width:52px; height:45px; background:url(../images/sub/img_x150.png) 0 0 no-repeat;} .qbox .img_x200{ position:absolute; top:25px; left:15px; width:70px; height:60px; background:url(../images/sub/img_x200.png) 0 0 no-repeat;} .omr input[type="radio"]{border:0px; width:0px; height:0px; -webkit-appearance:none !important; background:0 !important; opacity:.01 !important;} .omr input[type="checkbox"]{border:0px; width:0px; height:0px; -webkit-appearance:none !important; background:0 !important; opacity:.01 !important;} .omr span.omr_off100{width:18px; height:18px; display:inline-block; text-align:center; background:url(../images/sub/omr_off100.png) 0 0 no-repeat;} .omr span.omr_on100{width:18px; height:18px; display:inline-block; text-align:center; color:#fff; background:url(../images/sub/omr_on100.png) 0 0 no-repeat;} .omr span.omr_off150{width:27px; height:27px; display:inline-block; text-align:center; background:url(../images/sub/omr_off150.png) 0 0 no-repeat;} .omr span.omr_on150{width:27px; height:27px; display:inline-block; text-align:center; color:#fff; background:url(../images/sub/omr_on150.png) 0 0 no-repeat;} .omr span.omr_off200{width:36px; height:36px; display:inline-block; text-align:center; background:url(../images/sub/omr_off200.png) 0 0 no-repeat;} .omr span.omr_on200{width:36px; height:36px; display:inline-block;text-align:center; color:#fff; background:url(../images/sub/omr_on200.png) 0 0 no-repeat;} .omr_wrap{width:200px; height:50px; text-align:center; background:url(../images/sub/bg_omr.png) repeat; border-radius:5px 5px 0 0; margin-top:5px;} /* .omr_wrap{width:18%; height:50px; text-align:center; background:url(../images/sub/bg_omr.png) repeat; border-radius:5px 5px 0 0; margin-top:5px;} */ .omr_wrap h2{color:#fff; font-size:20px; line-height:50px;} .omr_wrap .omr_area{height:600px; overflow-y:scroll; border-left:1px solid #e2e6f2;} .omr_wrap .omr_area table{border-bottom:2px dashed #e2e6f2;} .omr_wrap th{background:#e2e6f2; color:#3b445c; font-size:17px; position:relative;} .omr_wrap th span.omr_o{ background:url(../images/sub/img_o100.png) 50% 50% no-repeat; width:35px; height:30px; display:inline-block;} .omr_wrap th span.omr_x{ background:url(../images/sub/img_x100.png) 50% 50% no-repeat; width:35px; height:30px; display:inline-block;} .omr_wrap td{padding:10px 0 10px 10px; font-size:14px; text-align:left; } .omr_wrap label{margin-left:3px; cursor:pointer;} .omr_wrap input[type="radio"]{border:0px; width:0px; height:0px; -webkit-appearance:none !important; background:0 !important; opacity:.01 !important;} .omr_wrap input[type="checkbox"]{border:0px; width:0px; height:0px; -webkit-appearance:none !important; background:0 !important; opacity:.01 !important;} .omr_wrap span.omr_off100{width:18px; height:18px; display:inline-block; margin-top:-1px; text-align:center; background:url(../images/sub/omr_off100.png) 0 0 no-repeat;} .omr_wrap span.omr_on100{width:18px; height:18px; display:inline-block; text-align:center; color:#fff; background:url(../images/sub/omr_on100.png) 0 0 no-repeat;} .omr_wrap span.omr_off150{width:27px; height:27px; display:inline-block; margin-top:-1px; text-align:center; background:url(../images/sub/omr_off150.png) 0 0 no-repeat;} .omr_wrap span.omr_on150{width:27px; height:27px; display:inline-block; text-align:center; color:#fff; background:url(../images/sub/omr_on150.png) 0 0 no-repeat;} .omr_wrap span.omr_off200{width:36px; height:36px; display:inline-block; margin-top:-1px; text-align:center; background:url(../images/sub/omr_off200.png) 0 0 no-repeat;} .omr_wrap span.omr_on200{width:36px; height:36px; display:inline-block;text-align:center; color:#fff; background:url(../images/sub/omr_on200.png) 0 0 no-repeat;} .cbt_bottom{height:49px; background:#f9f9f9; border-top:1px solid #dfdfdf; position:relative;} .cbt_bottom .test_page{width:794px; text-align:center;} .cbt_bottom .test_page .test_prev{border:1px solid #dfdfdf; background:url(../images/sub/bg_gray_gr02.png) repeat-x; border-radius:5px; padding:6px 20px 9px 20px;margin:5px 7px 0 0px; font-size:16px; color:#3b445c; font-weight:bold;} .cbt_bottom .test_page .test_prev span{ background:url(../images/sub/icon_pre.png) left 50% no-repeat;padding-left:20px;} .cbt_bottom .test_page .test_next{border:1px solid #dfdfdf; background:url(../images/sub/bg_gray_gr02.png) repeat-x; border-radius:5px; padding:6px 20px 9px 20px;margin:5px 0 0 7px; font-size:16px; color:#3b445c; font-weight:bold;} .cbt_bottom .test_page .test_next span{ background:url(../images/sub/icon_next.png) right 50% no-repeat;padding-right:20px;} .cbt_bottom .test_tip{position:absolute; top:15px; right:20px} .cbt_bottom .test_tip > p, .cbt_bottom .test_tip > a{font-weight:bold; font-size:16px;} .cbt_bottom .test_tip > p{display:inline-block} .cbt_bottom .test_tip > a{color:#0079c1} .cbt_bottom .c_btns{position:absolute; top:5px; right:15px;} .btn_nomarking{border:1px solid #62c7d2; color:#62c7d2; font-weight:bold; font-size:16px; background:url(../images/sub/icon_nomarking.png) 20px 50% no-repeat #fff; border-radius:5px; padding:5px 20px 8px 40px;} .btn_tsubmit{border:1px solid #62c7d2; background:url(../images/sub/icon_submit.png) 20px 50% no-repeat #65d1de; border-radius:5px; padding:5px 20px 6px 40px; color:#fff; font-size:16px; font-weight:bold;} .btn_retest{border:1px solid #62c7d2; background:url(../images/sub/icon_retest.png) 20px 50% no-repeat #65d1de; border-radius:5px; padding:5px 20px 6px 42px; color:#fff; font-size:16px; font-weight:bold;} .btn_grademark{border:1px solid #62c7d2; background:url(../images/sub/icon_test02.png) 20px 50% no-repeat #65d1de; border-radius:5px; padding:5px 20px 6px 42px; color:#fff; font-size:16px; font-weight:bold;} .cnotice_bottom{position:absolute; bottom:0px; left:0px; width:100%; background:#ebebeb; padding:17px 0; border-radius:0 0 10px 10px; text-align:center;} .btn_line_green{border:1px solid #62c7d2; color:#62c7d2; font-weight:bold; font-size:16px; background:#fff; border-radius:5px; padding:5px 0 8px; width:127px; text-align:center;} .btn_green{border:1px solid #62c7d2; color:#fff; font-weight:bold; font-size:16px; background:#65d1de; border-radius:5px; padding:5px 0 8px; width:127px; text-align:center;} .cresult_inner{width:80%; padding:30px 30px 40px; background:#f9f9f9; border:3px solid #dfdfdf; border-radius:10px; margin:100px auto 25px;} .cbt_result h2{ background:url(../images/sub/icon_notice02.jpg) 0 50% no-repeat; font-size:24px; color:#3b445c; padding-left:65px; line-height:55px;margin-bottom:20px;} .cbt_result h2.lh_0{background:none; font-size:20px; line-height:30px; margin-bottom:40px} .cbt_result p.txt_qnet{font-size:19px; font-weight:bold; color:#3b445c; letter-spacing:-0.5px; margin-bottom:35px;} .cbt_result p.txt_notice{font-weight:bold; margin-bottom:10px; font-size:13px} .cbt_result table th{ background:#dfdfdf; border-right:1px solid #f9f9f9; font-size:19px; color:#3b445c;line-height:40px; } .cbt_result table td{border:1px solid #dfdfdf; background:#fff; font-size:17px; font-weight:bold; padding:7px 0 10px;} .cbt_result table td span{font-size:35px; line-height:35px;} .txt_result{font-size:30px; text-align:center; font-weight:bold; margin-top:30px;} .cbt_clear{ width:180px; padding:10px 0 13px; background:#fff; text-align:center; color:#62c7d2; font-weight:bold; font-size:22px; border:1px solid #62c7d2; border-radius:5px; } .cbt_retest{ padding:10px 25px 13px 40px; background:url(../images/sub/icon_retest.png) 20px 50% no-repeat #65d1de; text-align:center; color:#fff; font-weight:bold; font-size:22px; border:1px solid #62c7d2; border-radius:5px; } .cbt_sq{ padding:10px 25px 13px 40px; background:url(../images/sub/icon_sq.png) 20px 50% no-repeat #65d1de; text-align:center; color:#fff; font-weight:bold; font-size:22px; border:1px solid #62c7d2; border-radius:5px; } .cbt_end{ padding:10px 60px 13px 60px; background:#65d1de; text-align:center; color:#fff; font-weight:bold; font-size:22px; border:1px solid #62c7d2; border-radius:5px; } .cbt_ts{padding:15px 50px; background:#65d1de; border:1px solid #62c7d2; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:20px; color:#fff; text-align:center; font-weight:bold; margin-top:10px} .cbt_down{padding:10px 25px 13px 45px; background:url(../images/sub/icon_dwonc.png) 15px 50% no-repeat #65d1de; text-align:center; color:#fff; font-weight:bold; font-size:22px; border:1px solid #62c7d2; border-radius:5px; } .result_examtit{width:90%; padding:0 0px; margin:30px 50px 10px; border:2px solid #dfdfdf; background:#f9f9f9; border-radius:5px;} .result_examtit h3{padding:7px 0 10px; border-bottom:1px dashed #dfdfdf; font-size:20px;} .result_examtit h3 span{ background:url(../images/sub/icon_examtitle.png) 0 50% no-repeat; padding-left:25px;} .result_examtit p{font-size:12px; font-family:Dotum; color:#888; padding:10px 5px 10px;} .stat_wrap .stat_cnt{ overflow-y:scroll; } .result_wrap{width:87%; height:572px; padding:0 15px 10px; margin:0px 50px 10px;} .result_exam{overflow:hidden; margin-bottom:20px;} .result_exam h4{font-size:15px; color:#333333; margin-bottom:9px;} .result_exam h4 span{ background:url(../images/sub/bullet_num.jpg) 0 50% no-repeat; font-family:Dotum; font-size:11px; color:#fff; width:15px; height:19px; line-height:17px; padding-left:4px; display:inline-block; margin-right:4px;} .result_exam table{ font-family:Dotum; font-size:12px;} .result_exam table th{ background:#f9f9f9; border-top:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1; border-left:1px solid #dfdfdf; height:28px; } .result_exam table td{border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; text-align:center; height:28px;} .result_lgraph{width:420px; height:322px; position:relative; margin-top:5px;} .result_lgraph .graph_info{position:absolute; top:0px; right:0px; overflow:hidden;} .result_lgraph .graph_info li{font-size:11px; font-family:Dotum; margin-left:10px;} .result_lgraph .graph_info li span{width:10px; height:4px; display:inline-block; margin-right:5px; vertical-align:middle} .result_rgraph{width:410px; height:295px; background:#f9f9f9; border:1px solid #dfdfdf; padding:15px 15px 15px; position:relative;} .result_rgraph .graph_info{position:absolute; top:20px; right:15px; overflow:hidden;} .result_rgraph .graph_info li{font-size:11px; font-family:Dotum; margin-left:10px;} .result_rgraph .graph_info li span{width:10px; height:4px; display:inline-block; margin-right:5px; vertical-align:middle} .result_rgraph .rgraph_inner{background:#fff; border:1px dashed #dfdfdf; padding:12px 10px; width:399px; height:240px; border-radius:5px; overflow-y:scroll; margin-top:10px;} .result_rgraph .rgraph_inner li{margin-bottom:11px; font-family:Dotum;} .result_rgraph .rgraph_inner dl{overflow:hidden; height:37px;} .result_rgraph .rgraph_inner dl dt{width:20%; margin-right:10px; line-height:37px; font-size:13px;} .result_rgraph .rgraph_inner dl dd{width:77%; height:19px; padding:9px 0; border-left:1px solid #dfdfdf;} .result_rgraph .rgraph_inner dl dd p{position:relative;} .result_rgraph .rgraph_inner dl dd p.score_my{border-radius:0 10px 10px 0; background:#ff7e00; height:8px; margin-bottom:5px; max-width:280px; width:70%;} .result_rgraph .rgraph_inner dl dd p.score_average{border-radius:0 10px 10px 0; background:#c7b89d; height:8px; max-width:195px;} .result_rgraph .rgraph_inner dl dd span{font-size:11px; position:absolute; top:-2px; right:-15px;} .result_bargraph{width:461px; position:relative;} .result_bargraph ul{ margin:0 0 0 35px; padding:20px 0 0 0 ; height:279px; border:1px solid #ddd; border-top:0; border-right:0; font-size:11px; font-family:Dotum, sans-serif; list-style:none;} .result_bargraph ul:after{ content:""; display:block; clear:both;} .result_bargraph li{ float:left; display:inline; width:3.5%; height:100%; margin:0 2.7%; position:relative; text-align:center; white-space:nowrap;} .result_bargraph .gTerm{ position:relative; display:inline-block; width:100%; height:20px; line-height:20px; margin:0 -100% -20px 0; padding:279px 0 0 0; vertical-align:bottom; color:#555555;} .result_bargraph .gBar{ position:relative; display:inline-block; width:100%; margin:-1px 0 0 0; background:#47b5e4; vertical-align:bottom;} .result_bartit{position:absolute; bottom:-16px; right:0px; font-size:11px; font-family:Dotum; color:#555;} .result_lgraph{position:relative;} .result_linegraph{width:460px;position:absolute; top:0px; left:0px;} .result_linegraph ul{font-size:11px; font-family:Dotum, sans-serif; list-style:none; height:280px} .result_linegraph ul:after{ content:""; display:block; clear:both;} .result_linegraph li{width:35px; margin:3.3% 0; position:relative; text-align:center; white-space:nowrap;} .result_linetit{position:absolute; top:-7px; left:0px; font-size:11px; font-family:Dotum; color:#555;} .cbt_wrap{padding:5px 8px 8px;} .cbt_wrap .cbt_info{ height:380px; padding:15px; border:1px solid #dfdfdf; border-radius:5px 5px 0 0; background:#f9f9f9; overflow-y:scroll;} .cbt_wrap .cbt_info h2{font-size:20px; margin:5px 0 15px 5px;} .cbt_wrap .cbt_info ul.cbt_subject{border:1px solid #dfdfdf; background:#fff; border-radius:5px; padding:13px 15px 15px; margin-bottom:20px;} .cbt_wrap .cbt_info ul.cbt_subject li{ background:url(../images/sub/bullet_dot2.jpg) 3px 12px no-repeat; line-height:170%; padding-left:13px;} .cbt_wrap .cbt_info dl{overflow:hidden; margin-bottom:8px;} .cbt_wrap .cbt_info dt, .cbt_wrap .cbt_info dd{float:left;} .cbt_wrap .cbt_info dt{width:59px; margin-right:15px ;background:#888; font-family:Dotum; font-size:12px; text-align:center; font-weight:bold; padding:4px 3px 3px; color:#fff; letter-spacing:-1px; border-radius:3px;} .cbt_wrap .cbt_info dd li{line-height:150%;} .cbt_wrap .cbt_list{ height:234px; border:1px solid #dfdfdf; border-top:0px; padding:20px; border-radius:0 0 5px 5px; border-bottom:1px solid #dfdfdf;} .cbt_wrap .cbt_list table{ font-family:Dotum; font-size:13px; letter-spacing:-0.5px; text-align:center; border-bottom:1px solid #dfdfdf;} .cbt_wrap .cbt_list tr{ height:39px;} .cbt_wrap .cbt_list th{border-top:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1; background:#f9f9f9;} .cbt_wrap .cbt_list td{border-bottom:1px dashed #dfdfdf;} /* intro */ .cbt_intro{width:100%; max-width:1024px; background:#ececeb; overflow-y:scroll; } .cbt_intro .cbt_intro_tit{text-align:center; width:100%; line-height:121px; height:150px; font-size:40px; font-weight:bold; letter-spacing:-1px; color:#fff; background:url(../images/sub/pat_cbtintro.jpg) repeat;} .cbt_intro .cbt_intro_cont{ height:520px; width:100%; background:url(../images/sub/bg_cbtintro.png) top center no-repeat; margin-top:-29px; padding:100px 0 0px; text-align:center; /*display:table-cell; vertical-align:middle;*/} .cbt_intro .cbt_intro_cont div{text-align:center; background:#fff; width:80%; padding:50px 30px; font-size:25px; font-weight:bold; line-height:1.5; border-radius:15px;margin:0 auto 50px;} .cbt_intro .cbt_intro_cont button{width:377px; height:58px; margin:0 auto; text-align:center; color:#fff; font-size:22px; font-weight:bold; background:url(../images/sub/cbt_start.png) 0 0 no-repeat; border:0px; } /* 안푼문제 */ .c_notice{width:80%; height:450px; background:#f9f9f9; position:absolute; top:50px; left:79px; border-radius:10px;} .c_notice .cnotice_top{width:100%; height:70px; line-height:70px; background:#ed145b; border-radius:10px 10px 0 0; position:relative;} .c_notice .cnotice_top h2{text-align:center;} .c_notice .cnotice_top h2 span{display:inline-block;color:#fff; line-height:68px; background:url(../images/sub/icon_cnotice.png) 0px 25px no-repeat; font-size:30px; padding-left:50px} .c_notice .cnotice_top h2.ta_l{text-align:left;} .c_notice .cnotice_top h2.ta_l span{line-height:70px; padding-left:30px; font-size:22px} .c_notice .cnotice_top a{position:absolute; top:15px; right:15px;} .c_notice .cnotice_wrap{ text-align:center; font-size:30px; font-weight:bold; line-height:60px;padding-top:50px;} .c_notice .cnotice_wrap.tg_question{text-align:left; padding-top:10px; padding-left:30px; font-size:22px} .c_notice .cnotice_wrap.tg_question > div a{display:inline-block;font-size:18px; border:1px solid #d7d7d7; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; width:65px; height:30px; line-height:30px; text-align:center; background:#ebebeb; margin:0 10px 10px 0;} /* freevod_list - 시험정보 무료강의 */ .freevod_wrap{border-top:2px solid #ccc; border-bottom:1px solid #dfdfdf; overflow:hidden;} .freevod_wrap .freevod_list{ overflow:hidden;padding:20px 0px; border-top:1px dashed #dfdfdf; margin-top:-1px;} .freevod_wrap .freevod_list .freevod{float:left; width:375px;} .freevod_wrap .freevod_list .freevod:nth-child(odd){margin-right:15px;} .freevod_wrap .freevod_list .freevod dl{} .freevod_wrap .freevod_list .freevod dt{float:left; border:1px solid #dfdfdf; margin-right:9px; width:} .freevod_wrap .freevod_list .freevod dd{float:left; width:194px;} .freevod_wrap .freevod_list .freevod dd .freevod_tit{font-size:13px; font-weight:bold; margin-bottom:7px;} .freevod_wrap .freevod_list .freevod dd p{font-size:12px; font-family:Dotum; color:#888;} .freevod_wrap .freevod_list .freevod dd .freevod_btns{margin-top:10px; overflow:hidden;} .freevod_wrap .freevod_list .freevod dd a.btn_freevod{ display:inline-block; margin:0 0px 3px 0; padding:5px 3px 4px; min-width:40px; border:1px solid #333; background:#666; font-size:11px; color:#eaeaea; letter-spacing:-1px; font-family:Dotum; } /* my_class - 자격증별 마이페이지 */ .my_class{margin-top:45px;} .my_class_list01{width:727px; border:2px solid #ccc; padding:11px 20px; height:50px; overflow:hidden;} .my_class_list01 p{float:left; width:270px; padding-right:#ccc; border-right:1px solid #ccc; height:50px; font-weight:bold; font-size:15px; line-height:50px;} .my_class_list01 p span{color:#246ad2;} .my_class_list01 p button{float:right; margin:16px 10px 0 0; } .btn_mymodify{padding:0 10px; background:#fff; color:#111; border:1px solid #111; font-size:12px; line-height:22px;} .btn_mymodify:hover{background:#111; color:#fff; transition:all .5s;} .my_class_list01 ul{width:433px; float:left; margin:15px 0px 0 21px;} .my_class_list01 ul li{float:left;} .my_class_list01 ul li.myclass_icon01{width:30%; margin-right:25px; background:url(../images/sub/myclass_icon01.jpg) 0 50% no-repeat; height:22px;} .my_class_list01 ul li.myclass_icon02{width:35%; margin-right:25px; background:url(../images/sub/myclass_icon02.jpg) 0 50% no-repeat; height:22px;} .my_class_list01 ul li.myclass_icon03{width:20%; background:url(../images/sub/myclass_icon03.jpg) 0 50% no-repeat; height:22px;} .my_class_list01 ul li.myclass_icon04{width:40%; margin:0 20px; background:url(../images/sub/myclass_icon04.jpg) 0 50% no-repeat; height:22px;} .my_class_list01 ul li.myclass_icon05{width:40%; margin:0 20px; background:url(../images/sub/myclass_icon05.jpg) 0 50% no-repeat; height:22px;} .my_class_list01 ul li dl{overflow:hidden; padding-left:28px;} .my_class_list01 ul li dl dt{float:left; font-weight:bold; } .my_class_list01 ul li dl dd{float:right; } .myclass_board{ margin-top:45px;} .myclass_board .myclass_boardtit{ font-size:16px; padding-left:15px; margin-bottom:15px; font-weight:bold; background:url(../images/sub/bullet_course.jpg) 0 50% no-repeat;} .myclass_boardtab{ height:30px; border-bottom:2px solid #00a4e3; margin-bottom:20px;} .myclass_boardtab li{float:left;} .myclass_boardtab li a{width:140px;font-size:13px; border:1px solid #ccc; background:#fff; border-bottom:0px; height:29px; line-height:29px; color:#121212; display:inline-block; text-align:center;} .myclass_boardtab li a:hover, .myclass_boardtab li a.mc_tabon{ width:138px; height:28px; line-height:28px; border:2px solid #00a4e3; border-bottom:2px solid #fff; font-weight:bold;} /* 학습홈 */ .study_home{border:3px solid #ccc; margin-top:-27px; overflow:hidden; margin-bottom:50px;} .study_list01{border-right:3px solid #ccc; padding:0px 0 19px; width:381px; float:left;} .study_list01 .study_name{font-size:13px; margin-bottom:10px; background:#f9f9f9; border-bottom:1px solid #999999; padding:14px 15px; width:351px;} .study_list01 .study_name span{color:#246ad2; font-weight:bold;} .study_list01 .study_progress{padding:0px 10px;} .study_list01 .study_progress li{ font-size:12px; line-height:22px; overflow:hidden;} .study_list01 .study_progress li strong.study_progresstit{float:left;} .study_list01 .study_progress li div.study_progressbar{width:300px; height:12px; border:1px solid #ccc; float:left; margin:5px 0 0 10px; position:relative;} .study_list01 .study_progress li div.study_progressbar div{width:50%; height:12px; background:#e31635;} .study_list01 .study_progress li div p{position:absolute; top:-5px; right:-40px; color:#e31635; font-size:12px;} .study_list01 .study_progress li div span{} .study_board{width:381px; height:182px; float:left; overflow:hidden;} .study_board h4{border-bottom:1px solid #999; padding-bottom:10px; font-size:13px; position:relative; background:#f9f9f9; border-bottom:1px solid #999999; padding:14px 15px;} .study_board h4 span{position:absolute; top:15px; right:15px;} .study_board h4 span a{font-size:12px; color:#797979; font-weight:normal;} .study_board ul{padding:10px 20px;} .study_board li{ background:url(../images/common/bullet_dot.jpg) 0 50% no-repeat; line-height:1.6;} .study_board li a{font-size:13px; color:#555; padding-left:7px; font-} .study_board li a:hover{ text-decoration:underline;} .study_board div.none{text-align:center; font-size:13px; line-height:100px;} .study_contents{} .study_contents .myclass_boardtit{ font-size:16px; padding-left:15px; margin-bottom:15px; font-weight:bold; background:url(../images/sub/bullet_course.jpg) 0 50% no-repeat;} /* 2020-02-25 이전 .study_contents .lc_package{width:100%; margin-bottom:20px;} .study_contents .lc_package table{} .study_contents .lc_package table th{background:url(../images/sub/bg_package_icon.jpg) 0 0 repeat; } .study_contents .lc_package table td{background:#484848; padding:14px 10px 4px 5px;} .study_contents .lc_package table td a{width:139px; padding:0 10px; height:26px; line-height:26px; color:#999; font-size:15px; font-weight:bold; margin:0 0 10px 10px; display:inline-block; border:1px solid #484848; border-radius:20px; text-align:center;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing:-0.5px;} .study_contents .lc_package table td a.on{color:#fff; border:1px solid #fff;} */ .study_contents .lc_package{width:100%; margin-bottom:20px;} .study_contents .lc_package ul{flex-wrap: wrap;overflow:hidden;margin-left:-10px;} .study_contents .lc_package ul li{float:left;margin-left:10px;} .study_contents .lc_package ul li:nth-child(6){margin-left:95px;} .study_contents .lc_package ul li:nth-child(10){margin-left:95px;} .study_contents .lc_package ul li:nth-child(14){margin-left:95px;} .study_contents .lc_package ul li:nth-child(18){margin-left:95px;} .study_contents .lc_package ul li span{display:inline-block; width:75px; height:44px; padding-left:17px; line-height:44px; font-size:16px; color:#fff; font-weight:bold; background:url(../images/sub/bg_txt.png) 0 0 no-repeat; box-sizing:border-box;} .study_contents .lc_package ul li a{width:164px; padding:0 10px; height:44px; line-height:44px; color:#111; background:#e0e0e0; font-size:15px; font-weight:bold; margin-bottom:10px; display:inline-block; text-align:center;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing:-0.5px; box-sizing:border-box;} .study_contents .lc_package ul li + li a{} .study_contents .lc_package ul li a.on{color:#fff;background:#18a3dc;} .study_contents .lc_tab{width:761px; border:1px solid #dfdfdf; padding:5px 3px 3px 5px; overflow:hidden; margin-bottom:10px} .study_contents .lc_tab li{float:left; margin-right:2px; margin-bottom:2px} .study_contents .lc_tab li a{display:inline-block; width:142px; height:25px; line-height:25px; background:#e8f8fe url(../images/sub/tab_bg_off.png) 96% 50% no-repeat; font-size:12px; padding-left:8px; letter-spacing:-1px;} .study_contents .lc_tab li a:hover{color:#0096d0} .study_contents .lc_tab li.sc_tab_on a, .study_contents .lc_tab li.on a {background:#00a4e3 url(../images/sub/tab_bg_on.png) 96% 50% no-repeat; color:#fff; font-weight:bold} .study_contents .sc_tab{ width:771px; float:left; border-bottom:1px solid #999999; min-height:29px; margin-bottom:10px;} .study_contents .sc_tab li{float:left; margin-left:1px;} .study_contents .sc_tab li:first-child{margin-left:0px;} .study_contents .sc_tab li a{padding:0 5px; height:28px; letter-spacing:-0.5px; line-height:28px; background:#0079c0; border:2px solid #0079c0; color:#fff; display:inline-block; font-size:13px; } .study_contents .sc_tab li a:hover, .study_contents .sc_tab li a.sc_tab_on{ background:#fff; color:#121212;} /* .study_contents .sc_tab{ width:771px; float:left; margin-bottom:10px;} .study_contents .sc_tab li{float:left; margin:0 0 2px 2px; width:126px;} .study_contents .sc_tab li:first-child{} .study_contents .sc_tab li a{width:118px; height:28px; padding:0 4px; letter-spacing:-0.5px; background:#ebebeb; color:#777; vertical-align:middle; display:table; font-size:13px; border-bottom:2px solid #dfdfdf; text-align:center; overflow:hidden;} .study_contents .sc_tab li a div{display:table-cell;/* table-cell 없애고 line-height 적용하면 말줄임 가능 */ /*vertical-align:middle; width:118px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .study_contents .sc_tab li a:hover, .study_contents .sc_tab li a.sc_tab_on{ background:#0079c0; color:#fff; border-bottom:2px solid #005d93;} */ .study_contents div.study_progress_wrap{border:1px solid #ccc; padding:15px; margin-bottom:20px;} .study_contents .study_progress td{height:25px;} .study_contents .study_progress td strong.study_progresstit{float:left;} .study_contents .study_progress td div.study_progressbar{width:425px; height:12px; border:1px solid #ccc; float:left; margin:5px 0 0 10px; position:relative;} .study_contents .study_progress td div.study_progressbar div{width:50%; height:12px; background:#e31635;} .study_contents .study_progress td div p{position:absolute; top:-2px; right:-205px; color:#e31635; font-size:12px;} .study_contents .study_progress td div span{color:#666;} /* .study_contents .tb01 th, .study_contents .tb01 td{border-right:1px solid #ccc;} .study_contents .tb01 th:last-child, .study_contents .tb01 td:last-child{border-right:0px;} .study_contents .tb01 td{padding:5px 10px;} */ .study_contents .tb01 th{height:38px; border-top:1px solid #ccc; background:#fff; } .study_contents .tb01 th, .study_contents .tb01 td{border-right:1px solid #ccc;} .study_contents .tb01 th:last-child, .study_contents .tb01 td:last-child{border-right:0px;} .study_contents .tb01 td{padding:5px 5px;} .study_contents .tb01 td.unit{background:#eeeeee; height:28px; padding-left:15px; border-top:1px solid #ccc; text-align:left; font-size:15px; font-weight:bold; } .mc_inner{} .mc_inner .myclass_boardtit{ font-size:16px; padding-left:15px; margin-bottom:15px; font-weight:bold; background:url(../images/sub/bullet_course.jpg) 0 50% no-repeat;} .mc_inner .mc_txt{font-size:12px; font-family:Dotum; padding-top:10px; line-height:140%;} /* 수강신청 결제 */ .total_box{ padding:20px 0; margin-bottom:0px; } .pay_price{width:295px; margin-left:455px; overflow:hidden; text-align:left; padding-bottom:8px;} .pay_price p{width:114px; display:inline-block; float:left;} .pay_price div.pay_price_sum div div{width:150px; margin-left:10px; text-align:right; float:right;} .item_price, .conpon_price, .point_price{padding-bottom:8px; overflow:hidden;} .point_price{position:relative;} .pay_price div.pay_price_sum div input{border:0px;background:#fffff9; width:135px; text-align:right;} .pay_price div.pay_price_sum div button{position:absolute; top:0px; left:45px;} .sub_blt_title2{padding-bottom:10px;} .total_price_wrap{border-top:1px solid #dfdfdf; text-align:right; padding:12px 0px 0 0; } .total_price_wrap span{color:#00a4e3; font-size:16px;} /* 주문조회 */ .orderlist_cal{border:3px solid #ccc; padding:25px 20px; text-align:center; overflow:hidden; margin-bottom:45px; display:table-cel} .orderlist_cal table{} .orderlist_cal th{padding-right:15px; height:23px; line-height:23px;} .orderlist_cal td input{vertical-align:text-top; height:23px;} .orderlist_cal td button{vertical-align:middle;} .orderlist_cal td label button{ margin:0 3px;} .orderlist_cal td span{padding-right:5px;} /* 쿠폰내역 */ .mc_coupon{border:3px solid #ccc; padding:25px 100px; overflow:hidden; margin-bottom:40px;} .mc_couponicon{float:left; width:175px; background:url(../images/sub/myclass_icon03.jpg) 0 50% no-repeat; height:27px; line-height:27px; } .mc_couponicon dl{padding-left:30px; overflow:hidden;} .mc_couponicon dt{font-weight:bold; float:left;} .mc_couponicon dd{float:left;} .mc_coupon .mc_couponinput{float:left; width:330px; margin-left:20px; line-height:27px;} .mc_coupon .mc_couponinput strong{vertical-align:top;} .mc_coupon .mc_couponinput div{margin-left:15px; height:27px; width:256px; overflow:hidden; border-right:0px; display:inline-block;} .mc_coupon .mc_couponinput div input[type="text"]{border:0px; padding:5px 10px 5px 10px; width:158px; float:left;border:1px solid #00a4e3; } .mc_coupon .mc_couponinput div button{float:left; padding:0 10px; height:27px; line-height:27px; color:#fff; background:#00a4e3;} /* 마이페이지 쿠폰설명 */ .my_coupon{margin:15px 0 0;} .my_coupon .box+.box{margin:10px 0 0;} .my_coupon .box span{display:inline-block;margin-bottom:3px;font-weight:500;} .my_coupon .box td{text-align:left;} .my_coupon .box td:first-child{text-align:center;} .my_coupon .box .dot::before{display:inline-block;width:3px;height:3px;margin:0 5px 0 0;border-radius:100%;vertical-align: middle;background-color: #333;content:'';} /* 포인트 내역 */ .mc_point{border:3px solid #ccc; padding:25px 100px; overflow:hidden; margin-bottom:40px; text-align:center; } .mc_point dl{overflow:hidden; display:inline-block;} .mc_point dt{float:left; margin-right:15px; background:url(../images/sub/myclass_icon02.jpg) 0 50% no-repeat; padding-left:30px; font-weight:bold; height:21px;} .mc_point dd{float:left;} .entry_area{width:771px;} .entry_area table{font-size:13px; } .entry_area table th{border-bottom:1px solid #dfdfdf; border-top:0px; padding:7px 0 7px 15px; width:100px; text-align:left; background:#fafafa; letter-spacing:-0.5px;} .entry_area table td{border-bottom:1px solid #dfdfdf; padding:7px 0 7px 15px; text-align:left;} .entry_area table td input{padding:4px 10px; border:1px solid #e9e9e9;} .entry_area table td select{ height:25px; width:100px; border:1px solid #e9e9e9} .entry_area table td textarea{border:1px solid #dfdfdf; width:100%; padding:5px;} .entry_area table td span{ font-size:11px; color:#666666; font-family:Dotum; padding:0 7px;} .entry_area table td a{margin-left:5px;} .entry_area table td a img{ vertical-align:text-top;} .entry_area table td .mr_b7px{margin-bottom:7px;} .entry_area table td .w440px{width:440px;} .entry_area table td input[type="radio"]{ vertical-align:text-bottom; margin-right:3px;} .deposit_area{border:1px solid #dfdfdf; margin-top:18px;} .deposit_area h4{ width:743px; background:#f9f9f9; border-bottom:1px solid #dfdfdf; padding:12px 15px 13px; color:#555555; font-size:13px; font-weight:normal;} .deposit_area table{} .deposit_area table th{border-top:0px; background:#fff; text-align:left; padding:12px 15px;width:100px; font-weight:normal;} .deposit_area table td input[type="text"]{padding:4px 10px; border:1px solid #e9e9e9;} .deposit_area table td select{ height:25px; width:100px; border:1px solid #e9e9e9} .deposit_area table td p{color:#999999; font-size:11px; padding-top:5px;} .deposit_area table td span{color:#999999; font-size:11px; margin-left:10px; line-height:11px;} .deposit_area table td input[type="radio"], .deposit_area table td input[type="checkbox"]{ vertical-align:text-bottom; margin-right:1px;} ul.pay_detail{overflow:hidden; color:#666666; font-family:Dotum; padding:10px;} ul.pay_detail li{float:left; width:45%; margin-right:5%; padding-bottom:5px;} ul.pay_detail li:nth-child(n+1){marign-right:0px;} ul.pay_detail li strong{width:115px; display:inline-block; letter-spacing:-1px;} ul.pay_detail li span{font-size:13px; padding:0px;} /* join_page */ .join_page{padding:0 0 0px;} .join_page ol{ overflow:hidden; padding-bottom:50px;} .join_page li{float:left; } .join_page li.join_step01 a{width:211px;height:86px; display:inline-block; background:url(../images/sub/join_step01.png) 0 -86px no-repeat; z-index:104;} .join_page li.join_step01 a.join_on{background:url(../images/sub/join_step01.png) 0 0 no-repeat; z-index:104;} .join_page li.join_step02 a{width:220px;height:86px; margin-left:-31px; display:inline-block; background:url(../images/sub/join_step02.png) 0 -86px no-repeat; z-index:103;} .join_page li.join_step02 a.join_on{background:url(../images/sub/join_step02.png) 0 0 no-repeat; z-index:103;} .join_page li.join_step03 a{width:220px;height:86px; margin-left:-32px; display:inline-block; background:url(../images/sub/join_step03.png) 0 -86px no-repeat; z-index:102;} .join_page li.join_step03 a.join_on{background:url(../images/sub/join_step03.png) 0 0 no-repeat; z-index:104;} .join_page li.join_step04 a{width:221px;height:86px; margin-left:-34px; display:inline-block; background:url(../images/sub/join_step04.png) 0 -86px no-repeat; z-index:101;} .join_page li.join_step04 a.join_on{background:url(../images/sub/join_step04.png) 0 0 no-repeat; z-index:104;} .join_page h5{margin-bottom:30px; padding-bottom:5px; border-bottom:2px solid #dfdfdf; font-size:20px; font-weight:bold; } .join_step01_inner p.step01_inne_txt{ font-size:13px; color:#666666; padding-bottom:30px; letter-spacing:-1px; line-height:140%;} .join_step01_inner dl{padding-bottom:60px;} .join_step01_inner dt{background:url(../images/sub/bullet_bule_dot.jpg) 0 7px no-repeat; padding:0 0 7px 10px; color:#00a4e3; font-weight:bold;}] .join_step01_inner dd div{border:1px solid #dfdfdf;} .join_step01_inner dd label input{ vertical-align:text-bottom; margin-right:3px;} .btn_wrap{ text-align:center; padding:30px 0 0;} .btn_wrap a{margin:0 3px;} .join_step02_inner ul{border:1px solid #dfdfdf; overflow:hidden;} .join_step02_inner ul li{float:left; text-align:center;} .join_step02_inner ul li p{ padding:45px 0 23px; margin-bottom:20px; font-size:22px; font-weight:bold; text-align:center; background:url(../images/sub/img_bar.jpg) center bottom no-repeat;} .join_step02_inner ul li span{font-size:13px; font-family:Dotum; color:#666666; text-align:center; display:block; padding:0 18px 30px; line-height:130%;} .join_step02_inner ul li span strong{color:#00a4e3; font-weight:bold;} .join_step02_inner ul li:first-child{border-right:1px solid #dfdfdf;} .join_step03_inner div{padding-bottom:45px;} .join_step03_inner div p{ font-weight:bold; padding-bottom:9px;} .join_step03_inner div p span{ font-size:11px; color:#666666; font-weight:normal;} .join_step03_inner div table{ font-size:13px; border-top:1px solid #333333;} .join_step03_inner div table th{border-bottom:1px solid #dfdfdf; padding:7px 0 7px 15px; width:172px; text-align:left; background:#fafafa; font-weight:normal; letter-spacing:-0.5px;} .join_step03_inner div table td{border-bottom:1px solid #dfdfdf; padding:7px 0 7px 15px; text-align:left;} .join_step03_inner div table td input{padding:4px 10px; border:1px solid #e9e9e9;} .join_step03_inner div table td select{ height:25px; width:100px; border:1px solid #e9e9e9} .join_step03_inner div table td span{ font-size:11px; color:#666666; font-family:Dotum; padding:0 7px;} .join_step03_inner div table td a{margin-left:5px;} .join_step03_inner div table td a img{ vertical-align:text-top;} .join_step03_inner div table td .mr_b7px{margin-bottom:7px;} .join_step03_inner div table td .w440px{width:440px;} .join_step03_inner div table td input[type="radio"]{ vertical-align:text-bottom; margin-right:3px;} .join_step04_inner{padding-bottom:80px;border-bottom: 2px solid #DFDFDF;} .join_step04_inner p{margin-top:75px; text-align:center; font-size:30px; font-weight:bold;} .join_step04_inner p img{ vertical-align:text-bottom; margin-right:5px;} .join_step04_inner p span{color:#00a4e3;} .join_step04_inner a{ margin:27px 0 0 338px; display:inline-block;} /* sub_notice */ .sub_notice{width:775px; overflow:hidden;} .sub_notice .notice_search{float:right; padding-bottom:20px;} .sub_notice .notice_search select{height:32px; border:1px solid #dfdfdf; vertical-align:bottom;} .sub_notice .notice_search a{display:inline-block; vertical-align:bottom;} .sub_notice .notice_search input[type="text"]{padding:7px 5px 8px; border:1px solid #dfdfdf;} .sub_notice table{ clear:both; font-size:13px;} .sub_notice table th{background:#f9f9f9; border-top:2px solid #333333;} .sub_notice table th, .sub_notice table td{padding:10px 0; border-bottom:1px solid #dfdfdf;} .sub_notice table .tr_answer td{border-bottom:0px;} .sub_notice table .tr_answer td div.answer_detail{border-bottom:1px solid #dfdfdf; text-align:left; background:#f9f9f9; line-height:140%;padding:15px 57px;} .sub_notice table td{text-align:center;} .sub_notice table td.text_left{text-align:left;} .sub_notice table .tr_answer td div.answer_detail td{padding:0px; text-align:left;} .sub_notice .notice_num{padding-top:30px; text-align:center;} .sub_notice .notice_num a{margin:0 3px;} .sub_notice .notice_num a.btn_notice_num{vertical-align:top; border:1px solid #e8e8e8; width:32px; display:inline-block;; font-size:13px; font-family:Dotum; padding:9px 0 10px;} .sub_notice .notice_num a.btn_notice_num:hover{background:#959595; color:#fff;} .sub_notice table td.faq_a{padding:0px;} /* 응시하기 */ .class_info .class_info01{border:4px solid #f1f1f1; padding:19px 16px; margin-bottom:40px; width:780px;} .class_info .class_info01 th{text-align:left; padding:0 7px 7px 0px; font-size:13px; letter-spacing:-1px; line-height:13px; height:28px; font-family:Dotum;} .class_info .class_info01 td{height:28px; padding:0 0 7px; font-size:13px; line-height:13px; font-family:Dotum;} .class_info .class_info01 td div{background:#f1f1f1; width:660px; height:19px; border-radius:20px; padding:9px 9px 0 9px; overflow:hidden;} .class_info .class_info01 td div p{float:left; width:600px;} .class_info .class_info01 td div p strong.graph01{background:#00a3e4; width:20%; height:10px; border-radius:20px; display:inline-block;} .class_info .class_info01 td div p strong.graph02{background:#f5c050; width:25%; height:10px; border-radius:20px; display:inline-block;} .class_info .class_info01 td div span{ float:left; padding-left:9px; font-size:11px;} /* bg */ .bg_sky{ background:#f6fbfe;} .bg_bule{ background:#47b5e4;} .bg_orange{ background:#ff7e00;} .bg_beige{background:#c7b89d;} .bg_ivory{background:#fffff5;} .bg_gray{background:#a7a7a7;} .bg_gray02{background:#f5f5f5;} /* font */ .f_bold{font-weight:bold;} .font_pink{color:#ed145b;} .font_red{color:#ff0000;} .font_bule{color:#408ec9;} .f_gray{color:#999;} .f_bule{color:#39a4d0;} /* text-align */ .t_center{ text-align:center !important;} .t_left{ text-align:left !important;} .t_right{ text-align:right !important;} .none{text-align:center; font-size:13px; line-height:130px;} /* float */ .fl_r{float:right;} .fl_l{float:left;} /* margin, padding */ .mt_8{margin-top:8px;} .mt_10{margin-top:10px;} .mt_15{margin-top:15px;} .mt_20{margin-top:20px;} .mt_25{margin-top:25px;} .mt_35{margin-top:30px;} .mt_50{margin-top:50px;} .mt_75{margin-top:75px;} .mr_5{margin-right:5px;} .mr_12{margin-right:12px;} .mr14{margin-right:14px;} .mr_15{margin-right:15px;} .mr_20{margin-right:20px;} .mr_25{margin-right:25px;} .mr_35{margin-right:35px;} .ml_9{margin-left:9px;} .mb_7{margin-bottom:7px;} .mb_10{margin-bottom:10px;} .mb_15{margin-bottom:15px;} .mb_20{margin-bottom:20px;} .mb_30{margin-bottom:30px;} .mb_40{margin-bottom:40px !important;} .pt_15{padding-top:15px;} .pb_30{padding-bottom:15px;} .pd_none{padding:0px !important;} /* border */ .bb_1px{border-bottom:1px solid #dfdfdf;} .bl_none{border-left:0px !important;} .bb_none{border-bottom:0px !important;} .br1{border-right:1px solid #dfdfdf;} .bb_d1{border-bottom:1px dashed #dfdfdf;} /* 버튼 */ .btn_wrap{ text-align:right; padding-top:15px; width:100%;} .btn_login{background:#47b5e4; border:1px solid #33a0cf; color:#fff; width:62px; height:60px; line-height:60px; text-align:center; border-radius:5px; display:inline-block; font-weight:bold;cursor :pointer;} .btn_bule{background:#47b5e4; border:1px solid #33a0cf; color:#fff; width:179px; text-align:center; padding:5px 0 8px;border-radius:5px; display:inline-block; font-weight:bold; cursor:pointer;} .btn_buleline{background:url(../images/sub/bg_gray_gr02.png); border:1px solid #ccc; color:#1977d1; width:179px; text-align:center; padding:5px 0 8px;border-radius:5px; display:inline-block; font-weight:bold; cursor:pointer;} .btn_gray{background:#b1b1b1; border:1px solid #929292;; color:#fff; width:176px; text-align:center; padding:8px 0 12px;border-radius:5px; display:inline-block; font-weight:bold; cursor:pointer;} .btn_light_gray{background:#ccc; border:1px solid #ccc;; color:#fff; } .btn_orange{background:#FF9600; border:1px solid #FF9600; color:#fff; width:176px; text-align:center; padding:8px 0 12px; border-radius:5px; display:inline-block; font-weight:bold;cursor :pointer;} .btn_orange_pl{background:#fa882c; border:1px solid #ff7200; color:#fff; width:100px; text-align:center; padding:5px 0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:inline-block; font-weight:bold; cursor:pointer; line-height:18px; margin-left:10px} .btn_gray_short{background:#b1b1b1; border:1px solid #929292;; color:#fff; text-align:center; padding:3px 10px 5px; border-radius:5px; display:inline-block; font-weight:bold; cursor:pointer;x} .btn_bule_short{background:#47b5e4; border:1px solid #33a0cf; color:#fff; text-align:center; padding:3px 10px 5px; border-radius:5px; display:inline-block; font-weight:bold; cursor:pointer;} .btn_darkgray_short{background:#4e4e4e; border:1px solid #3f3f3f; color:#fff; text-align:center; padding:3px 10px 5px; border-radius:5px; display:inline-block; font-weight:bold; cursor:pointer;} .btn_orange_short{background:#ff7e00; border:1px solid #ff6600; color:#fff; text-align:center; padding:3px 10px 5px; border-radius:5px; display:inline-block; font-weight:bold; cursor:pointer;} .btn_gray_gr{border:1px solid #d5d5d5; border-radius:5px; background:url(../images/sub/bg_gray_gr.jpg); display:inline-block; cursor:pointer; font-size:12px; font-family:Dotum; letter-spacing:-1px; color:#666666; padding:4px 10px 2px;} .btn_black_gr{border:1px solid #3c3c3c; border-radius:5px; background:url(../images/sub/bg_black_gr.jpg); display:inline-block; :pointer; font-size:12px; font-family:Dotum; letter-spacing:-1px; color:#fff; height:24px; padding:4px 11px 2px;} .btn_orange_gr{border:1px solid #ff6600; border-radius:5px; background:#ff7e00 url(../images/sub/icon_pen.png) 10px 50% no-repeat; display:inline-block; cursor:pointer; font-size:12px; font-family:Dotum; letter-spacing:-1px; color:#fff; height:24px; padding:4px 11px 2px 25px;} .btn_gray_large{background:#b1b1b1; border:1px solid #929292;; color:#fff; text-align:center; padding:7px 34px 10px; border-radius:5px; display:inline-block; font-weight:bold;cursor :pointer;} .btn_bule_large{background:#47b5e4; border:1px solid #33a0cf; color:#fff; text-align:center; padding:7px 34px 10px; border-radius:5px; display:inline-block; font-weight:bold; cursor:pointer;} .btn_darkbule_large{background:#657381; color:#fff; text-align:center; padding:7px 34px 10px; border-radius:5px; display:inline-block; font-weight:bold; font-size:14px;} .btn_course_application{ width:178px; text-align:center; border-radius:5px; height:35px; line-height:33px; color:#fff; font-weight:bold; background:#657381; display:block;} .book_detail{position:absolute; top:40px; right:0px;font-family:"Nanum Gothic","Malgun Gothic","Dotum",Arial, sans-serif; height:30px; line-height:28px; background:#978888 url(../images/sub/icon_page.png) 74px 8px no-repeat; border:1px solid #877474; border-radius:5px; color:#fff; padding:0 30px 0 13px; font-weight:bold;} .professor_sample{position:absolute; top:-5px; right:0px; font-family:"Nanum Gothic","Malgun Gothic","Dotum",Arial, sans-serif; height:30px; line-height:30px; background:#978888 url(../images/sub/icon_page.png) 100px 8px no-repeat; border:1px solid #877474; border-radius:5px; color:#fff; padding:0 30px 0 13px; font-weight:bold;} .btn_search{background:#657381; border:1px solid #516170; color:#fff; text-align:center; padding:2px 24px 5px; border-radius:3px; display:inline-block; font-weight:bold;} .btn_write{font-family:"Nanum Gothic","Malgun Gothic","Dotum",Arial, sans-serif; height:30px; line-height:28px; background:#978888 url(../images/sub/icon_write.png) 55px 8px no-repeat; border:1px solid #877474; border-radius:5px; color:#fff; padding:0 25px 0 13px; font-weight:bold;} .btn_buy{width:86px; height:28px; display:inline-block; text-align:center; color:#fff; line-height:28px; background:#19bcb9; border:1px solid #0aa29f; border-radius:5px; font-size:13px; font-family:Dotum; font-weight:bold;} .btn_det_view{width:86px; height:28px; display:inline-block; text-align:center; color:#888888; line-height:28px; border:1px solid #dfdfdf; border-radius:5px; font-size:13px; font-family:Dotum; font-weight:bold;} .btn_soldout{width:86px; height:28px; display:inline-block; background:#777; text-align:center; color:#fff; line-height:28px; border:1px solid #777; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:13px; font-family:Dotum; font-weight:bold} .btn_soldout_l{width:118px; height:33px; display:inline-block; background:#777; text-align:center; color:#fff; line-height:33px; border:1px solid #777; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:15px; font-family:Dotum; font-weight:bold} .btn_top{position:fixed; bottom:0px; right:50%; margin-right:-600px; width:73px;} .btn_oxquiz{padding:4px 15px 6px 34px; background:#717783 url(../images/main/icon_ox.png) 15px 50% no-repeat; border:1px solid #505868; color:#fff; font-size:14px; line-height:14px; font-weight:bold; border-radius:5px;} .btn_daily{padding:3px 15px 5px 34px; background:#717783 url(../images/main/icon_daily.png) 15px 50% no-repeat; border:1px solid #505868; color:#fff; font-size:14px; line-height:14px; font-weight:bold; border-radius:5px;} .btn_typetest{background:#ff9600; color:#fff; font-size:14px; font-weight:bold; border-radius:5px; width:94px; height:28px; line-height:28px; text-align:center;} .btn_exam{background:#47a5d9; color:#fff; border:1px solid #47a5d9; padding:2px 10px 6px; border-radius:5px; display:inline-block; font-weight: bold; cursor:pointer; } .btn_exam:hover{background:#fff; border:1px solid #47a5d9; color:#47a5d9; outline:none;} .btn_examgray{background:#a0a0a0; color:#fff; border:1px solid #888; padding:2px 10px 6px; border-radius:5px; display:inline-block; font-weight: bold; cursor:pointer; } .btn_examresult{background:#999; color:#fff; padding:2px 10px 6px; border:1px solid #888888; border-radius:5px; display:inline-block; font-weight: bold; cursor:pointer; } .btn_examresult:hover{background:#fff; border:1px solid #888; color:#666; outline:none;} .btn_Passed{background:#657381; color:#fff; width:100px; border:1px solid #657381; padding:2px 0 6px; border-radius:5px; display:inline-block; font-weight: bold; cursor:pointer; } .btn_Passed:hover{background:#fff; border:1px solid #657381; color:#657381; outline:none;} .btn_outline_gray{border:1px solid #666;color:#666;background:#fff;border-radius:5px;} .year_list .btn_users{display:inline-block;width: auto;padding: 0 10px;height: 30px;font-weight: 500;line-height: 28px;font-size: 14px;border-radius: 30px;} .btn_outline_all{background-color: transparent;border:1px solid #777;color:#777;} .btn_outline_free{background-color: transparent;border:1px solid #127EDC;color:#127EDC;} .btn_outline_course{background-color:transparent;border:1px solid #F4BF4F;color:#F4BF4F;} .btn_outline_book{background-color: transparent;border:1px solid #0DB294;color:#0DB294;} .btn_movieexplain{background:#ff3600 url(../images/sub/ic_movieex.png) 10px 50% no-repeat; border:1px solid #db2e00; color:#fff; text-align:center; padding:6px 10px 4px 33px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display:inline-block; font-weight:bold; cursor:pointer; line-height:18px; margin-left:10px} .btn_bule_s{width:68px; padding:3px 0 5px; border:1px solid #39a4d0; background:#5abde6; text-align:center; color:#fff; border-radius:5px; font-size:12px; display:inline-block;} .btn_gray_s{width:68px; padding:3px 0 5px; border:1px solid #d4d4d4; background:#e4e4e4; text-align:center; color:#121212; border-radius:5px; font-size:12px; display:inline-block;} .btn_green_s{min-width:68px; padding:3px 0 5px; border:1px solid #0aa29f; background:#19bcb9; text-align:center; color:#fff; border-radius:5px; font-size:12px; display:inline-block;} .btn_darkgray_s{width:68px; padding:3px 0 5px; border:1px solid #717783; background:#717783; text-align:center; color:#fff; border-radius:5px; font-size:12px; display:inline-block;} .btn_group_buy{width:120px; height:35px; background:#e60012; text-align:center; border-radius:5px; font-size:15px; font-weight:bold; display:inline-block; color:#fff; line-height:32px;} .btn_bcart{width:118px; height:33px; border:1px solid #a0a0a0; background:#d2d2d2; color:#fff; text-align:center; border-radius:5px; font-size:15px; font-weight:bold; display:inline-block; line-height:30px;} .btn_gray_hs{color:#808080; font-weight:bold; font-family:Dotum; text-align:center; display:inline-block; width:97px; height:34px; line-height:34px; font-size:14px; background:url(../images/sub/btn_gray_hs.png)0 0 no-repeat;} .btn_bule_hs{color:#fff; font-weight:bold; font-family:Dotum; text-align:center; display:inline-block; width:97px; height:34px; line-height:34px; font-size:14px; background:url(../images/sub/btn_bule_hs.png)0 0 no-repeat;} /* 센터에서 옮긴 마이페이지 버튼 */ .btn_cbule{background:#47b5e4; border:1px solid #33a0cf; color:#fff; text-align:center; padding:5px 10px 8px;border-radius:5px; display:inline-block; font-weight:bold; cursor:pointer; min-width:100px;} .btn_cgray{background:#b1b1b1; border:1px solid #929292; color:#fff; text-align:center; padding:5px 10px 8px;border-radius:5px; display:inline-block; font-weight:bold; cursor:pointer; min-width:100px;} .btn_cdgray{background:#4e4e4e; border:1px solid #3f3f3f; color:#fff; text-align:center; padding:5px 10px 8px;border-radius:5px; display:inline-block; font-weight:bold; cursor:pointer; min-width:100px;} /*페이징*/ .page_box { display:table; margin:0 auto; text-align:center; width:600px;} .page_box ul { margin:0px; list-style:none; padding:0px; } .page_box li { margin:0px; padding:0px; display:inline-block;*zoom:1;*display:inline; } .page_box .page_margin { overflow:hidden !important; } .page_box li {vertical-align:top;} .page_box .page_first_btn {background:url(../images/sub/btn_notice_arrow01.jpg);height:35px;width:35px;margin:0 3px;} .page_box .page_prev_btn {background:url(../images/sub/btn_notice_arrow02.jpg);height:35px;width:35px;margin:0 3px;} .page_box .page_next_btn {background:url(../images/sub/btn_notice_arrow03.jpg);height:35px;width:35px;margin:0 3px;} .page_box .page_last_btn {background:url(../images/sub/btn_notice_arrow04.jpg);height:35px;width:35px;margin:0 3px;} .page_box .page_seperator {margin:0 3px; } .page_box .page_number_btn {border:1px solid #e8e8e8; width:32px; display:inline-block; font-size:13px; font-family:Dotum; padding:9px 0 10px;} .page_box .page_number_btn_on {border:1px solid #e8e8e8; width:32px; display:inline-block; font-size:13px; font-family:Dotum; padding:9px 0 10px;background:#959595; color:#fff;} .page_box .page_number_btn:hover {background:#959595; color:#fff;} /* tb_bottom 게시판 하단 */ .tb_bottom{overflow:hidden; position:relative; padding:30px 0 0; min-height:36px;} .tb_bottom .btn_write{position:absolute; top:33px; right:0px;} /* sub_notice */ .sub_notice{width:775px; overflow:hidden;} .sub_notice .notice_search{float:right; padding-bottom:20px;} .sub_notice .notice_search select{height:32px; border:1px solid #dfdfdf; vertical-align:bottom;} .sub_notice .notice_search a{display:inline-block; vertical-align:bottom;} .sub_notice .notice_search input[type="text"]{padding:7px 5px 8px; border:1px solid #dfdfdf;} .sub_notice table{ clear:both; font-size:13px;} .sub_notice table th{background:#f9f9f9; border-top:2px solid #333333;} .sub_notice table th, .sub_notice table td{padding:13px 0; border-bottom:1px solid #dfdfdf;} .sub_notice table .tr_answer td{border-bottom:0px;} .sub_notice table .tr_answer td div{border-bottom:1px solid #dfdfdf;} .sub_notice table td{text-align:center;} .sub_notice table td.text_left{text-align:left !important;} .sub_notice .notice_num{padding-top:30px; text-align:center;} .sub_notice .notice_num a{margin:0 3px;} .sub_notice .notice_num a.btn_notice_num{vertical-align:top; border:1px solid #e8e8e8; width:32px; display:inline-block;; font-size:13px; font-family:Dotum; padding:9px 0 10px;} .sub_notice .notice_num a.btn_notice_num:hover{background:#959595; color:#fff;} .sub_notice table td.faq_a{padding:0px;} .answer_detail{padding:15px 57px 15px 160px; text-align:left; background:#f9f9f9; line-height:140%;} .faq_tab{width:775px; overflow:hidden; height:34px;} .faq_tab li{float:left;} .faq_tab li a{display:block; border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; text-align:center;padding:7px 15px 8px; border-left:0px;} .faq_tab li:first-child a{border-left:1px solid #dfdfdf;} .faq_tab li a:hover, .faq_tab li a.faq_on{ background:#333333; color:#fff;} /* 회원가입 인증 */ .certification_area{padding:0 15px; text-align:center;} .certification_area p{padding:45px 0 23px; margin-bottom:20px; background:url(../images/sub/img_bar.jpg) bottom center no-repeat; font-size:22px; font-weight:bold;text-align:center;} .certification_area span{font-size:13px; font-family:Dotum; color:#666666; text-align:center; display:block; padding:0 0 30px; line-height:130%;} .certification_area span strong{color:#00a4e3; font-weight:bold;} /* 문의하기 */ .qna_area{border-top:2px solid #ccc; font-size:13px;} .qna_area table{margin-bottom:10px;} .qna_area th, .qna_area td{padding:13px 0 13px 13px; border-bottom:1px solid #dfdfdf;} .qna_area th{background:#f9f9f9; text-align:left;} .qna_area select{height:32px; min-width:100px; border:1px solid #dfdfdf; vertical-align:bottom;} .qna_area td input[type="text"], .qna_area td textarea{padding:7px 5px 8px; border:1px solid #dfdfdf; width:96%;} /* 학습게시판 선택 */ .qna_select{border:1px solid #dfdfdf; border-top:2px solid #1d4f8e; padding:20px; background:#fffbf3; position:relative;} .qna_select h5{font-size:17px; color:#666; border-bottom:1px dashed #c1b9aa; padding-bottom:10px; margin-bottom:10px; letter-spacing:-1px;} .qna_select h5 span{color:#1d4f8e;} .qna_select ul.qs_btns{overflow:hidden; margin-bottom:10px; position:absolute; top:25px; left:180px;} .qna_select ul.qs_btns li{float:left;margin-right:30px; color:#1d4f8e; font-weight:bold;} .qna_select ul.qs_btns li input[type="radio"]{ vertical-align:text-bottom; margin-right:3px; width:15px; height:15px;} .qna_select div{} .qna_select div select{width:49%; margin-left:5px; height:26px;} .qna_select div select:first-child{margin-left:0px;} .qna_ps{margin-top:-40px;} .qna_tab{width:1000px; margin-bottom:25px;} .qna_tab ul{ border-bottom:1px solid #2684c5; height:31px;} .qna_tab ul li{float:left;} .qna_tab ul li a{display:block; height:30px; line-height:32px; color:#555555; font-size:14px; text-align:center; width:118px; border:1px solid #d2d2d2; border-bottom:0px; } .qna_tab ul li a:hover, .qna_tab ul li a.qt_on{font-weight:bold; color:#2684c5; border:1px solid #2684c5; border-bottom:1px solid #fff;} .qna_tab.pass ul li:last-child a{width:117px; padding-left:25px; background:#fcffae url(../images/sub/ic_clip.png) 11px 55% no-repeat;} /* 학습게시판 댓글 */ .qna_reply{ background:#f9f9f9; font-size:13px; border-top:1px solid #dfdfdf; border-bottom:1px solid #ccc;} .qna_reply ul > li{padding:20px; border-bottom:1px dashed #dfdfdf; font-family:Dotum;} .qna_reply ul li > p{color:#999; font-size:11px; margin-bottom:10px;} .qna_reply ul li > p strong{margin-right:20px; color:#333; font-size:13px;} .qna_reply ul li > p span{margin-right:10px; display:inline-block;} .qna_reply ul li > p button{vertical-align:middle;} .qna_reply ul li div{line-height:1.5;} .qna_reply ul li div.no_data{ text-align:center; line-height:2;} .reply_input{padding:20px; overflow:hidden;} .reply_input textarea{width:867px; height:38px; padding:10px; border:1px solid #dfdfdf;} .reply_input button{width:65px; height:60px; display:inline-block; background:#666; text-align:center; line-height:60px; color:#fff; font-weight:bold; vertical-align:top;} /* 취업세미나 */ .seminar{width:1000px; } .seminar ul{border-top:2px solid #ccc; width:1000px;} .seminar ul li{overflow:hidden; border-bottom:1px solid #ccc; padding:20px;} .seminar ul li div{float:left; margin-right:20px; width:246px; border:1px solid #898989;} .seminar ul li dl{float:left; padding-top:12px; width:663px;} .seminar ul li dl dt{margin-bottom:10px;} .seminar ul li dl dt a{font-size:18px; color:#121212; letter-spacing:-1px; font-weight:600;} .seminar ul li dl dt a:hover{color:#1d4f8e; text-decoration:underline;} .seminar ul li dl dd{font-size:13px; line-height:20px; color:#231815;} /* at_tb01-첨부파일 */ span.desc01{font-size:12px; color:#999999; padding:10px 0; display:inline-block;} .btn_simp{padding:2px 5px;} .at_tb01 th{ background:#f9f9f9; border-bottom:1px dashed #dfdfdf; padding:8px 0; color:#8b8b8b; font-size:11px; } .at_tb01 td{border-bottom:1px dashed #dfdfdf; padding:8px 0; color:#8b8b8b; font-size:11px;} /* 첨부파일 */ .c_th01{font-size:24px; font-weight:bold; padding-bottom:10px;} .f_tb01{border-top:2px solid #333333; } .f_tb01 td{border-bottom:1px solid #dfdfdf; padding:11px 0 11px 13px;} .f_th01{ background:#f9f9f9;} .f_tb01 input[type="text"]{border:1px solid #dfdfdf; padding:5px;} .btn_ok{padding:7px 20px; color:#ffffff; background:#333333; border:1px solid #222222; line-height:14px;} .btn_cancel{padding:7px 20px; color:#ffffff; background:#747474; border:1px solid #6a6d71; line-height:14px;} /* classroom */ .classroom{padding:40px 30px;} .classroom .dp2_tit{background:url(../images/sub/bullet_course.jpg)0 9px no-repeat; padding-left:20px;} .classroom .cr_txttit{font-size:13px; font-family:Dotum; } /* 게시판 검색 */ .classroom .search_wrap{width:100%; text-align:right; margin:30px 0 0 ; position:relative;} .class_info h3{ font-size:16px; padding-left:15px; margin-bottom:15px; font-weight:bold; background:url(../images/sub/bullet_course.jpg) 0 50% no-repeat;} .class_info .class_info01{border:4px solid #f1f1f1; padding:19px 16px; margin-bottom:40px; width:780px;} .class_info .class_info01 th{text-align:left; padding:0 7px 7px 0px; font-size:13px; letter-spacing:-1px; line-height:13px; height:28px; font-family:Dotum;} .class_info .class_info01 td{height:28px; padding:0 0 7px; font-size:13px; line-height:13px; font-family:Dotum;} .class_info .class_info01 td div{background:#f1f1f1; width:660px; height:19px; border-radius:20px; padding:9px 9px 0 9px; overflow:hidden;} .class_info .class_info01 td div p{float:left; width:600px;} .class_info .class_info01 td div p strong.graph01{background:#00a3e4; width:20%; height:10px; border-radius:20px; display:inline-block;} .class_info .class_info01 td div p strong.graph02{background:#f5c050; width:25%; height:10px; border-radius:20px; display:inline-block;} .class_info .class_info01 td div span{ float:left; padding-left:9px; font-size:11px;} .contents table.list_table{border-bottom:1px solid #dfdfdf;} .contents .list_table tr:nth-child(even){background:#f9f9f9;} .contents .list_table th{border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4; padding:13px 0;font-size:13px; line-height:13px; font-family:Dotum;color:#555;} .contents .list_table td{border-top:1px dotted #dfdfdf; padding:13px 0;font-size:13px; line-height:13px; font-family:Dotum; text-align:center;color:#555;} .contents .list_table td.icon_star01{ background:url(../images/s/icon_star01.png) center 50% no-repeat;} .contents .list_table td.icon_star02{ background:url(../images/classroom/icon_star02.png) center 50% no-repeat;} .contents .list_table td.icon_star03{ background:url(../images/classroom/icon_star03.png) center 50% no-repeat;} .contents .list_table td.icon_star04{ background:url(../images/classroom/icon_star04.png) center 50% no-repeat;} .contents .list_table td.icon_star05{ background:url(../images/classroom/icon_star05.png) center 50% no-repeat;} .contents .list_table td.icon_q{ background:url(../images/classroom/icon_q.png) 0 50% no-repeat; padding-left:15px; text-align:left;} .contents .search_area{padding:13px; border:1px solid #dfdfdf; background:#f9f9f9; text-align:center; margin-bottom:10px;} .contents .search_area input[type="text"]{border:1px solid #dfdfdf; padding:6px 5px 7px;} .contents .search_area select{border:1px solid #dfdfdf; height:29px; line-height:27px; min-width:70px;} .contents table.writing_table{border-bottom:1px solid #dfdfdf;} .contents .writing_table tr:first-child{border-top:2px solid #b4b4b4; } .contents .writing_table th{padding:13px 10px;font-size:13px; line-height:13px; font-family:Dotum; border-top:1px solid #dfdfdf; background:#f9f9f9; text-align:left;} .contents .writing_table td{border-top:1px solid #dfdfdf; padding:13px 15px;font-size:13px; line-height:13px; font-family:Dotum;} .contents .writing_table td ul{overflow:hidden;} .contents .writing_table td li{float:left; margin-right:15px;} .contents .writing_table td li:last-child{margin-right:0px;} .contents .writing_table td li input{margin-right:3px;} .contents .writing_table input[type="text"]{border:1px solid #dfdfdf; padding:2px 5px 2px; width:400px;} .contents .writing_table span{float:right; padding-top:5px;} .contents .writing_table span input[type="checkbox"]{margin-right:3px; vertical-align:text-bottom;} .contents .writing_table td textarea{width:100%; min-height:270px; border:1px solid #dfdfdf;} .board_view_arrow{margin-top:50px;} .board_view_arrow dl{width:627px; overflow:hidden;border-top:1px solid #dfdfdf;} .board_view_arrow dt{border-bottom:1px solid #dfdfdf; float:left; width:120px; padding:10px; background:#f9f9f9; font-size:13px; font-weight:bold; font-family:Dotum;} .board_view_arrow dd{border-bottom:1px solid #dfdfdf; float:left; width:467px; padding:10px; font-size:13px; font-family:Dotum; } .contents .list_table .tr_a td{ border-top:0px; background:#fff; text-align:left; padding:15px 30px;} .contents .list_table .tr_a div{margin:5px 0 0; background:; border:1px solid #dfdfdf; padding:14px 15px 15px 30px; background:url(../images/classroom/icon_a.png) 15px 15px no-repeat #f9f9f9;} /* 설문조사 */ .survey_body{ background:url(../images/sub/bg_survey.jpg) no-repeat; position:absolute; top:0px; left:0px; width:860px; height:675px; padding:25px 20px 20px;} .survey_top h2{padding-left:3px; margin-bottom:14px;} .survey_wrap{background:url(../images/sub/bg_survey_paper.png) 0 5px no-repeat; position:absolute; top:35px; left:8px; padding:65px 32px 10px 33px;} .survey_wrap h3{font-size:20px; font-weight:bold; color:#333333; margin:0 0 35px 39px;} .survey_list{width:818px; height:395px; overflow-y:scroll;} .survey_list li.pt_40{padding-top:40px;} .survey_list li h4{ background:#f1f1f1;border-radius:5px; width:793px; font-size:14px; font-weight:normal; color:#555555;} .survey_list li h4 span{background:#19a3dd; border-radius:5px; width:38px; height:32px; text-align:center; color:#fff; display:inline-block; font-weight:600; font-size:18px; padding-top:6px; margin-right:10px;} .survey_list li p{border:1px solid #dfdfdf; border-radius:5px; padding:15px 13px;} .survey_list li ol{padding:10px 5px; overflow:hidden;} .survey_list li ol li{padding-bottom:5px; line-height:14px; float:left; margin-right:40px;} .survey_list li ol li span{ vertical-align:text-bottom; padding-left:6px;} .survey_list li ol li input[type="radio"]{margin-right:5px; vertical-align:text-bottom;} .txt_thankyou{width:818px;border-top:1px solid #dfdfdf; padding:20px 0 52px; text-align:center;} .tt_center{text-align:center;} .btn_bule_large{width:150px; padding:8px 0px 10px; text-align:center; background:#19a3dd; border:1px solid #2c99c7; cursor:pointer; border-radius:5px; color:#fff; font-size:16px; font-weight:bold;} /* 모의고사 수험표 출력 */ .exam_print{padding:20px; width:684px;} .exam_print .ep_top{position:relative; width:682px; height:73px; border:1px solid #dfdfdf; border-bottom:0px;} .exam_print .ep_top h1{padding:20px 0 0 14px;} .exam_print .ep_top p{position:absolute; top:25px; right:20px; text-align:center; font-size:13px; color:#777;} .exam_print .ep_top p span{display:block; font-weight:600; color:#333; font-size:14px;} .exam_print .tit{text-align:center; border:1px solid #dfdfdf; border-bottom:2px solid #0079c1; padding:20px 0px; background:#f7f7ef; webkit-print-color-adjust:exact; font-size:20px; font-weight:bold; color:#121212;} .exam_print table{font-size:13px; font-family:Dotum, Gulim, "돋움"; border:1px solid #dfdfdf;} .exam_print table th{height:43px; background:#eef2f7; webkit-print-color-adjust:exact; color:#305479; border:1px solid #dfdfdf;} .exam_print table td{padding:0 10px; border:1px solid #dfdfdf;} .exam_print table td ul{padding:25px 5px;} .exam_print table td ul li{margin-bottom:10px; line-height:20px;} .exam_print table td ul li span{color:#e31520;} .exam_print table td p{text-align:center; font-family:serif; font-size:26px; font-weight:500; margin:20px 0 30px;} .print{text-align:center; margin-top:20px;} .print button{border:1px solid #999; background:url(../images/sub/ic_print00.jpg) 12px 50% no-repeat; padding:0 15px 0 35px; height:30px;} /* 배경출력 */ @media print{ body {-webkit-print-color-adjust: exact;} } /* 시험 */ .apply_top{color:#cbff00; font-size:28px; font-weight:bold; background:#1d4f8e; padding:30px 50px} .apply_cnt{padding:50px} .apply_cnt .apply_tip p{background:url(../images/sub/semo.jpg) left center no-repeat; padding-left:15px; font-size:16px; color:#121212; font-weight:bold} .apply_cnt .apply_tip strong{color:#e5151f; font-size:16px} .apply_cnt .apply_tit{background:url(../images/sub/semo.jpg) left center no-repeat; padding-left:15px; font-size:16px; color:#121212; font-weight:bold; margin-top:30px} .apply_cnt .exam_apply{width:100%; border:1px solid #ccc; margin-top:20px} .apply_cnt .exam_apply p.ps_soldout{background:none; margin-top:10px;} .apply_cnt .exam_apply th{background:#f1f1f1; border-right:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc;font-size:16px; color:#121212; font-weight:bold} .apply_cnt .exam_apply th:first-child{border-left:0px} .apply_cnt .exam_apply td{height:30px; padding:9px; font-size:16px; color:#121212; font-weight:bold; border-bottom:1px solid #ccc;} .apply_cnt .exam_apply td input[type="text"]{width:198px; height:28px; border:1px solid #ccc; background:#f8f8f8; text-indent:10px} .apply_cnt .exam_apply td utton{background:url(../images/sub/apply_btn.jpg) no-repeat; width:101px; height:31px; vertical-align:middle; margin-left:5px; font-size:13px; color:#121212; font-family:"돋움" ,Dotum; cursor:pointer !important;} .apply_cnt .file_info{font-size:12px; font-weight:bold; color:red; font-family:Dotum. '돋움'; display:block;} .apply_cnt .location{border:1px solid #ccc; padding:15px 0; text-align:center; margin-top:20px} .apply_cnt .location li label{font-size:16px; color:#121212; font-weight:bold; margin-left:15px} .apply_cnt .location li label input[type="radio"]{margin-right:10px} .apply_cnt .exam_course{width:100%; border:1px solid #ccc; margin-top:20px} .apply_cnt .exam_course th{background:#f1f1f1; border-right:1px solid #ccc; border-left:1px solid #ccc; font-size:16px; color:#121212; font-weight:bold} .apply_cnt .exam_course th:first-child{border-left:0px} .apply_cnt .exam_course th, .apply_cnt .exam_course td{padding:15px 0} .apply_cnt .exam_course td{text-align:center} .apply_cnt .exam_course td label{font-size:16px; color:#121212; font-weight:bold; margin-right:12px} .apply_cnt .exam_course td label input[type="checkbox"]{margin-right:5px} .apply_cnt .exam_course td span{text-align:right; display:block; color:#e7343b; font-size:16px; font-weight:bold; padding-right:20px} .apply_cnt .btn_box{text-align:center; margin-top:50px} .apply_cnt .btn_box input[type="submit"]{width:200px; height:42px; background:#00549d; color:#fff; font-size:16px; font-weight:bold} .apply_cnt .exam_apply td{position:relative;} /*.apply_cnt .exam_apply input[type="file"]{position:absolute; top:9px; left:9px; width:306px; height:31px; cursor:pointer !important; opacity:0; filter: alpha(opacity=0); }*/ /* 한솔tv 실시간방송 */ .hs_onair{overflow:hidden; width:100%; height:100%; background:#363636;} .hs_onair > div{display:inline-block; width:50%; float:left;} .hs_onair .tit_onair{display:inline-block; padding:15px 0 0 42px; margin-bottom:20px; color:#fff; background:url(../images/sub/bullet_onair.png) 20px 12px no-repeat;} .hs_onair #video1, .hs_onair #video3{margin-right:20px;} .hs_onair .spinner-three-bounce{width:100%; height:100%; min-width:158px; background:url(../images/sub/no_onair.png) center no-repeat;color:#777; font-size:13px;} .hs_onair .spinner-three-bounce[data-spinner]>div{width:0px; height:0px;} /* 오프라인 모의고사 결과보기 */ .offline_exam{position:relative;} .offline_exam p.myclass_boardtit{ font-size:18px; padding:0 0 12px 15px; margin-bottom:30px; font-weight:bold; background:url(../images/sub/bullet_course.jpg) 0 8px no-repeat; border-bottom:2px solid #c9c9c9; } .offline_exam div.date{position:absolute; top:-28px; right:0px; padding:0 15px 0 0; background:#aa9a8e; height:34px; line-height:34px; color:#fff; font-size:12px; font-family:Dotum, '돋움'; border-radius:5px; text-indent:15px;} .offline_exam div.date span{background:url(../images/sub/ic_calender.png) 0 50% no-repeat; padding-left:10px; height:34px; display:inline-block;} .offline_exam dl{} .offline_exam dl dt{margin-bottom:15px; background:url(../images/sub/bullet_arr.png) 0 50% no-repeat; font-size:16px; font-weight:600; text-indent:13px;} .offline_exam dl dd{margin-bottom:40px;} .offline_exam dl dd table{font-size:14px;border-top:2px solid #a0a0a0;} .offline_exam dl dd table th{height:39px; border-bottom:1px solid #a0a0a0; border-left:1px solid #ccc;} .offline_exam dl dd table td{height:39px; text-align:center; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc;} .offline_exam dl dd table .first{border-left:0px;} .offline_exam dl dd table .bg{background:#f2fafe; } .offline_exam dl dd table .f_red{color:#e5151f; font-size:16px; font-weight:600;} /* 오프라인 모의고사 동영상해설 */ .video_solution{margin-top:-30px;} .video_solution table{font-size:13px;} .video_solution table tr{border-bottom:1px solid #c9c9c9;} .video_solution table td{padding:10px 15px;} .video_solution table td.first{padding:10px 0;} .video_solution table tr strong{display:block; font-size:16px; margin-bottom:5px;} .video_solution table tr td .btn1{width:110px; height:25px; line-height:25px; border:1px solid #c1c1c1; text-align:center; font-size:12px; font-weight:bold; padding-right:16px; background:url(../images/sub/arr_gray.png) 90px 50% no-repeat;} .video_solution table tr td .btn1:hover{background:#09bca7 url(../images/sub/arr_white.png) 90px 50% no-repeat; color:#fff;} .video_solution table tr td .btn2{width:110px; height:25px; line-height:25px; border:1px solid #c1c1c1; text-align:center; font-size:12px; font-weight:bold; padding-right:16px; background:url(../images/sub/arr_gray.png) 90px 50% no-repeat;} .video_solution table tr td .btn2:hover{background:#00a3e4 url(../images/sub/arr_white.png) 90px 50% no-repeat; color:#fff;} /* 우수도면 */ .video_draw{padding:20px;} .video_draw .tit{border-bottom:2px solid #c9c9c9; margin-bottom:20px; padding:0 0 10px 15px; background:url(../images/sub/bullet_course.jpg) 0 9px no-repeat; font-size:18px; font-weight:bold; color:#121212;} .video_draw dl{margin-bottom:25px;} .video_draw dl dt{font-size:16px; font-weight:bold; color:#121212; margin-bottom:5px;} .video_draw dl dd{border:1px solid #959595; width:998px;} .video_draw dl dd img{width:100%;} /* coursr_list 2017-10-30 수정 */ .package_list{border-top:5px solid #088c5c; margin-bottom:30px;} .package_list table{ width:100%;} .package_list table th{vertical-align:top; background:#088c5c; color:#fff; text-align:left; font-size:20px; padding:20px 0 0 15px;} .package_list table td{padding:0px;} .package_list table td p{position:relative;} .package_list table td p a{position:absolute; right:31px; width:140px; height:40px; display:inline-block;} .package_list table td p .btn1{top:45px; background:url(../images/sub/btn_package1.png) 0 0 no-repeat;} .package_list table td p .btn2{top:95px; background:url(../images/sub/btn_package2.png) 0 0 no-repeat;} .course_list{border-top:3px solid #1d4f8e;} .course_tb .new_course{margin-top:-1px;} .course_tb .new_course th{ background:#1d4f8e; color:#fff; font-size:20px; line-height:1.3; vertical-align:top; text-align:left; padding:20px 0 0 15px;} .course_tb .new_course table{} .course_tb .new_course table tr td, .course_tb .new_course tr:first-child td{border-top:0px;} .pt20{padding-top:20px} .mb30{margin-bottom:30px;} .btn_landing{position:fixed; z-index:999;bottom:0px; left:0px; border-bottom:5px solid #e73838; width:100%; margin:0 auto;} .btn_landing p{width:1000px; margin:0 auto; text-align:right;} .study_board .dsc_noti{ font-size:14px;} .dsc_noti{font-weight:bold; color:#222;} .btn_file{ border:1px solid #999; border-radius:5px; font-size:12px; display:inline-block; text-align:center; color:#777;} .btn_file span{background:url(../images/sub/black_file_off.jpg) 6px 50% no-repeat; padding:0 8px 0 24px; height:24px; line-height:24px; display:inline-block;} .btn_file:hover{color:#008bc4; border:1px solid #197ea8;} .btn_file:hover span{background:url(../images/sub/black_file_on.jpg) 6px 50% no-repeat; text-decoration:underline;} /* 메인 배너 추가 2019-02-11 */ .ban_box{clear:both; padding-bottom:20px;} .ban_box ul{overflow:hidden;} .ban_box ul li{float:left; width:265px; margin-left:5px;} .ban_box ul li.first{margin-left:0px;} /* 쿠폰신청 버튼 추가 2019-02-22 */ .mc_inner .btn_coupon{height:28px; padding:0 10px; line-height:28px; border:1px solid #09bca7; color:#09bca7; letter-spacing:-1px; font-weight:bold; font-size:13px; border-radius:2px;} .mc_inner .btn_coupon:hover{background:#09bca7; color:#fff;} /* payment 확인 및 유의사항 추가 */ .caution_box{} .caution_box .myclass_boardtit{position:relative; } .caution_box .myclass_boardtit div{position:absolute; top:3px; left:160px; font-size:13px; font-weight:normal;} .caution_box .myclass_boardtit div label{margin-left:15px; cursor:pointer; font-family:'Dotum', '돋움';} .caution_box .myclass_boardtit div label input[type="radio"]{margin:-3px 5px 0 0;vertical-align:middle; } .caution_box .caution{overflow-y:scroll; height:310px; border:1px solid #dfdfdf; font-family:'Dotum', '돋움'; font-size:12px; line-height:1.6;} .caution_box .caution .caution_tit{padding:10px 20px; background:#fafafa; } .caution_box .caution div{padding:10px 20px 15px;} .caution_box .caution dl{padding:10px 20px 15px;} .caution_box .caution dl dt{} .caution_box .caution dl dd div{padding:0px;} .caution_box .caution div div{padding:0px;} .caution_box .caution .red{color:#ff0000; font-weight:bold;} .caution_box .caution table{margin-bottom:10px;border:1px solid #ddd;} .caution_box .caution table th{padding:5px 10px; background:#f9f9f9;border:1px solid #ddd;} .caution_box .caution table td{padding:5px 10px; border:1px solid #ddd;} .caution_box .caution a{overflow:hidden;word-break:break-all;} /* 단과반 학습목차 */ .pop_box{overflow-y:auto;position:relative; position:absolute; top:0px; left:50%; margin-left:-350px; width:700px; height:600px; padding:0 0px 20px; background:#fff; border:3px solid #c9c9c9; box-sizing:border-box; } .pop_box .tit{padding:10px; margin-bottom:20px; background:#f5f5f5; font-size:15px; font-weight:bold;} .pop_box .name{padding-left: 16px; margin:0 15px 10px; background: url(../images/sub/bullet_dot3.jpg) 0 50% no-repeat; font-size: 16px; } .pop_box .tb{margin:0 15px;} .pop_box table{font-size:13px; font-family:Dotum; } .pop_box table th, .course_form table td{height:35px; border:1px solid #ccc; } .pop_box table th{ background:#f9f9f9;} .pop_box table td{height:35px; text-align:center; border:1px solid #ccc;} .pop_box table td table{margin-top:-1px; } .pop_box table tr.th_title td{ text-align:left;height:35px; font-weight:bold; border-top:1px solid #ccc;} .pop_box table td.td_title{text-align:left; padding-left:10px;} .pop_box table td.td_course{padding:0px;} .pop_box table td.td_course td{ background:#f4fcfe; } .pop_box .tb .btn_box{margin-top:15px; text-align:center;} .pop_box .tb .btn_box button{width:110px; height:25px; border:1px solid #ccc; padding-left:18px; background:url(../images/sub/arr_blue.png) 30px 50% no-repeat;} .pop_box .tb .btn_box button:hover{border:1px solid #00a1df; color:#00a1df;} .pop_box .btn_box{margin:15px; text-align:center; } .pop_box .btn_box button{width:100px; height:35px; background:#333; color:#fff;} /* 2021-01-27 학습Q&A 메뉴중 FAQ */ .qna_tab li.bg a{width:140px; background-color:#fcffae;} .qna_tab li.bg a:hover, .qna_tab li.bg a.qt_on{} .clip_list{} .clip_list ul{display: flex;flex-wrap: wrap;overflow:hidden; margin-left:-9px;} .clip_list li{width: 327px;height: auto;margin-left: 9px;margin-bottom: 40px;} .clip_list li .thumb{} .clip_list li .thumb img{width:100%;} .clip_list li .detail{overflow:hidden; margin-top:10px;} .clip_list li .detail .ico{float:left; width:30px; margin-right:10px;} .clip_list li .detail .ico img{} .clip_list li .detail .box{float:left; width:calc(100% - 50px);} .clip_list li .detail .box .name{margin-bottom:5px;} .clip_list li a:hover .detail .box .name{text-decoration:underline;} .clip_list li .detail .box .dec{} .clip_list li .detail .box .dec span{font-size:12px; color:#777; } .clip_list li .detail .box .dec span + span{padding-left:5px; margin-left:5px;} /* 합격동영상수기 겔럴리게시판 */ .gallery_wrap{margin-bottom:30px;} .gallery_wrap >ul {border-top:2px solid #ddd;border-bottom:1px solid #ddd;} .gallery_wrap >ul> li{float:left;position:relative;width:50%;height:87px;padding: 10px 0;} .gallery_wrap >ul> li:nth-child(odd)::after{display:block;position:absolute;bottom:0;width:200%;height:1px;background:#ddd;content:'';} .gallery_wrap ul li .img{float:left;width:120px;border:1px solid #ddd;overflow: hidden;text-align: center;} .gallery_wrap ul li .img img{max-width:100%;max-height:100%;} .gallery_wrap ul li .txt{float:left;margin-left: 20px;padding: 10px 0;} .gallery_wrap ul li .txt .name{font-weight:600;font-size:20px;} .gallery_wrap ul li .txt p{width: 236px;} /* 상담신청 */ .pop_counsel{position:relative; width:442px; border:2px solid #fd7233; border-bottom:0px;} .pop_counsel .tit{ background:#fd7233; color:#fff; text-align:center; font-size:24px; font-weight:bold; line-height:52px;} .pop_counsel .inp_tel{display:flex;align-items:center;margin-bottom: 10px;} .pop_counsel .inp_tel input[type="text"]{width:calc((100% - 16px)/ 3) !important;} .pop_counsel .inp_tel input:nth-child(2){margin:0 5px;} .pop_counsel .txt{margin:20px 15px; padding-bottom:15px; color:#636363; font-size:14px; text-align:center; border-bottom:1px solid #fd7233;} .pop_counsel .write{padding:0 15px; } .pop_counsel .write select{height:42px; border:1px solid #ddd; } .pop_counsel .write input[type="text"]{height:40px; border:1px solid #ddd; text-indent:10px; } .pop_counsel .write .w100{width:100%; margin-bottom:10px; box-sizing:border-box;} .pop_counsel .write div{overflow:hidden;} .pop_counsel .write div .name{margin-bottom:5px; color:#636363;} .pop_counsel .write div .fl{float:left; } .pop_counsel .write div input[type="text"]{width:197px; } .pop_counsel .write div button{position:absolute; top:8px; right:10px;} .pop_counsel .write div select{float:right; width:197px; } .pop_counsel .write textarea{width:100%; height:165px; padding:10px; margin-top:10px; box-sizing:border-box; border:1px solid #ddd;} .pop_counsel .agree{padding:15px 15px 0; } .pop_counsel .agree .name{color:#363636; font-size:15px; font-weight:600; text-align:Center;} .pop_counsel .agree table{margin:10px 0; font-size:13px;} .pop_counsel .agree table th{padding:5px; border:1px solid #ddd; background:#eeeeee; } .pop_counsel .agree table td{padding:5px; border:1px solid #ddd; text-align:center;} .pop_counsel .agree .txt2{ margin:10px 0; font-size:13px; text-align:center;} .pop_counsel .agree label{text-align:left; cursor:pointer;} .pop_counsel .btn{width:100%; height:50px; margin-top:10px; background:#fe0000; color:#fff; font-size:18px; font-weight:bold; text-align:center;} .pop_counsel .close{position:absolute; top:10px; right:10px; } /* -------------부분개편---------- */ .mt_40{margin-top:40px;} .mt_30{margin-top:30px;} .dp3_tit{padding:0 0 9px 0;margin-bottom:10px;border-bottom:1px solid #111;font-size:20px;font-weight:700;line-height:30px;letter-spacing: -0.5px;color: #121212;} .dp3_tit.arr{display:flex;justify-content:space-between;align-items:center;} .dp3_tit.arr a{display:inline-block;width:17px;height:30px;background:url("../images/sub/black_up.png")no-repeat 100% 50%;background-size:17px 10px;} .dp3_tit.arr a.on{display:inline-block;background:url("../images/sub/black_down.png")no-repeat 100% 50%;background-size:17px 10px;} .border_0{border:0 !important;margin-bottom:15px;padding:0;} /* 종목 선택 부분 */ .subject_box{padding:30px 40px;margin-bottom:30px;border-radius:10px;background: #F9F9F9 0% 0% no-repeat padding-box;} .subject_box .step{display:flex;margin-bottom:14px;} .subject_box .step:last-child{margin-bottom:0;} .subject_box .step_nm{width:100px;font-size:15px;line-height:32px;font-weight:700;} .subject_box .step ul{display:flex;flex-wrap: wrap;width: calc(100% - 100px);} .subject_box .step li a{display:inline-block;padding:5px 14px;margin:0 15px 10px 0;color: #fff;background: #19A3DD;border-radius: 30px;font-size:14px;font-weight:700;transition: all 0.5s;} .subject_box .step li:last-child a{margin-right:0;} .subject_box .step li a.on,.subject_box .step li a:hover{background:#FF9600;} .subject_box2{padding:20px 50px 40px;background:#ffeacc;border-radius:5px;} .subject_box2 .step{display:flex;padding:30px 20px 15px;border-bottom:1px dashed #DDDDDD;} .subject_box2 .step_nm{width:120px;font-size:15px;font-weight:700;line-height:37px;} .subject_box2 .step >ul,.subject_box2 .step .select_box{display:flex;flex-wrap: wrap;width: calc(100% - 120px);} .subject_box2 .step >ul li a{display:inline-block;margin:0 15px 15px 0;padding:0 20px;height: 35px;line-height:33px;border-radius:5px;box-sizing: border-box;background:#fff;border:1px solid #666666;color:#666666;text-align:center;transition: all 0.5s;} .subject_box2 .step >ul li:last-child a{margin-right:0;} .subject_box2 .step >ul li a.on,.subject_box2 .step >ul li a:hover{background:#666;color:#fff;font-weight:700;} .subject_box2 .step2{padding: 30px 20px 30px;} .subject_box2 .select_box{} .subject_box2 .select_box select{display:inline-block;width:200px;padding:0 0 0 15px;border-radius:5px;border:1px solid #666;height: 35px;color:#666;background:#fff url("../images/sub/ic_select.png")no-repeat 173px 50%;-ms-expand:display:none;-webkit-appearance: none;-moz-appearance: none;appearance: none;} .subject_box2 .select_box select::-ms-expand {display:none;} .subject_box2 .step_chk{flex-wrap:wrap;padding: 30px 20px 20px;} .subject_box2 .step_chk li{display: flex;width:calc(100% / 3);margin-bottom:10px;} .subject_box2 .step_chk input{width:20px;height:20px;margin-right:5px;} .subject_box2 .step_chk label{color:#666;} .subject_box2 .tags{display:flex;} .subject_box2 .step ul.tags li a{display:inline-block;border-radius:50px;border-color:#ccc;} .subject_box2 .tags a::before{display:inline-block;color:#666;font-size:14px;content:"#";transition: all 0.5s;} .subject_box2 .step .tags a.on,.subject_box2 .step .tags a:hover{border-color:#666;} .subject_box2 .step .tags a.on::before,.subject_box2 .step .tags a:hover::before{color:#fff;} .subject_box2.keyword{padding: 20px 50px 40px;border-radius:0 0 5px 5px;} .subject_box2.keyword .step{display:block;border-bottom:0;text-align: center;} .subject_box2.keyword .select_box{position:relative;display:flex;align-items:center;width:100%;height:50px;margin-bottom: 20px;background:#fff;border-radius:50px;box-sizing:border-box;overflow:hidden;} .subject_box2.keyword .select_box select{width:196px;height:100%;padding: 0 20px;border:0;border-left:1px dashed #ddd;outline:none;font-size:16px;font-weight:500;background-position: 163px 50%;color:#111;} .subject_box2.keyword input[type="text"]{width:calc(100% - 219px);height:100%;padding-left:20px;border:0;outline:none;font-size:16px;font-weight:500;} .subject_box2.keyword input[type="text"]::placeholder{color:#111;font-weight:500;} .subject_box2.keyword button{width:258px;height:52px;padding:14px 60px 14px 25px;border-radius:0;background:#FF9600 url("../images/sub/ic_srch_w.png")no-repeat 204px 50%;background-size: 24px 27px;font-size:16px;font-weight:500;} .subject_box2 .select_box span{margin:0 20px;line-height:34px;} .subject_box2 .btn{margin-top:30px;text-align:center;} .subject_box2 .btn .btn_orange{width:200px;height:52px;line-height:52px;padding:0;background:#FF9600;font-size:15px;border-radius:0;font-weight:500;border:1px solid #FF9600;box-sizing:border-box;} /* 슬라이드, 카드되는 부분 */ .slide_tab{position: relative;} /* 필기기출문제 fix */ .slide_fix div ul{display:flex;} .slide_fix ul li{flex:1;margin-right:10px;} .slide_fix ul li:last-child{margin-right:0;} .slide_fix ul li a::after{opacity:0.5;position:absolute;z-index:2;bottom:10px;right:10px;display:block;width:100%;height:100%;content:'';transition: 0.6s;} .slide_fix ul li.on a::after{opacity:1;} .slide_fix ul li.year_img a::after{width:54px;height:53px;background:url("../images/sub/swiper_fix_year.png")no-repeat;background-size:100%;} .slide_fix ul li.random_img a::after{width:60px;height:48px;background:url("../images/sub/swiper_fix_random.png")no-repeat;background-size:100%;} .slide_fix ul li.type_img a::after{width:54px;height:54px;background:url("../images/sub/swiper_fix_type.png")no-repeat;background-size:100%;} .slide_fix ul li.keyword_img a::after{width:54px;height:53px;background:url("../images/sub/swiper_fix_keyword.png")no-repeat;background-size:100%;} /* 아이콘 수정 가능한 */ .slide_tab> div> ul> li{height:150px; max-width:241px; box-sizing: border-box;border: 1px solid #EEEEEE;border-radius: 5px;overflow:hidden;} .slide_tab li.on{background:#FF9600;} .slide_tab li a{position:relative;display:block;width:100%;height:100%;box-sizing: border-box;padding:23px 19px 0;font-size:17px;font-weight:700;letter-spacing: -0.42px;color: #fff;transition: 0.2s;background:#19A3DD;} .slide_tab li.on a{background:#FF9600;} .slide_tab li.txt a::after{opacity:0.5;position:absolute;z-index:2;width:36px;height:39px;bottom:10px;right:10px;display:block;content:'';transition: 0.6s;background:url("../images/sub/slide_tab_on.png")no-repeat;background-size:100%;} .slide_tab li.txt.on a::after{opacity:1;} /* .slide_tab li.txt:hover a,.slide_tab li.txt.on a{background-image:url("../images/sub/slide_tab_on.png");} */ /* .slide_tab li.txt:hover a::after,.slide_tab li.txt.on a::after{background:linear-gradient(128deg, #19A3DD 0%, #4285EC 100%);opacity:1;} */ .slide_tab li strong{display: -webkit-box;-webkit-line-clamp: 2;overflow:hidden;-webkit-box-orient: vertical;} .slide_tab li.img img{opacity:0.5;position:absolute;bottom:10px;right:10px;} .slide_tab li.img.on img{opacity:1;position:absolute;} /* .slide_tab .slide_txt a::before{left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(135deg); width: 200%; height: 0;content: ""; z-index: 1; position: absolute; background:linear-gradient(128deg, #19A3DD 0%, #4285EC 100%); transition: all 0.5s ease;} .slide_tab .slide_txt.on a::before,.slide_tab .slide_txt:hover a::before{height: 300%;} .slide_tab .slide_txt a::after{position: absolute;top: 0;left: 0;z-index: 18;display: block;width: 100%;height: 100%;background: url("../images/sub/slide_tab_off.png") 135px 91px no-repeat;background-size: 36px 39px;content: '';transition: all 0.4s ease;} .slide_tab .slide_txt.on a::after,.slide_tab .slide_txt:hover a::after{background:url("../images/sub/slide_tab_on.png") 135px 91px no-repeat;} */ .slide_tab .swiper-button-prev-tab { position: absolute; left:-28px;width: 58px;height:58px;margin-top:-38px;transition: .5s; background: url("../images/sub/slide_tab_prev.png") no-repeat 0 0; background-size:100%;font-size: 0; font-size: 0; display: block; } .slide_tab .swiper-button-prev-tab:hover{background: url("../images/sub/slide_tab_prev.png") no-repeat 0 0;background-size:100%;} .slide_tab .swiper-button-next-tab { position: absolute;right:-28px;width: 58px;height:58px;margin-top:-38px;transition: .5s; background: url("../images/sub/slide_tab_next.png") no-repeat 0 0;background-size:100%; font-size: 0; line-height: 0; display: block; } .slide_tab .swiper-button-next-tab:hover{ background: url("../images/sub/slide_tab_next.png") no-repeat 0 0;background-size:100%;} .slide_tab .swiper-button-prev-tab::after, .slide_tab .swiper-button-next-tab::after { display: none; } .tit_t_line{display:flex;align-items:center;justify-content:space-between;margin:40px 0 15px;border-bottom:1px solid #111;} .tit_t_line .btns{} .tit_t_line .btns a{display:inline-block;padding-left:29px;line-height: 21px;color:#999999;font-weight:500;font-size:16px;background:url("../images/sub/ic_chk_off.png")no-repeat;background-size:21px 21px;} .tit_t_line .btns a:last-child{margin-left:30px;} .tit_t_line .btns a.on{color:#19A3DD;background-image:url("../images/sub/ic_chk_on.png");} .color_tit{margin-top:40px;padding:10px;background: #19A3DD;color:#fff;} .blue_tit{background: #19A3DD;} .bblue_tit{background: #1800BE;} .purple_tit{background: #7200BE;} .pink_tit{background:#BE005F ;} .color_tit .dp3_tit{color:#fff;margin:0;} .color_tit .btns a{color:#fff;} .tb_gray{} .tb_gray tr{margin-bottom:2px;background: #F8F8F8;} .tb_gray tr td{padding:14px 0;border-bottom: 2px solid #fff;font-size:14px;line-height:20px;color: #999;text-align: center;} .tb_gray tr td:first-child{padding-left:20px;border-radius:5px 0 0 5px;} .tb_gray tr td:last-child{padding-right:20px;border-radius:0 5px 5px 0;} .tb_gray .tit{width:600px;font-weight:500;color:#111; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-align: left;} .tb_gray tr .btn_blue,.tb01 .btn_blue{padding:4px 10px;background: #19A3DD;border-radius: 5px;font-size:14px;line-height:20px;letter-spacing: -0.35px;color: #FFFFFF;} .tb_gray tr .user_book{padding:4px 10px;background: #0db294;border-radius: 5px;font-size:14px;line-height:20px;letter-spacing: -0.35px;color: #FFFFFF;} .tb_gray tr .user_course{padding:4px 10px;background: #f4bf4f;border-radius: 5px;font-size:14px;line-height:20px;letter-spacing: -0.35px;color: #FFFFFF;} .tb_gray tr .user_on{padding:4px 10px;background: #19A3DD;border-radius: 5px;font-size:14px;line-height:20px;letter-spacing: -0.35px;color: #FFFFFF;} .tb_gray2 tr{border-bottom:19px solid #fff;} .tb_gray2 tr:last-child{border-bottom:0;} .tb_gray2 tr td{padding:4px 0 0;color:#000;} .tb_gray2 tr td:first-child{padding-left:0;} .tb_gray2 .txt{text-align:left;} .tb_gray2 .txt strong{ display: block;overflow: hidden;text-overflow: ellipsis;width: 692px;margin-bottom:2px;font-size:15px;font-weight:400;} .tb_gray2 .txt strong span{display:inline-block; margin-left:5px; padding:0 5px; line-height:18px; border:1px solid #111; border-radius:50px;} .tb_gray2 .txt p{margin-bottom:5px; font-size:16px;font-weight:700;} .tb_gray2 tr td .nodata{display:inline-block; line-height:10; color:#999;} .tb_gray2 button{width:86px;padding:4px 13px 4px 19px;font-weight:500;} .tb01 .tit{text-align:left;text-overflow: ellipsis;width: 590px;display: block;white-space: nowrap;overflow: hidden;} .year_list{} .year_list tr td:first-child{padding:0 15px;} .year_list tr td:last-child{padding-right: 0;} .year_list button{width:auto;padding:0 10px;height:30px;line-height:28px;font-size:14px;font-weight: normal;} .black_tab{display:flex;margin-bottom:40px;border-radius: 10px;overflow:hidden;} .black_tab li{flex:1;text-align:center;} .black_tab li a{position:relative;z-index:-1;display: flex;align-items: center;justify-content: center;padding:13px 30px;font-size:16px;line-height:24px;color: #666666;background: #F1F1F1;} .black_tab li.on a,.black_tab li:hover a{position:relative;z-index:1;color:#fff;background:#111;border-radius: 10px;} .black_view_wrap{background: rgba(230,230,230,0.2);padding: 0 30px 30px;border-top: 1px solid #0079C0;} /* .black_view_wrap .contentArea{display:none;} .black_view_wrap .contentArea1{display:block;} */ .black_view_wrap #content_point,.black_view_wrap #content_cbt{display:none;} .black_view_wrap #content_point.on,.black_view_wrap #content_cbt.on{display:block;} .black_view_wrap >.top{display:flex;} .black_view_wrap >.top .txt{padding:40px 0 0;font-size:14px;line-height:20px;letter-spacing: -0.35px;color: #666666;} .black_view_wrap >.top .txt .line{margin-bottom:5px;} .black_view_wrap >.top .txt .line span{} .black_view_wrap >.top .txt .line span::after{display:inline-block;width:1px;height:10px;margin:0 15px;content:'';background:#DDDDDD;} .black_view_wrap >.top .txt .line span:last-child::after{display:none;} .black_view_wrap >.top .tit{margin:2px 0 14px;color:#121212;font-size:22px;line-height:33px;font-weight:700;} .black_view_wrap .exam_img{position:relative; padding: 30px;box-sizing:border-box;box-shadow: 0px 3px 15px #000000;border-radius: 20px;background: #FFFFFF 0% 0% no-repeat padding-box;} .black_view_wrap .exam_img{/*height:971px !important;*/overflow:hidden;box-sizing:border-box;box-shadow: 0px 3px 15px #000000;border-radius: 20px;background: #FFFFFF 0% 0% no-repeat padding-box;} .black_view_wrap .exam_img .b-page{top:30px !important;} .booklet .b-wrap-right{background:transparent !important;} .black_view_wrap .exam_img .b-wrap >div{padding:0 0 30px 30px;} .black_view_wrap .exam_img img{width:100%;} .booklet .b-counter{display:none !important;} .black_view_wrap .exam_img .b-page:nth-child(odd){left:30px;} .black_view_wrap .exam_img .b-page:nth-child(2n) .b-wrap >div{padding:0 0 30px 30px ;} .black_view_wrap .exam_img .b-page img{width:100%;} .booklet .b-counter{width:50px !important;height:50px !important;padding:0 !important;background:#fff !important;border:1px solid #ddd;font-size:20px !important;font-weight:500;font-family:"Noto Sans CJK KR" !important;line-height:48px;} .black_view_wrap .swiper-button-prev-point {top:60%; left:30px;width: 50px;height:70px;border-radius:0 10px 10px 0;margin:0;box-shadow: 2px 0 9px rgb(0 0 0 / 34%); background: url("../images/sub/arr_point_prev.png") no-repeat 0 0; background-size:100%;font-size: 0; font-size: 0; display: block; z-index:99999999;} .black_view_wrap .swiper-button-prev-point:hover{background: url("../images/sub/arr_point_prev.png") no-repeat 0 0;background-size:100%;} .black_view_wrap .swiper-button-next-point{top:60%; right:30px;width: 50px;height:70px;border-radius: 10px 0 0 10px;margin:0;box-shadow: 0 2px 9px rgb(0 0 0 / 34%); background: url("../images/sub/arr_point_next.png") no-repeat 0 0;background-size:100%; font-size: 0; line-height: 0; display: block; } .black_view_wrap .swiper-button-next-point:hover{ background: url("../images/sub/arr_point_next.png") no-repeat 0 0;background-size:100%;} .black_view_wrap .swiper-button-prev-point::after, .black_view_wrap .swiper-button-next-point::after { display: none; } .black_view_wrap >.top .btns{display:flex;margin-top:35px;} .black_view_wrap >.top .btns a{display:inline-block;width:120px;height:40px;text-align:center;margin-right:10px;box-sizing:border-box;border-radius:5px;font-weight:500;font-size:16px;line-height:36px;letter-spacing: -0.4px;} .black_view_wrap >.top .btns li:last-child a{margin-right:0;} .black_view_wrap >.top .btns li .btn_blue{border: 2px solid #19A3DD;background:transparent;color:#19A3DD;} .black_view_wrap >.top .btns li .btn_blue.on,.black_view_wrap .btns li .btn_blue.on:hover,.black_view_wrap .btns li .btn_blue:hover{background:#19A3DD;border: 1px solid #19a3dd;color:#fff;} .black_view_wrap >.top .btns .outline_green{border:2px solid #47C9C7;background:transparent;color:#47C9C7;} .black_view_wrap >.top .btns .outline_green:hover,.black_view_wrap .btns li .outline_green.on{background:#47C9C7;color:#fff;} .black_view_wrap >.top .btns .outline_orange{border: 2px solid #FF9600;color:#FF9600;} .black_view_wrap >.top .btns .outline_orange:hover,.black_view_wrap .btns li .outline_orange.on{background:#FF9600;color:#fff;} /* 필기블랙박스 - 해설강의 팝업창 */ #pop_explain {position:absolute;display:none;background-color:#000000;left:10%;top:10%;z-index: 999;} #bth_pop_clse {position:absolute;width:40px;z-index:1;} #pop_explain2 {position:absolute;display:none;background-color:#000000;left:10%;top:10%;z-index: 999;} #bth_pop_clse2 {position:absolute;width:40px;z-index:1;} /* */ .black_write_top{height: 257px;padding-bottom: 15px;margin-top:20px;background:#D8ECF7 ;} .black_write_top img{width:auto;/* height:100%; */margin-left:44px;} /* 시험 공통 */ .test_box{} .test_box .num{margin-bottom:16px;color:#999999;font-size:20px;font-weight:500;} .test_box .num strong{margin-right:8px;color:#121212;font-size:30px;font-weight:700;} .test_box .exam{float:left;width:429px;margin-right:30px;} .test_box .exam .num{margin-bottom: 30px;border-bottom:2px solid #111;} .test_box .exam .black{color: #fff;font-weight:700;font-size: 20px;line-height:48px ;padding: 10px 35px;background: #111111;border-radius: 10px 10px 0px 0px;} .test_box .exam .exam_q{margin:0 0 30px;font-size: 18px;font-weight: 500;} .test_box .exam .exam_q img{display:block;margin:10px 0;} .test_box .exam_a li{position:relative;margin-bottom:10px;padding: 5px 10px;;} .test_box .exam_a li.on{background:#ddd;} .test_box .exam_a li.right_ans{border-radius: 20px;border:1px solid #47C9C7;} .test_box .exam_a li.right_ans::before{position:absolute;left:9px;top:4px;z-index: 2;width:27px;height:27px;background:url("../images/sub/ic_right_ans.png")no-repeat;content:'';background-size:100%;} .test_box .exam_a li.wrong_ans::before{position:absolute;left:9px;top:4px;z-index: 2;width:27px;height:27px;background:url("../images/sub/ic_wrong_ans.png")no-repeat;content:'';background-size:100%;} .test_box .inp_box{display:flex;position:relative;} .test_box .inp_box input{position: absolute;height: 25px;width: 25px;cursor: pointer;opacity: 0;z-index: 1;outline: none !important;} .test_box .inp_box input+ label{display: flex;align-items: flex-start;width:100%;cursor: pointer;} .test_box .inp_box input+ label strong{border:1px solid #111;color:#111;} .test_box .inp_box input:checked + label strong{background:#111;color:#fff;} .test_box .inp_box strong {display: inline-block;width: 25px;height:25px;margin-right: 5px;font-size: 17px;font-weight:700;border-radius: 50%;text-align: center;box-sizing: border-box;line-height: 22px;} .test_box .inp_box p {width: calc(100% - 45px);font-size: 17px;line-height: 24px;font-weight: 500;} .test_box .inp_box p img{max-width:100%;} .test_box .explain{float:left;display:none;background:#fff;} .test_box .pop_btn{width:30px;height:30px;background:url("../images/sub/ic_pop.png")no-repeat;background-size:100%;} .test_box .explain.on{display:inline-block;} .test_box li .explain{width:418px;border: 1px solid #DDDDDD;border-radius: 10px;overflow:hidden;} .test_box li .explain .top{display: flex;align-items: center;justify-content: space-between;padding:13px 19px;background: #F1F1F1;} .test_box li .explain .top button{margin-left:10px;padding:4px 10px;font-size:14px;font-weight:400;border-radius:5px;} .test_box li .explain .top span{color:#E5151F;font-weight:700;font-size: 16px;line-height:24px;color: #E5151F;} .test_box li .explain .txt{padding:20px;} .test_box li .explain .black{padding:2px 13px 4px;background:#111;font-weight:700;font-size: 16px;line-height:24px;font-style:normal;letter-spacing: -0.4px;color: #FFFFFF;} .test_box li .explain .info{margin:10px 0 0;} .test_box li .explain .info img{max-width:100%; margin: 10px 0;} .pop_btn_box{padding:30px;border-radius:10px;} .pop_btn_box button{width:240px;height:40px;margin-bottom:10px;border-radius:10px;font-size:15px;font-weight:500;} .pop_btn_box .btn_error{color:#AAAAAA;border:1px solid #AAAAAA;} .pop_btn_box .btn_error::before{display:inline-block;width:20px;height:22px;margin-right:5px;content:'';background:url("../images/sub/ic_btn_error.png")no-repeat 0 50%;vertical-align: sub;} .pop_btn_box .btn_wa{background:#AAAAAA;color:#fff;} .pop_btn_box .btn_wa::before{display:inline-block;width:20px;height:22px;margin-right:5px;content:'';background:url("../images/sub/ic_btn_wa.png")no-repeat 0 50%;vertical-align: sub;} .pop_btn_box .clse{display:block;width:100%;margin-top:10px;padding-top: 10px;text-align: center;border-top:1px solid #ccc;color:#AAAAAA;font-size:15px;font-weight:500;} /* 체크 */ .chk_box input[type="checkbox"]{position:absolute;width:30px;height:30px;cursor: pointer;opacity: 0;z-index: 1;outline: none !important;} .chk_box label{display:flex;align-items:flex-start;flex-wrap: wrap;height:auto;padding-left: 40px;z-index: 1;left: 0;font-size:22px;font-weight:700;line-height: 30px;background: url("../images/sub/ic_chk_off_m.png")no-repeat left top;background-size:30px;cursor: pointer;} .chk_box input[type="checkbox"]:checked + label{display:flex;align-items:flex-start;height:auto;background: url("../images/sub/ic_chk_on_m.png")no-repeat left top;background-size: 30px;} /* 필기블랙박스 cbt */ .black_view_wrap .test_box{position:relative;padding-bottom:30px;overflow: hidden;border-radius:20px;} .black_view_wrap .test_box >.top{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;background:#FF9600;} .black_view_wrap .test_box >.top p{font-size:14px;line-height:20px;color:#fff;letter-spacing: -0.35px;} .black_view_wrap .test_box >.top p strong{display:inline-block;margin-right:8px;font-size:22px;font-weight:700;} .black_view_wrap .test_box .swiper-slide{padding: 30px 30px 50px;box-sizing: border-box;border-bottom: 1px dashed #DDDDDD;} .black_view_wrap .test_box .swiper-container{background:#fff;border-radius: 0 0 20px 20px;} .black_view_wrap .swiper-button-prev-cbt { position: static;width: 40px;height:40px;margin:0; background: url("../images/sub/ic_black_exam_prev.png") no-repeat 0 0; background-size:100%;font-size: 0; font-size: 0; display: block; } .black_view_wrap .swiper-button-prev-cbt:hover{background: url("../images/sub/ic_black_exam_prev.png") no-repeat 0 0;background-size:100%;} .black_view_wrap .swiper-button-next-cbt { position: static;width: 40px;height:40px;margin:0; background: url("../images/sub/ic_black_exam_next.png") no-repeat 0 0;background-size:100%; font-size: 0; line-height: 0; display: block; } .black_view_wrap .swiper-button-next-cbt:hover{ background: url("../images/sub/ic_black_exam_next.png") no-repeat 0 0;background-size:100%;} .black_view_wrap .swiper-button-prev-cbt::after, .black_view_wrap .swiper-button-next-cbt::after { display: none; } .black_view_wrap .test_box .btns{margin:30px 0 50px;text-align:center;} .black_view_wrap .test_box .btns button{width:200px;height:52px;font-weight:700;font-size: 16px;line-height:24px} .black_view_wrap .test_box .outline_gray{margin-right:15px;border: 1px solid #657381;background: #fff;color:#657381;transition:.3s;} .black_view_wrap .test_box .outline_gray:hover{background: #657381;color:#fff;} .black_view_wrap .test_box .gray{background: #657381;color:#fff;} .black_view_wrap .test_box .gray:hover{border: 1px solid #657381;background: #fff;color:#657381;} /* ox퀴즈 -list*/ /* .black_ox_list{display:flex;flex-wrap:wrap;} .black_ox_list li{width:calc((100% - 60px) / 4);height:180px;margin:0 20px 20px 0;} .black_ox_list li:nth-child(4n){margin:0 0 20px 0;} .black_ox_list li a{display:inline-block;width:100%;height:100%;box-sizing:border-box;position:relative;padding:20px;border-radius:5px;background:#F8F8F8;border: 1px solid transparent;transition: all 0.4s ease;} .black_ox_list li a:hover{border:1px solid #666;} .black_ox_list li .gray{display:inline-block;margin-bottom:5px;padding:2px 9px 4px 8px;border-radius:50px;background:#666666;color:#fff;} .black_ox_list li .tit{height:70px;display: -webkit-box;-webkit-line-clamp: 3;margin-bottom:20px;overflow:hidden;-webkit-box-orient: vertical;font-size:17px;font-weight:700;line-height:22px;} .black_ox_list li .btm{display:flex;justify-content:space-between;} .black_ox_list li .date{color:#666666;} .black_ox_list li .num{color:#FD4F00;font-weight:700;} */ /* ox퀴즈 -view */ .ox_box{position:relative;padding:30px;background: #F8F8F8;border-radius: 5px;} .ox_box .select_subject{display:flex;align-items:center;margin-bottom:20px;} .ox_box .select_subject p{display: flex;align-items: center;height:45px;padding:0 15px;font-size:15px;color:#fff;font-weight:500;background: #19A3DD;border-radius: 5px;} .ox_box .select_subject p:last-child{min-width:420px;margin-left:15px;justify-content: space-between;} .ox_box .select_subject p span{display:inline-block;margin-right: 4px;} .ox_box .select_subject select{display:inline-block;position:relative;min-width: 295px;height:35px;padding:0 15px; -ms-expand:display:none;-webkit-appearance: none;-moz-appearance: none;appearance: none; background:#fff url("../images/sub/ic_select.png") no-repeat 96% 50%;color:#666;border:1px solid #fff;border-radius:5px;background-size:12px 8px;} .ox_box .select_subject select::-ms-expand {display:none;} /* .ox_box .q_tit{display:inline-block;;padding:9px 35px 12px;margin-bottom:20px;background: #19A3DD;font-weight:700;font-size: 18px;line-height:20px;border-radius: 0px 0px 20px 20px;letter-spacing: -0.45px;color: #FFFFFF;} .ox_box .q_tit span{display:inline-block;width:6px;height:10px;margin:0 15px;background:url("../images/sub/arr_ox_white.png")no-repeat;background-size:100%;} */ .ox_box .swiper-container{background:#fff;border-radius:20px;box-shadow: 0px 3px 15px rgba(0,0,0,0.15);transition:5s;} .ox_box .swiper-container.on{height:auto;} .ox_box .swiper-container li{padding: 50px 0 28px;box-sizing: border-box;} .ox_box .swiper-button-prev-ox { position: absolute;left:0;width: 60px;height:60px;background: url("../images/sub/ic_ox_prev.png") no-repeat 0 0; background-size:100%;font-size: 0; font-size: 0; display: block; } .ox_box .swiper-button-prev-ox:hover{background: url("../images/sub/ic_ox_prev.png") no-repeat 0 0;background-size:100%;} .ox_box .swiper-button-next-ox { position: absolute;right:0;width: 60px;height:60px; background: url("../images/sub/ic_ox_next.png") no-repeat 0 0;background-size:100%; font-size: 0; line-height: 0; display: block; } .ox_box .swiper-button-next-ox:hover{ background: url("../images/sub/ic_ox_next.png") no-repeat 0 0;background-size:100%;} .ox_box .swiper-button-prev-ox::after, .ox_box .swiper-button-next-ox::after { display: none; } .ox_box .exam .exam_q{min-height:100px;padding:0 109px 34px;font-size:18px;font-weight:500;line-height:27px;} .ox_box .exam .exam_q .ic_q{display:inline-block; padding:0px 8px 3px; border-radius:20px; background:#ffa200; color:#fff; font-size:1.3rem; vertical-align:top;} .ox_box .exam .exam_q .box{display:inline-block; width:calc(100% - 45px); margin-left:5px;} .ox_box .exam .ox_select{display:flex;align-items: center;justify-content: center;padding:24px 0 52px;} .ox_box .exam .ox_select a{display:inline-block; width:120px; height:120px; border-radius:10px;} .ox_box .exam .ex_o{margin-right:100px;background:#f8f8f8 url("../images/sub/exam_o_off.png") no-repeat 50% 50%;background-size:80px 80px;transition:.2s;} .ox_box .exam .ex_o:hover,.ox_box .exam .ex_o.on{background:#f8f8f8 url("../images/sub/exam_o_on.png") no-repeat 50% 50%;background-size:80px 80px;} .ox_box .exam .ex_x{background:#f8f8f8 url("../images/sub/exam_x_off.png") no-repeat 50% 50%;background-size:80px 80px;transition:.2s;} .ox_box .exam .ex_x:hover,.ox_box .exam .ex_x.on{background:#f8f8f8 url("../images/sub/exam_x_on.png") no-repeat 50% 50%;background-size:80px 80px;} .ox_box .exam .num{text-align:center;} .ox_box .exam .num strong{font-size:22px; font-weight:700;} .ox_box .exam_commentary{/* position:absolute;bottom:-100%;left:0; */display:none;position: relative;opacity:0;z-index:999;width:100%;padding:30.5px 0 28px;background: #fff;box-sizing:border-box;text-align:center;transition:.5s;border-top:1px dashed #ddd;transition:.3s;} .ox_box .exam_commentary.on{margin-top:-271px;opacity:1;display:block;} .ox_box .exam_commentary .q_noti{margin-bottom:25px;line-height:41px;color:#FFD500;font-family: 'GmarketSans';font-weight:700;font-size:40px;} .ox_box .exam_commentary .q_noti::before{display:inline-block;width:64px;height:41px;margin-right:10px;vertical-align: middle;background:url("../images/sub/ic_exam_noti.png")no-repeat 0 0;background-size:100%;content:'';} .ox_box .exam_commentary .box{margin:0 109px;text-align:left;} .ox_box .exam_commentary .box em{display:inline-block;text-align:center;width:95px;font-weight:500;height:40px;line-height:38px;background:#F1F1F1;border-radius: 20px 20px 0px 0px;font-style: normal;font-size:18px;} .ox_box .exam_commentary .box .txt{overflow-y:auto;height:200px;padding:20px;color:#666666;background:#fff;font-weight:500;line-height:27px;font-size:16px;border:1px solid #ddd;border-radius: 0px 20px 20px 20px;} .ox_box .exam_commentary .btn_clse{position:absolute;top:27px;right:30px;display:inline-block;padding-left:28px;background:url("../images/sub/ox_btn_clse_bk.png")no-repeat 0 50%;background-size:18px;color:#111;font-size:16px;font-weight:700;} /* 한솔tv */ .notice_list dt a,.notice_list dd{font-size:17px;line-height:33px} .notice_list dt{padding:14px 30px 14px 0;border-bottom:2px solid #fff;background:#F8F8F8 url("../images/sub/ic_noti_down.png")no-repeat 950px center;border-radius:5px;} .notice_list dt.on{background:#F8F8F8 url("../images/sub/ic_noti_up.png")no-repeat 950px center;} .notice_list dt a{display: flex;justify-content: space-between;font-size:14px;font-weight:500;line-height:20px;} .notice_list dt a>div{display:flex;} .notice_list dt p{width:720px;} .notice_list .num{display:inline-block;width:80px;color:#666666;font-weight:400;text-align:center;} .notice_list .date{display:inline-block;width:100px;margin-right:20px;color:#666666;font-weight:400;} .notice_list dd{display:none;position:relative;padding:20px 80px 20px 80px;font-size:14px;line-height:21px;} .notice_list dt.on dd{display:block;} .toggle_line{display:flex;align-items:center;justify-content:space-between;} .toggle_btn{display:flex;width:250px;height:35px;border-radius:50px;overflow:hidden;} .toggle_btn button{flex:1;font-size:15px;font-weight:400;color:#666;background-color:#f1f1f1;transition:.3s;} .toggle_btn button.on{background-color:#111;color:#fff;font-weight:700;} .hstv_contents {display:none;} .hstv_contents .mv_list li .img{height:180px;} .hstv_contents .mv_list li:hover .img{border:0;} .hstv_contents1{display:block;} /* 한솔 tv 달력 */ /* 한솔tv원래 달력 */ /* .hstv_calendar{} .hstv_calendar .month{padding:8px 0 3px;background:#19A3DD;text-align:center;border-radius:10px 10px 0 0;} .hstv_calendar .month a{} .hstv_calendar .month span{display:inline-block;margin:0 30px;font-family: 'poppins';font-weight:300;font-size:30px;color:#fff;line-height:49px;} .hstv_calendar table{table-layout: fixed;border:1px solid #ccc;border-bottom:0;} .hstv_calendar thead{height:45px;line-height:45px;background: #F8F8F8;} .hstv_calendar thead th{border-right:1px solid #ccc;color:#666666;font-weight:400;} .hstv_calendar td{padding:10px 13px;min-width:142px;height:104px;vertical-align:top;border:1px solid #CCCCCC;box-sizing: border-box;} .hstv_calendar td:nth-child(1),.hstv_calendar thead th:nth-child(1) {color:#FD4F00;border-left: 0;} .hstv_calendar td:nth-last-child(1),.hstv_calendar thead th:nth-last-child(1){color:#FD4F00;border-right: 0;} .hstv_calendar td.on {position:relative;background:rgba(255,198,0,0.1) url("../images/sub/ic_hstv_youtube.png")no-repeat 96px 12px;} .hstv_calendar td.on a{position: absolute;bottom: 13px;left: 13px;text-decoration:underline;color:#000F72;} .hstv_calendar td.holiday{color:#FD4F00;} .hstv_calendar td.holiday span{display:inline-block;width:15px;} .hstv_calendar td.holiday em{display:inline-block;font-style:normal;margin-left:5px;} */ /* 한솔tv 변경 */ .hstv_calendar{} .hstv_calendar .month{padding:8px 0 3px;text-align:center;} .hstv_calendar .month a{} .hstv_calendar .month span{display:inline-block;margin:0 30px;font-family: 'poppins';font-weight:300;font-size:30px;color:#121212;line-height:49px;} .hstv_calendar table{table-layout: fixed;border:1px solid #ccc;border-bottom:0;} .hstv_calendar thead{height:34px;line-height:34px;} .hstv_calendar thead th{border-right:1px solid #ccc;color:#666666;font-weight:500;color:#666666;} .hstv_calendar td{min-width:142px;height:125px;vertical-align:top;border:1px solid #CCCCCC;box-sizing: border-box; overflow: hidden;} ./* hstv_calendar td:nth-child(1),.hstv_calendar thead th:nth-child(1) {color:#FD4F00;border-left: 0;} .hstv_calendar td:nth-last-child(1),.hstv_calendar thead th:nth-last-child(1){color:#FD4F00;border-right: 0;} */ .hstv_calendar td.on {position:relative;background:rgba(255,198,0,0.1) url("../images/sub/ic_hstv_youtube.png")no-repeat 96px 12px;} .hstv_calendar .day{display: flex;padding-left:13px;background: #40A2DC;width: 100%;height: 25px;color: #fff;font-size:14px;box-sizing: border-box;;} .hstv_calendar .day.holiday{background-color: #f9472d;} .hstv_calendar .day .holiday_txt{display:inline-block;margin-left:8px;font-weight: 500;} .hstv_calendar .text{display: inline-block;padding:5px;font-size: 14px;padding-top: 23px;box-sizing: border-box;} .hstv_calendar .text p{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow:hidden;line-height: 18px;} .hstv_calendar td a{position:relative;width: 142px;height: 100px;display: flex;overflow:hidden;} .hstv_calendar td a img{width:100%;height:100%;} .hstv_calendar td .badge{position: absolute;right: 3px;top: 3px;display:inline-block;padding:0 4px;color:#fff;border-radius:3px;font-size:12px;} .hstv_calendar td .badge.blue{background-color: #40A2DC;} .hstv_calendar td .badge.gray{background-color: #afafaf;} .hstv_calendar td .badge.red{background-color: #f9472d; } .hstv_calendar td.on{background-color:rgba(255,198,0,0.1) ;} /* .hstv_calendar td.on .text p::after{display: inline-block;background: url("../images/sub/ic_hstv_youtube.png")no-repeat;width: 34px;height: 24px;margin-left: 5px;;content: '';vertical-align: middle;} */ /* 한솔tv list */ .hstv_month{padding:8px 0 3px;background:#19A3DD;text-align:center;border-radius:10px 10px 0 0;} .hstv_month span{display:inline-block;margin:0 30px;font-family: 'poppins';font-weight:300;font-size:30px;color:#fff;line-height:49px;} .hstv_view_list{} .hstv_view_list li{display:flex;justify-content:space-between;align-items: center;padding:20px;border-bottom:1px solid #CFCFCF;} .hstv_view_list li .lf{display:flex;column-gap:10px;width: calc(100% - 182px);} .hstv_view_list li .lf .img{width: 250px;height: 140px;} .hstv_view_list li .lf .img img{width:100%;height:100%;} .hstv_view_list li .lf .text_box{width: calc(100% - 262px);} .hstv_view_list li .lf .text_box .title{font-size:20px;font-weight:700;} .hstv_view_list li .lf .text_box .info_box{display:flex;flex-direction:column;row-gap:2px;padding:10px;font-size:14px;} .hstv_view_list li .btn_blue{padding:8px 40px;border-radius:4px;font-size:16px;} .hstv_view_list li .btn_gray{padding:8px 40px;border-radius:4px;font-size:16px;width: auto;font-weight: 400;} .btn_list{margin-top:15px;padding:8px 40px;border-radius:4px;font-size:16px;width: auto;font-weight: 400;} .mv_list{display:flex;flex-wrap:wrap;margin-top: -30px;} .mv_list li{width: calc((100% - 60px) /4);margin:30px 20px 0 0;overflow: hidden;;box-sizing: border-box;} .mv_list li:nth-child(4n){margin:30px 0 0 0;} .mv_list li .img{display: flex;align-items: center;justify-content: center;overflow: hidden;/*height:210px;*/position:relative;margin-bottom:10px;background:#F1F1F1;border-radius:15px;overflow:hidden;} .mv_list li .img:hover{border:2px solid #40A2DC;} .mv_list li .img img{width:100%;height: 100%;} .mv_list li .img button.btn_blue{position:absolute;bottom:20px;width:calc(100% - 40px);padding:5px 0 ;font-size:14px;font-weight:500;border-radius:4px;} .mv_list li .box{} .mv_list li .box .tit{height: 51px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;font-size:18px;font-weight:700;line-height:24px;} .mv_list li .box .info{} .mv_list li .box .info span{display:inline-block;margin-right:10px;font-size:16px;} .mv_list li .box .info span:last-child{margin-right:0} .mv_list li .box .info span.line::before{display:inline-block;width:1px;height:10px;margin-right:9px;background:#111;content:'';} .mv_list li .txt p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin:5px 0 20px;letter-spacing: -0.5px;font-size:14px;color:#666;height:40px;overflow:hidden;} .mv_list li .txt span.date{font-size:12px;color:#666666;} .hstv_list li{width: calc((100% - 40px) /3);} .hstv_list li:nth-child(3n){margin:30px 0 0 0;} .hstv_list li:nth-child(4n){margin:30px 20px 0 0} .hstv_list li .box .tit{margin-bottom:5px;text-overflow:ellipsis;overflow:hidden;} .hstv_list dl{display:flex;} .hstv_list dl dt{position:relative; width:60px; color:#666;} .hstv_list dl dt:after{position:absolute; top:5px; right:10px; content:''; display:inline-block; width:1px; height:12px; background:#ccc; } /* 이벤트 */ .event_box{display:flex;flex-wrap:wrap;} .event_box li{width: calc((100% - 60px) /3);margin:30px 30px 0 0;border: 1px solid #EEEEEE;overflow: hidden;border-radius:15px;box-sizing: border-box;} .event_box li:nth-child(3n){margin:30px 0 0 0;} .event_box li a{display:block;width:100%;height:100%;} .event_box li .img{display: flex;align-items: center;justify-content: center;overflow: hidden;height:153px;} .event_box li .img img{width:100%;} .event_box li .txt{padding:14px 20px 20px;} .event_box li .txt strong{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size:17px;font-weight:700;line-height:25px;} .event_box li .txt p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin:5px 0 20px;letter-spacing: -0.5px;font-size:14px;color:#666;height:40px;overflow:hidden;} .event_box li .txt div em{display:inline-block;width:45px;height:20px;line-height:18px;margin-right:6px;text-align:center;border-radius:50px;box-sizing: border-box;font-style:normal;color:#fff;font-size:12px;font-weight:500;} .event_box li .txt div em.ing{background:#19A3DD;border:1px solid #19A3DD;} .event_box li .txt div em.done{background:#666666;border:1px solid #666666;} .event_box li .txt span.date{font-size:12px;color:#666666;} .event_btm_banner{padding:40px 0;background:#FFFF01;text-align:center;line-height: 40px;font-size:30px;font-weight:500;} .event_btm_banner strong{display:block;font-weight:700;} /* 실기기출문제 */ .tb_list{} .tb_list .outline_blue{width: 90px;height: 30px;line-height: 29px;;border:1px solid #19A3DD;font-size:13px;font-weight:700;color:#111;border-radius:4px;} .tb_tutor{} .tb_tutor .tutor{display: flex;flex-direction: column;align-items: center;justify-content: center;} .tb_tutor .tutor .img{margin-bottom:7px;width: 100px;height: 80px;} .tb_tutor .tutor .img img{height:100%;} .tb_tutor .tutor span{font-size:13px;} .tb_tutor .contents{width:300px;text-align:left;} /* 문제타입 */ .test_type_wrap{padding:30px 0 100px} .test_type_wrap .top_info{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;} .test_type_wrap .top_info span{font-size:14px;color:#999999;} .test_type_wrap .test_inner{width:1000px;margin:0 auto;} .test_type_wrap .btn_back{display:inline-block;padding:4px 10px;background:#CCCCCC;border-radius:5px;font-size:14px;color:#fff;} .test_type_wrap .tit{padding-top:30px;margin-bottom:30px;font-size:34px;font-weight:700;text-align: center;} .test_type_wrap .type_select{display:flex;justify-content: space-between;margin-bottom:30px;} .test_type_wrap .type_select li{width:calc((100% - 30px) / 2);} .test_type_wrap .type_select li a{display:inline-block;width:100%;padding:60px 0 60px 200px;box-sizing: border-box;font-size:24px;color:#111;border:1px solid #F8F8F8;border-radius:20px;transition:.3s; font-weight:600;} .test_type_wrap .type_select li:first-child a{margin-right:30px;background:#F8F8F8 url("../images/sub/img_type_01.png")no-repeat 140px 50%;background-size:50px 50px} .test_type_wrap .type_select li:first-child a:hover,.test_type_wrap .type_select li:first-child a.on{background:#fff url("../images/sub/img_type_01.png")no-repeat 140px 50%;border-color:#FF9600;color:#FF9600;font-weight:700;background-size:50px 50px} .test_type_wrap .type_select li:last-child a{background:#F8F8F8 url("../images/sub/img_type_02.png")no-repeat 140px 50%;background-size:50px 50px;} .test_type_wrap .type_select li:last-child a:hover,.test_type_wrap .type_select li:last-child a.on{background:#fff url("../images/sub/img_type_02.png")no-repeat 140px 50%;background-size:50px 50px; border-color:#FF9600;color:#FF9600;font-weight:700;} .test_type_wrap .subject_select{overflow:hidden;border:1px solid #FF9600;border-radius:20px;} .test_type_wrap .subject_select .subject{padding:40px 50px;} .test_type_wrap .subject >p{margin-bottom:23px;font-size:22px;font-weight:700;} .test_type_wrap .subject_select ol{} .test_type_wrap .subject_select ol li{margin-bottom:18px;} .test_type_wrap .subject_select ol li:last-child{margin-bottom:0;} .test_type_wrap .subject_select .btn_orange{width: 100%;font-size:24px;font-weight:700;} /* testtyp01 */ /* .test_type_wrap .test_box .inp_box input{width:35px;height:35px;} .test_type_wrap .test_box .exam_a li.right_ans::before{left: 10px;top: 5px;width: 37px;height: 37px;background: url("../images/sub/ic_right_ans_m.png")no-repeat;} .test_type_wrap .test_box .exam_a li.wrong_ans::before{left: 10px;top: 5px;width: 37px;height: 37px;background: url("../images/sub/ic_wrong_ans_m.png")no-repeat;} .test_type_wrap .test_box .inp_box p{line-height:34px;} */ .test_type_wrap .test_box .inp_box input+ label strong{border-color: #707070;} .test_type_wrap .exam{width: 570px;} .test_type_wrap .rg{float:left;width:400px;} .test_type_wrap li .explain{/* display:inline-block; */width: 100%;margin-bottom: 10px;box-sizing: border-box;} .test_type_wrap .analysis{width: 100%;padding:20px;margin-bottom: 10px;box-sizing:border-box;border-radius:10px;background:#F8F8F8;} .test_type_wrap .analysis dl{display:flex;flex-wrap: wrap;font-size:15px;} .test_type_wrap .analysis dt{width: 80px;margin:0 10px 10px 0;padding-left:25px;font-weight:700;background:url("../images/sub/ic_test_dt.png")no-repeat 0 50%;background-size:18px 14px;} .test_type_wrap .analysis .point{width:100%;} .test_type_wrap .analysis dd{margin-bottom:10px;} .test_type_wrap .analysis dd > p{text-align:right;} .test_type_wrap .analysis .ic_point_go{color:#FF9600;text-decoration:underline;font-weight:500;} .test_type_wrap .analysis .ic_point_go::before{display:inline-block;width:15px;height:15px;margin: 0 3px 0 9px;vertical-align: middle;background:url("../images/sub/ic_point_go.png")no-repeat 0 50%;content:'';} .test_type_wrap .rg .btns{text-align: left;} .test_type_wrap .rg .btns button{padding:4px 10px;font-size:14px;font-weight:400;border-radius:5px;} /* .test_type_wrap .rg .btns button:last-child{margin-left:10px;} */ .test_type_wrap .swiper-button-prev-test { position: static;width: 40px;height:40px;margin:0; background: url("../images/sub/ic_test_prev.png") no-repeat 0 0; background-size:100%;font-size: 0; font-size: 0; display: block; } .test_type_wrap .swiper-button-prev-test:hover{background: url("../images/sub/ic_test_prev.png") no-repeat 0 0;background-size:100%;} .test_type_wrap .swiper-button-next-test { position: static;width: 40px;height:40px;margin:0; background: url("../images/sub/ic_test_next.png") no-repeat 0 0;background-size:100%; font-size: 0; line-height: 0; display: block; } .test_type_wrap .swiper-button-next-test:hover{ background: url("../images/sub/ic_test_next.png") no-repeat 0 0;background-size:100%;} .test_type_wrap .swiper-button-prev-test::after, .test_type_wrap .swiper-button-next-test::after { display: none; } .test_type_wrap .test_fix{position:fixed;z-index: 9999;padding:15px 0;width: 100%;bottom:0;background:#F7F7F7;box-shadow:0 0 10px rgba(0,0,0,0.16);} .test_type_wrap .test_fix .num{display:flex;align-items:center;} .test_type_wrap .test_fix .num .btn_prev{background:url("../images/sub/ic_")} .test_type_wrap .test_fix .num input{width:70px;height:40px;margin:0 10px;font-size:17px;font-weight:700;border:0;outline:none;text-align:center;} .test_type_wrap .test_fix .num .btn_next{} .test_type_wrap .test_fix .test_inner{display: flex;align-items: center;justify-content: space-between;} .test_type_wrap .test_fix .btns{} .test_type_wrap .test_fix .btns .btn_gray{background:#666;border:1px solid #666;} .test_type_wrap .test_fix .btns button{width:100px;height:40px;margin-right:10px;font-size:17px;font-weight:700;border-radius:10px;line-height: 1.4;} .test_type_wrap .test_fix .btns button:last-child{margin-right:0;} /* pop오류신고 */ .error_box{position:relative;width:500px;padding:30px;box-sizing:border-box;} .error_box .tit{padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #111;} .error_box .tit strong{display:inline-block;margin-right:10px;font-size:24px;font-weight:700;} .error_box .tit span{font-size:14px;color:#FF9600;font-weight:500;} .error_box .box{height:330px;overflow-x:hidden;overflow-y:auto;} .error_box .line{margin:10px 0 0 0;} .error_box .line label{display: block;margin-bottom:10px;} .error_box .chk_line{display:flex;flex-wrap: wrap;margin:20px 0 0;} .error_box .chk_line p{display:flex;align-items:center;margin-bottom:10px;} .error_box .chk_line input{width:20px;height:20px;} .error_box .chk_line label{margin:0 30px 0 8px;} .error_box label{font-size:15px;} .error_box input[type="text"],.error_box textarea{width:100%;border:1px solid #DDDDDD;border-radius:5px;box-sizing: border-box;} .error_box input[type="text"]{height:40px;} .error_box textarea{height:150px;resize:none;outline:none;} .error_box .clse{position:absolute;right:30px;top:36px;display:inline-block;width:24px;height:24px;background:url("../images/sub/pop_error_clse.png")no-repeat;background-size:100%;} .error_box button{width: 120px;height: 40px;line-height: 38px;margin:10px 0 0;background:#666;border:1px solid #666;color:#fff;font-size:17px;font-weight:700;border-radius:10px;} /* 오류신고 리스트 */ .error_list{} .error_list button{width:70px;height:30px;line-height: 1.4;padding: 0;font-size:13px;font-weight:700;border-radius:0;} .error_list .btn_outline_gray{border:1px solid #999999;color:#999999;} .error_list .btn_gray{border:1px solid #999;} /* 오답노트 목록 */ .wa_note_list{} .wa_note_list tr td{padding:10px 0;border-bottom:10px solid #fff;} .wa_note_list tr:last-child td{border-bottom:0;} .wa_note_list tr td:first-child{padding-left:15px; color:#111;} .wa_note_list tr td:last-child {padding-right: 10px;} .wa_note_list button{width:auto;height:30px;padding:0 10px;font-size:14px;font-weight:400;} .wa_note_list .btn_orange{} .wa_note_list .btn_outline_gray{} /* cbt모의고사 다회권 */ .cbt_cp_list{} .cbt_cp_list ul{margin-top:20px; overflow:hidden;} .cbt_cp_list ul li{position:relative; float:left; width:calc(50% - 5px); padding:15px; margin-bottom:10px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box;} .cbt_cp_list ul li.nodata{width:100%; line-height:10; color:#999;} .cbt_cp_list ul li:nth-child(odd){margin-right:10px} .cbt_cp_list ul li .thumb{float:left; width:100px; margin-right:20px; } .cbt_cp_list ul li .thumb img{width:100%; } .cbt_cp_list ul li .info_box{float:left; width:calc(100% - 120px);} .cbt_cp_list ul li .info_box .tit{font-size:17px; font-weight:500; } .cbt_cp_list ul li a:hover .info_box .tit{text-decoration:underline;} .cbt_cp_list ul li .info_box .txt{display:inline-block; margin:5px 0; font-size:14px; color:#666; } .cbt_cp_list ul li .info_box .price, .cbt_cp_list ul li .info_box .prepare{position:absolute; bottom:15px; right:20px; } .cbt_cp_list ul li .info_box .price{font-size:14px;} .cbt_cp_list ul li .info_box .price del{display:block; color:#999; } .cbt_cp_list ul li .info_box .price p{font-weight:500;} .cbt_cp_list ul li .info_box .price p em{display:inline-block; margin-right:5px; font-style:normal; } .cbt_cp_list ul li .info_box .price p strong{font-size:18px;} .cbt_cp_list ul li .info_box .prepare{color:#999; font-weight:500;} .cbt_view{} .cbt_view .bg{overflow:hidden; padding:25px; background:#f9f9f9; border-radius:10px;} .cbt_view .thumb{float:left; width:200px; margin-right:30px; } .cbt_view .thumb img{width:100%; } .cbt_view .view_box{float:left; width:calc( 100% - 230px );} .cbt_view .view_box .info_box{} .cbt_view .view_box .info_box .tit{font-size:22px; font-weight:700;} .cbt_view .view_box .info_box .txt{display:inline-block; margin:5px 0; color:#666; } .cbt_view .view_box .info_box .price{margin-top:70px;text-align:right; } .cbt_view .view_box .info_box .price del{color:#999;} .cbt_view .view_box .info_box .price span{ } .cbt_view .view_box .info_box .price span em{display:inline-block; padding:1px 5px 1px 10px; margin:8px 5px 0 0; background:#ff0000; color:#fff; border-radius:20px; font-style:normal; vertical-align:top;} .cbt_view .view_box .info_box .price span strong{font-size:23px;} .cbt_view .view_box .bot{margin-top:20px; padding-top:20px; border-top:1px dashed #ddd; } .cbt_view .view_box .bot p{font-size:13px;} .cbt_view .view_box .bot .btns{text-align:right; margin-top:10px; } .cbt_view .view_box .bot .btns button{} .cbt_view .view_box .bot .btns button + button{margin-left:5px;} /* 필기기출문제/실기학습자료 상단 */ .select_type{padding:50px 50px 40px;background: #FF9600;} .select_type .top_title{margin-bottom:30px;text-align:center;color:#fff;font-weight:700;} .select_type .top_title span{display:block;font-size:20px;line-height:50px;} .select_type .top_title strong{font-size:40px;line-height:50px;} .select_type .list{display:flex;column-gap:30px;} .select_type .list li{flex:1;border-radius:20px;overflow:hidden;} .select_type .list li .title{padding:90px 20px 20px;color:#fff;font-size:20px;font-weight:700;} .select_type .list li.type_1 .title{background:#19A3DD url("../images/sub/icon_type01.png")no-repeat 20px 20px;} .select_type .list li.type_2 .title{background:#1800BE url("../images/sub/icon_type02.png")no-repeat 20px 20px;} .select_type .list li.type_3 .title{background:#7200BE url("../images/sub/icon_type03.png")no-repeat 20px 20px;} .select_type .list li.type_4 .title{background:#BE005F url("../images/sub/icon_type04.png")no-repeat 20px 20px;} .select_type .list li .text{padding:12px 20px 16px;background: #fff;font-size:16px;line-height:24px;} .select_type .list li .text button{display: flex;align-items: center;margin-top:10px;font-size:16px;line-height:21px;font-weight:700;} .select_type .list li .text .arr_type_select{display:inline-block;width:20px;height:20px;margin-left:8px;background: url("../images/sub/arr_type_select.png")no-repeat ;transition:transform .3s;} .select_type .list a:hover .arr_type_select{transform:translateY(5px);} /* 합격가이드 */ .guide_subvisual{position:relative;height:500px;background: url("../images/sub/bg_sub_intro.jpg")no-repeat 50% 0;} .guide_subvisual .box{position:absolute;top:0;left:50%;transform: translateX(-500px);padding-top:80px;} .guide_subvisual .txt1{display:inline-block;margin-bottom:40px;line-height: 30px;color:#02177d;font-size:30px;font-weight:700;font-style: normal;} .guide_subvisual .txt2{color:#fff;;font-size:44px;line-height: 60px;} .guide_subvisual .txt2 strong{font-weight:700;} .guide_menu_box{position:absolute;top:-100px;width:100%;padding:36px 0 40px;border-radius:10px;background-color:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.2);} .guide_menu_box p{margin-bottom:50px;text-align:center;font-weight:700;font-family:"Nanum Gothic";font-size:26px;color:#322111;} .guide_menu_box ul{display:flex;} .guide_menu_box ul li{flex:1;border-right:1px solid #d2d2d2;} .guide_menu_box ul li:last-child{border-right:0;} .guide_menu_box ul li a{display:flex;flex-direction:column;align-items:center; justify-content: center;row-gap:18px;padding: 22px 0 0;height:90px;} .guide_menu_box ul li:first-child a{background:url("../images/sub/icon_guide01.png")no-repeat 50% 0;} .guide_menu_box ul li:first-child a:hover,.guide_menu_box ul li:first-child a.on{background:url("../images/sub/icon_guide01_on.png")no-repeat 50% 0;} .guide_menu_box ul li:nth-child(2) a{background:url("../images/sub/icon_guide02.png")no-repeat 50% 0;} .guide_menu_box ul li:nth-child(2):hover a{background:url("../images/sub/icon_guide02_on.png")no-repeat 50% 0;} .guide_menu_box ul li:nth-child(3) a{background:url("../images/sub/icon_guide03.png")no-repeat 50% 0;} .guide_menu_box ul li:nth-child(3) a.on,.guide_menu_box ul li:nth-child(3) a:hover{background:url("../images/sub/icon_guide03_on.png")no-repeat 50% 0;} .guide_menu_box ul li:nth-child(4) a{background:url("../images/sub/icon_guide04.png")no-repeat 50% 0;} .guide_menu_box ul li:nth-child(4) a:hover{background:url("../images/sub/icon_guide04_on.png")no-repeat 50% 0;} .guide_menu_box ul li a span{font-family:"Nanum Gothic";font-size:18px;font-weight:700;color:#322111;} .guide_wrap{padding-top:135px;} .guide_wrap .font_blue{color:#19a3dd;} .guide_wrap .top_title{padding-top:100px;font-weight:700;font-size:30px;line-height: 30px;} .guide_wrap .dot_title{display: flex;align-items: center;margin:35px 0 20px;padding-left:9px;line-height: 22px;font-weight:700;font-size:24px;} .guide_wrap .dot_title::before{display:inline-block;width:12px;height:12px;margin-right:9px;border-radius:100%;background-color:#19a3dd;content:"";} .guide_wrap .text{padding-left:9px;font-size:20px;line-height:30px;letter-spacing: -0.5px;} .guide_wrap .text+.text{margin-top:25px;} .guide_wrap .work_list{display:flex;justify-content: space-between;margin-top:35px;} .guide_wrap .work_list li{display: flex;align-items: center;justify-content: center;width:186px;height:186px;text-align:center;border-radius:100%;background-color: #19a3dd;} .guide_wrap .work_list li span{font-size:18px;color:#fff;line-height: 25px;} .guide_wrap .work_list li strong{font-weight:700;} .guide_wrap .bl_tb table{margin-top:20px;border:1px solid #000;} .guide_wrap .bl_tb tr{border-bottom:1px solid #000;} .guide_wrap .bl_tb th{padding:6px 0 5px;background-color:#19a3dd;border-right:1px solid #000;font-weight:500;font-size:19px;color:#fff;text-align:center;} .guide_wrap .bl_tb th:last-child{border-right:0;} .guide_wrap .bl_tb td{padding:11px 30px 10px;border-right:1px solid #000;text-align:center;font-weight:500;font-size:19px;} .guide_wrap .bl_tb td:last-child{border-right:0;} .guide_wrap .bl_tb .tb_noti{margin-top:10px;text-align:right;font-size:16px;} .guide_wrap .bl_tb .logo_line{display:flex;align-items:center;justify-content:space-between;} .guide_wrap .bl_tb .point{line-height:20px;font-size:14px;} .guide_wrap .bl_tb .point .font_red{font-size:19px;} .guide_wrap .ranking{display:flex;justify-content:space-between;column-gap:5px;margin-top:35px;} .guide_wrap .ranking li{display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center;height:78px;color:#404040;box-shadow: 6px 3px 8px rgba(0,0,0,0.03);background-color: #d1edf8;box-shadow:6px 3px 8px rgba(0,0,0,0.03);border-radius:15px;} .guide_wrap .ranking li span{font-size:18px;font-weight:500;line-height:21px;} .guide_wrap .ranking li strong{font-size:20px;font-weight:700;} .guide_wrap .faq_list{margin:0 9px;} .guide_wrap .faq_q{display:flex;align-items:center;margin:50px 0 18px;line-height: 24px;font-size:24px;font-weight:700;} .guide_wrap .faq_q span{display:inline-block;margin-right:5px;color:#19a3dd;} .guide_wrap .faq_a{position:relative;padding:30px 20px;font-size:20px;line-height:30px;border-radius:10px;border:1px solid #19a3dd;} .guide_wrap .faq_list li:nth-child(2) .faq_a{padding:30px 20px 30px 170px;} .guide_wrap .faq_list li:nth-child(4) img{margin-top:20px;} .guide_wrap .faq_list li .faq_a::after{position:absolute;display:block;content:'';} .guide_wrap .faq_list li:first-child .faq_a::after{right:10px;bottom:0;width:137px;height:119px;background: url("../images/sub/icon-faq01.png")no-repeat;background-size:100%;} .guide_wrap .faq_list li:nth-child(2) .faq_a::after{left:10px;bottom:-10px;width:137px;height:150px;background: url("../images/sub/icon-faq02.png")no-repeat;background-size:100%;} .guide_wrap .faq_list li:nth-child(3) .faq_a::after{right:10px;bottom:-10px;width:140px;height:139px;background: url("../images/sub/icon-faq03.png")no-repeat;background-size:100%;} .guide_wrap .faq_list li:nth-child(4) .faq_a::after{right:45px;bottom:0;width:171px;height:122px;background: url("../images/sub/icon-faq04.png")no-repeat;background-size:100%;} .guide_wrap .online_course{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;} .guide_wrap .online_course li{width:calc((100% - 40px) /3);padding:24px;border:1px solid rgba(0,0,0,0.3);box-sizing: border-box;} .guide_wrap .online_course li span{display:block;margin-bottom:10px;line-height:20px;font-size:18px;font-weight:700;} .guide_wrap .online_course li strong{display:inline-block;margin-bottom:20px;font-size:30px;line-height: 30px;font-weight:700;} .guide_wrap .online_course li .tags{font-size:18px;line-height: 19px; letter-spacing: -0.5px;} .guide_wrap .btn_center{display: flex;justify-content: center;} .guide_wrap .btn_online_view{display:flex;align-items:center;justify-content:center;width:400px;height:60px;margin-top:60px;border-radius:10px;background-color: #00a4e3;font-weight:700;font-size:20px;color:#fff;} .guide_wrap .btn_online_view span{display: inline-block;margin-left: 20px;font-size:16px;} .guide_wrap .study_list{display:flex;flex-wrap:wrap;gap:20px;margin-top:40px;} .guide_wrap .study_list li{position:relative;width:calc((100% - 20px) / 2);padding:35px 21px 35px 24px;border-radius:20px;border:3px solid #19a3dd;box-sizing:border-box;} .guide_wrap .study_list li::before{position:absolute;top:38px;left:10px;width:47px;height:54px;background:url("../images/sub/icon_guide_study.png")no-repeat;content:'';} .guide_wrap .study_list li .title{margin:0 0 20px 44px;letter-spacing: -1.3px;font-size:24px;font-weight:700;line-height:34px;} .guide_wrap .study_list li .text{padding:0;letter-spacing: -1.3px;} .guide_wrap .num_list{margin:0 9px;} .guide_wrap .num_list li{text-indent: -23px;letter-spacing: -0.85px;margin-left: 23px;font-size:20px;line-height:30px;} .guide_wrap .practice_list{display:flex;margin:0 9px;column-gap:10px;} .guide_wrap .practice_list li{position:relative;display:flex;flex-direction:column;align-items:center;flex:1;justify-content: center;row-gap:20px;height:175px;max-width:236px;line-height:22px;border-radius:20px;text-align:center;font-size:20px;font-weight:700;background-color: #ddf1fa;} .guide_wrap .practice_list li .top_text{position:absolute;top:-30px;right: -128px;width:167px;height:116px;padding-top: 16px;font-weight: 400;text-align:center;background: url("../images/sub/bg_guide_prepare.png")no-repeat;font-size:18px;line-height:22px;} .guide_wrap .calculator_list{margin:40px 9px 0;font-size:18px;} .guide_wrap .tab_box{display:flex;column-gap:10px;margin-top:35px;} .guide_wrap .tab_box li{flex:1;border:1px solid #19a3dd;border-radius:10px;} .guide_wrap .tab_box li.on{background-color: #19a3dd;} .guide_wrap .tab_box li a{display: flex;align-items: center;justify-content: center;line-height: 20px;height:50px;color:#19a3dd;font-size:20px;} .guide_wrap .tab_box li.on a{font-weight:700;color:#fff;} /* 카드 혜택 */ .pop_wrap{position:relative;height: 560px;padding:35px 30px;overflow-y: auto;} .pop_wrap .title{margin-bottom: 30px;font-size:20px;font-weight:700;text-align:center;} .pop_wrap .tb_title{padding-left: 16px;margin-bottom: 5px;font-size: 17px;font-weight: 700;background: url("../images/sub/bullet_dot3.jpg") 0 50% no-repeat;} .pop_wrap .bl_tb{margin-bottom:20px;border:1px solid #000;} .pop_wrap .bl_tb tr{border-bottom:1px solid #000;} .pop_wrap .bl_tb th{padding:5px;background-color:#19a3dd;border-right:1px solid #000;font-weight:500;font-size:15px;color:#fff;text-align:center;} .pop_wrap .bl_tb td{padding:5px;border-right:1px solid #000;text-align:center;font-weight:500;font-size:15px;} .pop_wrap ul{} .pop_wrap ul.noti li{text-indent: -10px;margin:0 0 5px 10px;} .pop_wrap ul.noti li::before{display:inline-block;width:3px;height:3px;border-radius:100%;margin-right:5px;background-color:#333;content:'';vertical-align: middle;} .pop_wrap .pop_clse{position: fixed;top: 13px;right: 22px;} .pop_wrap .study_contents .lc_tab{width:100%;display: flex;flex-wrap: wrap;gap: 2px;box-sizing: border-box;} .pop_wrap .study_contents .lc_tab li{float: none;margin: 0;width: calc((100% - 6px) / 4);} .pop_wrap .study_contents .lc_tab li a{width:100%;box-sizing: border-box;} .pop_wrap .study_contents .lc_package ul{display:flex;column-gap: 10px;margin: 15px 0 0 0;} .pop_wrap .study_contents .lc_package ul li{float:none;flex:1;margin:0;} .pop_wrap .study_contents .lc_package ul li:first-child{flex:none;} .pop_wrap .study_contents .lc_package ul li a{width:100%;margin:0;} /* 이벤트 답변 */ .event_reply_box{padding:15px; border:1px solid #ccc; border-radius:5px; margin-bottom:10px; background:#f9f9f9;} .event_reply_box .event_info{margin-bottom:10px;} .event_reply_box .event_info label{display:inline-block; font-size:13px; font-weight:bold; color:#777; vertical-align:middle;} .event_reply_box .event_info input[type="text"]{padding:4px 5px; border:1px solid #d1d1d1; vertical-align:middle; width:143px; margin-right:15px} .event_reply_box .event_info select{border:1px solid #d1d1d1;height:25px;vertical-align:middle; width:160px; margin-right:15px} .event_reply_box .event_info button{width:83px; height:25px; background:#47b5e4; color:#fff; cursor:pointer; vertical-align:middle; display:inline-block;} /* 학습게시판 오늘의 문제들 추가 */ .qna_top_info{margin-bottom:30px;padding:15px 20px;color:#555555;background-color: #FFFBF3;font-size:14px;line-height:22px;border:1px solid #2684C5;} .qna_top_info strong{color:#121212;font-size:16px;line-height:26px;} .today_tab{position:relative;} .today_tab::after{display:block;position:absolute;left:0;bottom:0;content:'';background-color: #FD4F00;height:2px;width:100%;} .today_tab ul{display:flex;} .today_tab ul li{} .today_tab a{display:flex;align-items:center;justify-content:center;padding:11px 0;width:200px;color:#333333;border:1px solid #FD4F00;border-radius:10px 10px 0 0;} .today_tab li.on a{color:#fff;background-color: #FD4F00;} .book_search_wrap{display:flex;align-items:center;margin-bottom: 30px;padding: 15px 15px 15px 0;border:1px solid #c9c9c9;background-color: #f9f9f9;} .book_search_wrap .title{width: 130px;text-align: center;font-size: 16px;} .book_search{display: flex;align-items: center;gap: 10px;border:1px solid #c9c9c9; width:calc(100% - 130px); background:#fff;text-align:left; padding:10px 22px;} .book_search ul{display:inline-block;width: calc(100% - 110px);} .book_search ul li{display: flex;align-items: center;gap: 10px;} .book_search ul li:first-child{margin-bottom:8px} .book_search ul li label{text-align:right; width:80px; display:inline-block; } .book_search .select_line{display:flex;gap:5px;width:calc(100% - 90px);} .book_search .select_line select{flex:1;border:1px solid #dfdfdf;height: 30px;} .book_search ul li input[type="text"]{width:calc(100% - 90px);height: 30px;border:1px solid #dfdfdf;} .book_search ul li input[type="text"]::placeholder{font-size:13px;padding:0 5px;} .book_search .btn_search{width:100px;height:70px;background-color: #9b9b9b;border:1px solid #7a7a7a;} .today_practice_top{display:flex;gap:10px;flex-wrap: wrap;margin:30px 0;} .today_calendar_wrap{width:400px;box-sizing: border-box;min-height:271px;padding:20px;border: 1px solid #DFDFDF;border-radius:10px;} .today_calendar_wrap .month_top{display:flex;align-items:center;justify-content:space-between;padding-bottom: 5px;border-bottom: 1px solid #DFDFDF;} .today_calendar_wrap .month{display: flex;align-items: center;gap: 8px;font-size: 16px;line-height: 26px;margin-bottom: 4px;font-weight: 700;} .today_calendar_wrap .month_top >span{font-size:14px;font-weight:700;} .today_calendar_wrap .month_top >span em{color:#E5151F;font-style:normal;} .today_calendar_wrap th{padding:4px 0;} .today_calendar_wrap td{position:relative;padding:4px 0;width: 51px;height: 26px;} .today_calendar_wrap td.success::after{width:26px;height:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:'';background:url("../images/sub/ic_attend.png")no-repeat;background-size:100%;} .today_calendar_wrap td span{display:flex;align-items: center;justify-content: center;width: 100%;height: 100%;} .today_mission{width:calc(100% - 410px);} .today_mission .mission_box{height:100%;padding:15px;overflow: auto;box-sizing: border-box;border: 1px solid #CFDEE9;background: #E5F1F9;color:#333;font-size:14px;border-radius:10px;font-weight:700;line-height:22px;} .today_mission .mission_box > strong{display:inline-block;margin-bottom:18px;color:#19A3DD;font-size:16px;} .today_practice_top .text_inp{display:flex;gap:8px;width: 100%;} .today_practice_top .text_inp textarea{padding:15px;width:calc(100% - 91px);height:85px;box-sizing: border-box;border-radius:5px;border:1px solid #ccc;resize:none;} .today_practice_top .text_inp textarea::placeholder{color: rgba(0,0,0,0.5) !important; opacity:1;font-weight: 500;font-size: 14px;line-height: 22px;} .today_practice_top .text_inp textarea:-ms-input-placeholder{color: rgba(0,0,0,0.5) !important; opacity:1;font-weight: 500;font-size: 14px;line-height: 22px;} .today_practice_top .text_inp textarea::-ms-input-placeholder{color: rgba(0,0,0,0.5) !important; opacity:1;font-weight: 500;font-size: 14px;line-height: 22px;} .today_practice_top .text_inp button{display: flex;align-items: center;justify-content: center;gap: 5px;width:83px;height:85px;border-radius:5px;font-size:16px;font-weight:700;color:#fff;border: 1px solid #FD4F00;background-color: #FD4F00;} .today_comment_box{} .today_comment_box ul{display:flex;flex-direction:column;gap:8px;} .today_comment_box ul li{display:flex;gap:10px;align-items:center;} .today_comment_box ul span{} .today_comment_box ul p{max-width:858px;} .today_comment_box ul button{width:46px;height:26px;background: linear-gradient(180deg, #FCFCFC 0%, #DBDBDB 100%);border:1px solid #ddd;font-weight:700;font-size:14px;border-radius:5px;} .today_attend_list{} .today_attend_list .attend_num{padding:13px 20px;font-size:14px;font-weight:700;border-top:1px solid #CFCFCF;border-bottom:1px solid #CFCFCF;background-color: #E5F1F9;} .today_attend_list .attend_num em{color:#E5151F;font-style:normal;} .today_attend_list li{display:flex;padding:15px 20px;border-bottom:1px solid #CFCFCF;} .today_attend_list li .num{display: inline-block;width: 40px;text-align: center;} .today_attend_list li .name{display: inline-block;width: 80px;text-align: center;font-weight:700;} .today_attend_list li .text{display:flex;gap:10px;width: calc(100% - 95px);align-items: center;} .today_attend_list li .text p{max-width: calc(100% - 220px);} .today_attend_list li .date{font-size:14px;color:#7F7F7F;} .today_attend_list li .first{display:flex;justify-content: center;background-color: #F4BF4F;width:44px;height:18px;border-radius:18px;color:#fff;font-size:12px;font-weight:500;} .today_attend_list li .second{display:flex;justify-content: center;background-color:#18B5B2;width:44px;height:18px;border-radius:18px;color:#fff;font-size:12px;font-weight:500;} .today_attend_list li .third{display:flex;justify-content: center;background-color: #19A3DD;width:44px;height:18px;border-radius:18px;color:#fff;font-size:12px;font-weight:500;} .today_attend_list li .btn_del{padding: 2px 3px;font-weight: 500;border: 1px solid #dfdfdf;background: #dfdfdf;border-radius: 5px;} /* 정오표 */ .eratum_list{} .eratum_list ul{display:flex;flex-direction:column;gap:8px;} .eratum_list li{display:flex;gap:8px;} .eratum_list li .que_list{position:relative;display:inline-block;width:calc(100% - 108px);padding:15px;border: 1px solid #DFDFDF;border-radius:6px;} .eratum_list li .que_list::after{position:absolute;width:16px;height:16px;top:20px;right:15px;background: url("../images/sub/ic_eratum_arr.png")no-repeat;background-size:100%;content:'';} .eratum_list li .que_list.on::after{transform:rotate(180deg);} .eratum_list li .que{max-width: calc(100% - 36px);font-weight: 700;font-size: 16px;line-height: 26px;cursor:pointer;} .eratum_list li .que_list.on .que{margin-bottom:8px;} .eratum_list li .ans{display:none;padding:15px;border-radius:5px;background: #F2F2F2;color:#333;font-size: 14px;line-height: 22px;} .eratum_list .btn_bestbook{display: flex;align-items: center;justify-content: center;width: 68px;height:56px;font-weight: 700;font-size: 14px;line-height: 18px;background: #FD4F00;color:#fff;border-radius:5px;}