/* input 기본 스타일 초기화 */ input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } #helpdesk {position: relative; margin-left:39px; width:755px; font-family: Malgun Gothic,'맑은고딕',Helvetica,AppleSDGothicNeo,sans-serif; letter-spacing:-.075em; } #helpdesk img{vertical-align:middle;} #helpdesk ul li{box-sizing:border-box;} #helpdesk p{padding:0px; margin:0px} #helpdesk a{text-decoration:none} #helpdesk h3{font-size:24px; text-align:left; font-weight:normal; color:#333333} #helpdesk h4{font-size:16px; text-align:left; font-weight:normal; color:#000} /* 라이트 베너 */ #helpdesk .floating_banner{position:absolute; right:-130px; top:160px;} #helpdesk .border_box{border: 1px solid #d7d7d7} #helpdesk .box_bg01{background:#f3f3f3; overflow:hidden;} #helpdesk .box_bg02{border-top: 1px solid #f0f0f0; background:#fff url('../../helpdesk_New/img/bg02.gif') no-repeat bottom center; overflow:hidden;} #helpdesk .helpdesk_search_area{margin-bottom:40px} #helpdesk .helpdesk_search{padding:65px 0px 57px 0px;} #helpdesk .helpdesk_search h3{font-size:46px; letter-spacing:-4px; font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-weight:300; text-align:center;} #helpdesk .helpdesk_search h3 > span{font-weight:bold; color:#079341;} /* #helpdesk input[type='text'], #helpdesk input[type='search'] {width:493px; height:42px; font-size:13px; font-weight:bold; margin:0; border:2px solid #079341; color:#626262; padding:0px 15px; vertical-align: middle;} #helpdesk .helpdesk_search .search_btn{position: absolute; top: 20px; right: 0px; width:88px; height:42px; background-color:#079341; color:#fff; display:inline-block; vertical-align: middle;font-size:16px; font-weight:bold; line-height:42px;} */ #gnbSchForm{position: relative; display:inline-block;padding-top:20px;} /* 포인트컬러 */ .addcg{color:#00933d !important;} /* 메인페이지 검색창 */ #gnbSchForm .main_search{border: 2px solid #089342; width: 410px; padding:12px 10px; font-weight:bold;} #gnbSchForm .search_btn{background-color:#089342; color:#fff; font-weight:bold; padding:13px 32px; position:relative; top:1px; right:5px} @media screen and (min-width:0\0){ #gnbSchForm .search_btn{background-color:#089342; color:#fff; font-weight:bold; padding:14px 32px; position:relative; top:3px; right:5px} } /* #gnbSchForm .search_btn{background-color:#089342; color:#fff; font-weight:bold; padding:14px 32px; position:relative; top:3px; right:5px} */ #helpdesk .faq_best_area{padding: 30px 0px 35px 0px;} #helpdesk .faq_link{padding:0px 30px;} #helpdesk .faq_link > ul{padding:10px 0 30px 0; overflow:hidden} #helpdesk .faq_link > ul > li{float:left; width:138px; border:1px solid #d7d7d7; border-right:none; font-size:13px;} #helpdesk .faq_link > ul > li:last-child{border-right:1px solid #d7d7d7;} #helpdesk .faq_link > ul > li a{display:block; color:#888888; padding:52px 0 13px 0;} #helpdesk .faq_link > ul > li a:hover{color:#00993f; background-position-y: -78px} #helpdesk .faq_link > ul > li .icon_01{background:url('../../helpdesk_New/img/faq_link_icon_set.png') no-repeat 0px 0px;} #helpdesk .faq_link > ul > li .icon_02{background:url('../../helpdesk_New/img/faq_link_icon_set.png') no-repeat -138px 0px;} #helpdesk .faq_link > ul > li .icon_03{background:url('../../helpdesk_New/img/faq_link_icon_set.png') no-repeat -271px 0px;} #helpdesk .faq_link > ul > li .icon_04{background:url('../../helpdesk_New/img/faq_link_icon_set.png') no-repeat -411px 0px;} #helpdesk .faq_link > ul > li .icon_05{background:url('../../helpdesk_New/img/faq_link_icon_set.png') no-repeat -555px 0px;} #helpdesk .faq_link:after{content: ""; display: block;clear: both;} #helpdesk .best_faq{padding:0px 30px;} #helpdesk .best_faq > ul{padding-top: 10px;} #helpdesk .best_faq li{float:left; border:1px solid #d7d7d7; margin-right:10px; margin-bottom:10px; font-size:13px; color:#666; line-height:18px; background-color:#fff;} #helpdesk .best_faq li:nth-child(4n){margin-right:0px} #helpdesk .best_faq .outer{display: table; width:163px; height:120px; position:relative; } #helpdesk .best_faq .outer:hover{border-color:#079341; background-color:#079341; font-weight:bold; font-size:14px; color:#fff;} #helpdesk .best_faq .inner{display: table-cell; vertical-align: middle; text-align: center;} #helpdesk .best_faq .centered{display: inline-block; padding:0px 30px;} #helpdesk .best_faq li a:hover{ width:165px; height:120px;} #helpdesk .best_faq li .num{font-size:12px; font-weight:bold; color:#999999; padding:15px 0 0 15px; text-align:left; position:absolute; top:-7px; left:0px} #helpdesk .best_faq li .numnone{display:none;} #helpdesk .CnT_info{margin-bottom: 40px; margin-left: 30px;} #helpdesk .CnT_info:after{content: ""; display: block;clear: both;} #helpdesk .CnT_info .Consulting_Area{float:left; width:385px;} #helpdesk .CnT_info .Consulting_Area > ul > li{float:left; padding: 5px 10px;} #helpdesk .CnT_info .Consulting_Area > ul li p{padding: 0px; margin: 0px; display:inline-block; width: 68px; height: 68px; border-radius: 100px;} /* #helpdesk .CnT_info .Consulting_Area > ul > li a{font-size:15px; color:#000; } #helpdesk .CnT_info .Consulting_Area > ul > li a{} */ #helpdesk .CnT_info .Consulting_Area > ul > li span {font-size:15px; color:#333333; font-weight:bold; line-height: 15px; float:right; width: 90px; padding: 17px 0px 0px 14px; text-align: left;} #helpdesk .CnT_info .Consulting_Area > ul > li span:hover{text-decoration:none; color:#01913c;} #helpdesk .CnT_info .Consulting_Area > ul > li .icon_01{background: #f9f9f9 url('./img/Consulting_Area_icon_set.png') no-repeat 10px 2px;} #helpdesk .CnT_info .Consulting_Area > ul > li .icon_02{background: #f9f9f9 url('./img/Consulting_Area_icon_set.png') no-repeat 10px -63px;} #helpdesk .CnT_info .Consulting_Area > ul > li .icon_03{background: #f9f9f9 url('./img/Consulting_Area_icon_set.png') no-repeat 10px -130px;} #helpdesk .CnT_info .Consulting_Area > ul > li .icon_04{background: #f9f9f9 url('./img/Consulting_Area_icon_set.png') no-repeat 10px -195px;} /* #helpdesk .CnT_info .Consulting_Area{float:left; width:267px; border-right:1px solid #d7d7d7; } #helpdesk .CnT_info .Consulting_Area > ul li p{padding: 0px; margin: 0px;} #helpdesk .CnT_info .Consulting_Area > ul > li a{font-size:16px;color:#000; display:block; padding: 59px 0px 20px 0px;} #helpdesk .CnT_info .Consulting_Area > ul > li a:hover{text-decoration:none; color:#01913c;} #helpdesk .CnT_info .Consulting_Area > ul > li span {font-size:13px; color:#999; font-weight:normal;} #helpdesk .CnT_info .Consulting_Area > ul > li:first-child{border-bottom:1px solid #d7d7d7;} #helpdesk .CnT_info .Consulting_Area > ul > li .icon_01{background:url('./img/Consulting_Area_icon_set.png') no-repeat 106px 26px;} #helpdesk .CnT_info .Consulting_Area > ul > li .icon_02{background:url('./img/Consulting_Area_icon_set.png') no-repeat 106px -90px;} */ /* #helpdesk .CnT_info .CJTel_Area{float:left; padding:0px 45px 0px 50px; width:390px; text-align:left;} #helpdesk .CnT_info .CJTel_Area > ul li{float:left;} #helpdesk .CnT_info .CJTel_Area .Academy > li{width:50%; border-bottom:1px solid #d7d7d7; height: 120px; padding-top:20px;} #helpdesk .CnT_info .CJTel_Area .Academy dt{position: relative; font-size:13px; color:#333333;} #helpdesk .CnT_info .CJTel_Area .Academy dd{font-size:12px; color:#666666; letter-spacing:0; line-height:18px} #helpdesk .CnT_info .CJTel_Area .Academy dd.tel_number {font-family:"vernada", "arial";font-size:30px; color:#079341; line-height:40px;} #helpdesk .CnT_info .CJTel_Area .Academy em{content: ""; display: inline-block; width: 1px; height: 11px; background: #dedede; margin:0px 12px} */ /* #helpdesk .CnT_info .CJTel_Area .number {display: inline-block; width:100%; padding-top:15px} #helpdesk .CnT_info .CJTel_Area .number li{width:33.33333%; font-size:13px; color:#2b2b2b;} #helpdesk .CnT_info .CJTel_Area .number dt{position: relative; font-size:13px; color:#2b2b2b; padding:7px 0px; letter-spacing:0} #helpdesk .CnT_info .CJTel_Area .number dt .p_color_01{color:#109849} #helpdesk .CnT_info .CJTel_Area .number dd {font-size:12px; color:#666666; letter-spacing:0; line-height:18px} */ #helpdesk .notice_latest{float:left; position: relative; width: 340px;} #helpdesk .notice_latest:after{content: ""; display: block;clear: both;} #helpdesk .notice_latest .btn_more{position: absolute; top: 3px; left: 140px;} #helpdesk .notice_latest ul{padding-top:20px;} #helpdesk .notice_latest ul > li{text-align:left; line-height:25px;} #helpdesk .notice_latest ul > li:before{content: ""; display: inline-block; width: 2px; height: 2px; background: #808080; margin: 4px 8px;} #helpdesk .notice_latest ul > li a{padding-right:10px;} #helpdesk .notice_latest ul > li a:hover{color:#00993f;} #helpdesk .notice_latest ul:after{content: ""; display: block;clear: both;} #helpdesk .Util {position: relative; padding:35px 0px;} #helpdesk .Util > ul > li{float:left; width:250px; border-right:1px solid #d7d7d7; line-height:16px; min-height:112px;} #helpdesk .Util > ul > li p{padding:10px 0; margin:0px; font-weight: bold;} #helpdesk .Util > ul > li a{font-size:16px; color:#000; display:block;} #helpdesk .Util > ul > li a:hover{text-decoration:none; color:#01913c;} #helpdesk .Util > ul > li a > em{width: 58px; height: 58px; display:block;} #helpdesk .Util > ul > li span {font-size:13px; color:#999; font-weight:normal;} #helpdesk .Util > ul > li:last-child{border-right:0px} #helpdesk .Util > ul > li .icon_01{background:url('../../helpdesk_New/img/Util_icon_set.png') no-repeat 0px 0px;} #helpdesk .Util > ul > li .icon_02{background:url('../../helpdesk_New/img//Util_icon_set.png') no-repeat -70px 0px;} #helpdesk .Util > ul > li .icon_03{background:url('../../helpdesk_New/img//Util_icon_set.png') no-repeat -138px 0px;} #helpdesk h3{font-size:24px; text-align:left; font-weight:normal; color:#333333; padding-top:10px} #helpdesk .allnocite{font-size:13px; color:#333; text-align:right;text-decoration:underline; padding:30px 0px;} /* 기본테이블 */ .tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0; font-size:13px;} .tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left} .tbl_head01 {margin:0 0 10px} .tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head01 thead th {padding:13px 0;border-top:1px solid #5b5b5b;border-bottom:1px solid #e1e1e1;background:#fbfafa;color:#5b5b5b;text-align:center;letter-spacing:-0.1em; font-weight:bold;} .tbl_head01 thead a {color:#5b5b5b} .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center; } .tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head01 td {font-family: Malgun Gothic,'맑은고딕',Helvetica,AppleSDGothicNeo,sans-serif; padding:15px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all; text-align:center; color:#666666; font-size:13px !important} .tbl_head01 .td_subject{text-align:left;} .tbl_head01 a {} .tbl_head01 .td_div_01{} .tbl_head01 .td_div_02{color:#018838;} .aok{background-color:#fff; font-size:12px; color:#018838; padding:3px 12px; border:1px solid #018838;letter-spacing:-0.05em} .await{background-color:#fff; font-size:12px; color:#999999; padding:3px 12px; border:1px solid #999999;letter-spacing:-0.05em} .tbl_head02 {margin:0 0 10px} .tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#fbfafa;color:#5b5b5b;text-align:center;letter-spacing:-0.1em} .tbl_head02 thead a {color:#5b5b5b} .tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head02 td {font-family: Malgun Gothic,'맑은고딕',Helvetica,AppleSDGothicNeo,sans-serif; padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all} .tbl_head02 a {} /* 페이징 */ .pg_wrap {clear:both;margin:0 0 20px;padding:14px 0 0;text-align:center; font-size:12px;} .pg_wrap ul{display:inline-block;} .pg_wrap ul li:after{content: ""; display: inline-block; width: 1px; height: 11px; background: #dedede;} .pg_wrap ul li:last-child:after{display:none;} .pg {} .pg_page, .pg_current {display:inline-block; height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle} .pg a:focus, .pg a:hover {text-decoration:none} .pg_page {background:#fff; text-decoration:none;} .pg_page a{display: inline-block; width:25px;} .pg_start, .pg_prev {/* 이전 */display:inline-block; width: 25px; height: 18px; text-indent: -9999px; background:url('./img/icon_pg_start.gif') no-repeat 0px 0px;} .pg_end, .pg_next {/* 다음 */display:inline-block; width: 25px; height: 18px; text-indent: -9999px; background:url('./img/icon_pg_end.gif') no-repeat 0px 0px;} .pg_current {display:inline-block; color:#000000;font-weight:bold} .sound_only{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} /* 1:1문의 글쓰기 */ .tbl_frm01 {margin:0 0 20px} .tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0; border-top:2px solid #222;} .tbl_frm01 th {width:100px;padding:7px 24px;border:1px solid #e1e1e1;border-left:0; border-right:0; text-align:left; font-size:13px; font-weight:bold;} .tbl_frm01 td {font-family: Malgun Gothic,'맑은고딕',Helvetica,AppleSDGothicNeo,sans-serif; padding:17px 10px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:transparent; text-align:left; font-size:13px;} .tbl_frm01 textarea {border:1px solid #e4eaec;background:#f7f7f7;color:#222;vertical-align:middle;line-height:2em} .tbl_frm01 textarea {width:97% !important; height:339px; padding: 10px} .tbl_frm01 a {text-decoration:none} .tbl_frm01 .frm_file {display:block;margin-bottom:5px} .tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em} .tbl_frm01 select{width:48%; font-size:13px;padding:10px; border:1px solid #cccccc;} .tbl_frm01 .frw_input{padding:11px; background:#fff; border: 1px solid #d3d3d3; width:97%} .tbl_frm01 .frw_input_tel{padding:11px; background:#fff; border: 1px solid #d3d3d3; width:150px} .tbl_frm01 input[type='checkbox'] {background:#fff; border:solid 1px #999999; height:18px; width:18px; -webkit-appearance:none; -webkit-border-radius:0px; padding:0; border:0 \0/IE8+9; margin-bottom:-4px; margin-right: 8px; margin-bottom:-4px \0/IE8+9; margin-right: 8px \0/IE8+9;} /* 게시판 검색 */ .frm_faqlist{width:382px; height:38px; padding:0px 10px} /* 게시판 읽기 */ #bo_v {margin-bottom:20px;padding-bottom:20px} #bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em} #bo_v_title {position:relative; padding:20px 40px; background:#f5f5f5; border-top:1px solid #5b5b5b; border-bottom:1px solid #ececec; text-align:left;} #bo_v_title h1{font-size:18px; color:#333; font-weight:bold; line-height:38px} #bo_v_title .met_date{font-size:13px; position:absolute; right:40px; bottom:30px;} #bo_v_title .caltg{font-size:13px; padding-left:15px;} #bo_v_title .hit{position:absolute; right:40px; bottom:30px;} #bo_v_info {padding:15px 0 10px; width:100%; text-align:right;} #bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal} #bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest {font-weight:bold} #bo_v_file {} #bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_file ul {margin:0;padding:0;list-style:none} #bo_v_file li {padding:10px;border-bottom:1px solid #eee;} #bo_v_file a {padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word} #bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none} #bo_v_file img {float:left;margin:0 10px 0 0} .bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px} #bo_v_link {} #bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_link ul {margin:0;padding:0;list-style:none} #bo_v_link li {padding:10px;border-bottom:1px solid #eee;} #bo_v_link a {padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word} #bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none} .bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px} #bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1} #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_top ul {margin:0;padding:0;list-style:none} #bo_v_bot {zoom:1} #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_bot ul {margin:0;padding:0;list-style:none} .bo_v_nb {float:left} .bo_v_nb li {float:left;margin-right:5px} .bo_v_com {float:right} .bo_v_com li {float:left;margin-left:5px} #bo_v_atc {min-height:200px;height:auto !important;height:200px; padding:20px 45px; text-align:left;} #bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1} #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_img img {margin-bottom:20px;max-width:100%;height:auto} #bo_v_con {margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden;} #bo_v_con a {color:#000;text-decoration:underline} #bo_v_con img {max-width:100%;height:auto} #bo_v_con_re{min-height:200px;height:auto !important;height:200px; text-align:left;} #bo_v_con_re h4{font-size:18px; color:#333333; background-color:#fbfafa; border-bottom:1px solid #e1e1e1; font-weight:bold; padding: 15px 0px 15px 45px;} #bo_v_conre{min-height:200px;height:auto !important;height:200px; padding:20px 45px; text-align:left;} #bo_v_act {margin-bottom:30px;text-align:center} #bo_v_act .bo_v_act_gng {position:relative} #bo_v_act a {margin-right:5px;vertical-align:middle} #bo_v_act strong {color:#ff3061} #bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center} #bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1} #bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_sns li {float:left;margin:0 5px 0 0} /* 게시판용 버튼 */ a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle} a.btn_b01:focus, .btn_b01:hover {text-decoration:none} a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle} a.btn_b02:focus, .btn_b02:hover {text-decoration:none} a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */ a.btn_admin:focus, a.btn_admin:hover {text-decoration:none} /* 뷰페이지 버튼 */ #bo_v_nomal{padding-top:30px;} #bo_v_nomal li{display:inline-block} #bo_v_nomal a.btn_Nv01 {display:inline-block; padding:10px 49px; border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle; font-size:16px; letter-spacing:-1px; font-weight:bold;} #bo_v_nomal a.btn_Nv01:focus, #bo_v_nomal .btn_Nv01:hover {text-decoration:none} #bo_v_nomal a.btn_Nv02 {display:inline-block; padding:10px 49px; border:1px solid #666666;background:#666666;color:#fff;text-decoration:none;vertical-align:middle; font-size:16px; letter-spacing:-1px; font-weight:bold;} #bo_v_nomal a.btn_Nv02:focus, #bo_v_nomal .btn_Nv02:hover {text-decoration:none} /* 리스트 페이지 버튼 */ #bo_l_nomal{padding:15px 0px; text-align:right} #bo_l_nomal li{display:inline-block} #bo_l_nomal a.btn_Nv01 {display:inline-block; padding:10px 49px; border:1px solid #00993f;background:#00993f;color:#fff;text-decoration:none;vertical-align:middle; font-size:16px; letter-spacing:-1px; font-weight:bold;} #bo_l_nomal a.btn_Nv01:focus, #bo_v_nomal .btn_Nv01:hover {text-decoration:none} /* 글쓰기 페이지 버튼 */ #bo_w_nomal{padding-top:30px;} #bo_w_nomal a.btn_Nv01 {display:inline-block; padding:10px 49px; border:1px solid #00993f;background:#00993f;color:#fff;text-decoration:none;vertical-align:middle; font-size:16px; letter-spacing:-1px; font-weight:bold;} #bo_w_nomal a.btn_Nv01:focus, #bo_w_nomal .btn_Nv01:hover {text-decoration:none} /* 자주하는 질문 */ #bo_list .faqresult:before{content: ""; display: inline-block; width: 9px; height: 7px; background:url('./img/mark_01.gif') no-repeat 0px 0px; padding-right:7px; padding-bottom:1px;} #bo_list .faqresult{text-align:right; font-size:13px; padding:10px 12px} .point_color_01{color:#028a3a; font-weight:bold;} .bo_fx_fsearch {background:#f5f5f5; padding:22px 30px; margin-top:35px; position:relative; zoom:1} .bo_fx_fsearch:after {display:block;visibility:hidden;clear:both;content:""} .bo_fx_fsearch ul {margin:0;padding:0;list-style:none} .btn_submit_faq:before{{content: ""; display: inline-block; width: 1px; height: 11px; background: #dedede;}} .btn_submit_faq{position:absolute; top:23px; right:144px; width:40px; height:37px; background:url('./img/icon_search.gif') no-repeat 0px 0px;} #faqTab{padding-top:40px;} /*#faqTab a{color:#888; font-size:15px;} */ .tab {list-style: none; margin: 0; padding: 0; overflow: hidden; color:#222;} .tab li {float: left; width:20%; text-align:center; border:1px solid #f2f2f2;border-right:none; color:#888888; height:102px} .tab li .icon_01{background:url('../../helpdesk_New/img/faql_icon_set.png') no-repeat -2px 0px;} .tab li .icon_02{background:url('../../helpdesk_New/img/faql_icon_set.png') no-repeat -154px 0px;} .tab li .icon_03{background:url('../../helpdesk_New/img/faql_icon_set.png') no-repeat -305px 0px;} .tab li .icon_04{background:url('../../helpdesk_New/img/faql_icon_set.png') no-repeat -457px 0px;} .tab li .icon_05{background:url('../../helpdesk_New/img/faql_icon_set.png') no-repeat -607px 0px;} .tab li:last-child {border-right:1px solid #f2f2f2;} .tab > li > a {display: block; padding: 60px 0px 20px 0px; font-size:15px; color: #666666; text-align: center;text-decoration: none; box-sizing: border-box;} ul.tab li.current{border:1px solid #00993f;} ul.tab li.current > a{color: #00993f; font-weight:bold; background-position-y: -109px} ul.tab li:hover{} ul.tab li > a:hover{color: #00993f; background-position-y: -109px} .tabcontent {display: none; padding-top: 15px;} #tab_content li {float: left; font-size:14px; color:#666666;} #tab_content li .on{color:#00993f;} #tab_content li:after{content: ""; display: inline-block; width: 1px; height: 11px; background: #dedede; margin:0px 12px;} #tab_content li:last-child:after{display:none;} #tab_content li a:hover{color:#00993f;} #tab_content:after {display:block;visibility:hidden;clear:both;content:""} .tabcontent.current { display: block; text-align:center; color: #666666; } /* 방문 상담 예약신청 & ID공유금지 */ #info_area{position:relative; padding:35px 30px; border-top: 1px solid #333; border-bottom: 1px solid #e1e1e1; margin:35px 0 25px 0px;} #info_area .info_centens{background:url('./img/info_centens_bg.jpg') no-repeat 0px 38px; padding-left:174px; text-align:left;} #info_area .info_centens_id{background:url('./img/info_centens_bg01.jpg') no-repeat -25px 0px; padding-left:174px; text-align:left;} #info_area .info_centens_remot{background:url('./img/info_centens_bg02.jpg') no-repeat -25px 0px; padding-left:174px; text-align:left;} #info_area .info_text01{font-size:16px; color:#333; font-weight:bold;} #info_area .info_text02{font-size:13px; color:#333; padding-top:20px;} #info_area .info_text03{font-size:13px; color:#666; padding-top:10px;} #info_area .info_text_pc{color:#00933d; padding-top:20px;} #info_area .info_text_btn{position:absolute; top:30px; right:0; text-align: center;} #info_area .info_text_btn a {display: block} #calendar{} #calendar .control {padding-bottom:20px;} #calendar .control .cen{font-size:18px; color:#333; font-weight:bold; padding:0px 25px ; position:relative; top:4px;} .calendarTbl table{margin:0; padding:0; border-collapse:collapse; } .tbl_dow{width:100%; border-top:1px solid #5b5b5b; border-bottom:1px solid #e1e1e1; } .tbl_dow th{font-size:13px; background:#fbfafa; color:#5b5b5b; padding:13px 0; vertical-align:middle; text-align:center;} .tbl_dow td{font-family: Malgun Gothic,'맑은고딕',Helvetica,AppleSDGothicNeo,sans-serif;} .tbl_days{width:100%; border-left:0px; border-right:0px;} .tbl_days th{font-size:15px;font-weight:bold; background:#f8f8f8; color:#fff; padding:12px 0; vertical-align:middle; text-align:center; border-right:1px solid #f8f8f8} .tbl_days td{font-family: Malgun Gothic,'맑은고딕',Helvetica,AppleSDGothicNeo,sans-serif;} .tbl_days td {text-align:center ; position:relative; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; height:90px} .tbl_days td:nth-child(7n){border-right:8px;} .tbl_days td .po1{display: block; padding:8px; color:#888888; position:absolute; top:0px;} .tbl_days td .reser{display: block;} .tbl_days td .nonreser{display: block;} .tbl_days .today{} .tbl_days td .end{color:#963234} .tbl_days td .cont{color:#28618e;font-weight:normal} .tbl_days .sun{color:#c90909;padding:3px;font-size:12px;font-weight:bold} .pt60{padding-top:60px} .pt35{padding-top:35px} #popup_consulting{font-family: Malgun Gothic,'맑은고딕',Helvetica,AppleSDGothicNeo,sans-serif; border:1px solid #333;} #popup_consulting h1{background-color:#333; color:#fff; font-size:24px; letter-spacing: -1px; padding: 18px 0px; text-align:center;} #popup_consulting .popinfo ul{padding:0px 30px;} #popup_consulting .popinfo li{padding-left:10px; letter-spacing: -.05em;} #popup_consulting .popinfo li:before{content: ""; display: inline-block; width: 4px; height: 1px; background: #666; margin:4px} /* 1:1문의 글쓰기 */ .tbl_frmpop {margin:0 0 20px} .tbl_frmpop table {width:100%;border-collapse:collapse ;border-spacing:0;} .tbl_frmpop th {width:133px; border:1px solid #e1e1e1;border-left:0; text-align:center; font-size:14px; color:333; font-weight:bold;} .tbl_frmpop td {font-family: Malgun Gothic,'맑은고딕',Helvetica,AppleSDGothicNeo,sans-serif; padding:18px 22px; border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:transparent; text-align:left; font-size:13px;} .tbl_frmpop textarea {border:1px solid #d3d3d3;background:#fff;color:#222;vertical-align:middle;line-height:2em} .tbl_frmpop textarea {width:97% !important; height:200px; padding: 10px; word-break:break-all;} .tbl_frmpop a {text-decoration:none} .tbl_frmpop .frm_file {display:block;margin-bottom:5px} .tbl_frmpop .frm_info {display:block;padding:0 0 5px;line-height:1.4em} .tbl_frmpop select{width:66%; font-size:13px; padding:6px; border:1px solid #cccccc;} .tbl_frmpop .frw_input{padding:11px; background:#fff; border: 1px solid #d3d3d3; width:97%} .tbl_frmpop .frw_input_tel{padding:11px; background:#fff; border: 1px solid #d3d3d3; width:150px} .tbl_frmpop dl{display:inline-block} .tbl_frmpop dt{display:inline; font-weight:bold; padding-right:10px} .tbl_frmpop dd{display:inline; font-size:14px; padding-right:30px} .tbl_frmpop .memedit{display:inline-block; border: 1px solid #cccccc;letter-spacing:-1px; font-size:12px; padding: 3px 8px} /*아이디 공유금지 글쓰기 */ .tbl_frmidw {margin:0 0 20px} .tbl_frmidw table {width:100%;border-collapse:collapse ;border-spacing:0;} .tbl_frmidw th {width:120px; border:1px solid #e1e1e1; border-left:0; border-right:0; text-align:center; font-size:14px; color:333; font-weight:bold;} .tbl_frmidw td {font-family: Malgun Gothic,'맑은고딕',Helvetica,AppleSDGothicNeo,sans-serif; padding:18px 22px; border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:transparent; text-align:left; font-size:13px;} .tbl_frmidw textarea {border:1px solid #d3d3d3;background:#f3f3f3;color:#222;vertical-align:middle;line-height:2em} .tbl_frmidw textarea {width:97% !important; height:200px; padding: 10px; word-break:break-all;} .tbl_frmidw a {text-decoration:none} .tbl_frmidw .frm_file {display:block;margin-bottom:5px} .tbl_frmidw .frm_info {display:block;padding:0 0 5px;line-height:1.4em} .tbl_frmidw select{width:66%; font-size:13px; padding:6px; border:1px solid #cccccc;} .tbl_frmidw .frw_input{padding:11px; background:#fff; border: 1px solid #d3d3d3; width:97%} .tbl_frmidw .frw_input_tel{padding:11px; background:#fff; border: 1px solid #d3d3d3; width:150px} .tbl_frmidw dl{display:inline-block} .tbl_frmidw dt{display:inline; font-weight:bold; padding-right:10px} .tbl_frmidw dd{display:inline; font-size:14px; padding-right:30px} .tbl_frmidw .memedit{display:inline-block; border: 1px solid #cccccc;letter-spacing:-1px; font-size:12px; padding: 3px 8px} input[type="checkbox"] { display:none; } input[type="checkbox"] + label { color:#666666; font-size:13px; } input[type="checkbox"] + label span { display:inline-block; width:18px; height:18px; margin:-4px 9px 0 0; vertical-align:middle; background:url('../../helpdesk_New/img/check_radio_sheet.jpg') 0px -17px no-repeat; cursor:pointer; } input[type="checkbox"]:checked + label span { background:url('../../helpdesk_New/img/check_radio_sheet.jpg') -20px -17px no-repeat; } input[type="radio"] { display:none; } input[type="radio"] + label { color:#666666; font-family:Arial, sans-serif; } input[type="radio"] + label span { display:inline-block; width:14px; height:14px; margin:-2px 7px 2px 0px; vertical-align:middle; background:url('../../helpdesk_New/img/check_radio_sheet.jpg') 0px 0px no-repeat; cursor:pointer; } input[type="radio"]:checked + label span { background:url('../../helpdesk_New/img/check_radio_sheet.jpg') -15px 0px no-repeat; } /* 글쓰기 페이지 버튼 */ #bo_w_pop{padding:20px; text-align:center;} #bo_w_pop ul li {display:inline-block} #bo_w_pop a.btn_Nv01 {width:160px; display:inline-block; padding:10px 0px; border:1px solid #00993f;background:#00993f;color:#fff;text-decoration:none;vertical-align:middle; font-size:16px; letter-spacing:-1px; font-weight:bold;} #bo_w_pop a.btn_Nv01:focus, #bo_w_nomal .btn_Nv01:hover {text-decoration:none} #bo_w_pop a.btn_Nv02 {width:160px; display:inline-block; padding:10px 0px; border:1px solid #666666;background:#666666;color:#fff;text-decoration:none;vertical-align:middle; font-size:16px; letter-spacing:-1px; font-weight:bold;} #bo_w_pop a.btn_Nv02:focus, #bo_w_nomal .btn_Nv02:hover {text-decoration:none} #ID_infoarea{} #ID_infoarea .textbox_01{padding:20px 35px} #ID_infoarea .textbox_02{background-color:#f7f7f7; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:35px 45px;} #ID_infoarea .ptext{font-size: 15px; text-decoration:underline; font-weight:bold; padding-bottom: 15px;} #ID_infoarea .gtext{font-size: 14px; color:#00933d; font-weight:bold; padding-top: 20px;} #ID_infoarea .textbox_li li:before{content: ""; display: inline-block; width: 3px; height: 1px; background: #666666; margin:4px;} #ID_infoarea .spantext{font-size:13px; color:#666666} #ID_infoarea .spantext em{color:#00933d; font-style:normal;} .IDtab { list-style: none; margin: 0; padding: 0; overflow: hidden; } .IDtab li { float: left; width:33.33333%; border:1px solid #d7d7d7; background-color:#f9f9f9; border-right:none; } .IDtab li:last-child{border-right:1px solid #d7d7d7;} .IDtab li a { display: block; color: #888888; text-align: center; text-decoration: none; padding: 24px 16px; font-size: 15px; } .idtabcontent { display: none; padding: 50px 0px; text-align:left; } ul.IDtab li.current{ background-color: #ffffff; color: #333; font-weight:bold; border:1px solid #767676; border-bottom:1px solid #ffffff; } .idtabcontent.current { display: block; } /* 지도 탭 */ .maptab ul {padding-bottom: 30px} .maptab li { float: left; width: 50%; border:1px solid #d7d7d7; background-color:#f9f9f9; border-right:none; } .maptab li:last-child{border-right:1px solid #d7d7d7;} .maptab li a { display: block; color: #888888; text-align: center; text-decoration: none; padding: 24px 16px; font-size: 15px; } .maptabcontent { display: none; text-align:left; } ul.maptab li.current{ background-color: #ffffff; color: #333; font-weight:bold; border:1px solid #767676; border-bottom:1px solid #ffffff; } .maptabcontent.current { display: inline-block; } /* 공유아이디금지내용테이블 */ #idinfo_TB table{width:100%; border-left:0px; border-right:0px; border-collapse:collapse; border-spacing:0; font-family: Malgun Gothic,'맑은고딕',Helvetica,AppleSDGothicNeo,sans-serif;} #idinfo_TB caption{font-size:14px; text-align:left; font-weight:bold; padding:20px 0px 10px 0px;} #idinfo_TB thead th{background:#f9f9f9; border:1px solid #e1e1e1; border-left:0px; color:#333333; font-weight:bold; padding: 10px 0px; font-size:13px;} #idinfo_TB thead th:last-child{border-right:0px;} #idinfo_TB tbody td{border:1px solid #e1e1e1; border-left:0px; color:#666666; padding: 20px; vertical-align:top; font-size:13px; letter-spacing:-1px;} #idinfo_TB tbody .taL{text-align:left;} #idinfo_TB tbody .taC{text-align:center;} #idinfo_TB tbody td:last-child{border-right:0px;} #idinfo_TB tfoot td{padding:10px} #idlist dl{width:100%} #idlist dt:first-child{border-top:1px solid #bbbbbb;} #idlist dt{padding: 15px 35px; font-size:13px; color:#666666; background-color:#fff; border-bottom:1px solid #dbdbdb; background:url('./img/bg_arrow_down.png') no-repeat 98% 17px} #idlist dt > span{padding-right:65px;} #idlist dd{background:#f9f9f9; padding:55px; border-bottom:1px solid #dbdbdb} /* 마우스오버할때 배경 바꿈 */ #idlist dt.over{background-color:#f0f0f0; cursor:pointer;} /* 마우스클릭할 때 배경 바꿈 */ #idlist dt.selected{cursor:default; color:#333333; font-weight:bold; background:#f0f0f0 url('./img/bg_arrow_up.png') no-repeat 98% 17px} /* 오시는길 안내 */ .mapinfo{width:100%; padding-top:55px; color:#333; display:inline-block; text-align:left;} .mapinfo dl{} .mapinfo dt{display:block; float:left; width:140px; font-size:16px; font-weight:bold; text-align:center;} .mapinfo dd{display:block; float:left; width:580px; font-size:13px; color:#666; padding-bottom:40px;} .mapinfo .pb20{padding-bottom:20px !important;} .mapinfo dd .tel{font-size:16px; color:#333; font-weight:bold;} .mapinfo .map_textbox{background-color:#f7f7f7; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:30px 35px; margin:15px 0px;} .mapinfo .map_textbox .ptext{font-size: 15px; text-decoration:underline; font-weight:bold; padding-bottom: 15px;} .mapinfo .map_textbox .pptext{font-size: 14px; font-weight:bold; } .mapinfo .map_textbox .spantext{font-size:13px; color:#666666; display:inline-block;} .maptabcontent .maparea{padding-top:30px;} .btn_map_link a{display:inline-block; background-color: #00933d; color:#fff; font-size:11px; padding:2px 10px; margin-left:15px;} /* 동영상권장사양 */ .tb_userpcspec{width:100%; border-left:0px; border-right:0px; border-collapse:collapse; border-spacing:0;} .tb_userpcspec caption{text-align:left; color:#333333; font-weight:bold; font-size:15px; padding:53px 0 15px 0px;} .tb_userpcspec thead th{font-weight:bold; background:#f9f9f9; color:#333333; padding:12px 0; vertical-align:middle; text-align:center; border-right:1px solid #e1e1e1; border-top:1px solid #5b5b5b} .tb_userpcspec thead th:last-child{border-right:0px;} .tb_userpcspec tbody th{font-weight:bold; background:#fff; color:#333333; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;} .tb_userpcspec td{font-family: Malgun Gothic,'맑은고딕',Helvetica,AppleSDGothicNeo,sans-serif; font-size:13px;} .tb_userpcspec td{text-align:center ; position:relative; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; height:43px} .tb_userpcspec td:last-child{border-right:0px;} /* 프로그램다운로드 */ #tb_downsupport{width:100%; border-left:0px; border-right:0px; border-collapse:collapse; border-spacing:0;} #tb_downsupport caption{text-align:left; color:#333333; font-weight:bold; font-size:15px; padding:53px 0 15px 0px;} #tb_downsupport .noci{font-size:13px; color:#666666;font-weight:normal; vertical-align:text-top;} #tb_downsupport thead th{font-weight:bold; background:#f9f9f9; color:#333333; padding:12px 0; vertical-align:middle; text-align:center; border-right:1px solid #e1e1e1; border-top:1px solid #5b5b5b} #tb_downsupport thead th:last-child{border-right:0px;} #tb_downsupport tbody th{font-weight:bold; background:#fff; color:#333333; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;} #tb_downsupport tr{ border-top:1px solid #5b5b5b} #tb_downsupport td{width:50%; font-family: Malgun Gothic,'맑은고딕',Helvetica,AppleSDGothicNeo,sans-serif; font-size:13px;} #tb_downsupport td{text-align:center ; position:relative; border-bottom:1px solid #e1e1e1; padding:30px 0px;} #tb_downsupport td:last-child{border-right:0px;} #tb_downsupport .dpicon{padding-right:25px;} #tb_downsupport .dpicon > img{vertical-align:top !important;;} #tb_downsupport .dpinfo{display:inline-block; text-align:left; width:205px;} #tb_downsupport .dpinfo strong{font-size:14px; color:#333} #tb_downsupport .dpinfo .dpupday{padding:3px 0px 5px 0px; font-size:13px; color:#666;} #tb_downsupport .no_dpupday{padding:13px 0px} #tb_downsupport .dpinfo .dp_btn_01{font-size:12px; border: 1px solid #8f8e8e; padding:3px 10px; width:100px; display:inline-block; background:url('./img/downsupport_bul_01.png') no-repeat 100px 7px;} #tb_downsupport_01 {padding-left:40px;} #tb_downsupport_01 tr{ border-top:none;} #tb_downsupport_01 td{text-align:center ; position:relative; border-bottom:none; padding:5px;} #tb_downsupport_01 .dpinfo01{display:inline-block; text-align:left; width:160px;} #tb_downsupport_01 .dpinfo01 strong{font-size:14px; color:#00993f} #tb_downsupport_01 .dpinfo01 .dpupday{padding:3px 0px 5px 0px; font-size:13px; color:#666;} #tb_downsupport_01 .no_dpupday{padding:13px 0px} #tb_downsupport_01 .dpinfo01 .dp_btn_01{font-size:12px; border: 1px solid #8f8e8e; padding:3px 10px; width:100px; display:inline-block; background:url('./img/downsupport_bul_01.png') no-repeat 100px 7px;} a.btn_remot {width:345px; display:inline-block; padding:17px 0px; border:1px solid #00993f;background:#00993f;color:#fff !important ;text-decoration:none;vertical-align:middle; font-size:24px; letter-spacing:-1px; font-weight:bold;} a.btn_remot > span:after{content: ""; display: inline-block; width: 9px; height: 19px; background:url('./img/btn_remot_aicon.png') no-repeat center center; margin-left:15px;} a.btn_remot:focus, #bo_w_nomal .btn_remot:hover {text-decoration:none} /* 이용가이드 */ .fc_p1 {color:#00e0d2} .comm_tab1 {display:block;clear:both;*zoom:1;margin-top:20px;} .comm_tab1:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both} .comm_tab1>.tab_menu>li {float:left; text-align:center; font-size:15px; border:1px solid #d7d7d7; border-right:0px; letter-spacing:-1px; width:33.3333%; background:#f9f9f9; padding:22px 0px;} .comm_tab1>.tab_menu>li:last-child{border-right:1px solid #d7d7d7;} .comm_tab1>.tab_menu .tit {display:block;font-weight:bold;color:#888;cursor:pointer; } .comm_tab1>.tab_menu .on {position:relative; border:1px solid #767676; border-bottom:0px;background:#fff;} .comm_tab1>.tab_menu .on:last-child{border-right:1px solid #767676;} .comm_tab1>.tab_menu .on .tit {color:#333;} .comm_tab1>.tab_cont {float:left;width:100%;clear:both; color:#fff} .comm_tab1>.tab_cont>.cont {} .comm_tab1>.tab_cont>.cont:first-child {border-top-left-radius:0} .comm_tab1 .comm_refer {margin:5px 0 18px 15px} .comm_tab2 {display:block;clear:both;*zoom:1} .comm_tab2:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both} .comm_tab2>.tab_menu {} .comm_tab2>.tab_menu > li {float:left;text-align:center;font-size:14px; color:#666666; white-space:nowrap; padding:20px 0px} .comm_tab2>.tab_menu > li:first-child:before{display:none;} .comm_tab2>.tab_menu > li:before{content: ""; display: inline-block; width: 1px; height: 13px; background: #dedede; margin:0px 12px;} .comm_tab2>.tab_menu .tit {display:inline-block;height:26px;padding:5px 20px;font-weight:bold;color:#666666;cursor:pointer;} .comm_tab2>.tab_menu .on {position:relative} .comm_tab2>.tab_menu .on .tit {color:#00993f} .comm_tab2>.tab_cont {float:left;width:100%;clear:both;margin-top:-7px} .comm_tab2>.tab_cont .cont {padding-top:10px} .comm_tab2>.tab_cont .cont .conttitle{font-size:15px; color:#333; text-align:left; font-weight:bold; padding-left:10px !important} .comm_tab2>.tab_cont .cont .conttext_01{font-size:13px; color:#666; text-align:left; display:block; padding-top:10px; padding-left:10px !important} .comm_tab2>.tab_cont .cont .contimg{padding-bottom:30px; padding-top:10px; position:relative;} .comm_tab2>.tab_cont .cont .contimg .Android_sms{position:absolute; top: 146px; right:148px} .comm_tab2>.tab_cont .cont .contimg .smsSend{width:48px; height:25px; background:#e3e4e2} .comm_tab2>.tab_cont .cont .contimg .smslink{background:#ed1c23;margin-top:5px; } .comm_tab2>.tab_cont .cont .contimg .smslink a{color:#fff; display:block; padding:6px;} .comm_tab2>.tab_cont .cont .contimg .IOS_sms{position:absolute; bottom: 265px; right:148px} .comm_tab2>.tab_cont .cont .pc01{color:#009a3f;} .comm_tab2>.tab_cont .cont .applink{border:1px solid #dae8e0; background:#f1f6f3; padding:30px 0px !important; margin-bottom:30px !important} .comm_tab2>.tab_cont .cont .applink a{color:#009a3f; font-size:18px; font-weight: bold; } /* 선생님 상담 예약 */ #teacherConsult_area{position:relative; margin:35px 0 25px 0px;} /* 레이어팝업 */ .help-layer-pop{display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,.6); z-index: 10;} .help-layer-pop .layer-pop-container{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;} .help-layer-pop .pop-box{position: relative; width: 400px; padding: 35px; text-align: left; background-color: #fff; border-radius: 25px;} .help-layer-pop .pop-box .btn-x{position: absolute; top: 25px; right: 25px;} .help-layer-pop .pop-box .btn-x .ico{width: 30px; height: 30px; stroke: #222; stroke-width: 1px;} .help-layer-pop .pop-box .tit{color: #222; font-size: 20px; font-weight: 700; margin-bottom: 15px !important;} .help-layer-pop .pop-box .txt{color: #555; font-size: 15px; line-height: 1.5em; word-break: keep-all;} .help-layer-pop .pop-box .btm{display: flex; gap: 5px; margin-top: 25px;} .help-layer-pop .pop-box .btm a.btn{display: block; flex-grow: 1; flex-basis: 0; padding: 10px; font-size: 15px; font-weight: 700; text-align: center; border: 1px solid #222; box-sizing: border-box;} .help-layer-pop .pop-box .btm a.btn.btn-1{color: #fff; background-color: #00993f; border-color: #00993f;} .help-layer-pop .pop-box .btm a.btn.btn-2{color: #00993f; background-color: #fff; border-color: #00993f;}