/* Document : Style Created on : 2020. 03.02 Author : sungwon */ /*common area style*/ #wrap{min-width:1361px;} fieldset legend, table caption {display:none;} #sub_contents{width:1200px; margin: 0 auto 60px;} .bookinfo img{width:99%;} .subcode_style {font-size: 0.85rem; font-weight: 500; } .subcode100{color:#4586e9;} .subcode200{color:#df781d;} .subcode300{color:#f6831e;} /*visual area style*/ .sub_vis{width:100%; height:274px; text-align: center;} .sub_vis.regul{background:url(../Images/sub/sub_vis01.jpg) no-repeat center center;} .sub_vis.leader{background:url(../Images/sub/sub_vis02.jpg) no-repeat center center;} .sub_vis.organization{background:url(../Images/sub/sub_vis03.png) no-repeat center center;} .sub_vis.safety{background:url(../Images/sub/sub_vis04.png) no-repeat center center;} .sub_vis.medical{background:url(../Images/sub/sub_vis05.jpg) no-repeat center center;} .sub_vis.lecture{background:url(../Images/sub/sub_vis06.jpg) no-repeat center center;} .sub_vis.support{background:url(../Images/sub/sub_vis07.jpg) no-repeat center center;} .sub_vis.bbs{background:url(../Images/sub/bbs_vis.jpg) no-repeat center center;} .sub_vis.member{background:url(../Images/newsub/sub_vis08.jpg) no-repeat center center;} .sub_vis.hrdcard{background:url(../Images/newsub/sub_hrd.jpg) no-repeat center center;} .sub_vis.course{background:url(../Images/newsub/sub_course.jpg) no-repeat center center;} .sub_vis.mystudy{background:url(../Images/newsub/sub_mystudy.jpg) no-repeat center center;} .sub_vis.cscenter{background:url(../Images/newsub/sub_cscenter.jpg) no-repeat center center;} .sub_vis.bizedu{background:url(../Images/newsub/sub_bizedu.jpg) no-repeat center center;} .sub_vis h2{font-size:44px; font-weight:400; color:#fff; padding-top:95px; line-height:150%; } .sub_vis strong{color:#dedfdf; font-size:16px; font-weight:200; letter-spacing: 2.5px; } /*sub location control*/ .sub_location{width:100%; border-bottom:1px solid #ccc; } .inner_location {width:1200px; margin:0 auto;height:52px; } .inner_location ul{display:inline-block;} .inner_location ul li{float:left; border-right: 1px solid #ccc;} .inner_location ul li a{display:block; line-height: 52px;} .inner_location ul li a img{padding: 0 21px;} .inner_location .dropdown {float: left; overflow: hidden; } .inner_location .dropdown .dropbtn {text-align: left; font-size: 14px; border: none; color: #787878; padding: 16px 21px; background-color: inherit; margin: 0; min-width:212px; background:url(../Images/newcommon/bullet02.png) no-repeat 93% center; transition-duration: 0.2s;} .inner_location .dropdown.depth2 .dropbtn{color:#07ba4f;} .dropdown-content {display: none; position: absolute; background-color: #f9f9f9; min-width: 212px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 99;} .dropdown-content a {float: none; color: #222; padding: 0 20px; display: block; text-align: left;} .dropdown:hover .dropbtn, .inner_location .dropdown.depth2:hover .dropbtn {background:#0b2239 url(../Images/newcommon/bullet03.png) no-repeat 93% center; color: #fff; } .dorpdown_active{background:#0b2239 url(../Images/newcommon/bullet03.png) no-repeat 150px center !important; color: #fff !important; } .dropdown-content a:hover { background-color: #ddd; color: #0b2239 ; } /*webzine list style _ title common area */ .subtit_area{width:1200px; margin:0 auto; padding: 75px 0 0 0 ; border-bottom:2px solid #898989; display:inline-block;} .subtit_area h3{display:block; float:left; font-size:30px; font-weight:500; color:#000; line-height:30px; margin-bottom:15px; width:780px;} .subtit_area h4{font-size:58px; color:#000; letter-spacing: -0.1px; font-weight:500; line-height:100%; display: block; margin:0 0 15px 0;} .subtit_area strong{font-size: 18px; color:#ff6600; font-weight:500; letter-spacing: 0.4px; display: block;} .subtit_area p{display:block; margin:40px 0 0 0 ; font-size:14px; color:#787878; font-weight:400; line-height: 21px;} .subtit_area p span{color:#000;font-size:20px; letter-spacing: 0.35px; font-weight: 500; display: block; margin-bottom:10px; } /* ================================================================================ 게시판제어 ================================================================================ */ /*웹진형태 게시판 list*/ .bbs_style01{width:100%} .bbs_style01 tr th {text-align: left; padding:32px 0 0 0; vertical-align: top; border-bottom:1px solid #ddd;} .bbs_style01 tr th span{font-size:12px; color:#5f5f5f; line-height:19px;} .bbs_style01 tr td{text-align: left; padding:20px 0; min-height:230px; border-bottom:1px solid #ddd;} .bbs_style01 tr td.course_data{ vertical-align: top; padding:32px 40px 0 40px;} .bbs_style01 tr td a.thumb{width:282px; height:186px; display:block; } .bbs_style01 tr td .btn_area{ border-left:1px solid #ddd; height:190px; display:table-cell; vertical-align: middle; text-align: center; width:234px;} .course_data h4{font-size:30px; font-weight:400; display:block; margin:0 0 7px 0; line-height: 115%;} .course_data h4 a{color:#000;} .course_data p{font-size:15px; font-weight:400; color:#676767; line-height:23px; } .bbs_style03{width:100%; border-top:1px solid #aaa; margin: 0 0 45px 0} .bbs_style03 tr th {text-align: left; padding:32px 0 0 0; vertical-align: top; border-bottom:1px solid #ddd;} .bbs_style03 tr th span{font-size:14px; color:#222; line-height:19px; font-weight: 400; padding-left: 20px;} .bbs_style03 tr td{text-align: left; padding:20px 0; min-height:230px; border-bottom:1px solid #ddd;} .bbs_style03 tr td.course_data{ vertical-align: top; padding:32px 40px 0 40px;} .bbs_style03 tr td.course_data .boldTitle { font-size: 22px; font-weight: 400; color: #000; padding: 8px 0 20px 0; display: block;} .bbs_style03 tr td a.thumb{width:110px; height:185px; display:block; } .bbs_style03 tr td .btn_area{ border-left:1px solid #ddd; height:190px; display:table-cell; vertical-align: middle; text-align: center; width:234px;} /*Course view*/ #sub_contents .course_titarea{width:100%; overflow:hidden; padding-top:74px; } #sub_contents .course_titarea .thumb{float:left;} #sub_contents .course_titarea .thumb.img{width:600px; height:380px;} #sub_contents .course_titarea .course_tit{float:left; margin-left:45px; width: 555px; height: auto; min-height: 165px; orflow:hidden;} .course_tit .curse_tab{font-size: 18px ; font-weight:400; color:#07ba4f; letter-spacing: -0.25px; line-height: 135%;} .course_tit h5{font-size:32px; line-height: 145%; color:#000; font-weight:600; letter-spacing: -0.4px; display: block; margin-top:3px; } .course_tit .h5_bur{display: block; width: 43px; height: 2px; background: #07ba4f; margin:26px 0 0 0 ;} .course_info{float:left; margin: 19px 0 0 45px; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; height: auto; display:table; width:555px; } .course_info p {font-size:15px; color:#333; font-weight:400; vertical-align: middle; line-height:18px;} .course_info p .front{font-weight: 600 ; width: 85px; padding:10px 0 ; display:inline-block} .hrdcard_app { float: left; margin-left: 45px; width: 555px; height: auto; min-height: 65px;} .hrdcard_app label, .hrdcard_app .hrd_none {padding: 15px 0 ; font-size:15px; color:#222; font-weight:400; display: inline-block; cursor : pointer; vertical-align: middle;} .hrdcard_app label input[type="radio"] {cursor: pointer;} .hrdcard_app label span {padding: 0 0 0 5px; } .hrdcard_app .hrd_submit {width:100%; background:#0b2035; height:50px; line-height: 50px; color:#fff; font-size:15px; border:none; box-shadow: none; cursor : pointer; } /*BoookCourse 과정신청 상세*/ #sub_contents .bookcourse_titarea{width:100%; overflow:hidden; padding-top:74px; } #sub_contents .bookcourse_titarea .thumb{float:left; border:1px solid #ddd;} #sub_contents .bookcourse_titarea .thumb.img{width:200px; height:300px; margin: 0 0 0 65px;} #sub_contents .bookcourse_titarea .course_tit{float:left; width: 455px; height: auto; min-height: 125px; overflow:hidden; padding: 30px 0 0 0;} .bookcourse_tit{float:left;width : 455px;} .bookcourse_tit .course_tit .curse_tab{font-size: 18px ; font-weight:400; color:#07ba4f; letter-spacing: -0.25px; line-height: 135%;} .bookcourse_tit .course_tit h5{font-size:32px; line-height: 145%; color:#000; font-weight:600; letter-spacing: -0.4px; display: block; margin-top:3px; } .bookcourse_tit .course_tit .h5_bur{display: block; width: 43px; height: 2px; background: #07ba4f; margin:26px 0 0 0 ;} .bookcourse_tit .course_info{float:left; margin: 19px 0 0 0; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; height: auto; display:table; width:455px; } .bookcourse_tit .course_info p {font-size:15px; color:#333; font-weight:400; display:table-cell; vertical-align: middle; line-height:35px;} .bookcourse_tit .course_info p.tit_info{font-weight: 600 ; width: 85px; padding:10px 0 ; } .view_style01{width:100%; border-top:1px solid #aaa; border-bottom:1px solid #aaa; margin:35px 0 0 0 ;} .view_style01 tr th{background:#f8f8fb; font-size:14px; color:#444; font-weight:500; padding:16px 0 ; text-align: left; text-indent: 25px; border-bottom:1px solid #ddd;} .view_style01 tr td{font-size:14px; color:#565656; font-weight:300; padding:16px 0 ; text-align: left; padding-left: 25px; border-bottom:1px solid #ddd;} .view_style01 tr td select, .view_style01 tr td input[type=text], .view_style01 tr td input[type=password] {height:28px; width:210px; background-color: #fff; border-radius: 3px; border:1px solid #ccc; text-indent: 8px; } .view_style01 tr td strong {font-weight:500; color:#222;} .view_style03{width:100%; border-top:1px solid #aaa; border-bottom:1px solid #aaa; margin:35px 0 0 0 ;} .view_style03 tr th{background:#f8f8fb; font-size:14px; color:#444; font-weight:500; padding:16px 0 ; text-align: center; border-bottom:1px solid #ddd;} .view_style03 tr td{font-size:14px; color:#565656; font-weight:300; padding:16px 0 ; text-align: center; border-bottom:1px solid #ddd;} .view_style03 tr td .course_title { color:#222; font-weight:500; display: block; padding: 0 0 4px 0;} .view_style03 tr td .ld_start {font-size:13px;} .view_style03 tr td.txt_price {color:#222; font-weight:500;} .view_style03 tr td.txt_price .txt_red {color:#FF1700; } .view_style03 tr td select, .view_style03 tr td input[type=text], .view_style03 tr td input[type=password] {height:28px; width:210px; background-color: #fff; border-radius: 3px; border:1px solid #ccc; text-indent: 8px; } .view_style03 tr td strong {font-weight:500; color:#222;} /****/ #tabs{margin-top: 80px; position: relative;} #tabs h4{font-size:22px; font-weight:400; color:#000; padding: 8px 0 14px 0; } #tabs .tabs--header{position: absolute; top:0; right:0;} #tabs .tabs--header .tab-head{float:left;} #tabs .tabs--header .tab-head a{color:#5f5f5f; font-weight:400; background:#f5f5f5; display:block; float:left; padding:11px 52px; font-size:15px; } #tabs .tabs--header .tab-head.tab-head__active a{border:2px solid #000; background:#fff; color:#000; border-bottom: 0px; z-index:3} #tabs .b_line{width:100%; height:2px; background: #000; z-index:-1; position: relative;} .tab-content h5{font-size:18px; color:#444; padding-bottom: 11px; margin-top:35px; display:block; text-indent: 23px; background: url('../Images/newcommon/bullet04.png') no-repeat top left;} .tab-content .tab_con_txt {font-size: 14px; line-height: 180%; color: #565656; padding: 0 20px; } .study_table {border-top: 1px solid #444; margin-bottom: 35px; text-align: center; width:100%;} .study_table tr th, .study_table tr td {padding: 15px 20px; border-bottom:1px solid #ddd; test-aling:left; font-size:15px; color:#222; line-height:150%; } .study_table tr td {color: #565656;} .study_table tr th { text-align: center; font-weight: 500; color:#444;} table.bbs_default_view .tb_bg01, .study_table .title{background:#EEF1F6; padding:15px 0 ; text-align: center; font-weight: 500; color:#444; font-size:15px;} /* .bbs_default_view .center{text-align: center; border-bottom:1px solid #ddd; color:#888; } .bbs_default_view .center.offensive{font-size:15px; color:#000; font-weight: normal; padding: 15px 0; border-bottom:1px solid #222;} .study_view {border: 1px solid #ddd; background: #F2F8FF; padding: 20px ; } .study_view .btn_wrap span{font-size:14px; color:#222; } .study_view .study_view_text {padding-left:20px;} */ /*기본게시판 list*/ .bbs_style02{width:100%} .bbs_style02 tr.Notice td{background: #fafafa; } .bbs_style02 tr th{text-align: center; padding:22px 0; border-bottom:1px solid #ddd; font-size:14px; font-weight:700;} .bbs_style02 tr td{text-align: center; padding:22px 0; border-bottom:1px solid #ddd; font-size:14px;} .bbs_style02.narrow tr th{text-align: center; padding:12px 0; border-bottom:1px solid #ddd; font-size:14px; font-weight:700;} .bbs_style02.narrow tr td{text-align: center; padding:12px 0; border-bottom:1px solid #ddd; font-size:14px;} .bbs_style02 tr.Notice td.bbs_date{font-weight:700; color:#4e6e81; text-transform: uppercase;} .bbs_style02 tr td.bbs_date{font-family: "Exo 2", "Noto Sans KR", "Noto Sans Korean"; font-weight:700; color:#555; } .bbs_style02 tr.Notice td.bbs_tit{font-weight:700; color:#000; } .bbs_style02 tr td.bbs_tit{text-align:left; color:#333; font-weight:400;text-indent: 25px;} .bbs_style02 tr td.bbs_regist{font-family: "Exo 2", "Noto Sans KR", "Noto Sans Korean"; color:#9d9d9d; font-weight:600;} .p_none p{display:none;} /*기본게시판 tab*/ #tab02{position: relative;} #tab02 ul{position: absolute; top:5px; right:0; z-index: 10;} #tab02 ul li{float:left;} #tab02 ul li a{color:#5f5f5f; font-weight:400; background:#f5f5f5; display:block; float:left; padding:11px 52px; font-size:15px; } #tab02 ul li.active a{border:2px solid #000; background:#fff; color:#000; border-bottom: 0px; z-index:3} /*기본게시판 view*/ .view_style02{width:100%; } .view_style02 tr th{font-size:25px; font-weight:500; padding:28px 0; border-bottom: 1px solid #bbb; line-height:150%} .view_style02 tr.view_data > td{padding:19px 25px; background: #f9f9f9; border-bottom: 1px solid #ddd; font-weight:500; color:#777; vertical-align: middle;} .view_style02 tr.view_data > td span.cd_date{font-family: "Exo 2"; font-weight:600; color:#aaa; } .view_style02 tr.view_data > td em{padding:0 5px; font-weight:200; color:#ddd;} .view_style02 tr.view_data > td span, .view_style02 tr.view_data > td span{color:#555555;font-size:13px; font-weight:600; padding: 0 8px;} .board_view_down_wrap{margin:90px 0 0 0 ;} .board_view_down{width:1150px; margin: 0 auto 8px;} .board_view_down div{ background: #eff2f7 url('../Images/newcommon/board_ic01.png') no-repeat 15px center ; border: 1px solid #ddd; padding:13px 0; position: relative; text-indent: 37px; font-size:14px; } .board_view_down div .br_view_file {color: #4c76e8; font-size:14px; font-weight:400;} .board_view_down div .br_view_text {color: #ff3267; font-size:14px; font-weight:400; float:right; margin-right:15px} .bbs_sbumit_area{padding: 25px 0 0 0;position: relative;} .bbs_sbumit_area .btn_modi_wrap{position: absolute; top:25px; right:0;} .bbs_sbumit_area .btn_modi_wrap.btndel{left:0;} .bbs_sbumit_area .btn_modi_wrap a.btn04, .bbs_sbumit_area .btn_modi_wrap a.btn04_off {display: inline-block;} .view_style02 tr.view_data > td.view_visit em{font-weight:100; float:right; color:#ddd;} .view_style02 tr.view_bbs > td{padding: 50px 25px 15px 25px; font-size:14px; font-weight:400; line-height:180%; color:#333; min-height: 500px; border-bottom:1px solid #ddd;} .view_style02 tr td.view_next, .view_style02 tr td.next_tit{border-top:1px solid #bbb; border-bottom:1px solid #ddd;} .view_style02 tr td.view_prev, .view_style02 tr td.prev_tit{border-bottom:1px solid #bbb;} .view_style02 tr td.view_next, .view_style02 tr td.view_prev{background:#f9f9f9; text-indent: 25px; color:#666; font-size:13px; font-weight:600; } .view_style02 tr td.next_tit, .view_style02 tr td.prev_tit{padding:21px 0 21px 25px; font-size: 15px; font-weight:400; color:#333;} .view_style02 tr td.next_tit a:hover, .view_style02 tr td.prev_tit a:hover {color:#000; font-weight:500;} /*검색 + 셀렉트 박스 영역 제어*/ .bbs_search { border:1px solid #ddd; background-color: #fff; border-radius:3px; height:34px; cursor: pointer; color: #787878; padding: 7px 14px; font-size: 12px; width:140px; } #sub_container .subtit_search{ display: inline-block; padding: 9px 0 0 0;} #sub_container .subtit_area .select-selected { border:1px solid #ddd; background-color: #fff; border-radius:3px; } #sub_container .subtit_area .select-selected:after, .bbs_search:after { position: absolute; content: ""; top: 16px; right: 14px; width: 0; height: 0; border: 4px solid transparent; border-color: #444 transparent transparent transparent;} #sub_container .subtit_area .select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; top: 7px; } #sub_container .subtit_area .select-items div, .select-selected { color: #787878; padding: 7px 14px;font-size:12px; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer;} #sub_container .subtit_area .select-items { border:1px solid #ddd; border-radius: 3px; position: absolute; background: #fff; top: 0; left: 0; right: 0; z-index: 99;} #sub_container .subtit_area .select-hide { display: none;} #sub_container .subtit_area .select-items div:hover { background: #49d295 ; color:#fff;} .inputbox01{width: 193px; height:32px; border:1px solid #ddd; border-radius:3px; border-right:0; text-indent: 10px; margin-rgith: -2px;} .search01{background: #0b2239; color:#fff; border:none; height:34px; padding:0 19px; cursor: pointer; border-radius: 0 3px 3px 0;} .search01:hover {background: #49d295;} .btn_container{width:100%; margin:40px 0 0 0; position: relative;} .fix_area{position: absolute; top:10px; right:0;} /*qna*/ .tit_answer td.an_title{font-weight:600; color:#000; font-size:14px; padding:0 0 8px 25px;} .tit_answer td.an_date{font-weight:400; color:#777; font-size:13px; text-align: right; font-style: italic; padding:0 25px 8px 0 ;} .view_answer td{padding: 0 25px 20px 25px;} .view_answer td .answer{border:1px solid #e8e8e8; background: #f8fafb; border-radius: 5px; padding: 15px 18px 38px 18px; line-height:150%; position: relative;} .view_answer td .answer .an_fix{position: absolute; bottom:14px; right:18px} .view_answer td .answer .an_fix a{padding:3px 12px; background: #fff; border:1px solid #ededed; z-index:9;} .write_answer td{padding: 0 25px 20px 25px;} .write_answer td .an_wrt { border-radius: 5px; border:1px solid #ddd; width: 1150px; min-height:150px; vertical-align: top; color:#5f5f5f; font-size:13px;} .write_answer td .an_btn {float: right; border-radius: 3px; background: #444; padding: 7px 15px; color:#fff; border:0px; margin-top:10px; cursor: pointer;} /*게시판 페이지제어*/ /*.bbs_pager ul{overflow: hidden;} .bbs_pager ul li{float:left; } .bbs_pager ul li a{display:block;} .bbs_pager.pager_style01 ul{width:351px;margin:34px auto 0;} .bbs_pager.pager_style01 ul li{ font-size:13px; width:34px; height:34px;text-align: center; line-height:34px; margin:2.5px;} .pager_style01 ul li a{color:#333;transition-duration: 0.3s; } .pager_style01 .active01{color:#fff; background: #0b2239;} .pager_style01 ul li a:hover:not(.active01) {background-color: #ededed;} .bbs_page {overflow: hidden; width:351px;margin:34px auto 0;} .bbs_pager a {float:left; display:block; font-size:13px; width:34px; height:34px;text-align: center; line-height:34px; margin:2.5px; color:#333; transition-duration: 0.3s; } .bbs_pager a strong{color:#fff; background: #0b2239; display:block; } .bbs_pager a:hover:not(strong) {background-color: #ededed;} */ .bbs_pager{text-align:center; padding: 20px 0 0 0; position: relative; /* min-height: 60px;*/} .bbs_pager a, .bbs_pager strong{display:inline-block; font-size:13px; width:34px; height:34px;text-align: center; line-height:34px; margin:2.5px; color:#333; transition-duration: 0.3s;} .bbs_pager strong{color:#fff; background: #0b2239; display:inline-block;} .bbs_pager a:hover:not(strong) {background-color: #ededed;} /* .bbs_pager a.prev, .pagination a.prevEnd, .pagination a.next, .pagination a.nextEnd{width:25px;height:25px;margin:0;padding:0; background-color:#fff; font-size:0; line-height:0; text-indent:-9999px;} .bbs_pager a.prev{background-image:url('../Images/board/prev.png');} .bbs_pager a.prevEnd{background-image:url('../Images/board/prev2.png');} .bbs_pager a.next{background-image:url('../Images/board/next.png');} .bbs_pager a.nextEnd{background-image:url('../Images/board/next2.png');} */ /*글쓰기*/ #cdCategory {width:200px; margin-right: 7px;} .tit_ipt01{width: 854px; } .tit_ipt02{width: 1040px;} table.write_tb {width:100%;} table.write_tb tr th{text-align: left; text-indent: 25px; font-size:15px; color:#555; border-bottom:1px solid #ddd; font-weight: 500; background:#f8f8fb; } table.write_tb tr td{ padding:21px 0 21px 25px; ; border-bottom:1px solid #ddd; color:#000; font-weight:500; font-size:15px;} table.write_tb tr td input{border: 1px solid #ccc; background: #fbfbfb; height:34px; text-indent: 15px;} table.write_tb tr td select{border: 1px solid #ccc; background: #fbfbfb; height:36px;} table.write_tb tr td textarea{border: 1px solid #ccc; background: #fbfbfb; min-height:350px; width: 1040px; } #cdSecYn {height:auto; cursor: pointer;} #addFileTd label {font-size:14px; font-weight: 400; color:#5f5f5f; margin-left:15px; display: inline-block; line-height: 36px; vertical-align: middle;} #addFileTd label input {height:auto;margin-left: 15px; } .sc_ck{margin-bottom:9px; display:block; } .file_input{width: 478px; margin-bottom:8px; cursor: pointer;} #addFileTd .filebox {margin:8px 0;} #addFileTd .filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;} #addFileTd .filebox label { display: inline-block; padding: 5px 20px; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: 3px; } /* named upload */ #addFileTd .filebox .upload-name {display: inline-block;text-indent: 13px; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size:13px; width:300px; height:28px; line-height: 28px; color:#5f5f5f;} #addFileTd .filebox label.upload-btn {color: #394550; background-color: #c6cedc; margin-left:3px; font-size:13px; transition-duration: 0.3s;} .bbs_btnwrap{text-align: center; padding: 30px 0 0 0 ;} /********************************************************************* 컨텐츠 **********************************************************************/ /* 국민내배카 안내사항 ************************/ .hrdcardcourseinfo .hrdinfo_vis{width:100%; height:714px; background:url(../Images/newsub/hrdcardcourseinfo_vis.jpg) no-repeat center center;} .hrdinfovis_tit {width: 1200px; margin: 0 auto ; padding: 130px 0 0 0; position: relative;} .hrdinfovis_tit em.tit_bur{width:84px; height:2px; display: block; position: absolute; top: 213px; left: -110px; background:#07d3aa; } .hrdinfovis_tit h1 {font-size: 64px; font-weight:300; color:#fff; line-height: 78px; padding: 18px 0 0 0;} .hrdinfovis_tit strong {font-size: 18px; font-family: 'Exo 2'; background:#07d3aa; letter-spacing: 2px; padding:3px 10px; text-transform: uppercase; color:#222; font-weight:500; line-height:150%;} .hrdinfovis_tit p {color:#cdcdcd; font-size:18px; line-height: 28px; font-weight: 300; margin:18px 0 0 0; letter-spacing: -0.4px;} .hrdinfovis_tit a {border: 1px solid #919191; color:#fff; padding: 12px 22px; display: inline-block; margin: 55px 0 0 0 ; transition-duration: 0.2s; font-size:16px; font-weight: 400;} .hrdinfovis_tit a span.c_07d3aa{color:#07d3aa; } .hrdinfovis_tit a:hover{background:#07d3aa; border: 1px solid #07d3aa; color:#0b2239; font-weight: 500;} .hrdinfovis_tit a:hover span.c_07d3aa{color:#0b2239; } .hrdinfo_section01{background: #f4f4f4; padding: 90px 0 110px 0; text-align: center;} .hrdinfo_section01 h4{font-size:44px; font-weight: 500; color:#000; line-height: 100%; letter-spacing: -0.5px;} .hrdinfo_section01 p{font-size:18px; color:#5f5f5f; font-weight: 400; line-height: 25px; padding:18px 0 ;} .hrdinfo_section01 .sec01_con{width:1200px; margin: 55px auto 0; } .hrdinfo_section01 .sec01_con ul {overflow: hidden;} .hrdinfo_section01 .sec01_con ul li {float:left; background: #fff; padding: 34px 0 ; width: 280px; margin-right:26px;} .hrdinfo_section01 .sec01_con ul li span {color:#222; font-size:16px; font-weight: 500; display: block;} .hrdinfo_section01 .sec01_con ul li img {display: block; margin: 21px auto;} .hrdinfo_section01 .sec01_con ul li strong {font-size:26px; display: block; font-weight: 700; color:#0058ff; } .hrdinfo_section01 .sec01_con ul li p{color:#444444; font-size:14px; font-weight:300; line-height:20px; padding: 18px 0 0 0; letter-spacing: -0.4px;} .hrdinfo_section02 {width:100%; height:680px; padding: 100px 0 70px 0; background:url(../Images/newsub/hrdinfosec02_vis.jpg) no-repeat top center; text-align: center; position: relative;} .hrdinfo_section02 h4{font-size:44px; font-weight: 300; color:#fff; letter-spacing: -0.5px; line-height: 60px;} .hrdinfo_section02 .sec02_con {width:1200px; margin: 57px auto ;} .hrdinfo_section02 .sec02_con .sec02_info {width: 100%; height:403px; position: relative; z-index:9; } .hrdinfo_section02 .sec02_con .sec02_info .circle.ab_left {left:0;border:2px solid #0ea78c; z-index:9; } .hrdinfo_section02 .sec02_con .sec02_info .circle.ab_right {right:0;border:2px solid #426fc2; } .hrdinfo_section02 .sec02_con .sec02_info .circle{ border-radius: 100%; width:265px; height: 265px; position: absolute; top:50%; margin-top: -132.5px; } .hrdinfo_section02 .sec02_con .sec02_info .center_circle {position: absolute; top: 0 ; width :1200px; height:403px; background: url('../Images/newsub/center_circle.png') no-repeat center center; } .hrdinfo_section02 .sec02_con .sec02_info .center_circle span{display: block; color:#c8dbff; font-size:14px; font-weight:400; margin: 124.5px 0 10px 0 ;} .hrdinfo_section02 .sec02_con .sec02_info .center_circle strong{color: #fff; font-size: 20px; font-weight: 400; display: block; } .hrdinfo_section02 .sec02_con .sec02_info .center_circle img { margin: 15px 0 0 0;} .hrdinfo_section02 .sec02_con .sec02_info .center_circle a{margin:8px auto; } .hrdinfo_section02 .sec02_con .sec02_info .circle span{display: block; color:#cccccc; font-size:14px; font-weight:400; margin: 53px 0 10px 0 ;} .hrdinfo_section02 .sec02_con .sec02_info .circle strong {color: #fff; font-size: 20px; font-weight: 400; display: block; } .hrdinfo_section02 .sec02_btmtxt{text-align: center; position: absolute; bottom: 70px; width: 100%; color:#fff; font-size: 20px; font-weight: 300; line-height: 32px; z-index: 2;} .hrdinfo_section03 { padding: 90px 0 110px 0; text-align: center;} .hrdinfo_section03 h4{font-size:44px; font-weight: 500; color:#000; line-height: 100%; letter-spacing: -0.5px;} .hrdinfo_section03 .sec03_con_wrap {width: 1200px; margin: 80px auto 0; overflow: hidden; } .hrdinfo_section03 .sec03_con_wrap .sec03_con.secbox01 {border-right: 1px solid #ddd; } .hrdinfo_section03 .sec03_con_wrap .sec03_con{float:left; width:544.5px; text-align: left; padding: 20px 20px 20px 35px;} .hrdinfo_section03 .sec03_con_wrap .sec03_tit{overflow: hidden; width:100%;} .hrdinfo_section03 .sec03_con_wrap .sec03_tit h6 {display:block; color:#d7d7d7; font-size:59px; line-height: 59px; float:left; width:86px; } .hrdinfo_section03 .sec03_con_wrap .sec03_tit p.tit03_txt {float:left; font-size:18px; color:#222; font-weight:500; line-height: 26px; padding: 7px 0 0 0;} .hrdinfo_section03 .sec03_con_wrap .sec03_body p {font-size:15px; font-weight:400; color:#787878; line-height: 24px; letter-spacing: -0.4px; margin : 20px 0 0 0; min-height: 72px;} .hrdinfo_section03 .sec03_con_wrap .sec03_bur{width: 580px; background:#ddd; height: 1px; margin:20px 0 ;} /* 국민내배카 발급안내 ************************/ .hrdcardissueinfo {margin: 64px 0 0 0 ; border-bottom: 1px solid #ccc;} .hrdcardissueinfo .hrdissue_box{overflow: hidden; margin-bottom: 80px;} .hrdcardissueinfo .hrdissue_box.con03 {margin-bottom: 55px;} .hrdcardissueinfo .hrdissue_box .hrdissue_tit{float:left;} .hrdcardissueinfo .hrdissue_box .hrdissue_tit strong{ color:#787878; font-size: 21px; font-weight:400; } .hrdcardissueinfo .hrdissue_box .hrdissue_tit h4{ color:#000; font-size: 26px; font-weight:700; line-height: 32px;} .hrdcardissueinfo .hrdissue_box .hrdissue_tit p { color:#333; font-size: 15px; font-weight: 700; line-height: 24px; padding-top:20px; } .hrdcardissueinfo .hrdissue_box .hrdissue_tit p span {font-weight:400; color:#787878;} .hrdcardissueinfo .hrdissue_box .hrdissue_img{float:right;} .hrdcardissueinfo_btnwrap {padding: 32px 0 0 0 ; } .hrdcardissueinfo_btnwrap p {text-align: center; font-size:16px; line-height: 150%; padding: 20px 0 0 0; color:#555} /* 사업주훈련이란? ************************/ .bizeduinfo{} .bizeduinfo .bizedu_tit{text-align: center; padding: 50px 0 ; width: 1200px; margin: 0 auto;} .bizeduinfo .bizedu_tit h4 {font-size:44px; font-weight: 400; color:#000; line-height: 100%; letter-spacing: -0.5px;} .bizeduinfo .bizedu_tit p {color:#5f5f5f; font-size:18px; font-weight:400; padding: 19px 0 28px 0; line-height: 26px;} .bizeduinfo .bizedu_tit img {display: block;} .bizeduinfo .bizedu_acodian {padding: 0 0 60px 0; overflow:hidden; width: 1200px; margin: 0 auto;} .bizeduinfo .bizedu_acodian .biz_acobox_left {width:590px; float:left;} .bizeduinfo .bizedu_acodian .biz_acobox_right {width:590px; float:right;} .bizeduinfo .bizedu_acodian .biz_acobox {border: 1px solid #ddd; margin: 0 0 20px 0; } .bizeduinfo .bizedu_acodian .biz_acobox .bizedu_q{padding: 18px 25px 22px 25px; position: relative;} .bizeduinfo .bizedu_acodian .biz_acobox .bizedu_q.bg_on{ border-bottom:1px solid #ddd;} .bizeduinfo .bizedu_acodian .biz_acobox .bizedu_q .bizedu_bullet {position: absolute; right: 25px; top:50%; display: block; font-weight:500; border:1px solid #43c774; color:#43c774; padding: 5px 9px; font-size:20px; margin-top: -15px; cursor:pointer;} .bizeduinfo .bizedu_acodian .biz_acobox .bizedu_q span {display: block; color:#07ba4f; font-family: 'Exo 2'; font-size:13px; font-weight:600; margin: 0 0 8px 0;} .bizeduinfo .bizedu_acodian .biz_acobox .bizedu_q h6{font-size:26px; font-weight: 400; color:#000;} .bizeduinfo .bizedu_acodian .biz_acobox .bizedu_a {padding: 18px 25px ; display:none;} .bizeduinfo .bizedu_acodian .biz_acobox .bizedu_a p{ font-size:15px; color:#444; font-weight: 300; line-height: 24px; letter-spacing: -0.4px;} .bizeduinfo .bizedu_acodian .biz_acobox .bizedu_a p strong{display: block; color: #2e74f7; font-weight: 500; padding: 0 0 6px 0;} .bizeduinfo .bizedu_acodian .biz_acobox .bizedu_a.bizbox01{ min-height: 78px;} .bizeduinfo .bizedu_acodian .biz_acobox .bizedu_a.bizbox02{ min-height: 150px;} .bizeduinfo .bizedu_refound {background:#fcfcfc; text-align: center; padding: 80px 0 100px 0 ;} .bizeduinfo .bizedu_refound h4{font-size:44px; font-weight: 400; color:#000; line-height: 100%; letter-spacing: -0.5px; margin-bottom:60px;} .bizeduinfo .bizedu_refbox{border:1px solid #ddd; background: #fff; width:1198px; margin: 0 auto; padding:42px 0; margin-bottom:15px;} .bizeduinfo .bizedu_refbox strong { font-size:24px; line-height:34px; } .bizeduinfo .bizedu_refbox img {display:block; margin:32px auto 0;} .bizedu_notice { padding: 90px 0 110px 0; text-align: center;} .bizedu_notice h4{font-size:44px; font-weight: 500; color:#000; line-height: 100%; letter-spacing: -0.5px;} .bizedu_notice .sec03_con_wrap {width: 1200px; margin: 80px auto 0; overflow: hidden; } .bizedu_notice .sec03_con_wrap .sec03_con.secbox02 {border-left: 1px solid #ddd; } .bizedu_notice .sec03_con_wrap .sec03_con{float:left; width:544.5px; text-align: left; padding: 20px 20px 20px 35px;} .bizedu_notice .sec03_con_wrap .sec03_tit{overflow: hidden; width:100%;} .bizedu_notice .sec03_con_wrap .sec03_tit h6 {display:block; color:#d7d7d7; font-size:59px; line-height: 59px; float:left; width:86px; } .bizedu_notice .sec03_con_wrap .sec03_tit p.tit03_txt {float:left; font-size:18px; color:#222; font-weight:500; line-height: 26px; padding: 7px 0 0 0;} .bizedu_notice .sec03_con_wrap .sec03_body p {font-size:15px; font-weight:400; color:#787878; line-height: 24px; letter-spacing: -0.4px; margin : 20px 0 0 0; min-height: 72px} .bizedu_notice .sec03_con_wrap .sec03_bur{width: 580px; background:#ddd; height: 1px; margin:20px 0 ;} .bizedugudie .bizguide_tit{text-align: center; padding: 50px 0 ; width: 1200px; margin: 0 auto;} .bizedugudie .bizguide_tit h4 {font-size:44px; font-weight: 400; color:#000; line-height: 100%; letter-spacing: -0.5px;} .bizedugudie .bizguide_tit .guide_step {border:1px solid #ddd; width: 1200px; margin:35px auto; position: relative;} .bizedugudie .bizguide_tit .guide_bur {width: 1000px; height: 1px; background: #ddd; position: absolute; bottom: 64px; z-index: 1; margin:0 100px;} .bizedugudie .bizguide_tit .guide_step ul {overflow:hidden; width:95%; margin: 0 auto; padding:40px 0 ; z-index: 2;} .bizedugudie .bizguide_tit .guide_step ul li{float:left; width:14.28%; text-align: center;} .bizedugudie .bizguide_tit .guide_step ul li span {font-family: 'Exo 2'; font-size:14px; font-weight: 600; color: #07ba4f; } .bizedugudie .bizguide_tit .guide_step ul li strong {font-size:18px; font-weight:500; color:#454545; line-height: 150%;} .bizedugudie .bizguide_tit .guide_step ul li img {padding: 20px 0 0 0 ; z-index: 4; position: relative;} .bizedugudie .bizguide_con {text-align: center; padding: 80px 0 ; width: 100%; margin: 0 auto; background: #fcfcfc; } .bizedugudie .bizguide_con h4 {font-size:44px; font-weight: 400; color:#000; line-height: 100%; letter-spacing: -0.5px;} .bizedugudie .bizguide_con .bizguide {width: 1200px; overflow: hidden; margin: 0 auto 0;} .bizedugudie .bizguide_con .bizguide img {display: block; position: relative;} .bizedugudie .bizguide_con .bizguide table tr th {width: 72px; text-align: center;background: url('../Images/newsub/guide_th_bg.png') repeat-y center center;} .bizedugudie .bizguide_con .bizguide table tr th .guide_cir {background: #777878; width: 17px; height:17px; border-radius: 100%; margin:40px auto 0;} .bizedugudie .bizguide_con .bizguide table tr td {text-align: left; padding: 0 0 0 10px;} .bizedugudie .bizguide_con .bizguide table tr td.guide_tb_tit {font-size: 20px; font-weight:500; color:#000; padding: 37px 0 0 0;} .bizedugudie .bizguide_con .bizguide table tr td.guide_tb_txt {font-size:15px; font-weight:300; color:#444; line-height: 24px; padding: 2px 0 18px 0;} .bizedugudie .bizguide_con .bizguide .g_r_img{ position: relative;} .bizedugudie .bizguide_con .bizguide .g_r_img p {position: absolute; left: 30px; bottom:40px; z-index: 10; text-align: left; color:#fff; font-size:15px; line-height: 24px; letter-spacing: -0.2px; font-weight: 300; } .bizedugudie .bizguide_con .bizguide .g_r_img strong{font-weight: 500; font-size:20px; line-height: 38px;} /* ================================================================================ 프로그램 다운로드 ================================================================================ */ #sub_contents .download {margin-top:45px;} #sub_contents .download h5{font-size:22px; color:#222; font-weight:500; margin-bottom:18px; width:100%; display: block;} #sub_contents .download .table_wrap{width:100%; overflow:hidden; margin-bottom:25px; } #sub_contents .download .down_table{width:32%; border:1px solid #ddd; margin-bottom:22px;float:left; margin-right:2% } #sub_contents .download .down_table tr td.mov_img{padding-left:0;text-align:center; } #sub_contents .download .down_table tr td.mov_img img{display: inline-table; } #sub_contents .download .down_table tr td{padding: 13px 0 13px 15px ; border-bottom:1px solid #ddd; font-size:16px; color:#222; font-weight: 600;} /* ================================================================================ 원격지원 ================================================================================ */ #sub_contents .remote{overflow:hidden; margin-top: 30px;} #sub_contents .remote .step{width:590px;} #sub_contents .remote .step.f_l{float:left;} #sub_contents .remote .step.f_r{float:right;} #sub_contents .remote .step .step_tit{background:#243045 ; overflow:hidden; padding:23px 0 ;} #sub_contents .remote .step .step_tit img{display:block; float:left; padding: 0 23px; } #sub_contents .remote .step .step_tit strong{color:#fff; display:block; float:left; font-size: 22px; font-weight:400; line-height:140%; letter-spacing: -0.2px } #sub_contents .remote .remote_down{float:left; width: 100%; text-align:center; height:50px; margin: 30px 0 35px 0; } #sub_contents .remote .remote_down a{ background:#0b2239 ; color:#fff; font-size:16px ; display:block; padding:13px 0; letter-spacing: -0.2px; border-radius:28px; width:35%; margin:0 auto; transition-duration: 0.3s} #sub_contents .remote .remote_down a:hover{background:#49d295; color:#000} #sub_contents .remote .remote_down a img{padding-right:10px;} /********************************************************************* 수강하기 상세 **********************************************************************/ .mystudy_view{overflow:hidden; margin-top:30px;} .mystudy_view .note{float:right; border:1px solid #ddd; width:730px; height:370px; } .mystudy_view .boxcon.status{float:left; width:340px; height:370px; padding:30px 25px; } .mystudy_view .boxcon.status .student_learndata { width:100%;float:left; overflow: hidden; margin: 5px 0 0 0; } .mystudy_view .boxcon.status .student_learndata .st_ld_con {width:49.5%; margin-right:0.5%; float: left; background:#f8f8fb; text-align: center; padding:30px 0; font-size:18px; font-weight:500; color:#9f9f9f; } .mystudy_view .boxcon.status .student_learndata .st_ld_con strong{ font-size: 45px; font-family: 'Exo 2'; font-weight:800; color: #0074ef; padding: 0 3px 0 0; line-height: 100%;} .mystudy_view .boxcon.status .student_learndata .st_ld_con p {color:#222 ; font-size:15px; font-weight:500; letter-spacing: -0.5px; padding: 8px 0 0 0;} .status_wrap{width: 100%; padding:0 0 30px 0;} .status_wrap h5, .bbs h5{font-size:18px; color:#444; padding-bottom: 11px; margin-top:35px; display:block; text-indent: 23px; background: url('../Images/newcommon/bullet04.png') no-repeat top left;} .status_box_wrap {width:100%; overflow:hidden; } .status_box{float:left; padding:18px 1% ; width:16.955%; margin-right: 1.3%; border-top:2px solid#222; border-bottom: 1px solid #ddd;} .status_box.st_none {opacity: 0.3; border-bottom: 1px solid #555; border-top:2px solid #555; } .status_box.st_none .status_bottom{color:#333;} .status_top {overflow: hidden;} .status_top .status_tit{font-size:16px; color:#333333; letter-spacing: -0.2px; font-weight:600; float:left;} .status_top .status_stat{font-size:16px; letter-spacing: -0.2px; font-weight:500; float:right;} .status_bottom {font-size: 13px; color:#676767; font-weight:400; letter-spacing: -0.3px; padding:10px 0 0 0 ;} .mystudy_view .boxcon.status p.lddate_data {width:100%; float: left; margin: 8px 0 0 0;} .mystudy_view .boxcon.status p.lddate_data strong {color:#222; font-weight:500;} .mystudy_view .boxcon.status .cspds_data {width:100%; float:left; margin: 4px 0 0 0} .mystudy_view .boxcon.status .st_btn_wrap {width:100%; float:left; overflow: hidden; margin: 5px 0 0 0; } .mystudy_view .boxcon.status .st_btn_wrap .st_btn {display:table; text-align: center;} .mystudy_view .boxcon.status .st_btn_wrap .st_btn a{display:table-cell; vertical-align: middle; height:45px; } .btn_myst01 { color:#fff; font-size:14px; width:100%; background:#0b2239; text-align: center;transition: .2s ease; } .btn_myst01:hover { background: #49d295; color:#0b2239; } .btn_myst01_off { color:#5f5f5f; font-size:14px; width:100%; display:block; background:#ededed; text-align: center; cursor:text;} .btn_myst02 { border-radius: 16.5px; padding: 6px 25px; text-align: center; font-size: 13px; color: #fff; dispay: inline-block; font-weight: 400; margin: 5px auto; transition-duration: 0.2s; background: #0b2239; cursor: pointer; } .btn_myst02:hover { background: #49d295; color:#0b2239; } .btn_myst02:hover .c_ligreen {color:#0b2239;} .mystudy_view .boxcon.status .st_btn_wrap .left_btn {width:49.5%; margin-right:0.5%; float:left;} .mystudy_view .boxcon.status .st_btn_wrap .right_btn {width:49.5%; float:right;} .mystudy_view .boxcon{padding:30px; border:1px solid #ddd; overflow: hidden; } .mystudy_view .boxcon.note h6{width:100%;} .mystudy_view .boxcon h6{display:block; margin-bottom:13px; font-size:22px; font-weight:600; color:#000; letter-spacing: -0.2px; width:212px; float:left; } .mystudy_view .boxcon p{font-size:14px; font-weight:400; color:#5f5f5f; letter-spacing: 0.1px; line-height:29px; } .status_table tr td{vertical-align: middle; text-align: left; background: #f7fafe; border-bottom: 7px solid #fff; padding:15px 0;} .status_table tr td.percent{border-right:7px solid #fff; font-size:16px; color:#000; font-weight:500; text-align: center;} .status_table tr td.percent strong{font-size:27px; color:#0074ef; font-family: "Exo 2"; font-weight:700; padding-left:10px; letter-spacing: -0.5px;} .status_table tr td.percent strong em{color:#787878; font-size:15px; padding-left:2px; font-weight:600;} .status_table tr td.tab_t{border-top:2px solid #000;} .status_table tr td.condition{font-size:18px; color:#222; text-indent: 30px; line-height: 120%;} .status_table tr td.condition span{font-size:13px; color:#787878; display:block;} .status_table tr td.tab_btn{text-align: center; line-height:40px;border-right:7px solid #fff;} .status_table tr td.tab_btn a{font-size:14px; color:#fff; background: #243045; width:150px; height:40px; display: block; margin:0 auto; font-weight:400; } .survey_on{background:#ddd !important; color:#787878 !important;} /********************************************************************* 과정검색 **********************************************************************/ #search{margin-top: 70px; } #search .search_tit{text-align: center; } #search .search_tit h3{font-size:36px; font-weight: 400; display: block; color:#000; line-height: 100% } #search .search_tit strong{font-size:17px; color:#787878; font-weight:300; display: block; margin-top:12px; } #search .search_form{background: #2c384b; overflow: hidden; padding: 41px 77px ; display: block; width:1046px; margin : 56px auto 15px; } .liz{border:1px solid #767d8a; float:left; width:138px; height:48px; margin-right: 16px;background:#2c384b url('../Images/newcommon/liz.png') no-repeat center center; cursor: pointer; } .inputbox02{width:750px; height:50px; background: #fff; text-indent: 15px; border:0px; float:left; } .search02 {background: #6dee86 url('../Images/newcommon/search.png') no-repeat center center; width:140px;; height:50px; border:0px; float:left; cursor: pointer;} #details_serch {width:100%; overflow:hidden;} #details_serch .sh_box{ width:32.5%; margin-right:1%; border:1px solid #ddd; border-radius: 10px; float: left; min-height:337px; max-height:337px;} #details_serch .sh_box .step_aera{text-align:center; padding:35px 0 20px 0;} #details_serch .sh_box .step_aera h6{font-size: 22px; color:#000; font-weight:400; display:block; margin-bottom:7px; } #details_serch .sh_box .step_aera h6 span{font-size:24px; font-family: "Exo 2"; font-weight:300; letter-spacing: -0.2px; } #details_serch .sh_box .step_aera strong{ font-size: 16px; color:#787878; font-weight:300; display:block; } /*셀렉액션 전*/ .sh_after{background:#9abeeb !important; } .sh_after .step_aera strong{color:#000 !important;} #details_serch .sh_box.sh_after .setp_select {display:block;} #details_serch .sh_box.sh_after .none_select {display:none;} #details_serch .sh_box.sh_before .setp_select {display:block;} #details_serch .sh_box.sh_before .none_select {display:none;} /*셀렉엑션 후 */ #details_serch .sh_box .setp_select {margin: 0 26px; display:none; } #details_serch .sh_box .setp_select ul{overflow: auto; padding-bottom: 22px;} #details_serch .sh_box .setp_select ul li{margin-bottom:5px; font-size:17px; font-weight: 500; } #details_serch .sh_box .setp_select ul li a{color:#000; padding:10px 22px; display: block; border-radius: 17px; } #details_serch .sh_box .setp_select ul li a:hover, a.active_on{background:#e6effa url('../Images/newcommon/arrow01.png') no-repeat 95% center;} /*none_셀렉상태*/ #details_serch .sh_box .none_select{text-align: center;} #details_serch .sh_box .none_select .sh_icon{height:130px; background: url('../Images/newcommon/icon05.png') no-repeat center center;} #details_serch .sh_box .none_select strong{font-size:22px; color:#787878; font-weight:300; line-height:28px; letter-spacing: -0.2px; padding-top:10px; display: block;} /********************************************************************* 멤버쉽 **********************************************************************/ .sub_text_area{font-size:15px; line-height: 180%; color:#676767;} .sub_text_area .txt_tit01 {font-size:18px; font-weight:600; color:#222;} .sub_text_area .txt_tit02 {font-weight:500; color:#676767;} #find {padding: 25px 0 0 0;} #find .find_note, .authcheck_note{font-size:15px; color:#787878; font-weight:400; line-height:24px; margin-bottom:35px; } #find {width:100%; overflow:hidden;} .auth_find {overflow:hidden; width: 1200px; margin:0 auto; } .auth_find .findbox{width:49%;} .findbox{ width:32.5%; margin-right:1%; border:1px solid #ddd; border-radius: 10px; float: left; min-height:345px; max-height:345px;} .findbox .findstep{text-align:center; padding:35px 0 20px 0;} .findbox .findstep h6{font-size: 24px; color:#000; font-weight:500; display:block; margin-bottom:7px; } .findbox .findstep strong{ font-size: 16px; color:#787878; font-weight:300; display:block; } .findbox .findbtm{text-align: center;} .findbox .findbtm .fi_icon01 a{height:126px; background: url('../Images/newcommon/icon06.png') no-repeat center center; width:100%; display:block; transition-duration: 0.3s; } .findbox .findbtm .fi_icon01 a:hover{background: url('../Images/newcommon/icon06_on.png') no-repeat center center;} .findbox .findbtm .fi_icon02 a{height:126px; background: url('../Images/newcommon/icon07.png') no-repeat center center; width:100%; display:block; transition-duration: 0.3s;} .findbox .findbtm .fi_icon02 a:hover{background: url('../Images/newcommon/icon07_on.png') no-repeat center center;} .findbox .findbtm .fi_icon03 a{height:126px; background: url('../Images/newcommon/icon08.png') no-repeat center center; width:100%; display:block; transition-duration: 0.3s;} .findbox .findbtm .fi_icon03 a:hover{background: url('../Images/newcommon/icon08_on.png') no-repeat center center;} .findbox .findbtm strong{font-size:14px; color:#787878; font-weight:300; line-height:20px; letter-spacing: -0.2px; padding-top:10px; display: block;} /* 회원가입 *********************************/ .memeber_register {} .mem_tit{display: block; font-size:18px; padding: 40px 0 15px 0; letter-spacing: -0.5px;} .mem_tit span {font-size:13px; margin: 0 0 0 7px; color:#5f5f5f; font-weight: 300; vertical-align : text-bottom;} .terms_box{display:inline-block; width:100%; height:220px; overflow-y:scroll; box-sizing:border-box; border:1px solid #e6e6e6; padding:20px 20px; font-size:14px; font-weight:400; color:#676767;} .terms_box strong{color:#222; font-weight:500; line-height: 200%;} .form_agree_wrap{padding: 11px 0; vertical-align: middle; text-align: right;} .form_agree_wrap label, .form_agree_wrap label input[type="checkbox"] {cursor: pointer;} .form_agree_wrap label span {margin-left: 5px; font-size:13.5px; color:#222; font-weight: 400;} /* 내일배움카드 신청 폼 *********************************/ .hrd_gree_p.ov_hiden{display:inline-block; width:100%; height:220px; overflow-y:scroll; box-sizing:border-box; border:1px solid #e6e6e6; padding:20px 20px; font-size:14px; font-weight:400; color:#676767;} .hrd_gree_p {display:inline-block; width:100%; box-sizing:border-box; border:1px solid #e6e6e6; padding:20px 20px; font-size:14px; font-weight:400; color:#676767; } .hrd_gree_p strong {font-size: 15px; font-weight:500; color:#222; display: block; padding: 20px 0 10px 0 ; line-height: 150%;} .hrd_gree_p p {font-size: 13px; font-weight: 400; color:#787878 ; line-height: 180%; } .hrd_gree_p .hr_p_red { color:#ff393d;} .hrd_gree_p .hr_p_blue { color:#1b42ff;} .paycomplete_tit{width: 1200px; margin: 55px auto 0; font-size: 35px; font-weight: 500; letter-spacing: -0.025em; line-height: 58px; text-align: center;} .Payment_step {text-align: center; margin: 15px 0 15px 0;} .Payment_step ul{ display: inline-block; text-align: center; margin: 0 auto; } .Payment_step ul li{ display: inline-block; border-bottom: 2px solid #ccc; padding: 8px 18px; margin-right: 5px; text-align: center; color: #ccc; font-weight: 400; font-size:16px; } .Payment_step ul li.on_page{border-bottom: 2px solid #0058ff; color: #0058ff; font-weight: 500;} .paycomplete_text {padding: 25px; line-height: 180%; border: 1px solid #ddd; margin-top: 25px; color: #5f5f5f; font-size: 19px; text-align: left; margin: 0 0 15px 0; } .paycomplete_text .font_red_bold {color:#fb1409; font-weight:700;} .paycomplet_subtit {display: block; font-size: 18px; padding: 40px 0 15px 0; letter-spacing: -0.5px;} .paycomplete_text strong {font-size: 15px; font-weight: 500; color: #222;} .paycomplet_ck{font-size:17px; cursor: pointer; font-weight:400;} .vbank_ready h5{text-align: center; font-size:18px; color:#5f5f5f; width:100%; display: block; line-height: 160%; font-weight: 400; margin: 5px auto 45px; letter-spacing: -0.025em; } .vbank_ready h5 span{color:#0f57e7; font-weight:500;} .vbank_ready_textarea {font-size:15px; font-weight:400; color:#343434; line-height: 160%; background: #f8f8fb; border:1px solid #ccc; padding:18px 0 ; margin: 0 0 30px 0 ; text-align: center;} .pay_method_wrap {text-align: center; font-size: 16px; padding: 35px 0 25px 0;} .pay_method_wrap input, .pay_method_wrap label{cursor: pointer;} /********************************************************************* 게시판 스킨 스타일 **********************************************************************/ .clearfix { *zoom: 1;} .clearfix:before, .clearfix:after {display: table; content: ""; line-height: 0; } .clearfix:after {clear: both;} .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;} .input-block-level { display: block; width: 100%; min-height: 30px; -moz-box-sizing: border-box; box-sizing: border-box;} .nav { margin-left: 0; margin-bottom: 20px; list-style: none;} .nav > li > a { display: block; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li > a > img { max-width: none; } .nav > .pull-right { float: right; } .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .nav li + .nav-header { margin-top: 9px; } .nav-list { padding-left: 15px; padding-right: 15px; margin-bottom: 0; } .nav-list > li > a, .nav-list .nav-header { margin-left: -15px; margin-right: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .nav-list > li > a { padding: 3px 15px; } .nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0088cc; } .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { margin-right: 2px;} .nav-list .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .nav-tabs, .nav-pills { *zoom: 1; } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; content: ""; line-height: 0;} .nav-tabs:after, .nav-pills:after { clear: both;} .nav-tabs > li, .nav-pills > li { float: left; } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { margin-bottom: -1px; } .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { color: #555555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .tab-content { overflow: auto; } .nav > .disabled > a { color: #999999;} .nav > .disabled > a:hover, .nav > .disabled > a:focus { text-decoration: none; background-color: transparent; cursor: default; } .tabbable-custom .nav {border-bottom:1px solid #cfcfcf;margin-bottom:-1px} #middle .contents_sub { margin: 0 0 0 10px; padding: 20px; min-height: 802px; height: auto !important; height: 700px; background: white; border-left: solid 1px #b2b2b2;} /********************************************************************* 프로모션 **********************************************************************/ .promo_tab {position: absolute; width: 100%; top: 50px; left:0; z-index: 9;} .promo_tab ul { display: inline-block; text-align: center; margin: 0 auto; width:1200px; } .promo_tab ul li { display: inline-block; background: #ededed; border:1px solid #ddd; padding: 12px 39px; text-align: center; font-weight: 400; font-size:16px; } .promo_tab ul li a {color: #676767; } .promo_tab ul li:hover {opacity: 0.9;} .promo_tab ul li.on_page{background: #243045; border:1px solid #243045; color: #07ba4f; } .promo_tab ul li.on_page a {color: #1eff9b} .promotion01_section, .promotion02_section, .promotion03_section {text-align: center; position: relative;} .in1200 {width: 1200px; margin: 0 auto; text-align: center; position: relative;} .promo_btn_wrap{ padding: 35px 0 ; } .promotion01_section .promo01_01 {background: #f6f6f6; padding: 89px 0 0 0; width: 100%; line-height: 0;} .promotion01_section .promo01_01 .btn_area {bottom: 112px; position:absolute; left:0; z-index:9} .promotion01_section .promo01_01 .btn_area a{float:left;} .promotion01_section .promo01_01 .btn_area a img{float:left; display: block;} .promotion01_section .promo01_02 {background: #ededed; padding: 50px 0; } .promotion01_section .promo01_03 {background: #f6f6f6; padding: 89px 0; } .promotion01_section .promo01_04 {background: #efeeee; padding: 89px 0; } .promotion01_section .promo01_05 {background: #f8f7f7; padding: 89px 0; } .promotion01_section .promo01_06 {background: #ffffff; padding: 89px 0; } .promotion01_section .promo01_07 {background: #f3f3f3; padding: 89px 0; } .promotion01_section .promo01_08 {background: #ffffff; padding: 89px 0; } .promotion01_section .promo01_09 {background: #fff; padding: 89px 0; } .promotion01_section .promo01_10 {background: #000; padding: 89px 0; } .promotion01_section .promo01_10 a.promo01_down01{ position: absolute; left:70px ; bottom: 131px;} .promotion01_section .promo01_10 a.promo01_down02{ position: absolute; right:472px ; bottom: 131px;} .promotion01_section .promo01_10 a.promo01_down03{ position: absolute; right:70px ; bottom: 131px;} .promotion01_section .promo01_11 {background: #019ba4; } .promotion01_section .promo01_11 p { color:#fff; text-align: center; padding: 25px 0; font-size:18px;} .promotion02_section .promo02_01 {background: #fff; padding: 110px 0 0 0; width: 100%; line-height: 0;} .promotion02_section .promo02_01 .btn_area {bottom: 215px; position:absolute; left:0; z-index:9} .promotion02_section .promo02_01 .btn_area a{float:left;} .promotion02_section .promo02_01 .btn_area a img{float:left; display: block;} .promotion02_section .promo02_02 {background: #21231f; padding: 50px 0; } .promotion02_section .promo02_03 {background: #0061d4; padding: 89px 0; } .promotion02_section .promo02_04 {background: #fff url('../Images/promotion/promo02_04_bg.png') no-repeat center top ; padding: 89px 0;} .promotion02_section .promo02_05 {background: #eff0f3; padding: 89px 0; } .promotion02_section .promo02_06 {background: #ffffff; padding: 89px 0; } .promotion02_section .promo02_07 {background: #0061d4; } .promotion02_section .promo02_07 p { color:#fff; text-align: center; padding: 25px 0; font-size:18px;} .promotion03_section .promo03_01 {background: #fff; padding: 110px 0 0 0; width: 100%; line-height: 0; } .promotion03_section .promo03_01 .btn_area {bottom: 95px; position:absolute; left:0; z-index:9} .promotion03_section .promo03_01 .btn_area a{float:left;} .promotion03_section .promo03_01 .btn_area a img{float:left; display: block;} .promotion03_section .promo03_02 {background: #ed1556; padding: 50px 0; } .promotion03_section .promo03_03 {background: #000000; padding: 89px 0; } .promotion03_section .promo03_04 {background: #fff; padding: 89px 0; } .promotion03_section .promo03_05 {background: #f3efef ; padding: 89px 0; } .promotion03_section .promo03_06 {background: #fff url('../Images/promotion/promo03_06_bg.png') no-repeat center bottom; padding: 89px 0; } .promotion03_section .promo03_07 {background: #ed1556; padding: 89px 0; } .promotion03_section .promo03_08 {background: #fff; padding: 89px 0; } .promotion03_section .promo03_09 {background: #f3efef; padding: 89px 0; } .promotion03_section .promo03_10 {background: #ed1556; } .promotion03_section .promo03_10 p { color:#fff; text-align: center; padding: 25px 0; font-size:18px;} /********************************************************************* 프로모션 - 법정의무 랜딩 **********************************************************************/ @font-face { font-family: 'TmonMonsori'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');} .promotion04_section {text-align: center; position: relative; width:100%; max-width: 1920px; margin: 0 auto; } .promotion04_section .promo04_vis {width:100%;background: url('../Images/promotion/promo04_vis_bg.jpg') no-repeat center center; padding:68px 0 60px 0;} @media screen and (max-width: 320px) and (min-width: 1600px){ .promotion04_section .promo04_vis {background-size: cover;} } .vis_topbox{line-height: 1; padding : 88px 0 88px 0;} .promotion04_section .promo04_vis .vis_topbox { position: relative; background: url('../Images/promotion/promo04_vis_topbox_bg.png') no-repeat center center; } .promotion04_section .promo04_vis .vis_topbox .poro_subtit {color:#feac3e ; font-size:42px; font-weight:500; letter-spacing: -0.01em;} .promotion04_section .promo04_vis .vis_topbox h1 {color:#82ffab ; font-size:113px; font-weight:700; display: block; margin:18px auto 55px; } .promotion04_section .promo04_vis .vis_topbox .vis_table{display:table; border:2px solid #dddddd; margin: 0 auto 15px; width:872px; } .promotion04_section .promo04_vis .vis_topbox .vis_table p {display: table-cell; vertical-align: middle; height: 69px; line-height: 69px;} .promotion04_section .promo04_vis .vis_topbox .vis_table p.vis_th {background: #feac3e; color:#0a0a0a; font-size:26px; letter-spacing: -0.005em; text-align: center; width:220px; font-weight:600; } .promotion04_section .promo04_vis .vis_topbox .vis_table p.vis_td {background: #251b1b; color:#fff; font-size:26px; letter-spacing: -0.01em; text-align: left;font-weight:500; text-indent: 24px; } .promotion04_section .promo04_vis .vis_topbox .btm_subcapoy p { font-size:24px; color:#fff; letter-spacing: -0.01em; opacity: 0.7; line-height: 34px; margin-top: 14px; } .promotion04_section .promo04_vis .vis_btnwrap { width:100%; position: absolute; bottom: -24px; z-index: 9;} .promotion04_section .promo04_vis .vis_btnwrap a { width: 285px; height:66px; line-height: 66px; display: inline-block; background: #fff; font-size: 28px; color: #000000; font-weight:600; letter-spacing: -0.01em; margin: 0 3px; border:2px solid #ddd; } .promotion04_section .promo04_vis .vis_btmbox { margin: 61px 0 0 0; } .promotion04_section .promo04_vis .vis_btmbox p{ font-size:31px; color:#fff; font-weight: 400; } .promotion04_section .promo04_vis .vis_btmbox p span { color:#fe64b0; font-weight:500; } .promo04_event{width:100%; background: #f5d760 url('../Images/promotion/promo04_event_bg.png') no-repeat center bottom; background-size: cover; text-align: left; line-height: 1; padding:73px 0 0 0;} .promo04_event h2 {color:#0f57e7; font-weight:700; font-size: 76px; text-align: left; display: block; margin:0 0 23px 0; position: relative;} .promo04_event h2 .covidtit_bullet{position: absolute; left:-104px; top: -31px;} .promo04_event .event_subcopy{text-align: left; font-size:22px; font-weight:500; letter-spacing:-0.025em; line-height: 28px; } .event_boxwrap{ overflow: hidden; padding: 0 0 20px 0; margin: 43px 0 64px 0;} .event_box{background: #fff; box-shadow: 10px 10px 0 #d1b752; border-radius: 10px; width:363px; height:276px; float:left; margin-right: 35px; } .event_box h4{display: block; width:100%; background: #0f57e7; font-family:'TmonMonsori'; font-weight:bold; font-size: 26px; color:#fff; padding:18px 0; border-radius: 10px 10px 0 0;} .event_txt{ padding: 20px 0 0 135px; text-align: left; } .event_txt .event_txt01 {color:#232323; font-size:17px; font-weight:500; letter-spacing: -0.05em; line-height: 26px; min-height:69px;} .event_txt .event_txt01 span{color:#ff6600;} .event_txt .event_txt02 {color:#5f5f5f; font-size:15px; font-weight:400; letter-spacing: -0.05em; line-height: 22px; margin-top:15px;} .event_box.event01 {background: #fff url('../Images/promotion/promo04_event01.png') 0 86px no-repeat;} .event_box.event02 {background: #fff url('../Images/promotion/promo04_event02.png') 0 86px no-repeat;} .event_box.event03 {background: #fff url('../Images/promotion/promo04_event03.png') 0 86px no-repeat;} .event_btm {width:100%; padding:28px 0 ; text-align: center;} .event_btm p{ color:#fff; font-weight:500; font-size:26px; letter-spacing: -0.025em; opacity: 0.8;} .promo04_section{padding:80px 0; width:100%; line-height: 1; } .promo04_section h2{ font-family:'TmonMonsori'; font-weight:bold; letter-spacing: -0.025em; font-size:48px; } .promo04_section.sec01{background: #373244;} .promo04_section.sec01 h2 {color:#fff; display: block; margin: 0 auto 68px;} .promo04_section.sec01 h2 span {color: #ffd200; } .sec01_con, .sec02_con01, .sec03_con01{ overflow:hidden;} .sec01box{width: 19%; float:left; margin-right:1.25%;} .sec01box.box01 .topbox{ background: #fff url('../Images/promotion/promo04_sec01_ic01.png') no-repeat center 37px ; } .sec01box.box02 .topbox{ background: #fff url('../Images/promotion/promo04_sec01_ic02.png') no-repeat center 37px ; } .sec01box.box03 .topbox{ background: #fff url('../Images/promotion/promo04_sec01_ic03.png') no-repeat center 37px ; } .sec01box.box04 .topbox{ background: #fff url('../Images/promotion/promo04_sec01_ic04.png') no-repeat center 37px ; } .sec01box.box05 .topbox{ background: #fff url('../Images/promotion/promo04_sec01_ic05.png') no-repeat center 37px ; } .topbox{ border-radius: 4px; padding: 185px 0 34px 0; } .topbox strong{font-size: 20px; color:#121212; font-weight:600; display: block; margin: 0px auto 0; letter-spacing: -0.05em; } .topbox p { font-size:15px; font-weight: 300; color:#070707; line-height: 22px; letter-spacing: -0.025em; margin: 15px auto 0; } .blinkbox {padding:9px 0 ; text-align: center;} .btmbox { padding:20px; border: 2px dashed #fff; border-radius: 4px; } .btmbox p { font-size:16px; font-weight:500; color:#fff; } .btmbox strong { font-size:22px; display:block; margin: 8px auto 0; color:#ffd200; font-weight:600; } .promo04_section.sec02{background: #f7f7f7;} .promo04_section.sec02 h2 {color:#243045; display: block; margin: 0 auto 68px;} .sec02box{width: 22%; float:left; margin-right:4%; padding: 252px 0 0 0;} .sec02box strong { font-size:22px; display:block; margin: 0 auto; color:#222; font-weight:600;} .sec02box p { font-size:16px; margin: 10px auto 0; color:#666; font-weight:400; letter-spacing: -0.05em; line-height: 23px;} .sec02box.box01{ background: url('../Images/promotion/promo04_sec02_ic01.png') no-repeat center top ; } .sec02box.box02{ background: url('../Images/promotion/promo04_sec02_ic02.png') no-repeat center top ; } .sec02box.box03{ background: url('../Images/promotion/promo04_sec02_ic03.png') no-repeat center top ; } .sec02box.box04{ background: url('../Images/promotion/promo04_sec02_ic04.png') no-repeat center top ; } .promo04_section.sec02 h3{color:#243045; display: inline-block; margin: 73px auto 48px; position: relative;} .promo04_section.sec02 h3 span{ position: absolute; bottom: 0; left:0; z-index: 2; text-align: center; font-size:36px;font-weight:500;} .promo04_section.sec02 h3 strong{ opacity: 0; font-size:36px;font-weight:500;} .promo04_section.sec02 h3 .h3_bg{background: #fbca88; width:100%; height: 12px; position: absolute; bottom: -4px; left:0; z-index: 1;} .sec02_con02 table{ width:100%;} .sec02_con02 table tr td {font-size:20px; font-weight:600; background:#f2f2f2; border-top:1px solid #ddd; border-right: 1px solid #ddd; font-family: 'Exo 2'; height:45px; vertical-align: middle;} .sec02_con02 table tr.th_title td{height:58px; vertical-align: middle;} .sec02_con02 table tr .bb_ddd{border-bottom: 1px solid #ddd;} .sec02_con02 table tr .bl_ddd{border-left: 1px solid #ddd;} .sec02_con02 table tr .sec02_inno{background: #fff; border-top:1px solid #ddd; border-right: 1px solid #ddd; color:#ff4800;} .sec02_con02 table tr .sec02_tit { font-family: 'Noto Sans KR', 'Noto Sans Korean'; font-size:18px; color:#222; font-weight:500; } .sec02_con02 table tr .sec02_th01{background: #3dac79; border-right: 1px solid #ddd; border-top:1px solid #ddd; border-left:1px solid #ddd; color:#fff; font-size:18px; line-height: 26px; font-weight:400;} .sec02_con02 table tr .sec02_th02{background: #dbece4; border-right: 1px solid #ddd; border-top:1px solid #ddd; color:#222; font-size:16px; font-weight: 500; } .sec02_con02 table tr .sec02_th03{background: #4166a2; border-right: 1px solid #ddd; border-top:1px solid #ddd; border-left:1px solid #ddd; color:#fff; font-size:18px; line-height: 26px; font-weight:400;} .sec02_con02 table tr .sec02_th04{background: #dce1ea; border-right: 1px solid #ddd; border-top:1px solid #ddd; color:#222; font-size:16px; font-weight: 500; } .promo04_section.sec03{background: #fff;} .promo04_section.sec03 h2 {color:#243045; display: block; } .promo04_section.sec03 h4 {color:#ff2b75; display: block; margin:22px auto 40px; font-size: 28px; letter-spacing: -0.05em; font-weight:600;} .sec03box{float:left; width:345px; margin-right: 82.5px; } .sec03box h5{display: block; margin: 0 auto 16px; font-size:28px; color:#000; font-weight: 600 ; letter-spacing: -0.05em;} .sec03box .sec03_topbox{position: relative;} .sec03box .sec03_topbox strong{position: absolute; width:100%; top:45px; left:0; text-align: center; font-size:36px; font-weight:700; color:#000; letter-spacing: -0.05em ;} .sec03box .sec03_topbox strong span {color:#ff1f70; font-weight: 400; } .sec03box .sec03box_text{ text-align: center; color:#232323; font-weight: 500; letter-spacing: -0.05em ; line-height: 32px; font-size: 23px; margin: 18px 0 0 0 ;} .sec03_btmbox { color:#363636; margin: 11px auto 0; text-align: center } .sec03_btmbox .sec03_dftxt {color:#363636; font-size:32px; font-weight: 600; letter-spacing: -0.05em ; display: inline; padding: 0 8px 0 0;} .sec03_btmbox h6 { position: relative; display: inline;} .sec03_btmbox h6 .h6_bg{position: absolute; bottom: -4px; left:0; width:100%; height: 17px; background: #feac3e; } .sec03_btmbox h6 .absol{position: absolute; left:0; color:#363636; font-size:32px; font-weight: 600; letter-spacing: -0.05em ; } .sec03_btmbox h6 .blink{opacity: 0; position: relative; color:#363636; font-size:32px; font-weight: 600; letter-spacing: -0.05em ;} .sec03_con02 {margin-top:65px;} .poromo04_course_line {overflow: hidden; width:100%; margin: 0 0 35px 0;} .poromo04_course {float:left; margin-right: 20px;} .couse_thum {width:285px; height:161px; position: relative; } .couse_thum.course01 {background: url("../Images/promotion/promo04_course01.jpg") no-repeat center center; background-size: cover;} .couse_thum.course02 {background: url("../Images/promotion/promo04_course02.jpg") no-repeat center center; background-size: cover;} .couse_thum.course03 {background: url("../Images/promotion/promo04_course03.jpg") no-repeat center center; background-size: cover;} .couse_thum.course04 {background: url("../Images/promotion/promo04_course04.jpg") no-repeat center center; background-size: cover;} .couse_thum.course05 {background: url("../Images/promotion/promo04_course05.jpg") no-repeat center center; background-size: cover;} .couse_thum.course06 {background: url("../Images/promotion/promo04_course06.jpg") no-repeat center center; background-size: cover;} .couse_thum.course07 {background: url("../Images/promotion/promo04_course07.jpg") no-repeat center center; background-size: cover;} .couse_thum.course08 {background: url("../Images/promotion/promo04_course08.jpg") no-repeat center center; background-size: cover;} .couse_thum.course09 {background: url("../Images/promotion/promo04_course09.jpg") no-repeat center center; background-size: cover;} .couse_thum.course10 {background: url("../Images/promotion/promo04_course10.jpg") no-repeat center center; background-size: cover;} .couse_thum.course11 {background: url("../Images/promotion/promo04_course11.jpg") no-repeat center center; background-size: cover;} .couse_thum.course12 {background: url("../Images/promotion/promo04_course12.jpg") no-repeat center center; background-size: cover;} .couse_thum .course_black {background: #000; position: absolute; width:100%; height:100%; opacity: 0.7; z-index: 2;} .couse_thum .course_play {background: url("../Images/promotion/course_play.png") no-repeat center center; position: absolute; width:100%; height:100%; cursor: pointer; z-index: 3;} .couse_thum:hover .course_play{opacity: 0; transition-duration: 1.0s;} .couse_thum:hover .course_black{opacity: 0; transition-duration: 1.5s;} .add_line01, .add_line02, .add_line03 {display: block; bordeR:1px solid #222; font-size:21px; font-weight:600; color:#000; padding:26px 0 ; border-radius: 4px; margin: 60px 0 0 0;} .couse_data h5 {font-size:22px; color:#000; font-weight:600; letter-spacing: -0.05em; margin: 17px 0 12px 0; display: inline-block;} .couse_data p {font-size:20px; color:#232323; font-weight:400; letter-spacing: -0.05em; } .couse_data p strong{color:#ff2c76; font-weight:600; } .poromo04_course_line.line02, .poromo04_course_line.line03, .add_line02, .add_line03 {display:none;} .promo04_section.sec04{background: #f4f0fa;} .promo04_section.sec04 h2 {color:#243045; display: block; margin: 0 auto 60px; } .promo_menu{background:#fff; width:100%; border:2px solid #222; text-align: left; border-radius: 4px; } .promo_click p {margin: 0 22px; padding:26px 0; font-size:22px; color:#222; font-weight:800; cursor: pointer;} .promo_click p strong{font-weight:800; color:#ff9200; } .hide_con {display:none; border-top:1px solid #ccc; } .hide_txt{margin: 0 22px; font-size:18px; color:#676767; font-weight: 400; padding:26px 0 ; line-height: 28px; } .promo_menu .promo_click p {background: url('../Images/promotion/promo04_sec04_arrow01.png') no-repeat right center; } .promo_menu .promo_click.arrow_bg.print_con p {background: url('../Images/promotion/promo04_sec04_arrow02.png') no-repeat right center; } .promo_menu.box02{margin: -2px 0 0 0 ;} .promo_btnwrap { margin : 37px 0 0 0 ; text-align:center; } .promo_btnwrap .promo_btn01 { background: #373244; color:#fff; font-weight: 600; font-size:28px; display: block; margin: 0 auto; width:290px; padding:17px 0; border-radius: 4px; line-height: 115%; } .promo_btnwrap .promo_btn01 span{ color:#d2d2d2; font-size:20px; font-weight: 400; } /*기업검색*/ #companySearch .formStyle { border:1px solid #ddd; background: #f8f8fb;} #companySearch .formStyle tr td {padding:15px 0 ;} #companySearch .formStyle tr th {font-weight: 600;} #cpList {width:100% !important;} #cpList tr th{border-top:2px solid #222; border-bottom: 1px solid #ddd; padding:10px 0; background: #f8f8fb; } #cpList table tr td{border-bottom: 1px solid #ddd; padding:8px 0;} #btnCpSearch {float:right;text-align:center; background: #0b2239; color:#fff; display: inline-block; width: 80px ; height:22px; line-height: 22px; border-radius: 3px; margin-right: 20px;} #companySearch .bbs_default_view tr td{ text-align: center; border-bottom: 1px solid #ddd; padding: 11px 0;} #companySearch .bbs_default_view tr td .bt01.small {text-align:center; background: #0b2239; color:#fff; display: inline-block; width: 40px ; height:22px; line-height: 22px; border-radius: 3px;} #btnCpSearch a { color:#fff;} #btnCpclose {text-align:center; background: #0b2239; color:#fff; display: inline-block; width: 80px ; height:22px; line-height: 22px; border-radius: 3px;} #btnCpclose a {color:#fff; }