#layout-out-common { background-color: #f2f3f6 !important; } .main_enrolment_wrap { position: relative; width: 100%; max-width: 1080px; display: flex; align-items: flex-start; gap: 0.8rem; padding-top: 3rem; padding-bottom: 3rem; } .main_section > h1, .main_section > h2, .main_section > h3 {font-family: "Nanum Square Neo", sans-serif;} .main_section {background-color: #ffffff; border: 1px solid #dddddd; box-sizing: border-box; min-width: auto !important;} .main_section.margin {margin-bottom: 10px;} .main_section.padding {padding: 50px 40px 40px; box-sizing: border-box;} .main_section.border-less {border: none;} .main_section header {padding-bottom: 40px;} .main_section header h1 {font-size: 30px; font-weight: 800; text-align: center; font-family: "Nanum Square Neo", sans-serif;} .content_wrap {width: 740px; min-width: 740px; min-height: 2000px; box-sizing: border-box; padding-bottom: 100px;} /* 퀵메뉴 - 상담&문의 위에 붙여주세요 */ .lecture_quick_menu {position: fixed; bottom: 100px; right: 20px; width: 60px; z-index: 1000;} .lecture_quick_menu .quick_item {width: 60px; height: 60px; margin-bottom: 5px; border: 1px solid #ddd; border-radius: 30px; box-sizing: border-box;} .lecture_quick_menu .quick_item a {width: 100%; height: 100%; display: inline-block;} .lecture_quick_menu .quick_item.page_top {background: #fff url("/resource/images/enrolment/quick_top.png") no-repeat center;} .lecture_quick_menu .quick_item.page_down {background: #fff url("/resource/images/enrolment/quick_down.png") no-repeat center;} .lecture_quick_menu .quick_item:hover {border: 1px solid #0077ff;} .lecture_quick_menu .quick_item.page_top a:hover {background: url("/resource/images/enrolment/quick_top_on.png") no-repeat center;} .lecture_quick_menu .quick_item.page_down a:hover {background: url("/resource/images/enrolment/quick_down_on.png") no-repeat center;} /* 메인배너 */ .lecture_banner {position: relative; height: 350px; padding: 40px; box-sizing: border-box;} .lecture_banner .title {position: absolute; top: 60px;} .lecture_banner .title h1, .title h2, .title h3 {font-family: Esamanru, sans-serif; color: #fff;} .lecture_banner .title h1 {font-size: 48px; font-weight: 600; padding-top: 5px;} .lecture_banner.simple_online .title h1 {font-size: 42px;} /* 간이종심제는 제목이 길어서 글자조정 처리*/ .lecture_banner .title h2 {font-size: 24px; font-weight: 300;} .lecture_banner .title h3 {font-size: 17px; font-weight: 100; padding-top: 10px; line-height: 24px;} .lecture_banner .btn_download {position: absolute; bottom: 40px;} .lecture_banner .btn_download button.download {width: 250px; height: 50px; font-family: Esamanru, sans-serif; font-weight: 100; font-size: 18px; color: #fff; background: #000;} .lecture_banner .btn_download button.download:hover {filter: brightness(90%);} .lecture_banner .btn_download button.download img {margin-left: 10px;} /* 메인배너 h2 */ .lecture_banner.special1 .title h2 {color: #ffdd94;} .lecture_banner.special3 .title h2 {font-size: 22px;} .lecture_banner.vip .title h2 {color: #ffdb5b;} /* 메인배너 h1 */ .lecture_banner.special3 .title h1, .lecture_banner.construction_labor_tax .title h1 {font-size: 44px; line-height: 46px;} .lecture_banner.vip .title h1 {color: #ffdb5b;} /* 메인배너 h3 */ .lecture_banner.basic .title h3 {color: #9a6200;} .lecture_banner.basic_online .title h3 {color: #9a6200;} .lecture_banner.eligibility .title h3 {color: #064123;} .lecture_banner.eligibility_online .title h3 {color: #064123;} .lecture_banner.simple_online .title h3 {color: #dbe7ed;} .lecture_banner.one_day .title h3 {color: #fff495;} .lecture_banner.s_class .title h3 {color: #fec1d1;} .lecture_banner.special3 .title h3 {color: #013d67;} .lecture_banner.vip .title h3 {color: #c4d3ea; line-height: 22px;} .lecture_banner.construction_labor_tax .title h3 {color: #f0cecd;} /* 메인배너 다운로드 버튼색 */ .lecture_banner.basic .btn_download .download {background: #ff7e00;} .lecture_banner.basic_online .btn_download .download {background: #ff7e00;} .lecture_banner.eligibility .btn_download .download {background: #045735;} .lecture_banner.eligibility_online .btn_download .download {background: #045735;} .lecture_banner.simple_online .btn_download .download {background: #323c4e;} .lecture_banner.one_day .btn_download .download {background: #8a3e00;} .lecture_banner.s_class .btn_download .download {background: #6f0e31;} .lecture_banner.special1 .btn_download .download {background: #372a13;} .lecture_banner.special3 .btn_download .download {background: #013d67;} .lecture_banner.vip .btn_download .download {background: #202140;} .lecture_banner.site_base_ .btn_download .download {background: #1e2da1;} .lecture_banner.site_advanced_ .btn_download .download {background: #2e007e;} .lecture_banner.construction_labor_tax .btn_download .download {background: #50100e;} .lecture_banner.basic {background: url("/resource/images/enrolment/202310_v2/bg_basic.png") no-repeat;} .lecture_banner.basic_online {background: url("/resource/images/enrolment/202310_v2/bg_basic.png") no-repeat;} .lecture_banner.eligibility {background: url("/resource/images/enrolment/202310_v2/bg_eligibility.png") no-repeat;} .lecture_banner.eligibility_online {background: url("/resource/images/enrolment/202310_v2/bg_eligibility.png") no-repeat;} .lecture_banner.simple_online {background: url("/resource/images/enrolment/202310_v2/bg_simple.png") no-repeat;} .lecture_banner.one_day {background: url("/resource/images/enrolment/202310_v2/bg_one_day.png") no-repeat;} .lecture_banner.s_class {background: url("/resource/images/enrolment/202310_v2/bg_s_class.png") no-repeat;} .lecture_banner.special1 {background: url("/resource/images/enrolment/202310_v2/bg_special1.png") no-repeat;} .lecture_banner.special3 {background: url("/resource/images/enrolment/202310_v2/bg_special3.png") no-repeat;} .lecture_banner.vip {background: url("/resource/images/enrolment/202310_v2/bg_vip_class.png") no-repeat;} .lecture_banner.site_base_ {background: url("/resource/images/enrolment/202310_v2/bg_site_base_.png") no-repeat;} .lecture_banner.site_advanced_ {background: url("/resource/images/enrolment/202310_v2/bg_site_advanced_.png") no-repeat;} .lecture_banner.construction_labor_tax {background: url("/resource/images/enrolment/202310_v2/construction_labor_tax.png") no-repeat;} /* 교육목적 */ .main_section .lecture_purpose {position: relative; height: 310px; padding: 40px; box-sizing: border-box;} .main_section .lecture_purpose h2 {float: left; font-family: "Nanum Square Neo", sans-serif; font-size: 30px; font-weight: 800; line-height: 34px;} .main_section .lecture_purpose ul {float: right; width: 360px;} .main_section .lecture_purpose ul li {width: 100%; background: #fff; margin-bottom: 10px; padding: 15px; font-size: 18px; font-family: "Nanum Square Neo", sans-serif; font-weight: 700; box-sizing: border-box;} .main_section .lecture_purpose ul li span {margin-right: 15px; font-weight: 800;} .main_section .lecture_purpose.basic {background: #fff8e7 url("/resource/images/enrolment/202310_v2/sub_bg_basic.png") no-repeat;} .main_section .lecture_purpose.basic_online {background: #fff8e7 url("/resource/images/enrolment/202310_v2/sub_bg_basic.png") no-repeat;} .main_section .lecture_purpose.eligibility {background: #ebf8f1 url("/resource/images/enrolment/202310_v2/sub_bg_eligibility.png") no-repeat;} .main_section .lecture_purpose.eligibility_online {background: #ebf8f1 url("/resource/images/enrolment/202310_v2/sub_bg_eligibility.png") no-repeat;} .main_section .lecture_purpose.one_day {background: #fff3e7 url("/resource/images/enrolment/202310_v2/sub_bg_one_day.png") no-repeat;} .main_section .lecture_purpose.s_class {background: #f6e8ec url("/resource/images/enrolment/202310_v2/sub_bg_s_class.png") no-repeat;} .main_section .lecture_purpose.vip {background: #e8eaef url("/resource/images/enrolment/202310_v2/sub_bg_vip_class.png") no-repeat;} .main_section .lecture_purpose.special1 {background: #f0efed url("/resource/images/enrolment/202310_v2/sub_bg_special1.png") no-repeat;} .main_section .lecture_purpose.special3 {background: #e6f3fc url("/resource/images/enrolment/202310_v2/sub_bg_special3.png") no-repeat; height: 250px;} .main_section .lecture_purpose.simple_online {background: #e8eaef url("/resource/images/enrolment/202310_v2/sub_bg_simple.png") no-repeat;} .main_section .lecture_purpose.site_base_ {background: #eceefd url("/resource/images/enrolment/202310_v2/sub_bg_site_base_.png") no-repeat;} .main_section .lecture_purpose.site_advanced_ {background: #efe9fa url("/resource/images/enrolment/202310_v2/sub_bg_site_advanced_.png") no-repeat;} .main_section .lecture_purpose.construction_labor_tax {background: #f5efef url("/resource/images/enrolment/202310_v2/sub_bg_construction_labor_tax.png") no-repeat; height: 190px;} .main_section .lecture_purpose.basic ul li span {color: #fdb910;} .main_section .lecture_purpose.basic_online ul li span {color: #fdb910;} .main_section .lecture_purpose.eligibility ul li span {color: #3cb878;} .main_section .lecture_purpose.eligibility_online ul li span {color: #3cb878;} .main_section .lecture_purpose.one_day ul li span {color: #fd8b10;} .main_section .lecture_purpose.s_class ul li span {color: #ab1b41;} .main_section .lecture_purpose.special1 ul li span {color: #6f6150;} .main_section .lecture_purpose.special3 ul li span {color: #0889e2;} .main_section .lecture_purpose.vip ul li span {color: #1f2d62;} .main_section .lecture_purpose.simple_online ul li span {color: #676e78;} .main_section .lecture_purpose.site_base_ ul li span {color: #4459ee;} .main_section .lecture_purpose.site_advanced_ ul li span {color: #6327cd;} /* 커리큘럼 */ .enrolmentWrap {} .enrolmentWrap > h1 {margin-bottom: 15px; font-size: 24px; font-weight: 800;} .enrolmentWrap > h2 {margin-top: 60px; margin-bottom: 10px; font-size: 18px; padding-left: 10px; color: #0070ff;} .enrolmentWrap > p {font-size:14px; color:#a7a9ac; margin-top:10px;} .enrolmentWrap > p label {color:#0070ff;} .enrolmentWrap table {border-top:1px solid #333222; width:100%;} .enrolmentWrap table thead th {border-bottom:1px solid #333333;} .enrolmentWrap table th {font-weight:700;} .enrolmentWrap table td {color:#6d6e71;} .enrolmentWrap table th, .enrolmentWrap table td {text-align:left; border-bottom:1px solid #dddddd; font-size:16px;} .enrolmentWrap table.curriculum th, .enrolmentWrap table.curriculum td{padding:20px 0px 20px 20px; min-height:78px;} /* 혜택 */ .benefitWrap {text-align: center;} .benefitWrap .card_wrap {display: flex; justify-content: space-between;} .benefitWrap .card_wrap .card {width: 210px; height: 160px; margin-bottom: 10px; padding: 22px 0 20px; border: 1px solid #ddd; box-sizing: border-box;} .benefitWrap .card_wrap .card h1 {font-size: 19px; margin-top: 20px; line-height: 22px;} .benefitWrap .card_wrap .card img {width: 100px; height: 70px; object-fit: none;} /* 이런 분들께 추천드려요! */ .recommendWrap .card_wrap {display: flex; justify-content: space-between;} .recommendWrap .card_wrap .card {display: flex; align-items: center; width: 328px; height: 100px;} .recommendWrap .card_wrap .card_01 {background: url("/resource/images/enrolment/202310_v2/recommend_01.png") no-repeat;} .recommendWrap .card_wrap .card_02 {background: url("/resource/images/enrolment/202310_v2/recommend_02.png") no-repeat;} .recommendWrap .card_wrap .card p {top: 10px; width: 220px; text-align: center; font-size: 18px; font-weight: bold; line-height: 22px;} .recommendWrap .card_wrap .card_01 p {margin: 10px 10px 0 100px;} .recommendWrap .card_wrap .card_02 p {margin: 10px 100px 0 10px;} /* 리얼 후기 */ .reviewWrap {position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;} .reviewWrap .card_wrap {width: 620px; margin: 0 auto; display: flex; justify-content: space-between;} .reviewWrap .card {position: relative; width: 620px; padding: 0 20px 50px; box-sizing: border-box;} .reviewWrap .card .card_header{position: absolute; width:100%; height:60px; top:0; left: 0; line-height: 60px; box-sizing: border-box; padding:0 20px;} .reviewWrap .card .card_header > img{vertical-align: text-top; margin-right: 10px;} .reviewWrap .card .card_header > h1{font-size:18px; font-weight:700; display: inline;} .reviewWrap .card > p{margin-top: 60px; font-size:15px; font-weight:400; line-height:20px; height: 100px; overflow: hidden; text-align: justify; word-spacing: 1px;} .reviewWrap .card .writer2{width: 580px; height:50px; line-height:50px; position: absolute; bottom:0; left:20px; border-top:1px solid #dddddd; font-size:15px; color:#a7a9ac; font-weight:700;} .reviewWrap .card .writer2 span.date2{right: 0; display: inline; height:50px; line-height:50px; position: absolute; bottom:0; border-top:1px solid #dddddd; font-size:15px; color:#a7a9ac; font-weight:700;} /* 후기 테두리 */ .card_gray {border: 1px solid #ddd; box-sizing: border-box;} .card_tab_blue {border: 1px solid #0070ff; border-top: 0; box-sizing: border-box;} /* 탭메뉴 */ .review_tab > ul{width: 100%; display: flex; align-items: center; justify-content: flex-start;} .review_tab > ul > li{width:100px; height:38px; color:#6d6e71; box-sizing:border-box; border:1px solid #CCCCCC; border-bottom:1px solid #0070ff; border-left:none; background-color: #ffffff;} .review_tab > ul > li a{width:100%; height:38px; line-height:38px; display: inline-block; text-align: center} .review_tab > ul > li a:visited{color:#333333;} .review_tab > ul > li a:hover{color:#0070ff;} .review_tab > ul > li:first-of-type{margin:0; border-left:1px solid #DDDDDD;} .review_tab > ul > li.on{border:1px solid #0070ff; border-bottom:none; border-right:none;} .review_tab > ul > li.on a{color:#0070ff;} .review_tab > ul > li.on + li{border-left:1px solid #0070ff; margin:0;} .review_tab > ul > li.last_margin{display: block; height:40px; flex-grow: 1; position: relative;float: none;margin: 0;border:none; border-bottom: 1px solid #0070ff;} /* 낙찰후기 화살표*/ .real_review_arrow {z-index: 10; position: absolute; top: 90px; width: 16px; height: 30px;} .real_review_arrow::after {opacity: 0;} .real_review_arrow.prev {left: -38px !important; background: url("/resource/images/enrolment/202310_v2/review_prev.png") no-repeat;} .real_review_arrow.next {right: -38px !important; background: url("/resource/images/enrolment/202310_v2/review_next.png") no-repeat;} .real_review_arrow.prev:hover {background: url("/resource/images/enrolment/202310_v2/review_prev_on.png") no-repeat;} .real_review_arrow.next:hover {background: url("/resource/images/enrolment/202310_v2/review_next_on.png") no-repeat;} /* 버튼 */ .btnWrap{text-align: center;} .btnWrap button{padding: 15px; background: #fff; border: 1px solid #333333; color:#333333; font-family: Esamanru, sans-serif; font-size: 18px; font-weight: 100;} .btnWrap button.go_blue{width: 620px; border: 1px solid #0077ff; color:#0077ff;} .btnWrap button.go_blue:hover{background: #0077ff; color: #fff;} .btnWrap button.go_blue p.arrow {display: inline-flex; width: 7px; height: 13px; background: url("/resource/images/enrolment/202310_v2/btn_arrow_blue.png") no-repeat; margin-left: 10px; vertical-align: middle;} .btnWrap button.go_blue:hover p.arrow {background: url("/resource/images/enrolment/202310_v2/btn_arrow_white.png") no-repeat;} /* 패키지강의 */ .packageWrap {background: url("/resource/images/enrolment/202310_v2/bg_package.png") no-repeat;} /* 준비물 */ .enrolmentWrap table.materials th, .enrolmentWrap table.materials td{padding: 20px 0;} .enrolmentWrap table.materials td strong{color:#333333;} .enrolmentWrap table.materials td p{margin-top:8px; color:#6d6e71;} /* 강사소개 */ .enrolmentWrap table.instructor th{width:180px; padding:20px;} .enrolmentWrap table.instructor td{padding:20px;} .enrolmentWrap table.instructor img{border:1px solid #dcddde;} .enrolmentWrap table.instructor td h1{font-family:"Nanum Square Neo", sans-serif;font-size:24px; color:#000000;} .enrolmentWrap table.instructor td h1 label{font-size:16px; color:#6d6e71;} .enrolmentWrap table.instructor td p{color:#6d6e71; margin-top:10px; line-height: 24px;} /* 지역별 개설된 교육 */ .enrolmentWrap table.lecture_schedule{} .enrolmentWrap table.lecture_schedule thead{} .enrolmentWrap table.lecture_schedule thead th{} .enrolmentWrap table.lecture_schedule th, .enrolmentWrap table.lecture_schedule td{font-size:14px; padding:18px 0; text-align: center;} .enrolmentWrap table.lecture_schedule td a{color:#0070ff;} .enrolmentWrap table.lecture_schedule div.lecture_state{font-size:14px; display: inline-block; cursor: pointer; padding: 5px 15px;} .enrolmentWrap table.lecture_schedule div.lecture_state.apply{color:#0070ff; border: 1px solid#0077ff;} /*신청*/ .enrolmentWrap table.lecture_schedule div.lecture_state.deadline{color:#a7a9ac; border: 1px solid#a7a9ac;} /*마감*/ .enrolmentWrap table.lecture_schedule div.lecture_state.apply:hover{color: #fff; background:#0070ff;} /*신청*/ .enrolmentWrap div.one_day{border-top:1px solid #000000; position: relative; overflow: hidden} .enrolmentWrap div.one_day .description{font-size: 14px;color: #6d6e71; padding:20px 10px; font-size:15px; color:#6d6e71;} .enrolmentWrap div.one_day .mapWrap{background: url('/resource/images/enrolment/202310_v2/map_bg.png') no-repeat; width:400px; height:600px; float:left; background-position: 30px 0;} .enrolmentWrap div.one_day .local { padding-top:3px;position: absolute; width:45px; height: 45px; cursor: pointer;} .enrolmentWrap div.one_day .local div.bg {width:100%; height:100%; border-radius: 45px; background-color: #5371e2;} .enrolmentWrap div.one_day .local label {margin-top:7px; line-height:17px; position:absolute; z-index: 1; display:inline-block; width:100%; text-align: center; color:white; cursor: pointer;} .enrolmentWrap div.one_day .local label .imminent {color:#fff200;} /*.enrolmentWrap div.one_day .local:hover div.bg {background-color: #FFFFFF;}*/ /*.enrolmentWrap div.one_day .local:hover label {color:#416ACC;}*/ .enrolmentWrap div.one_day .seoul {top: 204px;left: 112px;} /* 서울 */ .enrolmentWrap div.one_day .gangwon {top: 198px;left: 222px;} /* 강원 */ .enrolmentWrap div.one_day .incheon {top: 202px;left: 60px;} /* 인천 */ .enrolmentWrap div.one_day .gyeonggi {top: 247px;left: 148px;} /* 경기 */ .enrolmentWrap div.one_day .chungcheongbukdo {top: 300px;left: 171px;} /* 충북 */ .enrolmentWrap div.one_day .sejong {top: 320px;left: 121px;} /* 세종 */ .enrolmentWrap div.one_day .chungcheongnamdo {top: 348px;left: 75px;} /* 충남 */ .enrolmentWrap div.one_day .deajeon {top: 366px;left: 145px;} /* 대전 */ .enrolmentWrap div.one_day .gyeongsangbukdo {top: 341px;left: 267px;} /* 경북 */ .enrolmentWrap div.one_day .jeollabukdo {top: 425px;left: 118px;} /* 전북 */ .enrolmentWrap div.one_day .daegu {top: 409px;left: 249px;} /* 대구 */ .enrolmentWrap div.one_day .gwangju {top: 478px;left: 95px;} /* 광주 */ .enrolmentWrap div.one_day .gyeongsangnamdo {top: 468px;left: 219px;} /* 경남 */ .enrolmentWrap div.one_day .busan {top: 483px;left: 297px;} /* 부산 */ .enrolmentWrap div.one_day .ulsan {top: 439px;left: 328px;} /* 울산 */ .enrolmentWrap div.one_day .jeollanamdo {top: 531px;left: 89px;} /* 전남 */ .enrolmentWrap div.one_day .jeju {top: 642px;left: 44px;} /* 제주 */ .one_day_list{width:243px;float: left; margin-left:15px; padding-top:10px;} .one_day_list.float{float:none; padding:0; margin:0; width:100%;} .one_day_list h1{font-weight:500; font-size:18px;} .one_day_list .one_day_content{margin-top:10px;} .one_day_list .one_day_content.list_table{padding-bottom:30px;} .one_day_list.float .one_day_content.list_table{padding-bottom:10px;} .one_day_list .one_day_content.added_list { display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; flex-wrap: wrap; padding: 12px 5px; border-top: 1px solid #000; border-bottom: 1px solid #dddddd; } .one_day_list.float .one_day_content.added_list{padding:12px 17px;} .one_day_list .one_day_content.added_list .local_item { position: relative; display: flex; width: 70px; height: 27px; line-height: 27px; align-items: center; justify-content: center; gap: 0.5rem; background-color: #0d2e7f; border-radius: 50px; color: #ffffff; } .one_day_list .one_day_content.added_list .local_item:nth-child(3n){margin-right:0;} .one_day_list input[type=button]{font-size:18px; padding:10px 15px;} .enrolmentWrap div.one_day .enrolment_float{position: absolute;top: 315px;right: 35px; width:270px;} .enrolmentWrap div.one_day .enrolment_float table {margin-bottom: 12px;border: 3px solid #dadada;} .enrolmentWrap div.one_day .enrolment_float table th, .enrolmentWrap div.one_day .enrolment_float table td{width: 145px;padding: 18px 0;border: 1px solid #dadada;font-size: 18px;font-weight: bold;text-align: center;background-color: #f2f3f4;} .enrolmentWrap div.one_day .enrolment_float table td{background-color: #fff;color: #256ce8;} .enrolmentWrap div.one_day .enrolment_float .btn_wrap .apply_btn a, .enrolmentWrap div.one_day .enrolment_float .btn_wrap .state_btn a {display: block;width: 100%;padding: 23px 0 20px;color: #fff;font-size: 18px;font-weight: bold;text-align: center;} .enrolmentWrap div.one_day .enrolment_float .btn_wrap .apply_btn a:hover, .enrolmentWrap div.one_day .enrolment_float .btn_wrap .state_btn a:hover {text-decoration: underline;} .enrolmentWrap div.one_day .enrolment_float .btn_wrap .apply_btn {background-color: #426acd;} .enrolmentWrap div.one_day .enrolment_float .btn_wrap .state_btn {margin-top: 8px;background-color: #494aa6;} /* 신청안내 */ .enrolmentWrap table.guide{} .enrolmentWrap table.guide td{padding:30px 10px; vertical-align: top;} .enrolmentWrap table.guide td h1{font-weight: 700; font-size:16px; margin-bottom:5px;} .enrolmentWrap table.guide td p{font-size:14px; line-height: 24px; color:#6d6e71;} /* 서류심사 */ .enrolmentWrap table.document_review{background: url("/resource/images/enrolment/202310_v2/document_review_bg.png") no-repeat center bottom} .enrolmentWrap table.document_review td{border-bottom:none;} .enrolmentWrap table.document_review th{height:100px; border:none; padding-top:22px; padding-right:30px; box-sizing: border-box; text-align: center;} /* 서류제출 */ .enrolmentWrap table.document{border-top:1px solid #dcddde;} .enrolmentWrap table.document td{padding:10px; border-bottom:none;} .enrolmentWrap table.document td h1{font-size:16px; margin-bottom: 7px;} .enrolmentWrap table.document td p{color:#6d6e71; font-size:14px;} .enrolmentWrap table.document td p label{color:#0070ff; font-weight:500;} .enrolmentWrap table.document td button{font-size:13px; font-weight:bold; vertical-align: top; margin-top:-1px; padding:3px 20px; color:#0070ff; border:1px solid #0070ff;} .enrolmentWrap table.document.kind td{border-bottom: 1px solid #dddddd;} .enrolmentWrap table.document.kind td h1{margin-bottom:10px;} .enrolmentWrap table.document.kind td p{padding-left:15px; margin-bottom:15px;} /* 수강료 */ .enrolmentWrap table.price td{padding:30px 0;} .enrolmentWrap table.price td h1{font-family: "Nanum Square Neo", sans-serif; font-size:16px; margin-bottom: 10px;} .enrolmentWrap table.price td h2{font-family: "Nanum Square Neo", sans-serif; font-size:30px; font-weight:900;} .enrolmentWrap table.price td p{font-family: "Nanum Square Neo", sans-serif; font-size: 25px; font-weight:700; color: grey; text-decoration: line-through; margin-bottom: 10px;} .enrolmentWrap table.price td h2.dc{color:#ff0000;} .enrolmentWrap table.price td h2.dc_blue{color:#0070ff;} /*!* 우측 *!*/ .float_wrap{position: sticky; top: 5.8rem; padding-bottom: 110px} .float_wrap .float_fixed_box{z-index: 100;} .float_wrap .float_banner{background:#ffffff; width:330px; padding:40px 30px 30px; box-sizing: border-box; position: relative; border: 1px solid #dddddd;} .float_wrap .float_banner button{font-size:14px; font-weight: 700; padding: 14px 0; width:calc( 50% - 5px ); box-sizing: border-box;} .float_wrap .float_banner button.type1{font-size:18px; padding: 16px 0; background: #0070ff; border:1px solid #0070ff; width:100%; color:#ffffff;} .float_wrap .float_banner button.type1:hover{background: #0d2e7f; border:1px solid #0d2e7f;}/* ★ CSS 추가 */ .float_wrap .float_banner button.type2{background: #a7a9ac; border:1px solid #a7a9ac; color:#ffffff;} .float_wrap .float_banner button.type3{background: #ffffff; border:1px solid #a7a9ac; float:right; color:#a7a9ac;} .float_wrap .float_banner .fb_title{font-size:21px;} .float_wrap .float_banner .fb_info{ width: 100%; display: flex; flex-direction: column; border-top:1px solid #dddddd;border-bottom:1px solid #dddddd; padding:15px 0 5px; margin:20px 0;} .float_wrap .float_banner .fb_info fieldset > div { width: 100%; display: flex; align-items: flex-start; justify-content: center;} .float_wrap .float_banner .fb_info fieldset > div > label{width:67px; padding:12px 0; font-size:15px; color:#848a98;} .float_wrap .float_banner .fb_info fieldset > div > div{width:198px; padding:12px 0; font-weight: 500; box-sizing: border-box;} .float_wrap .float_banner .fb_info fieldset > div > div.selectWrap{padding:3px 0;} .float_wrap .float_banner .fb_info .banner_notification {position: relative; margin: 15px 0 5px; padding: 10px 0 0 70px; width: 100%; height: 60px; background: #f2f3f6; border: 1px solid #ddd; box-sizing: border-box; font-size: 13px; color: #848a98;} .float_wrap .float_banner .fb_info .banner_notification img {position: absolute; top: 10px; left: 12px;} /* 폼 스타일 - select */ div.select.type1{position: relative; display: inline-block; margin-right:5px;} div.select.type1:last-child{margin-right:0;} div.select.type1 select{width:100%; background-color:#ffffff; padding: 8px 30px 8px 8px; margin:0; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; font-family: inherit; font-size:14px; border:1px solid #CCCCCC; border-radius: 2px; outline:0;} div.select.type1 select::-ms-expand { display: none; } div.select.type1:before{content: "\f0d7"; color:#333333; width: 6px; height: 6px; position: absolute; top: 10px; right: 12px; font-family: Font Awesome\ 5 Free; pointer-events: none; font-weight: 900;} /*사파리핵*/ _:-webkit-full-screen:not(:root:root), div.jodal_select select{ padding: 11px 30px 9px 16px; } _:-webkit-full-screen:not(:root:root), div.select.type1:before{ top: 10px; right: 12px; }