/* stylesheet import */ @import url("https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"); @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600"); html, body, div, p, span, form, button, input, select, textarea, table, th, td, em, u { font-family: 'Nanum Gothic', 'Jeju Gothic', 'Gulim', 'Dotum', sans-serif, inherit; } .pop-main-container { padding: 2%; } .pop-width { padding: 0 4%; } .pop-supple-main { margin: 0 auto; width: 980px; } @media all and (max-width: 992px) { .pop-supple-main { padding: 2%; width: 96%; } } /* [ header ] */ #me-header { height: 94px; background: transparent; position: relative; z-index: 997; background-color: #fff; } #me-header.header-transparent .me-menu a { color: #fff; } #me-header.header-transparent .me-menu a.active, #me-header.header-transparent .me-menu a.current, #me-header.header-transparent .me-menu a:hover, #me-header.header-transparent .me-menu a:focus, #me-header.header-transparent .me-menu a:active, #me-header.header-transparent .me-menu a.highlighted { color: #045AA8; } #me-header.header-transparent .me-menu ul a { color: #7b7b7b; } #me-header.header-transparent .member-header { border-color: #adaea9; } #me-header.header-transparent .member-header a { color: #fff; } #me-header.header-transparent .member-header a:hover { color: #045AA8; } #me-header.header-transparent .social-header { border-color: #adaea9; } #me-header.header-transparent .social-header a { color: #cfcfcc; } #me-header.header-transparent .social-header a:hover { color: #fff; } .header-logo { text-align: center; } .logo-container { padding-top: 0; display: inline-block; } /* .logo-container img { width: 161px; height: 34px; } */ .logo-container a { text-align: right; } .logo-container a h2 { color: #000; font-size: 24px; font-weight: 600; margin-top: 25px; margin-bottom: 0; } .logo-container a span { clear: both; display:inline-block; color: #ccc; font-size: 12px; font-weight: 700; font-family: 'Nanum Gothic', sans-serif; } .header-menu-hide { display:none; } .header-menu { position:relative; width:100%; padding: 0 0; margin-top: 60px; background: transparent; z-index:9; } .header-menu:first-child { margin-top: 35px; } .header-menu > ul { } .header-menu > ul > li { display:inline-block; } .header-menu > ul > li > a, .header-menu > ul > li > .btn-group > a { font-size: 13px; color: #999; text-decoration: none; margin-left: 18px; font-weight: 600; } .header-menu > ul > li > a:hover, .header-menu > ul > li > .btn-group > a:hover { color: #333; } .header-menu > ul > li > a > i { font-size: 17px; padding-right: 5px; text-decoration: none; } .header-menu > ul > li > span { font-size: 11px; padding: 0 4px; color: #ddd; } .header-menu > ul > li.ts-login a { color: #f10; } .header-nav { position: relative; width:100%; height: 40px; padding: 0; background: transparent; z-index:9; font-family: 'Nanum Gothic', sans-serif; } .header-nav a, .header-nav a:hover { font-size: 16px; font-weight: 700; text-decoration: none; } .header-nav ul { display:block; } .header-nav ul:before, .header-nav ul:after { content:""; display: table; } .header-nav ul:after { clear:both; } * html .header-nav ul, .header-nav ul { zoom:1; } /* .header-nav ul li { display: inline-block; padding: 5px 30px 5px; letter-spacing:normal; white-space:normal; } .header-nav ul li a { position:relative; padding: 5px 10px 2px; color:#D4EBFF; font-size: 16px; display:inline-block; z-index:10; } .header-nav ul li a:hover { background: transparent; color: #FFF; } .header-nav ul li.current a { color:#fff; background-color: #025299; -webkit-border-radius: 3px; border-radius: 3px; } */ .header-nav ul li { float: left; position: relative; padding: 0 0; letter-spacing: normal; white-space: normal; } .header-nav > ul > li:last-child { display:none; } /* .header-nav ul li { display: inline-block; padding: 5px 30px 5px; letter-spacing:normal; white-space:normal; } */ .header-nav > ul > li > a { float: left; position: relative; height: 40px; padding: 8px 0; color: #FFF; font-weight: 700; text-decoration: none; } .header-nav > ul > li > a, .header-nav > ul > li > ul > li > a { width: 142px; text-align: center; } .header-nav > ul > li > ul > li > a:last-child { width: 145px; } /* .header-nav > ul > li + li + li + li + li + li > a, .header-nav > ul > li + li + li + li + li + li > ul > li > a { width: 132px; text-align: center; } .header-nav > ul > li + li + li + li + li + li + li > a, .header-nav > ul > li + li + li + li + li + li + li > ul > li > a { width: 124px; text-align: center; } */ .header-nav ul li a:hover, .header-nav ul li.current a { color:#000; background-color: #fff; } .header-nav ul li.on a { z-index:11; color:#000; background-color:#fff; } .header-nav li ul { display:none; } .header-nav li.on ul { z-index: 9999; position: absolute; top: 40px; left: -1px; padding: 0 0; background-color: #fff; display: block; border: 1px solid #00AAF0; } .header-nav li.on ul li { float:none; } .header-nav li.on ul li a { font-size:13px; letter-spacing: -1px; color: #666; background-color: #FFF; padding: 10px 5px; font-weight: normal; display: block; } .header-nav li.on ul li a span { font-size:12px; } .header-nav li li.current a , .header-nav li.on ul li a:hover, .header-nav li.on ul li a:focus { color: #FFF; background-color: #00AAF0; } .header-nav li ul li ul { border: 1px solid #00AAF0; } .header-nav li.on ul li ul { left:150px; top:-10px; } .header-nav > ul > li > ul > li.current > a { color: #FFF; background-color: #00AAF0; } /* IE7 */ *:first-child+html .header-nav ul li a { display:inline; zoom:1; } *:first-child+html .header-nav ul li ul li { height:1%; } *:first-child+html .header-nav ul li ul li a { display:block; } /* IE6 */ * html .header-nav ul li a { display:inline; zoom:1; } * html .header-nav ul li ul li { height:1%; } * html .header-nav ul li ul li a { display:block; } a.header-mobile-nav { display: none; } #location { display:none; } #me-navigation > div.row > div.hidden-header { display: none; } .location { position: relative; background-color: #00AAF0; border-top: 1px solid #ddd; border-bottom: 1px solid #00AAF0; } /* .location { position: relative; height: 40px; z-index: 1; padding: 0 10px; } // .location .root { float: right; font-size: 100%; padding: 25px 10px 0; color: #777; } // .location .root span.arrow { color: #bbb; padding: 0 5px; } */ .breadcrumb { border-bottom: 1px solid #E5E5E5; } .breadcrumb > div > ul { padding: 0; margin:0; background: transparent; } .breadcrumb > div > ul > li { display:inline-block; list-style: none; font-weight:normal; font-size: 13px; border-left: 1px solid #E5E5E5; padding: 12px 20px; } .breadcrumb > div > ul > li.home { margin: 0; padding: 11px 20px 11px; } .breadcrumb > div > ul > li.home > a > i { font-size: 15px; margin: 0; padding: 0; } .breadcrumb > div > ul > li > a { color:#aaa } .breadcrumb > div > ul > li > a:hover { color:#000 } /* .breadcrumb ul > li + li:before { content:"/\00a0"; padding:0 8px; color:#bbb; } */ /* // .location ul>li:first-child>a{ color: #000; background:url('/admin/images/interface/breadcrumb_home.png') no-repeat 0; padding-left:16px } */ .breadcrumb > div > ul > li.arrow { color:#bbb; padding: 0 6px } .breadcrumb > div > ul > .active { color:#333; font-weight: 800; } @media all and (max-width: 767px){ .breadcrumb > div > ul > li { padding: 12px 10px; } .breadcrumb > div > ul > li.home { padding: 11px 10px; } } @media all and (max-width: 1010px){ #me-header { display:none; } .header-logo { text-align: center; } .logo-container a h2 { margin-top: 0; margin-left: 14px; text-align: center; } .logo-container a span { margin-left: 14px; } #me-navigation { border-bottom: 1px solid #fff; } #me-navigation > div.row > div.hidden-header { display:block; height: 27px; position: relative;} #me-navigation > div.row > div.hidden-header > a { float: left; display:block; position: relative; min-height: 1px; } #me-navigation > div.row > div.hidden-header > a:nth-of-type(1), #me-navigation > div.row > div.hidden-header > a:nth-of-type(4) { width: 50px; height: 51px; padding: 5px; } #me-navigation > div.row > div.hidden-header > a:nth-of-type(3) { width: 117px; height: 27px; margin-top: 10px; text-align: center; position: absolute; left:50%; top:0; transform: translate(-50%,0);} #me-navigation > div.row > div.hidden-header > a:nth-of-type(3) > img { width: 117px; height: 27px; } #me-navigation > div.row > div.hidden-header > a:nth-of-type(1) { text-align: left; float: left;} #me-navigation > div.row > div.hidden-header > a:nth-of-type(4) { text-align: right; float: right; margin-right: 5px;} #me-navigation > div.row > div.hidden-header > a:nth-of-type(1) > i, #me-navigation > div.row > div.hidden-header > a:nth-of-type(4) > i { border: 1px solid #4DCBFF; color: #FFFFFF; font-size: 24px; margin: 0; padding: 7px 10px; vertical-align: top; } #me-navigation > div.row > div.hidden-header > a:nth-of-type(4) > i { padding: 7px 6px; } #me-navigation > div.row > div.hidden-header > a:nth-of-type(1):hover > i, #me-navigation > div.row > div.hidden-header > a:nth-of-type(4):hover > i { border: 1px solid #0093CF; color: #0093CF; background-color: #FFFFFF; } #me-navigation > div.row > div.hidden-header > a:nth-of-type(1):focus > i, #me-navigation > div.row > div.hidden-header > a:nth-of-type(4):focus > i { color: #000; } .header-menu { display:none; } /* #me-navigation > div.row > div.hidden-header > div { display: block; position: absolute; width: auto; height: 50px; right: 70px; top: 0; padding: 0 10px; border-left: 1px solid #4DCBFF; } #me-navigation > div.row > div.hidden-header > div > a { display: inline-table; width: 40px; height: 50px; font-size: 18px; padding: 4px 0 0; text-align: center; } #me-navigation > div.row > div.hidden-header > div > a > i { color: #ACE7FF; font-size: 20px; margin: 0; padding: 11px 0 0; } #me-navigation > div.row > div.hidden-header > div > a:focus > i { color: #FFFFFF; } #me-navigation > div.row > div.hidden-header > div > a.disabled > i, #me-navigation > div.row > div.hidden-header > div > a.disabled:focus > i { color: #008AC3; background-color: transparent; cursor: not-allowed; box-shadow: none; -webkit-box-shadow: none; } a.header-mobile-nav { display:block; position: absolute; width: 70px; height: 50px; right: 0; top: 0; border-left: 1px solid #4DCBFF; font-size: 40px; background: #00AAF0; padding: 0 5px 0; text-align: center; } a.header-mobile-nav > i { color: #fff; font-size: 32px; margin: 0; padding: 9px 0 0; vertical-align: top; } a.header-mobile-nav:focus { background-color: #0098D6; } a.header-mobile-nav:focus > i { color: #000; } */ /* .header-menu-hide { display:block; padding: 8px 5px 14px; background: #FFFFFF; border-bottom: 1px solid #DDDDDD; } .header-menu-hide > div { display:inline-block; margin-left: 5px; margin-top: 5px; padding: 0; } .header-menu-hide > div > a.btn { font-size: 14px; font-weight: 600; color: #666666; background-color: #FFFFFF; border: 2px solid #CCCCCC; padding: 5px 12px; border-radius: 6px; margin-right: 4px; } .header-menu-hide > div > a.btn:last-child { margin-right: 0; } .header-menu-hide > div > a.btn.logout { color: #333333; } .header-menu-hide > div > a.btn.logout > i { color: #FF1100; } .header-menu-hide > div > a.btn.logout:hover, .header-menu-hide > div > a.btn.logout:focus, .header-menu-hide > div > a.btn.logout:active { color: #FF6600; } .header-menu-hide > div > a.btn > i { font-size: 16px; margin-left: 12px; padding: 6px 0 6px 10px; border-left: 1px solid #DDDDDD; color: #999999; } .header-menu-hide > div > a.btn:hover, .header-menu-hide > div > a.btn:focus, .header-menu-hide > div > a.btn:active { color: #00AAF0; background-color: #FFFFFF; border-color: #BBBBBB; } .header-menu-hide > div > a.btn:hover > i, .header-menu-hide > div > a.btn:focus > i, .header-menu-hide > div > a.btn:active > i { color: #333333; } .header-menu-hide > div + div { display:inline-block; margin-left: 5px; margin-top: 5px; padding: 0; } .header-menu-hide > div + div > a.btn { font-size: 14px; font-weight: 600; color: #FFFFFF; background-color: #00AAF0; border: 2px solid #0099CC; padding: 5px 12px; border-radius: 6px; margin-right: 4px; } .header-menu-hide > div + div > a.btn:hover, .header-menu-hide > div + div > a.btn:focus, .header-menu-hide > div + div > a.btn:active { background-color: #0099CC; border: 2px solid #008CBA; color: #FFFFFF; } .header-menu-hide > div + div > a.btn:last-child { margin-right: 0; } .header-menu-hide > div + div > a.btn > i, .header-menu-hide > div + div > a.btn:hover > i { border-left: 1px solid #49CAFF; color: #FFFFFF; } */ .header-nav { font-family: 'Nanum Gothic', sans-serif; display: none; position: block; width: 100%; height: auto; background: none; padding: 0; margin: 0; } /* .header-nav ul { display: block; width:100%; margin: 0; padding: 0; } */ .header-nav ul {display: none;} .header-nav ul li { width: 100%; border-bottom: 1px solid #DFDFDF; margin: 0; padding: 0; } .header-nav > ul > li:last-child { display: block; } .header-nav ul li a { display: block; width: 100%; font-size: 18px; color: #444; font-weight: 700; padding: 15px 35px 40px; border: 0; margin: 0; text-align: left; } .header-nav ul li a:hover { color: #333; font-size: 18px; } .header-nav > ul > li > a, .header-nav > ul > li > ul > li > a { width: 100%; } .header-nav > ul > li > ul > li > a:last-child { width: 100%; } .header-nav > ul > li > a, .header-nav > ul > li > ul > li > a, .header-nav > ul > li + li + li + li + li + li > a, .header-nav > ul > li + li + li + li + li + li > ul > li > a, .header-nav > ul > li + li + li + li + li + li + li > a, .header-nav > ul > li + li + li + li + li + li + li > ul > li > a { width: 100%; text-align: left; } .header-nav ul li.current a, .header-nav ul li ul li.current a { color: #0098D6; background-color: #FFF; } .header-nav ul li.current a:hover, .header-nav ul li ul li.current a:hover { display: block; width: 100%; border: none; color: #fff; text-decoration: none; background-color: #00AAF0; } .header-nav ul li.on { display: block; width: 100%; border: none; } .header-nav ul li.on a { display: block; width: 100%; border: none; color: #fff; text-decoration: none; background-color: #00AAF0; } .header-nav li.on ul { display: inline-block; position: relative; top: 0; left: 0; border: none; border-bottom: 1px solid #00AAF0; } .header-nav li.on ul li { display: block; width:100%; border: none; } .header-nav li.on ul li a { padding: 14px 45px; color: #444; font-size: 15px; font-weight: 700; border: 0; display: block; border-top: 1px solid #eee; letter-spacing: 0; } .header-nav li.on ul li a:hover { color: #FFF; } #location { display:inline-block; position: relative; left: 71px; top: 0; height: auto; margin: 0; } #location > li { display:inline-block; text-align:center; font-size: 12px; color: #fff; border-right: 1px solid #2E6A9E; height: 0; padding: 16px 30px 30px; margin: 0; } #location > li > a { color: #CDCCC8; } #location > li > a:hover { color: #fff; } #location > li > span { color: #fff; font-weight: 800; } } @media all and (max-width: 480px){ .header-menu-hide > div > a.btn { font-size: 13px; padding: 5px 8px; } } .header-default-nav { position:relative; width:100%; border-bottom:1px solid #000000; background-color:#2d2d2d; z-index:1; } .header-default-nav ul { margin:0 auto; letter-spacing:-4px; white-space:-4px; } .header-default-nav ul:before, .header-default-nav ul:after { content:""; display:table; } .header-default-nav ul:after { clear:both; } * html .header-default-nav ul { zoom:1; } .header-default-nav ul { zoom:1; } .header-default-nav ul li { float:left; position:relative; letter-spacing:normal; white-space:normal; } .header-default-nav ul li a { position:relative; padding:2px 6px 0 6px; line-height:27px; height:27px; color:#cccccc; text-decoration:none; display:inline-block; } .header-default-nav ul li a:hover { background-color:#4c4c4c; } .header-default-nav ul li a.iconsub { padding-right:17px; background-image:url(./icon_arrow.gif); background-repeat:no-repeat; background-position:right 14px; } .header-default-nav ul li.current a { padding-top:0; color:#fff; font-weight:bold; border-top:2px solid #dd4b39; } .header-default-nav ul li.current a.iconsub { background-position:right 12px; } .header-default-nav ul li.on a { padding-left:5px; padding-right:5px;color:#3366cc; border-left:1px solid #bebebe; border-right:1px solid #bebebe; background-color:#fff; z-index:2; } .header-default-nav ul li.on a:hover { background-color:#fff; } .header-default-nav ul li.on a.iconsub { padding-right:16px; } .header-default-nav li ul { display:none; } .header-default-nav li.on ul { position:absolute; top:28px; left:0px; width:160px; padding:10px 0; border:1px solid #bebebe; background-color:#fff; display:block; } .header-default-nav li.on ul li { float:none; } .header-default-nav li.on ul li a { padding:0 16px; color:#3366cc; font-weight:normal; border-top:none; border-left:none; border-right:none; display:block; } .header-default-nav li.on ul li a:hover, .header-default-nav li.on ul li a:focus { background-color:#eff3fb; } .header-default-nav li.on ul li ul { left:150px; top:-10px; } /* IE7 */ *:first-child+html .header-default-nav ul li a { display:inline; zoom:1; } *:first-child+html .header-default-nav ul li ul li { height:1%; } *:first-child+html .header-default-nav ul li ul li a { display:block; } /* IE6 */ * html .header-default-nav ul li a { display:inline; zoom:1; } * html .header-default-nav ul li ul li { height:1%; } * html .header-default-nav ul li ul li a { display:block; } .header-default-nav ul { width:950px; } a.header_mobile_totalMenu { position:absolute; width:49px; height:49px; left:10px; top:10px; font-size:0; text-indent:-5000px; background:url(./icon_totalmenu.gif) no-repeat left top; display:none; } @media all and (max-width:500px){ .header-default-nav { position:absolute; left:0; top:0; width:260px; min-height:480px; border-bottom:0; z-index:1; display:none; } .header-default-nav ul { width:100%; } .header-default-nav ul { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .header-default-nav ul li { float:none; } .header-default-nav ul li a { display:block; font-size:1.1em; line-height:32px; height:32px; } .header-default-nav ul li.current a.iconsub { border-top:none; border-left:2px solid #DD4B39; } .header-default-nav ul li.current ul { border-left:2px solid #DD4B39; } .header-default-nav ul li a { padding-left:12px; } .header-default-nav ul li.on a { padding-left:12px; border:none; } .header-default-nav ul li.on a:hover { background-color:#fff; } .header-default-nav ul li.on a.iconsub { padding-right:16px; } .header-default-nav li.on ul { width:100%; position:relative; top:0; left:0; border:none; } .header-default-nav li.on ul li { float:none; } .header-default-nav li.on ul li a { padding:0 16px; color:#3366cc; font-weight:normal; border-top:none; border-left:none; border-right:none; display:block; } .header-default-nav li.on ul li a:hover { background-color:#eff3fb; } a.header_mobile_totalMenu { color:#fff; display:block; } } .col-left { float: left; width: 22%; } .col-main { float: right; width: 74%; } .pop-col-main { display: block; width: 100%; background-color: #FFFFFF; padding: 40px 5%; } .sub-content p { color: #777; margin: 20px 0; line-height: 155%; } @media all and (max-width: 992px){ .col-left { display: none; } .col-main { float: none; display: block; width: 100%; } .pop-col-main { padding: 10px 2.5% 30px; } /* .sub-content { padding: 0 15px; } */ .sub-content { padding: 0 15px; } } @media all and (max-width: 480px){ .sub-content { padding: 0 25px; } } .default-panel { padding: 10px; border: 1px solid #dedede; background: transparent; } .default-panel * { z-index: 2; position: relative; } .default-panel .panel-icon { position: absolute; right: 28px; bottom: 28px; z-index: 1; } .default-panel .panel-icon i { color: #f5f5f5; font-size: 171px; } .default-panel .list-circle-check { margin-bottom: 0; } .default-panel .list-circle-check li:before { color: #fff; } .default-panel h5 { line-height: 1.1; } .default-panel > h5 > a { color: #333; } .default-panel > h5 > a > i { float: right; font-size: 140%; font-weight: normal; margin-top: -3px; } .default-panel > h5 > a > i:hover { color: #f60; } .main-default-panel { padding: 4px 19px 19px; } /* ################################## 스케줄관련테이블 ################################## */ .schedule-header { font-size: 18px; font-weight: 600; color: #333333; margin: 15px 0 20px; padding: 0; } .schedule-header button { font-size: 18px; padding: 2px 11px; margin-right: 15px; } .schedule-header button + button { margin-left: 15px; } .schedule-header2 { font-size: 16px; font-weight: 600; color: #333333; margin: 0 0 10px; padding: 0; } .schedule-header2 button { font-size: 16px; padding: 2px 8px; margin-right: 10px; } .schedule-header2 button + button { margin-left: 10px; } .schedule-header3 { font-size: 18px; font-weight: 600; color: #333333; margin: 0; padding: 0; } .schedule-header3 button { font-size: 18px; padding: 2px 11px; margin-right: 10px; } .schedule-header3 button + button { margin-left: 10px; margin-right: 0; } .schedule-header-help { margin-top: 8px; } .schedule-header-help > a { font-size: 14px; font-weight: 600; color: #333333; margin: 0; padding: 0; text-decoration:underline; } /* ######################### 현재 선택 스케줄 ########################## */ .lat-choise-schedule { float: left; width: 100%; height: auto; text-align: center; } .lat-choise-schedule > h4 { margin-bottom: 0; padding-bottom: 5px; } .lat-choise-schedule > table { border-top: 3px solid #00AAF0; } .lat-choise-schedule > table > tbody > tr > td { padding: 10px; text-align: left; } .lat-choise-schedule > table > tbody > tr > td > h5 { padding: 0; margin: 0; } .lat-schedule-body { position: relative; padding: 0; } /* ================================== 모든 스케줄 시간개념 레이아웃 ================================== */ .schedule-body { position: relative; padding: 0 20px 20px; } .schedule-body.slecture-body { position: relative; padding: 0 ; } .schedule-body > .schedule-mark { position: relative; margin: 5px 0; color: #999999; font-size: 15px; } .schedule-body > .schedule-mark > div { margin-top: 8px; } .schedule-body > .schedule-mark > div > span { padding: 2px 6px; border-radius: 5px; } .schedule-body > .schedule-mark > div:nth-child(1) > span { text-decoration: none; color: #FFFFFF; background-color: #00AAF0; } .schedule-body > .schedule-mark > div:nth-child(2) > span { text-decoration:line-through; color: #CCCCCC; background-color: #FFFFFF; } .schedule-body > .schedule-mark > div:nth-child(3) > span { text-decoration: none; color: #555555; background-color: #FFFFFF; } table.schedule-print { table-layout: fixed; } table.schedule-print > thead > tr > th { padding: 5px 3px; font-size: 14px; font-weight: 700; background-color: #F5F5F5; color: #666666; } table.schedule-print > thead > tr > th.today { background-color: #00AAF0; color: #FFFFFF; } table.schedule-print > thead > tr > th > span > em { font-size: 11px; } table.schedule-print > tbody > tr > td { padding: 1.5px 3px; border: 0; } table.schedule-print > thead > tr > th + th, table.schedule-print > tbody > tr > td + td { border-left: 1px solid #CCCCCC; } table.schedule-print > tbody > tr > td > span { text-decoration: line-through; color: #CCCCCC; } table.schedule-print > tbody > tr > td > a.my-schedule, table.schedule-print > tbody > tr > td > span.my-schedule { text-decoration: none; color: #FFFFFF; background-color: #00AAF0; } table.schedule-print > tbody > tr > td > a { color: #555555; } table.schedule-print > tbody > tr > td > span, table.schedule-print > tbody > tr > td > a { display: block; width: 100%; padding: 0; font-size: 14px; font-weight: 700; } table.schedule-print > tbody > tr > td > a.link-off:hover { text-decoration: none; cursor: default; } /* table.schedule-print > tbody > tr > td > span:first-child, table.schedule-print > tbody > tr > td > a:first-child { margin-right: 10px; } table.schedule-print > tbody > tr > td > a + a, table.schedule-print > tbody > tr > td > a + span, table.schedule-print > tbody > tr > td > span + a, table.schedule-print > tbody > tr > td > span + span { margin-left: 10px; } table.schedule-print > tbody > tr:first-child > td { padding-top: 18px; } table.schedule-print > tbody > tr:last-child > td { padding-bottom: 18px; } table.schedule-print.slecture-print > tbody > tr > td > span:first-child, table.schedule-print.slecture-print > tbody > tr > td > a:first-child { margin-right: 7px; } table.schedule-print.slecture-print > tbody > tr > td > a + a, table.schedule-print.slecture-print > tbody > tr > td > a + span, table.schedule-print.slecture-print > tbody > tr > td > span + a, table.schedule-print.slecture-print > tbody > tr > td > span + span { margin-left: 7px; } */ table.schedule-print.slecture-print > tbody > tr:first-child > td { padding-top: 15px; } table.schedule-print.slecture-print > tbody > tr:last-child > td { padding-bottom: 15px; } @media all and (max-width: 620px) { .schedule-header { letter-spacing: -1px; } .schedule-header button { padding: 2px 8px; margin-right: 5px; } .schedule-header button + button { margin-left: 5px; } .schedule-body { padding: 0; } table.schedule-print > thead > tr > th, table.schedule-print > tbody > tr > td > span, table.schedule-print > tbody > tr > td > a { font-size: 13px; } table.schedule-print > thead > tr > th > span > em { display: none; } /* table.schedule-print > tbody > tr > td > span:first-child, table.schedule-print > tbody > tr > td > a:first-child { margin-right: 4px; } table.schedule-print > tbody > tr > td > a + a, table.schedule-print > tbody > tr > td > a + span, table.schedule-print > tbody > tr > td > span + a, table.schedule-print > tbody > tr > td > span + span { margin-left: 4px; } table.schedule-print.slecture-print > tbody > tr > td > span, table.schedule-print.slecture-print > tbody > tr > td > a { padding: 6px 2px; font-size: 13px; } table.schedule-print.slecture-print > thead > tr > th { padding: 6px 2px; font-size: 14px; } table.schedule-print.slecture-print > tbody > tr > td > span, table.schedule-print.slecture-print > tbody > tr > td > a { padding: 3px; font-size: 14px; } table.schedule-print.slecture-print > tbody > tr > td > span:first-child, table.schedule-print.slecture-print > tbody > tr > td > a:first-child { margin-right: 1px; } table.schedule-print.slecture-print > tbody > tr > td > a + a, table.schedule-print.slecture-print > tbody > tr > td > a + span, table.schedule-print.slecture-print > tbody > tr > td > span + a, table.schedule-print.slecture-print > tbody > tr > td > span + span { margin-left: 1px; } table.schedule-print > tbody > tr > td > span, table.schedule-print > tbody > tr > td > a { padding: 4px 4px; } table.schedule-print > tbody > tr > td > span:first-child, table.schedule-print > tbody > tr > td > a:first-child { margin-right: 3px; } table.schedule-print > tbody > tr > td > a + a, table.schedule-print > tbody > tr > td > a + span, table.schedule-print > tbody > tr > td > span + a, table.schedule-print > tbody > tr > td > span + span { margin-left: 3px; } */ } @media (max-width: 768px) { .table-responsive2 { width: 100%; margin-bottom: 15px; overflow: auto; border: 3px solid #dddddd; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; } .table-responsive2 > .table { table-layout: auto; word-break:break-all; } .table-responsive2 > .table > thead > tr > th, .table-responsive2 > .table > tbody > tr > th, .table-responsive2 > .table > tfoot > tr > th, .table-responsive2 > .table > thead > tr > td, .table-responsive2 > .table > tbody > tr > td, .table-responsive2 > .table > tfoot > tr > td { white-space: nowrap; vertical-align: middle; } .table-responsive2 > .table > tbody > tr > td.white-space-normal { white-space: normal; } } @media (max-width: 768px) { .table-quizlist1 > .table > colgroup > col:nth-child(2) { width: 80px; } .table-quizlist1 > .table > colgroup > col:nth-child(3) { width: 60px; } } /* ================================== 모든 스케줄 시간개념 레이아웃 ================================== */ .schedule-choise-header { width: 100%; padding: 10px 5px; border-top : 1px solid #ddd; border-left : 1px solid #ddd; border-right : 1px solid #ddd; background-color: #00AAF0; color: #FFFFFF; font-size: 16px; text-align: center; } .schedule-choise { width: 100%; height: 284px; overflow-y:auto; border : 1px solid #ddd; /* overflow-x:scroll; overflow:auto !important; */ -ms-overflow-style:-ms-autohiding-scrollbar; -webkit-overflow-scrolling:touch !important; } .schedule-choise > div { float: left; position: relative; min-height: 1px; width: 50%; padding: 5px; text-align: center; } .schedule-choise > div > span { text-decoration:line-through; color: #CCCCCC; } .schedule-choise > div > a { color: #555555; } .schedule-time-choise { width: 100%; max-height: 300px; height: auto; overflow-y:auto; border : 1px solid #ddd; padding-left: 14px; padding-right: 14px; -ms-overflow-style:-ms-autohiding-scrollbar; -webkit-overflow-scrolling:touch !important; } .schedule-time-choise > table > tbody > tr > td { font-size: 14px; color: #666666; font-weight: 600; text-align: left; padding: 10px 0; } .schedule-time-choise > table > tbody > tr > td:nth-child(2) > span { color: #aaaaaa; font-weight: normal; padding-left: 10px; padding-right: 10px; text-align: left; } .schedule-time-choise > table > tbody > tr > td:nth-child(2) > i { font-size: 18px; color: #FF3366; } .schedule-time-choise > table > tbody > tr > td:nth-child(2) > span.tutor-name { color: #00AAF0; font-weight: 700; font-size: 14px; } .schedule-time-choise > table > tbody > tr:first-child > td { border-top: 0; } .schedule-time-choise > table > tbody, .schedule-time-choise > table > tbody > tr:last-child > td { border-bottom: 0; } .schedule-time-choise > table > tbody > tr > td:last-child { text-align: right; } .schedule-time-choise > table > tbody > tr > td:last-child > a { padding: 6px 10px; color:#fff; background-color:#FF6600; border: 1px solid #D35602; text-align: center; font-size: 13px; font-weight: 700; border-radius: 4px; } .schedule-time-choise > table > tbody > tr > td:last-child > a:hover, .schedule-time-choise > table > tbody > tr > td:last-child > a:focus, .schedule-time-choise > table > tbody > tr > td:last-child > a:active { color:#fff; background-color:#FF3300; border-color:#D35602; text-decoration: none; } .schedule-time-choise > table > tbody > tr > td:last-child > a:active { background-image:none } .schedule-time-choise > table > tbody > tr > td:last-child > a > i { font-size: 14px; margin-left: 8px; } @media (max-width: 767px) { } /* ################################## 스케줄관련테이블 ################################## */ .footer-cs1-panel { padding: 10px 19px 8px; } .footer-cs1-panel h1 { letter-spacing: -2px; color: #00AAF0; text-align: center; line-height: 1.1; } .footer-cs1-panel > h1 > span { padding: 0 10px; -webkit-border-radius: 40px; border-radius: 40px; background-color: #00AAF0; } .footer-cs1-panel > h1 > span > i { font-size: 29px; color: #fff; } .footer-cs1-panel > p { color: #777; text-align: center; padding: 1px 0 2px; font-size: 12px; } .footer-cs1-panel > .cs-info { display: block; padding: 12px 8px; font-size: 12px; margin-left: -10px; margin-right: -10px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #F6F6F6; } .footer-cs1-panel > .cs-info > .cs-info-t { display: inline-block; width: 22%; border-right: 1px solid #e1e1e1; text-align: center; font-weight: 800; } .footer-cs1-panel > .cs-info > .cs-info-m { display: inline-block; width: 75%; padding-left: 2%; } .footer-cs2-panel { padding: 9px 19px 8px; } .footer-cs2-panel h5 { margin-bottom: 5px; line-height: 1.1; } .footer-cs2-panel h4 { margin-top: 0; margin-bottom: 3px; color: #00AAF0; font-weight: 800; line-height: 1.1; } .footer-cs2-panel > p { color: #777; font-size: 12px; } .footer-cs3-panel { padding: 9px 19px 11px; } .footer-cs3-panel > hr { margin: 10px ; } .footer-cs3-panel > div > i { display: inline-block; font-size: 32px; padding: 0 15px; color: #00AAF0; } .footer-cs3-panel > div > h4 { display: inline-block; margin-top: 0;margin-bottom: 3px; color: #333; font-weight: 800; line-height: 1.1; } .footer-cs3-panel > div > h4 > small { display: block; margin-top: 7px; margin-bottom: 5px; font-size: 12px; color: #777; font-weight: 600; } .footer-cs3-panel > div > h4 > span { color: #f60; } .footer-cs4-panel { padding: 10px 19px 8px; } .footer-cs4-panel > p.title { background-color: #F6F6F6; font-size: 12px; padding: 12px 10px; font-weight: 800; -webkit-border-radius: 4px; border-radius: 4px; } .footer-cs4-panel > p.title > span { background-color: #00AAF0; color: #fff; font-weight: normal; padding: 2px 5px; margin-right: 10px; } .footer-cs4-panel > ul.list { padding-top: 5px; } .footer-cs4-panel > ul.list li { display: block; background: url("../images/common/dotted1.png") no-repeat 0 12px; margin-left: 0.2em; padding-left: 0.7em; padding-top: 3px; padding-bottom: 3px; } .footer-cs4-panel > ul.list > li a { font-size: 12px; font-weight: normal; color: #333; } /* ###################### MAIN PANEL ####################### */ /* ###################### SUB PANEL ####################### */ a.sub-leveltest-panel { padding: 18px 19px 10px; border: 1px solid #e5e5e5; display: block; height: 80px; text-align: right; font-size: 14px; color: #00ADEF; font-weight: 700; background: transparent url("../images/00.main/img_woman.png") no-repeat 0 -4%; } a.sub-leveltest-panel:hover { background-color: #E9F5FF; text-decoration: none; } a.sub-leveltest-panel > span { font-size: 18px; color: #333; font-weight: 700; padding-right: 20px; } /* ############### 친구 추천, 원격제어 서비스 ############### */ .sub-help-panel { padding: 9px 0 8px; margin: 0; } .sub-help-panel > hr { margin: 10px 0; } .sub-help-panel > div { display: block; padding: 7px; vertical-align: middle; } .sub-help-panel > div > i { display: inline-block; font-size: 28px; margin-top: 5px; padding: 0 20px; color: #00AAF0; } .sub-help-panel > div > h4 { display: inline-block; color: #333; font-weight: 700; font-size: 16px; padding: 0; margin: 0; } .sub-help-panel > div > h4 a { float: left; margin-top: -20px; } .sub-help-panel > div > h4 span { color: #f60; } /* ############### 고객지원 ############### */ .sub-cs1-panel { padding: 13px 19px 0; } .sub-cs1-panel > h1 { display: inline-block; margin-top: 10px; padding: 0; vertical-align: top; } .sub-cs1-panel > h1 > span { padding: 11px 13px 7px; margin: 0; background-color: #00AAF0; -webkit-border-radius: 80px; border-radius: 80px; } .sub-cs1-panel > h1 > span > i { font-size: 40px; color: #fff; } .sub-cs1-panel > h3 { display: inline-block; margin: 0 0 0 15px; color: #333; text-align: left; font-size: 16px; } .sub-cs1-panel > h3 > span { display: block; color: #999; text-align: left; font-size: 12px; margin-top: 5px; line-height: 18px; } .sub-cs1-panel > h2 { display: block; color: #00AAF0; text-align: center; font-size: 32px; font-weight: 700; margin: 7px 0 0; } .sub-cs1-panel > p { color: #777; text-align: center; padding: 0; font-size: 12px; margin: 2px 0 0; } .sub-cs2-panel { padding: 0 19px 0; } .sub-cs3-panel { padding: 0 19px 0; } .sub-cs2-panel > h5, .sub-cs3-panel > h5 { margin: 0; padding: 0; font-weight: 700; font-size: 15px; color: #666; text-align: center; } .sub-cs2-panel > h4, .sub-cs3-panel > h4 { margin: 10px 0 5px; padding: 0; font-weight: 700; font-size: 15px; color: #00AAF0; text-align: center; } .sub-cs2-panel > p, .sub-cs3-panel > p { margin: 0; padding: 0; font-size: 12px; color: #999; text-align: center; } /* ###################### SUB PANEL ####################### */ .sub-nav { display: block; } .sub-nav > h1 { font-size: 30px; font-weight: 700; color: #00AAF0; text-align: center; border-top: 1px solid #00AAF0; border-bottom: 2px solid #00AAF0; padding: 26px 0; } .sub-nav > ul { margin-top: 35px; font-size: 15px; } .sub-nav > ul > li { display: block; border-bottom: 1px solid #ccc; margin: 0; } .sub-nav > ul > li > a { display: block; color: #666; padding: 5px 16px; margin: 0; } .sub-nav > ul > li.current > a { font-weight: 700; color: #00AAF0; } .sub-nav > ul > li.current > a > i { color: #03B0CE; margin-left: 10px; } .sub-nav > ul > li > p { display: block; margin: 0; padding: 0; border-bottom: 1px solid #ccc; background: url("../images/common/nav_sub_current2.png") no-repeat 95% 50%; } .sub-nav > ul > li > p > a { display: block; color: #666; padding: 5px 16px; margin: 0; } .sub-nav > ul > li > p.current > a { background: url("../images/common/nav_sub_current1.png") no-repeat 95% 50%; font-weight: 700; color: #333333; } .sub-nav > ul > li > dl { display: block; margin: 0; padding: 0; } .sub-nav > ul > li > dl > dd { display: block; margin: 0; padding: 3px 0; background-color: #FCFCFC; } /* .sub-nav > ul > li dd + dd { content: "/\00a0"; padding-top: 3px; } */ .sub-nav > ul > li > dl > dd:first-child, .sub-nav > ul > li > dl > dd.first-child { padding-top: 15px; } .sub-nav > ul > li > dl > dd + dd { content: "/\00a0"; padding-top: 3px; } .sub-nav > ul > li > dl > dd:last-child { padding-bottom: 15px; } .sub-nav > ul > li > dl > dd > a { display: block; margin: 0; padding: 0 16px; font-size: 13px; color: #666; } .sub-nav > ul > li > dl > dd > a:hover { color: #009AD9; } .sub-nav > ul > li > dl > dd.current > a { color: #009AD9; font-weight: 700; } .sub-nav > ul > li > dl > dd.current > a > i { color: #009AD9; margin-left: 7px; } .mobile-nav { display: none; } .sub-nav > h1 > i { display: none; } @media all and (max-width: 992px) { .mobile-nav { display: block; margin-top: 0; margin-bottom: 0; padding: 0; } /* .mobile-nav > h3 { display: block; text-align: center; font-size: 22px; margin: 0; padding: 12px; border-bottom: 2px solid #00AAF0; } .mobile-nav > h3 > a { font-weight: 700; color: #00AAF0; text-decoration: none; } .mobile-nav > h3 > a > i { margin-right: 10px; } .mobile-nav > h3 > a:hover { color: #000000; } */ .mobile-nav > .sub-nav { display: block; margin: 0; } .mobile-nav > .sub-nav > h1 { text-align: left; margin: 0; font-size: 22px; border-top: 0; border-bottom: 2px solid #00AAF0; padding: 10px 0; font-weight: 700; color: #00AAF0; text-decoration: none; cursor: pointer; } .mobile-nav > .sub-nav > h1:hover { color: #000000; } .mobile-nav > .sub-nav > h1 > i { display: inline-block; margin-left: 15px; margin-right: 10px; font-size: 20px; } .mobile-nav > .sub-nav > ul { display: none; margin: 0; padding:0; font-size: 16px; } .mobile-nav > .sub-nav > ul > li:last-child { border-bottom: 2px solid #00AAF0; } .mobile-nav > .sub-nav > ul > li > dl > dd > a { font-size: 15px; color: #555; } .mobile-nav > .sub-nav > ul > li > dl > dd.current > a { color: #009AD9; font-weight: 700; } .mobile-nav > .sub-nav > ul > li > dl > dd.current > a > i { color: #009AD9; margin-left: 7px; } } .main-title > h1 { margin-top: 39px; margin-bottom: 15px; font-size: 36px; } .main-title > h1 > a.btn { margin-top: 10px; float: right; } @media all and (max-width: 992px){ .main-title > h1 { margin-top: 10px; margin-bottom: 20px; font-size: 30px; } } @media all and (max-width: 480px){ .main-title > h1 { margin-top: 10px; margin-bottom: 20px; font-size: 24px; } .main-title > h1 > a.btn { margin-top: 0; } } .sub-title{ margin-top: 10px; margin-bottom: 20px; border-bottom: 2px solid #00AAF0; } .sub-title > h2 { font-size: 24px; color: #444444; margin-bottom: 10px; } .sub-title > h3 { font-size: 24px; color: #444444; } .sub-title > h3 > small { float: right; font-size: 15px; color: #999999; margin-top: 14px; } .sub-title > h3 > small > em { color: #FF6600; font-style: normal; } .sub-title > h6 { font-size: 14px; color: #999999; font-weight: normal; } /* @media all and (max-width: 992px){ .sub-title > h3 { margin-bottom: 10px; font-size: 20px; } .sub-title > h3 > small { font-size: 13px; float: none; } } @media all and (max-width: 480px){*/ @media all and (max-width: 992px){ .sub-title > h3 { margin-top: 0; margin-bottom: 20px; font-size: 18px; } .sub-title > h3 > small { float: none; display: block; font-size: 13px; } } .well-info { min-height: 20px; padding: 17px 20px 10px; margin-bottom: 20px; background-color: #FCFCFC; border: 1px solid #e5e5e5; border-radius: 0; font-size: 12px; } .well-info p { margin: 0 0 7px; padding: 0; } .well-info h6 { font-size: 15px; color: #333; margin-left: -27px; } .well-info h6 > i { font-size: 24px; color: #f60; margin: 0 6px 0 0; padding: 0; } /*===== Other typography =====*/ .heading-hr { border-bottom: 1px solid #E5E5E5; padding-bottom: 8px; margin-bottom: 20px; } .heading-margin-none { padding-bottom: 8px; margin-bottom: 0; } .h-hr { border-bottom: 1px solid #E5E5E5; padding-bottom: 5px; margin-bottom: 0; } /* label.error { margin-top: 6px; margin-bottom: 0; color: #fff; background-color: #D65C4F; display: table; padding: 5px 8px; font-size: 11px; font-weight: 600; line-height: 14px; } label.error.valid { background-color: #00AAF0; } .mandatory { color: #b94a48; margin-left: 2px; } */ /* # text Style ================================================== */ .bolder { font-weight: 600; } .bolder-normal { font-weight: normal; } .text-left, .c-text-left { text-align:left } .text-right, .c-text-right { text-align:right } @media (max-width: 767px) { .c-text-left, .c-text-right { text-align:center } } .text-center { text-align:center } .text-justify { text-align:justify } .text-write { color:#fff } .text-black { color:#000 } .text-gray { color:#ccc } .text-gray-e { color:#eee } .text-subject { color:#555 } .text-muted { color:#999999 } .text-support { color:#8856E4 } a.text-support:hover { color:#6234BA } .text-red, input.text-red { color:#f10 } a.text-red:hover { color:#a00 } .text-orange { color:#f60 } a.text-orange:hover { color:#f30 } .text-blue, a.text-blue:hover { color:blue } .text-talk, label.text-talk, a.text-blue:hover { color:#00AAF0 } input.text-talk, select.text-talk { color:#0099F0 } .text-primary { color:#428bca } a.text-primary:hover { color:#3071a9 } .text-success { color:#3c763d } a.text-success:hover { color:#2b542c } .text-info { color:#31708f } a.text-info:hover { color:#245269 } .text-warning { color:#F3288E } a.text-warning:hover { color:#66512c } .text-danger { color:#a94442 } a.text-danger:hover { color:#843534 } .text-highlights { color:#00ADEF } .text-xsmall { font-size: 70%; } .text-small { font-size: 80%; } .text-smedium { font-size: 110%; } .text-medium { font-size: 120%; } .text-larger { font-size: 140%; } .text-line { color:#ddd; padding: 0 5px; } .form-control { width:100%;} .pop-login { font-family: 'Jeju Gothic', sans-serif; } .pop-login label { color: #555; font-weight: normal; } .pop-login button { font-weight: normal; font-size: 15px; padding: 9px 14px; } .pop-login input[type=text], .pop-login input[type=password] { font-family: 'Nanum Gothic', serif; } .sub-category { color: inherit; padding: 0; font-size: 14px; font-family: 'Jeju Gothic', sans-serif; background: #fff; border: 1px solid #eee; } .sub-category h5 { font-size: 15px; font-family: 'Jeju Gothic', sans-serif; padding: 15px 18px; margin: 0; font-weight: normal; color: #fff; background: #00AAF0; } .sub-category ul { padding: 0; } .sub-category li { list-style: none; padding: 0; margin: 0; } .sub-category li dl { padding: 0; margin: 0; } .sub-category li dl dt { margin: 0; padding: 7px 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #000; font-size: 16px; font-weight: 600; } .sub-category li dl dd { margin: 0 10px; padding: 9px 8px 6px; font-weight: normal; border-bottom: 1px dotted #ccc; } .sub-category li dl dd.last { border-bottom: 0; padding-bottom: 0; } .sub-category li dl dd a { display: block; color: #555; } .sub-category li dl dd a:hover { color: #0054A2; } .sub-category li dl dd a i { color: #555; } .sub-category li dl dd.active a { color: #0054A2; font-weight: 600; } .pagination { display:inline-block; padding-left:0; margin:20px 0; border-radius:4px } .pagination>li { display:inline } .pagination>li>a, .pagination>li>span { position:relative; float:left; padding:6px 12px; line-height:1.42857143; text-decoration:none; color:#428bca; background-color:#fff; border:1px solid #ddd; margin-left:-1px } .pagination>li:first-child>a, .pagination>li:first-child>span { margin-left:0; border-bottom-left-radius:4px; border-top-left-radius:4px } .pagination>li:last-child>a, .pagination>li:last-child>span { border-bottom-right-radius:4px; border-top-right-radius:4px } .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { color:#2a6496; background-color:#eee; border-color:#ddd } .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { z-index:2; color:#fff; background-color:#428bca; border-color:#428bca; cursor:default } .pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus { color:#999; background-color:#fff; border-color:#ddd; cursor:not-allowed } .pagination-lg>li>a, .pagination-lg>li>span { padding:10px 16px; font-size:18px } .pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span { border-bottom-left-radius:6px; border-top-left-radius:6px } .pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span { border-bottom-right-radius:6px; border-top-right-radius:6px } .pagination-sm>li>a, .pagination-sm>li>span { padding:5px 10px; font-size:12px } .pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span { border-bottom-left-radius:3px; border-top-left-radius:3px } .pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span { border-bottom-right-radius:3px; border-top-right-radius:3px } .pager { padding-left:0; margin:20px 0; list-style:none; text-align:center } .pager li { display:inline } .pager li>a, .pager li>span { display:inline-block; padding:5px 14px; background-color:#fff; border:1px solid #ddd; border-radius:15px } .pager li>a:hover, .pager li>a:focus { text-decoration:none; background-color:#eee } .pager .next>a, .pager .next>span { float:right } .pager .previous>a, .pager .previous>span { float:left } .pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span { color:#999; background-color:#fff; cursor:not-allowed } /* ===== Pagination ===== */ .pagination { margin: 0; border-radius: 0; font-size: 0; } .pagination > li { display: inline-block; margin-left: 1px; font-size: 12px; } .pagination > li:first-child { margin-left: 0; } .pagination > li > a, .pagination > li > span { float: none; margin-left: 0; border: 0; display: block; color: #333; font-weight: 600; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span, .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span, .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span, .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-radius: 2px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #00AAF0; color: #fff; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #2D73CB; cursor: default; } /* ===== Pager ===== */ .pager { margin: 0; } .pager li > a, .pager li > span { border-radius: 2px; font-weight: 600; padding: 6px 14px 7px 14px; color: #333; } .pager li > a:hover, .pager li > a:focus { background-color: #2D73CB; border-color: #2D73CB; color: #fff; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { border-color: #ddd; } /* .btn-default > i { font-size: 16px; } */ /*Upload Layout*/ .unicorn_waiting { position: absolute; z-index: 999999; visibility: hidden; width: 24px; height: 24px; background-color: #fff; } .unicorn_waiting p { float: left; display: block; } .unicorn_waiting p img { display: block; padding: 0; width: 30px; height: 30px; border: 0; } /*Upload Layout*/ /*===== File uploader =====*/ .uploader { width: 100%; position: relative; overflow: hidden; border: 1px solid #ddd; background: #fff; padding: 2px 2px 2px 10px; } .uploader span.action { width: 28px; background: url('../images/forms/add_files.png') no-repeat 0 0; height: 28px; cursor: pointer; float: right; text-indent: -9999px; display: inline; overflow: hidden; } .uploader:hover span.action { background-position: 0 -28px; } .uploader:active span.action { background-position: 0 -56px; } .uploader span.filename { color: #777; cursor: pointer; max-width: 200px; font-size: 11px; line-height: 28px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; } .uploader input[type=file] { width: 100%; margin-top: 0; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; right: 0; bottom: 0; float: right; height: 32px; border: none; cursor: pointer; } .uploader { display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; } .uploader.disabled span.action { color: #aaa; } .uploader.disabled span.filename { border-color: #ddd; color: #aaa; } .text-body-highlight { font-family: 'Nanum Gothic', serif; font-size: 20px; font-weight: 700; text-align: center; color: #00AAF0; padding: 18px 28px 18px 10px; line-height: 30px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #ffffff; position: relative; margin: 24px 0; z-index: 2; } /* .text-body-highlight:before { content: ""; position: absolute; z-index: 3; left: 50px; bottom: -16px; border: 8px solid transparent; border-left: 8px solid #dedede; border-top: 8px solid #dedede; } .text-body-highlight:after { content: ""; position: absolute; z-index: 3; left: 51px; bottom: -14px; border: 8px solid transparent; border-left: 8px solid #fbfbfb; border-top: 8px solid #fbfbfb; }*/ .text-body-highlight p { margin: 0; position: relative; z-index: 3; } .text-body-highlight p:after { font-family: "Goudy Bookletter 1911", serif; font-style: italic; content: "\201C"; font-size: 90px; font-weight: bold; color: #e4e4e4; position: absolute; top: 20px; left: 0; z-index: -1; } .text-body-highlight p:before { font-family: "Goudy Bookletter 1911", serif; font-style: italic; content: "\201D"; font-size: 90px; font-weight: bold; color: #e4e4e4; position: absolute; top: 20px; right: 10px; z-index: -1; } .circle-info-container { margin: 20px 0 20px; } .circle-info-container li { text-align: center; width: 16.66667%; float: left; } .circle-info-container li p { text-align: center; font-size: 12px; color: 333; } /* counter */ .circle-info { width: 115px; height: 115px; text-align: center; border: 4px solid #d5d5d5; background: #fff; padding: 30px 0; margin: 0 auto; -webkit-border-radius: 50%; border-radius: 50%; } .circle-info h2 { font-size: 35px; line-height: 1; margin-bottom: 5px; color: #000; } .circle-info p { font-size: 12px; color: #777; font-weight: 600; text-transform: uppercase; line-height: 1; margin: 0; } .about1 > * { font-family: 'KoPub Batang', serif, 'Nanum Gothic', serif, 'malgun Gothic', '맑은고딕'; } .about1 > h1 { font-size: 34px; } .about1 > h4 { font-size: 25px; font-weight: 100; } .about1 > h4 > span { font-weight: 700; } .about1 > p { font-size: 20px; font-weight: 100; } .about1 > p > span { font-weight: 700; } .form-control-red { color:#f10; border:1px solid #f10; } /* Input icons */ .has-feedback .form-control-feedback { top: 24px; color: #999; font-size: 16px; } .has-feedback-no-label .form-control-feedback { top: 0; } .has-feedback-left .form-control { padding-right: 0; padding-left: 32px; } .has-feedback-left .form-control-feedback { right: auto; left: 0; } .form-horizontal .has-feedback-left .form-control-feedback { right: 0; left: 15px; } /* Well */ .well { padding: 15px; margin-bottom: 0; background-color: #FCFCFC; border-color: #FFFFFF; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-shadow: none; } /* # bg Color ================================================== */ .bg-none { border: 1px solid #BDD5B4; background-color:#fff } .bg-primary { color: #fff; background-color: #2D73CB; } a.bg-primary:hover { background-color:#3071a9 } .bg-success { color: #fff; background-color: #65B688; } a.bg-success:hover { background-color:#c1e2b3 } .bg-info { color: #fff; background-color: #3CA2BB; } a.bg-info:hover { background-color:#afd9ee } .bg-warning { color: #fff; background-color: #EE8366; } a.bg-warning:hover { background-color:#f7ecb5 } .bg-warning-point { background-color: #FFF2F1; } .bg-danger { color: #fff; background-color: #D65C4F; } a.bg-danger:hover { background-color:#e4b9b9 } a.bg-primary-point:hover { background-color:#cfe7e7 } .bg-success-point { background-color:#e3ffe2 } a.bg-success-point:hover { background-color:#bce2bb } .bg-info-point { background-color:#fffee7 } a.bg-info-point:hover { background-color:#e0dfc1 } .bg-primary-point { background-color:#DAFFFF } a.bg-primary-point:hover { background-color:#cfe7e7 } .bg-unread { background-color:#f0f0f0 } a.bg-unread:hover { background-color:#eee } .bg-beginner { background-color:#a2d13b } .bg-lowinter { background-color:#ffb144 } .bg-intermediate { background-color:#ff7095 } .bg-advanced { background-color:#a270ff } .bg-yellow { background-color:#ffee00 } .bg-point { background-color:#BDF5FF } .back-default { background-color: #999999; color:#fff; } .back-primary { background-color: #445661; color:#fff; } .back-success { background-color: #65B688; color:#fff; } .back-success2 { background-color: #196F3E; color:#fff; } .back-info { background-color: #3CA2BB; color:#fff; } .back-info2 { background-color: #0A7088; color:#fff; } .back-support { background-color: #A270FF; color:#fff; } .back-attend { background-color: #ABA000; color:#fff; } .back-warning { background-color: #E7804F; color:#fff; } .back-warning2 { background-color: #EC008C; color:#fff; } .back-warning3 { background-color: #a00; color:#fff; } .back-danger { background-color: #D65C4F; color:#fff; } a.login-btn { margin: 6px 0 0 0; padding: 10px; color: #fff; text-decoration: none; content: "\201D"; } a.login-btn:hover { color: #000; text-decoration: none; } /* .breadcrumb { padding:8px 15px; margin-bottom:20px; list-style:none; background-color:#fff; border-radius:4px } .breadcrumb>li { display:inline-block } .breadcrumb>li+li:before { content:"/\00a0"; padding:0 5px; color:#ccc } .breadcrumb>.active { color:#999 } #location { position: relative; height: 40px; z-index: 1; padding: 0 20px; } #location h2 { float: left; font-size: 190%; padding: 0 10px; font-weight: normal; color: #1A2250; } #location .breadcrumb{ float: right; padding: 26px 12px 10px; margin:0; background: transparent; border-radius: 0 } #location .breadcrumb>li{ float:left; list-style: none; font-weight:normal } #location .breadcrumb>li+li:before{ content:"/\00a0"; padding:0 5px; color:#ccc; } #location .breadcrumb>li>a{ color:#000 } #location .breadcrumb>li.arrow{ color:#bbb; padding: 0 6px } #location .breadcrumb>.active{color:#999} */ .book-info-list li { font-size: 14px; color: #777; padding-bottom: 6px; } .book-info-list-pop li { font-size: 15px; color: #777; padding-bottom: 6px; } .book-info-list-pop li span, .book-info-list li span { color: #333; font-weight: 600; } .book-info-list-pop li dd, .book-info-list li dd { padding-left: 6px; font-family: monospace, serif; margin: 4px 0; } .book-info-list-pop li dd:before, .book-info-list li dd:before { font-family: "FontAwesome"; content: "\f0c1"; padding-right: 3px; } .book-info-list-pop li dd span, .book-info-list li dd span { padding-left: 7px; padding-right: 7px; font-size: 12px; color: #ddd; } @media (max-width: 767px) { .book-info-list-pop li { font-size: 13px; } } .app-carousel { margin: 0; border: 1px solid #fff; } .app-carousel .item { margin: 0; padding: 5px 5px; text-align: center; } .app-carousel .item > a > img { display: block; width: 100%; height: auto; border: 5px solid #fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); } /* .app-carousel .owl-pagination .owl-page span { height: 18px; width: 18px; background: transparent; border: 3px solid #393939; opacity: 1; } .app-carousel .owl-pagination .owl-page span:hover { opacity: 0.5; } .app-carousel .owl-pagination .owl-page.active span { background: #393939; }*/ .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y} .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px)} .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out} .owl-carousel .owl-item{float:left} .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer} .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent} .grabbing{cursor:url(../img/grabbing.png) 8 8,move} .owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0)} .owl-theme .owl-controls{margin-top:10px;text-align:center} .owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:0.5} .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none} .owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline} .owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791} .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1} .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px} .owl-item.loading{min-height:150px;background:url(../img/AjaxLoader.gif) no-repeat center center} .owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px} .owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease} .owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease} .owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease} .owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease} .owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both} .owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both} .owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both} .owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both} @-webkit-keyframes empty{ 0%{opacity:1} } @-moz-keyframes empty{ 0%{opacity:1} } @keyframes empty{ 0%{opacity:1} } @-webkit-keyframes fadeIn{ 0%{opacity:0} 100%{opacity:1} } @-moz-keyframes fadeIn{ 0%{opacity:0} 100%{opacity:1} } @keyframes fadeIn{ 0%{opacity:0} 100%{opacity:1} } @-webkit-keyframes fadeOut{ 0%{opacity:1} 100%{opacity:0} } @-moz-keyframes fadeOut{ 0%{opacity:1} 100%{opacity:0} } @keyframes fadeOut{ 0%{opacity:1} 100%{opacity:0} } @-webkit-keyframes backSlideOut{ 25%{opacity:.5;-webkit-transform:translateZ(-500px)} 75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)} 100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)} } @-moz-keyframes backSlideOut{ 25%{opacity:.5;-moz-transform:translateZ(-500px)} 75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)} 100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)} } @keyframes backSlideOut{ 25%{opacity:.5;transform:translateZ(-500px)} 75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)} 100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)} } @-webkit-keyframes backSlideIn{ 0%, 25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)} 75%{opacity:.5;-webkit-transform:translateZ(-500px)} 100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)} } @-moz-keyframes backSlideIn{ 0%, 25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)} 75%{opacity:.5;-moz-transform:translateZ(-500px)} 100%{opacity:1;-moz-transform:translateZ(0) translateX(0)} } @keyframes backSlideIn{ 0%, 25%{opacity:.5;transform:translateZ(-500px) translateX(200%)} 75%{opacity:.5;transform:translateZ(-500px)} 100%{opacity:1;transform:translateZ(0) translateX(0)} } @-webkit-keyframes scaleToFade{ to{opacity:0;-webkit-transform:scale(0.8)} } @-moz-keyframes scaleToFade{ to{opacity:0;-moz-transform:scale(0.8)} } @keyframes scaleToFade{ to{opacity:0;transform:scale(0.8)} } @-webkit-keyframes goDown{ from{-webkit-transform:translateY(-100%)} } @-moz-keyframes goDown{ from{-moz-transform:translateY(-100%)} } @keyframes goDown{ from{transform:translateY(-100%)} } @-webkit-keyframes scaleUpFrom{ from{opacity:0;-webkit-transform:scale(1.5)} } @-moz-keyframes scaleUpFrom{ from{opacity:0;-moz-transform:scale(1.5)} } @keyframes scaleUpFrom{ from{opacity:0;transform:scale(1.5)} } @-webkit-keyframes scaleUpTo{ to{opacity:0;-webkit-transform:scale(1.5)} } @-moz-keyframes scaleUpTo{ to{opacity:0;-moz-transform:scale(1.5)} } @keyframes scaleUpTo{ to{opacity:0;transform:scale(1.5)} } /* ############################ BOOK LIST ########################## */ .book-list { /* padding: 19px; border: 1px solid #dedede; */ padding: 19px 0; border-bottom: 1px solid #dedede; margin-bottom: 5px; background: #fff; } .book-list img { float: left; margin-right: 20px; width: 90px; } .book-list .book-description { margin-left: 110px; margin-bottom: 0; } .book-list h4 { margin: 0 0 4px; } .book-list h4 span { display: inline-block; margin: 0 0 0 8px; font-size: 12px; padding: 4px 7px 5px 7px; line-height: 13px; font-family: 'NanumGothic','나눔고딕', NG, ng, 'malgun Gothic', '맑은고딕', dotum, gulim, 'Open Sans', sans-serif, helvetica; font-weight: normal; color: #FFF; background-color: #697EB7; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } .book-list ul { display: table; padding: 3px 0 0; font-size: 13px; margin: 0; } .book-list ul li { float: left; list-style: none; width: 50%; padding: 0 0 3px; margin: 0; } .book-list ul li span { font-weight: 600; } .book-list p { margin: 0; color: #777; font-size: 13px; line-height: 21px; } .book-list p span { color: #222; } .book-list p span.line { color: #ddd; } .book-list .author-link { color: #005BAF; text-decoration:underline; } .book-list .author-link:hover { color: #045AA8; text-decoration:none; } .pagelisting { display: block; text-align: right; } @media (max-width:767px) { .book-list .book-description { margin: 0; } .book-list ul li { display: block; width: 100%; } .block-page { padding-bottom: 0; } .showing, .pagelisting { display: block; text-align:center; } } @media (max-width:479px) { .book-list img { display: block; margin-bottom: 10px; width: 100%; } .book-list .book-description { margin: 0; } .book-list ul li { display: block; width: 100%; } .block-page { padding-bottom: 0; } .showing, .pagelisting { display: block; text-align:center; } } .book-search input[type=text] { background: #fff url('/admin/images/interface/filter.png') no-repeat 10px; padding: 10px 10px 10px 30px; height: 40px; border: 2px solid #ccc; font-size: 16px; margin-bottom: 2px; } .book-search > .input-group-btn > .button { padding: 10px 20px ; height: 40px; margin-bottom: 2px; } .book-search > .input-group-btn > .black { background-color: #000; } .book-search > .input-group-btn > .black:hover { background-color: #333; } .book-find-etc { float: right; margin-top: -20px; background-color: #777; padding: 6px 10px; color: #fff; font-size: 12px; } .book-find-etc:hover { background-color: #005BAF; color: #fff; } /* ################## 수강증 / 영수증 ################## */ .class-receipt-pop { display: block; margin: 10px auto 0; width: 598px; height: 364px; } .class-receipt { display: block; width: 598px; height: 450px; clear:both } .class-receipt > div.class-receipt-stemp { position: absolute; display: block; width: 598px; height: 364px; } .class-receipt > div.class-no { padding: 24px 0 0 61px; font-size: 18px; font-weight:700; } .class-receipt > div.class-info-left { float: left; padding: 27px 0 0 110px; width:310px; font-size: 15px; font-weight:800; } .class-receipt > div.class-info-right { float: left; padding: 27px 0 0 76px; width:275px; font-size: 15px; font-weight:800; } .class-receipt > div > p { padding: 0; margin: 4.0px 0 0 0; } .class-receipt > div.class-date { margin: 29px auto 0; padding: 0 9px 0 0; width:200px; font-size: 15px; font-weight:600; text-align: center; } .class-receipt > div.class-cscenter { margin: 53px auto 0; padding: 0 16px; width:566px; font-size: 12px; font-weight:700; text-align: left; } .col-r-padding{padding-right:0} .col-lr-padding{padding-left:5px;padding-right:5px} @media (max-width:767px){ .col-r-padding{padding-right:15px} .col-lr-padding{padding-left:15px;padding-right:15px} } .btn, .label, a > .label { white-space: pre-line; } .img-title { margin: 0; } .about-info1 > h4 { margin: 0 0 10px; font-size: 18px; } .about-info1 > p { margin-top: 0; padding-top: 0; } .about-info2 > div > img { display: inline-block; } .about-info2 > div > h4 { display: inline-block; margin-left: 20px; } .about-info2 > div > p { margin-top: 9px; } .about-info2 > div > p.m { margin-top: -2px; } .about-info4 > .col-xs-6 { margin-top: 0; margin-bottom: 30px; } .about-info4-1, .about-info4-2, .about-info4-3, .about-info4-4 { border: 1px solid #e5e5e5; height: 270px; } .about-info4-1 { background: url('../images/01.introduce/img_140_02.png') no-repeat 50% 100%; } .about-info4-2 { background: url('../images/01.introduce/img_140_03.png') no-repeat 50% 100%; } .about-info4-3 { background: url('../images/01.introduce/img_140_04.png') no-repeat 50% 100%; } .about-info4-4 { background: url('../images/01.introduce/img_140_05.png') no-repeat 50% 100%; } .about-info4-1 > h5, .about-info4-2 > h5, .about-info4-3 > h5, .about-info4-4 > h5 { margin-top: 30px; text-align: center; padding: 0 30px; line-height: 1.5; } .about-info4b > img { width: 100%; } .about-info4b h1 { font-size: 42px; line-height: 1.1; margin: 0; padding: 0; } .about-info4b p { margin: 0; } @media (max-width:767px){ .about-info4b h1 { font-size: 26px; } } .speaking-info1-1 > div > img { margin-top: 30px; width: 90%; } .speaking-info1-1 > div > h4 { margin: 0 0 5px; font-size: 18px; } .speaking-info1-1 > div > p { margin-top: 0; padding-top: 0; } .speaking-info7-1 > div > img { width: 100%; } .speaking-info7-1 > div > h4 { margin: 0; padding: 20px 0 5px; font-size: 18px; } .speaking-info7-1 > div > p { margin-top: 0; padding-top: 5px; font-size: 15px; font-weight: 700; } @media (max-width:767px) { .speaking-info7-1 > div > img { width: 80%; } .speaking-info7-1 > div > h4 { margin: 0; padding: 5px 0 5px; text-align: center; } .speaking-info7-1 > div > p { margin-top: 0; padding-top: 0; font-size: 14px; text-align: center; } } h3.speaking-info1-2 > small { display: block; font-size: 19px; color: #333; font-weight: 700; } .speaking-fbook > h4 { margin: 0; color: #333; } .speaking-fbook > h4 > small { margin-left: 20px; color: #888; font-size: 16px; } .speaking-fbook > p { margin: 10px 0 15px; color: #666; font-size: 14px; } .speaking-fbook-info { margin: 10px 5px; } .speaking-fbook-info > h4 { margin: 0 0 10px; color: #333; } .speaking-fbook-info > p { color: #555; margin-left: 15px; } .speaking-fbook-info > p > span { font-weight: 700; color: #333; } table.speaking-info1-3 > tbody > tr:first-child > td { font-weight: 700; } table.speaking-info1-3 > tbody > tr:first-child > td + td { background-color: #00AAF0; color: #fff; font-weight: 700; } table.speaking-info1-3 > tbody > tr + tr > td { color: #00AAF0; font-weight: 700; } table.speaking-info1-3 > tbody > tr + tr + tr > td:first-child { font-weight: 700; } table.speaking-info1-3 > tbody > tr + tr + tr > td { height: 90px; color: #333; font-weight: normal; } .speaking-info1-4 > div > div { display: block; border: 1px solid #e5e5e5; padding: 12px 20px; border-radius: 15px; } .speaking-info1-4 > div > div > h5 { display: inline-block; color: #777; } @media all and (max-width: 480px){ .speaking-info1-4 > div > div > h5 { padding-right: 60px; } } .speaking-info1-4 > div > div > h5 > span { color: #00AAF0; } .speaking-info1-4 > div > div > a { position: absolute; display: inline-block; top: 21px; right: 32px; } .speaking-info1-4 > div > div i { position: absolute; display: inline-block; color: #00AAF0; top: 13px; right: 42px; } .speaking-info2-1 { border: 1px solid #e5e5e5; height: 280px; padding: 40px; text-align: center; } .speaking-info2-1 > h6 { margin-top: 30px; text-align: center; padding: 0 40px; line-height: 1.5; font-size: 14px; color: #777; } @media (max-width:767px){ .speaking-info2-1 { padding: 30px 10px; } .speaking-info2-1 > h6 { padding: 0 10px; } } .speaking-info2-2 { border: 1px solid #e5e5e5; padding: 20px 10px; } .speaking-info2-2 > .col-sm-3 { text-align: center; } .speaking-info2-2 > .col-sm-3 > img { width: 100%; } .speaking-info2-2 > .col-sm-9 > p { margin: 0 0 5px; } .speaking-info2-2 > .col-sm-9 > p > span { font-weight: 700; color: #333; } @media (max-width:992px){ .speaking-info2-2 > .col-sm-3 > img { width: 155px; } } .speaking-info2-2 > hr { margin-top: 5px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .speaking-info2-3 { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 20px 10px; } .speaking-info2-3 > .col-xs-2 { text-align: center; } .speaking-info2-3 > .col-xs-2 > img { width: 100%; } .speaking-info2-3 > .col-xs-10 > p { margin: 0 0 5px; } .speaking-info2-3 > .col-xs-10 > p > span { font-weight: 700; color: #333; } .speaking-info2-3 > .col-xs-10 > p > span + span { margin-left: 15px; } @media (max-width:750px){ .speaking-info2-3 .col-xs-9 { margin-top: 0; } } .speaking-info2-4 > div > div { border: 1px solid #e5e5e5; padding: 20px 5px; text-align: center; } .speaking-info2-4 > div > div > div.circle1 { border: 4px solid #FA8144; display: inline-block; padding: 0 0; vertical-align: middle; text-align: center; border-radius: 105px; width: 105px; height: 105px; font-weight: bolder; } .speaking-info2-4 > div > div > div.circle2 { border: 4px solid #0DB2B8; display: inline-block; padding: 0 0; vertical-align: middle; text-align: center; border-radius: 105px; width: 105px; height: 105px; font-weight: bolder; } .speaking-info2-4 > div > div > div.circle3 { border: 4px solid #00ADEF; display: inline-block; padding: 0 0; vertical-align: middle; text-align: center; border-radius: 105px; width: 105px; height: 105px; font-weight: bolder; } .speaking-info2-4 > div > div > div > h5 { line-height: 1.1; margin-top: 40%; font-size: 14px; } .speaking-info2-4 > div > div > div > h5.mt { margin-top: 33%; } .speaking-info3-1 { border: 1px solid #e5e5e5; background-color: #FCFCFC; text-align: center; } .speaking-info3-2 > div > h1 { margin: 0; } .speaking-info3-2 > div > h4 { display: inline-block; } .speaking-info3-2 > div > a.btn-circle-tscolor { display: inline-block; margin-top: -5px; margin-left: 20px; } .speaking-info3-2 > div > ul > li { color: #777; } .speaking-info3-2 > div > ul > li > span { color: #333; font-weight: 700; } .speaking-info3-3 { border: 1px solid #CBE5EC; background-color: #FBFEFF; font-size: 13px; padding: 20px 30px; } .speaking-info3-3 > div > div.col-sm-8 { margin-top: 10px; } .speaking-info3-3 > div > div > span { color: #00ADEF; font-weight: 700; } .speaking-info3-3 > a.btn-circle-tscolor { color: #00ADEF; font-weight: 700; } .speaking-info4-1 { border: 4px solid #CBE5EC; background-color: #FBFEFF; font-size: 16px; padding: 20px 50px; border-radius: 50px; } .speaking-info4-2 { border: 1px solid #CBE5EC; background-color: #FBFEFF; font-size: 13px; padding: 20px 30px; } .speaking-info4-2 > div { float: left; position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; } .speaking-info4-2 > div:nth-of-type(1), .speaking-info4-2 > div:nth-of-type(3), .speaking-info4-2 > div:nth-of-type(5) { width: 28%; display: inline-block; padding: 0 0; vertical-align: middle; text-align: center; border-radius: 105px; height: 160px; font-weight: bolder; } .speaking-info4-2 > div:nth-of-type(1) { border: 4px solid #FA8144; } .speaking-info4-2 > div:nth-of-type(3) { border: 4px solid #0DB2B8; } .speaking-info4-2 > div:nth-of-type(5) { border: 4px solid #00ADEF; } .speaking-info4-2 > div:nth-of-type(2), .speaking-info4-2 > div:nth-of-type(4) { width: 13%; } table.grammar1-3 > tbody > tr:first-child > td { color: #333; font-weight: 700; } table.grammar1-3 > tbody > tr > td { padding-left: 10px; padding-right: 10px; } table.grammar1-3 > tbody > tr > td:first-child { background-color: #00AAF0; color: #fff; font-weight: 700; } table.grammar1-3 > tbody > tr + tr > td { color: #00AAF0; font-weight: 700; } table.grammar1-3 > tbody > tr > td.level { background-color: #F5F5F5; color: #777; font-weight: 700; } .grammar2-1 > div > img { margin-top: 10px; width: 90%; } .grammar2-1 > div > h4 { margin: 0 0 5px; font-size: 18px; } .grammar2-1 > div > p { margin-top: 0; padding-top: 0; } .lecture-info1 > div > div:nth-of-type(1) > div { border: 5px solid #00ADEF; padding: 0; vertical-align: middle; text-align: center; border-radius: 85px; width: 100%; height: 85px; font-weight: bolder; } .lecture-info1 > div > div:nth-of-type(1) > div > h2 { display: inline-block; width: 30%; color: #00ADEF; margin-top: 14px; vertical-align: top; text-align: center; } .lecture-info1 > div > div:nth-of-type(1) > div > h5 { display: inline-block; width: 60%; color: #333; margin-top: 26px; text-align: left; } .lecture-info1 > div > div:nth-of-type(1) > div > h5.two { margin-top: 14px; } .lecture-info1 > div > div:nth-of-type(2) > p { margin-top: 0; margin-bottom: 9px; font-size: 14px; line-height: 22px; text-align: left; } .lecture-info1 > div > div:nth-of-type(2) > p.two { margin-top: 10px; } .lecture-info1 > div > div:nth-of-type(2) > p.three { margin-top: 20px; } .lecture-info1 > div > div:nth-of-type(2) > p > small { display: block; font-size: 90%; color:#f60 } @media (max-width: 768px) { .lecture-info1 > div > div:nth-of-type(1) > div { border: 3px solid #00ADEF; padding: 0; vertical-align: middle; text-align: center; border-radius: 8px; width: 100%; height: 50px; font-weight: bolder; } .lecture-info1 > div > div:nth-of-type(1) > div > h5, .lecture-info1 > div > div:nth-of-type(1) > div > h5.two { width: 100%; color: #333; margin-top: 10px; text-align: center; } .lecture-info1 > div > div:nth-of-type(2) { margin-top: 8px; } .lecture-info1 > div > div:nth-of-type(2) > p, .lecture-info1 > div > div:nth-of-type(2) > p.two, .lecture-info1 > div > div:nth-of-type(2) > p.three { margin-top: 0; } } .lecture-info1 > div.col-sm-3 > div { border: 5px solid #00ADEF; padding: 0; vertical-align: middle; text-align: center; border-radius: 85px; width: 100%; height: 85px; font-weight: bolder; } .lecture-info1 > div.col-sm-3 > div > h2 { display: inline-block; width: 30%; color: #00ADEF; margin-top: 14px; vertical-align: top; text-align: center; } .lecture-info1 > div.col-sm-3 > div > h5 { display: inline-block; width: 60%; color: #333; margin-top: 26px; text-align: left; } .lecture-info1 > div.col-sm-3 > div > h5.two { margin-top: 14px; } .lecture-info1 > div.col-sm-9 > p { margin-top: 0; margin-bottom: 9px; font-size: 14px; line-height: 22px; text-align: left; } .lecture-info1 > div.col-sm-9 > p.two { margin-top: 10px; } .lecture-info1 > div.col-sm-9 > p.three { margin-top: 20px; } .lecture-info1 > div.col-sm-9 > p > small { display: block; font-size: 90%; color:#f60 } @media (max-width: 767px) { .lecture-info1 > div.col-sm-3, .lecture-info1 > div.col-sm-9 { margin-bottom: 15px; } .lecture-info1 > div.col-sm-9 > p, .lecture-info1 > div.col-sm-9 > p.two, .lecture-info1 > div.col-sm-9 > p.three { margin-top: 0; } } .warning-email { font-size: 13px; padding: 20px; } .warning-email > i { display: inline-block; vertical-align: top; } .warning-email > h5 { display: inline-block; margin: 3px 0 0 5px; } .warning-email > p { margin: 10px 0 0; line-height: 1.7 } /* ############################## 수업료 및 수강신청 ############################## */ em.lecture-event { font-size: 13px; color: #FF6600; font-weight: 600; background-color: #FFFBE8; border: 1px solid #FCBE86; padding: 4px 7px; font-style: normal; border-radius: 3px; } .class-step-area > li { float: left; position: relative; min-height: 1px; padding: 15px 5px; width: 23.875%; text-align: center; font-size: 14px; font-weight: bolder; letter-spacing: -1px; color: #999999; background-color: #FCFCFC; border: 1px solid #DDDDDD; border-radius: 8px; } .class-step-area > li + li { margin-left: 1.5%; } .class-step-area > li.on { color: #FFFFFF; background-color: #00AAF0; border: 1px solid #00AAF0; } @media (max-width: 767px) { .class-step-area > li { width: 49%; margin-left: 0; } .class-step-area > li + li { margin-left: 2%; } .class-step-area > li + li + li { margin-top: 6px; margin-left: 0; } .class-step-area > li + li + li + li { margin-top: 6px; margin-left: 2%; } } /* ============ 코멘트 박스 ============ */ .class-info1, .class-info2 { border: 1px solid #DDDDDD; background-color: #FFFFFF; font-size: 14px; padding: 20px 20px; } .class-info1 > h5, .class-info2 > h5 { display: inline-block; margin: 3px 0 0 5px; color: #333333; font-size: 17px; letter-spacing: -1px; } .class-info1 > h5 > i, .class-info2 > h5 > i { display: inline-block; font-size: 22px; color: #00AAF0; margin-right: 10px; } .class-info1 > p, .class-info2 > p { margin: 6px 0 0 34px; color: #999999; } .class-info1 > p > span, .class-info2 > p > span { color: #FF6600; } .class-info1 > p.text-talk, .class-info2 > p.text-talk { color: #00ADEF; font-weight: 500; } .class-info1 > p.text-talk > span, .class-info2 > p.text-talk > span { color: #00ADEF; font-weight:700; } @media (max-width: 767px) { .class-info1 > h5, .class-info2 > h5 { font-size: 18px; letter-spacing: 0; } .class-info1 > p { display: none; } .class-info2 > p { display: block; } } .class-info3 { border: 1px solid #DDDDDD; background-color: #FFFFFF; font-size: 14px; padding: 15px; } .class-info3 > h5 { display: inline-block; margin: 3px 0 0 5px; color: #333333; font-size: 17px; letter-spacing: -1px; } .class-info3 > h5 > i { display: inline-block; font-size: 22px; color: #00AAF0; margin-right: 10px; } .class-info3 > ul > li { margin: 3px 0; color: #555555; } .class-info3 > ul > li > span { color: #333333; font-weight: 600; } .community-event1 { border: 2px solid #8A3DA3; background-color: #FFFFFF; font-size: 14px; padding: 10px 15px; } .community-event1 > div > p { color: #555555; } .community-event1 > div > p > span { color: #FF3366; font-weight: 700; } .community-event1 > div > img { width: 50%; } .community-event1 > div > img.layout { width: 88%; } .community-event1 > div + div { text-align: right; } @media (max-width: 768px) { .community-event1 > div > p { text-align: center; } .community-event1 > div > img { max-width: 120px; } .community-event1 > div + div { text-align: center; } .community-event1 > div > .btn { margin-top: 0; margin-bottom: 6px; } } .speaking5-box1 > div { float: left; position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; width: 33.3333333333333%; } .speaking5-box1 > div > div { border: 1px solid #E7E7E7; background-color: #F7F7F7; text-align: center; padding: 30px 5px; } .speaking5-box1 > div > div > h3 { margin: 0; padding: 0; font-size: 21px; color: #000000; } .speaking5-box1 > div > div > h3 > span.point1 { color: #FF1100; text-decoration: line-through; } .speaking5-box1 > div > div > h3 > span.point2 { color: #00AAF0 } .speaking5-box1 > div > div > p > i { margin: 12px 0; color: #CCCCCC; } .speaking5-box1 > div > h5 { text-align: center; } @media (max-width: 768px) { .speaking5-box1 > div { width: 100%; } .speaking5-box1 > div > div { padding: 20px 5px; } .speaking5-box1 > div > div > p > i { margin: 0 0; } .speaking5-box1 > div > h5 { margin-bottom: 30px; } } .speaking5-box2 > div { float: left; position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; width: 33.3333333333333%; } .speaking5-box2 > div > div { border: 2px solid #E7E7E7; background-color: #FFFFFF; text-align: center; padding: 20px 15px 10px; -webkit-border-radius: 5px; border-radius: 5px; } .speaking5-box2 > div > .quiz-active { border: 2px solid #00AAF0; } .speaking5-box2 > div > .quiz-active > h5 { color: #00AAF0; } .speaking5-box2 > div > div > img {width: 55%; } @media (max-width: 768px) { .speaking5-box2 > div { padding-right: 1px; padding-left: 1px; } /* .speaking5-box2 > div { width: 100%; } */ .speaking5-box2 > div > div { border: 2px solid #E7E7E7; padding: 10px 5px; } .speaking5-box2 > div > .quiz-active { border: 2px solid #00AAF0; } .speaking5-box2 > div > div > img { width: 100%; } .speaking5-box2 > div > div > p > i { margin: 0 0; } .speaking5-box2 > div > div > h5 { margin: 5px 0 0; line-height: 14px; font-size: 14px; } } .class-help-info1 > h5 { display: inline-block; margin: 3px 0 0 5px; color: #00ADEF; font-size: 19px; letter-spacing: -1px; } .class-help-info1 > p { color: #666666; margin: 3px 0; } .class-help-info1 > p.sub { color: #999999; margin: 3px 0 0 15px; } .class-help-info1 > p.sub-br { color: #999999; padding-left: 25px; } /* ============ 소문내기 이벤트 박스 ============ */ .class-display { display: inline-block; padding: 20px; background-color: #FFFEF9; border: 2px solid #FF6600; border-radius: 10px; width: 100%; } .class-display > div { float: left; position: relative; min-height: 1px; width: 100%; } .class-display > div { padding-left: 0; padding-right: 15px; } .class-display > div + div { padding-left: 15px; padding-right: 0; } .class-display > div > .event-title > h1 { float: left; position: relative; font-size: 48px; margin: 0 8px 0 0; padding: 0; } .class-display > div > .event-title > h5 { float: left; position: relative; font-size: 16px; color: #333333; letter-spacing: -1px; margin-top: 18px; } .class-display > div > .event-title > h5 > small { font-size: 14px; font-weight: normal; color: #666666; clear:both; display: block; margin-bottom: 3px; letter-spacing: 0; margin-top: 5px; } .class-display > div > .event-title > h5 > span { color: #FFFFFF; background-color: #FF6600; padding: 3px 4px; } .class-display > div > .event-title > h5 > small > span { color: #FF6600; } @media (max-width: 767px) { .class-display > div, .class-display > div + div { width: 100%; padding: 0; } .class-display > div > .event-title > h1 { margin: 0 4px 0 0; padding: 0; } .class-display > div > .event-title > h5 { font-size: 14px; margin-top: 20px; } } .class-display > div > table > thead { border-top: 2px solid #FF6600; } .class-display > div > table > thead > tr > th { font-size: 13px; border-bottom: 1px solid #FF6600; font-weight: 700; color: #FF6600; } .class-display > div > table > tbody { border-bottom: 1px solid #DDDDDD; } .class-display > div > table > tbody > tr > td, .class-display > div > table > tbody > tr > td > label { font-size: 13px; color: #666666; font-weight: 600; letter-spacing: -1px; } .class-display > div > table > tbody > tr > td > label.sale { color: #AAAAAA; text-decoration: line-through; } .table-display > table > thead { border-top: 2px solid #00AAF0; } .table-display > table > thead > tr > th { font-size: 13px; border-bottom: 1px solid #00AAF0; font-weight: 700; color: #00AAF0; } .table-display > table > tbody { border-bottom: 1px solid #DDDDDD; } .table-display > table > tbody > tr > td, .table-display > table > tbody > tr > td > label { font-size: 13px; color: #666666; font-weight: 600; letter-spacing: -1px; } .table-display > table > tbody > tr > td > label.sale { color: #AAAAAA; text-decoration: line-through; } .table-display > table > tbody > tr + tr > td.first-border, .class-display > div > table > tbody > tr + tr > td.first-border { border-left: 1px solid #DDDDDD; } /* ================== 선택 결과 표시 ================== */ .choose-result { display: inline-block; padding: 0; background-color: #FAFAFA; border-top: 1px solid #DDDDDD; width: 100%; } .choose-result > div { float: left; position: relative; min-height: 1px; width: 50%; padding: 10px; background-color: transparent; } .choose-result > div > table { border: 2px solid #00AAF0; background-color: #FFFFFF; } .choose-result > div > table > tbody > tr > td { font-size: 12px; color: #00AAF0; font-weight: 600; text-align: left; } .choose-result > div > table > tbody > tr > td + td { font-size: 14px; color: #666666; font-weight: 500; padding-left: 2px; padding-right: 2px; } .choose-result > div > table > tbody > tr:last-child > td + td { font-size: 18px; font-weight: 600; color: #333333; } .choose-result > div > table > tbody > tr:last-child > td:last-child { padding: 0; text-align: center; background-color: #00AAF0; } .choose-result > div > table > tbody > tr:last-child > td:last-child > button { padding: 0; border: 0; text-align: center; color: #FFFFFF; background-color: transparent; width: 100%; height: 100%; } .choose-result > div > table > tbody > tr:last-child > td:last-child > button > i { font-size: 26px; } @media (max-width: 767px) { .choose-result > div { float: none; width: 100%; padding: 15px 10px 0; } } /* ############################## 수업료 및 수강신청 ############################## */ /* ========================== 신청 수강정보 테이블 ========================== */ .table-order-list > table > thead { border-top: 2px solid #666666; background-color: #FCFCFC; } .table-order-list > table > thead > tr > th { font-size: 14px; border-bottom: 1px solid #666666; font-weight: 700; color: #666666; } .table-order-list > table > tbody { border-bottom: 1px solid #DDDDDD; } .table-order-list > table > tbody > tr > td { font-size: 14px; color: #666666; font-weight: 600; } .table-order-list > table > tbody > tr > td:first-child { font-size: 12px; } .table-order-list > table > tbody > tr > td:first-child > h5 { font-size: 14px; color: #333333; } .table-order-list > table > tbody > tr > td:last-child { color: #00AAF0; } .table-order-list > table > tbody > tr:last-child > td { color: #00AAF0; font-size: 16px; font-weight: 600; } .table-order-list > table > tbody > tr:last-child > td:last-child { background-color: #00AAF0; color: #FFFFFF; font-size: 24px; font-weight: 700; } .table-order-list > table > tbody > tr:last-child > td:last-child > small { font-size: 14px; font-weight: 600; } .table-classsc-list > table > thead { border-top: 2px solid #666666; } .table-classsc-list > table > thead > tr > th { font-size: 14px; border-bottom: 1px solid #666666; font-weight: 700; color: #666666; } .table-classsc-list > table > tbody { border-bottom: 1px solid #DDDDDD; } .table-classsc-list > table > tbody > tr > td { font-size: 14px; color: #666666; font-weight: 600; padding: 3px 6px; } .table-classsc-list > table > tbody > tr > td:nth-child(1) { font-size: 12px; } .table-classsc-list > table > tbody > tr > td:nth-child(1) > h5 { font-size: 14px; color: #333333; padding: 0; margin: 0; } .table-classsc-list > table > tbody > tr > td:nth-child(3) { color: #00AAF0; } .table-classsc-list > table > tbody > tr > td:nth-child(4), .table-classsc-list > table > tbody > tr > td:nth-child(5) { color: #333333; } .table-classsc-list > table > tbody > tr > td > img { width: 100%; } .table-classsc-list > table > tbody > tr > td:last-child { color: #FF1100; font-weight: 600; } .table-classsc-list > table > tbody > tr > td:last-child > span { color: #AAAAAA; text-decoration: line-through; font-weight: normal; } @media (max-width: 767px) { .table-order-list > table > thead > tr > th, .table-order-list > table > tbody > tr > td, .table-order-list > table > tbody > tr > td:first-child > h5 { font-size: 13px; } .table-order-list > table > tbody > tr:last-child > td { font-size: 14px; } .table-order-list > table > tbody > tr:last-child > td:last-child { font-size: 18px; } } /* ================== 강사로 조회 ================== */ .order-tutor-list { display: inline-block; padding: 0; width: 100%; } .order-tutor-list > div { float: left; position: relative; min-height: 1px; width: 50%; margin-top: -1px; } .order-tutor-list > div:nth-child(odd) { padding: 0 6px 0 0; } .order-tutor-list > div:nth-child(even) { padding: 0 0 0 6px; } .order-tutor-list > div > table { border: 1px solid #DDDDDD; background-color: #FFFFFF; } .order-tutor-list > div > table > tbody > tr > td { font-size: 14px; color: #666666; font-weight: 600; text-align: left; } .order-tutor-list > div > table > tbody > tr > td + td > span { color: #aaaaaa; font-weight: normal; padding-left: 10px; padding-right: 10px; text-align: left; } .order-tutor-list > div > table > tbody > tr > td + td > a > i { font-size: 18px; color: #FF3366; } .order-tutor-list > div > table > tbody > tr > td:last-child { text-align: right; } .order-tutor-list > div > table > tbody > tr > td:last-child > a { padding: 8px 12px; color:#666666; background-color: transparent; border: 1px solid #AAAAAA; text-align: center; font-size: 13px; font-weight: 700; border-radius: 4px; } .order-tutor-list > div > table > tbody > tr > td:last-child > a:hover, .order-tutor-list > div > table > tbody > tr > td:last-child > a:focus, .order-tutor-list > div > table > tbody > tr > td:last-child > a:active { color:#555555; background-color:#FAFAFA; border-color:#A0A0A0; text-decoration: none; } .order-tutor-list > div > table > tbody > tr > td:last-child > a:active { background-image:none } .order-tutor-list > div > table > tbody > tr > td:last-child > a > i { font-size: 14px; margin-left: 8px; } .order-lettutor-list > div { float: left; position: relative; min-height: 1px; width: 50%; margin-bottom: 8px; } .order-lettutor-list > div:nth-child(odd) { padding: 0 6px 0 0; } .order-lettutor-list > div:nth-child(even) { padding: 0 0 0 6px; } .order-lettutor-list > div > table { border: 2px solid #00AAF0; } .order-lettutor-list > div > table > tbody > tr > td { font-size: 14px; color: #666666; font-weight: 600; text-align: left; } .order-lettutor-list > div > table > tbody > tr > td + td > h5 { color: #00AAF0; font-weight: 700; padding: 0; margin: 0; font-size: 14px; } .order-lettutor-list > div > table > tbody > tr > td + td > span { color: #aaaaaa; font-weight: normal; padding-left: 10px; padding-right: 10px; text-align: left; } .order-lettutor-list > div > table > tbody > tr > td + td > i { font-size: 18px; color: #FF3366; } .order-lettutor-list > div > table > tbody > tr > td:last-child { text-align: right; } .order-lettutor-list > div > table > tbody > tr > td:last-child > a { padding: 8px 12px; color:#fff; background-color:#00AAF0; border: 1px solid #0099CC; text-align: center; font-size: 13px; font-weight: 700; border-radius: 4px; } .order-lettutor-list > div > table > tbody > tr > td:last-child > a:hover, .order-lettutor-list > div > table > tbody > tr > td:last-child > a:focus, .order-lettutor-list > div > table > tbody > tr > td:last-child > a:active { color:#fff; background-color:#0099CC; border-color:#008CBA; text-decoration: none; } .order-lettutor-list > div > table > tbody > tr > td:last-child > a:active { background-image:none } .order-lettutor-list > div > table > tbody > tr > td:last-child > a > i { font-size: 14px; margin-left: 8px; } @media (max-width: 767px) { .order-tutor-list > div, .order-lettutor-list > div { float: none; width: 100%; } .order-tutor-list > div:nth-child(odd), .order-lettutor-list > div:nth-child(odd) { padding: 0; } .order-tutor-list > div:nth-child(even), .order-lettutor-list > div:nth-child(even) { padding: 0; } } .order-lettutor-list > div.no-lat-tutor { float: left; position: relative; min-height: 1px; width: 100%; margin-bottom: 8px; border: 2px solid #00AAF0; text-align: center; padding: 18px; font-size: 14px; color: #666666; font-weight: 600; } .order-choise-sctype { float: left; position: relative; min-height: 1px; width: 100%; padding: 20px; margin-bottom: 8px; border: 2px solid #00AAF0; background-color: #FFFFFF; } .order-choise-recom { float: left; position: relative; min-height: 1px; width: 100%; padding: 20px; margin-bottom: 8px; border: 2px solid #FCBE86; background-color: #FFFBE8; } .order-choise-time { float: left; position: relative; min-height: 1px; width: 100%; padding: 20px; margin-bottom: 8px; border: 1px solid #CCCCCC; background-color: #FCFCFC; } .order-choise-time button, .order-choise-recom button { padding: 9px 20px; font-weight: 700; border-radius: 0; background-color: #666666; border: 1px solid #555555; color: #FFFFFF; } .order-choise-time button:hover, .order-choise-time button:focus, .order-choise-time button:active, .order-choise-time button.active, .order-choise-recom button:hover, .order-choise-recom button:focus, .order-choise-recom button:active, .order-choise-recom button.active { color:#FFFFFF; border: 1px solid #444444; background-color: #555555; } .order-choise-time button.choise-time2 { display: none; } @media (max-width: 767px) { .order-choise-time button, .order-choise-recom button { padding: 9px 12px; } /* .order-choise-time button.choise-time1 { display: none; } .order-choise-time button.choise-time2 { display: block; } */ } /* ========================== LAT 신청 ========================== */ .let-sub-title{ margin-top: 10px; margin-bottom: 20px; border-bottom: 2px solid #666666; } .let-sub-title > h4{ font-size: 18px; color: #333333; } .let-sub-title > h4 > span { color: #00AAF0; } .let-sub-title > h4 > small { float: right; font-size: 15px; color: #999999; margin-top: 8px; } .let-sub-title > h4 > small > em { color: #FF6600; font-style: normal; } .let-step-container { margin-left: -5px; margin-right: -5px; } .let-step-container > div { float: left; position: relative; width: 25%; min-height: 1px; padding-right: 5px; padding-left: 5px; } .let-step-container > div > div { border: 2px solid #DDDDDD; border-radius: 10px; text-align: center; padding: 7px 15px; } .let-step-container > div > div > h3 { font-size: 18px; color: #999999; margin: 0 0 10px; padding: 0 0 7px; border-bottom: 1px solid #DDDDDD; } .let-step-container > div > div > p { font-size: 14px; font-weight: 700; color: #999999; } .let-step-container > div > div.focus { border: 2px solid #01AAED; } .let-step-container > div > div.focus > h3 { color: #01AAED; border-bottom: 1px solid #01AAED; } .let-step-container > div > div.focus > p { color: #333333; } @media (max-width: 480px) { .let-step-container > div { width: 100%; margin-bottom: 10px; } } .let-time-list { padding: 0; } .let-time-list > div:before, .let-time-list > div:after { display: table; content: " "; } .let-time-list > div:after { clear: both; } .let-time-list > div:before, .let-time-list > div:after { display: table; content: " "; } .let-time-list > div:after { clear: both; } .let-time-list > div { margin-bottom: 15px; } .let-time-list > div > div { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .let-time-list > div > div:first-child { width: 70%; font-size: 15px; font-weight: 600; color: #444444; margin-top: 6px; } .let-time-list > div > div:first-child > span { color: #00AAF0; } .let-time-list > div > div:last-child { width: 30%; text-align: right; } .let-time-list > div > div:last-child > a { padding: 7px 10px 7px 15px; font-weight: 600; } .let-time-list > div > div:last-child > a > i { margin-left: 10px; } @media (max-width: 480px) { .let-time-list > div > div:first-child { width: 100%; text-align: center; } .let-time-list > div > div:last-child { width: 100%; text-align: center; margin-top: 14px; } .let-time-list > div > div:last-child > a { padding: 10px 20px 10px 25px; } .let-time-list > div > div:last-child > a > i { margin-left: 15px; } } /* ========================== LAT 신청 ========================== */ /* ========================== 결제 정보입력 테이블 ========================== */ .table-order-decision > table > tbody { border-top: 2px solid #666666; border-bottom: 1px solid #DDDDDD; } .table-order-decision > table > tbody > tr > th { font-size: 14px; background-color: #FCFCFC; font-weight: 600; color: #666666; } .table-order-decision > table > tbody > tr > td { font-size: 12px; color: #666666; text-align: left; } .table-order-decision > table > tbody > tr > td label > span { font-size: 12px; color: #333333; } .table-order-decision > table > tbody > tr > td a { font-size: 12px; } /* ######################################## 고객센터 / 커뮤니티 ############################################## */ .community-header-category { margin: 0; padding: 0; } .community-header-category > li { display: inline-block; margin-top: 5px; } .community-header-category > li > a { display: inline-block; position:relative; min-height: 1px; padding: 9px 15px; text-align: center; font-size: 14px; font-weight: bolder; color: #666666; background-color: #FCFCFC; border: 1px solid #DDDDDD; border-radius: 4px; } .community-header-category > li > a:hover { color: #333333; background-color: #FAFAFA; text-decoration: none; } .community-header-category > li + li { margin-left: 1px; } .community-header-category > li.active > a { color: #FFFFFF; background-color: #00AAF0; border: 1px solid #00AAF0; } .community-header-category > li.active > a:hover { background-color: #00AAF0; } @media (max-width: 767px) { .community-header-category > li > a { padding: 9px 12px; } } .community-header { margin-left: -5px; margin-right: -5px; } @media (max-width: 767px) { .community-header { margin-left: 0; margin-right: 0; } } .community-header > div:first-child > p { margin-top: 15px; margin-bottom: 0; } .community-header > div:last-child > div > div:last-child > div > .input-group-btn > .btn { padding: 9px; } .community-header > div:last-child > div > div:last-child > div > .input-group-btn > .btn:first-child { background-color: #EEEEEE; } .community-header > div:last-child > div > div:last-child > div > .input-group-btn > .btn > i { font-size: 18px; margin-left: 3px; margin-left: 3px; } .community-review > table > thead, .community-notice > table > thead { border-top: 2px solid #666666; } .community-review > table > thead > tr > th, .community-notice > table > thead > tr > th { font-size: 14px; font-weight: 600; color: #666666; border-bottom: 1px solid #666666; } .community-review.talk-color > table > thead, .community-notice.talk-color > table > thead { border-top: 2px solid #00AAF0; } .community-review.talk-color > table > thead > tr > th, .community-notice.talk-color > table > thead > tr > th { border-bottom: 1px solid #00AAF0; } .community-review.talk-color > table > tbody > tr > td:last-child > button, .community-notice.talk-color > table > tbody > tr > td:last-child > button { padding: 7px 10px; font-weight: 600; font-size: 12px; } .community-notice.talk-color > table > tbody > tr > td:last-child > button > i { margin-left: 10px; } @media (max-width: 767px) { .community-notice.talk-color > table > tbody > tr > td:last-child > button { padding: 5px 7px; font-weight: 600; font-size: 12px; } } .community-review > table > tbody > tr > td, .community-notice > table > tbody > tr > td { font-size: 14px; } .community-review > table > tbody > tr > td > img.b-picture, .community-review > table > tbody > tr > td > a > img.b-picture, .community-notice > table > tbody > tr > td > img.b-picture, .community-notice > table > tbody > tr > td > a > img.b-picture { width: 36px; border-radius: 50px; border: 1px solid #CCCCCC; } .community-notice > table > tbody > tr > td > a { font-weight: 600; color: #666666; } .community-notice > table > tbody > tr > td > span.label, .community-notice > table > tbody > tr > td > a > span.label { font-size: 10px; padding: 2px 4px; } .community-notice > table > tbody > tr > td > span.label-reply, .community-notice > table > tbody > tr > td > a > span.label-reply { font-size: 10px; padding: 2px 4px; background-color: #FF6600; } .community-notice > table > tbody > tr > td > span.label-new, .community-notice > table > tbody > tr > td > a > span.label-new { margin-left: 8px; padding: 1px 4px; border: 1px solid #D64E02; background-color: #FF6600; } .community-notice > table > tbody > tr > td > span.admin-name, .community-notice > table > tbody > tr > td > a > span.admin-name { font-size: 11px; font-weight: 800; color: #00AAF0; } .community-notice > table > tbody > tr > td > span.default-name, .community-notice > table > tbody > tr > td > a > span.default-name { font-weight: 600; color: #FF6600; } .community-notice > table > tbody > tr > td > a > span.keyword { font-weight: 700; background-color: #A2E4FF; color: #000000; padding: 2px 0; } @media (max-width: 767px) { .community-review > table > thead > tr > th:nth-of-type(4), .community-review > table > tbody > tr > td:nth-of-type(4), .community-review > table > thead > tr > th:nth-of-type(5), .community-review > table > tbody > tr > td:nth-of-type(5) { display: none; } } .com-tstutor > table > thead { border-top: 2px solid #666666; } .com-tstutor > table > thead > tr > th { font-size: 14px; font-weight: 600; color: #666666; border-bottom: 1px solid #666666; } .com-tstutor > table > tbody > tr > td { font-size: 14px; } .com-tstutor > table > tbody > tr > td > img.b-picture, .com-tstutor > table > tbody > tr > td > a > img.b-picture { width: 36px; border-radius: 50px; border: 1px solid #CCCCCC; } .com-tstutor > table > tbody > tr > td:nth-of-type(1) { font-weight: 700; color: #111111; font-size: 12px; } .com-tstutor > table > tbody > tr > td:nth-of-type(2) > i { color: #FF3366; font-size: 19px; } .com-tstutor > table > tbody > tr > td:nth-of-type(3) > i { color: #FF3366; } /* ################# 후기 상단 강사평가 ################# */ .tutor-review > table > thead { border-top: 2px solid #666666; } .tutor-review > table > thead > tr > th { font-size: 16px; font-weight: 600; color: #333333; border-bottom: 1px solid #AAAAAA; background-color: #FCFCFC; } .tutor-review > table > tbody > tr > td { color: #333333; font-size: 16px; } .tutor-review > table > tbody > tr > td > i { color: #FF3366; font-size: 24px; } @media (max-width: 767px) { .tutor-review > table > tbody > tr > td > a > img { min-width: 50px; } .tutor-review > table > thead > tr > th, .tutor-review > table > tbody > tr > td { font-size: 14px; } .tutor-review > table > tbody > tr > td > i { font-size: 20px; } } /* =================== Q&A 게시판 =================== */ .community-notice > table.qna-list > tbody > tr > td { padding-top: 5px; padding-bottom: 5px; } .community-notice > table.qna-list > tbody > tr > td:nth-child(2) { text-align: left; } .community-notice > table.qna-list > tbody > tr > td:nth-child(2) > a { font-weight: normal; } .community-notice > table.qna-list > tbody > tr > td:nth-child(2) > a > big { font-size: 16px; font-weight: 700; color: #333333; margin-right: 5px; } .community-notice > table.qna-list > tbody > tr > td:nth-child(3) { color: #666666; font-size: 12px; } .community-notice > table.qna-list > tbody > tr > td:nth-child(4) { color: #999999; font-size: 12px; } .community-notice > table.qna-list > tbody > tr > td:last-child > a { padding: 6px 10px; font-weight: normal; } .community-notice > table.qna-list > tbody > tr > td:last-child > a.btn-process-y { color: #00aaf0; background-color: transparent; } .community-notice > table.qna-list > tbody > tr > td:last-child > a.btn-process-n { color: #FF6600; background-color: transparent; } .community-shot-review > .review-title > h3 { float: left; } .community-shot-review > .review-title > p { float: right; margin-top: 20px; } @media (max-width: 767px) { .community-shot-review > .review-title > h3 { float: none; } .community-shot-review > .review-title > p { float: none; margin: 0 0 10px 0; text-align: center; } } .community-shot-review > ul { border-top: 2px solid #666666; } .community-shot-review > ul > li { display: block; width: 100%; border-bottom: 1px solid #DDDDDD; margin: 0; } .community-shot-review > ul > li > dl { display: table; margin: 0; padding: 0; width: 100%; } .community-shot-review > ul > li > dl > dt, .community-shot-review > ul > li > dl > dd { float: left; position: relative; min-height: 1px; margin: 0; padding: 0; } /* .community-shot-review > ul > li > dl > dt:nth-child(1) { width: 17%; padding-left: 10px; padding-right: 10px; background-color: #EEEEEE; } .community-shot-review > ul > li > dl > dd:nth-child(2) { width: 68%; padding-left: 10px; padding-right: 10px; background-color: #DDDDDD; } .community-shot-review > ul > li > dl > dd:nth-child(3) { width: 15%; background-color: #CCCCCC; } */ .community-shot-review > ul > li > dl > dd { width: 100%; padding: 10px; } .community-shot-review > ul > li > dl > dd > p { margin: 0; padding: 0; } .community-shot-review > ul > li > dl > dd > p:nth-child(1) { font-size: 12px; color: #999999; } .community-shot-review > ul > li > dl > dd > p:nth-child(1) > span:nth-child(1) { color: #00AAF0; font-weight: 700; } .community-shot-review > ul > li > dl > dd > p:nth-child(1) > span + span { color: #DDDDDD; font-weight: normal; padding-left: 10px; padding-right: 10px; } .community-shot-review > ul > li > dl > dd > p:nth-child(1) > span:nth-child(3) { color: #333333; font-weight: 700; padding: 0; } .community-shot-review > ul > li > dl > dd > p:nth-child(2) { font-size: 14px; margin-top: 5px; } .community-shot-review > ul > li > dl > dd > p:nth-child(2) > a { font-weight: 700; color: #333; text-decoration:underline; } .community-shot-review > ul > li > dl > dd > p:nth-child(2) > span.label-new { margin-left: 8px; padding: 1px 4px; border: 1px solid #D64E02; background-color: #FF6600; } .community-shot-review > ul > li > dl > dd > p:nth-child(3) { font-size: 14px; color: #666666; margin-top: 0; } .community-shot-review > ul > li > dl > dd > p:nth-child(3) > a { padding: 3px 6px; font-size: 11px; margin-left: 20px; } .manager-info { display: flex; } .manager-info .manager-info--left { margin-right: 10px; flex-grow: 1; } .manager-info .manager-info--right { text-align: center; } .manager-info .manager-info--right .manager-img { max-width: 140px; margin: 0 auto; border-radius: 50%; box-shadow: 0 1px 3px 0px #bdbdbd; margin-bottom: 10px; } .manager-info .manager-info--right .manager-img a { display: block; } .manager-info .manager-info--right .manager-img a img { width: 100%; } .manager-info .manager-info--right .manager-txt { font-size: 22px; font-weight: 700; } @media(max-width: 769px) { .manager-info { flex-direction: column; } } /* ######################################## 고객센터 / 커뮤니티 ############################################## */ .btn-calendar > div > a:focus { outline:0 } .btn-calendar > a, .btn-calendar > button, .btn-calendar > div > a, .btn-calendar > div > button { margin: 0; padding: 3px 4px; font-size: 12px; font-weight: 600; border-radius: 2px; } .btn-calendar > div > ul { float:left; display:none; position:absolute; z-index:1000; top:100%; left:0; min-width: 100px; padding: 0 0; margin:2px 0 0; list-style:none; font-size:14px; background-color:#fff; } .btn-calendar > div > ul.dropdown-menu-right { left:auto; right:0 } .btn-calendar > div > ul > li { border-bottom: 1px solid #EEEEEE; } .btn-calendar > div > ul > li:last-child { border-bottom: 0; } .btn-calendar > div > ul > li.dropdown-header { border-bottom: 0; padding: 0; margin: 0; } .btn-calendar > div > ul > li > a { display:block; clear:both; padding: 5px 10px; font-weight: 600; line-height:1.42857143; color:#333; text-align: center; } .btn-calendar > div > ul > li > a:hover, .btn-calendar > div > ul > li > a:focus { text-decoration:none; color:#FFFFFF; background-color:#00AAF0; border: 0; outline: 0; } /* ######################################## 마이페이지 ############################################## */ /* ######################################## 선생님 사랑해요 ######################################## */ .tutor-hart-title > h1 { float: left; } .tutor-hart-title > a { float: right; margin-top: 58px; font-size: 14px; font-weight: 700; color: #666666; background-color: #FFFFFF; padding-left: 20px; padding-right: 14px; box-shadow:1px 1px 2px #ECECEC; } .tutor-hart-title > a > i { margin-left: 16px; font-size: 18px; } .tutor-hart-btn { display: none; } @media all and (max-width: 992px){ .main-title > h1 { float: none; } .tutor-hart-title > a { display: none; } .tutor-hart-btn { display: block; text-align: center; margin-bottom: 30px; } .tutor-hart-btn > a { margin-top: 10px; font-size: 14px; font-weight: 700; color: #666666; background-color: #FFFFFF; padding-left: 20px; padding-right: 14px; box-shadow:1px 1px 2px #ECECEC; } .tutor-hart-btn > a > i { margin-left: 16px; font-size: 18px; } } .cscenter-info1-1 > div > img { margin-top: 5px; width: 90%; } .cscenter-info1-1 > div > h4 { margin: 0 0 5px; font-size: 18px; } .cscenter-info1-1 > div > p { margin-top: 0; padding-top: 0; } .cscenter-info1-2 > div > h4, .cscenter-info1-2 > div > p { display: inline-block; margin: 0 20px; } .community2-1 { display: block; background-color: #FAFAFA; } .community-hart { position: absolute; z-index: 10; display: block; width: 207px; height: 184px; background: url('../images/06.community/img_6200_02_1.png') no-repeat 0 0; } .community-hart > img { position: absolute; z-index: 11; width: 100%; bottom: 0; } .community-hart > div { position: absolute; z-index: 12; width: 207px; height: 184px; background: url('../images/06.community/img_6200_02_3.png') no-repeat 0 0; text-align: center; } .community-hart > div > h1 { color: #fff; text-align: center; font-weight: 900; font-size: 38px; margin: 52px 0 0; padding: 0; } .community-hart > div > p { color: #fff; font-size: 16px; font-weight: 700; margin: -12px 0 0; padding: 0; text-align: center; } .tutor-hart-panel { display: inline-block; width: 100%; height: auto; padding: 30px 25px 25px; background-color: #FFFBF3; } .tutor-hart-panel > div { float: left; position: relative; min-height: 1px; padding: 0; } .tutor-hart-panel > div:first-child { width: 70%; background: url("../images/common/tutor_hart_3badge.png") no-repeat 100% 100%; } .tutor-hart-panel > div:last-child { width: 30%; } .tutor-hart-panel > div > h6 { font-size: 18px; color: #666666; margin: 0; padding: 0; } .tutor-hart-panel > div > h1 { font-size: 40px; color: #333333; margin: 0; padding: 0; line-height: 46px; letter-spacing: -2px; } .tutor-hart-panel > div > h1 > span { color: #FA406E; } .tutor-hart-panel > div > p { margin: 15px 0 0; font-size: 14px; color: #999999; font-weight: 600; } .tutor-hart-panel > div > p:last-child { margin: 15px 0 0; font-size: 12px; color: #FA406E; } .tutor-hart-panel > div + div > h5 { margin: 20px 0 0; font-size: 20px; color: #FF3366; text-align: center; padding: 0; } .tutor-hart-panel > div + div > h5 > small { display: block; margin: 10px 0 0; font-size: 14px; color: #666666; font-weight: 700; } .tutor-hart-panel > div + div > p { text-align: center; margin-top: 6px; } .tutor-hart-panel > div + div > h6 { margin: 5px 0 0; font-size: 14px; color: #666666; text-align: center; padding: 0; } @media (max-width: 768px) { .tutor-hart-panel > div:first-child { float: none; width: 100%; } .tutor-hart-panel > div:last-child { float: none; width: 100%; margin-top: 35px; } } @media (max-width: 480px) { .tutor-hart-panel { padding: 30px 15px 25px; } .tutor-hart-panel > div:first-child { background: url("../images/common/tutor_hart_3badge_s.png") no-repeat 100% 100%; } .tutor-hart-panel > div > h6 { font-size: 16px; text-align: center; } .tutor-hart-panel > div > h1 { font-size: 32px; text-align: center; line-height: 40px; } .tutor-hart-panel > div > h1 > span { color: #FA406E; } .tutor-hart-panel > div > p { font-size: 13px } .tutor-hart-panel > div > p > span { clear: both; display: block; } .tutor-hart-panel > div > p:last-child { margin: 15px 0 0; font-size: 12px; color: #FA406E; } } .tutor-hart-write-panel { display: inline-block; width: 100%; height: auto; border: 1px solid #E5E5E5; padding: 15px 18px 12px; background-color: #FFFFFF; } .tutor-hart-write-panel > form > fieldset > .tutor-hart-textarea > div:nth-child(1) > textarea { height: 60px; } .tutor-hart-write-panel > form > fieldset > .tutor-hart-textarea > div:nth-child(2) > button { width: 100%; height: 60px; color: #FFFFFF; font-weight: 600; border: 1px solid #454545; background: linear-gradient( to bottom, #777777, #454545 ); border-radius: 0; } .tutor-hart-write-panel > form > fieldset > .tutor-hart-textarea > div:nth-child(2) > button > i { font-size: 18px; margin-right: 6px; } .tutor-hart-write-panel > form > fieldset > p { color: #333333; font-size: 13px; padding: 0 7px; } .tutor-hart-write-panel > form > fieldset > p > span:nth-child(1) { color: #00ADEF; font-weight: 700; } .tutor-hart-write-panel > form > fieldset > p > span:nth-child(2) { color: #999999; } .main-review { border-top: 2px solid #666666; border-bottom: 2px solid #666666; height: 209px; } .main-hart { border-top: 2px solid #666666; border-bottom: 2px solid #666666; height: 300px; } .tutor-hart-list > table, .tutor-hart-list > marquee > table { table-layout: fixed; } /* .tutor-hart-list > table > colgroup > col:nth-child(1) { width: 13%; } .tutor-hart-list > table > colgroup > col:nth-child(3) { width: 12%; } */ .tutor-hart-list > table > tbody, .tutor-hart-list > marquee > table > tbody { border-top: 2px solid #666666; } marquee > .tutor-hart-list > table > tbody { border-top: 0; } .tutor-hart-list > table > tbody > tr > td, .tutor-hart-list > marquee > table > tbody > tr > td { font-size: 14px; vertical-align: top; padding: 10px; text-align: center; } .tutor-hart-list > table > tbody > tr > td:nth-child(1), .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(1) { font-size: 13px; } .tutor-hart-list > table > tbody > tr > td:nth-child(2), .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(2) { text-align: left; padding-left: 15px; padding-right: 15px; } .tutor-hart-list > table > tbody > tr > td:nth-child(2) > p, .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(2) > p { margin-top: 0; color: #999999; } .tutor-hart-list > table > tbody > tr > td:nth-child(2) > p > img.b-picture, .tutor-hart-list > table > tbody > tr > td:nth-child(2) > p > a > img.b-picture, .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(2) > p > img.b-picture, .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(2) > p > a > img.b-picture { width: 36px; border-radius: 50px; margin-right: 8px; border: 1px solid #CCCCCC; } .tutor-hart-list > table > tbody > tr > td:nth-child(2) > p > span:nth-child(2), .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(2) > p > span:nth-child(2) { color: #333333; font-weight: 700; margin-right: 8px; } .tutor-hart-list > table > tbody > tr > td:nth-child(2) > div:nth-of-type(1), .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(2) > div:nth-of-type(1) { float: left; width: 82%; margin-top: 0; margin-right: 8px; color: #999999; } .tutor-hart-list > table > tbody > tr > td:nth-child(2) > div:nth-of-type(1) > img, .tutor-hart-list > table > tbody > tr > td:nth-child(2) > div:nth-of-type(1) > a > img, .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(2) > div:nth-of-type(1) > img, .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(2) > div:nth-of-type(1) > a > img { float: left; position: relative; min-height: 1px; padding: 0; width: 45px; margin-right: 8px; } .tutor-hart-list > table > tbody > tr > td:nth-child(2) > div:nth-of-type(1) > p, .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(2) > div:nth-of-type(1) > p { color: #777777; font-size: 13px; } .tutor-hart-list > table > tbody > tr > td:nth-child(2) > div:nth-of-type(1) > p:nth-of-type(1) > span:nth-of-type(1), .tutor-hart-list > table > tbody > tr > td:nth-child(2) > div:nth-of-type(1) > p:nth-of-type(2) > span:nth-of-type(1), .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(2) > div:nth-of-type(1) > p:nth-of-type(1) > span:nth-of-type(1), .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(2) > div:nth-of-type(1) > p:nth-of-type(2) > span:nth-of-type(1) { color: #333333; font-weight: 700; } .tutor-hart-list > table > tbody > tr > td:nth-child(2) > div:nth-of-type(2), .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(2) > div:nth-of-type(2) { float: right; width: 13%; } .tutor-hart-list > table > tbody > tr > td:nth-child(2) > div.m-review:nth-of-type(1), .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(2) > div.m-review:nth-of-type(1) { float: left; width: 100%; margin-top: 0; margin-right: 8px; color: #999999; } .tutor-hart-list > table > tbody > tr > td:nth-child(2) > div.m-review:nth-of-type(1) > img, .tutor-hart-list > table > tbody > tr > td:nth-child(2) > div.m-review:nth-of-type(1) > a > img, .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(2) > div.m-review:nth-of-type(1) > img, .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(2) > div.m-review:nth-of-type(1) > a > img { float: left; position: relative; min-height: 1px; padding: 0; width: 45px; margin-right: 8px; } .tutor-hart-list > table > tbody > tr > td:nth-child(2) > div.m-review:nth-of-type(1) > p, .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(2) > div.m-review:nth-of-type(1) > p { color: #777777; font-size: 13px; margin: 0 0 3px; } .tutor-hart-list > table > tbody > tr > td:nth-child(2) > div.m-review:nth-of-type(1) > p:nth-of-type(1) > span:nth-of-type(1), .tutor-hart-list > table > tbody > tr > td:nth-child(2) > div.m-review:nth-of-type(1) > p:nth-of-type(2) > span:nth-of-type(1), .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(2) > div.m-review:nth-of-type(1) > p:nth-of-type(1) > span:nth-of-type(1), .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(2) > div.m-review:nth-of-type(1) > p:nth-of-type(2) > span:nth-of-type(1) { color: #333333; font-weight: 700; } .tutor-hart-list > table > tbody > tr > td:nth-child(2) > p.heart-comment, .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(2) > p.heart-comment { font-size: 13px; } .tutor-hart-list > table > tbody > tr > td:last-child, .tutor-hart-list > marquee > table > tbody > tr > td:last-child { vertical-align: middle; } @media (max-width: 480px) { /* .tutor-hart-list > table { table-layout: auto; } */ .tutor-hart-list > table > colgroup > col:nth-child(1), .tutor-hart-list > marquee > table > colgroup > col:nth-child(1) { width: 25%; } .tutor-hart-list > table > tbody > tr > td:nth-child(3)>img, .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(3)>img { display: none; } .tutor-hart-list > table > tbody > tr > td:nth-child(2), .tutor-hart-list > marquee > table > tbody > tr > td:nth-child(2) { padding: 10px 5px; } .tutor-hart-write-panel > form > fieldset > .tutor-hart-textarea > div:nth-child(2) { text-align: center; margin-top: 10px; } .tutor-hart-write-panel > form > fieldset > .tutor-hart-textarea > div:nth-child(2) > button { width: auto; height: auto; padding: 10px 18px; color: #FFFFFF; font-weight: 600; border: 1px solid #454545; background: linear-gradient( to bottom, #777777, #454545 ); border-radius: 0; } .tutor-hart-write-panel > form > fieldset > .tutor-hart-textarea > div:nth-child(2) > button > i { font-size: 18px; margin-right: 6px; } } /* ######################################## 선생님 사랑해요 ######################################## */ .table.schedule-check > thead > tr > th { vertical-align: middle; text-align: center; padding: 4px; font-size: 85%; font-weight: normal; line-height: 160%; background-color: #FAFAFA; } .table.schedule-check > tbody > tr > td { vertical-align: top; padding: 3px; font-size: 85%; font-weight: normal; line-height: 80%; height: 43px; } .table.schedule-check > tbody > tr > td > p { font-size: 90%; } .table.schedule-check > tbody > tr > td > p.holiday { color: #C96D4A; } .table.schedule-check > tbody > tr > td > p.day-hidden { color: #ddd; } .table.schedule-check > tbody > tr > td > button { display: inline-block; padding: 0 6px; margin-bottom: 0; font-size: 12px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; color: #FFFFFF; background-color: #00AAF0; border: 1px solid #0099CC; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .table.schedule-check > tbody > tr > td > button:hover, .table.schedule-check > tbody > tr > td > button:focus, .table.schedule-check > tbody > tr > td > button:active, .table.schedule-check > tbody > tr > td > button.btn-active { background-color: #FF1100; border-color: #CC00FF } .community-view { display: block; } .community-view > h5 { padding: 12px 20px; margin: 0; font-weight: 700; border-top: 2px solid #666666; border-bottom: 1px solid #666666; color: #666666; background-color: #FCFCFC; } .community-view > h5 > big { font-weight: 700; color: #222222; font-size: 18px; margin-right: 7px; } .community-view > .board-write { clear: both; display: block; padding: 12px 20px; border-bottom: 1px solid #E4E4E4; } .community-view > .board-write > * { font-size: 14px; } .community-view > .board-write > .pull-left > span:nth-child(1) { font-size: 15px; color: #00AAF0; font-weight: 600; } .community-view > .board-write > .pull-left > span:nth-child(1).admin-name { color: #00AAF0; font-weight: 800; } .community-view > .board-write > .pull-left > span:nth-child(1).default-name { color: #FF6600; font-weight: 800; } .community-view > .board-write > .pull-left > span + span { font-size: 12px; color: #999999; } .community-view > .board-write > .pull-right { margin-top: 9px; font-size: 12px; color: #999999; } .board-write > .pull-left > img.b-picture, .board-write > .pull-left > a > img.b-picture { width: 40px; border-radius: 50px; margin-right: 5px; border: 1px solid #CCCCCC; } .community-container { padding: 20px 25px; word-break: break-all; } .community-container .button { margin-bottom: 0; } /* .community-container iframe { width: 100%; height: 700px; overflow: auto; border: 3px solid #dddddd; background-color: #FFFFFF; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; } */ @media only screen and (min-width: 768px) and (max-width: 959px) { .community-container { padding: 20px 15px; } .blog-container { padding: 20px 20px; } } @media only screen and (max-width: 479px) { .community-container { padding: 15px 10px; } .blog-container { padding: 15px 15px; } } .board-bottom { border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 12px 20px; font-size: 14px; } .board-bottom i { font-size: 16px; } .board-bottom .btn-icon { padding: 5px; } .board-file-list > li { list-style: none; display: block; padding: 5px 30px; } .board-file-list > li > a { color: #00f; text-decoration: underline; } .board-file-list > li > a:hover{ color: #00f; text-decoration: none; } .board-file-link { float: left; margin: 8px } .board-file-link a { color: #00f; text-decoration: underline; } .board-file-link a:hover { color: #00f; text-decoration: none; } .upload-options { color: #555; } /* MYPAGE */ a.user-photo-s > img, img.user-photo-s { width:30px; } a.user-photo-m > img, img.user-photo-m { width:40px; } .page-loading { padding: 10px; text-align: center; color:#aaa; } /*===== Main tutor list =====*/ a.main-tutor-list { display: inline-block; padding: 3px; margin: 0; border-radius: 5px; } a.main-tutor-list:hover { background-color: #FFFFFF; } a.main-tutor-list > img { border: 1px solid #EEEEEE; border-radius: 4px; width: 100%; } a.main-tutor-list > img:hover { border: 1px solid #00AAF0; } a.main-tutor-list > span { display: block; font-size: 10px; color: #000000; font-weight: 600; } .main-tutor-hart-pop { width: 100%; height: 550px; } @media only screen and (max-width: 479px) { .main-tutor-hart-pop { height: 400px; } } span.label-new { margin-left: 8px; padding: 1px 4px; border: 1px solid #D64E02; background-color: #FF6600; } /*===== Footer =====*/ .pop-footer { border-top: 1px solid #ddd; padding: 12px 0; text-align: center; font-size: 11px; color: #777; background-color: #fff; } @media (max-width: 480px) { .pop-footer .icons-group { display: none; } } ul.default-list { clear: both; padding-top: 10px; } ul.default-list > li { clear: both; background: url("../images/common/dotted1.png") no-repeat 0 10px; margin: 0; padding: 0 0 2px 7px; font-size: 12px; text-align: left; color: #666666; font-weight: normal; } /* ul.default-list > li > dl { clear: both; font-size: 14px; color: #999; margin: 0; padding: 0; } ul.default-list > li dt { float: left; } ul.default-list > li dd { float: right; letter-spacing: -1px; } ul.default-list > li a { font-weight: normal; color: #666; } ul.default-list > li img.new { margin-left: 3px; } ul.default-list > li span.new { background-color: #FA8C00; color: #FFF; font-size: 9px; font-family: monospace, serif; font-weight: 800; padding: 0 4px 2px; -webkit-border-radius: 3px; border-radius: 3px; }*/ span.search-keyword { font-weight: 700; background-color: #A2E4FF; color: #000000; padding: 2px 0; } /* ######################## 특강수업교재선택 ######################## */ .content-books-list { margin-left: -15px; margin-right: -15px; } .content-books-list > div { float: left; position: relative; display:inline-block; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 20%; height: 195px; text-align: center; } .content-books-list > div > h5 { margin: 4px 0 0; font-size: 12px; font-weight: 800; line-height: 100%; } .content-books-list > div > p { margin: 0; padding: 0; } @media (max-width: 768px) { .content-books-list { margin-left: -5px; margin-right: -5px; } .content-books-list > div { padding-right: 5px; padding-left: 5px; height: 155px; } } @media (max-width: 480px) { .content-books-list { margin-left: -10px; margin-right: -10px; } .content-books-list > div { padding-right: 10px; padding-left: 10px; width: 25%; height: 155px; } } .content-books-list > div > p > span, .content-books-list > div > p > a > span { padding: 2px 5px; color: #999999; border: 2px solid #999999; font-size: 10px; font-weight: 800; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; } .content-books-list > div > h5 > span.copyright, .content-books-list > div > p > span.copyright { color: #FF1100; border: 2px solid #FF1100; } .content-books-list > div > h5 > span.series, .content-books-list > div > p > span.series { color: #FE9900; border: 2px solid #FE9900; } .content-books-list > div > h5 > span.quiz, .content-books-list > div > p > span.quiz { color: #0066FF; border: 2px solid #0066FF; } .content-books-list > div > p > span.tpage, .content-books-list > div > p > a > span.tpage { color: #FFAA00; border: 2px solid #FFAA00; } .content-books-list > div > p > span.ws, .content-books-list > div > p > a > span.ws { color: #21ACFF; border: 2px solid #21ACFF; } .content-books-list > div > p > span.video, .content-books-list > div > p > a > span.video { color: #00A650; border: 2px solid #00A650; } .content-books-list > div > p > a:hover { text-decoration: none; } /* ######################## 특강수업교재선택 ######################## */ /* ====== 프로필 사진 ====== */ .my-picture { display: block; max-width: 300px;width:100%; padding: 18px; margin: 15px auto 10px; border: 1px solid #DDDDDD; border-radius:2px } .modal-mypicture-body { padding: 10px 20px 0; } .modal-mypicture-body .form-control { height: 40px; padding: 10px; } .my-picture > .thumbnail{background:0 0;position:relative;border:0;padding:0;margin:0;text-align:center} .my-picture >.thumbnail .caption{ padding: 0; margin: 0; text-align:left} .thumbnail .caption.text-center{text-align:center} .thumbnail .caption > h5 {display:block; margin:0; padding:0;} .thumbnail .caption h5 small{display:block;margin-top:4px} .thumbnail-boxed .caption{padding:0} .caption .caption-title{font-size:14px;font-weight:600;margin-bottom:0;display:block} .thumbnail-boxed{border:1px solid #ddd;padding:2px;border-radius:2px;background-color:#fff} .thumbnail-boxed .item-info{margin-bottom:12px} .thumbnail a img, .thumbnail img{margin-right:auto;margin-left:auto;display:block;max-width: 250px;width:100%;height:auto;z-index:2; border-radius:2px} .thumb{position:relative;display:inline-block} .thumb:hover .thumb-options{opacity:1} .thumbnail iframe{width:100%;max-width:100%;height:350px;border:0} .thumb-zoom{background:#32434D url('../images/interface/zoom.png') no-repeat 50%;display:inline-block;border-radius:2px;border:0} .thumb-zoom img{opacity:1} .thumb-zoom:hover img{opacity:.2} .thumb-options{border-radius:2px;position:absolute;top:0;left:0; background:rgba(0,30,43,.8); height:100%;width:100%;opacity:0;text-align:center} .thumb-options span{display:block;top:50%;position:absolute;margin-top:-17px;width:100%} @media (max-width: 992px) { .my-picture {display: none;} } .tab-my-picture { display: block; padding: 18px; margin: 0; } .tab-my-picture > .thumbnail{background:0 0;position:relative;border:0;padding:0;margin:0;text-align:center} .tab-my-picture >.thumbnail .caption{ padding: 0; margin: 0; text-align:left} .tab-content { border: 0; padding: 0; } /*.smart-category.left{width:280px;height:100%;overflow-y:scroll;position:fixed;left:0;top:0;background:#FFFFFF;border-left:1px solid #0089C1;border-right:1px solid #0089C1;display:none;z-index:998} .smart-category.right{width:280px;height:100%;overflow-y:scroll;position:fixed;right:0;top:0;background:#FFFFFF;border-left:1px solid #0089C1;border-right:1px solid #0089C1;display:none;z-index:999}*/ .smart-category.left{width:280px;height:100%;overflow-y:scroll;position:fixed;left:0;top:0;background:#FFFFFF;border-left:1px solid #0089C1;border-right:1px solid #0089C1;display:none;z-index:990} .smart-category.right{width:280px;height:100%;overflow-y:scroll;position:fixed;right:0;top:0;background:#FFFFFF;border-left:1px solid #0089C1;border-right:1px solid #0089C1;display:none;z-index:991} .slidebar-toggle{position:fixed;top:100px;right:0;height:50px;width:50px;line-height:50px;text-align:center;background:rgba(0,0,0,0.55);color:#fff;cursor:pointer;z-index:1000;border:0} .smart-category::-webkit-scrollbar{display:none !important;width:0 !important} .smart-tab-menu{background-color:#0089C1; width:100%; height: 52px; padding: 10px 20px; margin: 0;} .smart-tab-menu > li {float:left; position: relative; min-height: 1px;} .smart-tab-menu > li:nth-of-type(1) {width:90%;} .smart-tab-menu > li:nth-of-type(2) {width:10%;text-align:right;padding-right: 0;} .smart-tab-menu > li > h4 {font-size:18px;color: #FFFFFF; margin:2px 0 0; padding: 0 0;} .smart-tab-menu > li > h4 > i {margin-right:10px;} .smart-tab-menu > li > a > i {border: 1px solid #00AFF6; color: #00AFF6; font-size: 19px; margin: 0; padding: 5px 7px; vertical-align: top;} .smart-tab-menu > li.active > a > i, .smart-tab-menu > li > a:focus > i, .smart-tab-menu > li > a:hover > i {border: 1px solid #00AAF0; color: #00AAF0; background-color: #FFFFFF;} .smart-menu {width:100%;} .smart-menu > ul {margin: 0;} .smart-menu > ul > li {position: relative;} .smart-menu > ul > li > a {display:block; padding: 8px 12px 8px 20px; border-bottom:1px solid #E1E1E1; font-size: 14px; color: #333333;} .smart-menu > ul > li > a:hover {color: #FFFFFF; border-bottom:1px solid #0089C1; background-color: #00AAF0; text-decoration:none;} .smart-menu > ul > li > ul > li + li { border-top:1px solid #FFFFFF;} .smart-menu > ul > li.active > a, .smart-menu > ul > li.active:hover > a, .smart-menu > ul > li.active:focus > a { color: #fff; text-decoration:none; font-weight: 700; background-color: #00AAF0; border-color: #0089C1; } .smart-menu > ul > li.active > a > i { opacity: 1; filter: alpha(Opacity=100); } /* .smart-menu > ul > li > a:after {float:right; font-family: 'FontAwesome'; content: "\f196";font-size: 16px;color: #999999;} .smart-menu > ul > li > a:after:focus {content: "\f147";} */ .smart-menu > ul > li > ul { border-bottom:1px solid #00AFF6; background-color:#FCFCFC;padding:0;} .smart-menu > ul > li > ul > li > a {display:block; padding: 5px 20px 5px 23px; font-size: 13px; color: #333333;} .smart-menu > ul > li > ul > li.active > a, .smart-menu > ul > li > ul > li.active:hover > a, .smart-menu > ul > li > ul > li.active:focus > a { color: #014AF0; text-decoration:none; font-weight: 700; background-color: #BBEEFF; } .smart-menu > ul > li > ul > li > a:before {content: "- ";} .smart-menu > ul > li > ul > li > a:hover {background-color:#BBEEFF;text-decoration:none;} /* .smart-menu > ul > li > ul > li > a:after {float:right;content: "\f067";font-family: FontAwesome;} .smart-menu > ul > li > ul > li.active > a:after {content: "\f068";} */ .smart-menu > ul > li > ul > li.active > a:after, .smart-menu > ul > li > ul > li > ul > li.active > a:after {float:right;content:"●";color:#FF6600;} .smart-menu > ul > li > ul > li > ul { background-color:#F8F8F8;padding:0;border-left:3px solid #0089C1;border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;} .smart-menu > ul > li > ul > li > ul > li + li { border-top:1px solid #FFFFFF;} .smart-menu > ul > li > ul > li > ul > li > a {display:block; padding: 5px 20px 5px 18px; font-size: 13px; color: #333333;} .smart-menu > ul > li > ul > li > ul > li > a:before{ content: "o"; color: #AAAAAA; font-size: 8px; padding-right: 0.5em; } .smart-menu > ul > li > ul > li > ul > li.active > a, .smart-menu > ul > li > ul > li > ul > li.active:hover > a, .smart-menu > ul > li > ul > li > ul > li.active:focus > a { color: #017DF0; text-decoration:none; font-weight: 700; background-color: #DDFFFF; } .smart-menu > ul > li > ul > li > ul > li.active > a:before, .smart-menu > ul > li > ul > li > ul > li.active:hover > a:before, .smart-menu > ul > li > ul > li > ul > li.active:focus > a:before { color: #0089C1; font-weight: normal; } .smart-menu > ul > li > ul > li > ul > li > a:hover {background-color:#DDFFFF;text-decoration:none;} .smart-menu > ul > li > ul > li > ul > li > a > i {font-size: 6px;} .smart-category > .app-info {display: block; text-align: left; padding: 0 0; border-bottom: 1px solid #DDDDDD;} .smart-category > p {text-align: center; padding: 0 15px;} .smart-category > p > a {width: 100%;padding: 10px;font-size: 16px; font-weight: 700;} .smart-category > p > a > i {float:left;width:30px;padding-right: 15px;font-size: 18px;text-align:center;border-right: 1px solid #2AC1FF;} .smart-category > p > a.btn-point > i {border-right: 1px solid #FF8534;} button.btn-login { width: 100%;padding: 10px;font-size: 16px; font-weight: 700; /* color: #FFFFFF; background-color: #555555; border-color: #333333;*/ } /* button.btn-login:hover, button.btn-login:focus, button.btn-login:active, button.btn-login.active { color: #FFFFFF; background-color: #333333; border-color: #111111; }*/ button.btn-login > i {float:left;width:30px;padding-right: 34px;font-size: 20px;text-align:center;border-right: 1px solid #32C3FF;} /* ====== 금일수업 ====== */ .tab-today-class * { font-family: 'Pretendard', 'Noto Sans KR', Arial, sans-serif; letter-spacing: -0.1px; color: #333333; line-height: 130%; } .tab-today-class p { margin: 0; } .tab-today-class { display: block; border-top: 3px solid #00AAF0; border-bottom: 3px solid #00AAF0; margin: 0 0 20px; padding: 0 15px; height: auto; font-family: 'Pretendard', 'Noto Sans KR', Arial, sans-serif; } .tab-today-class > h6 { font-size: 14px; padding: 8px 0; margin: 0; border-bottom: 1px solid #EEEEEE; text-align: center; } .tab-today-class > h6 > span { color: #FF3300; } .line_style { border-bottom: 1px solid #EBEBEB; } .class-box__info { display: grid; gap: 15px; grid-template-columns: 50px 1fr; padding: 10px 0; } .class-box__tutor-img { height: 50px; overflow: hidden; border-radius: 100px; border: 1px solid #ebebeb; } .class-box__tutor-img > img { vertical-align: middle; } .class-box__class-detail { display: flex; flex-direction: column; width: 80%; justify-content: center; } .class-box__class-time { color: #FF6600; font-weight: 700; font-size: 19px; } .class-box__tutor-info { font-weight: 500; font-size: 16px; } .class-box__tutor-type { font-size: 11px; padding: 1.5px 5px; border: 1px solid #FF6600; border-radius: 50px; color: #FF6600; margin-left: 3px; } .class-box__enter > a { width: 100%; margin-bottom: 10px; font-size: 16px; font-weight:700; position: relative; padding: 10px; } .class-box__enter > a:before { right: 30px; top: 28%; position: absolute; content: "\f090"; color: #FFF; font: normal normal normal 19px/1 FontAwesome; } .class-box__enter > a.btn-default:before { color: #999; } /* ====== 금일수업 ====== */ .word-wrap { word-wrap: break-word; /* Internet Explorer 5.5+ */ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-break:break-all; } .table-quiz-list > tbody > tr.first-child > td { border-top: 1px solid #00AAF0; } .table-quiz-list > tbody > tr > td { font-size: 14px; padding: 4px; } .table-quiz-list > tbody > tr > td.t-left { padding-left: 10px; } .table-quiz-list > tbody > tr > td > h5 { color: #000000; margin: 9px 0; } .table-quiz-list > tbody > tr > td > h5 > span { padding: 0 10px; } .table-quiz-list > tbody > tr > td > h5 > a { font-size: 12px; font-weight: normal; color: #000000; cursor: pointer; border-radius: 0; text-decoration: underline; } .table-quiz-list > tbody > tr > td > h5 > a:hover { color: #2a6496; text-decoration: none; } .table-quiz-list > tbody > tr > td > div.inline-block { display: inline-block; } .table-quiz-list > tbody > tr > td > div > span.text-disabled { font-weight: 100; color: #999999; } .table-quiz-list > tbody > tr > td > div > span.text-orange { font-weight: 800; color: #FF3366; } @media (max-width: 768px) { .table-quiz-list > tbody > tr > td { padding: 3px; } .table-quiz-list > tbody > tr > td.t-left { padding-left: 10px 0; } .table-quiz-list > tbody > tr.first-child > td { border-top: 2px solid #00AAF0; } .table-quiz-list > tbody > tr > td > h5 { font-size: 13px; margin: 3px 0; } .table-quiz-list > tbody > tr > td > h5 > span { padding: 0 3px; } /* .table-quiz-list > tbody > tr > td > h5 > span { display: block; clear: both; } */ } /* 후기에서의 평가서작성 */ .review-treport-panel { float: left; position: relative; min-height: 1px; width: 100%; margin: 0; border: 2px solid #00AAF0; background-color: #FFFFFF; } .review-treport-panel > div { float: left; position: relative; min-height: 1px; width: 100%; padding: 10px 10px 0; } .review-treport-panel > div > div { float: left; position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; } .review-treport-panel > div > div:nth-child(1) { width: 18%; padding-left: 0; } .review-treport-panel > div > div:nth-child(1) > h5 { color: #666666; text-align: center; } .review-treport-panel > div > div:nth-child(2) { width: 20%; padding-right: 0; padding-left: 40px; } .review-treport-panel > div > div:nth-child(2) > label { display: block; font-size: 16px; color: #333333; } .review-treport-panel > div > div:nth-child(2) > select, .review-treport-panel > div > div:nth-child(2) > select > option { padding: 5px; color: #FF1100; font-size: 18px; } .review-treport-panel > div > div:nth-child(3) { width: 55%; padding-right: 0; padding-left: 70px; } .review-treport-panel > div > div:nth-child(3) > label { display: block; font-size: 16px; color: #333333; } .review-treport-panel > div > div:nth-child(3) > i { color: #FF6600; margin-right: 3px; font-size: 28px; } .review-treport-panel > div > div:nth-child(3) > span { color: #333333; font-weight: 700; font-size: 28px; } .review-treport-panel > div > div:nth-child(4) { width: 75%; margin-top: 13px; padding-right: 0; padding-left: 40px; padding-bottom: 13px; } .review-treport-panel > div > div:nth-child(4) > div { padding-top: 13px; border-top: 1px dotted #DDDDDD; } .review-treport-panel > div > div:nth-child(4) > div > .search-control > textarea { height: 81px; } .review-treport-panel > div > div:nth-child(4) > div > .input-group-btn> button { padding: 29px 25px 28px; font-size: 16px; font-weight: 700; border-radius: 0; } @media (max-width: 768px) { .me-treport-date { text-align: center; } .review-treport-panel > div { padding: 0; } .review-treport-panel > div > div:nth-child(1) { width: 30%; padding: 12px 12px 0; } .review-treport-panel > div > div:nth-child(2) { width: 70%; padding: 50px 0 0 30px; } .review-treport-panel > div > div:nth-child(2) > select { padding: 5px 10px; color: #FF1100; font-size: 18px; } .review-treport-panel > div > div:nth-child(3) { width: 100%; border-top: 1px solid #EEEEEE; padding: 20px; } .review-treport-panel > div > div:nth-child(4) { width: 100%; border-top: 1px solid #EEEEEE; padding: 20px 12px; } .review-treport-panel > div > div:nth-child(4) > div { padding-top: 0; border-top: 0; } } /* ######################### 현재 선택 스케줄 ########################## */ .modal-lat-schedule { min-height: 350px; } .modal-tabs { float: left; position: relative; min-height: 1px; width: 100%; } .modal-tabs > li { float: left; position: relative; min-height: 1px; width: 33.33333333333333%; font-size: 15px; font-weight: 800; color: #555555; padding: 10px; text-align: center; border: 1px solid #DDDDDD; background-color: #F5F5F5; } .modal-tabs > li + li { border-right: -1px; } .modal-tabs > li.active { color: #fff; background-color: #00AAF0; border: 1px solid #00AAF0; border: 1px solid #00AAF0; } .modal-2tabs { float: left; position: relative; min-height: 1px; width: 100%; } .modal-2tabs > li { float: left; position: relative; min-height: 1px; width: 50%; font-size: 15px; font-weight: 800; color: #555555; padding: 10px; text-align: center; border: 1px solid #DDDDDD; background-color: #F5F5F5; } .modal-2tabs > li + li { border-right: -1px; } .modal-2tabs > li.active { color: #fff; background-color: #00AAF0; border: 1px solid #00AAF0; border: 1px solid #00AAF0; } .lat-choise-level { font-size: 13px; margin-right: -6px; margin-left: -6px; } .lat-choise-level > li { float: left; position: relative; min-height: 1px; width: 20%; padding-right: 6px; padding-left: 6px; padding-bottom: 10px; text-align: center; color: #333333; font-weight: 700; cursor: pointer; word-break: keep-all;} .lat-choise-level > li > img { width: 100%; padding: 5px; border: 1px solid #CCCCCC; -webkit-border-radius: 100px; border-radius: 100px; } .lat-choise-level > li.choise { color: #00AAF0; font-weight: 800; } .lat-choise-level > li.choise > img { background-color: #00AAF0; border: 1px solid #00AAF0; } .lat-choise-level > li > a { display: block; color: #333333; padding: 12px 7px; margin: 3px 0; font-weight: 500; text-decoration: none; border: 1px solid #CCCCCC; text-align: center; border-radius: 4px; } .widget-calendar table { margin: 0; table-layout: fixed; width: 100%; border-collapse: separate; border-spacing: 10px; border: none; } .widget-calendar table tbody+tbody, .widget-calendar table td, .widget-calendar table th, .widget-calendar table thead th { border:none } .widget-calendar tbody td { position:relative; font-size: 14px; text-align: center; vertical-align: middle; -webkit-border-radius: 4px; border-radius: 4px; line-height: 100%; padding: 0 10px; height: 50px; font-weight: 700; text-decoration: none; border: 1px solid #CCCCCC; text-align: center; cursor: pointer; } .widget-calendar tbody td.choise { font-weight: 800; color: #fff; background-color: #00AAF0; border: 1px solid #00AAF0; } .character-col2 {display: none;} @media all and (max-width: 480px) { .modal-2tabs > li, .widget-calendar tbody td, .table-in-write > tbody > tr > td > h5 {font-size: 12px;} .let-step-container { display: none; } .lat-choise-level { font-size: 12px; } .lat-choise-level > li { padding-right: 5px; padding-left: 5px; padding-bottom: 5px; width: 25%;} .character-col1 {display: none;} .character-col2 {display: block;} } .header-navigation { width: 100%; display: block; text-align: center; } .header-navigation > a { width: 260px; display: inline-block; margin: 0; padding: 15px 0; font-size: 16px; font-weight: 500; border: 1px solid #DBDBDB; background: #FAFAFA; color: #999999; border-radius: 6px; } .header-navigation > a:first-child { border-radius: 6px 0 0 6px; } .header-navigation > a:last-child { border-radius: 0 6px 6px 0; } .header-navigation > a.active { border: 1px solid #00AAF0; background: #00AAF0; color: #FFFFFF; font-weight: 700; } .mini-picture { width: 30px; height: 30px; border-radius: 30px; } @media (max-width: 769px){ .header-navigation > a { width: 49.0%; } }