@charset "utf-8"; @font-face { font-family:ng; font-style:normal; font-weight:normal; src:url('../font/NanumGothic.eot'); src:local(※), url('../font/NanumGothic.eot') format('embedded-opentype'), url('../font/NanumGothic.woff') format('woff') } @font-face { font-family:ngb; font-style:normal; font-weight:600;/* 250709 kmh 수정 */ src:url('../font/NanumGothicBold.eot'); src:local(※), url('../font/NanumGothicBold.eot') format('embedded-opentype'), url('../font/NanumGothicBold.woff') format('woff') } /* 241122 hyj 추가 */ @font-face { font-family:ngeb; font-style:normal; font-weight:800; src:url('../font/NanumGothicExtraBold.eot'); src:local(※), url('../font/NanumGothicExtraBold.eot') format('embedded-opentype'), url('../font/NanumGothicExtraBold.woff') format('woff') } /* //241122 hyj 추가 */ /* RESET CORE : HTML5 & XHTML */ html,body{min-width:320px; height:100%; -webkit-text-size-adjust:none} body, input, textarea, keygen, select, button {font-size:13px; line-height:16px; font-family:NanumGothic, "나눔고딕", ng; color:#555} body * {font-family:NanumGothic, "나눔고딕", ng;} body.dimm {overflow-y:hidden; height:100%; position:fixed; left:0; top:0; right:0; bottom:0;} .fix {min-height:800px} body,div,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,input,button,select,img,a,dl{margin:0;padding:0} article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block} hr{display:none} h1,h2,h3,h4,h5,h6{font-size:13px; font-weight:normal; letter-spacing:-1px} ul, li{list-style-type:none} i,em,address,optgroup,cite,code,dfn,em,var {font-style:normal;font-weight:normal} img,input,select,textarea,fieldset,iframe,button {resize:none; border-radius:0; border:0; vertical-align:middle} em,strong,span,th,td{vertical-align:middle} em,strong,dt {font-weight:normal} table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;word-break:break-all} table,th,td{margin:0;padding:0;border:0;font-weight:normal} caption,legend{overflow:hidden;width:0;height:0;font-size:0;line-height:0} a{color:#555; border:0;text-decoration:none;} div:active, div:hover {-webkit-tap-highlight-color:transparent} a:hover{text-decoration:none; -ms-background-color:transparent} table a {color:#006699} table a:hover {text-decoration:underline; font-family:ngb} table .jsSelect a {color:#555} table .jsSelect a:hover {text-decoration:none} input[type=checkbox] {width:13px; height:13px; border:1px solid #c1c1c1} input[type=text],input[type=password], textarea{-webkit-appearance:none} input[type=radio] {border-radius:50%; border:1px solid #c1c1c1} select {-webkit-appearance:none; background:#fff url("../images/common/r_err.gif") 100% 50% no-repeat;width: 63%;} /* IMPORT : BASIC */ input.basic{height:17px;line-height:17px;padding:0 5px;border:1px solid #333;*margin-top:-1px; _margin-top:-2px} textarea.basic{border:1px solid #cacaca;padding:5px;overflow:scroll;overflow-x:hidden;*margin-top:-1px;_margin-top:-2px} select.basic{height:19px;border:1px solid #333;vertical-align:top} /* button */ button{display:inline-block; margin:0; padding:0; background:none; border:none; text-align:center; vertical-align:middle; white-space:nowrap; cursor:pointer} *+html button {margin:0 2px; overflow:visible;} button > span, button > img, .btn > span, button > span > span, .btn > span > span {display:block; position:relative;} button::-moz-focus-inner {padding:0; border:0;} /* 파이어폭스 버튼 내부 여백 제거 */ button.disabled, .btn.disabled {cursor:default;} /* 정렬 */ .center {text-align:center} .center a {display:inline-block} .box8 {margin-top:8px} .box44 {margin-top:44px} .box54 {margin-top:54px} .box48 {margin-top:48px} .box210 {margin-top:70px} .box68 {margin-top:68px} .box30{margin-top:30px} .pt0{padding-top:0 !important} .pt40{padding-top:40px !important} .pb20{padding-bottom:20px !important} .mb30{margin-bottom:30px !important} .mb50{margin-bottom:50px !important} .plr10{padding-left:10px;padding-right:10px} /* BUTTON */ .btn1 span {display:inline-block; width:207px; height:49px; line-height:49px; background:#000; color:#fff; font-size:17px; text-align:center; overflow:hidden; border-radius:3px} .btn2 span {display:block; width:262px; height:33px; line-height:33px; color:#545454; font-size:14px; text-align:center; border:1px solid #dfdfdf} .btn3 span {display:inline-block; width:107px; height:33px; line-height:33px; color:#fff; font-size:15px; text-indent:28px; text-align:left; background:#676666 url("../images/btn/btnbg1.png") no-repeat 71px 50%; overflow:hidden; border-radius:3px} .btn4 {display:inline-block} .btn4 span {display:inline-block; padding:11px 33px 10px; color:#fff; font-size:15px; text-align:center; background:#000; overflow:hidden; border-radius:3px} .btn8 span {display:inline-block; padding:8px 40px; line-height:17px; color:#fff; font-size:17px; background:#545454/* url("../images/btn/ico_zoom.png") no-repeat 69px 9px*/; overflow:hidden; border-radius:3px} .btn_png {display:block; width:40px; height:40px; margin:0 auto; background:url("../images/btn/btn_pngico.png") no-repeat; background-size:100% 100%; overflow:hidden; border-radius:3px} .btn_png.uiClo {background:url("../images/btn/btn_pngico_off.png") no-repeat; background-size:100% 100%} .btn_report {display:inline-block; width:220px; padding:12px 0 11px; border-radius:4px; background:#000; vertical-align:middle; text-align:center} .btn_report span {display:inline-block; height:23px; line-height:22px; padding-left:34px; color:#fff; font-size:18px; background:url("../images/btn/btn_red2.png") no-repeat; background-size:26px 24px} /* 20150806 */ .btn_registers {display:inline-block; width:220px; padding:5px 0 5px; border-radius:4px; background:#ee1520; vertical-align:middle; text-align:center} .btn_registers span {display:inline-block; height:36px; line-height:36px; padding-left:34px; color:#fff; font-size:18px; background:#ee1520 url("../images/btn/btn_registers.png") no-repeat; background-size:30px 36px} /* //20150806 */ /* 20150807 */ .btn_coreskill {display:inline-block; width:322px; padding:12px 0 12px; border-radius:4px; background:#000; vertical-align:middle; text-align:center} .btn_coreskill span {display:inline-block; height:36px; line-height:36px; padding-left:48px; color:#fff; font-size:22px; background:url("../images/btn/btn_core.png") no-repeat; background-size:34px 28px} /* //20150807 */ .btn_reoirt.tonedown {background:#dd5c60} .btn11 {display:inline-block} .btn11 span {display:inline-block; width:217px; line-height:19px; padding:13px 0; border:1px solid #000; text-align:center; color:#000; font-size:18px; background:#fff; border-radius:3px} .btn12 {display:inline-block;} .btn12 span {display:inline-block; width:217px; line-height:21px; padding:13px 0; text-align:center; color:#fff; font-size:18px; background:#000; border-radius:3px} .btn13 {position:absolute; right:0; top:0; display:inline-block; width:67px; height:66px; background:#8b670d url("../images/btn/ico_class6.png") no-repeat 50% 50%} .btn14 {position:absolute; right:0; top:50%; vertical-align:middle; display:inline-block; width:40px; height:30px; margin-top:-15px; background:url("../images/ico/ico_loop_off.png") no-repeat 50% 0} .btn14.on {background:url("../images/ico/ico_loop_on.png") no-repeat 50% 0} .btn15 {display:inline-block; width:220px; padding:12px 0; text-align:center; background:#000; border-radius:3px} .btn15 span {display:inline-block; height:23px; line-height:23px; padding-left:37px; color:#fff; font-size:18px; background:url("../images/btn/btn_red2.png") no-repeat} .btn16 {display:block; /*position:absolute; left:50%; top:50%; margin:-11px 0 0 -11px*/} .btn17 {display:inline-block; border:1px solid #000; min-width:52px; height:16px; line-height:13px; font-size:13px; padding:2px 0; text-align:center; color:#000} .btn17:hover {text-decoration:none; font-weight:400} .btn18 {display:inline-block; width:220px; background:#545454; border-radius:4px; text-align:center} .btn18 span {display:inline-block; line-height:22px; font-size:18px; padding:12px 0 12px 36px; color:#fff; background:url("../images/btn/btn_back.png") no-repeat 0 13px} .btnMore {position:absolute; right:0; top:63px; padding:2px 0 2px 14px; color:#74797d; background:url("../images/btn/bg_more.png") no-repeat 0 50%} .btnMore:hover {text-decoration:underline} .btn19 span {display:inline-block; border:1px solid #aaadb4; min-width:52px; height:16px; line-height:15px; padding:2px 0; text-align:center; color:#848d9d} .btn20 span {display:inline-block; /*border:1px solid #d5d5d5;*/ min-width:52px; height:16px; line-height:15px; padding:2px 0; text-align:center; color:#a3a3a3;text-indent: -9999px} .btn21 {display:inline-block; width:75px; height:32px; padding:2px 0; text-align:center; color:#fff; background:url("../images/btn/btn_upload.png") no-repeat; vertical-align:middle; background-size:auto 31px} .btn22 {display:inline-block; width:79px; height:16px; line-height:14px; padding:8px 0; border-radius:4px; font-size:15px; background:#b9b9bc; color:#fff; font-size:15px; text-align:center} .btn23 {display:inline-block; width:220px; background:#000; border-radius:4px; text-align:center;} .btn23 span {display:inline-block; line-height:22px; font-size:18px; padding:12px 36px 12px 0; text-align:center; color:#fff; background:url("../images/btn/bg_btn12.png") no-repeat 100% 12px; background-size:23px 22px} .btn24 {display:inline-block; width:220px; background:#545454; border-radius:4px; text-align:center} .btn24 span {display:inline-block; line-height:22px; font-size:18px; padding:12px 0; color:#fff} .btn25 {display:block; float:left; width:49.5%} .btn25:last-child {margin-left:1%} .btn25 span {display:block; text-align:center; color:#858585; font-size:18px; height:18px; line-height:19px; padding:13px 0; border:1px solid #e0d9d9; border-radius:4px; background:#faf9f9} .btn26 {display:inline-block; width:220px; background:#000; border-radius:4px; text-align:center} .btn26 span {display:inline-block; line-height:22px; font-size:18px; padding:12px 0 12px 36px; color:#fff; background:url("../images/btn/bg_btnprev.png") no-repeat 0 12px; background-size:22px 22px} .btn27 {display:inline-block; width:220px; background:#545454; border-radius:4px; text-align:center} .btn27 span {display:inline-block; line-height:22px; font-size:18px; padding:12px 0; color:#fff} .btn28 {display:inline-block; width:220px; border-radius:4px; text-align:center; background:#000} .btn28 span {display:inline-block; line-height:22px; padding:12px 0; color:#fff; font-size:18px} .btn29 {display:inline-block; width:220px; border-radius:4px; text-align:center; background:#545454} .btn29 span {display:inline-block; line-height:22px; font-size:18px; padding:12px 0 12px 36px; color:#fff; background:url("../images/btn/btn_back.png") no-repeat 0 15px; background-size:8px 17px} .btn30{display: inline-block; width: 220px; line-height: 46px;background: #b3babd; color: #fff; font-size: 18px; text-align: center; border-radius: 4px;} .btn30.btnone{background-color:#545454;} .btn31{display:inline-block} .btn31 span {display:inline-block; width:138px; line-height:21px; padding:9px 0; text-align:center; color:#fff; font-size:15px; background:#ee1520; border-radius:3px} .btn32 {display:inline-block; width:220px; padding:12px 0; text-align:center; background:#000; border-radius:3px} .btn32.mo { margin-top:4px; } .btn32 span {display:inline-block; height: 23px; line-height:23px; padding-left:37px; border-radius:4px; color:#fff; font-size:18px; background:url("../images/btn/btn_camera.png") no-repeat;background-size: 20px;} .btn33 span {display:inline-block; border:1px solid #d4d4d4; min-width:52px; height:16px; line-height:15px; padding:2px 0; text-align:center; color:#a3a3a3;} /* display table */ .cssTable{width:100%; display:table; table-layout:fixed; border-spacing:0; border-collapse:collapse;} .cssTD{display:table-cell;} .alignCenter .btn15:last-child {margin-left:23px} /* BULLET */ .bulStyle1 > li {padding-left:12px; background:url("../images/common/bul_circle.gif") no-repeat 0 7px} /* 말줄임 */ .ellips {overflow:hidden; text-overflow:ellipsis; white-space:nowrap} /* skipNavi */ #skipNavi li a {position:absolute; display: block; top:-10px; height:10px; font-size:0} #skipNavi li a:focus, #skipNavi li a:active {position:absolute; z-index:1000; top:0; left:0; width:100%; height:34px; line-height:34px; font-size:13px; font-family:ngb; text-align:center; color:#222; border-bottom:1px solid #ddd; background:#f8f8f8; } /* ECT */ #size {position:fixed; z-index:9999; left:0; top:0; padding:1px 3px; color:red; background:#fff} .hide {display:block; overflow:hidden !important; position:absolute; top:-1000px !important; left:0; width:0 !important; height:0 !important; line-height:0 !important; font-size:0 !important} .display {display:block} .displayM {display:none} .totalMenu {display:none} /* 가로로 풀인 컨텐츠 LAYOUT */ .wrap > .content > .wideBox {width:auto; padding:0 !important} /* layout */ .wrap {min-width:280px}/* 250509 hyj 수정 */ .pagodaTop {position:relative; background-color:#191916;} .inner {width:1000px; margin:0 auto;} /* top_side_link */ .top_side_link {height:45px;text-align:left;background-color:#1f1f1d;overflow:hidden;} .top_side_link .inner {position:relative;} .top_side_link ul {display:inline-block;} .top_side_link ul li {float:left;} .top_side_link ul li a {display:inline-block;padding:0 15px;line-height:45px;color:#9b9b9b;font-size:11px;text-align:center;} .top_side_link ul li a strong {padding-right:5px;font-size:13px;vertical-align:inherit;} .top_side_link ul li.on a {color:#fff;background-color:#737373;} .top_side_link span {float:right;} .top_side_link span a {position:relative;display:inline-block;height:45px;line-height:45px;padding:0 10px;color:#ababa9;font-size:13px;} .top_side_link span a + a {margin-left:5px;} .top_side_link span a + a:before {content:' | ';position:absolute; left:-5px;} /* 241004 hyj 수정 */ /* header */ .header{position:fixed;top:0;left:0px;right:0px; z-index:9000;background:#191916;}/* 230818 pny 수정 */ .Bodyscroll .header{top:0;}/* 230818 pny 추가 */ .header .toparea{position:relative;padding:15px 0 40px;text-align:right;border-bottom:1px solid #333230;} .header .logo{position:absolute;left:50%;top:15px;margin-left:-89px;} /* 250922 hyj 수정 */ .header .h_btn{position:relative;float:left; line-height:50px;vertical-align:middle;} .header .h_btn a{display:inline-block;height:30px;line-height:30px;padding:0 15px 0 35px;color:#bbb4a3;font-size:14px;border:1px solid #bbb4a3;background:url('../images/common/icon_lt_off.png') 15px center no-repeat;} .header .h_btn a + a{padding-left:15px;margin-left:5px;background:none;} .header .h_btn a:hover{color:#fff;background-color:#bbb4a3;background-image:url('../images/common/icon_lt_on.png');} .header .h_btn a + a:hover{background-image:none;} .header .h_btn .ico_benefit{position:absolute;left:0;bottom:-20px;} /* //250922 hyj 수정 */ .header .toparea .login_info{display:flex;flex-direction:row;justify-content:flex-end;vertical-align:middle;} .header .toparea .login_info li{display:inline-block;line-height:50px;margin-left:15px;color:#bbb4a3;font-size:13px;} .header .toparea .login_info li:first-child{margin-left:0;} .header .toparea .login_info a{color:#bbb4a3;font-size:13px;} .header .toparea .login_info span{color:#777;font-size:12px;vertical-align:bottom;} .header .btn_sns{position:absolute;right:calc(50% - 500px);padding:0;} .header .btn_sns li{display:inline-block;vertical-align:top;}/* 241008 hyj 수정 */ .header .btn_sns li + li{margin-left:20px;} .header .btn_sns li a{display:inline-block;width:20px;height:20px;font-size:0;text-indent:-9999px;background-size:20px;background-repeat:no-repeat;background-position:0 0;overflow:hidden;vertical-align:top;}/* 241008 hyj 수정 */ .header .btn_sns li a:hover{background-position-y:-20px;} .header .btn_sns li .btn_insta{background-image:url('../images/common/h_ico_insta.png');} .header .btn_sns li .btn_youtube{background-image:url('../images/common/h_ico_youtube.png');} .header .btn_sns li .btn_blog{background-image:url('../images/common/h_ico_blog.png');} .header .btn_sns li .btn_kakao{background-image:url('../images/common/h_ico_kakao.png');} .header .btn_sns li .btn_pc{display:block;} .header .btn_sns li .btn_m{display:none;} /* //241004 hyj 수정 */ .header .gnbTitle {display:table;width:100%;overflow:hidden} .header .gnbTitle > li {display:table-cell;width:14.285%;text-align:center;} .header .gnbTitle > li > a {position:relative;display:block;height:50px;line-height:50px;color:#fff;font-size:16px;} .header .gnbTitle > li > a:hover {color:#d4bf89;} .header .gnbTitle > li > a:hover:after, .header .gnbTitle > li.on a:after {content:''; position:absolute; bottom:0; left:0; right:0; width:100%; height:4px; background-color:#d4bf89;} .header .gnbTitle .new{width:17px;height:17px;margin-left:3px;display:inline-block;vertical-align:middle;font-size:0;text-indent:-9999px;background:url('../images/common/ico_new.png') no-repeat;position:relative;top:-1px;}/* 250311 kmh 추가 */ .header .wrap_nav {position:relative;} .header .navigation {position:absolute;height:0;left:0;top:49px;right:0;width:100%;background:#282724;z-index:9000;overflow:hidden;transition: all .3s ease;} .header .navigation.on {border-bottom:1px solid #555040} .header .navigation .btn_sns{display:none;}/* 250311 kmh 추가 */ .navigation nav {width:auto; max-width:1000px; margin:0 auto} .navigation h2 .menu, .closeGnb {display:none} /* 221222 hyj 수정 */ .navigation .mb_login{display:none;padding:20px;text-align:center;border-bottom:1px solid #313131;} .navigation .mb_login a{display:inline-block;width:90px;line-height:1;padding:10px 0;color:#bbb4a3;font-size:13px;text-align:center;border:1px solid #bbb4a3;border-radius:25px;} .navigation .mb_login form{display:inline;} .navigation .mb_login .mb_btn_join{margin-left:5px;color:#444;background-color:#bbb4a3;} /* // */ .navigation .gnb{margin-left:0} .navigation .gnb:after {content:""; clear:both; display:block} .navigation .gnb > li > a {display:none;} .navigation .gnb > li span {display:none;} .navigation .gnb ul._sub {display:table;width:100%;padding:20px 0;text-align:center; vertical-align:top;} .navigation .gnb ul._sub:before, .navigation .gnb ul._sub:after {content:'';display:block;clear:both;width:100%;} .navigation .gnb ul._sub#sub_menu3 li {display:inline-block;} .navigation .gnb ul._sub a {display:block;line-height:30px;color:#fff; font-size:14px; border-bottom:1px solid transparent;} .navigation .gnb ul._sub > li {display:table-cell;text-align:left;vertical-align:top;} .navigation .gnb ul._sub > li > a {padding:0 20px;text-align:center;} .navigation .gnb ul._sub > li dl {width:90%;text-align:center;}/* 250509 hyj 수정 */ .navigation .gnb ul._sub > li dl dt {display:block;padding:1px 0 8px; margin-bottom:10px; color:#d4bf89; font-size:13px; border-bottom:1px solid #555145;} /*.navigation .gnb ul._sub > li dl dt a {color:#d4bf89;} 230426 pny 삭제 */ .navigation .gnb ul#sub_menu2 > li {width:20%;} .navigation .gnb li:first-child ul._sub {display:none;} .navigation .gnb dl dd li .new_mark {background: url(../images/ico/ico_new.png) 0 0 no-repeat; width: 16px; height: 16px; display: inline-block; margin:-5px 0 0 5px;} .navigation .gnb dl dd a.down_pdf {position:relative; font-family:ngb} .navigation .gnb dl dd a.down_pdf:hover {border-color:transparent;} .navigation .gnb dl dd a.down_pdf:after {content:''; display:inline-block; width:60px; height:23px; margin-left:5px; vertical-align:middle; background:url(../images/common/icon_pdf_02.png) no-repeat;} /* //header */ /* FOOTER */ /* 250509 hyj 수정 */ footer{line-height:1.2;padding-bottom:70px;background:#222} footer .inner{position:relative;max-width:1000px;margin:0 auto} footer .foot_info1{display:flex;padding:40px 0 30px;justify-content:space-between;align-items:center;} footer .foot_info1 .number{display:inline-block;color:#d4bf89;font-size:19px;font-family:ngb;} footer .foot_info1 .number a{color:#d4bf89;font-size:19px;font-family:ngb;} footer .foot_info1 .number a + a{margin-left:10px;} footer .foot_info1 .centerLink{display:inline-block;margin:0 10px} footer .foot_info1 .centerLink li{display:inline-block;} footer .foot_info1 .centerLink li:first-child a{padding-left:0;background:none} footer .foot_info1 .centerLink li:last-child a{padding-right:0} footer .foot_info1 .centerLink li:nth-child(3) a{font-family:ngb;color:#d4bf89} footer .foot_info1 .centerLink li a{display:inline;padding:0 15px 0 14px;color:#cacaca;font-size:12px;background:url("../images/common/bar_footer.gif") no-repeat 0 3px} footer .foot_info1 .familySite{position:relative;width:150px;height:25px;text-align:left;background:#000 url("../images/common/ico_family.png") no-repeat 127px center} footer .foot_info1 .familySite a.familyBtn{display:block;height:25px;line-height:25px;padding-left:16px;color:#858585;font-size:11px;font-weight:bold;} footer .foot_info1 .familySite ul li a{display:block;height:25px;line-height:25px;padding-left:16px;color:#858585;font-size:11px} footer .foot_info1 .familySite ul li a:hover, footer .foot_info1 .familySite ul li a:active{background:#4b4b4b} footer .foot_info1 .familySite ul{display:none;position:absolute;left:0;right:0;top:-212px;z-index:10;padding:6px 0;background:#000} footer .foot_info1 .familySite ul.on{display:block} footer .foot_info1 .familySite ul li{display:block;} footer .foot_info2{position:relative;padding:25px 0 60px;border-top:1px solid #383838} footer .foot_info2 *{font-family:"맑은 고딕", Dotum, "돋움"} footer .foot_info2 ul{width:725px;} footer .foot_info2 ul + ul{margin-top:25px;} footer .foot_info2 li, footer .foot_info2 li a, footer .foot_info2 li p{font-size:11px;color:#6c6c6c;letter-spacing:0;line-height:1.8;}/* 251024 kmh 수정 */ footer .foot_info2 li{display:inline-block;padding-right:5px;} footer .foot_info2 li strong{font-weight:normal;vertical-align:top} footer .foot_info2 li address{display:inline-block;vertical-align:top} footer .foot_info2 a{color:#7d7d7d} footer .foot_info2 a:hover{color:#0083ca} footer .foot_info2 .info2_3 li:nth-of-type(1){display:block;} footer .foot_info2 .copyright{display:block} /* 251024 kmh 추가 */ footer .pc_only{display:inline-block;} footer .mo_only{display:none;} /* //251024 kmh 추가 */ footer .appDown{display:flex;position:absolute;right:0;top:120px;z-index:1;}/* 250519 hyj 수정 */ footer .appDown:after{content:"";clear:both;display:block} footer .appDown span{display:block;padding:5px 0;margin-right:15px;color:#838383;font-size:12px;font-family:ngb} footer .appDown .icoWrap{display:inline-block;} footer .appDown .icoWrap:after{content:"";clear:both;display:block} footer .appDown a{display:inline-block;margin-right:15px;padding:5px 10px 5px 0;background:url("../images/btn/appdown_right.png") no-repeat 100% 9px;font-family:ngb} footer .appDown a em{display:inline-block;line-height:14px;vertical-align:top;letter-spacing:-1px;font-size:12px;font-family:ngb;color:#d4bf89} /* //250509 hyj 수정 */ /* CONTENT */ #content{position:relative;padding-bottom:5%;margin-top:111px;} /* 250311 kmh 수정 */ #content:before{content:''; width:100%; height:186px; position:absolute; left:0; top:0; background:url('../images/common/title_area_bg.png') repeat;} .content > div {/* width:1000px; margin:0 auto; padding-bottom:10%; */position:relative;} .content > div.wideBox {padding-bottom:0} .content > div.eduIntro{width:100%; padding:0 0 0;overflow:hidden;}/* 241004 hyj 수정 */ .content > div.eduInfo.eduIntro{padding:0 0 10%;} .content .tableTop{margin:0 auto 16px;} .content .contBox{margin:0 auto;} .titleArea {text-align:center;} .titleArea h2, .titleArea h3, .titleArea ul{position:relative;} .titleArea .titleBox{height:186px;} .titleArea .cssTable, .titleArea .cssTD{height:100%;} .titleArea .cssTD{vertical-align:middle;} .titleArea .cssTD h2, .titleArea .cssTD h3{margin:0; padding:0;} .titleArea .cssTD h2 + h3{margin-top:10px;} p.w_guide {margin:-5px 0 13px; text-align:right;} p.w_guide a.down_pdf {color:#545454; font-size:14px; font-family:"nbBold"; vertical-align:middle;} .topbtn{position: fixed;right: 20px;bottom: 24px;display:block;border-radius:3px;font-size:11px;text-align: center;color:#fff;background: url('../images/btn/toparrow.png') no-repeat center 7px;width: 34px;height: 34px;background-color:#c0c0c0;z-index:1000;line-height:34px;} .topbtn strong{padding-top:5px;display:block;} .topbtn:hover{background-color:#7f7f7f;} /* 체험스토리 전체 타이틀 */ .info_tit, .info_tit_s{line-height:1;} .info_tit{font-size:33px;color:#fff;text-align:center;position:relative} .info_tit_s{margin-top:10px;font-size:31px;color:#d4bf89;text-align:center;} /* 학원이름 변경? */ .store_302, .store_306, .store_309, .store_310, .store_313, .store_314, .store_317{display:inline-block;overflow:hidden;font-family:ngb;margin:0 auto;width:47px;height:21px;line-height:21px;border-radius:11px;font-size:13px;color:#b0944c;text-indent:0;text-align:center; border:1px solid #d4bf89;} /* 상단텍스트 */ .contBox .top_txt{text-align:center} .contBox .top_txt p{line-height:1} .contBox .top_txt .txt1{font-size:21px;color:#333;padding:0 0 25px} .contBox .top_txt .txt2{font-size:19px;color:#474747;line-height:24px;padding:0 0 21px} .contBox .top_txt .txt2 span{font-family:ngb;color:#b0944b;vertical-align:top} .contBox .top_txt .txt2:after{content:'';display:block;width:11px;height:1px;margin:21px auto 0;background:url(../images/common/bar_g.gif) no-repeat 0 0} .contBox .top_txt .txt3{font-size:15px;color:#8c8a8a;padding:33px 0} /* 체험스토리 리뷰 슬라이드 영역 */ .review_slide{position:relative;max-width:890px;margin:0 auto 25px;border:1px solid #d9d9d9;} .review_slide ul:after{content:'';display:block;clear:both} .review_slide li a{display:block;padding:5px;margin:8px;border:2px solid #fff} .review_slide .swiper-slide {width:33.333% !important;} .review_slide li.active a, .review_slide li a:hover{border:2px solid #d4bf89} .review_slide .review_photo {border:1px solid #999} .review_slide .review_photo img{width:100%;} .review_slide .review_cont{background:#f6f6f6;border:1px solid #e4e4e4;border-top:0;padding:19px 0 7px} .review_slide .review_cont p{text-align:center;} .review_slide .review_cont .tit{font-size:16px;font-family:ngb;color:#000;line-height:17px;height:17px;overflow:hidden;margin:0 0 6px} .review_slide .review_cont .prg{font-size:15px;color:#666;line-height:16px;height:16px;overflow:hidden;margin:0 0 8px} .review_slide .btn_review_slide{} .review_slide .btn_review_slide a{background:url(../images/contents/btn_review_slide.png) no-repeat 0 0;width:37px;height:51px;position:absolute;top:142px;left:0;z-index:20} .review_slide .btn_review_slide .prev{} .review_slide .btn_review_slide .next{background-position:-37px 0;left:auto;right:0} .btn_review_slide a.swiper-button-disabled{opacity:.3;cursor:auto;pointer-events:none} /* 체험스토리 우수후기 */ .tit_exp_more{font-size:18px;font-family:ngb;color:#545454;padding:0 0 20px 16px;position:relative} .tit_exp_more:before{content:'';display:block;width:7px;height:7px;background:#d4bf89;border-radius:3px;position:absolute;top:4px;left:0} .tit_exp_more span{vertical-align:top} .review_cont_box{border:1px solid #ccc;padding:9px;margin:0 0 53px;background:#fbfbfb;text-align:center} .review_cont_box img{max-width:100%} /* 체험스토리 일반후기 */ .cont_view{padding:0 25px} .cont_view .cont_box{padding:0 0 26px 0} .cont_view .cont_box:last-child{border-bottom:0} .cont_view .cont_box .q_tit{font-size:16px;font-family:ngb;color:#b0964b;line-height:20px;border:1px solid #cdd3d4;border-bottom:0;padding:12px 0 10px 16px} .cont_view .cont_box .text_area{border:1px solid #cdd3d4;padding:15px 0 15px 15px;line-height:1.6;text-indent:0;background:#f5f5f5} .cont_view .cont_box .text_area p{background:#f5f5f5;box-sizing:border-box;width:100%;border:0;text-indent:0;padding:0 15px 0 0;margin:0;font-size:15px;color:#666;line-height:22px;outline:0}/* 220727 kmh 수정 */ .add_img_list{padding:0 16px;position:relative} .add_img_list ul:after{content:'';display:block;clear:both} .add_img_list li{float:left;width:20%} .add_img_list li .add_img{background:#f8f8f8;border:1px solid #cdd3d4;display:block;margin:0 9px;cursor:pointer} .add_img_list li .add_img.none{cursor:default} .add_img_list li .add_img img{width:100%} .add_img_list li.active .ly_add_img{display:block} .ly_add_img{display:none;position:absolute;bottom:80px;left:0;width:100%;text-align:center} .ly_add_img img{width:610px;border:2px solid #444} .review_list_next{border-top:1px solid #858585;border-bottom:1px solid #858585;margin:46px 0 0} .review_list_next ul{} .review_list_next li{height:38px;line-height:38px} .review_list_next li:first-child{border-bottom:1px solid #dedede} .review_list_next li:after{content:'';display:block;clear:both} .review_list_next li span{float:left;width:14%;background:#f8f8f8;text-align:center;font-size:14px;font-family:ngb;color:#666} .review_list_next li span:before{display:inline-block;margin-right:16px;color:#3e1e10} .review_list_next li span.arrow_next:before{content:'<';} .review_list_next li span.arrow_prev:before{content:'>';} .review_list_next li a{float:left;width:86%;padding-left:34px;box-sizing:border-box;font-size:13px;color:#999;overflow:hidden;height:38px} /* 체험스토리 테이블 타입 1 */ .tbl_review{border-top:2px solid #494949} .tbl_review table{} .tbl_review tbody th, .tbl_review tbody td{padding:15px 0;border-bottom:1px solid #e0e0e0;box-sizing:border-box} .tbl_review tbody .tit th, .tbl_review tbody .tit td{height:46px;padding:0} .tbl_review tbody .tit td{text-indent:0} .tbl_review tbody th{background:#f8f8f8;text-align:left;text-indent:28px;font-size:14px;color:#868585} .tbl_review tbody td{text-align:left;text-indent:16px;font-size:14px;color:#727272} .tbl_review tbody td .input_text{padding-left:16px;display:block} .tbl_review tbody td .input_text input{background:#f8f8f8;width:100%;height:29px;line-height:29px;box-sizing:border-box;border:1px solid #cdd3d4} .tbl_review tbody .cont td{height:auto;padding:0;text-indent:0} .tbl_review tbody .file th{vertical-align:top} .tbl_review tbody .file td{padding-top:10px} .tbl_review tbody .file .info_txt{font-size:15px;color:#999} .tbl_review tbody .file .info_txt span{vertical-align:top;font-family:ngb;color:#b0944b} /* 체험스토리 테이블 타입 1-1 */ .tbl_review.type2{margin-bottom:40px} .tbl_review.type2 tbody th, .tbl_review.type2 tbody td{padding:9px 0} .tbl_review.type2 tbody td{} .tbl_review.type2 tbody select{width:90%;box-sizing:border-box;border:1px solid #e7e7e7;height:28px;line-height:28px;text-indent:10px;padding:0;margin:0;text-align:center} .teacher_name{color:#b0944b} /* 체험스토리 테이블 타입 2 */ .tbl_review2{} .tbl_review2 table{} .tbl_review2 thead th{background:#f8f8f8;text-align:center;font-size:14px;color:#868585;border-top:1px solid #d9d5d5;border-bottom:1px solid #d9d5d5;box-sizing:border-box;padding:11px 0} .tbl_review2 tbody tr.best{background:#f4f1e9;} .tbl_review2 tbody td{text-align:center;font-size:15px;color:#515151;padding:17px 0;border-bottom:1px solid #ebe8e8;box-sizing:border-box} .tbl_review2 tbody td.tit{text-align:left;padding-left:60px;position:relative} .tbl_review2 tbody td.tit a{color:#515151} .tbl_review2 tbody td.writer{text-align:left} .tbl_review2 tbody td.writer .name{font-size:14px;margin-left:4px;font-family:ngb} .tbl_review2 tbody td .icon_best{display:inline-block;overflow:hidden;font-family:ngb;margin:-8px 11px 0 0;width:35px;height:17px;line-height:17px;border-radius:9px;font-size:12px;color:#fff;text-indent:0;text-align:center;background:#000;position:absolute;top:50%;left:14px} .tbl_review2 tbody td .num{width:36px;text-align:center;display:inline-block;position:absolute;top:21px;left:14px} .tbl_review2 tbody td .icoNew{position:absolute; left:25px; top:21px;} .tbl_review2 .tit_review{display:none} /* 체험스토리 테이블 타입 2-1 */ .tbl_review2.type2{padding:0;border-top:1px solid #a0a0a0;margin-bottom:40px} .tbl_review2.type2 thead{display:none} .tbl_review2.type2{border-bottom:1px solid #dbdbdb} .tbl_review2.type2 tbody td{background:#f8f8f8;font-size:14px;color:#545454;padding:12px 0;position:relative;border-bottom:0} .tbl_review2.type2 tbody tr td:first-child{text-align:left;padding-left:32px} .tbl_review2.type2 tbody tr td:after{content:'';display:block;width:1px;height:12px;background:#c5c5c5;position:absolute;top:16px;right:0} .tbl_review2.type2 tbody tr td:last-child:after{display:none} .tbl_review2.type2 tbody td.writer{text-align:center} .tbl_review2.type2 dt{display:none} .tbl_review2.type2 dd{border-bottom:1px solid #e9e9e9;position:relative} .tbl_review2.type2 dd.tit{font-size:16px;color:#262626;font-family:ngb;font-weight:bold;height:44px;line-height:44px;overflow:hidden;background:#f8f8f8;padding-left:73px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal} .tbl_review2.type2 dd .icon_best{display:inline-block;overflow:hidden;font-family:ngb;margin:0 11px 0 0;width:35px;height:17px;line-height:17px;border-radius:9px;font-size:12px;color:#fff;text-indent:0;text-align:center;background:#ee1520;position:absolute;top:13px;left:32px} .contBox .lecture_tit{font-family:ngb;padding:0 0 5px;color:#666} /* 수강후기 내용 */ .cont .cont_box{padding:20px 0 20px 16px;border-bottom:1px solid #ebe8e8} .cont .cont_box:last-child{border-bottom:0} .cont .cont_box .q_tit{font-size:13px;font-family:ngb;color:#333;height:42px;line-height:42px;border:1px solid #cdd3d4;border-bottom:0;padding-left:16px} .cont .cont_box .text_area{border:1px solid #cdd3d4;height:84px;padding:15px 0 15px 15px;text-indent:0;background:#ecefef} .cont .cont_box .text_area textarea{background:#ecefef;box-sizing:border-box;width:100%;height:80px;border:0;text-indent:0;padding:0 15px 0 0;margin:0;font-size:13px;color:#c7c7c7;line-height:20px;outline:0} .cont .cont_box .text_area textarea.write{color:#444} /* 파일첨부 */ .file_form{position:relative;padding-left:0;padding-bottom:10px} .file_input_textbox{width:73%;height:32px;line-height:32px;padding:0;background:#ecefef;box-sizing:border-box;border:1px solid #cdd3d4;font-size:16px;color:#727272;text-indent:12px;font-size:14px} .file_input_div{position:absolute;right:125px;top:0;width:86%;text-align:right} .file_input_btn{width:90px;height:32px;line-height:32px;font-size:14px;color:#fff;text-align:center;background:#545454;display:inline-block;text-decoration:none;text-indent:0} .file_input_btn:hover{text-decoration:none} .file_input_hidden{position:absolute;left:0;top:0;width:100%;height:30px;opacity:0;filter:alpha(opacity=0);-ms-filter:alpha(opacity=0);cursor:pointer} .file_add_plus{position:absolute;top:0;right:0;width:120px;height:32px;line-height:32px;background:#545454;font-size:14px;color:#fff;text-align:center;text-indent:0} .file_add_plus:hover{text-decoration:none} .file_add_plus.gray {background:#c3bfbf} .add_file_list{border-top:2px dashed #e0e0e0;text-indent:0;margin-left:16px;padding:8px 0 3px} .add_file_list li{margin-bottom:5px} .add_file_list .file_name{width:74%;height:32px;line-height:32px;padding:0;background:#ecefef;box-sizing:border-box;color:#727272;text-indent:12px;font-size:14px;display:inline-block;vertical-align:top} .add_file_list .btn_add_delete{width:90px;height:32px;line-height:32px;font-size:14px;color:#fff;text-align:center;background:#c3bfbf;display:inline-block;text-decoration:none;text-indent:0;vertical-align:top;margin-left:5px} .file_caution {font-size:13px;color:#666;margin-bottom:10px;} .pic_list {margin:0 0 -10px -11px;} .pic_list:after {display:block;content:"";clear:both} .pic_list li{float:left;position:relative;width:160px;margin:0 0 10px 11px;} .pic_list li a {position:absolute;right:10px;top:9px} /* 비지니스 버튼 */ .btn_exp{ display:inline-block; width:256px; background:#ee1520; border-radius:4px; padding:20px 0; text-align:center;line-height:1.4; margin:0 10px;} .btn_exp > span{display:block; font-size:18px; color:#fcff25; } .btn_exp > span.big{font-size:24px;} .btn_exp > strong{ display:block; font-size:28px; color:#fff;} /* 동의 */ .agree_chk{padding:20px 0 0} .agree_chk p{padding:0 0 7px 33px;min-height:22px;line-height:22px;position:relative} .agree_chk input{width:22px;height:22px;position:absolute;top:0;left:0} .agree_chk label{font-size:15px;color:#727272} .btn_agree_view{width:79px;height:22px;line-height:22px;text-align:center;font-size:12px;color:#fff;background:#545454;border-radius:3px;display:inline-block;margin-left:10px} .agree_box{border:1px solid #ebe8e8;padding:25px 25px 0;display:none} .agree_box .tit{font-size:14px;font-family:ngb;color:#333;padding:0 0 18px} .agree_box .stit{font-size:14px;color:#333;padding:0 0 5px} .agree_box .txt{font-size:14px;color:#727272;line-height:22px;padding:0 0 25px} /* 하단 버튼타입 1 */ .btn_group_c{text-align:center;padding:30px 0 0} .btn_group_c:after{content:'';display:block;clear:both} .btn_group_c a{display:inline-block;width:160px;height:38px;line-height:38px;text-align:center;font-size:17px;color:#fff;border-radius:4px;margin:0 6px} .btn_group_c .btn_type_red{background:#000} .btn_group_c .btn_type_gray{background:#fff; color:#000; border:1px solid #000;} /* 하단 버튼타입 2 */ .btn_group_c2{text-align:center;padding:70px 0 0} .btn_group_c2:after{content:'';display:block;clear:both} .btn_group_c2 a{display:inline-block;width:220px;height:46px;line-height:46px;text-align:center;font-size:18px;color:#fff;border-radius:4px;margin:0 6px} .btn_group_c2 .btn_regist_lecture{background:#000 url(../images/contents/icon_lecture.png) no-repeat 38px 11px;text-indent:38px} .btn_group_c2 .btn_regist_teacher{background:#000 url(../images/contents/icon_teacher.png) no-repeat 31px 7px;text-indent:35px} .btn_group_c2 .btn_regist_teacher.type2{background:#000 url(../images/contents/icon_teacher.png) no-repeat 31px 7px;background-size:29px auto;float:none;width:220px;float:none} /* 하단 버튼타입 3 */ .btn_review_list{text-align:right;padding:17px 0 0} .btn_review_list a{display:inline-block;width:132px;height:39px;line-height:39px;text-align:center;font-size:17px;color:#fff;background:#676666 url(../images/contents/icon_list.png) no-repeat 32px 14px;border-radius:3px;text-indent:32px} /* 검색폼 */ .search_form{text-align:center;background:#f5f5f5;padding:24px 0;margin:38px 0 0} .search_form .tit_select{display:inline-block;margin-right:2px} .search_form .tit_select select{min-width:106px;height:30px;box-sizing:border-box;border:1px solid #dcd8d8;text-indent:10px;font-size:15px} .search_form .tit_select select.selSearchType_wide{width:160px;} /* 230426 pny 추가 */ .search_form .search_input{display:inline-block;position:relative;width:466px;text-align:left} .search_form .search_input input{width:100%;height:30px;box-sizing:border-box;border:1px solid #dcd8d8;text-indent:10px;font-size:15px} .search_form .search_input .btn_search{width:72px;height:30px;position:absolute;top:0;right:0;background:url(../images/contents/btn_search_pc.png) no-repeat 0 0} /* 수강후기등록 바로가기 */ .lecture_review_area{height:105px;background:url(../images/contents/bg_starbucks_ban.jpg) no-repeat 0 0;margin:58px 0 0;position:relative} .lecture_review_area p{letter-spacing:-1px;line-height:1} .lecture_review_area .tit{font-size:24px;color:#1e1e1e;font-family:ngb;padding:20px 0 9px 36%} .lecture_review_area .tit a{color:#1e1e1e;cursor:default} .lecture_review_area .tit span{color:#b0944b;vertical-align:top} .lecture_review_area .txt{color:#666;font-size:15px;line-height:20px;padding-left:36%;width:336px} .lecture_review_area .txt span{color:#0e6e46;vertical-align:top;font-family:ngb} .lecture_review_area .btn_lecture_review{font-size:18px;color:#546463;position:absolute;bottom:12px;right:19px;border:1px solid #546463;display:block; width:130px;height:37px;line-height:37px;border-radius:3px;text-indent:14px} .lecture_review_area .btn_lecture_review:after{content:'';display:block;width:24px;height:23px;background:url(../images/contents/icon_arrow_circle.png) no-repeat 0 0;position:absolute;top:6px;right:13px} /*파고다 체험스토리 상단배너 */ .teacher_story .teacher_top_bn{margin-bottom:40px;} .teacher_story .teacher_top_bn .tit{text-align:center;height:58px;background:#e88f91;padding-top:7px;} .teacher_story .teacher_top_bn .bn_cont{width:100%;height:320px;background:url(../images/contents/btn_expstory_bg.jpg) 0 0 no-repeat;} .teacher_story .teacher_top_bn .bn_cont .sub_tit{display:block;font-size:22px; color:#1e1e1e; text-align:center;padding-top:20px; line-height:30px;} .teacher_story .teacher_top_bn .bn_cont .sub_tit span{ color:#c22b2b; vertical-align:baseline; line-height:26px;} .teacher_story .teacher_top_bn .bn_cont .sub_tit.m{display:none;} .teacher_story .teacher_top_bn .bn_cont .li_area:after{content:'';display:block;clear:both} .teacher_story .teacher_top_bn .bn_cont .li_area .rank_img{width:45%;float:left;text-align:right;padding-right:20px;} .teacher_story .teacher_top_bn .bn_cont ul.li_area{text-align:center;margin:20px 0 15px;padding-left:50px;width:950px;height:100px;} .teacher_story .teacher_top_bn .bn_cont ul.li_area li{float:left; width:33%;} .teacher_story .teacher_top_bn .bn_cont ul.rank li.rank_img{width:42%} .teacher_story .teacher_top_bn .bn_cont ul.rank li{width:58%;float:left;text-align:left;font-size:24px;font-weight:bold;color:#c22b2b;padding-left:10px;letter-spacing:-2px;} .teacher_story .teacher_top_bn .bn_cont ul.rank .rank_num{margin:22px 0 10px;display:inline-block;padding:0 15px;height:23px;text-align:center;padding-top:7px;border-radius:20px;background:#9a8584;color:#fff;font-size:17px;font-weight:bold;letter-spacing:-1px;} .teacher_story .teacher_top_bn .bn_cont .exp_txt{padding-left:210px;} .teacher_story .teacher_top_bn .bn_cont .exp_txt.m{display:none;} .teacher_story .teacher_top_bn .bn_cont .txt{text-align:left;font-size:15px;line-height:26px;color:#545454;} .teacher_story .teacher_top_bn .bn_cont .txt .dot{font-size:5px;color:#8d363b;} .teacher_story .teacher_top_bn .bn_cont ul.li_area.st02 li{width:47%;} .teacher_story .teacher_top_bn .bn_cont ul.rank li.rank_img{text-align:right;} .teacher_story .teacher_top_bn .bn_cont ul.li_area li.li01 .rank_num{margin-right:10px;display:inline-block;padding:0 15px;height:23px;text-align:center;padding-top:7px;border-radius:20px;background:#9a8584;color:#fff;font-size:14px;font-weight:bold;letter-spacing:-1px;margin-bottom:3px;} .teacher_story .teacher_top_bn .bn_cont ul.li_area li.li01 .rank_txt{width:50%;float:left;text-align:left;font-size:20px;font-weight:bold;color:#c22b2b;letter-spacing:-2px;} /*//파고다 체험스토리 상단배너*/ /* 셀렉트박스 유형 추가 */ .tableTop .select .selectbox2{width:163px;min-width:47px; border:1px solid #e7e7e7;padding:2px 2px 2px 3px; height:20px; box-sizing:content-box;padding:3px 2px 3px 3px} /* 강사후기등록 */ .input_area textarea{padding:10px;height:18px;border:1px solid #d9d9d9;background:#f1f1f1;width:100%;height:116px;box-sizing:border-box} /* 프로그램 영역 */ .cont_w1000{max-width:1000px;margin:0 auto;position:relative} .tit_exp{font-size:18px;font-family:ngb;color:#545454;padding:0 0 20px 16px;position:relative;margin:0 0 6px 6px} .tit_exp:before{content:'';display:block;width:7px;height:7px;background:#d4bf89;border-radius:3px;position:absolute;top:4px;left:0} /* 프로그램,과목 레이어 */ .tableTop .select_list{display:none} /* 수강후기 등록(수정) */ .lecture_review .btn_group_c .btn_type_gray.dark{background:#676666} .tbl_review.page_modify .info_txt.mobile {display:none} .tbl_review.page_modify .file_input_btn.mobile {display:none} .tabbody .jp_prg_tab{padding:15px 0 35px} .tabbody .jp_prg_cont > div{display:none} .tabbody .jp_prg_cont > div:first-child{display:block} .tabbody .jp_prg_cont .tit_prg{font-family:ngb;color:#b0944b;font-size:26px;line-height:1;padding-bottom:30px} .tabbody .jp_prg_cont .prg_list{padding-bottom:45px} .tabbody .jp_prg_cont .prg_list li{color:#6b6b6b;font-size:16px;line-height:22px} .tabbody .jp_prg_cont .prg_list li span{display:inline} .tabbody .jp_prg_cont .prg_list li em{display:block} .jp_prg_cont .tableStyle5 dl dt{width:129px} .compos .jp_prg_cont .tableStyle5 dl dd{background:#fff;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;margin-left:129px} .compos .jp_prg_cont .tableStyle5 dl dd > p{text-align:left;display:block;font-size:17px;color:#3a3939;line-height:20px} .compos .jp_prg_cont .tableStyle5 .book3 dl dd{height:auto;padding:0} .jp_prg_cont .tbl_prg{width:100%} .jp_prg_cont .tbl_prg th{background:#f6f3ee;color:#b0944b;font-size:16px;font-family:ngb;line-height:18px;padding:15px 0 7px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1} .jp_prg_cont .tbl_prg tr:first-child th{border-top:0} .jp_prg_cont .tbl_prg th span{font-size:16px} .jp_prg_cont .tbl_prg td{background:#fff;color:#3a3939;font-size:15px;line-height:22px;padding:20px 0;text-align:left;padding-left:23px;box-sizing:border-box} .jp_prg_cont .tbl_prg th, .jp_prg_cont .tbl_prg td{border-left:1px solid #e1e1e1} /* 영어,중국어,일어 랜딩 */ #one-integration .one_sect1{padding:114px 0 48px} #one-integration .one_sect1 .tit_txt1{font-size:40px;color:#000;line-height:1} #one-integration .one_sect1 .tit_txt2{font-size:50px;color:#d0101a;line-height:1;font-family:ngb;padding:11px 0 16px} #one-integration .one_sect1 .tit_txt2 span{vertical-align:top;display:inline} #one-integration .one_sect1 .tit_txt3{font-size:20px;color:#000;line-height:1;padding-bottom:28px} #one-integration .one_sect1 .tit_txt4{font-size:26px;color:#1e1e1e;line-height:40px;padding-bottom:30px} #one-integration .one_sect1 .tit_txt4 span{vertical-align:middle;font-size:36px;color:#133a91;font-family:ngb} #one-integration .nation_list{position:relative;padding:46px 0 40px;max-width:1000px;margin:0 auto;box-sizing:border-box} #one-integration .nation_list ul{content:'';display:block;clear:both} #one-integration .nation_list li{float:left;width:33.3%;padding-top:160px} #one-integration .nation_list li p{font-size:16px;color:#848282;line-height:26px;position:relative;display:inline-block;letter-spacing:-1px} #one-integration .nation_list li p:before{content:'';display:block;width:17px;height:12px;position:absolute;top:-5px;left:0;background:url(../images/contents/oneTotal/p_before.png) no-repeat 0 0} #one-integration .nation_list li p:after{content:'';display:block;width:17px;height:12px;position:absolute;bottom:0;right:-26px;background:url(../images/contents/oneTotal/p_after.png) no-repeat 0 0} #one-integration .nation_list li.en{background:url(../images/contents/oneTotal/bg_en.png) no-repeat 85px 0} #one-integration .nation_list li.en p:before{left:10px} #one-integration .nation_list li.en p:after{right:-15px} #one-integration .nation_list li.ch{background:url(../images/contents/oneTotal/bg_ch.png) no-repeat 100px 0} #one-integration .nation_list li.ch p:before{left:40px} #one-integration .nation_list li.ch p:after{right:20px} #one-integration .nation_list li.jp{background:url(../images/contents/oneTotal/bg_jp.png) no-repeat 100px 0} #one-integration .nation_list li.jp p:before{left:35px} #one-integration .nation_list li.jp p:after{right:-27px} #one-integration .nation_list li span{display:block} #one-integration .nation_list:before{content:'';display:block;width:19px;height:1px;background:#505050;position:absolute;top:0;left:50%;margin-left:-10px} #one-integration .lv_box{background:#faf6f6 url(../images/contents/oneTotal/ico_lv.png) no-repeat center 24px;border:1px solid #ece9e9;max-width:1000px;margin:0 auto;padding:66px 0 54px} #one-integration .lv_box.cj{background-color:#cec9cd} #one-integration .lv_box .tit{font-size:26px;color:#010000;height:43px;line-height:43px;font-family:ngb;display:inline-block;border-top:2px solid #514c4c;border-bottom:2px solid #514c4c;padding:0 8px} #one-integration .lv_box .tit span{vertical-align:top;color:#de2810} #one-integration .lv_box .btn_group{padding-top:27px} #one-integration .lv_box .btn_group a{background:#ee1520 url(../images/contents/oneTotal/bg_bt1.png) no-repeat 70px 18px;text-align:center;font-size:20px;color:#fff;width:236px;height:61px;line-height:61px;border-radius:5px;display:inline-block;margin:0 8px;text-indent:30px} #one-integration .bt_free_lvtest{width:369px;height:61px;line-height:61px;font-size:22px;color:#fff;text-indent:76px;text-align:left;background:#ee1520 url(../images/contents/oneTotal/bg_bt1.png) no-repeat 41px 18px;margin:0 auto;display:block;border-radius:5px;letter-spacing:-1px} .tabbody .ch_prg_tab {padding:15px 0 35px;} .tabbody .ch_prg_cont > div {display:none;} .tabbody .ch_prg_cont > div:first-child {display:block;} .tabbody .ch_prg_cont .tit_prg {line-height:1; padding-bottom:30px; color:#b0944b; font-size:26px; font-family:ngb;} .tabbody .ch_prg_cont .prg_list {padding-bottom:45px;} .tabbody .ch_prg_cont .prg_list li {line-height:22px; color:#6b6b6b; font-size:16px;} .tabbody .ch_prg_cont .prg_list li span {display:inline;} .tabbody .ch_prg_cont .prg_list li em {display:block;} .ch_prg_cont .tableStyle5 dl dt {width:129px;} .compos .ch_prg_cont .tableStyle5 dl dd {margin-left:129px; border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background:#fff;} .compos .ch_prg_cont .tableStyle5 dl dd > p {display:block; line-height:20px; color:#3a3939; font-size:17px; font-family:ngb; text-align:left;} .compos .ch_prg_cont .tableStyle5 .book3 dl dd {height:auto; padding:0;} .ch_prg_cont .tbl_prg {width:100%; margin-top:-1px;} .ch_prg_cont .tbl_prg th {line-height:18px; padding:10px 0; color:#333; font-size:16px; font-family:ngb;border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#f6f3ee;} .ch_prg_cont .tbl_prg th span {font-size:16px;} .ch_prg_cont .tbl_prg td {line-height:1.3; padding:20px 0 20px 13px; color:#3a3939; font-size:15px; font-family:ngb; text-align:left; box-sizing:border-box; background:#fff; vertical-align:top;} .ch_prg_cont .tbl_prg td span {display:block; margin:3px 0; font-size:13px;} .ch_prg_cont .tbl_prg th, .ch_prg_cont .tbl_prg td {border-left:1px solid #e1e1e1;} .btn_reserve2 {display:none;} /* 파고다원이란 */ .inner {width:1000px; margin:0 auto;} .m_visible {display:none;} #one-integration {letter-spacing:-0.05em;} #one-integration .one_sect1 {height:580px; padding:0; background:url(../images/contents/oneTotal/bg_integration.jpg) center top no-repeat;}/* 180524 hyj 수정 */ #one-integration .one_sect1 p[class*=tit_txt] {line-height:1.5;} #one-integration .one_sect1 .tit_txt1 {padding-top:90px; color:#d4bf89; font-size:40px;} #one-integration .one_sect1 .tit_txt2 {padding:0; color:#fff; font-size:60px; font-family:ngb;} #one-integration .one_sect1 .tit_txt3 {padding:0; margin-top:20px; color:#fff; font-size:20px;} #one-integration .one_sect1 .tit_txt4 {position:relative; line-height:1.5; padding-top:30px; margin-top:30px; color:#fff; font-size:16px;} #one-integration .one_sect1 .tit_txt4:before {content:''; position:absolute; top:0; left:48%; width:40px; height:1px; background-color:#fff;} #one-integration .one_sect1 .tit_btn {margin:0 5%;}/* 180524 hyj 수정 */ #one-integration .one_sect2 {line-height:1.3; padding:80px 0; color:#000; font-size:30px; background:#fff;} #one-integration .one_sect2 .tit_txt1 {font-size:40px; } #one-integration .one_sect2 .tit_txt2 {font-size:40px; font-family:ngb;} #one-integration .one_sect2 .tit_txt2 span {color:#b0944c;} #one-integration .one_sect2 .tit_txt3 {margin:30px auto;} #one-integration .one_sect2 .tit_txt3 strong {color:#b0944c; font-size:34px; font-family:ngb;} /*맞춤상담예약*/ #one-integration a.btn_reserve {position:relative; display:inline-block; padding:14px 60px; color:#000; font-size:22px; border-radius:5px; background-color:#d4bf89;} #one-integration a.btn_reserve:after {content:''; display:inline-block; width:30px; height:30px; margin-left:15px; vertical-align:middle; background:url(../images/contents/oneTotal/btn_reserve.png) no-repeat;} #one-integration .one_study a.btn_reserve, #one-integration .one_recruit a.btn_reserve, #one-integration .one_story a.btn_reserve, #one-integration .one_sect2 a.btn_reserve{background-color:#000; color:#fff;} #one-integration .one_study a.btn_reserve:after, #one-integration .one_recruit a.btn_reserve:after, #one-integration .one_story a.btn_reserve:after, #one-integration .one_sect2 a.btn_reserve:after{background-image:url(../images/contents/oneTotal/btn_reserve_white.png);} #one-integration .one_sect2 .one_q1 {padding:0; margin:30px 0; color:#666; font-size:20px;} #one-integration .one_sect2 ul.one_a1 {display:inline-block; width:100%; text-align:center;} #one-integration .one_sect2 ul.one_a1 li {float:left; position:relative; width:33%;} #one-integration .one_sect2 ul.one_a1 li img {} #one-integration .one_sect2 ul.one_a1 li dl {position:relative; width:90%; line-height:1.3; margin:20px auto; border-radius:5px; background:url(../images/contents/oneTotal/bg_qna.png) no-repeat;} #one-integration .one_sect2 ul.one_a1 li dl:before {content:''; position:absolute; top:-10px; left:47%; border-width:0 7px 10px 7px; border-style: solid; border-color:transparent transparent #f6f6f6;} #one-integration .one_sect2 ul.one_a1 li dl dt {position:relative; padding:20px 0; color:#000; font-size:18px; font-family:ngb; /*background-color:#f9f1f1;*/} #one-integration .one_sect2 ul.one_a1 li dl dd {position:relative; padding:20px 0; color:#827860; font-size:15px; /*background-color:#efe4e4; */} #one-integration .one_sect3 {width:100%; max-width:100%; line-height:1.4; padding:80px 0; background:#333;} #one-integration .one_sect3 .one_q1 {padding:0; color:#fff; font-size:40px;} #one-integration .one_sect3 .one_q1 span {display:inline; font-family:ngb; vertical-align:top;} #one-integration .one_sect3 .one_q1 em {color:#d4bf89;} #one-integration .one_sect3 .one_a1 {margin-top:20px; color:#fff; font-size:20px;} #one-integration .one_sect3 .mtm {margin-top:40px; text-align:center;} #one-integration .one_sect3 .mtm dl {} #one-integration .one_sect3 .mtm dl dt {display:inline-block; line-height:1; padding:10px 60px; color:#fff; font-size:26px; font-family:ngb; border-radius:30px; background-color:#333; border:1px solid #515151;} #one-integration .one_sect3 .mtm dl dd {padding:40px 0; margin-top:-25px; border:1px solid #515151;} #one-integration .one_sect3 .mtm dl dd ul {margin-top:20px;} #one-integration .one_sect3 .mtm dl dd li {position:relative;display:inline-block; width:27%; padding:30px 0; margin:0 2%; background:#ede8e1 url(../images/contents/oneTotal/bg_dot.png) repeat-x; background-position:0 bottom;} #one-integration .one_sect3 .mtm dl dd li:before {position:absolute; left:5px; top:5px; font-size:50px; line-height:1; font-family:Arial; font-weight:bold; color:#e1d9ce;} #one-integration .one_sect3 .mtm dl dd li.box_01:before {content:'01';} #one-integration .one_sect3 .mtm dl dd li.box_02:before {content:'02';} #one-integration .one_sect3 .mtm dl dd li.box_03:before {content:'03';} #one-integration .one_sect3 .mtm dl dd .txt01 {position:relative; padding-bottom:20px; margin:10px 0 20px; color:#000; font-size:26px; font-family:ngb;} #one-integration .one_sect3 .mtm dl dd .txt01 span {vertical-align:top;} #one-integration .one_sect3 .mtm dl dd .txt01:before {content:''; position:absolute; left:48%; bottom:0; width:20px; height:1px; background-color:#554d60;} #one-integration .one_sect3 .mtm dl dd .txt02 {margin-bottom:5px; font-size:18px; font-family:ngb;} #one-integration .one_sect3 .mtm dl dd .txt03 {line-height:1.5; font-size:14px;} #one-integration .one_sect3 .mtm dl dd .txt02, #one-integration .one_sect3 .mtm dl dd .txt03{color:#666;} #one-integration .solution_step {padding:80px 0;} #one-integration .solution_step .num {display:inline-block; line-height:1.7; font-size:17px; font-family:ngb; letter-spacing:2px; text-indent:15px; border-width:1px; border-style:solid;} #one-integration .solution_step .num span {display:inline-block; height:100%; padding:0 10px; margin:0 0 0 10px; color:#fff; font-family:Arial; font-weight:bold; text-indent:0; text-align:center; vertical-align:top;} #one-integration .solution_step .tit {line-height:1; margin:20px 0 40px; color:#000; font-size:54px; font-family:ngb; background:url(../images/contents/oneTotal/bg_tit1.png) repeat-x 0 28px} #one-integration .solution_step .tit p {display:inline-block; padding:0 27px;} #one-integration .one_sect5.solution_step .tit p {background-color:#f8f8f8;} #one-integration .solution_step {padding-bottom:60px;} #one-integration .solution_step .tit p {background:#fff;} #one-integration .solution_step .num {color:#b0944c; border:1px solid #d4bf89;} #one-integration .solution_step .num span {background-color:#d4bf89;} /*솔루션01*/ #one-integration .one_sect4 {background-color:#fff;} /*절대적인회화시간*/ #one-integration .one_sect4 .study_box {padding:50px; margin-bottom:20px; text-align:center; background-color:#f8f8f8;} #one-integration .one_sect4 .study_tit {line-height:1.5; margin-bottom:20px; color:#000; font-size:40px; font-family:ngb;} #one-integration .one_sect4 .study_tit span {display:block; color:#999; font-size:20px;} #one-integration .one_sect4 .study_box img {max-width:100%; text-align:center;} #one-integration .one_sect4 .compare_tb {margin-top:40px; } #one-integration .one_sect4 .compare_tb table {width:100%; text-align:center;} #one-integration .one_sect4 .compare_tb thead th {padding:15px 0; color:#fff; font-size:17px; font-family:ngb; border-left:1px solid #fff; background-color:#999;} #one-integration .one_sect4 .compare_tb thead th:nth-child(1) {background-color:#ccc;} #one-integration .one_sect4 .compare_tb thead th:nth-child(3) {background-color:#d4bf89;} #one-integration .one_sect4 .compare_tb thead th:first-child {border-left:0;} #one-integration .one_sect4 .compare_tb tbody th {padding:15px 0; color:#000; font-family:ngb; border-top:1px solid #fff; background-color:#eee;} #one-integration .one_sect4 .compare_tb tbody td {color:#666; font-size:14px; border-width:1px 0 0 1px; border-style:solid; border-color:#fff; background-color:#eee;} #one-integration .one_sect4 .compare_tb tbody td:nth-child(1) {color:#515151; font-family:ngb;} #one-integration .one_sect4 .compare_tb tbody td:nth-child(3) {color:#b0944c; font-family:ngb;} /*모바일용*/ #one-integration .one_sect4 .compare_tb table.v_m_tb {text-align:center;} #one-integration .one_sect4 .compare_tb table.v_m_tb thead th:nth-child(2) {background-color:#d4bf89;} #one-integration .one_sect4 .compare_tb tbody td span {color:#b0944c; vertical-align:top;} /*나만을 위한 수업주제*/ #one-integration .one_sect4 .sbj_list li {position:relative; display:inline-block; width:30%; padding:30px 0; margin:0 1%; border:1px solid #999; background-color:#fff;} #one-integration .one_sect4 .sbj_list li:after {content:''; position:absolute; right:-1px; bottom:-1px; width:30px; height:30px; background:url(../images/contents/oneTotal/bg_sbj_arr.gif) no-repeat;} #one-integration .one_sect4 .sbj_list p {display:inline-block; vertical-align:middle;} #one-integration .one_sect4 .sbj_list img {vertical-align:middle;} #one-integration .one_sect4 a.btn_reserve {margin-top:20px;} /*솔루션02*/ #one-integration .one_sect5 {background-color:#f8f8f8;} #one-integration .one_sect5 .study_tit {line-height:1.5; margin-bottom:20px; color:#000; font-size:40px; font-family:ngb;} #one-integration .one_sect5 .study_tit span {display:block; color:#999; font-size:20px; font-family:'nb';} #one-integration .one_sect5.solution_step .story_list {padding:40px 0; background:url(../images/contents/oneTotal/bg_one_sect5.jpg) no-repeat;} #one-integration .one_sect5.solution_step .story_list .txt1 {line-height:1.5; color:#d4bf89; font-size:40px; font-family:ngb;} #one-integration .one_sect5.solution_step .story_list .txt2 {line-height:1.5; margin:5px 0 25px; color:#fff; font-size:20px;} #one-integration .one_sect5.solution_step .story_list .review_cont {line-height:1.5; margin-top:20px; color:#fff;} #one-integration .one_sect5.solution_step .story_list .review_cont .store span{color:#fff; border-color:#fff;} #one-integration .one_sect5.solution_step .story_list .review_cont .r_tit {font-size:16px; font-family:ngb; color:#d4bf89;} #one-integration .one_sect5.solution_step .story_list .review_cont .prg {margin:7px 0;font-size:16px; font-family:'nb';} #one-integration .one_sect5.solution_step .story_list .review_cont .store{font-size:15px;} #one-integration .one_sect5 .story_list .teach_photo img {width:270px; height:auto; max-width:100%; margin:0 auto; border-radius:100%; overflow:hidden;} #one-integration .one_sect5 .wrap_slider {position:relative;} #one-integration .one_sect5 .btn_review_slide {} #one-integration .one_sect5 .btn_review_slide a {display:inline-block; position:absolute; top:35%; width:20px; height:20px; border-width:0 0 3px 3px; border-style:solid; border-color:#131319; background-color:transparent; background-position:center; background-repeat:no-repeat; opacity:1; cursor:auto; pointer-events:auto;} #one-integration .one_sect5 .btn_review_slide .prev {left:-5%; transform: rotate(45deg); -webkit-transform: rotate(45deg);} #one-integration .one_sect5 .btn_review_slide .next {right:-5%; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);} #one-integration .one_sect5 .btn_review_slide .prev.swiper-button-disabled, #one-integration .one_sect5 .btn_review_slide .next.swiper-button-disabled {border-width:0;} #one-integration .one_sect5 .one_recruit {padding-top:60px;} #one-integration .one_sect5 .one_recruit .inner {width:900px;} #one-integration .one_sect5 .one_recruit .study_tit {margin-bottom:40px;} #one-integration .one_sect5 .one_recruit ul {margin:30px 0 40px; text-align:left;} #one-integration .one_sect5 .one_recruit ul li {line-height:1.3; margin:10px 0; color:#666; font-size:16px;} /*솔루션03*/ #one-integration .one_sect6 {background-color:#fff;} #one-integration .one_sect6 .study_box {padding:50px 70px; margin:50px 0; text-align:center; background-color:#f8f8f8;} #one-integration .one_sect6 .study_tit {line-height:1.5; margin-bottom:20px; color:#000; font-size:40px; font-family:ngb;} #one-integration .one_sect6 .study_tit span {display:block; color:#999; font-size:20px; font-family:'nb';} #one-integration .one_sect6 .study_box img {max-width:100%; text-align:center;} /*체계적관리*/ #one-integration .one_sect6 .wrap_mng {position:relative; display:inline-block; width:100%; margin:20px auto; text-align:center;} #one-integration .one_sect6 .wrap_mng .mng_tab {display:inline-block; width:100%; overflow:hidden;} #one-integration .one_sect6 .wrap_mng .mng_tab span {position:relative; float:left; width:20%; height:59px; padding:17px 0; color:transparent; font-size:0; text-indent:-9999px; cursor:pointer; border-right:1px solid #ddd; border-top:1px solid #ddd; border-radius:0; background-color:#fff; background-position:center; background-repeat:no-repeat; opacity:1; box-sizing:border-box;} #one-integration .one_sect6 .wrap_mng .mng_tab span:first-child {border-left:1px solid #ddd;} #one-integration .one_sect6 .wrap_mng .mng_tab span:nth-child(1) {background-image:url(../images/contents/oneTotal/mng_tab01_off.png);} #one-integration .one_sect6 .wrap_mng .mng_tab span:nth-child(2) {background-image:url(../images/contents/oneTotal/mng_tab02_off.png);} #one-integration .one_sect6 .wrap_mng .mng_tab span:nth-child(3) {background-image:url(../images/contents/oneTotal/mng_tab03_off.png);} #one-integration .one_sect6 .wrap_mng .mng_tab span:nth-child(4) {background-image:url(../images/contents/oneTotal/mng_tab04_off.png);} #one-integration .one_sect6 .wrap_mng .mng_tab span:nth-child(5) {background-image:url(../images/contents/oneTotal/mng_tab05_off.png);} #one-integration .one_sect6 .wrap_mng .mng_tab span.swiper-pagination-bullet-active {background-color:#545454; border-color:#545454;} #one-integration .one_sect6 .wrap_mng .mng_tab span:nth-child(1).swiper-pagination-bullet-active {background-image:url(../images/contents/oneTotal/mng_tab01_on.png);} #one-integration .one_sect6 .wrap_mng .mng_tab span:nth-child(2).swiper-pagination-bullet-active {background-image:url(../images/contents/oneTotal/mng_tab02_on.png);} #one-integration .one_sect6 .wrap_mng .mng_tab span:nth-child(3).swiper-pagination-bullet-active {background-image:url(../images/contents/oneTotal/mng_tab03_on.png);} #one-integration .one_sect6 .wrap_mng .mng_tab span:nth-child(4).swiper-pagination-bullet-active {background-image:url(../images/contents/oneTotal/mng_tab04_on.png);} #one-integration .one_sect6 .wrap_mng .mng_tab span:nth-child(5).swiper-pagination-bullet-active {background-image:url(../images/contents/oneTotal/mng_tab05_on.png);} #one-integration .one_sect6 .wrap_mng .swiper-container {margin-top:-5px;} #one-integration .one_sect6 .wrap_mng .mng_cont {position:relative; height:370px; line-height:1.5; padding:60px; background-color:#545454; background-repeat:no-repeat; box-sizing:border-box;} #one-integration .one_sect6 .wrap_mng .mng_cont .txt01 {position:relative; width:60%; padding-bottom:20px; margin-bottom:20px; color:#d4bf89; font-size:36px; font-family:ngb; text-align:left;} #one-integration .one_sect6 .wrap_mng .mng_cont .txt01:after {content:''; position:absolute; left:0; bottom:0; width:40px; height:1px; background-color:#d4bf89;} #one-integration .one_sect6 .wrap_mng .mng_cont .txt02 {width:60%; line-height:1.7; color:#fff; font-size:18px; text-align:left;} #one-integration .one_sect6 .wrap_mng .mng_cont .txt02 strong {display:block; color:#fff;} #one-integration .one_sect6 .wrap_mng .mng_cont .txt02 span {display:block;} #one-integration .one_sect6 .wrap_mng .mng_cont .txt02 span.s_txt {font-size:16px;} #one-integration .one_sect6 .wrap_mng .mng_cont._ct01 {padding-top:80px; background-image:url(../images/contents/oneTotal/bg_mng01.png); background-position:90% 50%;} #one-integration .one_sect6 .wrap_mng .mng_cont._ct02 {background-image:url(../images/contents/oneTotal/bg_mng02.jpg); background-position:right top;} #one-integration .one_sect6 .wrap_mng .mng_cont._ct03 {background-image:url(../images/contents/oneTotal/bg_mng03.png); background-position:90% 50%;} #one-integration .one_sect6 .wrap_mng .mng_cont._ct04 {padding-top:50px; background-image:url(../images/contents/oneTotal/bg_mng04.jpg); background-position:right top;} #one-integration .one_sect6 .wrap_mng .mng_cont._ct05 {padding-top:40px; background-image:url(../images/contents/oneTotal/bg_mng05.png); background-position:90% 50%;} #one-integration .one_sect6 .btn_mng_slide {} #one-integration .one_sect6 .btn_mng_slide a {display:inline-block; position:absolute; top:45%; width:20px; height:20px; border-width:0 0 3px 3px; border-style:solid; border-color:#000; background-color:transparent; background-position:center; background-repeat:no-repeat; opacity:1; cursor:auto; pointer-events:auto;} #one-integration .one_sect6 .btn_mng_slide .prev {left:-5%; transform: rotate(45deg); -webkit-transform: rotate(45deg);} #one-integration .one_sect6 .btn_mng_slide .next {right:-5%; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);} #one-integration .one_sect6 .btn_mng_slide .swiper-button-disabled{border-color:#999;} /*나만의스케줄*/ #one-integration .one_sect6 .myschedule {margin:40px 0;} #one-integration .one_sect6 .tit .point1{color:#ee1520} #one-integration .one_sect6 .cu_list{position:relative; width:100%; margin:0 auto} #one-integration .one_sect6 .cu_list:after{content:'';display:block;clear:both} #one-integration .one_sect6 .cu_list li{float:left; position:relative; width:25%; height:300px; cursor:pointer;} #one-integration .one_sect6 .cu_list li:hover:before {content:''; display:block; position:absolute; top:0; bottom:0px; left:0; right:0; background:#000; opacity:0.6;} #one-integration .one_sect6 .cu_list li:after{content:'';display:block;width:40px;height:40px;position:absolute;bottom:36px;left:50%;margin-left:-20px;background:url(../images/btn/btn_pngico.png) no-repeat 0 0;background-size:40px 40px;z-index:1} #one-integration .one_sect6 .cu_list li p.cu_tle {line-height:1.5; padding-top:30%; color:#fff; font-size:18px; font-family:ngb; z-index:2; position:relative;} #one-integration .one_sect6 .cu_list li:hover p.cu_tle{color:#d4bf89;} #one-integration .one_sect6 .cu_list li p.cu_tle span {display:block;} #one-integration .one_sect6 .cu_list li.on {position:static;} #one-integration .one_sect6 .cu_list li.cu1{background:url(../images/contents/oneTotal/bg_cu01.png) no-repeat center;}/* 170831 수정 */ #one-integration .one_sect6 .cu_list li.cu2{background:url(../images/contents/oneTotal/bg_cu02.png) no-repeat center;}/* 170831 수정 */ #one-integration .one_sect6 .cu_list li.cu3{background:url(../images/contents/oneTotal/bg_cu03.png) no-repeat center;}/* 170831 수정 */ #one-integration .one_sect6 .cu_list li.cu4{background:url(../images/contents/oneTotal/bg_cu04.png) no-repeat center;}/* 170831 수정 */ #one-integration .one_sect6 .detail_cont{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.85);box-sizing:border-box;z-index:99;display:none} #one-integration .one_sect6 .detail_cont p {line-height:1.5; color:#fff;} #one-integration .one_sect6 .detail_cont p.txt1 {margin:50px 0 20px; color:#fff; font-size:26px;} #one-integration .one_sect6 .detail_cont p.txt1 strong {color:#fff;} #one-integration .one_sect6 .detail_cont p.txt2 {font-size:16px;} #one-integration .one_sect6 .on .detail_cont{display:block} #one-integration .one_sect6 .cu_list li.on:after{background:url(../images/btn/btn_pngico_off.png) no-repeat 0 0;background-size:40px 40px;z-index:99} /*솔직수강후기*/ #one-integration .one_sect7 {padding:80px 0; background-color:#f8f8f8;} #one-integration .one_sect7 .tit_txt3 {line-height:1.3; margin-bottom:40px; color:#000; font-size:30px;} #one-integration .one_sect7 .tit_txt3 strong {display:block; color:#b0944c; font-size:40px; font-family:ngb;} #one-integration .one_sect7 .tbl_review2 tbody td.writer {text-align:center;} #one-integration .one_sect7 .tbl_more {width:100%; padding:16px 0; margin-top:20px; color:#666; font-size:15px; text-align:center; background-color:#e4e4e4;} /*학습목적별1:1맞춤프로그램*/ #one-integration .one_sect8 {padding:80px 0; background-color:#fff;} #one-integration .one_sect8 .tit_txt3 {line-height:1.3; margin-bottom:40px; color:#000; font-size:40px;} #one-integration .one_sect8 .tit_txt3 strong {color:#b0944c; font-family:ngb;} #one-integration .one_sect8 .prm_tb {} #one-integration .one_sect8 .prm_tb .m_tab {display:none; height:35px; border-bottom:1px solid #333;} #one-integration .one_sect8 .prm_tb .m_tab li {float:left; width:33%; line-height:35px; color:#999; font-size:14px; text-align:center; border-left:1px solid #ddd; background-color:#f4f4f4; } #one-integration .one_sect8 .prm_tb .m_tab li:first-child {border-left:0;} #one-integration .one_sect8 .prm_tb .m_tab li.on {color:#fff; background-color:#333;} #one-integration .one_sect8 .prm_tb table {} #one-integration .one_sect8 .prm_tb table thead th {width:28%; padding:13px 0; color:#999; font-size:14px; text-align:center; background-color:#f4f4f4;} #one-integration .one_sect8 .prm_tb table tbody th {width:28%; padding:13px 0; color:#000; font-size:18px; font-family:ngb; text-align:center; border-bottom:1px solid #fff; background-color:#d4bf89;} #one-integration .one_sect8 .prm_tb table tbody tr:first-child td {border-top:1px solid #fff;} #one-integration .one_sect8 .prm_tb table tbody td {padding:10px 0; font-size:15px; font-family:ngb; text-align:center; border-width:0 0 1px 1px; border-style:solid; border-color:#eee;} #one-integration .one_sect8 .prm_tb table tbody td ul {width:80%; margin:0 auto; text-align:left;} #one-integration .one_sect8 .prm_tb table tbody td ul li {line-height:1.7; margin:5px 0;} #one-integration .one_sect8 .prm_tb table tbody td ul li a {position:relative; color:#545454; font-family:'nb';} #one-integration .one_sect8 .prm_tb table tbody td ul li a:hover {text-decoration:none;} #one-integration .one_sect8 .prm_tb table tbody td ul li a span:hover {color:#b48612; text-decoration:underline;} #one-integration .one_sect8 .prm_tb table tbody td ul li a:after {content:' ▶'; display:inline-block; width:18px; height:18px; margin-left:7px; color:#fff; font-size:10px; text-align:center; border-radius:15px; vertical-align:middle; background-color:#545454;} /*지점안내*/ #one-integration .one_Near {line-height:1.5; padding:80px 0 70px; background-color:#333;} #one-integration .one_Near .tit_txt3 {line-height:1.3; margin-bottom:40px; color:#fff; font-size:40px;} #one-integration .one_Near .tit_txt3 strong {color:#d4bf89; font-family:ngb;} #one-integration .one_Near .view_place {position:relative; display:inline-block; width:100%; height:414px; overflow:hidden;} #one-integration .one_Near .view_place ul._tab {float:right; width:20%; margin-left:-1px; background-color:#fff;} #one-integration .one_Near .view_place ul._tab li {position:relative;} #one-integration .one_Near .view_place ul._tab li a {display:block; padding:19px 20px; color:#999; font-size:20px; border-width:0 1px 1px; border-style:solid; border-color:#ddd; background-color:#fff;} #one-integration .one_Near .view_place ul._tab li.on:before, #one-integration .one_Near .view_place ul._tab li:hover:before {content:''; position:absolute; left:-9px; top:45%; border-width:7px 10px 7px 0; border-style: solid; border-color:transparent #d4bf89;} #one-integration .one_Near .view_place ul._tab li a:before {content:''; display:inline-block; width:17px; height:22px; margin-right:10px; background:url(../images/contents/oneTotal/icon_place_off.png) no-repeat; background-size:17px 22px; vertical-align:middle;} #one-integration .one_Near .view_place ul._tab li:hover a:before , #one-integration .one_Near .view_place ul._tab li.on a:before {background-image:url(../images/contents/oneTotal/icon_place_on.png);} #one-integration .one_Near .view_place ul._tab li:hover a, #one-integration .one_Near .view_place ul._tab li.on a {color:#000; font-family:ngb; background-color:#d4bf89; border-color:#d4bf89;} #one-integration .one_Near .view_place ._cont {float:left; width:80%; height:100%;} #one-integration .one_Near .one_tel {margin-top:30px; color:#fff; font-size:22px;} #one-integration .one_Near .one_tel strong {font-family:ngb; font-size:35px; color:#fff;} #one-integration .one_Near .one_tel strong a {color:#d4bf89; font-size:40px;} /*하단배너? 상담예약*/ #one-integration .banner_btm {height:308px; line-height:1.3; background:url(../images/contents/oneTotal/banner_btm.jpg) no-repeat; } #one-integration .banner_btm p.txt1 {padding-top:60px; color:#d4bf89; font-size:30px; font-family:ngb;} #one-integration .banner_btm p.txt2 {margin-bottom:30px; color:#fff; font-size:40px;} #one-integration .banner_btm p span {vertical-align:top;} /* 200720 syh 강남센터 강사진 팝업 */ .pop_teachers{position:absolute;top:717px;left:50%;margin-left:-400px;background:#fff;width:800px;z-index:99} .pop_teachers .pop_top{text-align:center;background:url('../images/common/bg_pop_tc.jpg') no-repeat 0 0;background-size:cover;padding:85px 0 80px;} .pop_teachers .pop_top p{font-size:30px;color:#fff;line-height:1;padding-bottom:15px;} .pop_teachers .pop_top strong{font-size:60px;color:#d4bf89;font-weight:bold;line-height:1;vertical-align:top;} .pop_teachers .pop_top em{vertical-align:top;font-weight:bold;} .pop_teachers .pop_tit{text-align:center;padding-bottom:32px;} .pop_teachers .pop_tit p{font-size:40px;color:#222;line-height:1;margin-bottom:15px;} .pop_teachers .pop_tit p strong{color:#ab853a;font-weight:bold;vertical-align:top;} .pop_teachers .pop_tit span{display:block;font-size:20px;color:#555;line-height:30px;} .pop_teachers .pop_con{border-left:1px solid #dadada;border-right:1px solid #dadada;} .pop_teachers .pop_con.type1 .pop_tit{background:#ede8e1;padding-top:60px;} .pop_teachers .pop_con.type2{padding:38px 0;} .pop_teachers .pop_con.type2:before{content:'';display:block;width:38px;height:3px;background:#ab853a;margin:0 auto 42px;} .pop_teachers .teachers img{width:100%;} .pop_teachers .teacher_slide{padding:0 63px;position:relative;} .pop_teachers .teacher_slide li{text-align:center;width:50%;} /* 200723 syh 수정 */ .pop_teachers .teacher_slide li > div{border:1px solid #dbdada;border-radius:10px;padding:33px 0 35px;margin:0 8px;} /* 200723 syh 수정 */ .pop_teachers .photo{margin-bottom:13px;display:inline-block;width:128px;height:128px;} .pop_teachers .photo img{width:126px;height:126px;border:1px solid #dddcdc;border-radius:50%;} .pop_teachers .teacher_slide li p{color:#111;line-height:1;overflow:hidden;letter-spacing:-0.5px;} .pop_teachers .teacher_slide li .name{font-size:25px;font-weight:bold;margin-bottom:13px;height:25px;} .pop_teachers .teacher_slide li .tag{font-size:18px;margin-bottom:17px;height:18px;} .pop_teachers .teacher_slide li .txt{font-size:16px;color:#999;line-height:23px;height:46px;margin-bottom:16px;} .pop_teachers .btn_nav a{display:block;width:30px;height:30px;position:absolute;top:180px;border:1px solid #525252;border-width:0 0 1px 1px;transform:rotate(45deg);-webkit-transform:rotate(45deg);outline:0;} .pop_teachers .btn_nav a.prev{left:23px;} .pop_teachers .btn_nav a.next{right:23px;border-width:1px 1px 0 0;} .pop_teachers .quick_group.ver2 .btn_quick a:before{-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .pop_teachers .quick_group.ver2 .btn_quick a.close:before{} .pop_teachers .ly_btm{padding:10px 20px;background-color: #343434;} .pop_teachers .ly_btm input[type="checkbox"] {vertical-align: middle;width: 20px;height: 20px} .pop_teachers .ly_btm label {padding-left: 7px;color: #fff;font-size: 16px;vertical-align: middle;} .pop_teachers .ly_btm button {float: right;height: 17px;color: #fff;font-size: 16px;} .pop_teachers .ly_btm button:after{content: 'X';margin-left: 6px;padding: 2px 3px 1px;display: inline-block;vertical-align: middle;font-size: 13px;line-height: 1;color: #343434;background-color: #fff;} .pop_teachers .close_m{display:none;} /*//*/ .m_kakao {display:none;}/* 210322 hyj 추가 */ /* 250417 syh (250414 kmh) 추가 */ .sheet_curriculum{border-top:2px solid #000;border-bottom:1px solid #000;} .sheet_curriculum table{width:100%;border-collapse:collapse;background-color:#fff;} .sheet_curriculum th, .sheet_curriculum td{border:1px solid #eee;border-left:none;text-align:center;vertical-align:middle;word-break:keep-all;} .sheet_curriculum th{height:58px;padding:15px 2px;font-size:15px;line-height:1.35;font-weight:600;color:#fff;text-shadow:0 1px 1px rgba(0, 0, 0, 0.1);background-color:#bfa46f;} .sheet_curriculum thead tr:nth-of-type(1) th{border-top:none;} .sheet_curriculum tbody tr:last-child td{border-bottom:none;} .sheet_curriculum thead th:nth-child(1){background-color:#333;} .sheet_curriculum thead th:nth-child(2){background-color:#444;} .sheet_curriculum thead th:nth-child(3){background-color:#dbcba3;} .sheet_curriculum thead th:nth-child(4){background-color:#d5c396;} .sheet_curriculum thead th:nth-child(5){background-color:#d0bd8d;} .sheet_curriculum thead th:nth-child(6){background-color:#c8b37c;} .sheet_curriculum thead th:nth-child(7){background-color:#c1aa6f;} .sheet_curriculum thead th:nth-child(8){background-color:#bda465;} .sheet_curriculum thead th:nth-child(9){background-color:#b59b56;} .sheet_curriculum thead th:nth-child(10){background-color:#b1964e;} .sheet_curriculum td{height:40px;padding:10px 2px;font-size:14px;line-height:1.4;color:#000;} .sheet_curriculum tr td:nth-of-type(1), .sheet_curriculum tr td.bg_gray{font-weight:600;color:#fff;} .sheet_curriculum tr td:nth-of-type(1){background-color:#333;} .sheet_curriculum tr td.bg_gray{background-color:#444;} .sheet_curriculum tr th:last-child, .sheet_curriculum tr td:last-child{border-right:none;} /* //250417 syh (250414 kmh) 추가 */ /* MEDIA */ @media all and (max-width:1024px){ /* 210322 hyj 추가 */ .m_kakao {display:block;position:absolute;right:80px;bottom:8%;width:47px;}/* 210326 hyj 수정 */ .m_kakao img {width:100%;} /* // */ /*input placeholder*/ input:focus::-webkit-input-placeholder { color:transparent; } input:focus:-moz-placeholder { color:transparent; } input:focus::-moz-placeholder { color:transparent; } input:focus:-ms-input-placeholder { color:transparent; } .over {overflow-y:hidden; height:100%; position:absolute; left:0; top:0; right:0; bottom:0} .inner {width:auto; max-width:100%;} .contBox.inner {width:96%; max-width:100%;} .titlearea + .inner {width:96%; max-width:100%;} .top_side_link{display:none;} .capusTab {height:auto} /* 250509 hyj 수정 */ /* .wrap > header > div, .content > div{width:auto;padding-right:15px} */ footer{text-align:center} footer .inner{max-width:none;width:auto;padding:0 15px} footer .foot_info1{padding:0;flex-direction:column;} footer .foot_info1 .number{display:block;padding:30px 0 15px;font-size:16px;font-weight:normal} footer .foot_info1 .number a{font-size:16px} footer .foot_info1 .centerLink{padding-left:0;padding-bottom:20px;text-align:center} footer .foot_info1 .centerLink li a{padding:0 5px;} footer .foot_info1 .familySite{position:relative;left:auto;top:auto;width:100%;max-width:300px;margin:0 auto;background-position:94% center} footer .foot_info2{padding:20px 0 50px;border:0} footer .foot_info2 ul{width:auto} footer .foot_info2 li{display:block} footer .foot_info2 li strong{display:block;padding-bottom:7px;color:#bdbdbd} footer .foot_info2 li address{display:block} footer .foot_info2 .brand_winner{position:static;margin-top:20px;} footer .foot_info2 .logo_footer{display:none} footer .foot_info2 .copyright p{width:180px;margin:0 auto;padding:16px 0 0} footer .appDown{flex-direction:column;position:static;width:100%;max-width:300px;margin:0 auto 20px;box-sizing:border-box;} footer .appDown .icoWrap{float:none} footer .appDown .icoWrap:after{content:"";clear:both;display:block} footer .appDown span{display:block;width:100%;padding-bottom:15px;margin:0;text-align:center} footer .appDown a{float:left;box-sizing:border-box;width:50%;margin-right:0;border:1px solid #555454;background:none;text-align:center} footer .appDown a:first-child{border-right:0} /* //250509 hyj 수정 */ /* 251024 kmh 추가 */ footer .pc_only{display:none;} footer .mo_only{display:block;} /* //251024 kmh 추가 */ /* 241004 hyj 수정 */ .header{overflow:hidden} .header .toparea{padding:0} /* 250311 kmh 추가 */ .header .toparea .login_info li{line-height:35px;} .header .toparea ul.btn_sns{display:none;} .mScroll .header .toparea .login_info{display:none;} /* //250311 kmh 추가 */ .header .logo{position:static;width:100%;padding:15px 15px 15px 15px;margin:0;text-align:left;box-sizing:border-box;}/* 250311 kmh 수정 */ .header .logo img{height:45px;} .header .h_btn{display:none;} .header .toparea ul{padding:0 12px;/* background-color:#1f1e1c; */}/* 241008 hyj 수정 */ .header .toparea ul li{margin-left:10px;} .header .toparea .login_info li{margin-left:10px;} /* 250311 kmh 추가 및 수정 */ .header .navigation .btn_sns{display:block;} .header ul.btn_sns{padding:12px 0;text-align:center;position:static;background-color:#191916;} .header ul.btn_sns li + li{margin-left:10px;} /* //250311 kmh 추가 및 수정 */ /* //241004 hyj 수정 */ .totalMenu {display:inline-block;position:absolute;right:0;bottom:0;width:70px;text-align:center;} .totalMenu img {width:100%} .header .gnbTitle {display:none;margin-right:0} .header .gnbTitle > li {padding:0 17px 0 19px} .header .navigation {position:fixed;left:auto;top:0;right:-250px;bottom:0;width:240px;height:100%;padding:0;background:#424242; border:0;box-sizing:border-box;overflow-y:auto;} .navigation nav {max-width:none} .navigation h2 .menu {display:block; line-height:13px; padding:11px 0 11px 22px; color:#d4bf89; font-size:15px; border-bottom:1px solid #313131; background:#4b4a4a} .navigation .closeGnb {display:block; position:absolute; right:15px; top:2px; width:30px; height:30px; background:url("../images/common/btn_close_gnb.png") no-repeat 50% 50% } .navigation .gnb {padding:0;padding-bottom:70px} .navigation .gnb:after {display:none} /* 200709 hyj 수정 */ .navigation .mb_login {display:block;} .navigation .gnb {display:flex;flex-direction:column;padding:0;padding-bottom:70px;} .navigation .gnb > li{order:1} .navigation .gnb > li:last-child{order:0} /* // */ .navigation .gnb ul._sub:before, .navigation .gnb ul._sub:after {display:none;} .navigation .gnb li:nth-child(1), .navigation .gnb li:nth-child(2), {display:block} .navigation .gnb > li {border-bottom:1px solid #313131;} .navigation .gnb li a {display:block;padding:20px 0 20px 22px; font-size:15px; color:#e7e6e6; font-weight:400;text-align:left;} /* 250922 hyj 추가 */ .navigation .gnb li a em{display:inline-block;padding:2px 7px;margin-left:2px;color:#000;font-size:13px;font-family:ngb;border-radius:10px;background:#d4be89;animation:bg_blink 1s step-end infinite;} @keyframes bg_blink{50%{background-color:#fff;}} /* //250922 hyj 추가 */ .navigation .gnb li > a[id^=cat]:after {content:''; position:absolute;right:20px;display:inline-block;width:7px;height:7px;border:1px solid #fff;border-width:1px 1px 0 0;transform:rotate(135deg);-webkit-transform:rotate(135deg);vertical-align:middle;opacity:0.7} .navigation .gnb li > a[id^=cat].on:after {margin-top:5px;transition:all 0.3s ease;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);} .navigation .gnb li .new{width:17px;height:17px;margin-left:3px;display:inline-block;vertical-align:middle;font-size:0;text-indent:-9999px;background:url('../images/common/ico_new.png') no-repeat;position:relative;top:-1px;}/* 250311 kmh 추가 */ .navigation .gnb ul._sub {display:none;padding:0;overflow:hidden;transition: all .3s ease;} .navigation .gnb ul._sub.on {display:block;} .navigation .gnb ul._sub li {display:block;width:100% !important;line-height:14px; margin:0; background:#3a3a3a} .navigation .gnb ul._sub li + li {border-top:1px solid #323232;} /* 220127 kmh 수정 */ .navigation .gnb ul._sub li a {display:block !important;line-height:1.5;padding:13px 0 13px 22px;color:#939191;text-align:left;border:none} /* //220127 kmh 수정 */ .navigation .gnb ul._sub a:hover, .navigation .gnb ul._sub a:active {font-weight:normal;border:none;} .navigation .gnb ul._sub > li dl {width:100%;} .navigation .gnb ul._sub li dl dt {width:auto !important;padding:0;margin:0;border:none} .navigation .gnb ul._sub li dl dt a:after {content:''; position:absolute;right:20px;display:inline-block;width:7px;height:7px;border:1px solid #fff;border-width:1px 1px 0 0;transform:rotate(135deg);-webkit-transform:rotate(135deg);vertical-align:middle;opacity:0.7} .navigation .gnb ul._sub li dl.on dt a:after {margin-top:5px;transition:all 0.3s ease;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);} .navigation .gnb ul._sub li dl dt a:hover, .navigation .gnb ul._sub li dl dt a:active {border:none;} .navigation .gnb ul._sub li dl dd {display:none;} .navigation .gnb ul._sub li dl dd a {font-size:13px;background-color:#222;} .navigation .gnb li a.down_pdf:after {background-image:url(../images/common/m_icon_pdf_01.png); background-size:auto 100%;} #content{margin-top:101px;}/* 250311 kmh 수정 */ #content .floating_banner {display:none;} /* 210112 syh 추가 */ .mScroll #content{margin-top:65px;}/* 250311 kmh 추가 */ footer {text-align:center} footer > div {max-width:none; width:auto; padding:0 15px} footer .pagodaInfo1 {padding:0 0 7px} footer .pagodaInfo1 .number {position:static; display:block; line-height:19px; padding:25px 0 15px; font-size:21px; font-weight:normal} footer .pagodaInfo1 .number a {line-height:19px; font-size:21px} footer .pagodaInfo1 .centerLink {padding-left:0;padding-bottom:25px; text-align:center} footer .pagodaInfo1 .centerLink li a {padding:0 9px 0 10px} footer .pagodaInfo1 .familySite {position:relative; left:auto; top:auto; width:295px; margin:0 auto; background-position:94% center} footer .pagodaInfo2 {padding:18px 0;border:0}/* 250311 kmh 수정 padding-bottom 축소 */ footer .pagodaInfo2 ul {width:auto} footer .pagodaInfo2 li {display:block} footer .pagodaInfo2 li strong {display:block; padding-bottom:7px; color:#bdbdbd} footer .pagodaInfo2 li address {display:block} footer .pagodaInfo2 .brand_winner{position:static;margin-top:20px;} footer .pagodaInfo2 .logo_footer {display:none} footer .pagodaInfo2 .copyright p {width:180px; margin:0 auto; padding:16px 0 0} footer .appDown {position:relative; left:auto; top:auto; right:auto; width:295px/*266px*/; margin:0 auto 20px; text-align:left} footer .appDown .icoWrap {float:none} footer .appDown .icoWrap:after {content:""; clear:both; display:block} footer .appDown span {display:block; width:100%; padding-bottom:15px; text-align:center} footer .appDown a {float:left; box-sizing:border-box; width:50%; margin-right:0; border:1px solid #555454; background:none; text-align:center} footer .appDown a:first-child {border-right:0} footer ul.btn_sns {float:none;width:100%;margin:10px 0;} footer ul.btn_sns li {display:inline-block;vertical-align:top} .dim {opacity:0} .dim.on {position:fixed; z-index:8000; left:0; top:0; right:0; bottom:0; background:url("../images/common/dim.png")} .btn_red {width:30px; height:30px} } @media screen and (max-width:1000px){ .header .toparea .inner{width:100%;} .inner {width:96%; max-width:100%;} .m_hidden {display:none;} .m_visible {display:block;} #one-integration .one_sect2 ul.one_a1 li img {width:auto;} #one-integration .one_sect8 .prm_tb .m_tab{display:block;} #one-integration .one_sect8 .prm_tb .m_tab li {width:33.33%; box-sizing:border-box;} #one-integration .one_sect8 .prm_tb table tbody th{width:33.33%;} } @media all and (max-width:880px){ /* 파고다 체험스토리 상단배너 */ .teacher_story .teacher_top_bn{margin-bottom:20px;} .teacher_story .teacher_top_bn .tit{text-align:center;height:48px;background:#e88f91;} .teacher_story .teacher_top_bn .tit img{height:35px;} .teacher_story .teacher_top_bn .bn_cont{width:auto; padding:10px; background:#f0eded url(../images/contents/btn_expstory_bg.jpg) 0 80px no-repeat; height:380px;} .teacher_story .teacher_top_bn .bn_cont .sub_tit{display:none;} .teacher_story .teacher_top_bn .bn_cont .sub_tit.m{display:block; font-size:15px; color:#1e1e1e; text-align:center; padding-top:0px; line-height:20px;} .teacher_story .teacher_top_bn .bn_cont .sub_tit span{ color:#c22b2b; vertical-align:baseline; line-height:20px;} .teacher_story .teacher_top_bn .bn_cont ul.li_area{text-align:center; margin:10px 0; padding-left:0px; width:100%;} .teacher_story .teacher_top_bn .bn_cont ul.li_area li{float:left; width:100%; height:auto;} .teacher_story .teacher_top_bn .bn_cont ul.rank li.rank_img{width:50%; text-align:right;} .teacher_story .teacher_top_bn .bn_cont ul.rank li.rank_img img{width:100px; margin-bottom: 10px;} .teacher_story .teacher_top_bn .bn_cont ul.rank li{width:50%; float:left; text-align:left; font-size:20px; font-weight:bold; color:#c22b2b;} .teacher_story .teacher_top_bn .bn_cont ul.rank .rank_num{margin:12px 0 10px; display:inline-block; padding:3px 10px 0; height:20px; text-align:center; border-radius:20px; background:#9a8584; color:#fff; font-size:12px; font-weight:bold;} .teacher_story .teacher_top_bn .bn_cont .exp_txt{display:none} .teacher_story .teacher_top_bn .bn_cont .exp_txt.m{display:table; width:320px; margin:0 auto;} .teacher_story .teacher_top_bn .bn_cont .txt{text-align:left;font-size:12px; line-height:20px; color:#545454;} .teacher_story .teacher_top_bn .bn_cont .txt .dot{font-size:13px; color:#8d363b;} .teacher_story .teacher_top_bn .bn_cont .txt .arrow{color:#e88f91;} .teacher_story .teacher_top_bn .bn_cont ul.rank li{padding-left:0;} .teacher_story .teacher_top_bn .bn_cont ul.li_area.st02 li{width:100%;} .teacher_story .teacher_top_bn .bn_cont ul.li_area.st02 li ul.rank li{width:45%; padding-left:10px;} .teacher_story .teacher_top_bn .bn_cont .exp_txt{padding-left:0;} .teacher_story .teacher_top_bn .bn_cont.st1{height:300px;background-position-y:0;} .teacher_story .teacher_top_bn .bn_cont ul.li_area li.li01 img{width:100px;} .teacher_story .teacher_top_bn .bn_cont ul.li_area li.li01 {width:100%;left:0;padding:10px 10px;position: absolute;} .teacher_story .teacher_top_bn .bn_cont .li_area .rank_img{padding-right:0} .teacher_story .teacher_top_bn .bn_cont ul.li_area li.li01 .rank_num{padding:2px 8px 0;font-size:11px;margin-right:3px;} .teacher_story .teacher_top_bn .bn_cont ul.li_area li.li01 .rank_txt{width:48%;font-size:14px;line-height:22px;} } @media screen and (max-width:867px){ #one-integration .one_sect3 .mtm dl dd ul li img {width:auto;} #one-integration .one_sect4 .sbj_list img {width:auto;} #one-integration .one_Near .view_place ._cont img {width:auto;} #one-integration .one_sect7 .tbl_review2 tbody td img {width:auto} /* 200720 syh 강남센터 강사진 팝업 */ .pop_teachers{width:100%;left:0;margin-left:0;top:387px;top:0;} .pop_teachers .close_m{width:30px;height:30px;position:absolute;top:0;right:0;display:block;font-size:23px;line-height:1;color:#343434;background-color:#fff;} } @media screen and (max-width:768px){ .header .logo img {height:35px;} /* 241004 hyj 추가 */ .header .btn_sns li .btn_pc{display:none;} .header .btn_sns li .btn_m{display:block;} /* //241004 hyj 추가 */ .m_hidden {display:none !important;} .m_visible {display:block;} .btn_reserve2.fixed {position:fixed; bottom:0; left:0; right:0; display:block; padding:12px 0; color:#000; font-size:20px; text-align:center; background-color:#d4bf89; box-shadow:0px -5px 15px #0000008f; z-index:100;} .btn_reserve2:after {content:''; display:inline-block; width:30px; height:30px; margin-left:15px; vertical-align:middle; background:url(../images/contents/oneTotal/btn_reserve.png) right center no-repeat;} /* #content{margin-top:65px;} 241004 hyj 삭제 */ footer .pagodaInfo2 .brand_winner{margin-bottom:20px;} footer ul.btn_sns {margin:0;} .topbtn{right:10px;bottom:65px;}/* 250509 hyj 추가 */ #one-integration .one_sect2 .tit_txt2 span {display:block; } #one-integration .one_sect2 ul.one_a1 {width:480px; max-width:100%; margin:0 auto;} #one-integration .one_sect2 ul.one_a1 li {float:none; display:inline-block; width:100%; margin-bottom:20px;} #one-integration .one_sect2 ul.one_a1 li img {display:inline-block; width:100px;} #one-integration .one_sect2 ul.one_a1 li dl {float:right; max-width:300px; min-width:230px; margin:0; background-size:100%; vertical-align:top;} #one-integration .one_sect2 ul.one_a1 li:nth-child(2) dl {float:left;} #one-integration .one_sect2 ul.one_a1 li dl:before {left:-14px; top:15%; border-width:10px 15px 10px 0; border-style: solid; border-color:transparent #f9f1f1;} #one-integration .one_sect2 ul.one_a1 li:nth-child(2) dl:before {left:auto; right:-14px; border-width:10px 0 10px 15px ; } #one-integration .one_sect2 ul.one_a1 li dl dt {padding:20px 0;} #one-integration .one_sect2 ul.one_a1 li dl dd {padding:15px 0;} #one-integration .one_sect5 .story_list li{width:auto} #one-integration .one_sect5 .story_list .story_photo img{width:135px;height:135px} #one-integration .one_sect5 .story_list .teach_photo img{width:135px;height:135px} #one-integration .one_sect5 .story_list li .r_tit{font-size:13px;padding:10px 0} #one-integration .one_sect5 .story_list li .prg{font-size:11px;padding-bottom:8px} #one-integration .one_sect5 .story_list li .store > span{font-size:11px;width:auto;padding:0 7px;height:15px;line-height:15px} #one-integration .one_sect5 .story_list li .store .name{padding:0} #one-integration .one_sect5 .btn_review_slide{} #one-integration .one_sect5 .btn_review_slide a{position:absolute; top:75px; border-left:2px solid #a1a0a0;border-bottom:2px solid #a1a0a0;width:20px;height:20px;font-size:0;z-index:20} #one-integration .one_sect5 .btn_review_slide .prev{left:20px; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg); transform:rotate(45deg);} #one-integration .one_sect5 .btn_review_slide .next{right:20px; -webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg); transform:rotate(-135deg);} #one-integration .one_sect5 .btn_review_slide a.swiper-button-disabled{opacity:.5;cursor:auto;pointer-events:none} #one-integration .one_sect6 .study_box {padding:20px 0; margin:30px 0;} #one-integration .one_sect6 .study_tit {margin:0 20px 20px; font-size:23px} #one-integration .one_sect6 .study_tit span {font-size:16px;} #one-integration .one_sect6 .wrap_mng {} #one-integration .one_sect6 .wrap_mng .mng_tab {position:absolute; bottom:-30px; left:0; right:0;} #one-integration .one_sect6 .wrap_mng .mng_tab span {float:none; width:15px; height:15px; padding:0; margin:0 5px; border-radius:100%; background:#ddd; background-image:none !important;} #one-integration .one_sect6 .wrap_mng .swiper-container {margin-top:0;} #one-integration .one_sect6 .wrap_mng .mng_tab .swiper-pagination-bullet-active {background:#9cbfbb;} #one-integration .one_sect6 .wrap_mng .mng_cont {height:350px; padding:20px; text-align:center;} #one-integration .one_sect6 .wrap_mng .mng_cont .txt01 {width:100%; margin-bottom:10px; padding-bottom:5px; font-size:23px; text-align:center;} #one-integration .one_sect6 .wrap_mng .mng_cont .txt01:after {left:47%;} #one-integration .one_sect6 .wrap_mng .mng_cont .txt02 {width:100%; font-size:14px; text-align:center;} #one-integration .one_sect6 .wrap_mng .mng_cont .txt02 span {display:inline;} #one-integration .one_sect6 .wrap_mng .mng_cont .txt02 span.s_txt {display:block;} #one-integration .one_sect6 .wrap_mng .mng_cont._ct01 {padding:20px; background-size:auto 150px; background-position:center 95%;} #one-integration .one_sect6 .wrap_mng .mng_cont._ct02 {padding:20px; background-image:url(../images/contents/oneTotal/m_bg_mng02.jpg); background-size:auto 100%; background-position:center bottom;} #one-integration .one_sect6 .wrap_mng .mng_cont._ct03 {padding:20px; background-size:auto 150px; background-position:center 95%;} #one-integration .one_sect6 .wrap_mng .mng_cont._ct04 {padding:10px 20px 20px 20px; background-image:url(../images/contents/oneTotal/m_bg_mng04.jpg); background-size:auto 100%; background-position:center bottom;} #one-integration .one_sect6 .wrap_mng .mng_cont._ct05 {padding:10px 20px 20px 20px; background-image:url(../images/contents/oneTotal/m_bg_mng05.png); background-size:auto 100%; background-position:center bottom;} #one-integration .one_sect6 .wrap_mng .mng_cont .txt02 span.s_txt{font-size:13px;} #one-integration .one_sect6 .btn_mng_slide a {z-index:1;} #one-integration .one_sect6 .btn_mng_slide .prev {left:5%;} #one-integration .one_sect6 .btn_mng_slide .next {right:5%;} #one-integration .one_sect8 .prm_tb table tbody th {font-size:16px;} #one-integration .one_sect8 .prm_tb table tbody td {font-size:14px;} /* 250417 syh (250414 kmh) 추가 */ .content .currIntro .sub_curr .w_sec03 .m_visible{width:100%;display:block;} .sheet_curriculum th{height:48px;padding:13px 2px;font-size:2.25vw;} .sheet_curriculum td{height:30px;padding:5px 1px;font-size:2.9vw;} .sheet_curriculum thead th:nth-child(1){font-size:3vw;background-color:#444;} .sheet_curriculum thead th:nth-child(2){background-color:#dbcba3;} .sheet_curriculum thead th:nth-child(3){background-color:#d5c396;} .sheet_curriculum thead th:nth-child(4){background-color:#d0bd8d;} .sheet_curriculum thead th:nth-child(5){background-color:#c8b37c;} .sheet_curriculum thead th:nth-child(6){background-color:#c1aa6f;} .sheet_curriculum thead th:nth-child(7){background-color:#bda465;} .sheet_curriculum thead th:nth-child(8){background-color:#b59b56;} .sheet_curriculum thead th:nth-child(9){background-color:#b1964e;} .sheet_curriculum tr td:nth-of-type(1){font-size:3vw;background-color:#444;} .sheet_curriculum tbody tr td.bg_none{background-color:#fff;color:#000;font-weight:400;} /* //250417 syh (250414 kmh) 추가 */ } /* 200720 syh 강남센터 강사진 팝업 */ @media all and (max-width:750px){ .pop_teachers .pop_top{padding:30px 0;} .pop_teachers .pop_top p{font-size:14px;padding-bottom:10px;} .pop_teachers .pop_top strong{font-size:38px;} .pop_teachers .pop_top em{display:block;margin-top:10px;} .pop_teachers .pop_tit p{font-size:23px;line-height:28px;} .pop_teachers .pop_tit p strong{display:block;} .pop_teachers .pop_tit span{font-size:12px;line-height:16px;} .pop_teachers .pop_con.type1 .pop_tit{padding:23px 0 20px;} .pop_teachers .pop_con.type2{padding-top:33px;} .pop_teachers .pop_con.type2:before{display:none;} .pop_teachers .pop_con.type2 .pop_tit{padding-bottom:15px;} .pop_teachers .teacher_slide li{width:100%;} /* 200723 syh 추가 */ .pop_teachers .teacher_slide li > div{padding:26px 0;} .pop_teachers .teacher_slide li .name{font-size:18px;font-weight:bold;margin-bottom:10px;height:18px;} .pop_teachers .teacher_slide li .tag{font-size:14px;margin-bottom:11px;height:14px;} .pop_teachers .teacher_slide li .txt{font-size:12px;color:#999;line-height:15px;height:30px;margin-bottom:15px;} .pop_teachers .photo{width:94px;height:94px;} .pop_teachers .photo img{width:92px;height:92px;} .pop_teachers .btn_nav a{top:136px;width:18px;height:18px;} .pop_teachers .ly_btm{padding:10px;} .pop_teachers .ly_btm label {font-size: 13px} .pop_teachers .ly_btm button {font-size: 13px} .pop_teachers .ly_btm input[type="checkbox"] {width: 14px;height: 14px;} } /*//*/ @media all and (max-width:640px){ .m_kakao {right:77px;bottom:23%;width:35px;}/* 210326 hyj 추가 */ /* 250509 hyj 수정 */ .wrap > header > div{padding-left:5px;padding-right:5px} footer .inner{padding:0 10px;} /* //250509 hyj 수정 */ /* button */ .btn1 span {height:35px; line-height:36px; width:120px} .btn5 {width:90%} .btn5 span {background-position:8% 11px; font-size:13px} .btn6 span {width:88px; padding:5px 0 5px 11px; background-position:77px 3px; font-size:12px; background-size:17px 17px} .btn6.uiClo span {width:88px; padding:5px 0 5px 11px; background-position:77px 3px; font-size:12px; background-size:17px 17px} /* .login_info{display:none;} */ .busi{ padding:0 15px; overflow:hidden;} .busi .btn_exp{width:48%; margin:0; float:left;} .busi .btn_exp:first-child{margin-right:4%;} .btn_exp > span{font-size:11px; } .btn_exp > span.big{font-size:13px;} .btn_exp > strong{ font-size:15px;} .pic_list {margin:0 0 -10px 0;} .pic_list li {width:100%;margin:0 0 10px 0;} .pic_list li img {width:100%;} /* 전체 타이틀 */ .info_tit{line-height:30px;font-size:30px} .info_tit:after{display:none} .info_tit_s{line-height:21px;font-size:21px;padding:0;margin:0 auto} .info_tit_s:after{display:none} /* 상단텍스트 */ .contBox .top_txt .txt1{width:287px;margin:0 auto;line-height:26px} .contBox .top_txt .txt2{font-size:16px;width:270px;margin:0 auto;line-height:19px} .contBox .top_txt .txt2.w2{width:220px} .contBox .top_txt .txt3{font-size:15px;width:288px;margin:0 auto;line-height:18px} .contBox .top_txt .gift_img{width:54%} /* 체험스토리 리뷰 슬라이드 영역 */ .review_slide {width:95%;margin:30px auto;padding:0} .review_slide .swiper-slide {width:90% !important;} .review_slide ul{padding:0} .review_slide li a{display:block;border:0;padding:0;} .review_slide li.active a, .review_slide li a:hover{border:0} .review_slide .review_photo img{max-width:100%;border:0} .review_slide .review_cont{border:0} .review_slide .btn_review_slide a{top:30%} .btn_review_slide a.swiper-button-disabled{opacity:.5} /* 체험스토리 우수후기 */ .tit_exp_more{font-size:16px;font-weight:bold;color:#545454;padding:0 0 12px 0} .tit_exp_more:before{display:none} .tit_exp_more span{color:#ee1520} .review_cont_box{padding:5px} /* 체험스토리 일반후기 */ .cont_view{padding:0} .cont_view .cont_box{padding:0 0 15px 0} .cont_view .cont_box .q_tit{font-size:14px;height:auto;line-height:18px;padding:13px} .cont_view .cont_box .text_area{} .cont_view .cont_box .text_area p{font-size:13px;line-height:17px} .cont_view .cont_box .text_area p::-webkit-scrollbar{width:4px} .cont_view .cont_box .text_area p::-webkit-scrollbar-thumb{background:#a9a9a9} .add_img_list{padding:0} .add_img_list li{float:none;width:100%;margin-bottom:15px;position:relative} .add_img_list li .add_img{margin:0;cursor:default} .add_img_list li.active .ly_add_img{display:none} .add_img_list .btn_img_delete{width:20px;height:20px;display:block;position:absolute;top:10px;right:10px;background:url(../images/contents/btn_addfile_close.png) no-repeat 0 0;background-size:100% auto} .review_list_next{margin:25px 0 0} .review_list_next li span{font-size:13px;width:28%} .review_list_next li span:before{margin-right:6px} .review_list_next li a{width:72%} .btn_review_list{text-align:center;padding:24px 0 0} .btn_review_list a{width:105px;height:31px;line-height:31px;font-size:16px;background:#676666 url(../images/contents/icon_list.png) no-repeat 70px 11px;background-size:16px auto;border-radius:3px;text-indent:-20px} /* 체험스토리 테이블 타입 1 */ .tbl_review tbody tr{position:relative;display:block;width:100%;box-sizing:border-box;} .tbl_review tbody th, .tbl_review tbody td{padding:12px 0;min-height:43px} .tbl_review tbody th{position:absolute;top:0;left:0;width:25%;text-indent:9px;text-align:left} .tbl_review tbody th.name{} .tbl_review tbody th.store{top:43px} .tbl_review tbody th.day{top:43px;left:50%} .tbl_review tbody td.day{position:absolute;top:43px;right:0;padding-left:0;width:20%} .tbl_review tbody th.prg{} .tbl_review tbody th.subj{top:43px} .tbl_review tbody th.lv{top:86px} .tbl_review tbody td{width:100%;padding-left:25%;display:block;text-indent:16px} .tbl_review tbody .tit th{height:43px;line-height:43px} .tbl_review tbody .tit td{height:43px;padding:7px 0 0 25%;text-indent:0} .tbl_review tbody td .input_text{padding-left:8px} .tbl_review colgroup{display:none} .tbl_review tbody .cont th{height:100%;padding-top:50%} .tbl_review tbody .file th{height:100%} /* 체험스토리 테이블 타입 1-1 */ .tbl_review.type2 tbody th{padding:12px 0 2px;width:29%} .tbl_review.type2 tbody td{padding:7px 0;text-indent:0;padding-left:31%} .tbl_review.type2 tbody select{width:100%} /* 체험스토리 테이블 타입 2 */ .tbl_review2 colgroup{display:none} .tbl_review2 tr{position:relative;display:block;width:100%;box-sizing:border-box;margin-bottom:15px} .tbl_review2 thead{display:none} .tbl_review2 tbody tr.best td{background:#f4f1e9} .tbl_review2 tbody td{display:block;width:100%;text-align:left;position:relative;padding:0 0 0 29%;height:41px;line-height:41px;font-size:14px} .tbl_review2 tbody tr td:first-child{border-top:1px solid #545454} .tbl_review2 tbody td.tit{padding-left:29%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal} .tbl_review2 tbody td:before{content:attr(data-cell-td);display:block;box-sizing:border-box;position:absolute;width:25%;height:40px;line-height:40px;padding-left:8px;left:0;top:0;font-family:ngb;color:#868585;font-size:14px;text-align:left;letter-spacing:-1px;background:#f8f8f8} .tbl_review2 tbody tr.best td:before{background:#f6f3ee} .tbl_review2 tbody td.writer .name{/*vertical-align:top*/} .tbl_review2 tbody td .icon_best{position:static;margin-right:4px;width:47px;height:21px;line-height:21px;border-radius:11px} .tbl_review2 tbody td .num, .tbl_review2 tbody td .icoNew{display:none} .tbl_review2 tbody td.level{display:none} .tbl_review2 .tit_review{display:block;font-size:16px;color:#121212;font-family:ngb;margin:15px 0 10px} .tbl_review2 .tit_review span{color:#b0944c;vertical-align:top} .tbl_review2 .tit_review.best{background:url(../images/contents/icon_best_review.png) no-repeat 0 0;background-size:17px auto;padding-left:20px;margin-top:0} /* 체험스토리 테이블 타입 2-1 */ .tbl_review2.type2{border-width:1px;border-bottom:0;margin-bottom:30px} .tbl_review2.type2 tbody tr{margin-bottom:0} .tbl_review2.type2 tbody td{background:none;padding:0 0 0 29%;border-bottom:1px solid #ebe8e8} .tbl_review2.type2 tbody tr td:first-child{padding-left:29%;border-top:1px solid #e9e9e9;height:42px} .tbl_review2.type2 tbody tr td:after{display:none} .tbl_review2.type2 tbody td.writer{text-align:left} .tbl_review2.type2 tbody td.level{display:block} .tbl_review2.type2 dl{position:relative} .tbl_review2.type2 dt{display:block;box-sizing:border-box;position:absolute;width:25%;height:41px;line-height:41px;padding-left:8px;left:0;top:0;font-family:ngb;color:#868585;font-size:14px;text-align:left;letter-spacing:-1px;background:#f8f8f8;z-index:1} .tbl_review2.type2 dd.tit{border-bottom:0;padding-left:29%;font-size:14px;background:none;height:41px} .tbl_review2.type2 dd .icon_best{position:static;margin-right:4px;width:47px;height:21px;line-height:21px;border-radius:11px} /* 수강후기 내용 */ .cont .cont_box .q_tit{font-size:14px;border:0;height:auto;line-height:18px;padding:0 20px 13px 6px} .cont .cont_box{padding:20px 0 20px 25%;margin-left:8px} /* 파일첨부 */ .file_form{text-indent:8px} .file_input_textbox{width:96%} .file_input_div{padding-top:40px} .file_input_div{left:0;right:auto;text-align:left;width:100%} .file_add_plus{position:static;display:block;margin:8px 0 0 102px} .add_file_list{border-top:1px dashed #e0e0e0;margin-left:8px;padding:8px 0 3px} .add_file_list li{margin-bottom:5px} .add_file_list .file_name{width:67%;height:32px;line-height:32px;padding:0;color:#727272;text-indent:12px;font-size:14px;display:inline-block;vertical-align:top} .add_file_list .btn_add_delete{width:70px;height:32px;line-height:32px;font-size:14px;margin-left:0} /* 동의 */ .agree_chk p{line-height:20px;padding-left:27px} .agree_chk label{font-size:13px} .btn_agree_view{margin:0} .agree_box{padding:18px 18px 0} .agree_box .tit{font-size:12px;padding:0 0 15px} .agree_box .stit{font-size:12px;padding:0 0 5px} .agree_box .txt{font-size:12px;line-height:16px;padding:0 0 18px} /* 하단 버튼타입 1 */ .btn_group_c{padding:35px 3px 0} .btn_group_c a{float:left;width:48%;height:46px;line-height:46px;font-size:17px;margin:0} .btn_group_c a:last-child{float:right} /* 하단 버튼타입 2 */ .btn_group_c2{padding:33px 0 0;width:295px;margin:0 auto} .btn_group_c2 a{float:left;width:48%;height:38px;line-height:38px;font-size:14px;margin:0} .btn_group_c2 a:last-child{float:right} .btn_group_c2 .btn_regist_lecture{background:#ee1520 url(../images/contents/icon_lecture.png) no-repeat 13px 11px;background-size:23px auto} .btn_group_c2 .btn_regist_teacher{background:#546463 url(../images/contents/icon_teacher.png) no-repeat 12px 7px;background-size:29px auto} /* 221121 pny 추가 - css 우선순위변경으로 버튼스타일이 틀어져서 style.css에 있는 버튼을 중복으로 넣음 */ /* button */ .btn11 span {width:120px; font-size:15px; padding:8px 0} .btn12 span {width:120px; font-size:15px; padding:8px 0} .btn18 span {width:120px; font-size:15px; padding:8px 0} /* //*/ /* 검색폼 */ .search_form{padding:20px 24px;margin:27px 0 0;border-top:1px solid #dcd8d8;border-bottom:1px solid #dcd8d8} .search_form .tit_select{display:block;margin:0 0 9px 0} .search_form .tit_select select{width:100%;height:26px;font-size:13px;text-indent:8px} .search_form .tit_select select.selSearchType_wide{width:100%;} /* 230426 pny 추가 */ .search_form .search_input{display:block;width:auto} .search_form .search_input input{width:100%;height:26px;font-size:13px;text-indent:8px} .search_form .search_input .btn_search{width:14px;height:14px;padding:6px 12px;position:absolute;top:0;right:0;background:url(../images/contents/btn_search_mo.png) no-repeat 13px 6px;background-size:14px auto} /* 수강후기등록 바로가기 */ .lecture_review_area{height:82px;background:#f1ece2 url(../images/contents/bg_starbucks_ban_m.jpg) no-repeat 0 0;background-size:114px auto;margin:35px 0 0} .lecture_review_area .tit{font-size:14px;padding:13px 0 6px 36%} .lecture_review_area .tit a{cursor:pointer;padding-right:12px;position:relative} .lecture_review_area .tit a:after{content:'>';display:block;width:7px;height:12px;position:absolute;top:1px;right:0;font-size:13px} .lecture_review_area .txt{font-size:12px;line-height:16px;padding-left:36%;padding-right:10px;width:auto} .lecture_review_area .txt span{color:#0e6e46;vertical-align:top;font-family:ngb} .lecture_review_area .btn_lecture_review{display:none} /* 셀렉트박스 유형 추가 */ .tableTop .select .selectbox2 {float:none; width:100%; height:26px;margin-right:5px; margin-bottom:9px;box-sizing:border-box} /* 프로그램,과목 레이어 */ .contBox .tableTop .searchBox{display:none !important} .contBox .tableTop .select_list{display:block} .contBox .tableTop .select_list_tab{} .contBox .tableTop .select_list_tab:after{content:'';display:block;clear:both} .contBox .tableTop .select_list_tab li{float:left;width:50%} .contBox .tableTop .select_list_tab.tab3 li{width:33%} .contBox .tableTop .select_list_tab.tab3 li:last-child{width:34%} .contBox .tableTop .select_list_tab a{display:block;height:36px;line-height:36px;font-size:15px;color:#545454;text-align:center;font-family:ngb;border:2px solid #545454} .contBox .tableTop .select_list_tab li:nth-child(2) a{border-left:0} .contBox .tableTop .select_list_tab li:nth-child(3) a{border-left:0} .contBox .tableTop .select_list_tab.active1 li:nth-child(1) a{border:2px solid #f11320;border-bottom:0;height:38px;color:#f11320} .contBox .tableTop .select_list_tab.active1 li:nth-child(2) a{border:2px solid #dcd8d8;border-bottom-color:#f11320;border-left:0} .contBox .tableTop .select_list_tab.active1 li:nth-child(3) a{border:2px solid #dcd8d8;border-bottom-color:#f11320;border-left:0} .contBox .tableTop .select_list_tab.active2 li:nth-child(1) a{border:2px solid #dcd8d8;border-bottom-color:#f11320} .contBox .tableTop .select_list_tab.active2 li:nth-child(2) a{border:2px solid #f11320;border-bottom:0;height:38px;color:#f11320} .contBox .tableTop .select_list_tab.active2 li:nth-child(3) a{border:2px solid #dcd8d8;border-bottom-color:#f11320} .contBox .tableTop .select_list_tab.active3 li:nth-child(1) a{border:2px solid #dcd8d8;border-bottom-color:#f11320} .contBox .tableTop .select_list_tab.active3 li:nth-child(2) a{border:2px solid #dcd8d8;border-bottom-color:#f11320;border-left:0} .contBox .tableTop .select_list_tab.active3 li:nth-child(3) a{border:2px solid #f11320;border-bottom:0;height:38px;color:#f11320} .contBox .tableTop .select_list_cont{} .contBox .tableTop .select_list_cont > div{background:#f8f8f8;padding:20px 0 10px;border:2px solid #f11320;border-top:0;display:none} .contBox .tableTop .select_list_cont ul{} .contBox .tableTop .select_list_cont li{padding:0 0 10px;letter-spacing:-1px;background:url(../images/common/bull1.gif) no-repeat 18px 7px;background-size:3px auto} .contBox .tableTop .select_list_cont a{display:block;line-height:1.3;font-size:14px;color:#666;font-family:ngb;padding:0 10px 0 27px} .tbl_review.page_modify .file_form {min-height:27px;padding-bottom:0;} .tbl_review.page_modify .file_form:after {clear:both;content:"";display:block} .tbl_review.page_modify .file .info_txt {display:none} .tbl_review.page_modify .file .info_txt.mobile {display:block;position:absolute;left:65%;top:16px} .tbl_review.page_modify .file_input_textbox {display:none} .tbl_review.page_modify .file_input_div {padding:0;} .tbl_review.page_modify .file_add_plus.gray {display:none} .tbl_review.page_modify .add_file_list {display:none} .tbl_review.page_modify .file_caution {display:none} .tbl_review.page_modify .file_input_btn {display:none} .tbl_review.page_modify .file_input_btn.mobile {display:block;border-radius:4px;float:left;background:#646666;height:27px;padding:0 12px;margin:0 10px 0 8px;} .tbl_review.page_modify .file_input_btn.mobile span {display:inline-block;background:url(../images/btn/ico_src_file.png) no-repeat 0 6px;font-size:13px;line-height:27px;padding-left:17px;vertical-align:top;} .tbl_review.page_modify .file_input_hidden {width:30%;} .lecture_review .btn_group_c a {width:78px;font-size:15px;height:30px;line-height:30px;float:none;text-align:center;} .wideBox .infoTitle{} .tabbody .jp_prg_tab{padding:15px 0 18px} .tabbody .jp_prg_cont .tit_prg{font-size:18px;padding-bottom:20px} .tabbody .jp_prg_cont .prg_list li{font-size:13px;line-height:19px;padding-bottom:10px} .tabbody .jp_prg_cont .prg_list li span{display:block} .tabbody .jp_prg_cont .prg_list li em{display:inline} .jp_prg_cont .tableStyle5 dl dt{width:auto} .compos .jp_prg_cont .tableStyle5 dl dd{margin:0;border-left:1px solid #e1e1e1} .compos .jp_prg_cont .tableStyle5 dl dd > p{font-size:15px} .jp_prg_cont .tbl_prg colgroup{display:none} .jp_prg_cont .tbl_prg th{display:none} .jp_prg_cont .tbl_prg th span{font-size:13px} .jp_prg_cont .tbl_prg tr{position:relative;display:block;width:100%;box-sizing:border-box} .jp_prg_cont .tbl_prg td{display:block;width:100%;text-align:left;position:relative;box-sizing:border-box;font-size:13px;line-height:16px;padding:10px 10px 10px 135px;height:100%;border-bottom:1px solid #ece3e3} .jp_prg_cont .tbl_prg td:before{content:attr(data-cell-td);display:block;box-sizing:border-box;position:absolute;width:120px;height:100%;left:0;top:0;background:#f6f3ee;color:#333;font-size:14px;font-family:ngb;text-align:center;line-height:18px;border-right:1px solid #ece3e3;padding-top:30px;letter-spacing:-1px} .jp_prg_cont .tbl_prg.tb2 td:before{padding-top:45px} .jp_prg_cont .tbl_prg.tb2 td:last-child:before{padding-top:20px} .jp_prg_cont .tbl_prg.tb2 .ty1 td:last-child:before{padding-top:40px} .jp_prg_cont .tbl_prg.tb2 .ty2 td:last-child:before{padding-top:30px} .wideBox .infoTitle{} .tabbody .ch_prg_tab {padding:15px 0 18px;} .tabbody .ch_prg_cont .tit_prg {padding-bottom:20px; font-size:18px;} .tabbody .ch_prg_cont .prg_list li {line-height:19px; padding-bottom:10px; font-size:13px;} .tabbody .ch_prg_cont .prg_list li span {display:block;} .tabbody .ch_prg_cont .prg_list li em {display:inline;} .ch_prg_cont .tableStyle5 dl dt {width:auto;} .compos .ch_prg_cont .tableStyle5 dl dd {margin:0; border-left:1px solid #e1e1e1;} .compos .ch_prg_cont .tableStyle5 dl dd > p {font-size:15px;} .ch_prg_cont .tbl_prg colgroup {display:none;} .ch_prg_cont .tbl_prg th {display:none;} .ch_prg_cont .tbl_prg th span {font-size:13px;} .ch_prg_cont .tbl_prg tr {position:relative; display:block; width:100%; box-sizing:border-box;} .ch_prg_cont .tbl_prg td {position:relative; display:block; width:100%; height:100%; line-height:16px; padding:10px 10px 10px 135px; font-size:13px; text-align:left; border-left:0; border-bottom:1px solid #ece3e3; box-sizing:border-box;} .ch_prg_cont .tbl_prg td:before {content:attr(data-cell-td); position:absolute; left:0; top:0; display:block; width:120px; height:100%; line-height:18px; padding-top:40px; color:#333; font-size:14px; font-family:ngb; letter-spacing:-1px; text-align:center; border-right:1px solid #ece3e3; background:#f6f3ee; box-sizing:border-box;} .ch_prg_cont .tbl_prg tr:first-child td:first-child {border-top:1px solid #e1e1e1;} .ch_prg_cont .tbl_prg td span {font-size:12px;} .ch_prg_cont .tbl_prg.tb2 td:before {padding-top:45px;} .ch_prg_cont .tbl_prg.tb2 td:last-child:before {padding-top:20px;} .ch_prg_cont .tbl_prg.tb2 .ty1 td:last-child:before {padding-top:40px;} .ch_prg_cont .tbl_prg.tb2 .ty2 td:last-child:before {padding-top:30px;} #one-integration .one_sect1 {height:340px; background-size:auto 100%;} #one-integration .one_sect1 .tit_txt1 {padding-top:40px; font-size:23px;} #one-integration .one_sect1 .tit_txt2 {font-size:30px;} #one-integration .one_sect1 .tit_txt3 {margin-top:10px; font-size:14px;}/* 180524 hyj 수정 */ #one-integration .one_sect1 .tit_txt4 {width:300px; padding-top:20px; margin:20px auto 0; font-size:13px;} #one-integration .one_sect1 .tit_btn a.btn_reserve {display:block; width:auto; font-size:18px;}/* 180524 hyj 수정 */ #one-integration .one_sect2, #one-integration .one_sect3, #one-integration .one_sect4, #one-integration .one_sect5 cxcxcx{padding:40px 0;} #one-integration .one_sect2 .tit_txt1, #one-integration .one_sect2 .tit_txt2 {line-height:1.5; font-size:20px;} #one-integration .one_sect2 .tit_txt3 {line-height:1.5; margin:20px auto; font-size:19px;} #one-integration .one_sect2 .tit_txt3 strong {font-size:23px;} #one-integration .one_sect2 .one_q1 {margin:15px 0 30px; font-size:17px;} #one-integration .one_sect3 .one_q1 {font-size:23px;} #one-integration .one_sect3 .one_a1 {font-size:15px;} #one-integration .one_sect3 .one_a1 span {display:block;} #one-integration .one_sect3 .mtm dl {width:95%; margin:0 auto;} #one-integration .one_sect3 .mtm dl dt {padding:10px; font-size:16px;} #one-integration .one_sect3 .mtm dl dd {padding-bottom:10px; margin-top:-20px;} #one-integration .one_sect3 .mtm dl dd ul {width:95%; margin:0 auto;} #one-integration .one_sect3 .mtm dl dd ul li {width:100%; padding:20px 0; margin:0 0 20px;} #one-integration .one_sect3 .mtm dl dd ul li img {display:none;} #one-integration .one_sect3 .mtm dl dd li:before {top:-5px; left:0; font-size:60px;} #one-integration .one_sect3 .mtm dl dd .txt01 {float:left; width:45%; padding-bottom:0; font-size:20px;} #one-integration .one_sect3 .mtm dl dd .txt02 {float:right; width:50%; padding-left:2%; margin-top:5px; font-size:15px; text-align:left;} #one-integration .one_sect3 .mtm dl dd .txt03 {float:right; width:50%; padding-left:2%; margin-top:5px; font-size:13px; text-align:left;} #one-integration .one_sect3 .mtm dl dd .txt01 span {display:block;} #one-integration .one_sect3 .mtm dl dd .txt01:before {content:''; position:absolute; left:auto; right:0; top:0; bottom:0; width:1px; height:100%;} #one-integration .one_sect3 .mtm dl dd .txt01:after {content:''; position:absolute; right:-1px; top:0; bottom:0; width:1px; height:100%;} #one-integration .one_sect3 .mtm dl dd .box_01 .txt01:before {background-color:#cf9393;} #one-integration .one_sect3 .mtm dl dd .box_01 .txt01:after {background-color:#e4c0c0;} #one-integration .one_sect3 .mtm dl dd .box_02 .txt01:before {background-color:#afb0c4;} #one-integration .one_sect3 .mtm dl dd .box_02 .txt01:after {background-color:#cdd7e7;} #one-integration .one_sect3 .mtm dl dd .box_03 .txt01:before {background-color:#a7bcb8;} #one-integration .one_sect3 .mtm dl dd .box_03 .txt01:after {background-color:#c7e0dd;} #one-integration .solution_step {padding:40px 0;} #one-integration .solution_step .num {font-size:14px;} #one-integration .solution_step .tit {font-size:25px; background-position:0 9px;} #one-integration .one_sect4 .study_box {padding:20px 10px; margin:0 7px 10px;} #one-integration .one_sect4 .study_tit {font-size:23px;} #one-integration .one_sect4 .study_tit span {margin-top:10px; font-size:14px;} #one-integration .one_sect4 .compare_tb {margin-top:20px;} #one-integration .one_sect4 .compare_tb thead th {font-size:12px;} #one-integration .one_sect4 .compare_tb tbody th {font-size:12px;} #one-integration .one_sect4 .compare_tb tbody td {font-size:12px;} #one-integration .one_sect4 .sbj_list li {padding-top:15px; margin:0 2px;} #one-integration .one_sect5.solution_step .story_list {padding:25px 0;} #one-integration .one_sect5.solution_step .story_list .txt1 {font-size:23px;} #one-integration .one_sect5.solution_step .story_list .txt2 {margin-top:7px; font-size:14px;} #one-integration .one_sect5 .one_recruit {padding-top:30px;} #one-integration .one_sect5 .study_tit {font-size:23px;} #one-integration .one_sect5 .study_tit span {width:300px; margin: 0 auto; font-size:15px;} #one-integration .one_sect5 .one_recruit .inner {width:96%;} #one-integration .one_sect5 .one_recruit ul li {margin: 5px 0; font-size:14px;} #one-integration .one_sect6 .study_tit span {font-size:15px;} #one-integration .one_sect6 .cu_list {width:480px; max-width:100%; margin:0 auto;}/* 170831 수정 */ #one-integration .one_sect6 .cu_list li {float:none; width:100%; height:150px; background-size:100% 200px;} #one-integration .one_sect6 .cu_list li:after {width:30px; height:30px; bottom:15px; background-size:30px 30px;} #one-integration .one_sect6 .cu_list li.on:after {bottom:50%; background-size:30px 30px;} #one-integration .one_sect6 .cu_list li.cu1 {background-image:url(../images/contents/oneTotal/m_bg_cu01.jpg);} #one-integration .one_sect6 .cu_list li.cu2 {background-image:url(../images/contents/oneTotal/m_bg_cu02.jpg);} #one-integration .one_sect6 .cu_list li.cu3 {background-image:url(../images/contents/oneTotal/m_bg_cu03.jpg);} #one-integration .one_sect6 .cu_list li.cu4 {background-image:url(../images/contents/oneTotal/m_bg_cu04.jpg);} #one-integration .one_sect6 .cu_list li p.cu_tle {padding-top:30px; font-size:16px;} #one-integration .one_sect6 .cu_list li p.cu_tle span {display:inline;} #one-integration .one_sect6 .detail_cont p.txt1 {font-size:20px;} #one-integration .one_sect6 .detail_cont p.txt2 {width:280px; margin:0 auto; font-size:14px;} #one-integration .one_sect7 {padding:40px 0;} #one-integration .one_sect7 .tit_txt3 {font-size:20px;} #one-integration .one_sect7 .tit_txt3 strong {font-size:23px;} #one-integration .one_sect7 .tbl_review2 tbody td.writer {text-align:left;} #one-integration .one_sect8 {padding:40px 0;} #one-integration .one_sect8 .tit_txt3 {font-size:20px;} #one-integration .one_sect8 .tit_txt3 strong {font-size:23px;} #one-integration .one_sect8 .prm_tb table thead th {display:none;} #one-integration .one_sect8 .prm_tb .m_tab {display:block;} #one-integration .one_sect8 .prm_tb table tbody td.lang_ch, #one-integration .one_sect8 .prm_tb table tbody td.lang_jp {display:none;} #one-integration .one_Near {padding:40px 0;} #one-integration .one_Near .tit_txt3 {font-size:20px;} #one-integration .one_Near .view_place {height:auto;} #one-integration .one_Near .view_place ul._tab {float:none; width:100%; background-color:transparent} #one-integration .one_Near .view_place ul._tab li {display:inline-block; width:30%; margin:5px; } #one-integration .one_Near .view_place ul._tab li a {padding:15px 0; font-size:18px; font-family:ngb; border-radius:5px; border:1px solid #999;} #one-integration .one_Near .view_place ul._tab li.on:before, #one-integration .one_Near .view_place ul._tab li:hover:before {display:none;} #one-integration .one_Near .view_place ul._tab li.on {} #one-integration .one_Near .view_place ul._tab li:hover a, #one-integration .one_Near .view_place ul._tab li.on a {color:#000; border:2px solid #d4bf89; background-color:#d4bf89;} #one-integration .one_Near .view_place ul._tab li:hover a:before, #one-integration .one_Near .view_place ul._tab li.on a:before {background-image:url(../images/contents/oneTotal/icon_place_m.png);} #one-integration .one_Near .view_place ._cont {display:none !important;} #one-integration .one_Near .one_tel strong {font-size:23px;} #one-integration .banner_btm {height:250px; background-position:center; background-size:auto 100%;} #one-integration .banner_btm p.txt1 {font-size:19px;} #one-integration .banner_btm p.txt2 {margin-top:10px; font-size:20px} #one-integration .banner_btm p span {font-family:ngb;} #one-integration .one_sect8 .prm_tb .m_tab {position:relative;} #one-integration .one_sect8 .prm_tb .m_tab:after {content:''; position:absolute; left:0; right:0; bottom:0; background-color:#333;} #one-integration .one_sect7 .tbl_review2 .tit_review.best {display:none;} #one-integration .one_sect7 .tbl_review2 table {table-layout:fixed; width:100%;} #one-integration .one_sect7 .tbl_review2 tr {margin:0;} #one-integration .one_sect7 .tbl_review2 tbody tr.best td {} #one-integration .one_sect7 .tbl_review2 tbody td .icon_best {} #one-integration .one_sect7 .tbl_review2 tbody tr td:first-child {border-top:0;} #one-integration .one_sect7 .tbl_review2 tbody tr:first-child td {border-top:1px solid #545454;} #one-integration .one_sect7 .tbl_review2 tbody td {float:left; display:inline-block; width:30%; height:45px; padding:0 10px; text-align:right;} #one-integration .one_sect7 .tbl_review2 tbody tr.best td:after {display:none;} #one-integration .one_sect7 .tbl_review2 tbody td:nth-child(2), #one-integration .one_sect7 .tbl_review2 tbody td:nth-child(3) {display:none;} #one-integration .one_sect7 .tbl_review2 tbody td.tit {width:70%; padding-left:10px; text-align:left; border-bottom:1px solid #ebe8e8;} #one-integration .one_sect7 .tbl_review2 tbody td:before {display:none;} } @media all and (max-width:480px){ #one-integration .one_sect2 ul.one_a1 {width:300px;} #one-integration .one_sect2 ul.one_a1 li img {width:55px;} #one-integration .one_sect2 ul.one_a1 li dl {width:200px;} #one-integration .one_sect2 ul.one_a1 li dl dt {padding-bottom:8px; font-size:14px;} #one-integration .one_sect2 ul.one_a1 li dl dd {font-size:13px;} #one-integration .one_sect4 .sbj_list img {width:50px;} #one-integration .one_sect4 .sbj_list p img {width:80px; margin-top:5px;} #one-integration a.btn_reserve {width:280px; padding:10px 0; font-size:18px;} #one-integration .one_sect5.solution_step .story_list .review_cont .r_tit {padding:5px 0; font-size:14px;} #one-integration .one_sect5.solution_step .story_list .review_cont .prg {padding-bottom:3px; margin:0; font-size:14px;} #one-integration .one_sect6 .cu_list {width:auto;} #one-integration .one_Near .one_tel {font-size:20px;} #one-integration .one_Near .one_tel strong a {display:block; font-size:30px;} #one-integration .one_sect7 .tbl_review2 tbody td img {width:70px;} /* 241008 hyj 수정 */ /* 250311 kmh 삭제.header .toparea .login_info li{line-height:45px;}*/ .header .toparea .login_info a{font-size:12px;} /* //241008 hyj 수정 */ } @media all and (max-width:375px){ .lecture_review_area .tit{padding-top:9px} .lecture_review_area .txt{width:177px} } /* 250509 hyj 수정 */ @media all and (max-width:330px){ .wrap footer .foot_info1 .number a{font-size:13px;} } /* //250509 hyj 수정 */ @media all and (max-width:320px){ .tabbody .jp_prg_cont .tit_prg{margin:0 -5px;font-size:17px} .tabbody .jp_prg_cont .prg_list{margin:0 -5px} .tabbody .jp_prg_cont .prg_list li{font-size:11px} .tabbody .ch_prg_cont .tit_prg {margin:0 -5px; font-size:17px;} .tabbody .ch_prg_cont .prg_list {margin:0 -5px;} .tabbody .ch_prg_cont .prg_list li {font-size:11px;} #one-integration .one_sect7 .tbl_review2 tbody td {position:relative;} #one-integration .one_sect7 .tbl_review2 tbody tr.best td:after {content:''; position:absolute; left:0; right:0; top:-1px; width:100%; height:1px; background-color:#d9d5d5;} } /***** 201022 syh 선생님 소개 리뉴얼 ***/ /* 리스트 210122 syh 수정 */ /* 250509 hyj 수정 */ .teacher_group{margin-right:-40px;overflow-x:hidden;box-sizing:border-box;} .teacher_group .teacher_list{box-sizing:border-box;} .teacher_group .teacher_list:after{content:'';display:block;clear:both;} .teacher_group .teacher_list > li{ width:320px;border:1px solid #ddd;position:relative;box-sizing:border-box;float:left;margin:0 20px 40px 0;} .teacher_group .teacher_list > li:nth-child(3n){} /* //250509 hyj 추가 */ .teacher_group .teacher_list > li > a{display:block;height:247px;} .teacher_group .center{width:48px;height:24px;line-height:24px;text-align:center;font-size:15px;color:#fff;background:#bea873;display:inline-block;}/* 240902 kmh 수정 */ /* 240902 kmh 추가 */ .teacher_group .role{height:24px;padding:0 8px;margin-left:-3px;display:inline-block;font-size:13px;line-height:24px;color:#fff;background-color:#000;position:relative;z-index:1;} .teacher_group .role.ver2{background-color:#777;} /* //240902 kmh 추가 */ .teacher_group .stars{font-size:0;text-indent:-9999px; width:88px; height:17px;background:url('../images/ico/bg_star.png') no-repeat;background-size:88px 17px;margin:14px 0 10px 20px;} .teacher_group .stars span {display:block; width:100%; height:100%; text-indent:-5000px; background:url('../images/ico/ico_star.png') no-repeat;background-size:88px 17px; } .teacher_group .name{padding:0 0 11px 20px;width:160px;} .teacher_group .name p{color:#000;line-height:1;letter-spacing:-0.7px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;} .teacher_group .name .tit{font-size:22px;font-weight:bold;height:22px;} .teacher_group .name .en{font-weight:normal;font-size:13px;margin-top:8px;height:14px;} .teacher_group .tag{padding-left:20px;width:110px;height:46px;overflow:hidden;word-break:keep-all;} .teacher_group .tag span{display:inline-block;letter-spacing:-1px;font-size:13px;color:#bea873;line-height:15px;vertical-align:top;} .teacher_group .photo{position:absolute;bottom:59px;right:0;} .teacher_group .photo img{width:175px;height:175px;} .teacher_group .teacher_info{position:absolute;bottom:0;left:0;width:100%;height:59px;padding:12px 0 0 20px;box-sizing:border-box;transition:background 0.3s ease-out;overflow:hidden;border-top:1px solid #ddd;} .teacher_group .teacher_info dt{letter-spacing:-1px;} .teacher_group .teacher_info dt, .teacher_group .teacher_info dd{font-size:12px;color:#999;display:inline-block;} .teacher_group .teacher_info dl.time{padding-top:4px;height:24px;overflow:hidden;} .teacher_group .teacher_info dl.time dt{padding-bottom:8px;} .teacher_group .teacher_info dl.time dd{padding-bottom:8px;} .teacher_group .teacher_info .txt_produce{text-align:right;font-size:15px;color:#fff;font-weight:bold;position:absolute;top:100px;left:0;width:100%;transition:all .2s ease;padding-right:20px;box-sizing:border-box;} .teacher_group .teacher_info .txt_produce:after{content:'';display:inline-block;width:6px;height:6px;vertical-align:middle;position:relative;top:-1px;border:1px solid #fff;border-width:1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);} /*//*/ /* 상세 */ .viewBox1.introduce{background:none;padding-top:56px;line-height:1;} .introduce .teacher_photo{background:#eee;width:280px;float:left;margin:0 0 40px 40px;position:relative;}/* 240902 kmh 수정 */ .introduce .teacher_photo img{width:280px;} /* 240902 kmh 추가 */ .introduce .teacher_photo .roles{font-size:0;position:absolute;left:0;top:0;} .introduce .teacher_photo .roles span{height:24px;padding:0 8px;display:inline-block;font-size:13px;line-height:24px;color:#fff;background-color:#000;} .introduce .teacher_photo .roles span.ver2{background-color:#777;} /* //240902 kmh 추가 */ .introduce .teacher_info{float:left;padding:0 0 10px 40px;width:638px;} .introduce .teacher_info .name p{color:#000;letter-spacing:-1px;} .introduce .teacher_info .name .tit{font-size:40px;font-weight:bold;padding-bottom:10px;} .introduce .teacher_info .name .en{font-size:25px;padding-bottom:20px;} .introduce .teacher_info .tag{font-size:20px;color:#bea873;padding-bottom:20px;} .introduce .teacher_info .good_group{padding-bottom:30px;} .introduce .teacher_info .good_group > div{display:inline-block;vertical-align:top;} .introduce .teacher_info .stars{font-size:0;text-indent:-9999px; width:92px; height:16px;background:url('../images/ico/bg_star.png') no-repeat;background-size:92px 16px;} .introduce .teacher_info .stars span {display:block; width:100%; height:100%; text-indent:-5000px; background:url('../images/ico/ico_star.png') no-repeat;background-size:92px 16px;} .introduce .newlist{margin-right:15px;} .introduce .newlist .good {display:inline-block;} .introduce .newlist .oneName span {display:inline-block; overflow:hidden; font-family:ngb; margin:0 auto; padding:4px 10px 5px; height:13px; line-height:14px; background:#bebfc0; border-radius:11px; font-size:13px; color:#fff} .introduce .newlist {padding:0} .introduce .newlist .newicon {display:inline-block; position:static} .introduce .profile_group dl{padding-bottom:18px;} .introduce .profile_group dl:after{content:'';display:block;clear:both;} .introduce .profile_group dt, .introduce .profile_group dd{float:left;letter-spacing:-0.5px;line-height:26px;} .introduce .profile_group dt{font-size:16px;color:#000;font-weight:bold;width:82px;padding-top:2px;} .introduce .profile_group dd{font-size:14px;color:#555;} .introduce .profile_group .center_txt{width:43px;height:22px;line-height:22px;text-align:center;font-size:14px;color:#fff;background:#bea873;font-weight:bold;display:inline-block;border-radius:11px;} .introduce .intro_txt{clear:both;border-top:1px solid #dbdada;font-size:14px;color:#555;line-height:24px;letter-spacing:-1px;padding:35px;} .viewBoxMovie{text-align:center;border:1px solid #dbdada;border-top:2px solid #494949;background:#fbfbfb;margin-bottom:45px;padding:27px 0;position:relative;overflow:hidden;} .viewBoxMovie iframe{width:418px;height:235px;background-color:#fbfbfb;overflow-y:hidden;overflow-x:hidden;} .viewBoxMovie .swiper-container{width:850px;} .viewBoxMovie li.swiper-slide{width:418px;height:235px;opacity:0;} .viewBoxMovie li.swiper-slide-active, .viewBoxMovie li.swiper-slide-next{opacity:1} .viewBoxMovie .btn_nav a {position:absolute;top:136px;width:25px;height:25px;border-width:0 0 1px 1px;border-style:solid;border-color:#7d7d7d;z-index:1;font-size:0;line-height:0;text-indent:-999px;outline:0;} .viewBoxMovie .btn_nav .prev {left:40px;transform:rotate(45deg);-webkit-transform:rotate(45deg);} .viewBoxMovie .btn_nav .next {right:40px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);} .viewBoxMovie .swiper-button-disabled{opacity:.3;cursor:default;} .viewBoxMovie .swiper-pagination{width:100%;margin-top:26px;position:static;} .viewBoxMovie .swiper-pagination-bullet{width:18px;height:18px;background:#555;margin:0 5px;vertical-align:top;} .viewBoxMovie .swiper-pagination-bullet-active{} .mo{display:none;} /* 플로팅배너 210112 syh 추가 */ #content .floating_banner {position:absolute;top:30px;right:5%;z-index:9001;}/* 250311 kmh 수정 */ #content .floating_banner.fixed{position:fixed;top:165px;}/* 250311 kmh 수정 */ /* 250509 hyj 수정 */ #content .floating_banner .btn_reserve{position:relative;display:block;padding:7px 0;color:#000;font-size:13px;font-family:ngb;border-radius:5px; background-color:#d4bf89;} #content .floating_banner .btn_reserve:after{content:''; display:inline-block;width:19px;height:19px;margin-left:7px;vertical-align:middle;background:url('../images/common/btn_reserve.png') no-repeat 0 0 / 100% auto;}/* 250519 hyj 수정 */ #content .floating_banner .btn_floating_controll{width:42px;height:50px;font-size:0;background-color:#fff;border-radius:24px 5px 5px 24px;position:absolute;left:-49px;top:0;box-shadow:2px 2px 10px rgba(0, 0, 0, 0.3);} #content .floating_banner .btn_floating_controll:after{content:'';width:12px;height:18px;margin-top:-9px;background:url('../images/btn/floating_btn_arr.png') no-repeat;position:absolute;left:17px;top:50%;} #content .floating_banner .outer{width:140px;} #content .floating_banner .outer > div{width:140px;max-width:140px;line-height:1.5;margin-bottom:7px;text-align:center;border-radius:5px;background-color:#fff;box-shadow:2px 2px 10px rgba(0, 0, 0, 0.3);} #content .floating_banner .video_center .btn_reserve{margin:10px 15px 0px;} #content .floating_banner .video_center{padding:70px 0 15px;display:block;background:url('../images/main/bg_video_center.png') 50% 15px no-repeat;} #content .floating_banner .video_center p{font-family:'ngb';font-size:15px;color:#000;} #content .floating_banner .online_service{padding:50px 0 15px;background:url('../images/main/bg_online.png') 50% 20px no-repeat;background-size:26px;} #content .floating_banner .online_service p{margin-bottom:5px;color:#000;font-size:13px;font-family:ngb} #content .floating_banner .online_service p em{display:block;font-size:15px;font-family:Arial;font-weight:bold;letter-spacing:0.5px;} #content .floating_banner .online_service .btn_reserve{margin:3px 15px;} #content .floating_banner.folded{right:0;} #content .floating_banner.folded .outer{width:0;} #content .floating_banner.folded .btn_floating_controll{left:-42px;} #content .floating_banner.folded .btn_floating_controll:after{-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);} /* //250509 hyj 수정 */ .floating_banner .online_service {padding:50px 0 15px;background:url('../images/main/bg_online.png') 50% 20px no-repeat;background-size:26px;} .floating_banner .online_service p {margin-bottom:5px;color:#000;font-size:13px;font-family:ngb} .floating_banner .online_service p em{font-size:19px;font-family:Arial;font-weight:bold;letter-spacing:0.5px;} .floating_banner .online_service .btn_reserve {display:block;padding:7px 0;margin:3px 15px;font-size:13px;} .floating_banner .online_service .btn_reserve:after {width:19px; height:19px; margin-left:5px; background:url('../images/common/btn_reserve.png') no-repeat; background-size:100% auto;} .floating_banner .ban_b2b {width:140px;background:url('../images/main/bg_b2b.png') 50% 25px no-repeat;background-size:48px;} .floating_banner .ban_b2b a {display:block;padding:70px 0 15px;} .floating_banner .ban_b2b a strong{font-size:15px;color:#000;} .floating_banner .ban_b2b a p{font-size:13px;color:#4a4a4a;} .floating_banner .ban_etc {width:140px;} .floating_banner .ban_etc p {padding:15px 0;color:#000;font-size:14px;font-family:ngb;} /* 210322 hyj 추가 */ .banner {position:relative;display:block;color:#000;font-family:ngb;border-radius:5px;background-color:#d4bf89;font-size: 13px;} .banner:after {content:'';display:inline-block;width:30px;height:30px;margin-left:15px;vertical-align:middle;background:url(../images/contents/oneTotal/btn_reserve.png) right center no-repeat;} .sub_banner .ban_b2b strong{font-family:ngb;} .btn_etc_slide {position:relative;padding-bottom:35px;border-top:1px solid #ddd;} .btn_etc_slide span {color:#000;font-size:13px;} .btn_etc_slide .swiper-pagination .swiper-pagination-current {font-family:ngb;} .btn_etc_slide .swiper-pagination .swiper-pagination-total {} .btn_etc_slide a {position:absolute;bottom:0;width:30%;height:35px;line-height:33px;color:#000;font-size:14px;font-weight:bold;pointer-events:auto;z-index:11;} .btn_etc_slide .prev {left:0;} .btn_etc_slide .next {right:0;} #layer_kakao .layer_wrap{position:fixed;left:calc(50% - 181px);top:200px;z-index:9999;}/* 241004 hyj 수정 */ #layer_kakao .layer_cont {position:relative;} #layer_kakao .layer_cont a {position:absolute;left:40px;bottom:20%;width:480px;height:60px;font-size:0;line-height:0;text-indent:-9999px;} #layer_kakao .layer_cont a + a {bottom:12%} #layer_kakao .layer_cont a + a + a {bottom:3.5%} #layer_kakao .layer_cont .ly_close {position:absolute;right:0;top:0;width:80px;height:80px;font-size:0;line-height:0;text-indent:-9999px;background:none;} /*//*/ /* 210330 syh 화상only 신규수업 추가 */ .live_not_check{background:#f8f8f8;border-top:1px solid #d9d9d9;height:37px;line-height:37px;padding-left:20px;} .live_not_check + .live_not_check{border-top:0;} /* 220421 syh 추가 */ .contBox .live_not_check:nth-child(1){margin-top:50px;} .live_not_check span.check{} .live_not_check label{font-size:12px;color:#888;margin-left:7px;} .live_not_check strong{color:#000;font-weight:600;} /* 220421 syh 수정 */ .tableStyle7 tbody td .access{font-size:11px;letter-spacing:-0.5px;} /* 250410 syh 수정 */ .live_only{display:inline-block;background:#000;font-size:11px;color:#fff;font-size:11px;height:17px;line-height:17px;border-radius:9px;padding:0 6px;} .live_day{display:inline-block;background:#d4bf89;font-size:11px;color:#fff;font-size:11px;height:17px;line-height:17px;border-radius:9px;padding:0 6px;} /* 250410 syh 추가 */ .live_com{font-size:14px;color:#000;font-weight:600;} .tableStyle7 .btn_live_sel{display:inline-block;width:74px;height:20px;line-height:20px;border:1px solid #d5d5d5;font-size:12px;color:#aaadb4;text-align:center;font-weight:600;text-decoration:none;} .tableStyle7 .btn_live_sel + .btn_live_sel{margin-top:5px;} .tableStyle7 .btn_live_sel.on{border-color:#000;color:#000;background:url('../images/common/ico_chk.png') no-repeat 6px 7px;} .tableStyle7 .access + a{margin-top:3px;} .style4 .layer_cont .class_review{padding:20px;} .live_only + .class_time{margin-top:7px;} .style4 .layer_cont .class_review .info_detail p.class_time{font-size:14px;color:#888;} .style4 .layer_cont .class_review .info_detail p.class_type{font-size:14px;color:#888;font-weight:600;} .class_btn_group{margin-bottom:15px;} .class_btn_group button{display:inline-block;vertical-align:top;box-sizing:border-box;width:140px;height:40px;line-height:38px;border:1px solid #d5d5d5;font-size:14px;color:#aaa;outline:0;background:#fff;} .class_btn_group button + button{margin-left:5px;} .class_btn_group button.on{border-color:#000;color:#000;font-weight:600;background:#fff url('../images/common/ico_chk.png') no-repeat 22px center;} .txt_noti{font-size:12px;color:#666;line-height:18px;} /*//*/ .video-js button span{position:static;} /* 250509 hyj 수정 */ @media screen and (max-width:1030px){ .teacher_group .teacher_list > li{width:46%;} .teacher_group .name .tit{/* font-size:2.5vw; */height:auto;line-height: 1.2em; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;} .teacher_group .name .en{font-size:2vw;height:auto;line-height: 1.2em; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;} /* 상세 */ .introduce .teacher_info{width:48%;} } @media screen and (min-width:751px){ .teacher_group .teacher_list > li > a:hover .teacher_info{background:#bea974;} .teacher_group .teacher_list > li > a:hover .teacher_info dl{display:none;} .teacher_group .teacher_list > li > a:hover .teacher_info .txt_produce{top:27px;} /* 210122 syh 수정 */ } @media screen and (max-width:750px){ .teacher_group{margin:0;;} .teacher_group .teacher_list > li, .teacher_group .teacher_list > li:nth-child(2n){width:100%;float:none;overflow:hidden;margin:0 0 20px;} /* 210122 syh 수정 */ .teacher_group .stars{width:92px; height:15px;background-size:92px 15px;margin:12px 0 12px 27px;} .teacher_group .stars span {background-size:92px 15px; } .teacher_group .name{padding:0 0 10px 27px;width:60%;} .teacher_group .name .tit{font-size:4vw;} .teacher_group .name .en{font-size:3.5vw;margin-top:2px;} .teacher_group .tag{padding-left:27px;width:170px;height:38px;} /* 210122 syh 수정 */ .teacher_group .tag span{font-size:12px;line-height:19px;} /* //250509 hyj 수정 */ /* 상세 */ .viewBox1.introduce{padding-top:0;margin-bottom:30px;} .introduce .teacher_photo{float:none;text-align:center;width:auto;margin:0 0 30px;} .introduce .teacher_photo img{width:100%;} .introduce .teacher_photo .roles{top:1px;}/* 240902 kmh 추가 */ .introduce .teacher_info{float:none;width:auto;padding:0;} .introduce .teacher_info .name p{text-align:center;} .introduce .teacher_info .name .tit{font-size:30px;} .introduce .teacher_info .name .en{font-size:19px;padding-bottom:15px;} .introduce .teacher_info .tag{font-size:16px;text-align:center;} .introduce .teacher_info .good_group{text-align:center;} .introduce .profile_group{padding:0 15px;} .introduce .profile_group dl:not(.pagoda_center) dt, .introduce .profile_group dl:not(.pagoda_center) dd{float:none;} .introduce .profile_group dd{padding-left:10px;} .introduce .intro_txt{padding:30px 15px 20px;} .viewBoxMovie{padding:15px 14px 10px;margin-bottom:30px;} .viewBoxMovie .swiper-container{width:100%;} .viewBoxMovie li.swiper-slide{width:100%;height:auto;opacity:1;} .viewBoxMovie li.swiper-slide{padding-bottom:60.5%;position:relative;} .viewBoxMovie iframe{width:100%;height:92%;position:absolute;left:0;top:0;} .viewBoxMovie .btn_nav a {top:37%;width:35px;height:35px;} .viewBoxMovie .btn_nav .prev {left:30px;} .viewBoxMovie .btn_nav .next {right:30px;} .viewBoxMovie .swiper-pagination{margin-top:5px;} .viewBoxMovie .swiper-pagination-bullet{width:12px;height:12px;} .pc{display:none;} .mo{display:block;} } @media screen and (max-width:630px){ /* 210122 syh 수정 */ .teacher_group .teacher_list > li > a{height:auto;padding-bottom:70px;} .teacher_group .center{width:44px;height:22px;line-height:22px;font-size:13px;} .teacher_group .role{height:22px;padding:0 6px;font-size:12px;line-height:22px;}/* 240902 kmh 추가 */ .teacher_group .photo{width:30%;bottom:54px;} .teacher_group .photo img{width:100%;height:auto;} .teacher_group .teacher_info{height:54px;padding:9px 20px 0;} .teacher_group .teacher_info dt, .teacher_group .teacher_info dd{font-size:11px;} .teacher_group .teacher_info dl.time{padding-top:2px;height:20px;} .teacher_group .teacher_info dl.time dt{padding-bottom:4px;} .teacher_group .teacher_info dl.time dd{padding-bottom:4px;} /*//*/ } @media screen and (max-width:430px){ .teacher_group .photo{width:40.5%;} } /* 240429 hyj [공통 유의사항] 추가 */ .cmm_notice{width:100%;background-color:#393b3e;} .cmm_notice *{box-sizing:border-box;} .cmm_notice .cmm_notice_inner{padding:60px 60px 30px;margin:0 auto;} .cmm_notice .cmm_notice_tit{margin:0;padding:0 0 27px;font-family:'ngb';font-size:28px;color:#fff;border-bottom:1px solid #595959;} .cmm_notice .cmm_notice_cont{padding:20px 0;} .cmm_notice .cmm_notice_cont ul{} .cmm_notice .cmm_notice_cont li{padding:0 0 0 12px;font-size:18px;line-height:32px;color:#fff;text-indent:-12px;word-break:keep-all;} .cmm_notice .cmm_notice_cont p{margin:0;} .cmm_notice .pagodaone_tel{padding:25px 0 20px;color:#c9c9c9;font-size:22px;text-align:center;background:#2d3033;} .cmm_notice .pagodaone_tel em{margin-left:15px;vertical-align:middle;} .cmm_notice .pagodaone_tel em:before{content:'';display:inline-block;width:20px;height:20px;background:url('../images/event/2024_vip_membership/ico_phone.png') no-repeat center / 100%;vertical-align:middle;} @media(max-width:867px){ .cmm_notice{width:100%;background-color:#303030;} .cmm_notice .cmm_notice_inner{padding:30px 20px 20px;} .cmm_notice .cmm_notice_tit{padding:0 0 10px;font-size:15px;} .cmm_notice .cmm_notice_cont{padding:10px 0;} .cmm_notice .cmm_notice_cont li{padding:0 0 0 10px;font-size:13px;line-height:1.55;text-indent:-10px;} .cmm_notice .pagodaone_tel{padding:15px 0 10px;font-size:15px;} .cmm_notice .pagodaone_tel em:before{width:15px;} } /* //240429 hyj [공통 유의사항] 추가 */ /* myclass.css */ /* myclass.css - start */ /* 250331 syh 1:1 예약하기 */ .myclass.booking.on{padding-bottom:100px;} .myclass.booking strong{font-family:ngb;font-weight:600;vertical-align:baseline;} .myclass .class_notice{position:relative;margin-bottom:20px;} .myclass .class_notice .btn_class_noti{display:inline-block;font-size:14px;color:#b0944b;font-family:ngb;line-height:40px;padding:0 14px 0 45px;background-color:#f9f6ef;border-radius:20px;position:relative;} .myclass .class_notice .btn_class_noti:before{content:'';display:inline-block;background:url('../images/ico/ico_info2.png') no-repeat 0 0 / 30px 30px;width:30px;height:30px;position:absolute;top:5px;left:5px;} .myclass .layer_class_noti .layer_cont{position:absolute;top:0;left:145px;width:720px;background-color:#fff;border:1px solid #46494a;box-sizing:border-box;z-index:3;} /* 250410 syh 수정 */ .myclass .layer_class_noti .dim{background-color:#000;opacity:.5;position:fixed;top:0;left:0;z-index:2;width:100%;height:100%;display:none;} .layer_class_noti .ly_top{font-size:18px;color:#000;font-family:ngb;font-weight:600;border-bottom:1px solid #e7e7e7;text-align:center;padding:24px 0 17px;margin:0 28px;word-break:keep-all;line-height:1.3;} .layer_class_noti .ly_top strong{color:#b0944b;} .layer_class_noti .noti_list{padding:16px 28px 23px 38px;} .layer_class_noti .noti_list li{font-size:14px;color:#727272;line-height:26px;letter-spacing:-0.5px;position:relative;padding-left:13px;} .layer_class_noti .noti_list li:before{content:'';display:inline-block;width:4px;height:1px;background:#727272;position:absolute;top:14px;left:0;} .layer_class_noti .noti_list li strong{color:#b0944b;} .layer_class_noti .noti_list li em{font-family:ngb;color:#000;vertical-align:baseline;} /* 250410 syh 추가 */ .myclass .layer_wrap .ly_cont{padding:30px 20px;} .myclass .layer_wrap .ly_cont .tit{font-size:18px;font-family:ngb;color:#000;border-bottom:1px solid #e5e5e5;padding-bottom:20px;text-align:left;} /* //250410 syh 추가 */ .myclass .ly_bot{text-align:right;height:29px;background-color:#f6f6f6;padding:0 30px;} .myclass .ly_bot .btn_layer_close{line-height:29px;font-size:13px;font-family:ngb;color:#999;} .cont_class_select{position:relative;background-color:#f8f8f8;padding:3%;box-sizing:border-box;} .cont_class_select .btn_class_select{display:block;line-height:60px;background-color:#fff;border-radius:10px;box-shadow:2px 3px 3px #eee;border:1px solid #f4f4f4;font-size:16px;color:#666;font-family:ngb;text-align:center;box-sizing:border-box;} .cont_class_select .btn_re_select{background-color:#fff;border-radius:10px;box-shadow:2px 3px 3px #eee;border:1px solid #f4f4f4;font-size:16px;color:#666;font-family:ngb;box-sizing:border-box;display:flex;justify-content:space-between;padding:20px 25px 20px 30px;word-break:keep-all;margin-bottom:28px;} .cont_class_select .btn_class_select:after, .cont_class_select .btn_re_select:after{content:'';display:inline-block;vertical-align:baseline;width:21px;height:13px;background:url('../images/ico/arr.png') no-repeat 0 0 / 21px 13px;margin-left:18px;transition: transform 0.3s ease;} .on .cont_class_select .btn_class_select:after, .cont_class_select .btn_re_select.on:after{transform: rotate(180deg);} .class_list .class_type{font-size:15px;font-family:ngb;font-weight:600;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:370px;} /* 250410 syh 수정 */ .class_type {line-height:1;} .class_type span {position:relative;display:inline-block;width:8px;height:8px;line-height:0;color:transparent;font-size:0;text-indent:-9999px;border-radius:100px;z-index:2;margin-right:3px;} .class_type span + span {margin-left:-5%;} .class_type span.cls_mtm {background-color:#ff5a00;}/* 1:1수업 */ .class_type span.cls_gr {background-color:#8fc911;}/* 그룹수업 */ .class_type span.cls_vc {background-color:#137ce5;}/* 화상전용수업 */ /* //250410 syh 수정 */ .class_list .class_info{width:450px;text-align:right;letter-spacing:-0.5px;} .class_list .class_info span{font-size:14px;color:#999;} .class_list .class_info span + span:before{content:'';display:inline-block;vertical-align:baseline;width:1px;height:10px;background:#999;margin:0 5px;} .class_list .class_info b{font-weight:normal;} .class_list .class_info b.num{color:#b0944b;} .cont_class_select .pop_class_select{position:absolute;top:100px;left:30px;width:94%;background-color:#fff;border:1px solid #46494a;box-sizing:border-box;z-index:2;letter-spacing:-0.5px;} .cont_class_select .pop_class_select .ly_top{font-size:18px;color:#333;font-family:ngeb;padding:30px 0 20px;margin:0 30px;border-bottom:1px solid #e7e7e7;background-color:#fff;} .cont_class_select .pop_class_select .ly_top strong{color:#b0944b;} .cont_class_select .pop_class_select .ly_cont{padding:0 30px 40px;} .pop_class_select .lang_tab{display:flex;padding:30px 0 20px;background-color:#fff;} .pop_class_select .lang_tab li{} .pop_class_select .lang_tab li + li:before{content:'·';display:inline-block;vertical-align:baseline;font-size:16px;font-weight:600;color:#b1b1b1;margin:0 5px;} .pop_class_select .lang_tab li a{font-size:16px;color:#999;} .pop_class_select .lang_tab li.on a{font-family:ngb;font-weight:600;color:#b0944b;} .pop_class_select .campus_tab{display:flex;background-color:#f8f8f8;border-top:1px solid #a0a0a0;border-bottom:1px solid #dbdbdb;padding:0 20px;} .pop_class_select .campus_tab li{margin-right:30px;} .pop_class_select .campus_tab li a{font-size:16px;color:#999;line-height:50px;} .pop_class_select .campus_tab li.on a{font-family:ngb;font-weight:600;color:#333;} .pop_class_select .class_list li{} .pop_class_select .class_list li > a{display:flex;justify-content:space-between;padding:20px;word-break:keep-all;border-bottom:1px solid #e7e7e7;background-color:#fff;} .pop_class_select .class_type{width:400px;} .pop_class_select .class_info{width:415px;} .pop_class_select .class_info span{font-size:13px;} .sel_group_day{background-color:#fff;border-radius:10px;box-shadow:2px 3px 3px #eee;border:1px solid #f4f4f4;padding:10px 30px 40px;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;margin-bottom:28px;} .cont_class_select .center_tab{display:flex;padding:30px 0 20px;border-bottom:1px solid #acacac;margin-bottom:25px;width:100%;} .cont_class_select .center_tab li{} .cont_class_select .center_tab li + li:before{content:'·';display:inline-block;vertical-align:baseline;font-size:17px;font-weight:600;color:#b1b1b1;margin:0 5px;} .cont_class_select .center_tab li a{font-size:18px;color:#999;} .cont_class_select .center_tab li.on a{font-family:ngb;font-weight:600;color:#b0944b;} .cont_class_select .tit_sel{font-size:16px;color:#000;width:100%;font-family:ngb;padding-bottom:15px;} .cont_class_select .tit_sel span{font-size:12px;} .sel_group_day .day_calendar{width:350px;box-sizing:border-box;border:2px solid #d4bf89;} .sel_group_day .tableCalender thead th{cursor:pointer;} .sel_group_day .tableCalender thead th:nth-child(1), .sel_group_day .tableCalender thead th:nth-child(7){cursor:default;} .sel_group_day .day_calendar .body{height:320px;box-sizing:border-box;padding:22px;} .day_select{width:500px;position:absolute;bottom:40px;right:30px;} /* 250430 syh 수정 및 추가 */ .sel_group_day .sel_option{display:flex;padding-bottom:10px;} .sel_group_day .sel_option.m_block{display:none;} .sel_group_day .sel_option p{font-size:13px;color:#333;} .sel_group_day .sel_option p + p{margin-left:20px;} .sel_group_day .sel_option p:before{content:'';display:inline-block;vertical-align:middle;width:20px;height:20px;border-radius:50%;background-color:#f1f1f1;margin-right:5px;box-sizing:border-box;} .sel_group_day .sel_option p.complete:before{background-color:#d4bf89;} /* //250430 syh 수정 및 추가 */ .day_sel_list{background-color:#f8f8f8;padding:20px 15px 20px 30px;box-sizing:border-box;} .day_sel_list .select_list{} .day_sel_list .select_list{display:flex;flex-wrap:wrap;} .day_sel_list .select_list li{width:78px;line-height:28px;background-color:#fff;border:1px solid #dbdbdb;border-radius:15px;font-size:15px;color:#333;text-align:left;margin:0 10px 10px 0;position:relative;box-sizing:border-box;padding-left:19px;letter-spacing:-0.7px;} .day_sel_list .select_list li.all_select{display:none;} .day_sel_list .select_list li .btn_del{position:absolute;top:4px;right:4px;vertical-align:middle;font-size:0;line-height:0;background:url('../images/btn/btn_close30.png') no-repeat center / 10px 10px;width:10px;height:10px;padding:5px;} .day_sel_list .info_list li{font-size:13px;color:#727272;line-height:24px;padding-left:11px;position:relative;word-break:keep-all;} .day_sel_list .info_list li:before{content:'*';display:inline-block;vertical-align:middle;position:absolute;top:0;left:0;} .day_sel_list .info_list li.point{color:#b0944b;padding:0 0 0 11px;} .select_group_box{background-color:#fff;border-radius:10px;box-shadow:2px 3px 3px #eee;border:1px solid #f4f4f4;padding:40px 30px;} .sel_group_time{padding-bottom:40px;border-top:1px solid #e7e7e7;padding-top:40px;}/* 250612 kmh 수정 */ .select_check{display:flex;} .select_check li{margin-right:10px;} .select_check input{display:none;} .select_check label{line-height:32px;font-size:15px;color:#838383;border-radius:5px;border:1px solid #dcdcdc;display:inline-block;padding:0 10px 0 34px;cursor:pointer;font-family:ngb;position:relative;} .select_check label:before{content:'';width:18px;height:18px;display:inline-block;background:url('../images/ico/bg_chk2.png') no-repeat 0 0 / 18px auto;position:absolute;top:6px;left:10px;} .select_check input:checked + label{border-color:#b0944c;color:#b0944c;} .select_check input:checked + label:before{background-position-y:-18px;} .select_cont{position:relative;}/* 250528 kmh 수정 */ .select_cont .sel_top{display:flex;justify-content:space-between;padding-top:35px;} .cont_class_select .sel_top .tit_sel{width:50%;} .sel_top .sel_option{display:flex;padding-bottom:10px;} .sel_top .sel_option p{font-size:13px;color:#333;} .sel_top .sel_option p + p{margin-left:20px;} .sel_top .sel_option p:before{content:'';display:inline-block;vertical-align:middle;width:20px;height:20px;border-radius:50%;background-color:#fff;border:1px solid #e8e8e8;margin-right:5px;box-sizing:border-box;} .sel_top .sel_option p.complete:before{background-color:#f8f4ec;border:2px solid #b0944b;} .time_sel_list{display:flex;flex-wrap:wrap;border-top:1px solid #e7e7e7;border-right:1px solid #e7e7e7;} .time_sel_list li{width:16.66%;text-align:center;} .time_sel_list li.empty{height:auto;padding:0;} .time_sel_list li a{display:block;line-height:40px;border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;height:40px;font-size:15px;color:#333;} .time_sel_list li.on a{background-color:#f8f4ec;border:1px solid #b0944b;color:#b0944b;font-family:ngeb;position:relative;top:-1px;} .time_sel_list li.empty a{cursor:default;} .sel_group_teacher{border-top:1px solid #e7e7e7;padding:40px 0;position:relative;box-sizing:border-box;} .sel_group_teacher.on{height:610px;} /* 250528 kmh 수정 */ .sel_group_teacher .tc_select_area{padding:35px 0 0;} .sel_group_teacher .teacher_top{display:flex;align-items:flex-start;} .sel_group_teacher .btn_teacher_all{width:85px;display:inline-block;text-align:center;line-height:34px;background-color:#000;font-size:15px;font-family:ngb;padding:0 24px;color:#fff;margin-right:20px;}/* 250530 kmh 수정 */ .sel_group_teacher .tc_sel_list{flex:1;margin-right:-5px;display:flex;flex-wrap:wrap;}/* 250530 kmh 수정 */ .sel_group_teacher .tc_sel_list li{font-size:15px;color:#333;border-radius:15px;line-height:28px;padding:0 34px 0 20px;border:1px solid #d9d9d9;position:relative;margin:0 5px 7px 0;} /* //250528 kmh 수정 */ .sel_group_teacher .tc_sel_list li:last-child{margin-right:0;} .sel_group_teacher .tc_sel_list li .btn_del{position:absolute;top:4px;right:4px;vertical-align:middle;font-size:0;line-height:0;background:url('../images/btn/btn_close30.png') no-repeat center / 10px 10px;width:10px;height:10px;padding:5px;} .layer_teacher{position:absolute;top:calc(100% + 2px);left:-60px;width:1000px;border:1px solid #46494a;box-sizing:border-box;background:#fff;z-index:3;}/* 250528 kmh 수정 */ .layer_teacher .pop_inner{padding:28px 29px 0;box-sizing:border-box;} .layer_teacher .ly_tit_sel{font-size:18px;color:#000;width:100%;font-family:ngeb;padding-bottom:15px;border-bottom:1px solid #e7e7e7;} .layer_teacher .ly_tit_sel span{font-size:13px;word-break:keep-all;} .layer_teacher .ly_tit_sel strong.num{color:#b0944b;} /* 250528 kmh 수정 */ .layer_teacher .teacher_tab{display:flex;flex-wrap:nowrap;padding:30px 0 20px;overflow-x:auto;white-space:nowrap;} .layer_teacher .teacher_tab li{flex:0 0 auto;} /* //250528 kmh 수정 */ .layer_teacher .teacher_tab li + li:before{content:'·';display:inline-block;vertical-align:bottom;font-size:17px;font-weight:600;color:#b1b1b1;margin:0 5px;} .layer_teacher .teacher_tab li a{font-size:16px;color:#999;} .layer_teacher .teacher_tab li.on a{font-family:ngb;font-weight:600;color:#b0944b;} /* 250507 syh 수정 및 추가 */ .layer_teacher .teacher_group{max-height:445px;overflow-y:auto;margin-right:-15px;overflow-x:hidden;} .layer_teacher .teacher_group .teacher_list{margin-right:-20px;} .layer_teacher .teacher_group .teacher_list > li{width:300px;margin-bottom:30px;} .layer_teacher .teacher_group .teacher_list > li:nth-child(3n){margin-right:20px;} /* //250507 syh 수정 및 추가 */ .layer_teacher .teacher_group .teacher_list > li.on{} .layer_teacher .teacher_group .teacher_list > li.on:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;border:3px solid #d4bf89;box-sizing:border-box;} .layer_teacher .teacher_group .teacher_list > li > a{height:190px;} .layer_teacher .teacher_group .center{position:relative;z-index:1;padding:0 8px;width:auto;font-size:13px;} .layer_teacher .teacher_group .name .tit{font-size:20px;} .layer_teacher .teacher_group .photo{bottom:0;} .layer_teacher .teacher_info{display:none;} .layer_teacher .ly_bot{margin:0 -28px;} .bot_chk_group{padding-bottom:40px;}/* 250612 kmh 수정 */ .bot_chk_group input{display:none;} .bot_chk_group label{font-size:15px;color:#000;cursor:pointer;} .bot_chk_group label:before{content:'';display:inline-block;vertical-align:text-top;width:18px;height:18px;margin-right:10px;} .bot_chk_group input[type="checkbox"] + label:before{background:url('../images/ico/bg_chk.png') no-repeat 0 0;} .bot_chk_group input[type="radio"] + label:before{background:url('../images/ico/bg_radio.png') no-repeat 0 0;} .bot_chk_group input:checked + label:before{background-position-y:-18px;} .bot_chk_group .info{font-size:14px;color:#888;padding-left:17px;word-break:keep-all;} .bot_chk_group .chk_standby{display:flex;margin-bottom:20px;} .bot_chk_group .chk_live{display:flex;} .bot_chk_group .chk_live ul{display:flex;} .bot_chk_group .chk_live li + li{margin-left:20px;} .myclass.booking .alignCenter{padding:40px 0;} .myclass.booking .alignCenter a{margin:0 8px;} .cont_reserve_inquiry .class_list, .cont_reserve_complete .class_list{background-color:#f8f8f8;border-radius:10px;border:1px solid #dbdbdb;font-size:16px;color:#666;font-family:ngb;box-sizing:border-box;display:flex;justify-content:space-evenly;padding:20px 50px;word-break:keep-all;margin-bottom:30px;} .list_info{margin-bottom:30px;padding:16px 0;display:flex;justify-content:space-between;border-bottom:1px solid #e7e7e7;} .list_info .sort a{font-size:14px;color:#999;} .list_info .sort a + a{margin-left:18px;} .list_info .sort a.on{font-weight:600;color:#000;} .list_info .total_num{font-size:14px;color:#666;} .list_info .total_num em{vertical-align:top;font-weight:600;color:#b0944b;} .inpuiry_list{overflow:hidden;} .inpuiry_list ul{margin:-10px;display:flex;flex-wrap:wrap;} .inpuiry_list li{width:33.33%;padding:10px;position:relative;box-sizing:border-box;} .inpuiry_list input[type="checkbox"]{width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;left:10px;top:10px;right:10px;bottom:10px;opacity:0;cursor:pointer;z-index:1;} .inpuiry_list input[type="checkbox"]:checked + .box{background-color:#f9f6ef;border-color:#b0944b;} .inpuiry_list input[type="checkbox"]:checked + .box:after{content:'';width:20px;height:20px;background:url('../images/ico/ico_inquiry_check.png') no-repeat;background-size:100% 100%;position:absolute;right:19px;top:19px;} .inpuiry_list .box{padding:18px 16px;border:1px solid #e7e7e7;border-radius:8px;position:relative;} .inpuiry_list .info{} .inpuiry_list .info .date{font-size:14px;color:#666;} .inpuiry_list .info .date .time{margin-right:8px;font-family:ngb;vertical-align:top;} .inpuiry_list .info p{margin-top:6px;font-size:15px;font-family:ngb;color:#000;overflow:hidden;text-overflow:ellipsis;} .inpuiry_list .state{margin-top:5px;text-align:right;font-size:13px;color:#999;} .inpuiry_list .state.type_posible{color:#666;} .inpuiry_list .live_only, .inpuiry_list .live_zoom{vertical-align:top;} .live_zoom{display:inline-block;background:#fff;font-size:11px;color:#000;font-size:11px;height:15px;line-height:15px;border-radius:9px;padding:0 8px;border:1px solid #000;} .inquiry_list_wrap .btn_preview, .inquiry_list_wrap .btn_select_reserve{padding:0;} .inquiry_list_wrap .btn_preview{width:178px;background-color:#fff;}/* 250909 kmh 수정 */ .inquiry_list_wrap .btn_select_reserve{width:260px;} .btn_box{margin-top:40px;text-align:center;} .btn_box a{margin:0 8px;} .btn_preview, .btn_select_reserve{height:48px;padding:0 30px;display:inline-block;text-align:center;font-size:18px;line-height:48px;border:1px solid #000;border-radius:3px;} .btn_preview{color:#000;} .btn_select_reserve{width:260px;color:#fff;background-color:#000;} .myclass h3.info_h3{font-size:24px;color:#000;font-family:ngb;line-height:1;text-align:center;padding:40px 0 30px;} .myclass h3.info_h3 strong{color:#b0944b;} .complete_list{overflow:hidden;} .complete_list ul{padding-top:10px;} .complete_list li{position:relative;} .complete_list li + li{padding-top:10px;} .complete_list .box{padding:0 49px;border:1px solid #e7e7e7;border-radius:8px;position:relative;height:60px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;} .complete_list .info{display:flex;align-items:center;} .complete_list .info .date{font-size:14px;color:#666;} .complete_list .info .date .time{margin-right:10px;font-family:ngb;vertical-align:top;} .complete_list .info .tc_center{font-size:15px;font-family:ngb;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:18px;max-width:500px;} .complete_list .info .label span + span{margin-left:5px;} .complete_list .state{text-align:right;font-size:15px;color:#666;font-family:ngb;} .complete_list .state.complete{color:#b0944b;} .complete_list .state.fail{color:#000;} .complete_list .live_only, .complete_list .live_zoom{vertical-align:top;} .reserve_info{font-size:13px;color:#b1b1b1;line-height:1.5;position:relative;padding:0 30px;margin-top:20px;word-break:keep-all;} .reserve_info:before{content:'';display:inline-block;position:absolute;top:0;left:0;background:url('../images/ico/ico_info_grey.png') no-repeat 0 0 / 20px auto;width:20px;height:21px;} .p_none{display:none;} /* 250410 syh 예약현황 */ .info_cont_top{background:#f8f8f8;border-top:1px solid #d9d9d9;padding:14px 20px 15px;word-break:keep-all;} .info_cont_top .main_txt{font-size:13px;color:#555;padding-bottom:3px;} .info_cont_top .main_txt strong{color:#000;font-family:ngb;vertical-align:baseline;} .info_cont_top .info_list{padding-bottom:10px;} .info_cont_top .info_list li{font-size:12px;color:#888;line-height:1.5;} .info_cont_top .info_list li:before{content:'';display:inline-block;vertical-align:middle;width:2px;height:2px;background:#a2a2a2;margin-right:4px;} .info_cont_top .check_group{} .info_cont_top .check_group span.check{width:14px;height:14px;} .info_cont_top .check_group label{font-size:12px;color:#888;margin-left:7px;cursor:pointer;} .info_cont_top .check_group strong{color:#000;font-weight:normal;vertical-align:baseline;} .myclass .tableStyle7 tbody td.teacher > div{font-size:14px;color:#878787;font-family:ngb;} .myclass .tableStyle7 tbody td.teacher .tc_type{display:block;font-size:11px;color:#999;font-family:ngb;} .myclass .classcheck .info_cont_bot{padding-top:0;padding-bottom:0;} .myclass .classcheck .info_cont_bot .btn22{top:2px;text-decoration:none;} .myclass .classcheck .info_cont_bot p{display:block;padding:0 16px 0 9px;ont-size:12px;line-height:1.4;color:#666;background:none;word-break:keep-all;} .myclass .classcheck .info_cont_bot p span{color:#af8111;vertical-align:baseline;} .myclass .layer_wrap{position:fixed;top:50%;left:50%;background:#fff;border:1px solid #8b8b8b;z-index:999;box-sizing:border-box;display:none;} .myclass .layer_wrap.ly_class_booking, .myclass .layer_wrap.ly_class_request{width:560px;} /* 250604 kmh 추가 */ .myclass .ly_class_booking:before{content:'';width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0, 0, 0, 0.5);} .myclass .ly_class_booking .ly_cont{background-color:#fff;position:relative;} /* //250604 kmh 추가 */ .myclass .ly_class_booking .class_list ul{margin-bottom:20px;} .myclass .ly_class_booking .class_list li, .myclass .ly_class_request .class_list li{padding:18px 12px;word-break:keep-all;background-color:#fff;text-align:left;} .myclass .ly_class_booking .class_list li{border-bottom:1px solid #e7e7e7;} .myclass .ly_class_booking .class_list .class_type, .myclass .ly_class_request .class_list .class_type{width:auto;margin-bottom:10px;} .myclass .ly_class_booking .class_list .class_info, .myclass .ly_class_request .class_list .class_info{text-align:left;padding-left:15px;} .myclass .layer_wrap .class_list .class_info b{font-family:ngb;} .myclass .layer_wrap .class_list li a{text-decoration:none;} .myclass .layer_wrap .ly_bot{padding:0;height:0;} .myclass .layer_wrap .ly_bot .btn_layer_close{position:absolute;top:0;right:0;font-size:0;line-height:0;background:url('../images/btn/btn_close30.png') no-repeat center / 21px 21px;width:21px;height:21px;padding:20px;opacity:.5;} .myclass .btn_bk{display:inline-block;height:46px;line-height:46px;background-color:#000;font-size:18px;color:#fff;text-align:center;border-radius:3px;text-decoration:none;padding:0 40px;min-width:140px;} .myclass .info_txt_round{display:inline-block;font-size:13px;color:#999;line-height:36px;padding:0 17px;border-radius:18px;background-color:#f6f6f6;margin-bottom:20px;} .myclass .layer_wrap.ly_class_file{text-align:left;width:400px;background-color:#fff;display:none;} .myclass .ly_class_file .dim{background-color:#000;opacity:.5;position:fixed;top:0;left:0;z-index:2;width:100%;height:100%;display:none;} .myclass .ly_class_file .info_detail{border-bottom:1px solid #e5e5e5;padding:19px 0 19px 11px;line-height:1;letter-spacing:-0.5px;} .myclass .ly_class_file .info_detail .day{font-size:16px;color:#808080;font-family:ngb;} .myclass .ly_class_file .info_detail .time{font-size:16px;color:#000;font-family:ngb;} .myclass .ly_class_file .info_detail p.class_type {font-size:15px;color:#595959;font-family:ngb;line-height:1;margin-top:10px;} .myclass .ly_class_file .info_detail p.class_type span {margin-right:7px;width:7px;height:7px;} .ly_class_file .info_file{padding-top:30px;} .ly_class_file .info_file dl{display:flex;justify-content:space-between;} .ly_class_file .info_file dl + dl{margin-top:20px;} .ly_class_file .info_file dt{width:33%;font-size:16px;color:#000;font-family:ngb;padding-top:14px;} .ly_class_file .info_file dd{width:67%;} .ly_class_file button.ly_btn_tc, .ly_class_file button.ly_btn_upload{position:relative;width:100%;line-height:44px;color:#000;font-size:15px;font-family:ngb;text-indent:5px;text-align:center;border-radius:5px;border:1px solid #bebdbd;background-color:#f2f2f2;} .ly_class_file button.ly_btn_upload{margin:10px 0;} .ly_class_file button.ly_btn_tc:after{content:'';display:inline-block;width:16px;height:18px;margin-left:10px;vertical-align:middle;background:url('../images/ico/ico_file.png') no-repeat 0 0 / 16px 18px;} .ly_class_file button.ly_btn_upload:after{content:'';display:inline-block;width:16px;height:18px;margin-left:10px;vertical-align:middle;background:url('../images/ico/ly_btn_upload.png') no-repeat 0 0 / 16px 18px;} .ly_class_file p.url {position:relative;padding:1px 30px 1px 0;color:#999;font-size:15px;border-radius:5px;border:1px solid #bebdbd;} .ly_class_file p.url input[type="text"]{width:100%;line-height:42px;color:#999;font-size:15px;text-indent:10px;border-radius:5px;} .ly_class_file p.upload_file{position:relative;padding:1px 30px 1px 0;margin:10px 0;color:#999;border-radius:5px;border:1px solid #bebdbd;} .ly_class_file p.upload_file span{line-height:42px;padding-left:10px;font-size:15px;} .ly_class_file p.upload_file input[type="file"]{position:absolute;left:0;top:0;bottom:0;width:80%;line-height:0;color:transparent;font-size:0;text-indent:-9999px;z-index:1;cursor:pointer;} .ly_class_file a.del{position:absolute;top:0;right:0;bottom:0;width:11px;height:11px;line-height:0;color:transparent;font-size:0;text-indent:-9999px;background:url('../images/ico/ico_close.png') no-repeat center center / 11px 11px;padding:17px 15px;z-index:2;} .ly_class_file .ly_btn_group{display:flex;gap:5px;} .ly_class_file .ly_btn_group li{flex:1;} .ly_class_file .ly_btn_group button{position:relative;width:100%;line-height:44px;color:#000;font-size:15px;font-family:ngb;text-indent:5px;text-align:center;border-radius:5px;border:1px solid #bebdbd;background-color:#f2f2f2;} .ly_class_file .ly_btn_group button:after{content:'';display:inline-block;width:16px;height:16px;margin-left:5px;vertical-align:middle;} .ly_class_file .ly_btn_group button.ly_btn_update:after{background:url('../images/ico/ly_btn_update.png') no-repeat 0 0 / 16px 16px;} .ly_class_file .ly_btn_group button.ly_btn_del:after{background:url('../images/ico/ico_close.png') no-repeat center / 11px 11px;} .ly_class_file button.btn_file_check{width:100%;line-height:44px;color:#000;font-size:15px;font-family:ngb;text-align:center;border-radius:5px;border:1px solid #bebdbd;background-color:#f2f2f2;} .layer_wrap .input_request{margin-bottom:20px;} .layer_wrap .input_request textarea{width:100%;border:1px solid #e7e7e7;box-sizing:border-box;font-size:15px;color:#666;height:120px;padding:20px;border-radius:5px;} .tableStyle7.apply tbody td{padding:10px 0;} .tableStyle7.apply .btn14{position:static;margin:0 0 0 2px;width:30px;} .class2 .tableStyle7.apply .grace > span{padding-top:0;letter-spacing:-0.5px} .tableStyle7.apply tbody td > div{line-height:23px;} /* //250410 syh 예약현황 */ /* 250424 syh 추가 */ .myclass li.no_data{text-align:center;font-size:14px;color:#000;font-family:ngb;padding:50px 0 20px;width:100%;box-sizing:border-box;} .myclass .teacher_group li.no_data{padding-bottom:60px;} /* //250424 syh 추가 */ @media all and (max-width:1024px){ .myclass .class_notice .layer_class_noti .layer_cont{left:4%;width:92%;} .myclass .listBox .layer_class_noti .layer_cont{left:4%;width:92%;}/* 250909 kmh 추가 */ .layer_class_noti .noti_list li{word-break:keep-all;font-size:13px;line-height:21px;} .cont_class_select .btn_re_select{display:block;padding:20px 40px 15px 15px;position:relative;} .cont_class_select .btn_re_select:after{position:absolute;top:40%;right:15px;} /* 250410 syh 수정 */ .myclass .ly_class_booking .class_list .class_type, .myclass .ly_class_request .class_list .class_type, .class_list .class_type, .pop_class_select .class_type{width:100%;padding-bottom:10px;margin-bottom:0;} /* //250410 syh 수정 */ .class_list .class_info{padding-left:14px;width:auto;text-align:left;} .pop_class_select .class_list li > a{display:block;padding-right:10px;} .pop_class_select .class_info b{font-weight:600;} .sel_group_day{padding:30px 15px 25px;align-items:baseline;} /* 250430 syh 수정 */ .cont_class_select .center_tab{padding-top:0;} /* 250430 syh 수정 */ .day_select{width:50%;bottom:25px;right:15px;} .layer_teacher{left:0;width:100%;} /* 250507_2 syh 수정 */ .layer_teacher .teacher_group .teacher_list > li{width:46%;} /* 250507_2 syh 수정 */ .bot_chk_group .chk_standby, .bot_chk_group .chk_live{display:block;} .bot_chk_group .info{padding:10px 0 0 28px;} .cont_reserve_inquiry, .cont_reserve_complete{padding:0 10px;} .cont_reserve_inquiry .class_list, .cont_reserve_complete .class_list{display:block;padding:20px 15px 15px;margin-bottom:20px;} .inpuiry_list li{width:50%;} .complete_list .info .tc_center{max-width:300px;} } @media all and (max-width:867px){ /* 250430 syh 수정 및 추가 */ .cont_class_select .tit_sel{width:auto;} .sel_group_day .day_calendar{width:100%;} .day_select{width:100%;padding-top:15px;position:static;} .day_select .sel_option{display:none;} .sel_group_day .sel_option.m_block{display:flex;} .sel_group_day .sel_option.m_block p{font-size:11px;} .sel_group_day .sel_option.m_block p + p{margin-left:9px;} .sel_group_day .sel_option.m_block p:before{width:13px;height:13px;} /* //250430 syh 수정 및 추가 */ .select_group_box{padding:25px 15px;} .sel_top .sel_option p{font-size:11px;} .sel_top .sel_option p + p{margin-left:9px;} .sel_top .sel_option p:before{width:13px;height:13px;} .sel_top .sel_option p.complete:before{border-width:1px;} .day_sel_list{padding:20px 2% 10px 4%;position:relative;} .day_sel_list .info_list{padding-bottom:10px;} .sel_group_teacher .teacher_top{flex-wrap:wrap;} .sel_group_teacher .tc_sel_list{flex-wrap:wrap;margin-top:10px;} .sel_group_teacher .tc_sel_list li{font-size:13px;padding:0 32px 0 15px;white-space:nowrap;margin-bottom:5px;} } @media all and (max-width:768px){ .myclass.booking.on{padding-bottom:0;} .booking .inner{width:auto;} .booking .titlearea{margin-bottom:0;} .myclass .class_notice{position:static;} .myclass .layer_class_noti .layer_cont{border:0;border-radius:15px;} .myclass .class_notice .layer_class_noti .layer_cont{position:fixed;top:120px;z-index:9000;} .myclass .listBox .layer_class_noti .layer_cont{position:fixed;top:120px;z-index:9000;}/* 250909 kmh 추가 */ .myclass .layer_class_noti .dim{display:block;} .booking .capusTab {width:100%;border-bottom:1px solid #d2d2d2;height:auto;margin:0 0 28px;display:flex;justify-content:space-evenly;} .booking .capusTab li{width:33.33%;height:auto;margin:0;} .booking .capusTab li a{display:block;position:relative;padding:17% 0;color:#a3a3a3;font-size:4.3vw;font-weight:600;text-align:center;width:auto;height:auto;line-height:1;border:0;font-family:inherit;border-radius:0;} .booking .capusTab li.on a{color:#b0944c;border-color:#d4be89;} .booking .capusTab li.on a:after {content:'';display:inline-block;position:absolute;left:0;right:0;bottom:-1px;width:100%;height:3px;background-color:#d4be89;} .myclass .class_notice .btn_class_noti{margin-left:10px;font-size:12px;line-height:30px;border-radius:15px;padding-left:35px} .myclass .class_notice .btn_class_noti:before{background-size:23px 23px;width:23px;height:23px;top:4px;} .layer_class_noti .ly_top{font-size:17px;border-bottom:0;} .layer_class_noti .noti_list{padding:0 20px 40px;} .layer_class_noti .noti_list li{padding-left:10px;} .layer_class_noti .noti_list li:before{top:11px;} .cont_class_select{padding:5% 3%;position:static;} .cont_class_select .btn_class_select{line-height:50px;font-size:15px;} .cont_class_select .btn_class_select:after{width:15px;height:9px;background-size:15px 9px;margin-left:14px;} .cont_class_select .pop_class_select{z-index:9001;position:fixed;top:0;left:0;border:0;width:100%;height:100%;background-color:#f8f8f8;} .pop_class_select .pop_inner{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;} .cont_class_select .pop_class_select .ly_top{padding:20px 18px;margin:0;} .cont_class_select .pop_class_select .ly_cont{padding:0;} .pop_class_select .lang_tab{padding:17px 0 16px 20px;} .pop_class_select .campus_tab li a{font-size:15px;} .pop_class_select .class_info span{font-size:11px;} .class_list .class_info span{font-size:12px;line-height:1.7;} .class_list .class_info span.teacher{display:block;} .class_list .class_info span + span.teacher:before{display:none;} .myclass .ly_bot{padding:0;height:0;} .myclass .ly_bot .btn_layer_close{position:absolute;top:0;right:0;font-size:0;line-height:0;background:url('../images/btn/btn_close30.png') no-repeat center / 15px 15px;width:15px;height:15px;padding:20px;} .bot_chk_group{padding:25px 0;}/* 250612 kmh 수정 */ .bot_chk_group .info{display:none;} .sel_group_time{padding:25px 0;}/* 250612 kmh 수정 */ .select_check li{margin-right:5px;} .select_check label{font-size:12px;padding-right:13px;font-weight:600;} .select_check label:before{top:7px;} .select_cont .sel_top{padding-top:19px;} .time_sel_list li{width:33.33%;} .sel_group_teacher{padding:25px 0;} .sel_group_teacher.on{height:auto;} .sel_group_teacher .teacher_top{display:block;}/* 250530 kmh 추가 */ .sel_group_teacher .tc_sel_list{margin-top:15px;} .layer_teacher{z-index:9001;position:fixed;top:0;left:0;border:0;width:100%;height:100%;background-color:#f8f8f8;} .layer_teacher .pop_inner{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;padding:25px 0;} .layer_teacher .ly_tit_sel{padding-left:20px;box-sizing:border-box;} .layer_teacher .ly_tit_sel span{display:block;margin-top:10px;font-size:11px;letter-spacing:-0.5px;} .layer_teacher .teacher_tab{padding:20px 10px 20px 20px;}/* 250528 kmh 수정 */ .layer_teacher .teacher_group{height:auto;max-height:none;overflow-y:auto;margin-right:0;} .layer_teacher .teacher_group .teacher_list{padding:0 10px;margin-right:0;} /* 250507_2 syh 수정 */ .layer_teacher .teacher_group .teacher_list > li{width:100%;margin-bottom:20px;} .layer_teacher .teacher_group .teacher_list > li:nth-child(3n){margin-right:0;} .layer_teacher .teacher_group .teacher_list > li > a{height:auto;padding-bottom:20px;} .layer_teacher .teacher_group .center{font-size:12px;padding:0 6px;} .bot_chk_group .chk_live li{margin-right:5px;} .bot_chk_group .chk_live li + li{margin-left:0;} .bot_chk_group input[type="radio"] + label{line-height:32px;font-size:12px;color:#838383;border-radius:5px;border:1px solid #dcdcdc;display:inline-block;padding:0 13px 0 34px;cursor:pointer;font-family:ngb;position:relative;} .bot_chk_group input[type="radio"] + label:before{content:'';width:18px;height:18px;display:inline-block;background:url('../images/ico/bg_chk2.png') no-repeat 0 0 / 18px auto;position:absolute;top:7px;left:10px;} .bot_chk_group input[type="radio"]:checked + label{border-color:#b0944c;color:#b0944c;} .bot_chk_group input[type="radio"]:checked + label:before{background-position-y:-18px;} .list_info{margin-bottom:20px;padding:10px 0;} .list_info .sort a, .list_info .total_num{font-size:13px;} .inpuiry_list li{width:100%;} .inpuiry_list .info p{margin-top:8px;font-size:16px;font-weight:600;} .inpuiry_list .info .date .time{font-weight:600;} .inpuiry_list .state{font-size:15px;font-weight:600;} .inquiry_list_wrap .btn_box{margin-top:30px;display:flex;font-size:0;gap:7px;position:sticky;left:0;bottom:10px;z-index:2;}/* 250917 kmh 수정 */ .inquiry_list_wrap .btn_box a{margin:0;} .inquiry_list_wrap .btn_preview{width:37%;} .inquiry_list_wrap .btn_select_reserve{flex:1;width:auto} .myclass h3.info_h3{font-size:17px;padding:0 0 25px;} .complete_list{border:1px solid #e7e7e7;border-radius:8px;} .complete_list ul{padding:5px 0;} .complete_list li + li{padding-top:0;} .complete_list .box{border:0;padding:20px 10px 0;height:105px;display:block;} .complete_list .info{padding-left:5px;} .complete_list .info .tc_center{font-size:16px;font-weight:600;max-width:none;width:90%;margin-right:0;box-sizing:border-box;position:absolute;top:46px;left:15px;} .complete_list .info .date .time{font-weight:600;} .complete_list .info .label{} .complete_list .state{font-weight:600;color:#999;border-bottom:1px solid #e7e7e7;padding:36px 5px 17px 0;} .complete_list li:last-child .state{border-bottom:0;} .reserve_info{font-size:12px;line-height:1.4;padding-right:0;} .m_none{display:none;} .p_none{display:block;} /* 250410 syh 추가 */ .myclass .ly_class_file .info_detail .day, .myclass .ly_class_file .info_detail .time, .myclass .ly_class_file .info_detail p.class_type{font-size:14px;} .myclass .layer_wrap.ly_class_file{position:static;} .myclass .ly_class_file .layer_cont{position:fixed;top:80px;z-index:9000;left:4%;width:92%;background-color:#fff;border-radius:15px;} .myclass .layer_wrap.ly_class_file .ly_cont{padding:25px 15px;} .myclass .layer_wrap.ly_class_file .ly_cont .tit{font-size:17px;padding-bottom:15px;} .myclass .ly_class_file .info_detail{padding-left:5px;} .ly_class_file .info_file{padding-top:25px;} .ly_class_file .info_file dt{font-size:14px;width:28%;padding-top:10px;} .ly_class_file .info_file dd{width:72%;} .ly_class_file button.ly_btn_tc, .ly_class_file button.btn_file_check, .ly_class_file button.ly_btn_upload, .ly_class_file .ly_btn_group button{font-size:13px;line-height:36px;} .ly_class_file p.url input[type="text"], .ly_class_file p.upload_file span{font-size:13px;line-height:34px;} .ly_class_file a.del{padding-top:13px;padding-bottom:13px;} .myclass .ly_class_file .dim{display:block;} } @media all and (max-width:640px){ .myclass.booking .alignCenter{padding:30px 3%;display:flex;justify-content:space-between;} .myclass.booking .alignCenter a{width:49%;margin:0;} .myclass.booking .alignCenter a span{width:100%;} .myclass.booking .alignCenter .btn11 span{line-height:27px;} .myclass.booking .alignCenter .btn12 span{line-height:29px;} /* 250410 syh 추가 */ .myclass .classcheck .info_cont_bot{padding-top:10px;padding-bottom:10px;} .myclass .classcheck .info_cont_bot .btn22{top:10px;} .myclass .info_txt_round{font-size:11px;line-height:30px;margin-bottom:15px;} /* //250410 syh 추가 */ } @media all and (max-width:480px){ .day_sel_list{paddi ng-bottom:0;} .day_sel_list .select_list li{width:31%;margin-right:7px;} .day_sel_list .select_list li:nth-child(3n){margin-right:0;} .day_sel_list .info_list.del{display:none;} } /* //250331 syh 1:1 예약하기 */ /* myclass.css - finish */