/* header */ #header {height:auto;} .popup-layer3 .btn-r {color:#fff;} .pbox .provision {font-size:12px;} .tword-box .searchBar {width:82%;} @media only screen and (max-width : 480px){ .tword-box .searchBar {width:75%;} } .tword-box .btn-tword {top:0;} .top-logo {height:100px;} .top-logo img {position:absolute; top:17px; z-index:99; left:50%; margin-left:-70px; } .top_search {position: absolute; bottom: 20px; top:10px; margin-top:25px; right: 0; display: inline-block; border-bottom: 1px solid #ddd;} .top_search form {width:100%;} .top_search .search_word {border: none; width: 322px; height: 43px; padding: 5px; background: #fff;} .top_search .search_word:focus {outline:none;} .top_search .search_btn {height: 45px; margin-top: -1px; margin-left: -5px; padding: 11px; border: 0; background: #fff url(/files/default-img/search.svg) no-repeat center; background-size: 25px;} .topmenu-info {position: absolute; top:10px; right: 0; margin-top: 32px;font-size:14px; margin-right:0px;} .topmenu-info a {font-size:14px;} .topmenu-info .menu_line {display:inline-block; width:1px; height:10px; background:#ddd; margin:0 10px} .topmenu-info span {color:#000000;} @media screen and (max-width: 834px) { #header {padding:10px 0;} .min768 {display:none;} .top-logo {display:none;} .top-logo-m {width:114px; margin:0 auto;} .top-logo-m img {width:100%;} } .conts_wp .btn{border: 1px solid #ccc; padding: 0 10px; font-size: 11px; text-align: center; display: inline-block; margin-left: 10px;} /*foot*/ .foot-privit {position: relative; background:#333333; padding: 25px 0 0;} .foot-privit a {color:#b3b3b3; font-size:15px; margin-right: 15px;} .foot-privit a:hover {color:#2e76bc;} .foot-privit span {margin-right:10px; color: #a2a2a2;} .foot-bottom {background:#333333; padding:40px 0;} .foot-bottom > .section > ul {display:inline-block;} .foot-bottom-info > li {float:left;} .foot-bottom-info > li:last-child {margin-left:0px;} .foot-bottom-logo {position:relative; width:100px; margin-top:5px;} .foot-bottom-logo img {width:100%;} .ft-info-text {width:100%;} .foot-bottom-info {width:100%;} .foot-bottom-info h1 {color:#b3b3b3; margin-bottom:10px; font-size:17px;} .foot-bottom-info li {font-size:13px;color: #ddd;} .fb-info-copylight {width:100%; margin-top:10px; display:inline-block;} @media only screen and (max-width : 1100px){ .foot-bottom {padding:20px 0;} .foot-bottom-info > li {width:100%;} .foot-bottom-info > li:last-child {margin-left:0; margin-top:15px;} } @media only screen and (max-width : 480px){ .foot-privit {padding: 20px 0 20px 10px;} .foot-privit a {margin-right:10px; font-size:14px;} .foot-privit span {margin-right:10px;} .foot-bottom-info > li {width:100%; margin-bottom:20px;} .foot-bottom-info > li:last-child {width:100%;} .foot-bottom-info > ul > li {font-size:12px;} .ft-info-text > ul > li {width:50%;} .ft-info-text > ul > li:first-child {width:50%;} .ft-info-text > ul > li:last-child {width:100%;} .foot-bottom-logo {width:65px;} } @media only screen and (max-width : 400px){ .foot-privit {padding:15px 0;} .foot-privit a {margin-right:9px;} .foot-privit span {margin-right:9px;} } .curriculum_box{position:relative; margin:0 auto; width:100%; text-align:center; margin-top:50px; border: 1px solid #dddddd;} .curriculum_btn{text-align:center; width:80%; margin:50px auto 0;} .curriculum_btn_t {text-align:center; margin:10px 2px; display:inline-block; background:#ffffff;} .curriculum_btn_t a {padding:10px 5px; font-size:17px; display:block; width:275px; border-radius:25px; background:#2c89cb; color:#fff; border:3px solid #fff9e1; transition:all 0.1s;} .curriculum_btn_t a .hover_img {display:none;} .curriculum_btn_t a:hover {background:#fff; color:#222222; border:3px solid #febd33; } .curriculum_btn_t a:hover .hover_img{display:inline-block;} .curriculum_btn_t a:hover .re_img {display:none;} /* 상좌상세페이지 */ .lecture_detail_box{position:relative; margin:0 auto; width:934px; padding:10px 0 30px; text-align:center; margin-top:10px; margin-bottom:20px; border: 2px solid #efefef; border-radius:15px;} p.lecture_detail_tit{margin-top:5px; font-size:40px; color:#6b38a9; text-align:center; font-weight:bold; letter-spacing:-3px; margin-bottom:15px;} span.gray_bg{background:url('/files/images/lecture_tit_bg.png')repeat-x bottom center;} p.lecture_detail_m_tit{ font-size:26px; margin:0 auto; width:80%; padding:15px 0 5px; margin-bottom:1%; color:#0285eb; text-align:center; font-weight:600; letter-spacing:-1px; } p.lecture_detail_mb_tit{ font-size:24px; margin:0 auto; width:80%; padding:15px 0 5px; margin-bottom:1%; color:#0285eb; text-align:center; font-weight:500; letter-spacing:-1px; } p.lecture_detail_s_tit{ font-size:20px; margin:0 auto; width:25%; color:#242424; text-align:center; font-weight:400; letter-spacing:-1px; border:2px solid #6a6a6a; border-radius:15px } p.lecture_detail_sb_tit{ font-size:20px; margin:0 auto; width:50%; color:#242424; text-align:center; font-weight:400; letter-spacing:-1px; border:2px solid #6a6a6a; border-radius:15px } .lecture_detail_text_box{display:inline-block; width:80%;} .lecture_detail_price{margin:3% 0 0;width:100%; padding-bottom:3%; min-height:210px; border: 2px solid #8eb4db; border-radius:15px; display:inline-block;} .lecture_detail_day{width:100%; margin:0 auto;} .lecture_detail_day_left{float:left; width:25%;} .lecture_detail_day_center{float:left; margin:0 auto; width:50%; min-height:120px;} .lecture_detail_day_dc_box_b{margin:0 auto; width:80%; min-height:60px;} .lecture_detail_day_dc_box{margin:0 auto; width:70%; min-height:60px;} .lecture_detail_day_dc_box_m{margin:0 auto; width:52%; min-height:60px;} .lecture_detail_day_dc_half{margin:0 auto; width:50%; min-height:60px;} p.lecture_detail_day_dc {float:left; padding-top:5%; text-align:center; min-width:100px; color:#dd3325; font-size:30px; font-weight:600; letter-spacing:-1px; } span.lecture_detail_circle{margin-top:9px; padding-top:12px; color:#ffffff; font-size:16px; text-align:center; font-weight:500; } span.lecture_detail_circle_point{margin-top:9px; padding-top:12px; color:#ffffff; font-size:15px; text-align:center; font-weight:500; } .dc_number {float:left; width:50px; height:50px; background:#fe6556; border-radius:50px; margin:10px; padding-top:12px;} span.dc_line{text-decoration:line-through; font-weight:200; color:#666666;} .lecture_detail_day_text_box{margin-top:10px; padding:3% 0 4%; background:#eeeeee; border-radius:15px;} p.lecture_detail_day_text { padding-top:8px; text-align:center; font-size:24px; font-weight:bold; line-height:24px; letter-spacing:-1px; color:#6b38a9; margin-bottom: 10px; } p.day_plus{ margin-top:10px; color:#3f51b5; font-weight:400; font-size:16px; line-height:20px; } .ifrs_txt{ font-weight:400; font-size:16px; color:#696969;line-height: 20px; } .lecture_detail_day_right{float:left; width:25%;} span.red2{color:#fe6556;} .lecture_detail_info{float:left; margin-top:4%; margin-right:1%; min-height:200px; width:48.5%; border: 2px solid #ab87f6; border-radius:15px;} .lecture_detail_info img{margin:13px 0;} .lecture_detail_txt{padding-left:15px; color:#444444; text-align:left; font-size:17px; font-weight:400; letter-spacing:-1px; } .lecture_detail_stxt{padding-left:15px; color:#444444; text-align:left; font-size:15px; font-weight:400; letter-spacing:-1px; } .lecture_detail_target{float:right; margin-top:4%; margin-left:1%; min-height:200px; width:48.5%; border: 2px solid #62aee9; border-radius:15px;} .lecture_detail_target img{margin:13px 0;} .lecture_detail_btn{text-align:center;} .lecture_detail_btn_t {text-align:center; margin:10px 2px; display:inline-block; background:#ffffff;} .lecture_detail_btn_t a {padding:10px 5px; font-size:17px; display:block; width:275px; border-radius:25px; background:#ff9800; color:#fff; border:3px solid #fff9e1; transition:all 0.1s;} .lecture_detail_btn_t a .hover_img {display:none;} .lecture_detail_btn_t a:hover {background:#fff; color:#222222; border:3px solid #febd33;} .lecture_detail_btn_t a:hover .hover_img{display:inline-block;} .lecture_detail_btn_t a:hover .re_img {display:none;} .lecture_detail_info_full{margin-top:3%; margin-right:1%; padding-bottom:3%; min-height:100px; width:100%; border: 2px solid #8ec9db; border-radius:15px; display:inline-block;} .lecture_detail_info_full img{margin:13px 0;} .lecture_detail_txt_full{padding-left:15px; color:#444444; text-align:left; font-size:17px; font-weight:400; letter-spacing:-1px; margin-bottom:25px;} span.full_block{color:#000000; font-weight:600;} .lecture_detail_target_full{float:right; margin-top:4%; margin-left:1%; padding-bottom:3%; min-height:100px; width:100%; border: 2px solid #62aee9; border-radius:15px; display:inline-block;} .lecture_detail_target_full img{margin:13px 0;} /* 탑메뉴 */ .topmenu_center #m0 {padding-right:0px;} .topmenu_container {width:100%; background:none; border-top: 1px solid #dddddd;} .topmenu {height:52px; box-sizing:content-box; margin:0 auto; line-height:1; width:100%; background:none; max-width: 1200px;} #menu-line { position:absolute; top:0; left:0; height:3px; background:#009ae1; -webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; -ms-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; transition:all 0.25s ease-out; } .topmenu_center,.topmenu_center ul,.topmenu_center ul li,.topmenu_center ul li a,.topmenu_center #menu-button { margin:0; padding:0; border:0; list-style:none; line-height:1; display:block; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:999; } .topmenu_center > ul { padding-left: 40px;} .topmenu_center:after,.topmenu_center > ul:after { content:'.'; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .topmenu_center #menu-button { display:none; } .topmenu_center > ul > li:nth-child(1) { float:left; width:1.2%;} .topmenu_center > ul > li { float:left; width:9.5%;} .topmenu_center > ul > li:nth-child(4){ float:left; width: 11%; font-size:14px; } .topmenu_center > ul > li:nth-child(6){ float:left; width:9.5%; padding-left:1%;} .topmenu_center > ul > li:nth-child(10){ float:left; width:9.5%; padding-left:1%;} .topmenu_center.align-center > ul { font-size:0; text-align:center; } .topmenu_center.align-center > ul > li { display:inline-block; float:none; } .topmenu_center.align-center ul ul { text-align:left; } .topmenu_center.align-right > ul > li { float:right; } .topmenu_center > ul > li > a {font-weight: 500; padding:18px 0; font-size:16px; letter-spacing:-1px; text-decoration:none; text-transform:uppercase; color:#333; -webkit-transition:color .2s ease; -moz-transition:color .2s ease; -ms-transition:color .2s ease; -o-transition:color .2s ease; transition:color .2s ease; } .topmenu_center > ul > li:hover > a,.topmenu_center > ul > li.active > a {color:#0e3177; font-weight: 600;} .topmenu_center > ul > li.has-sub > a { padding-right:45px; } .topmenu_center > ul > li.has-sub > a::z { position:absolute; top:21px; right:25px; width:4px; height:4px; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; content:''; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition:border-color 0.2s ease; transition:border-color 0.2s ease; } .topmenu_center > ul > li.has-sub:hover > a::after { border-color:#ffff00; } .topmenu_center ul ul li.has-sub > a::after { position:absolute; top:13px; right:10px; width:4px; height:4px; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; content:''; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition:border-color 0.2s ease; transition:border-color 0.2s ease; } .topmenu_center.align-right ul ul { text-align:right; } .topmenu_center.align-right ul ul li.has-sub > a::after { right:auto; left:10px; border-bottom:0; border-right:0; border-top:1px solid #ffffff; border-left:1px solid #ffffff; } .topmenu_center ul ul li.has-sub:hover > a::after { border-color:#ffff00; } .topmenu_center ul ul { position:absolute; left:-9999px; top: 52px; right:0px;} .topmenu_center li:hover > ul { left:auto;} .topmenu_center.align-right li:hover > ul { right:0; } .topmenu_center ul ul ul { margin-left:100%; top:0; } .topmenu_center.align-right ul ul ul { margin-left:0; margin-right:100%;} .topmenu_center ul ul li { height:0; -webkit-transition:height .2s ease; -moz-transition:height .2s ease; -ms-transition:height .2s ease; -o-transition:height .2s ease; transition:height .2s ease; } .topmenu_center ul li:hover > ul > li { height:32px;} .topmenu_center ul ul li a {text-align: center; padding:10px 0; width:140px; font-size:13px; background-color: #0d78bf; text-decoration:none; color:#fff; font-weight:normal;-webkit-transition:color .2s ease; -moz-transition:color .2s ease; -ms-transition:color .2s ease; -o-transition:color .2s ease; transition:color .2s ease; } .topmenu_center ul ul li:hover > a,.topmenu_center ul ul li a:hover { color:#0b2359; font-weight:bold; background-color: #ffffff;} /* 2depth */ .towdepth {width: 100%; max-width: 1100px; margin: 30px auto;} .submenu_list {position:relative; text-align:center; margin-top:30px; margin-bottom:45px;} .submenu_list a {background-color: #fff; width: 16.666666%; font-size:17px; padding:20px 10px; border: 0; color: #000000; font-weight: normal; letter-spacing:-1px; border-bottom:1px solid #ddd;} .submenu_list a.focus, .submenu_list a:hover {background-color: #fff; border: 0; color: #2e76bc; outline: none; font-weight: normal; border-bottom:2px solid #2e76bc;} .submenu_list_box{margin: 0 auto; width:1100px;} .submenu_list_box .submenu_list {position:relative; text-align:left; margin-top:30px; margin-bottom:45px;} .submenu_list_box .submenu_list a {background-color: #fff; display: inline-block; width: 20%; font-size:17px; padding:10px 10px; border: 0; color: #000000; font-weight: normal; letter-spacing:-1px; border:1px solid #ddd;} .submenu_list_box a.focus, .submenu_list a:hover {background-color: #fff; border: 0; color: #2e76bc; outline: none; font-weight: normal; border-bottom:2px solid #2e76bc; border:1px solid #ddd;} /* 3depth */ .depth3_list {text-align: left; margin-top: 30px; display: inline-block; width: 100%; } .depth3_list a {line-height:15px; color:#00000f; font-size:15px; display: block; width: 32.6%; float: left; font-weight: 400; text-align:left; padding:15px 10px; border:1px solid #dddddd; letter-spacing:-1px; } .btn-depth3 {font-size: 15px;padding: 10px 20px; border: 0px solid #ddd; background: #ffffff; margin-left: -1px; } .depth3_list a:hover {cursor: pointer; color:#0e3177; background: #ffffff; } .depth3_list a.focus {color:#ffffff; background: #333333; font-weight: 500;} .sub_img {display: none;} @media screen and (max-width: 834px) { .depth3_list a {width:48%;} } .menu-icon {font-size: 23px; cursor: pointer; padding: 10px; top: -50px; position: relative; left: 10px;} span.fullmenu-tag{font-size: 23px; cursor: pointer; position:absolute; border:1px solid #666;} #sub-container {position: relative; width: 100%; height: 100%;} /*.sub-title h3 {display: inline-block; border-bottom: 8px solid #9acc6d; line-height: 18px; margin-bottom: 30px;}*/ .sub-content > li {float:left; width:20%; margin-right:2%;} .sub-content > li:last-child {width:78%; margin-right:0;} #sub_left_menu {width:100%; height:100%; margin-top:41px;} #sub_left_menu h2 {padding:0; border-bottom:1px solid #8a8a8a; font-size:20px; font-weight:400; padding-bottom:10px; margin-top:49px;padding-left:10px; text-align:left;} #sub_left_menu ul li {font-size:16px; position:relative; text-align:left;} #sub_left_menu ul li.active > a {color:#c22230; font-weight:400; font-size:15px; letter-spacing:-1px;} #sub_left_menu ul li::after {content:attr(data-split); background:url('/files/images/arrow_right.png') no-repeat; position:absolute; top:20px; right:20px; width:10px; height:15px; background-size:15px; opacity:0.3;} #sub_left_menu ul li.active::after {opacity:1;} #sub_left_menu ul li a {width:100%; height:100%; display:block; padding:10px 15px; border-bottom:1px solid #ddd; color:#000; font-weight:500; font-size:15px; } #sub_left_menu ul li a:hover {color:#c22230; background:#eeeeee;} /* #sub_left_menu ol {background:#eee;} */ #sub_left_menu ol {background:white;} #sub_left_menu dl {margin:0;} #sub_left_menu dd {font-size:13px; font-weight:normal;} #sub_left_menu dd a:link{font-size:13px; letter-spacing:-1px;} #sub_left_menu dd a:hover{font-size:13px;} .sub-content li .sub-title {text-align:left; margin:40px 0 0px; position:relative;} .sub-content li .sub-title .subject {display:none; color:#444; font-size:26px; position:relative; font-weight:400; padding-bottom:10px; } .sub-content li #calendar, .sub-content li form .btn_center, .sub-content li ul.lecturelist {margin-bottom:80px;} /* submenu hover */ #sub_left_menu ul ol{display: none;} #sub_left_menu ul li:hover ol{ display: block; } /* sidenav */ .sidenav {height: 100%; width: 0; position: fixed; z-index: 99999999; top: 0; left: -1px; background-color: #fff; overflow-x: hidden; transition: 0.2s; padding-top: 40px; border-right: 1px solid #ddd;} .sidenav a {padding: 15px 0 0 10px;text-decoration: none;font-size: 15px;color: #818181;display: block;transition: 0.3s;} .sidenav a:last-child {padding: 15px 0 10px 10px; ;} .sidenav a:hover {color: #2e76bc;} .sidenav > button {width: 100%; text-align: left; background: #62aee9; color: #ffffff; font-size: 15px; height:50px; border-radius: 0px;} .sidenav > button:hover {color: #000000;} .sidenav .closebtn {position:absolute; top: -10px; right: 8px; } .menu-icon {font-size: 26px; cursor: pointer; padding:0px 10px 5px; top: 12px; position:absolute; left: 15px; color:#ffffff; background:#003b8d;} .menu-icon img {width:24px; height:24px;} .dropdown-btn > img {position: absolute; right: 5px;} @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } .dropdown-container {display: none;background-color: #fff;padding-left: 8px;} .m-login {display: block; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom:0px;} .m-login > button {width:50%; border: 0; border-radius: 0; color: #26485f; background: #fff; padding: 17px;} .m-login > div {padding:10px 0 0 15px; background: #ffffff; color:#104a82; width:100%; } button.myclass-btn {width:100%; padding: 20px; background: #01a5e6; color:#fff; margin-top:30px; text-align:center;} button.myclass-btn > img {width:25px; height:25px;} /* topvisual */ .topvisual {position:relative;} .top-text {position:absolute; top:34%; left:50%; margin-left:-30px; color:#fff;} .sub_bg {background:url('/files/images/sub_bg_1.jpg') no-repeat center; background-size:cover;} .sub_img {font-size:33px; font-weight:500; color:#fff; text-align:center; padding:40px; display:block;} .bg_657 {background :#61acec url('/files/images/sub_bg_16.png') no-repeat center;} .bg_672 {background:#61acec url('/files/images/sub_bg_20.png')no-repeat center;} .bg_207 {background :#61acec url('/files/images/sub_bg_19.png') no-repeat center;} .bg_379 {background :#61acec url('/files/images/sub_bg_18.png') no-repeat center;} .bg_377 {background :#61acec url('/files/images/sub_bg_16.png') no-repeat center;} .bg_204 {background :#61acec url('/files/images/sub_bg_18.png') no-repeat center;} .bg_206 {background :#61acec url('/files/images/sub_bg_17.png') no-repeat center;} .bg_205 {background :#61acec url('/files/images/sub_bg_16.png') no-repeat center;} .bg_203 {background :#61acec url('/files/images/sub_bg_15.png') no-repeat center;} .bg_202 {background :#61acec url('/files/images/sub_bg_14.png') no-repeat center;} .bg_201 {background :#61acec url('/files/images/sub_bg_13.png') no-repeat center;} .bg_200 {background :#61acec url('/files/images/sub_bg_12.png') no-repeat center;} .bg_10 {background:#61acec url('/files/images/sub_bg_11.png') no-repeat center;} .bg_735 {background :#61acec url('/files/images/sub_bg_25.png') no-repeat center;} .bg_733 {background :#61acec url('/files/images/sub_bg_25.png') no-repeat center;} .bg_732 {background :#61acec url('/files/images/sub_bg_25.png') no-repeat center;} .bg_731 {background :#61acec url('/files/images/sub_bg_25.png') no-repeat center;} .bg_730 {background :#61acec url('/files/images/sub_bg_25.png') no-repeat center;} .bg_37 {background :#61acec url('/files/images/sub_bg_25.png') no-repeat center;} .bg_61 {background :#61acec url('/files/images/sub_bg_23.png') no-repeat center;} .bg_125 {background :#61acec url('/files/images/sub_bg_24.png') no-repeat center;} .bg_30 {background :#61acec url('/files/images/sub_bg_22.png') no-repeat center;} .bg_1 {background :#61acec url('/files/images/sub_bg_21.png') no-repeat center;} @media all and (max-width: 640px) { .sub_bg {background-image:url('/files/images/sub_bg_1_mo.jpg');} .bg_657 {background : url('/files/images/sub_bg_16.png') right;} .bg_672 {background : url('/files/images/sub_bg_20.png') right;} .bg_207 {background : url('/files/images/sub_bg_19.png') right;} .bg_379 {background : url('/files/images/sub_bg_18.png') right;} .bg_377 {background : url('/files/images/sub_bg_16.png') right;} .bg_204 {background : url('/files/images/sub_bg_18.png') right;} .bg_206 {background : url('/files/images/sub_bg_17.png') right;} .bg_205 {background : url('/files/images/sub_bg_16.png') right;} .bg_203 {background : url('/files/images/sub_bg_15.png') right;} .bg_202 {background :url('/files/images/sub_bg_14.png') right;} .bg_201 {background :url('/files/images/sub_bg_13.png') right;} .bg_200 {background : url('/files/images/sub_bg_12.png') right;} .bg_10 {background : url('/files/images/sub_bg_11.png') right;} .bg_735 {background : url('/files/images/sub_bg_25.png') right;} .bg_733 {background : url('/files/images/sub_bg_25.png') right;} .bg_732 {background : url('/files/images/sub_bg_25.png') right;} .bg_731 {background : url('/files/images/sub_bg_25.png') right;} .bg_730 {background : url('/files/images/sub_bg_25.png') right;} .bg_37 {background : url('/files/images/sub_bg_25.png') right;} .bg_61 {background : url('/files/images/sub_bg_23.png') right;} .bg_125 {background : url('/files/images/sub_bg_24.png') right;} .bg_30 {background : url('/files/images/sub_bg_22.png') right;} .bg_1 {background : url('/files/images/sub_bg_21.png') right;} } .submenu-navi {max-width:1200px; margin:0 auto;} .sub-title > .section {margin-bottom:25px;} .sub-body {background: #fff; padding:10px 0;} .sub-body-box {position:relative; height:50px;} .border {border:5px solid #1a405b; width:300px; position:relative;} .border-left {display:none; border:2px solid #000000; width:40px; position:absolute; bottom:4px; z-index:1;} .subject-title, .subject {font-size:32px; margin-top:40px; color:#000000;} ul.memolist {max-width:100%;} .memoform {max-width:100%;} /* navigation */ .subMenu {background:#ffffff;} .submenu-navi{border-bottom:1px solid #e5e5e5;} .navi > li {float:left; width:25%; max-width:240px; margin:20px 0px 0px 0px; height:40px; position:relative;} .navi > li:first-child {max-width:50px; border-right:1px solid #e5e5e5; height:25px; position:relative; margin:20px 0px 0px 0px; background:#ffffff url('/files/images/home_icon.png') no-repeat center; background-size:50%; cursor:pointer;} .navi > li:first-child div {opacity:0;} .navi > li.subshow {} .navi > li:nth-child(2) {} .navi > li:nth-child(3) {border-left:1px solid #e5e5e5; height:25px; background:#ffffff url('/files/images/button_background.png') no-repeat 90% 50%;} .navi > li:nth-child(4) {display:none;} .navi > li > a {display:block; color:#000000; padding-left:10%; font-size:16px; width:100%; font-weight:bold;} .navi > li smenu {display:block; color:#fff;} .navi::after {display:block; content:''; clear:both;} .smenu {width:100%; position:absolute; left:0; z-index:2; background:#ffffff;} .smenu a {display:block; padding:7px 20px; color:#555; font-size:14px; border-top:none; transition:all 0.2s;} .smenu a:hover {color:#000000; font-weight:bold;} .smenu a.on {color:#000000; font-weight:bold;} .s1 a{display:none;} .s2 a{display:none;} .s2 {top:30px; width:90%; border-radius:12px; margin-top:10px; border:1px solid #e5e5e5; background:#fff; box-shadow:rgb(0 0 0 / 15%) 0 3px 15px;} .s3 a{display:none;} /* button */ @media all and (max-width: 1024px) { .navi > li {width:30%;} .sub_img {font-size:36px;} .subject {font-size:26px;} } @media all and (min-width:480px) and (max-width:3000px){ .min_br {display: none;} } /* navigation Tablet Device */ @media only screen and (min-width: 480px) and (max-width:912px){ .navi > li {width:40%; } .sub_img {font-size:32px;} .subject {font-size:24px;} .s2 a{display:block;} } /* navigation Mobile Device */ @media only screen and (max-width : 768px){ .navi > li.homebnt {display:none;} .navi > li:nth-child(2) {} .navi > li:nth-child(3) {border-left:1px solid #e5e5e5; height:25px; background:#ffffff url('/files/images/button_background.png') no-repeat 90% 50%;} .navi > li {width:50%;} .sub_img {font-size:30px;} .subject {font-size:24px;} .s2 a{display:block;} .submenu_list {display:none;} .depth3_list a {line-height:18px; color:#00000f; font-size:13px; margin:0.5%; display: inline-block; width: 49%; min-height:50px; float: left; font-weight: 400; text-align:left; padding:6px 3px 6px 8px;border:1px solid #dddddd; letter-spacing:-1px; } .depth3_list a:hover {cursor: pointer; color:#0e3177; background: #ffffff; display: inline-block; } .depth3_list a.focus {color:#ffffff; background: #333333; font-weight: 500; display: inline-block; } #sub_left_menu {display:none;} .sub-content > li:last-child {width:100%; margin-right:0;} .lecture_detail_box{position:relative; margin:0 auto; width:100%; padding:10px 0 30px; text-align:center; margin-top:10px; margin-bottom:20px; border: 2px solid #efefef; border-radius:15px;} .lecture_detail_text_box{display:inline-block; width:96%;} .lecture_detail_day_center{float:left; margin:0 auto; width:55%; min-height:120px;} .lecture_detail_info img{width:100%;} .lecture_detail_target img{width:100%;} p.lecture_detail_sb_tit{width:70%;} } /* navigation Mobile Device */ @media only screen and (max-width : 480px){ .max_br {display: none;} .navi > li.homebnt {display:none;} .navi > li:nth-child(2) {} .navi > li:nth-child(3) {border-left:1px solid #e5e5e5; height:25px; background:#ffffff url('/files/images/button_background.png') no-repeat 90% 50%;} .navi > li {width:50%;} .sub_img {font-size:30px;} .subject {font-size:24px;} .s2 a{display:block;} .submenu_list {display:none;} .depth3_list a {line-height:18px; color:#00000f; font-size:13px; margin:0.5%; display: inline-block; width: 49%; min-height:50px; float: left; font-weight: 400; text-align:left; padding:6px 3px 6px 8px;border:1px solid #dddddd; letter-spacing:-1px; } .depth3_list a:hover {cursor: pointer; color:#0e3177; background: #ffffff; display: inline-block; } .depth3_list a.focus {color:#ffffff; background: #333333; font-weight: 500; display: inline-block; } #sub_left_menu {display:none;} .sub-content > li:last-child {width:100%; margin-right:0;} /* 상좌상세페이지 */ .curriculum_btn_t {text-align:center; margin:5px 2px; display:inline-block; background:#ffffff;} .lecture_detail_box{width:100%; position:relative; margin:0 auto; text-align:center; margin-top:50px; border: 2px solid #efefef; border-radius:15px;} p.lecture_detail_tit{margin-top:30px; margin-bottom:2%; font-size:170%; color:#6b38a9; text-align:center; font-weight:bold; letter-spacing:-3px; } span.gray_bg{background:url('/files/images/lecture_tit_bg.png')repeat-x top center;} p.lecture_detail_m_tit{font-size:120%; margin:0 auto; width:100%; padding:5px 0 5px; margin-bottom:1%; color:#0285eb; text-align:center; font-weight:600; letter-spacing:-1px; } p.lecture_detail_mb_tit{font-size:120%; margin:0 auto; width:100%; padding:5px 0 5px; margin-bottom:1%; color:#0285eb; text-align:center; font-weight:500; letter-spacing:-1px; } p.lecture_detail_s_tit{ font-size:18px; margin:0 auto; width:90%; padding:0 5px; color:#242424; text-align:center; font-weight:400; letter-spacing:-1px; border:2px solid #6a6a6a; border-radius:15px } p.lecture_detail_sb_tit{ font-size:13px; margin:0 auto; width:90%; color:#242424; text-align:center; font-weight:400; letter-spacing:-1px; border:2px solid #6a6a6a; border-radius:15px } .lecture_detail_text_box{margin-left:2%; width:96%;} .lecture_detail_price{margin-top:4%;width:100%; min-height:230px; border: 2px solid #8eb4db; border-radius:15px;} .lecture_detail_day{width:100%; margin:0 auto;} .lecture_detail_day_left{float:none; width:25%;} .lecture_detail_day_center{float:none; margin:0 auto; margin-left:2%; width:96%; min-height:120px;} .lecture_detail_day_dc_box_b{margin:0 auto; width:278px; min-height:60px;} .lecture_detail_day_dc_box{margin:0 auto; width:247px; min-height:60px;} .lecture_detail_day_dc_box_m{margin:0 auto; width:190px; min-height:60px;} .lecture_detail_day_dc_half{margin:0 auto; width:170px; min-height:60px;} p.lecture_detail_day_dc {float:left; padding-top:5%; text-align:center; min-width:100px; color:#dd3325; font-size:30px; font-weight:600; letter-spacing:-1px; } span.lecture_detail_circle{margin-top:9px; padding-top:12px; color:#ffffff; font-size:16px; text-align:center; font-weight:500; } .dc_number {float:left; width:50px; height:50px; background:#fe6556; border-radius:50px; margin:10px; padding-top:12px;} span.dc_line{text-decoration:line-through; font-weight:200; color:#666666;} .lecture_detail_day_text_box{margin-top:10px; padding:3% 0 4%; background:#eeeeee; border-radius:15px;} p.lecture_detail_day_text {padding-top:8px; text-align:center; font-size:24px; font-weight:bold; line-height:24px; letter-spacing:-1px; color:#6b38a9; } p.day_plus{margin-top:10px; color:#3f51b5; font-weight:400; font-size:16px; line-height:20px; } .lecture_detail_day_right{float:none; width:25%;} .lecture_detail_info{float:none; margin-top:4%; margin-right:0%; min-height:200px; width:100%; border: 2px solid #ab87f6; border-radius:15px;} .lecture_detail_info img{margin:13px 0; width:100%;} .lecture_detail_txt{color:#444444; padding-left:10px; text-align:left; font-size:14px; font-weight:400; letter-spacing:-1px; } .lecture_detail_target{float:none; margin-top:4%; margin-left:0%; min-height:200px; width:100%; border: 2px solid #62aee9; border-radius:15px;} .lecture_detail_target img{margin:13px 0; width:100%;} .lecture_detail_btn{text-align:center;} .lecture_detail_btn_t {text-align:center; margin:20px 2px; display:inline-block; background:#ffffff;} .lecture_detail_btn_t a {padding:10px 5px; font-size:17px; display:block; width:275px; border-radius:25px; background:#ff9800; color:#fff; border:3px solid #fff9e1; transition:all 0.1s;} .lecture_detail_btn_t a .hover_img {display:none;} .lecture_detail_btn_t a:hover {background:#fff; color:#222222; border:3px solid #febd33;} .lecture_detail_btn_t a:hover .hover_img{display:inline-block;} .lecture_detail_btn_t a:hover .re_img {display:none;} .lecture_detail_info_full{margin-top:4%; margin-right:0%; min-height:200px; width:100%; border: 2px solid #8ec9db; border-radius:15px;} .lecture_detail_info_full img{margin:13px 0; width:100%; } .lecture_detail_txt_full{color:#444444; padding-left:10px; text-align:left; font-size:14px; font-weight:400; letter-spacing:-1px; } .lecture_detail_target_full{float:right; margin-top:4%; margin-left:0%; min-height:200px; width:100%; border: 2px solid #62aee9; border-radius:15px;} .lecture_detail_target_full img{margin:13px 0; width:100%; } } @media only screen and (max-width : 834px){ .navi > li:nth-child(4){display:none;} } /* gnb*/ #gnb_area{min-height:54px; background:linear-gradient(to bottom, #f9fbfd 0%, #eef3f8 100%); border-top:1px solid #e7edf4; border-bottom:1px solid #d8e1ea;} .gnbDiv{background:transparent; box-shadow:inset 0 1px 0 rgba(255,255,255,0.8);} .gnbDiv .gnbWrap .gnb ul li.one{width:150px;} .gnbDiv .gnbWrap .gnb ul li.two{width:131px;} .gnbDiv .gnbWrap .gnb ul li.three{width:131px;} .gnbDiv .gnbWrap .gnb ul li.four{width:131px;} .gnbDiv .gnbWrap .gnb ul li.five{width:131px;} .gnbDiv .gnbWrap .gnb ul li.six{width:131px;} .gnbDiv .gnbWrap .gnb ul li.seven{width:131px;} .gnbDiv .gnbWrap .gnb ul li.eight{width:131px;} .gnbDiv .gnbWrap .gnb ul li a.oneDep { font-weight:600; color:#316991; letter-spacing:-0.4px; position:relative; transition:color .24s ease, background-color .24s ease; border-radius:6px 6px 0 0; } .gnbDiv .gnbWrap .gnb ul li a.oneDep::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#d9dfe6; transform:scaleX(0); transform-origin:left center; transition:transform .28s ease; } .gnbDiv .gnbWrap .gnb ul li:hover a.oneDep::after, .gnbDiv .gnbWrap .gnb ul li.on a.oneDep::after{ transform:scaleX(1); } .gnbDiv .gnbWrap .gnb ul li {position:relative;} .gnbDiv .gnbWrap .gnb ul li::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:1px; background:#d9dfe6; opacity:0; transition:opacity .18s ease; z-index:3; } .gnbDiv .gnbWrap .gnb ul li::after{ content:""; position:absolute; right:0; top:0; bottom:0; width:1px; background:#d9dfe6; opacity:0; transition:opacity .18s ease; z-index:3; } .gnbDiv .gnbWrap .gnb ul li:hover::before, .gnbDiv .gnbWrap .gnb ul li.on::before, .gnbDiv .gnbWrap .gnb ul li:hover::after, .gnbDiv .gnbWrap .gnb ul li.on::after{ opacity:1; } .gnbDiv .gnbWrap .gnb ul li:hover a.oneDep{color:#24557e; background:rgba(255,255,255,0.55);} .gnbDiv .gnbWrap .gnb ul li.on a.oneDep{color:#24557e; font-weight:700; text-decoration:none; background:rgba(255,255,255,0.7);} .gnbDiv .gnbWrap .twoDep{height:400px; width:100%; display:block; position:relative; visibility: visible; background:#f7f9fc; margin-top:-1px; border-bottom:1px solid #dfe6ef; box-shadow:0 10px 22px rgba(23, 43, 77, 0.06);} .gnbDiv .gnbWrap .gnb ul li {width:calc(100% / 10);} .gnbDiv .gnbWrap li.on .twoDep{background:#f2f6fb;} .gnbDiv .gnbWrap .gnb ul li:hover .twoDep, .gnbDiv .gnbWrap .gnb ul li.on .twoDep{ background:#f3f6fa; } .gnbDiv .gnbWrap li.on .twoDep a.off:hover {color:#1f6fa7; background:#edf3fa; vertical-align:top; text-decoration:none; font-weight:400;} .gnbDiv .gnbWrap li .twoDep a.on{color:#fff; background:#4aa3df; vertical-align:top; border:0; font-weight:400;} .gnbDiv .gnbWrap li .twoDep a {color:#2f4053; font-weight:400; font-size:15px; line-height:1.35; padding:8px 6px; margin:0 2px; letter-spacing:-0.2px; border-radius:4px; transition:background-color .2s ease, color .2s ease; -webkit-font-smoothing:subpixel-antialiased; -moz-osx-font-smoothing:auto;} .gnbDiv .gnbWrap li .twoDep a.off:hover {color:#1f6fa7; background:#edf3fa; text-decoration:none; font-weight:400;} .disB{display:block;} .twoDbg{position:absolute; display:none; background:#fff; border-top:1px solid #ddd; top:100px; left:0; height:100px; width:100%; z-index:999; border-bottom:2px solid #21489c;} .gnbDiv .gnbWrap li.on .guideBg{position:absolute; top:100px; left:0; display:block;} .guideBg{display:none; position:relative;} .table-title .section-box .ul-1 {font-weight: 500;} h1, h2, h3, h4, h5 {font-weight: 500;} @media all and (max-width:768px) { #gnb_area {display:none;} .subject-title {font-size:25px;} }