@charset "utf-8"; /* CSS Document */ .gap { height:70px;} .sgap { height:40px;} .ssgap { height:20px;} .sssgap { height:10px;} .mt_20 {margin-top:20px;} .ml_20 {margin-left:20px;} .p_20 { padding:20px;} .p_33 { padding:33px;} .tc { text-align:center;} .tr { text-align:right;} .tl { text-align:left;} .fl {float:left;} .fr {float:right;} .border {border:1px solid #d7d7d7; overflow:hidden;} .border .dot li {position:relative;font-size:13px;font-family:'돋움'; color:#777777; line-height:22px; margin-left:10px;} .border .dot li:before {position:absolute;top:35%;left:-8px;content:""; display:block; width:3px; height:3px;background:#000;border-radius:1px;} .border_t {border-top:1px solid #d7d7d7;} .border_b {border-bottom:1px solid #d7d7d7;} /* 색상 */ .red { color:#e01415;} .red_b { color:#e01415; font-weight:bold;} .red_b_b { color:#e01415; font-weight:bold;font-size:16px;} .blue {color:#1e55b0;} .blue_b { color:#1e55b0; font-weight:bold;} .sky {color:#95bdff;} .strong { font-weight:bold;} .line {border-bottom:1px solid #e2e2e2;} body { zoom:1 } #wrap { width:100%; min-width:1080px !important; overflow:hidden;} /* title */ h3 {line-height:50px;font-size:20px;font-family:'notokr-bold'; letter-spacing:-1px;color:#000;} h3 span{line-height:50px;font-size:15px;font-family:'notokr-bold'; letter-spacing:-1px; margin-left:15px;} h3 .more { position:relative; float:right;font-size:14px;font-family:'나눔고딕';font-weight: normal; padding-right:23px;} h3 .more:after {position:absolute;top:40%;right:-5px;content:""; display:block; width:22px; height:22px;background:url(http://image.hrdch.co.kr/jobch/image/cs/cs_dot.gif) no-repeat 0 0;} h3 .plus { position:relative; float:right; top:15px;} h3 .txt {font-size:15px;font-family:'notokr-bold'; color:#7e7e7e;} h3 .btn_free {position:relative; float:right; top:20px;} h3 ul li { display:inline-block} #container .container_inner .container_right h4 {font-size:28px;line-height:58px;font-family:'notokr-bold'; letter-spacing:-1px; color:#000;} h5 {font-size:20px;font-family:'notokr-bold';color:#1a3e7c;letter-spacing:-1px; margin-bottom:18px;} h6 {font-size:20px;font-family:'notokr-bold';color:#8a28a6;letter-spacing:-1px; margin-bottom:18px;} #container .container_inner h7 {font-size:22px;font-family:'notokr-bold';color:#000;letter-spacing:-1px; line-height:56px; display:block; margin-bottom:3px;} #container .container_inner h7 .more { float:right;font-size:12px;font-family:'돋움';font-weight: normal;} #container .container_inner h7 .s_txt { margin-left:10px; font-size:12px;font-family:'돋움';font-weight: normal;color:#6d6d6d;letter-spacing:-1px; line-height:40px; } #container .container_inner h7 .rank { position:relative; float:right; font-size:12px;font-family:'notokr-bold';font-weight:bold;color:#5e5e5e; line-height:40px; } #container .container_inner h7 .rank:before {position:absolute;top:33%;left:-20px;content:""; display:block; width:13px; height:13px;background:#f62239;border-radius:10px;} #container .container_inner h7 .rank2 { position:relative; float:right; font-size:12px;font-family:'notokr-bold';font-weight:bold;color:#5e5e5e; line-height:57px; } #container .container_inner h7 .rank2:before {position:absolute;top:39%;left:-20px;content:""; display:block; width:13px; height:13px;background:#ca46aa;border-radius:10px;} #container .container_inner h7 .txt_r {font-size:12px;font-family:'돋움';color:#000; line-height:56px; font-weight:normal; margin-left:7px;} #container .container_inner .container_right h8 {font-size:16px;font-family:'notokr-bold';color:#000;letter-spacing:-1px; line-height:40px;} #container .container_inner .container_right h9 { position:relative; font-size:20px;font-family:'notokr-bold';color:#000;letter-spacing:-1px; line-height:40px; margin-left:10px; margin-right:28px;} #container .container_inner .container_right h9:before {position:absolute;top:35%;left:-10px;content:""; display:block; width:3px; height:3px;background:#000;border-radius:2px;} #container .container_inner h10 {font-size:16px;font-family:'notokr-bold';color:#000;letter-spacing:-1px; line-height:40px; display:block} #container .container_inner h11 { position:relative; font-size:20px;font-family:'notokr-bold';color:#000;letter-spacing:-1px; line-height:40px; display:block; text-align:center;} #container .container_inner h11:after {position:absolute;top:0px;left:50%; margin-left:-34px; content:""; display:block; width:67px; height:4px;background:#1e55b0;} h12 { position:relative; font-size:18px;font-family:'notokr-bold';color:#494949;letter-spacing:-1px; line-height:50px; display:block; text-align:left;} h12 span {position:relative; float:right; top:15px;} h13 { position:relative; font-size:22px;font-family:'notokr-bold';color:#000;letter-spacing:-1px; line-height:50px; display:block; text-align:left;} h13:before {position:absolute;top:0px;left:0px;content:""; display:block; width:36px; height:4px;background:#1e55b0;} h13 span {font-size:16px;font-family:'notokr-bold'; margin-left:18px; color:#3c3c3c;} h14 { position:relative; font-size:16px;font-family:'notokr-bold';color:#000;letter-spacing:-2px; line-height:40px; display:block; text-align:left; padding-left:15px;} h14:before {position:absolute;top:35%;left:0px;content:""; display:block; width:12px; height:12px;background:url(http://image.hrdch.co.kr/jobch/image/ncs/txt_dot.gif) no-repeat 0 0;} h15 { position:relative; font-size:14px;font-family:'notokr-bold';color:#000;letter-spacing:-1px; line-height:30px; display:block; text-align:left; padding-left:10px;} h15:before {position:absolute;top:45%;left:0px;content:""; display:block; width:3px; height:3px;background:#7791bb;border-radius:2px;} h16 { font-size:14px;font-family:'notokr-bold';color:#000;letter-spacing:-1px; line-height:30px; display:block; text-align: center;border:1px solid #c9dae7; background:#dfedf8; width:145px; height:30px; margin-bottom:10px;} h18 { display:block; font-family: 'notokr-bold';font-size:20px; line-height:36px;border-bottom:1px solid #e2e2e2; margin-bottom:15px;} h18 span { font-family: 'notokr-bold';font-size:13px; line-height:36px; margin-bottom:15px; margin-left:10px; color:#888888;} h19 { display:block; font-family: 'notokr-bold';font-size:20px; line-height:36px; margin-bottom:15px;} h19 span { font-family: 'notokr-bold';font-size:13px; line-height:36px; margin-bottom:15px; margin-left:10px; color:#888888;} h30 {line-height:30px;font-size:20px;font-family:'notokr-bold'; letter-spacing:-1px;color:#000;} /* 버튼 스타일*/ .btn_red { margin:10px 0 0 0;display:block;width:136px;height:40px;line-height:40px;text-align:center;font-size:17px;font-family:'notokr-regular';background:#ff283c;color:#ffffff !important;} #container .container_inner .container_right .btn_b_red { margin:0px 0 0 0;display:block;width:211px;height:50px;line-height:50px;text-align:center;font-size:18px;font-family:'notokr-regular';font-weight:bold;background:#ff283c;color:#fff;} #container .container_inner .container_right .btn_s_red { margin:0px auto 0 auto;display:block;width:57px;height:18px;line-height:20px;text-align:center;font-size:11px;font-family:'돋움';background:#ff0000;color:#fff;border:1px solid #b90202;border-radius:1px; letter-spacing:-1px;} #container .container_inner .container_right .btn_s_red02 { padding:2px 13px; display:block;line-height:25px;text-align:center;font-size:13px;font-family:'notokr-regular';background:#d22828;color:#fff;letter-spacing:-1px;} #container .container_inner .btn_l_wred {margin:0px auto 0 auto;display:block;width:80px;height:18px;line-height:18px;text-align:center;font-size:12px;font-family:'돋움'; font-weight:normal; background:#fff;color:#d22828;border:1px solid #d22828;letter-spacing:-1px;} #container .container_inner .btn_blue {margin:0px auto 0 auto;display:block;padding:9px 30px;text-align:center;font-size:16px;font-family:'notokr-regular';background:#1e55b0; color:#fff;letter-spacing:-1px;border:1px solid #1f52a6;} #container .container_inner .container_right .btn_s_blue { margin:0px auto 0 auto;display:block;width:57px;height:18px;line-height:20px;text-align:center;font-size:11px;font-family:'돋움';background:#1e55b0;color:#fff;border:1px solid #083683;border-radius:1px; letter-spacing:-1px;} #container .container_inner .container_right .btn_s_blue02 { margin:0px auto 0 auto;display:block;width:103px;height:25px;line-height:25px;text-align:center;font-size:12px;font-family:'돋움';background:#1e55b0;color:#fff;border:1px solid #083683;border-radius:1px; letter-spacing:-1px;} #container .container_inner .container_right .btn_l_blue {margin:0px auto 0 auto;display:block;width:226px;height:52px;line-height:52px;text-align:center;font-size:18px;font-family:'notokr-regular'; font-weight:normal; background:#1e55b0;color:#fff;border:1px solid #083683;border-radius:2px; letter-spacing:-1px;} #container .container_inner .container_right .btn_l_wblue {margin:0px auto 0 auto;display:block;width:80px;height:18px;line-height:18px;text-align:center;font-size:12px;font-family:'돋움'; font-weight:normal; background:#fff;color:#1e55b0;border:1px solid #083683;letter-spacing:-1px;} #container .container_inner .container_right .btn_l_gblue {margin:0px auto 0 auto;display:block;width:69px;height:24px;line-height:25px;text-align:center;font-size:12px;font-family:'돋움'; font-weight:bold; background:#f7f7f7;color:#1e55b0;border:1px solid #1e55b0;letter-spacing:-1px; border-radius:3px;} #container .container_inner .container_right .btn_l_gblue02 {margin:0px auto 0 auto;display:block;width:85px;height:24px;line-height:25px;text-align:center;font-size:12px;font-family:'돋움'; font-weight:bold; background:#f7f7f7;color:#1e55b0;border:1px solid #1e55b0;letter-spacing:-1px; border-radius:3px;} #container .container_inner .container_right .btn_l_gblack02 {margin:0px auto 0 auto;display:block;width:85px;height:24px;line-height:25px;text-align:center;font-size:12px;font-family:'돋움'; font-weight:bold; color:#292929;border:1px solid #292929;letter-spacing:-1px; border-radius:3px;} #container .container_inner .btn_white { margin:10px 0 0 0;display:block;width:136px;height:40px;line-height:40px;text-align:center;font-size:17px;font-family:'notokr-regular';background:#fff;color:#000;border:1px solid #d3d3d3;} #container .container_inner .btn_s_white { margin:0px 0 0 0;display:block; width:80px;height:34px; line-height:34px;text-align:center;font-size:13px;font-family:'notokr-regular';background:#fff;color:#000;border:1px solid #d3d3d3;} #container .container_inner .btn_list {margin:10px 0 0 0; display:block; padding:10px 20px; text-align:center;font-size:12px;font-family:'돋움';background:#fff;color:#000; font-weight:normal;border:1px solid #d3d3d3;} #container .container_inner .btn_gray {margin:0px auto 0 auto;display:block;padding:9px 30px;text-align:center;font-size:16px;font-family:'notokr-regular';background:#929292;color:#fff;letter-spacing:-1px;border:1px solid #767676;} #container .container_inner .container_right .btn_s_gray { margin:0 auto; display:block;width:103px;height:25px;line-height:25px;text-align:center;font-size:12px;font-family:'돋움';background:#e3e3e3;color:#000;border:1px solid #9d9d9d;border-radius:1px; letter-spacing:-1px;} #container .container_inner .container_right .btn_sky { margin:0px 0 0 10px;display:block;width:121px;height:32px;line-height:32px;text-align:center;font-size:17px;font-family:'notokr-regular';background:#4397d2;color:#fff;border:1px solid #246fa4;} .btn_w_56 { display: inline-block;width:56px; height:17px; text-align:center;font-size:11px;font-family:'돋움';background:#fff;color:#000;border:1px solid #e2e2e2;} /* 상단 */ #header {} #header .topbanner {background:#1e1c25;} #header .topbanner_inner { position:relative; left:50%; margin-left:-540px; width:1080px; overflow:hidden;} #header .spot { height:32px; background:#f8f8f8; border-bottom:1px solid #e5e5e5;} #header .spot_inner { width:1080px; margin:0 auto; overflow:hidden;} #header .spot_inner ul {float:right;} #header .spot_inner ul li { position:relative; float:left; display:inline-block;} #header .spot_inner ul li a{line-height:32px; margin-left:17px;font-family:'notokr-regular';font-size:14px; vertical-align: middle;} #header .spot_inner ul li:after {position:absolute;top:24%;right:-10px;content:""; display:block; width:1px; height:13px; background:#d5d5d5;} #header .spot_inner ul li:last-child:after {display:none;} #header .spot_inner ul li a:hover { color:#eb782a;} #header .head_box { height:98px;border-bottom:2px solid #2e60b6; } #header .head_box_inner {position:relative; left:50%; margin-left:-540px; width:1080px; overflow:hidden;} #header .head_box_inner h1{ position:absolute; margin:28px 0 0 0;} #header .head_box_inner .search {float:left;margin:46px 0 0 280px; width:352px; height:37px;border:1px solid #d5d5d5;border-right:none;overflow:hidden;} #header .head_box_inner .search select {float:left; margin:9px 0 0 15px;font-family:'notokr-regular';font-size:14px; color:#000; border:0;} #header .head_box_inner .search input {float:left;height:38px;margin-left:10px;width:178px; outline:none;font-family:'notokr-regular';font-size:12px; color:#aaaaaa;border:0;} #header .head_box_inner .search .search_btn {display:block;float:right;width:60px;height:39px;line-height:39px;text-align:center;font-size:14px;font-family:'notokr-regular';background:#1e55b0;color:#fff;} #header .head_box_inner .r_menu {position:relative; margin:50px 0 0 0px; float:right;} #header .head_box_inner .r_menu ul li { position:relative; float:left; display:inline-block;} #header .head_box_inner .r_menu ul li{ line-height:32px; margin-left:16px;font-family:'notokr-regular';font-size:14px; vertical-align: middle;} #header .head_box_inner .r_menu ul li:after {position:absolute;top:28%;right:-10px;content:""; display:block; width:2px; height:13px; background:#e6e6e6;} #header .head_box_inner .r_menu ul li:nth-child(4):after {display:none;} #header .head_box_inner .r_menu ul li a:hover { color:#1e55b0;} #header .menu {height:51px; background:#f2f2f2; border-bottom:1px solid #dcdcdc;} #header .menu .menu_inner {position:relative; left:50%; margin-left:-540px; width:1080px; } #header .menu .menu_inner ul li { position:relative; float:left;display:inline-block; line-height:51px; margin-left:62px;font-family:'notokr-bold';font-size:18px; vertical-align: middle; color:#494949;} #header .menu .menu_inner ul li:after {position:absolute;top:30%;left:-35px;content:""; display:block; width:1px; height:21px; background:#cfd6e3;} #header .menu .menu_inner ul li:first-child {margin-left:32px;} #header .menu .menu_inner ul li:first-child:after {background:#f2f2f2;} /*#header .menu .menu_inner ul li:first-child:after {position:absolute;top:30%;left:-27px;content:""; display:block; width:22px; height:22px;background:url(http://image.hrdch.co.kr/jobch/image/common/btn_all.gif) no-repeat 0 0;}*/ #header .menu .menu_inner ul li a.on{ color:#1e55b0;font-weight:bold;} #header .menu .menu_inner ul li a:hover{ color:#1e55b0;font-weight:bold;} /* 전체메뉴 */ .menu_all { border-bottom:1px solid #e2e2e2; height:250px; z-index:999;width:100%;position:absolute;background-color:#ffffff;} .menu_all .menu_all_inner {position:relative; left:50%; margin-left:-540px; width:1080px; } .menu_all .menu_all_inner ul { float:left;border-left:1px solid #e2e2e2; padding:24px 20px;height:203px; width:138px; } .menu_all .menu_all_inner ul:nth-child(6) {border-right:1px solid #e2e2e2; } .menu_all .menu_all_inner .tit {font-family:'notokr-bold';font-size:16px; color:#1a3e7c;letter-spacing:-1px;line-height:28px;} .menu_all .menu_all_inner .list {border-left:none; padding:0px;} .menu_all .menu_all_inner .list li {font-family:'notokr-bold';font-size:14px; color:#494949;letter-spacing:-1px;line-height:24px;} .menu_all .menu_all_inner .list li a{font-family:'notokr-regular';font-size:14px; color:#494949;letter-spacing:-1px;line-height:24px;} .menu_all .menu_all_inner .list li a:hover{font-family:'notokr-bold';color:#494949;text-decoration:underline;} #container { overflow:hidden; clear:both; } .ncs_top { position:relative; left:50%; margin-left:-1000px;} .bxslider {position:relative; left:50%; margin-left:-1000px;} /* 왼쪽 배너 */ .left_banner {position:relative; float:left; left:50%; margin:35px 0 0 -640px;} .left_banner ul li { margin-bottom:10px;} /* 오른쪽 배너 */ .right_banner {position:relative; float:right; right:50%; margin:35px -640px 0 0;} .right_banner ul li { margin-bottom:10px;} /* 메인 비주얼 */ .main_visual {position:relative;background:#ffffff; overflow:hidden; } .main_visual_inner{position:relative;} .main_visual_inner ul{position:relative;width:2000px;left:50%;margin-left:-1000px;} .main_visual_inner .bx-controls{position:absolute;bottom:26px;z-index:100;left:50%;margin-left:180px;} .main_visual_inner .bx-controls-direction{} .main_visual_inner .bx-controls .bx-prev{display:none;} .main_visual_inner .bx-controls .bx-next{display:none;} .main_visual .inner{position:relative; text-align:center;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;} .main_visual .custom_pager{overflow:hidden;width:1080px;margin:auto;} .main_visual .custom_pager a{display:block;float:left;width:23%;height:40px;border-left:1px solid #e2e2e2; text-align:center; line-height:43px;font-family:'바른나눔고딕';font-size:15px;text-align:center;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .main_visual .custom_pager a.active{border-bottom:3px solid #1e1e71; text-align:center; line-height:40px;color:#1e1e71; font-weight:bold;} .main_visual .custom_pager a:hover{font-weight:bold;} .main_visual .custom_pager a:last-child{border-right:1px solid #e2e2e2;} #container .container_inner { position:relative; width:1080px; margin:0px auto 0 auto; min-height:650px; } #container .container_inner .banner_list {overflow:hidden; margin-top:35px;} #container .container_inner .banner_list ul li { float:left; display:inline-block; border:1px solid #e2e2e2; margin-right:12px;} #container .container_inner .banner_list ul li:last-child {margin-right:0;} /* 기업별 직무적성검사 */ #container .container_inner .test { overflow:hidden;} #container .container_inner .test .company_list { float:left; width:750px;} #container .container_inner .test .company_list ul li{ float:left;display:inline-block;border:1px solid #e2e2e2; margin:0 9px 10px 0;} #container .container_inner .test .company_list ul li:nth-child(7) { margin-right:0;} #container .container_inner .test .company_list ul li:nth-child(14) { margin-right:0;} #container .container_inner .test .company_list ul li:nth-child(21) { margin-right:0;} #container .container_inner .test .company_ban { float:right;} /* 취업전략 특강 */ #container .container_inner .special {overflow:hidden; } #container .container_inner .special ul li { float:left; display:inline-block; border:1px solid #e2e2e2; margin-right:12px;} #container .container_inner .special ul li:last-child {margin-right:0;} /* 게시판 */ #container .container_inner .board {overflow:hidden;} #container .container_inner .board div { float:left; display:inline-block; width:350px; margin-right:14px;} #container .container_inner .board div:last-child {margin-right:0;} #container .container_inner .board .aptitude {} #container .container_inner .board .aptitude dl {overflow:hidden; border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; width:309px; background:#fff; padding:17px 21px;} #container .container_inner .board .aptitude dl:nth-child(3) {margin-right:0;border-bottom:1px solid #e2e2e2;} #container .container_inner .board .aptitude dl dt { float:left; width:61px; height:56px; vertical-align:middle;} #container .container_inner .board .aptitude dl dd { float:left; margin:0 0 0 21px; width:220px;line-height:17px;font-family:'굴림';font-size:12px; color:#888888; } #container .container_inner .board .aptitude dl .tit {font-weight:bold;font-size:14px; color:#494949;line-height:30px;} #container .container_inner .board .test_review {} #container .container_inner .board .test_review ul {overflow:hidden; border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; width:309px; background:#fff; padding:17px 21px;} #container .container_inner .board .test_review ul:nth-child(3) {margin-right:0;border-bottom:1px solid #e2e2e2;} #container .container_inner .board .test_review ul li { line-height:17px;font-family:'굴림';font-size:12px; color:#888888; } #container .container_inner .board .test_review ul .tit {font-weight:bold;font-size:14px; color:#327ccf;line-height:30px;} #container .container_inner .board .interview {} #container .container_inner .board .interview ul {overflow:hidden; border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; width:308px; background:#fff; padding:17px 21px;} #container .container_inner .board .interview ul:nth-child(3) {margin-right:0;border-bottom:1px solid #e2e2e2;} #container .container_inner .board .interview ul li { line-height:17px;font-family:'굴림';font-size:12px; color:#888888; } #container .container_inner .board .interview ul .tit {font-weight:bold;font-size:14px; color:#00ad86;line-height:30px;} /* 채용정보 */ .recruit {background:#f2f2f2; overflow:hidden; margin:50px 0 0 0;padding:52px 0;} .recruit .recruit_inner {position:relative; left:50%; width:1080px; margin-left:-540px;} .recruit .recruit_inner dl { float:left; display:inline-block; border:1px solid #e2e2e2; width:290px; height:59px; background:#fff; margin:0px 8px 8px 0; padding:30px 30px;} .recruit .recruit_inner dl:last-child {margin-right:0;} .recruit .recruit_inner dl dt { float:left; width:61px; height:56px; vertical-align:middle;} .recruit .recruit_inner dl dd { float:left; margin:0 0 0 30px; width:190px;line-height:17px;font-family:'굴림';font-size:13px; color:#888888; } .recruit .recruit_inner dl .tit {font-weight:bold;font-size:16px; color:#494949;line-height:30px;} /* 새로운 출간 도서 */ #container .container_inner .new_book {} #container .container_inner .new_book {border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:30px 0;overflow:hidden;} #container .container_inner .new_book ul {width:195px; border-right:1px solid #e2e2e2; float:left; display:inline; margin-right:25px;} #container .container_inner .new_book ul:last-child {margin-right:0; border-right:0;} #container .container_inner .new_book ul .txt{width:168px; text-align:center; margin:15px 0 0 0;} #container .container_inner .new_book ul .txt a{line-height:19px;font-family:'굴림';font-size:13px; } /* 메인 하단 배너 */ #container .container_inner .b_banner { margin:40px 0 0 0;} /* 하단 게시판 */ #container .container_inner .b_board {overflow:hidden; margin:50px 0 0 0;} #container .container_inner .b_board div { float:left; display:inline-block; width:340px; margin-right:14px;} #container .container_inner .b_board div:last-child {margin-right:0;} #container .container_inner .b_board .cs {border-right:1px solid #e2e2e2; padding-right:15px;} #container .container_inner .b_board .cs p {font-family:'Gotham Black'; font-weight:bold; font-size:44px; line-height:48px;} #container .container_inner .b_board .cs .time { position:relative; margin:15px 0 0 0;} #container .container_inner .b_board .cs .time:before { position:absolute;top:15%;left:0px;content:""; display:block; width:7px; height:30px; background:#e2e2e2;} #container .container_inner .b_board .cs .time li {font-family:'notokr-regular'; font-size:14px; line-height:20px; padding-left:18px;} #container .container_inner .b_board .cs .cs_box { background:#f2f2f2; padding:21px 40px; margin:13px 0 0 0;} #container .container_inner .b_board .cs .cs_box li { position:relative; display:inline-block; margin-right:18px; font-family:'notokr-regular'; font-size:14px;} #container .container_inner .b_board .cs .cs_box li:last-child {margin-right:0;} #container .container_inner .b_board .cs .cs_box li:after {position:absolute;top:20%;right:0px;content:""; display:block; width:1px; height:14px; background:#c2c2c2; margin-right:-10px;} #container .container_inner .b_board .cs .cs_box li:last-child:after { display:none;} #container .container_inner .b_board .notice{border-right:1px solid #e2e2e2; padding-right:15px;} #container .container_inner .b_board .notice ul {border:1px solid #e2e2e2;padding:30px 15px;} #container .container_inner .b_board .notice ul li { line-height:26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width:308px;} #container .container_inner .b_board .event{margin:0;} #container .container_inner .b_board .event ul {border:1px solid #e2e2e2;padding:30px 15px;} #container .container_inner .b_board .event ul li { line-height:26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width:308px;} #container .container_inner .b_board ul li span img{vertical-align: middle;} /* 왼쪽메뉴 */ #container .container_inner .container_left {float:left; width:200px; margin-top:35px;} #container .container_inner .container_left h2 {height:56px; background:#f2f2f2; border-top:1px solid #e2e2e2; border-bottom:2px solid #1e55b0;line-height:56px;font-size:22px;font-family:'notokr-bold'; padding-left:12px; letter-spacing:-2px;} #container .container_inner .container_left .left_menu {position:relative;} #container .container_inner .container_left .left_menu:last-child{border-bottom:1px solid #e2e2e2; } #container .container_inner .container_left .menu_tit {border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:6px 0 6px 0px;} #container .container_inner .container_left .menu_tit:after{position:absolute;top:14px;right:0px;content:""; display:block; width:7px; height:7px;background:url(http://image.hrdch.co.kr/jobch/image/common/menu_dot.gif) no-repeat 0 0;} #container .container_inner .container_left .menu_tit ul li {font-family:'notokr-bold'; font-weight:bold; font-size:17px; vertical-align: middle; color:#1e55b0;letter-spacing:-1px; line-height:24px;margin-left:10px;} #container .container_inner .container_left .menu_tit ul li a:hover {color:#1e55b0;} #container .container_inner .container_left .menu_tit ul li a.on {color:#1e55b0;} #container .container_inner .container_left .menu_tit ul li span{font-family:'notokr-bold';font-size:14px; vertical-align: middle; color:#000;letter-spacing:-1px;line-height:20px;} #container .container_inner .container_left .list { margin:5px 0 5px 10px;} #container .container_inner .container_left .list li a{font-family:'notokr-regular';font-size:14px; vertical-align:middle; color:#404040;letter-spacing:-1px; line-height:24px; border:none;} #container .container_inner .container_left .list li a:hover {color:#1e55b0;} #container .container_inner .container_left .list li a.on{color:#1e55b0;} #container .container_inner .container_left .l_menu_ban { margin-top:30px;} #container .container_inner .container_left .line02 {border-bottom:1px solid #e2e2e2;} /*#container .container_inner .container_left .line a{font-weight:bold;}*/ #container .container_inner .container_left .list li img { margin:5px 0 0 3px;} /*카피라이터*/ #footer {margin-top:70px;border-top:2px solid #292929; height:200px;} #footer .footer_top {border-bottom:1px solid #e2e2e2; height:50px;} #footer .footer_top .inner{ position:relative; left:50%; width:1080px; margin-left:-540px;} #footer .footer_top .inner .footer_l {float:left;} #footer .footer_top .inner .footer_l ul li { position:relative;display:inline-block; margin-right:28px;font-family:'notokr-regular';font-size:15px; color:#494949; line-height:50px;} #footer .footer_top .inner .footer_l ul li:after {position:absolute;top:35%;right:-20px;content:""; display:block; width:1px; height:13px;background:#d4d4d4;} #footer .footer_top .inner .footer_l ul li:last-child:after { display:none;} #footer .footer_top .inner .footer_r {float:right;} #footer .footer_top .inner .footer_r ul li { position:relative;display:inline-block;line-height:50px;} #footer .footer_bottom { margin-top:24px;} #footer .footer_bottom .inner{position:relative; left:50%; width:1080px; margin-left:-540px;} #footer .footer_bottom .inner ul li { float:left; display:block} #footer .footer_bottom .inner ul li:nth-child(2) { margin-left:65px;border-left:1px solid #e2e2e2; padding-left:30px;font-family:'notokr-regular';font-size:13px; color:#888888;} #footer .footer_bottom .inner ul li:nth-child(3) {float:right;} #footer .footer_bottom .inner .info { border:1px solid #e2e2e2; padding:0 2px;border-radius:4px;} /* 모의고사 메인 */ #container .container_inner .container_right {float:right; width:840px; margin-top:35px;} #container .container_inner .container_right .ncs_view { overflow: hidden} #container .container_inner .container_right .ncs_view ul { float:left; display:inline-block; margin-right:30px;} #container .container_inner .container_right .ncs_view ul:last-child { margin-right:0;} #container .container_inner .container_right .ncs_view ul .view { text-align:center; margin-top:16px;} #container .container_inner .container_right .company {} #container .container_inner .container_right .company ul li { display:inline-block; border:1px solid #e2e2e2; margin:0 6px 7px 0; } #container .container_inner .container_right .company ul li:nth-child(7) { margin-right:0px;} #container .container_inner .container_right .company ul li:nth-child(14) { margin-right:0px;} #container .container_inner .container_right .company ul li:nth-child(21) { margin-right:0px;} #container .container_inner .container_right .test_ban {} #container .container_inner .container_right .test_ban .ban_l { float:left; width:475px; } #container .container_inner .container_right .test_ban .ban_l ul li {float:left; display:inline-block;} #container .container_inner .container_right .test_ban .ban_r { float:right; } /* 날개 오른쪽 배너 */ .wing_right_ban {position:relative; float:right; right:50%; margin:35px -640px 0 0; width:100px; z-index:9999;} .wing_right_ban a img { margin-bottom:10px;} /* 카테고리 리스트 */ #container .container_inner .container_right .category { } #container .container_inner .container_right .category .ca_top {margin:37px 0 0 0; overflow:hidden;} #container .container_inner .container_right .category .ca_top .ca_left { float:left; font-size:16px;font-family:'notokr-bold';color:#575757; line-height:18px;} #container .container_inner .container_right .category .ca_top .ca_left span{font-size:16px;font-family:'notokr-bold';color:#000;font-weight:bold;} #container .container_inner .container_right .category .ca_top .ca_right { float:right; } #container .container_inner .container_right .category .ca_top .ca_right ul li { display:inline-block; margin-left:40px;font-size:15px;font-family:'notokr-bold';} #container .container_inner .container_right .category .ca_top .ca_right .package { position:relative;} #container .container_inner .container_right .category .ca_top .ca_right .package:before {position:absolute;top:15%;left:-30px;content:""; display:block; width:25px; height:11px;background:#1e55b0;border-radius:5px;} #container .container_inner .container_right .category .ca_top .ca_right .college { position:relative;} #container .container_inner .container_right .category .ca_top .ca_right .college:before {position:absolute;top:15%;left:-30px;content:""; display:block; width:25px; height:11px;background:#8a28a6;border-radius:5px;} #container .container_inner .container_right .ca_con{ margin:11px 0 0 0;} .con_box {border-top:1px solid #e2e2e2; padding:30px 0; height:170px;} .con_box:last-child {border-bottom:1px solid #e2e2e2;} .con_box .box_left { float:left; width:80%; border-right:1px solid #e2e2e2;} .con_box .box_left .left_left { float:left;width:70%;} .con_box .box_left .left_right { float:right; margin:10px 35px 0 0;} .con_box .box_left .left_right .photo {width:114px;height:114px;} .con_box .box_left .left_right .photo img{width:114px;height:114px;} .con_box .box_left .left_right .photo .bg_area{width:70px;margin:auto;text-align: center;} .con_box .box_left .left_right .photo .bg_text{height:85px;font-family:'notokr-bold';font-size:14px;line-height:16px;color:#000;display:table-cell;vertical-align:middle;} .con_box .box_left .left_right .btn_blue00 { margin:6px 0 0 0;display:block;width:114px;height:27px;line-height:27px;text-align:center;font-size:14px;font-family:'notokr-regular';letter-spacing:-2px; background:#1e55b0;color:#fff;} .con_box .box_left .left_right .btn_violet { margin:6px 0 0 0;display:block;width:114px;height:27px;line-height:27px;text-align:center;font-size:14px;font-family:'notokr-regular';letter-spacing:-2px; background:#8a28a6;color:#fff;} .con_box .box_left .left_right .name{ text-align:center; margin-top:12px;} .con_box .box_right { float:right; margin:30px 0 0 0;} .con_box .box_right .money {font-size:22px;font-family:'Noto Sans KR Medium'; text-align:center;} .con_box .box_right .money span{font-size:35px;font-family:'notokr-bold'; font-weight:bold;letter-spacing:-1px;line-height:50px;} /* .ca_footer { width:100%; margin:35px auto 0 auto; text-align: center;} .ca_footer .pre li{display:inline-block;} .ca_footer .num li{display:inline-block; margin:0 11px;line-height:25px; vertical-align:middle; font-size:13px;font-family:'나눔고딕';} .ca_footer .num li:hover { color:#7c9dbc;} .ca_footer .num li.prev{margin:0} .ca_footer .num li.first{margin:0} .ca_footer .num li.next{margin:0} .ca_footer .num li.last{margin:0} .ca_footer .num .on {border:1px solid #e2e2e2; padding:1px 9px;} .ca_footer .next li{display:inline-block;} */ /* 카테고리 작은 테이블 스타일 */ .tbl-type-s01 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:left;font-size:12px;border-bottom:1px solid #e2e2e2;font-family:'돋움'} .tbl-type-s01 th, .tbl-type-s01 td {padding:6px 16px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-s01 th, .tbl-type-s01 tfoot th {color:#666;background:#fff;font-weight:normal;} .tbl-type-s01 th:first-child, .tbl-type-s01 td:first-child {border-left:0} .tbl-type-s01 th:last-child, .tbl-type-s01 td:last-child {border-right:0} .tbl-type-s01 th { font-weight:bold; background:#fff;} .tbl-type-s01 tfoot th {font-size:22px;font-family:'notokr-medium'; text-align:center;letter-spacing:-2px;border-right:0} .tbl-type-s01 tfoot td {font-size:22px;font-family:'notokr-medium'; text-align:right; border-left:0} .tbl-type-s01 tfoot td span {font-size:35px;font-family:'notokr-bold'; font-weight:bold;letter-spacing:-1px;line-height:50px;} .tbl-type-s01 a {font-family:'돋움'} /* 카테고리_뷰 테이블 스타일 */ .tbl-type-s02 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;font-size:12px;border-bottom:1px solid #ccc;font-family:'돋움'; background:#fafafa;} .tbl-type-s02 th, .tbl-type-s02 td {padding:3px 0;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-s02 td {color:#000;} .tbl-type-s02 thead th {background:#ecedf0;color:#000f;border-bottom:1px solid #c4c4c4;font-size:12px;} .tbl-type-s02 thead tr:first-child th {border-top:1px solid #000;} .tbl-type-s02 thead tr:first-child { position:relative;} .tbl-type-s02 .down:after {position:absolute;top:32%; left:0; content:""; display:block; width:24px; height:24px;background:url(http://image.hrdch.co.kr/jobch/image/category/ico_down.gif) no-repeat 0 0;} .tbl-type-s02 .left { text-align:left; padding:6px 20px;} .tbl-type-s02 .result li { display:inline-block; vertical-align:middle; margin-left:5px;} .tbl-type-s02 .result li:first-child { margin-left:0;} .tbl-type-s02 .result .red { margin-right:10px; font-size:26px;font-family:'notokr-bold'; font-weight:bold;letter-spacing:-1px;line-height:50px; color:#e01415;} .tbl-type-s02 .f_purple_b td{ color:#cc58e1; font-size:12px;font-family:'돋움';font-weight:bold;} .tbl-type-s02 .f_violet_b td {color:#5739db; font-size:12px;font-family:'돋움';font-weight:bold;} .tbl-type-s02 td .o {font-size:14px;font-family:'VAG Round'; color:#f22f5d;} .tbl-type-s02 td .x {font-size:14px;font-family:'VAG Round'; color:#40557e;} .tbl-type-s02 tfoot th {} .tbl-type-s02 tfoot td { background:#f7ecec;font-weight:bold;} .tbl-type-s02 .skyblue { background:#eef2fb;} /* 주문 테이블 스타일 */ .tbl-type-s03 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;font-size:12px;border-bottom:1px solid #ccc;font-family:'돋움'; } .tbl-type-s03 th, .tbl-type-s03 td {padding:16px 10px;border-top:1px solid #ccc;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-s03 td {color:#000;} .tbl-type-s03 thead th {background:#ecedf0;color:#000;border-bottom:1px solid #ccc;font-size:12px;} .tbl-type-s03 thead tr:first-child th {border-top:1px solid #000;} .tbl-type-s03 thead tr:first-child { position:relative;} .tbl-type-s03 .left { text-align:left; padding:16px 20px;} .tbl-type-s03 .btn_dgray { padding:5px 12px; width:66px; height:24px; line-height:24px; text-align:center;font-size:12px;font-family:'notokr-regular';background:#4e4e4e;color:#fff;letter-spacing:-1px;border:1px solid #767676; border-radius:4px;} .tbl-type-s03 .btn_sgray {padding:5px 7px;width:66px; height:24px; line-height:24px; text-align:center;font-size:12px;font-family:'notokr-regular';background:#d6d6d6;color:#555555;letter-spacing:-1px;border:1px solid #b7b7b7; border-radius:4px;} .tbl-type-s03 a { font-family:'돋움';} /* 카테고리_뷰 테이블 스타일 */ .tbl-type-s04 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;font-size:12px;border-bottom:1px solid #ccc;font-family:'돋움'; } .tbl-type-s04 th, .tbl-type-s04 td {padding:6px 0;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-s04 td {color:#000;} .tbl-type-s04 thead th {background:#ecedf0;color:#000;border-bottom:1px solid #c4c4c4;font-size:12px;} .tbl-type-s04 thead tr:first-child th {border-top:1px solid #000;} .tbl-type-s04 thead tr:first-child { position:relative;} .tbl-type-s04 .down:after {position:absolute;top:32%; left:0; content:""; display:block; width:24px; height:24px;background:url(http://image.hrdch.co.kr/jobch/image/category/ico_down.gif) no-repeat 0 0;} .tbl-type-s04 .left { text-align:left; padding:6px 20px;} /* 모의고사 해설강의 > 문항수 테이블 스타일 */ .tbl-type-s05 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;font-size:11px;border-bottom:1px solid #ccc;font-family:'돋움'; } .tbl-type-s05 th, .tbl-type-s05 td {padding:6px 0;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-s05 .bgred { background:#da2032; font-weight:bold; color:#fff;} /* 회원가입 테이블 스타일 */ .tbl-type-s06 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;font-size:12px;border-bottom:1px solid #929292;font-family:'돋움';} .tbl-type-s06 thead th, .tbl-type-s06 td {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:2px solid #929292;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-s06 th, .tbl-type-s06 td {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-s06 th, .tbl-type-s06 tfoot th {color:#666;background:#fff;font-weight:normal;} .tbl-type-s06 th:first-child, .tbl-type-s06 td:first-child {border-left:0} .tbl-type-s06 th:last-child, .tbl-type-s06 td:last-child {border-right:0} .tbl-type-s06 th { font-weight:bold; background:#f8f8f8;text-align:left;} .tbl-type-s06 .bgnone {text-align:left !important; background:none; font-weight:normal;} .tbl-type-s06 p { text-align:left !important; line-height:30px; width:100%;font-size:11px; font-family:'돋움';} .tbl-type-s06 input{padding-left:10px; height:35px;border:1px solid #e2e2e2;font-size:12px; font-family:'돋움'; color:#686868;} /* 자소서 컨설팅 테이블 스타일 */ .tbl-type-b06 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:left;font-size:12px;border-bottom:3px solid #1e55b0;font-family:'돋움'} .tbl-type-b06 thead th, .tbl-type-b06 td {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:3px solid #1e55b0;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-b06 th, .tbl-type-b06 td {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-b06 th, .tbl-type-b06 tfoot th {color:#666;background:#fff;font-weight:normal;} .tbl-type-b06 th:first-child, .tbl-type-b06 td:first-child {border-left:3px solid #1e55b0;} .tbl-type-b06 th:last-child, .tbl-type-b06 td:last-child {border-right:3px solid #1e55b0;} .tbl-type-b06 th { font-weight:bold; background:#f8f8f8;} .tbl-type-b06 .bgnone {text-align:left !important; background:none; font-weight:normal;} /* 나의 상담내역 테이블 스타일 */ .tbl-type-s07 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;font-size:12px;border-bottom:1px solid #929292;font-family:'돋움' !important; } .tbl-type-s07 thead th {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:2px solid #929292;word-wrap:break-word;line-height:1.3;word-break:break-all; } .tbl-type-s07 td {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-s07 th {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-s07 .event_view{padding:30px 0px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-s07 th:first-child, .tbl-type-s07 td:first-child {border-left:0} .tbl-type-s07 th:last-child, .tbl-type-s07 td:last-child {border-right:0} .tbl-type-s07 th { font-weight:bold; background:#f8f8f8;} .tbl-type-s07 .bgnone {text-align:left; background:none; font-weight:normal;} .tbl-type-s07 p { text-align:left !important; line-height:30px;font-family:'돋움'; } .tbl-type-s07 .q {position:relative; padding-left:20px;font-family:'돋움'; font-weight:bold; line-height:19px;} .tbl-type-s07 .q:before {position:absolute;top:-3px;left:-5px;content:""; display:block; width:19px; height:19px;background:url(http://image.hrdch.co.kr/jobch/image/mypage/ico_q.gif) no-repeat 0 0;} .tbl-type-s07 .q_txt { margin:10px 0 0 20px;font-family:'돋움';} .tbl-type-s07 .q_all {} .tbl-type-s07 .q_l { float:left; } .tbl-type-s07 .q_r { float:right; } .tbl-type-s07 .q_bg { background:#f8f8f8;} .tbl-type-s07 .btn_dgray { float:left; display:block; padding:5px 20px; text-align:center;font-size:12px;font-family:'notokr-regular';background:#4e4e4e;color:#fff;letter-spacing:-1px;border:1px solid #767676; border-radius:4px;} .tbl-type-s07 .a {position:relative; padding-left:20px; font-family:'돋움'; font-weight:bold; line-height:19px;} .tbl-type-s07 .a:before {position:absolute;top:-3px;left:-5px;content:""; display:block; width:19px; height:19px;background:url(http://image.hrdch.co.kr/jobch/image/mypage/ico_a.gif) no-repeat 0 0;} .tbl-type-s07 input{padding-left:10px; height:35px;border:1px solid #e2e2e2;font-size:12px; font-family:'돋움'; color:#686868;} .tbl-type-s07 select{padding-left:10px; height:35px;border:1px solid #e2e2e2;font-size:12px; font-family:'돋움'; color:#686868;} .tbl-type-s07 .radio { width:12px; height:12px;} .tbl-type-s07 .left { text-align:left; } .tbl-type-s07 a {font-size:12px; font-family:'돋움';} .tbl-type-s07_2 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;font-size:12px;border-bottom:1px solid #929292;font-family:'돋움' !important; } .tbl-type-s07_2 thead th {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:2px solid #929292;word-wrap:break-word;line-height:1.3;word-break:break-all; } .tbl-type-s07_2 td {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-s07_2 th {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-s07_2 .event_view{padding:30px 0px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-s07_2 th:first-child, .tbl-type-s07_2 td:first-child {border-left:0} .tbl-type-s07_2 th:last-child, .tbl-type-s07_2 td:last-child {border-right:0} .tbl-type-s07_2 th { font-weight:bold; background:#f8f8f8;} .tbl-type-s07_2 .bgnone {text-align:left; background:none; font-weight:normal;} /* 배송지 정보 작은 테이블 스타일 */ .tbl-type-s07_s {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;font-size:12px;border-bottom:0;font-family:'돋움'} .tbl-type-s07_s thead th, .tbl-type-s07_s td {padding:5px 6px;border-left:0;border-right:0;border-top:0;word-wrap:break-word;line-height:1.3;word-break:break-all; text-align:left;} .tbl-type-s07_s th, .tbl-type-s07_s td {padding:5px 6px;border-left:0;border-right:0;border-top:0;word-wrap:break-word;line-height:1.3;word-break:break-all;text-align:left;} .tbl-type-s07_s th:first-child, .tbl-type-s07_s td:first-child {border-left:0} .tbl-type-s07_s th:last-child, .tbl-type-s07_s td:last-child {border-right:0} .tbl-type-s07_s th { font-weight:bold; background:#f8f8f8;} /* 장바구니 테이블 스타일 */ .tbl-type-s08 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;font-size:12px;border-bottom:1px solid #929292;font-family:'돋움'} .tbl-type-s08 thead th, .tbl-type-s08 td {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #a6c0eb;border-top:2px solid #929292;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-s08 th, .tbl-type-s08 td {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #a6c0eb;border-top:1px solid #e2e2e2;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-s08 th:first-child, .tbl-type-s08 td:first-child {border-left:0} .tbl-type-s08 th:last-child, .tbl-type-s08 td:last-child {border-right:0} .tbl-type-s08 th { font-weight:bold; background:#c4d7f8;} .tbl-type-s08 td {font-size:28px;font-family:'notokr-regular'; font-weight:bold;} .tbl-type-s08 .won {font-size:18px;font-family:'notokr-regular';} .tbl-type-s08 .point { float:right; font-size:12px;font-family:'굴림'; line-height:18px;font-weight:normal; margin:10px 0 0 0px;vertical-align:top;} .tbl-type-s08 .order { position:relative;} .tbl-type-s08 .order:after {position:absolute;top:25%;right:-14px;content:""; display:block; width:27px; height:27px;background:url(http://image.hrdch.co.kr/jobch/image/mypage/minus02.png) no-repeat 0 0;} .tbl-type-s08 .sale { position:relative;} .tbl-type-s08 .sale:after {position:absolute;top:25%;right:-14px;content:""; display:block; width:27px; height:27px;background:url(http://image.hrdch.co.kr/jobch/image/mypage/plus02.png) no-repeat 0 0;} .tbl-type-s08 .deli { position:relative;} .tbl-type-s08 .deli:after {position:absolute;top:25%;right:-14px;content:""; display:block; width:27px; height:27px;background:url(http://image.hrdch.co.kr/jobch/image/mypage/equal02.png) no-repeat 0 0;} /* 왼쪽정렬 테이블 스타일 */ .tbl-type-s09 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:left;font-size:12px;border-bottom:1px solid #929292;font-family:'돋움'} .tbl-type-s09 thead th {padding:10px 16px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:2px solid #929292;word-wrap:break-word;line-height:1.3;word-break:break-all; text-align:left;} .tbl-type-s09 td {padding:10px 16px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:2px solid #929292;word-wrap:break-word;line-height:1.3;word-break:break-all;text-align:left;} .tbl-type-s09 th {padding:10px 16px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;word-wrap:break-word;line-height:1.3;word-break:break-all;text-align:left;} .tbl-type-s09 td {padding:10px 16px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-s09 th:first-child, .tbl-type-s09 td:first-child {border-left:0} .tbl-type-s09 th:last-child, .tbl-type-s09 td:last-child {border-right:0} .tbl-type-s09 th { font-weight:bold; background:#f8f8f8;} .tbl-type-s09 .bgnone {text-align:left; background:none; font-weight:normal;} .tbl-type-s09 input{padding-left:10px; height:35px;border:1px solid #e2e2e2;font-size:12px; font-family:'돋움'; color:#686868;} .tbl-type-s09 select{padding-left:10px; height:35px;border:1px solid #e2e2e2;font-size:12px; font-family:'돋움'; color:#686868;} .tbl-type-s09 .radio { width:12px; height:12px;} /* NCS 테이블 스타일 */ .tbl-type-s11 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;font-size:12px;border-bottom:1px solid #929292;font-family:'돋움' !important; text-align:center; } .tbl-type-s11 thead th {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:2px solid #929292;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-s11 thead td {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:2px solid #929292;word-wrap:break-word;line-height:1.3;word-break:break-all; text-align:center; font-weight:bold; background:#f8f8f8;} .tbl-type-s11 th, .tbl-type-s11 td {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-s11 th, .tbl-type-s11 tfoot th {color:#666;background:#fff;font-weight:normal;} .tbl-type-s11 th:first-child, .tbl-type-s11 td:first-child {border-left:0} .tbl-type-s11 th:last-child, .tbl-type-s11 td:last-child {border-right:0} .tbl-type-s11 th { font-weight:bold; background:#f8f8f8;} .tbl-type-s11 .left { text-align:left; } .tbl-type-s11 .bgnone {text-align:left; background:none; font-weight:normal;} .tbl-type-s11 .border_b {border-top:2px solid #929292;} .tbl-type-s11 ul .tit {font-size:14px; font-family:'돋움';font-weight:bold; line-height:26px; margin-bottom:5px;} .tbl-type-s11 ul li { line-height:20px;} .tbl-type-s11 .txt_l { float:left} .tbl-type-s11 .txt_l ul li { display:inline-block; margin-right:12px;} .tbl-type-s11 .txt_r { float:right} .tbl-type-s11 .txt_r ul li { display:inline-block; margin-left:12px;} .tbl-type-s11 dl dt {float:left;border:1px solid #e2e2e2; width:60px; margin-right:25px;} .tbl-type-s11 dl dd { float:left; width:77%; margin-top:10px;} .tbl-type-s11 .inline li { float:left;display:inline-block; margin-left:20px; line-height:61px} .tbl-type-s11 a { font-family:'돋움';} .tbl-type-s14 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;font-size:12px;border-bottom:1px solid #ccc;font-family:'돋움'; background:#fafafa;} .tbl-type-s14 th, .tbl-type-s14 td {padding:10px 0;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-s14 td {color:#000;} .tbl-type-s14 thead th {background:#ecedf0;color:#000f;border-bottom:1px solid #c4c4c4;font-size:12px;} .tbl-type-s14 thead tr:first-child th {border-top:1px solid #000;} /* 카테고리 view */ #container .container_inner .container_right .category_view { border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; padding:33px 0; height:340px;} #container .container_inner .container_right .category_view .v_left { float:left; width:300px;height:300px;} #container .container_inner .container_right .category_view .v_left img{width:300px;height:300px;} #container .container_inner .container_right .category_view .v_left .bg_area{width:175px;margin:auto;text-align: center;} #container .container_inner .container_right .category_view .v_left .bg_text{height:220px;font-family:'notokr-bold';font-size:30px;line-height:40px;color:#000;display:table-cell;vertical-align:middle;} #container .container_inner .container_right .category_view .v_right {float:right; width:477px;} #container .container_inner .container_right .category_view .v_right .v_btn { float:right; margin-top:27px;} #container .container_inner .container_right .category_view .v_right .v_btn ul li{ display:inline-block; margin-left:10px;} #container .container_inner .container_right .gray_box {border:1px solid #d7d7d7; background:#fafafa; padding:27px 30px;font-size:12px;font-family:'돋움'; color:#4c4c4c; line-height:22px;} #container .container_inner .container_right .gray_box .gray_dot li {position:relative;font-size:13px;font-family:'돋움'; color:#777777; line-height:22px;} #container .container_inner .container_right .gray_box .gray_dot li:before {position:absolute;top:35%;left:-8px;content:""; display:block; width:3px; height:3px;background:#000;border-radius:1px;} #container .container_inner .container_right .box_top {border:1px solid #d7d7d7; border-bottom:none; padding:13px 20px;background:#eef2fb;} #container .container_inner .container_right .box_top p {position:relative;font-size:13px;font-family:'돋움';font-weight:bold;color:#4d4d4d; line-height:22px; } #container .container_inner .container_right .box_top p:before {position:absolute;top:40%;left:-8px;content:""; display:block; width:2px; height:2px;background:#000;border-radius:1px;} #container .container_inner .container_right .box_middle {border:1px solid #d7d7d7; border-top:none;background:#fff; padding:13px 20px;} #container .container_inner .container_right .box_middle .box_dot li {position:relative; display:inline-block; margin-right:200px;font-size:13px;font-family:'돋움'; line-height:22px;} #container .container_inner .container_right .box_middle .box_dot li:before {position:absolute;top:35%;left:-8px;content:""; display:block; width:2px; height:2px;background:#000;border-radius:1px;} #container .container_inner .container_right .box_bottom {border:1px solid #d7d7d7; border-top:none;background:#fff; padding:13px 20px; overflow:hidden} #container .container_inner .container_right .box_bottom .bottom_l {position:relative; float:left; display:inline-block; font-size:13px;font-family:'돋움'; color:#4d4d4d; line-height:22px; margin-right:70px; } #container .container_inner .container_right .box_bottom .bottom_l:before {position:absolute;top:40%;left:-8px;content:""; display:block; width:2px; height:2px;background:#000;border-radius:1px;} #container .container_inner .container_right .box_bottom .bottom_r {float:left; display:inline-block; width:530px; } #container .container_inner .container_right .box_bottom .bottom_r ul li { float:left; display:inline-block; width:92px; height:22px;border:1px solid #9a9e9f; background:#e3eef5; padding:0px 3px;border-radius:15px; text-align:center;margin-right:5px; margin-bottom:6px;} #container .container_inner .container_right .box_bottom .bottom_r ul li a{font-size:13px;font-family:'돋움'; letter-spacing:-1px;} #container .container_inner .container_right .box_bottom .gray_dot li {position:relative; float:left; display:inline-block; font-size:13px;font-family:'돋움'; color:#4d4d4d; line-height:22px; margin-right:70px; } #container .container_inner .container_right .box_bottom .gray_dot li:before {position:absolute;top:40%;left:-8px;content:""; display:block; width:2px; height:2px;background:#000;border-radius:1px;} #container .container_inner .container_right .free_lecture { overflow:hidden; clear:both;} #container .container_inner .container_right .free_lecture ul { float:left; display:inline-block; width:156px; margin-right:15px;} #container .container_inner .container_right .free_lecture ul:last-child { margin-right:0px;} #container .container_inner .container_right .free_lecture ul img {border:1px solid #d9d9d9;} #container .container_inner .container_right .txt_gray {display:block;width:156px;height:41px;line-height:40px;text-align:center;font-size:15px;font-family:'notokr-regular';background:#393b48;color:#fff; letter-spacing:-1px;} #container .container_inner .container_right .txt_gray span{font-size:15px;font-family:'notokr-regular'; font-weight:bold;} /* 테이블 */ .tbl-type01 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:left;border-top:2px solid #1e55b0;font-size:13px;border-bottom:1px solid #bbb;font-family:'돋움'} .tbl-type01 th, .tbl-type01 td {padding:18px 8px 16px 8px;border-top:1px solid #ccc;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type01 th {background:#f8f8f8;color:#222;} .tbl-type01 td {background:#fff;color:#555;font-weight:300;} .tbl-type01 thead th {background:#fff;color:#333;border-bottom:1px solid #000;font-size:16px;} .tbl-type01 th:first-child, .tbl-type01 td:first-child {border-left:0} .tbl-type01 th:last-child, .tbl-type01 td:last-child {border-right:0} .tbl-type01 .id {font-size:13px;font-family:'돋움'; font-weight:bold; color:#292929;} .tbl-type01 .date {font-size:13px;font-family:'돋움'; color:#777777;} .star li { display:inline-block} /* 마이페이지 */ #container .container_inner .container_right .faq_search {border:1px solid #e2e2e2; background:#f0f2f5; padding:9px 17px; height:35px;} #container .container_inner .container_right .faq_search .faq_left { float:left;font-size:12px;font-family:'돋움'; color:#707070; line-height:35px;} #container .container_inner .container_right .faq_search .faq_left span { font-size:14px;font-family:'돋움'; color:#000;font-weight:bold;} #container .container_inner .container_right .faq_search .faq_right { float:right;font-size:16px;font-family:'notokr-regular'; font-weight:bold;} #container .container_inner .container_right .faq_search .faq_right input{margin-left:10px; padding-left:10px; width:260px; height:33px;outline:none;font-size:12px;font-family:'돋움'; color:#686868;} #container .container_inner .container_right .mypage { margin:47px 0 0 0; height:145px;} #container .container_inner .container_right .mypage ul {width: 139px; float:left; display:inline-block; border-right:1px solid #e2e2e2;} #container .container_inner .container_right .mypage ul:last-child{border-right:0;} #container .container_inner .container_right .mypage ul li {font-size:14px;font-family:'나눔바른고딕'; color:#000; line-height:26px; text-align:center;} #container .container_inner .container_right .mypage ul li span {font-size:14px;font-family:'나눔바른고딕'; color:#dd2618;line-height:26px;text-align:center;} #container .container_inner .container_right .appraisal { margin:46px 0 0 0; height:70px;} #container .container_inner .container_right .appraisal .a_left { width:123px; float:left;font-size:13px;font-family:'notokr-regular'; color:#000; line-height:13px; text-align:center;} #container .container_inner .container_right .appraisal .a_left .purple {margin:10px 0 0 0;display:block;width:123px;height:53px;line-height:53px;text-align:center;font-size:28px;font-family:'notokr-bold'; font-weight:bold; background:#5739db;color:#fff; letter-spacing:-2px;} #container .container_inner .container_right .appraisal .a_right { float:right; width:630px;} #container .container_inner .container_right .appraisal .a_right li {position:relative;font-size:12px;font-family:'돋움'; line-height:22px;} #container .container_inner .container_right .appraisal .a_right li:before {position:absolute;top:35%;left:-8px;content:""; display:block; width:2px; height:2px;background:#000;border-radius:1px;} #container .container_inner .container_right .center { width:100%;} #container .container_inner .container_right .center div { margin:45px auto 0 auto;width:211px;} /* 종합분석 */ .analysis { overflow:hidden;} .analysis img {float:left; display:block;} .analysis ul { float:right; margin-top:132px; margin-right:31px;} .analysis ul li { float:left; display:block; background:#a4a4a4; padding:14px 25px;} .analysis ul li a{color:#fff; font-size:20px;font-family:'notokr-regular';} .analysis ul .on { float:left; display:block; background:#1e55b0; padding:14px 25px; color:#fff;} #container .container_inner .container_right .txt_right { float:right;font-size:11px;font-family:'돋움'; color:#737373; margin:15px 0 0 0;} #container .container_inner .container_right .graph { height:300px;} #container .container_inner .container_right .score { width:580px; height:60px; margin:30px auto 0 auto;font-size:23px;font-family:'notokr-regular'; letter-spacing:-2px; clear:both;} #container .container_inner .container_right .score .fl{position:relative;} #container .container_inner .container_right .score .fl:before {position:absolute;top:-30%;left:-38px;content:""; display:block; width:34px; height:23px;background:#5739db;border-radius:1px;} #container .container_inner .container_right .score .fr{position:relative;} #container .container_inner .container_right .score .fr:before {position:absolute;top:-30%;left:-38px;content:""; display:block; width:34px; height:23px;background:#cc58e1;border-radius:1px;} #container .container_inner .container_right .list li {position:relative;font-size:13px;font-family:'돋움'; color:#777777; line-height:22px; margin-left:10px; text-align:left} #container .container_inner .container_right .list li:before {position:absolute;top:40%;left:-8px;content:""; display:block; width:2px; height:2px;background:#000;border-radius:1px;} #container .container_inner .container_right .list p{font-size:13px;font-family:'돋움'; color:#777777; line-height:22px; margin-left:10px;} #container .container_inner .container_right .list .red { color:#ff0000;} #container .container_inner .container_right .risk {border:2px solid #ff0000; height:37px; margin:20px 0 0 0;} #container .container_inner .container_right .risk .fl {font-size:13px;font-family:'notokr-bold'; font-weight:bold; color:#fff; background:#ff0000;height:37px; width:126px; line-height:37px; text-align:center} #container .container_inner .container_right .risk .risk_txt{ padding:11px 11px; margin-left:130px;} #container .container_inner .container_right .s_txt { margin:10px 0 0 0;} .tit_box { position:relative; height:43px;background:#eeddea; margin:45px 0 0 0; text-align:center; font-size:18px;font-family:'notokr-bold'; font-weight:bold; line-height:43px; color:#000;} .tit_box:after{position:absolute;top:43px;left:380px;content:""; display:block; width:31px; height:15px;background:url(http://image.hrdch.co.kr/jobch/image/analysis/triangle.jpg) no-repeat 0 0;} .tit_box_txt {font-size:12px;font-family:'돋움'; font-weight:bold; margin:37px 0 0 0; line-height:20px;} .subject_score ul li { float:left;display:inline-block; height:390px;} .subject_score ul li div{background-color: #f3f3f3} #container .container_inner .container_right .tit { } #container .container_inner .container_right .tit li { position:relative; display:inline-block; margin-left:25px;} #container .container_inner .container_right .tit .my_score:before {position:absolute;top:10%;left:-18px;content:""; display:block; width:11px; height:11px;background:#5739db;border-radius:8px;} #container .container_inner .container_right .tit .average:before {position:absolute;top:10%;left:-18px;content:""; display:block; width:11px; height:11px;background:#cc58e1;border-radius:8px;} .btn_list02 ul { margin:75px auto 0 auto; width:724px; } .btn_list02 ul li { display:inline-block; margin-right:15px;} .btn_list02 ul li:last-child{ margin-right:0;} .feel { position:relative; border:1px solid #ff0000; border-radius:8px; padding:25px 25px 25px 48px;font-size:16px;font-family:'notokr-bold'; } .feel:before {position:absolute;top:16px;left:15px;content:""; display:block; width:28px; height:28px;background:url(http://image.hrdch.co.kr/jobch/image/analysis/ico_feel.gif) no-repeat 0 0;} #container .container_inner .container_right .question .q_list { margin:20px 0 0 0;} #container .container_inner .container_right .question .q_list .q_txt {border-top:1px solid #e2e2e2; width:100%; font-size:12px;font-family:'돋움'; line-height:40px;} #container .container_inner .container_right .question .q_list .question_area {border-top:1px solid #000; padding:30px 0;} #container .container_inner .container_right .question .q_list .tit_r {float:right;} #container .container_inner .container_right .question .q_list .tit_r ul li { float:left; display:inline-block;border-left:1px solid #e2e2e2; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;font-size:12px;font-family:'돋움'; padding:6px 18px;} #container .container_inner .container_right .question .q_list .tit_r ul li:last-child {border-right:1px solid #e2e2e2;} #container .container_inner .container_right .question .q_list .tit_r ul .gray { background:#f8f8f8;} #container .container_inner .container_right .question .q_list .tit_l { width:840px; font-size:13px;font-family:'돋움'; font-weight:bold;line-height:18px;margin-top:35px;} #container .container_inner .container_right .question .q_list .q_tit { height:50px;} #container .container_inner .container_right .question .q_list .q_tit .tit_l { float:left; width:840px; font-size:13px;font-family:'돋움'; font-weight:bold;line-height:18px;} #container .container_inner .container_right .question .q_list .q_tit .tit_r {float:right;} #container .container_inner .container_right .question .q_list .q_tit .tit_r ul li { float:left; display:inline-block;border-left:1px solid #e2e2e2; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;font-size:12px;font-family:'돋움'; padding:6px 18px;} #container .container_inner .container_right .question .q_list .q_tit .tit_r ul li:last-child {border-right:1px solid #e2e2e2;} #container .container_inner .container_right .question .q_list .q_tit .tit_r ul .gray { background:#f8f8f8;} #container .container_inner .container_right .question .q_list .q_list { margin:20px 0 0 0;} #container .container_inner .container_right .question .q_list .q_list ol li { line-height:24px;} #container .container_inner .container_right .question .q_top { overflow:hidden;} #container .container_inner .container_right .question .q_top ul li { float:left;display:inline-block;padding:9px 10px; border-left:0; border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;font-size:11px;font-family:'돋움';} #container .container_inner .container_right .question .q_top ul .q_num {padding:9px 10px; font-size:11px;font-family:'돋움'; font-weight:bold; color:#fff; background:#da2032;} /*탭메뉴 .c-tab01 {position:relative;margin-bottom:30px;font-family:'notokr-bold';font-weight:bold; } .c-tab01 ul {display:block;overflow:hidden;padding-top:1px;padding-left:1px} .c-tab01 ul li {float:left;} .c-tab01 ul li a:before {position:absolute;top:-1px;left:0;content:"";display:block;width:100%;height:4px;background:#2e3c60;transition:all .3s ease;} .c-tab01 ul li a:after {position:absolute;top:0;left:-1px;content:"";display:block;width:1px;height:100%;background:#ccc;transition:all .3s ease;} .c-tab01 ul li a {position:relative;display:block;text-align:center;padding:13px 25px 11px;border:1px solid #ccc;border-left:0;border-top:0;transition:all .3s ease;} .c-tab01 ul li a span {color:#555;font-size:15px;letter-spacing:-0.05em;transition:all .3s ease;} .c-tab01 ul li.over a {border-color:#csc-point1;background-color:#csc-point1} .c-tab01 ul li a:hover, .c-tab01 ul li a:focus, .c-tab01 ul li a:active {background-color:#f6f6f6} .c-tab01 ul li.over a:before, .c-tab01 ul li.over a:after {background-color:#csc-point1} .c-tab01 ul li.over a span {color:#f72339;} .c-tab01 ul li.over a span:before {position:absolute;top:-1px;left:0;content:"";display:block;width:100%;height:4px;background:#f72339;transition:all .3s ease;} .c-tab01 ul li a:hover span, .c-tab01 ul li a:focus span.c-tab01 ul li a:active span {color:#csc-point1;} */ .c-tab01 ul {display:block;overflow:hidden;margin-bottom:30px;background:url(http://image.hrdch.co.kr/jobch/image/cs/tab_bg.gif) repeat-x bottom left;} .c-tab01 ul li{float:left; display:inline-block;width:138px; border-top:4px solid #2e3c60;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;border-right:0;font-size:15px;font-family:'notokr-bold'; text-align:center; padding:13px 0; background:#f8f8f8;} .c-tab01 ul li:last-child {border-right:1px solid #d2d2d2;} .c-tab01 ul .on { border-top:4px solid #f72339;border-bottom:1px solid #fff;; background:#FFF} .c-tab01 ul .on a{font-size:15px;font-family:'notokr-regular'; font-weight:bold;color:#f72339; text-align:center;} /* 나의 주문내역 */ #container .container_inner .container_right .order_search {border:1px solid #e2e2e2; background:#f0f2f5; padding:9px 17px; height:35px;} #container .container_inner .container_right .order_search .order_left { float:left;font-size:12px;font-family:'돋움'; color:#707070; line-height:35px;} #container .container_inner .container_right .order_search .order_left div {float:left; display:inline-block; margin-left:30px;} #container .container_inner .container_right .order_search .order_left div:first-child {margin-left:0;} #container .container_inner .container_right .order_search .order_left .tit {font-size:14px;font-family:'notokr-regular'; vertical-align:middle;} #container .container_inner .container_right .order_search .order_left .month ul li { float:left; display:inline-block; border-left:1px solid #e2e2e2; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;padding:0px 17px; background:#fff;} #container .container_inner .container_right .order_search .order_left .month ul li:last-child {border-right:1px solid #e2e2e2; } #container .container_inner .container_right .order_search .order_left input{padding-left:10px; width:110px; height:35px;border:1px solid #e2e2e2;font-size:12px; font-family:'돋움'; color:#686868;} #container .container_inner .container_right .order_search .order_right { float:right;font-size:16px;font-family:'notokr-regular'; font-weight:bold;} #container .container_inner .container_right .order_search {} #container .container_inner .info { padding:15px 15px;} #container .container_inner .info .info_l { float:left; display:inline-block; width:92px;margin-bottom:15px;} #container .container_inner .info .info_l img{width:92px;} #container .container_inner .info .info_r { float:left; display:inline-block; margin-left:10px;} #container .container_inner .info .info_r span { text-align:left; font-weight:bold; line-height:92px;} #container .container_inner .p_l { float:left;} #container .container_inner .p_l img{width:100px;} #container .container_inner .p_r { float:left; text-align:left; line-height:26px; margin:10px 0 0 10px;} #container .container_inner .p_r .re {position:relative; padding:0 0 0 15px;} #container .container_inner .p_r .re:after {position:absolute;top:20%;left:0px;content:""; display:block; width:7px; height:6px;background:url(http://image.hrdch.co.kr/jobch/image/mypage/re.gif) no-repeat 0 0; } #container .container_inner .container_right .order_list {float:left; margin:20px 0 0 0; } #container .container_inner .container_right .order_list ul li { position:relative; float:left; display:inline-block; width:79px; padding:30px 20px; text-align:center; line-height:18px;border-top:1px solid #000;border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2;} #container .container_inner .container_right .order_list .total:after {position:absolute;top:40px;right:-10px;content:""; display:block; width:20px; height:20px;background:url(http://image.hrdch.co.kr/jobch/image/mypage/plus.png) no-repeat 0 0; z-index:100;} #container .container_inner .container_right .order_list .deli:after {position:absolute;top:40px;right:-10px;content:""; display:block; width:20px; height:20px;background:url(http://image.hrdch.co.kr/jobch/image/mypage/minus.png) no-repeat 0 0; z-index:100;} #container .container_inner .container_right .order_list02 {float:left; margin:20px 0 0 0; height:130px;} #container .container_inner .container_right .order_list02 ul li { float:left; display:inline-block; padding:30px 23px; text-align:right; line-height:18px;border-top:1px solid #000;border-bottom:1px solid #e2e2e2; background:#f8f8f8;} #container .container_inner .container_right .order_list02 ul li:last-child {border-right:1px solid #e2e2e2;} #container .container_inner .container_right textarea{ float:left; padding-left:10px;border:1px solid #e2e2e2; padding:10px;} #container .container_inner .container_right .btn_black { float:left; margin:0 0 0 10px; display:block;width:62px;height:58px;line-height:58px;text-align:center;font-size:12px;font-family:'돋움';background:#393939;color:#fff;letter-spacing:-1px;} .btn_list03 ul { float:right; margin:10px 0 0 0; } .btn_list03 ul li { display:inline-block; margin-left:5px;} /* 쿠폰 */ #container .container_inner .container_right .coupon { height:120px; clear:both;} #container .container_inner .container_right .coupon .coupon_l { float:left; width:210px; height:100px; text-align:center; padding:20px 0; border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:2px dashed #939393; background:#f4f4f4;font-size:16px;font-family:'notokr-bold'; font-weight:bold; line-height:50px;} #container .container_inner .container_right .coupon .coupon_r { float:left;width:626px; height:140px;font-size:16px;font-family:'notokr-bold';background:#f4f4f4;border-top:1px solid #e2e2e2; border-left:0;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;} #container .container_inner .container_right .coupon .coupon_r input {padding-left:10px; width:290px; height:35px;border:1px solid #e2e2e2;font-size:12px; font-family:'돋움'; color:#686868;} #container .container_inner .container_right .coupon .coupon_r_inner { margin:60px auto; width:560px;} #container .container_inner .container_right .coupon_name { padding:15px 15px;} #container .container_inner .container_right .coupon_name .name_l { float:left; display:inline-block; width:110px; height:52px; margin-bottom:15px; background-image:url("http://image.hrdch.co.kr/jobch/image/mypage/coupon_blank.gif");line-height:52px;text-align: right;} #container .container_inner .container_right .coupon_name .name_l span{padding-right:25px;} #container .container_inner .container_right .coupon_name .name_l strong{font-weight: bold; font-size:18px;} #container .container_inner .container_right .coupon_name .name_r { float:left; display:inline-block; margin-left:20px;text-align:left; font-size:12px; font-family:'돋움';} #container .container_inner .container_right .coupon_name .name_r span { line-height:18px;} /* 적립금 */ #container .container_inner .container_right .reserve { overflow:hidden} #container .container_inner .container_right .reserve ul { float:left; display:inline-block; width:277px; height:74px; background:#f4f4f4;border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;border-right:2px dashed #939393;} #container .container_inner .container_right .reserve ul:nth-child(1) {border-left:1px solid #e2e2e2;} #container .container_inner .container_right .reserve ul:nth-child(3) {border-right:1px solid #e2e2e2;} #container .container_inner .container_right .reserve ul li {font-size:16px;font-family:'notokr-bold'; font-weight:bold; text-align:center; margin:30px 0 0 0;} #container .container_inner .container_right .reserve ul li span {font-size:22px;font-family:'notokr-bold'; font-weight:bold;} /* 로그인 */ #login_area { min-width:450px;} .login { width:450px; margin:150px auto 0 auto;} .login .logo { text-align:center;} .login .login_inner {margin:30px 0 0 0;} .login .login_inner input {padding-left:10px; margin:10px 0 0 0; width:440px; height:52px;border:1px solid #d2d2d2;font-size:12px; font-family:'돋움'; color:#686868; background:#f8f8f8;} .login .login_inner .btn_login {margin:10px 0 0 0; display:block; width:450px;height:52px; line-height:52px;text-align:center;font-size:18px;font-family:'notokr-regular';background:#1e55b0;color:#fff;} .login .login_inner .btn_naver { position:relative; margin:10px 0 0 0; padding-left:40px; display:block; width:410px;height:52px; line-height:52px;text-align:left;font-size:14px;font-family:'notokr-regular';color:#000;border:1px solid #d2d2d2;} .login .login_inner .btn_naver:before{position:absolute;top:30%;left:10px;content:""; display:block; width:24px; height:24px;background:url(http://image.hrdch.co.kr/jobch/image/login/ico_n.gif) no-repeat 0 0;} .login .login_inner .check_box { overflow:hidden;} .login .login_inner .check { float:left;width:19px; height:19px; border:1px solid #d2d2d2;border-radius:1px;} .login .login_inner span { float:left; margin:11px 0 20px 6px;} .login .login_inner .login_list { margin:35px 0 0 0;border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;} .login .login_inner .login_list ul { padding:10px 10px; margin:0 auto;height: 17px;} .login .login_inner .login_list ul li { float:left;font-size:14px;width:30%;font-family:'notokr-bold';border-right:1px solid #e2e2e2; padding-right:10px;margin-right:10px;text-align:center;} .login .login_inner .login_list ul li:last-child {border-right:none;padding-right:0;margin-right:0;} .login .login_inner .login_list ul li > a{display:block;} .login .copy { margin:35px 0 0 0; padding:10px 0 15px 0; background:#f5f6f7;} .login .copy .copy_list ul { padding:10px 10px; margin:0 auto; width:242px;} .login .copy .copy_list ul li {float:left;font-size:12px;font-family:'돋움';border-right:1px solid #aeaeae; padding-right:10px;margin-right:10px;} .login .copy .copy_list ul li:last-child {border-right:none; padding-right:0;margin-right:0;} .login .copy .txt { text-align:center;font-size:12px;font-family:'돋움'; color:#666666;margin-top:15px;} /* 아이디 찾기 */ .login_tab ul li{float:left; display:inline-block;width:223px; height:53px; line-height:53px; border:1px solid #d2d2d2;font-size:14px;font-family:'돋움'; font-weight:bold; text-align:center; background:#f8f8f8;} .login_tab ul li > a{display:block;} .login_tab ul li:last-child {border-left:0;} .login_tab ul .on {color:#7c1ed2;font-size:14px;font-family:'돋움'; font-weight:bold; text-align:center; border-bottom:0; background:#FFF} /* 회원가입 */ #container .container_inner { } #container .container_inner .join { margin-top:35px;} #container .container_inner .join .join_tit {border:1px solid #d2d2d2; margin:28px 0 0 0;} #container .container_inner .join .join_tit ul { padding:10px 0;} #container .container_inner .join .join_tit ul li { position:relative; display:inline-block;width:350px; font-size:18px;font-family:'notokr-bold';font-weight:bold;text-align:center; padding:20px 0;} #container .container_inner .join .join_tit ul li:after {position:absolute;top:20%;right:-10px;content:""; display:block; width:22px; height:36px;background:url(http://image.hrdch.co.kr/jobch/image/login/ico_arrow.gif) no-repeat 0 0; } #container .container_inner .join .join_tit ul li:nth-child(3):after {display:none;} #container .container_inner .join .join_tit ul li span{ font-size:15px;font-family:'notokr-regular'; color:#7a7a7a;} #container .container_inner .join .join_tit ul li a:hover {color:#1e55b0;} #container .container_inner .join .join_tit ul li span a:hover{color:#7b98c8;} #container .container_inner .join .join_tit ul .on {color:#1e55b0;} #container .container_inner .join .join_tit ul .on span{color:#7b98c8;} #container .container_inner .join .join_check { overflow:hidden; margin:50px 0 0 0; border-bottom:1px solid #d2d2d2;} #container .container_inner .join .join_check .check { float:left;width:19px; height:19px; border:1px solid #d2d2d2;border-radius:1px;} #container .container_inner .join .join_check label { float:left; margin:3px 0 20px 6px;font-size:15px;font-family:'notokr-regular'; } #container .container_inner .join textarea{ width:1022px; height:200px; border:1px solid #e2e2e2; padding:28px;} #container .container_inner .join .btn_list .check { float:left;width:19px; height:19px; border:1px solid #d2d2d2;border-radius:1px;} #container .container_inner .join .btn_list label { float:left; margin:3px 0 20px 6px;font-size:15px;font-family:'notokr-regular'; } #container .container_inner .join .btn_list ul { margin:25px auto 15px auto; width:218px; } #container .container_inner .join .btn_list ul li {display:inline-block; margin-right:10px;} #container .container_inner .join .btn_list ul li:last-child{ margin-right:0;} #container .container_inner .join .btn_list02 ul { margin:55px auto 0 auto; width:125px;} #container .container_inner .join input{ float:left; padding-left:10px; width:450px; height:35px;border:1px solid #e2e2e2;font-size:12px; font-family:'돋움'; color:#686868;} #container .container_inner .join .btn_dgray { float:left; display:block; padding:7px 23px; margin-left:10px; text-align:center;font-size:15px;font-family:'notokr-regular';background:#4e4e4e;color:#fff;letter-spacing:-1px;border:1px solid #767676;} #container .container_inner .join p {float:left; margin:10px 0 0 10px;} #container .container_inner .join .join02_check { overflow:hidden; margin:50px 0 0 0; } #container .container_inner .join .join02_check .check { float:left;width:19px; height:19px; border:1px solid #d2d2d2;border-radius:1px;} #container .container_inner .join .join02_check label { float:left; margin:3px 0 20px 6px;font-size:15px;font-family:'notokr-regular'; } #container .container_inner .join span { line-height:30px;} #container .container_inner .join .input_b {float:left; padding-left:10px; margin:9px 0 0 0; width:600px; height:35px;border:1px solid #e2e2e2;font-size:12px; font-family:'돋움'; color:#686868;} #container .container_inner .ok_img {text-align:center;} #container .container_inner .join_ok { text-align:center;} #container .container_inner .join_ok ul {margin:20px 0 0px 0;} #container .container_inner .join_ok ul .ok_tit {font-size:48px;font-family:'notokr-regular'; line-height:52px; margin-bottom:50px;} #container .container_inner .join_ok ul li {font-size:20px;font-family:'notokr-regular'; line-height:32px;} .join_btn {} .join_btn ul { width:40%; margin:65px auto 0 auto; text-align:center;} .join_btn ul li {display:inline-block; margin-right:5px;} .join_btn ul li:last-child {margin-right:0;} /* 회원정보변경 */ .modify01 {} .modify01 p {font-size:12px;font-family:'돋움'; font-weight:bold; line-height:32px;} .modify01 input {padding-left:10px; width:330px; height:35px;border:1px solid #e2e2e2;font-size:12px; font-family:'돋움'; color:#686868; margin:30px 0;} /* 버튼리스트_2글자 */ .btn_list_2 ul { margin:55px auto 0 auto; width:95px;} .btn_list_2 ul li { display:inline-block; margin-right:15px;} .btn_list_2 ul li:last-child{ margin-right:0;} /* 버튼리스트_4글자 */ .btn_list_4 ul { margin:55px auto 0 auto; width:125px;} .btn_list_4 ul li { display:inline-block; margin-right:15px;} .btn_list_4 ul li:last-child{ margin-right:0;} /* 버튼리스트_6글자 */ .btn_list_6 ul { margin:55px auto 0 auto; width:145px;} .btn_list_6 ul li { display:inline-block; margin-right:15px;} .btn_list_6 ul li:last-child{ margin-right:0;} .pw_modify p {font-size:12px;font-family:'돋움'; font-weight:bold; line-height:32px;} .pw_modify input {padding-left:10px; width:275px; height:35px;border:1px solid #e2e2e2;font-size:12px; font-family:'돋움'; color:#686868; } .pw_modify .btn_list ul { margin:55px auto 0 auto; width:125px;} .pw_modify .btn_list ul li { display:inline-block; margin-right:15px;} .pw_modify .btn_list ul li:last-child{ margin-right:0;} #container .container_inner .modify02 input{ float:left; padding-left:10px; width:350px; height:35px;border:1px solid #e2e2e2;font-size:12px; font-family:'돋움'; color:#686868;} #container .container_inner .modify02 .btn_dgray { float:left; display:block; padding:7px 23px; margin-left:10px; text-align:center;font-size:15px;font-family:'notokr-regular';background:#4e4e4e;color:#fff;letter-spacing:-1px;border:1px solid #767676;} #container .container_inner .modify02 p {float:left; margin:10px 0 0 10px;} #container .container_inner .modify02 .modify02_check { overflow:hidden; margin:50px 0 0 0; } #container .container_inner .modify02 .modify02_check .check { float:left;width:19px; height:19px; border:1px solid #d2d2d2;border-radius:1px;} #container .container_inner .modify02 .modify02_check label { float:left; margin:3px 0 20px 6px;font-size:15px;font-family:'notokr-regular'; } #container .container_inner .modify02 .input_b {float:left; padding-left:10px; margin:9px 0 0 0; width:600px; height:35px;border:1px solid #e2e2e2;font-size:12px; font-family:'돋움'; color:#686868;} #container .container_inner .leave input{padding-left:10px; width:350px; height:35px;border:1px solid #e2e2e2;font-size:12px; font-family:'돋움'; color:#686868;} #container .container_inner .leave span {float:left; margin-right:38px;} #container .container_inner .leave .radio { width:12px; height:12px; border:1px solid #d2d2d2;} #container .container_inner .leave p { line-height:22px;} #container .container_inner .container_right .border_box {border:1px solid #d7d7d7; padding:27px 30px;font-size:12px;font-family:'굴림'; color:#4c4c4c; line-height:22px; border-radius:5px;} #container .container_inner .container_right .border_box .border_dot li {position:relative;font-size:13px;font-family:'돋움'; color:#777777; line-height:22px; margin-left:10px;} #container .container_inner .container_right .border_box .border_dot li:before {position:absolute;top:35%;left:-8px;content:""; display:block; width:3px; height:3px;background:#000;border-radius:1px;} #container .container_inner .container_right .left img{max-width:810px;height:auto;} #container .container_inner .inquiry input{padding-left:10px; width:350px; height:35px;border:1px solid #e2e2e2;font-size:12px; font-family:'돋움'; color:#686868;} #container .container_inner .inquiry span { float:left; margin-right:50px;} #container .container_inner .inquiry span:last-child {margin-right:0;} #container .container_inner .inquiry .radio { width:12px; height:12px; border:1px solid #d2d2d2;} #container .container_inner .inquiry p { line-height:22px;} #container .container_inner .inquiry .inquiry_check { overflow:hidden; margin:50px 0 0 0;} #container .container_inner .inquiry .inquiry_check .check { float:left;width:19px; height:19px; border:1px solid #d2d2d2;border-radius:1px; } #container .container_inner .inquiry .inquiry_check label { float:left; margin:3px 0 20px 6px;font-size:15px;font-family:'notokr-regular'; } #container .container_inner .inquiry file {outline:none;} /* 리뷰등록 */ .top_box {border:3px solid #eff0f1; padding:16px 40px; height:100px;} .top_box div { float:left; display:inline-block;} .top_box .top_box_r { margin-left:25px;} .top_box .top_box_r .tit { font-weight:bold;} .top_box .top_box_r ul { margin:15px 0 0 0;} .top_box .top_box_r ul li { line-height:20px;} #container .container_inner .review_w input{padding-left:10px; width:550px; height:35px;border:1px solid #e2e2e2;font-size:12px; font-family:'돋움'; color:#686868;} #container .container_inner .review_w form { float:left; margin-right:50px;} #container .container_inner .review_w form:last-child {margin-right:0;} #container .container_inner .review_w label { line-height:21px;} #container .container_inner .review_w .radio { width:12px; height:12px; border:1px solid #d2d2d2;} /* 장바구니_팝업 */ #basket_pop_area {position:fixed;min-width:397px;left:50%;top:50%;margin-left:-200px;margin-top:-300px;z-index:1000;} .basket_pop { width:397px; margin:254px auto 0 auto;border:1px solid #e2e2e2; border-radius:5px;} .basket_pop_inner { padding:20px 20px;background:#fff;} .basket_pop_inner p { margin:20px 0;text-align:center;font-size:16px;font-family:'notokr-regular';} .basket_btn { margin:0 auto; width:276px;} .basket_btn li {display:inline-block; margin-right:12px;width:45%;} .basket_btn li:last-child {margin-right:0px;} .basket_btn .btn_gray_r {display:block; width:132px; height:34px; text-align:center;font-size:16px;font-family:'notokr-regular';line-height:34px;background:#e8e8e8;color:#000;letter-spacing:-1px;border-radius:3px;} .basket_btn .btn_blue_r {display:block; width:132px; height:34px;text-align:center;font-size:16px;font-family:'notokr-regular';line-height:34px;background:#1e55b0;color:#fff;letter-spacing:-1px;border-radius:3px;} /* 장바구니 */ #container .container_inner .basket {border:1px solid #d2d2d2; margin:28px 0 0 0; height:35px; padding:15px 25px; overflow:hidden;} #container .container_inner .basket .basket_l {float:left; margin:0px 0 0 0;} #container .container_inner .basket .basket_l li { display:inline-block;font-size:12px; line-height:16px; font-family:'돋움'; color:#888888;} #container .container_inner .basket .basket_l .tit {font-size:28px;font-family:'notokr-bold';color:#000;line-height:28px;} #container .container_inner .basket .basket_r {float:right;} #container .container_inner .basket .basket_r ul {} #container .container_inner .basket .basket_r ul li { position:relative; display:inline-block;width:135px; font-size:18px;font-family:'notokr-bold';font-weight:bold;text-align:center; padding:8px 0;} #container .container_inner .basket .basket_r ul li:after {position:absolute;top:0%;right:-10px;content:""; display:block; width:22px; height:36px;background:url(http://image.hrdch.co.kr/jobch/image/login/ico_arrow.gif) no-repeat 0 0; } #container .container_inner .basket .basket_r ul li:nth-child(3):after {display:none;} #container .container_inner .basket .basket_r ul li span{ font-size:15px;font-family:'notokr-regular'; color:#7a7a7a;} #container .container_inner .basket .basket_r ul li a:hover {color:#1e55b0;} #container .container_inner .basket .basket_r ul li span a:hover{color:#7b98c8;} #container .container_inner .basket .basket_r ul .on {color:#1e55b0;} #container .container_inner .basket .basket_r ul .on span{color:#7b98c8;} .benefit {border:3px solid #cfdce7; margin:25px 0 0 0;height:61px;} .benefit ul li { float:left; display:inline-block; width:357px; text-align:center;font-size:14px; font-family:'돋움';padding:20px 0;border-left:1px solid #fff; } .benefit ul .tit { position:relative; color:#000;} .benefit ul .tit:after {position:absolute;top:35%;right:90px;content:""; display:block; width:9px; height:14px;background:url(http://image.hrdch.co.kr/jobch/image/mypage/basket_simbol.gif) no-repeat 0 0; } .benefit ul .bg { background:#6e7d8e; color:#fff;} .benefit ul .bg span {color:#abf3fc; font-weight:bold;} .basket_tbl {} .basket_tbl .product .p_l { float:left;} .basket_tbl .product .p_l img{width:100px;} .basket_tbl .product .p_r { float:left;width:70%; text-align:left; line-height:26px; margin:10px 0 0 10px;} .basket_tbl .product .p_r li { font-family:'돋움'; font-weight:bold;} .basket_tbl .product .p_r .re {position:relative; padding:0 0 0 15px;} .basket_tbl .product .p_r .re:after {position:absolute;top:20%;left:0px;content:""; display:block; width:7px; height:6px;background:url(http://image.hrdch.co.kr/jobch/image/mypage/re.gif) no-repeat 0 0; } .basket_tbl select{border:1px solid #b4b4b4; font-size:12px; font-family:'돋움'; color:#686868; text-align:center;} .basket_tbl .count{width:46px; height:23px;border:1px solid #b4b4b4; font-size:12px; font-family:'돋움'; color:#686868; text-align:center;} .basket_tbl .btn_w_l { padding:5px 12px; width:46px; height:23px; line-height:24px; text-align:center;font-size:12px;font-family:'notokr-regular';background:#fff;color:#000;letter-spacing:-1px;border:1px solid #b4b4b4; } .basket_tbl .btn_w_l02 { padding:2px 3px; line-height:15px; text-align:center;font-size:12px;font-family:'notokr-regular';background:#fff;color:#595959;letter-spacing:-1px;border:1px solid #595959; } .basket_tbl .btn_sred { padding:5px 7px; width:66px; height:24px; line-height:22px; text-align:center;font-size:12px;font-family:'돋움'; font-weight:bold;background:#ff0000;color:#fff;letter-spacing:-1px;border-radius:4px;} .basket_tbl .btn_sgray {padding:5px 7px;width:66px; height:22px; line-height:22px; text-align:center;font-size:12px;font-family:'돋움';background:#d6d6d6;color:#555555;letter-spacing:-1px;border:1px solid #b7b7b7; border-radius:4px;} .choice { margin:14px 0 0 0;} .choice ul li { display:inline-block;} .basket_btn_list { margin:33px 0 0 0; float:right} .basket_btn_list ul li { display:inline-block;} /* 주문/결제 */ .payment .pay_l {float:left; width:770px;} .payment .pay_l .pay_with {border-top:2px solid #929292;border-bttom:1px solid #929292; background:#c4d7f8;} .payment .pay_l .pay_with ul { text-align: center; padding:30px 0;} .payment .pay_l .pay_with ul li { display:inline-block; margin-right:40px;} .payment .pay_l .pay_with ul li:last-child { margin-right:0px;} .payment .pay_l .kg {} .payment .pay_l .kg_inner { width:625px; margin:50px auto 0 auto;} .payment .pay_r {float:right; width:285px;} .payment .pay_r .pay_list {border-top:2px solid #929292;border-bottom:1px solid #929292;border-left:2px solid #929292;border-right:2px solid #929292; padding:20px 20px; height:82px; overflow:hidden;} .payment .pay_r .pay_list .list_l { float:left;} .payment .pay_r .pay_list .list_l li { text-align:left; line-height:28px;} .payment .pay_r .pay_list .list_r { float:right;} .payment .pay_r .pay_list .list_r li { text-align:right; line-height:28px;} .payment .pay_r .last_pay { background:#c4d7f8;border-bottom:2px solid #929292;border-left:2px solid #929292;border-right:2px solid #929292; padding:20px 0;} .payment .pay_r .last_pay .tit {text-align:center;font-size:20px;font-family:'notokr-bold'; line-height:24px;} .payment .pay_r .last_pay .price {text-align:center;font-size:36px;font-family:'notokr-bold'; color:#ff0000;line-height:40px; margin-top:5px;} .payment .pay_r .last_pay .price span {font-size:24px;} .payment .pay_r .btn_r { margin:18px 0 0 0;display:block;height:66px;line-height:68px;text-align:center;font-size:26px;font-family:'notokr-regular'; font-weight:bold; background:#ff283c;color:#fff;border:1px solid #ad1010; overflow:hidden} .payment .pay_r .btn_w { margin:8px 0 0 0;display:block; width:285px; height:68px;line-height:68px;text-align:center;font-size:26px;font-family:'notokr-regular'; font-weight:bold; background:#fff;color:#000;border:1px solid #959595;overflow:hidden} /* 비회원 구매 약관 동의 탭 */ .c-tab02 ul {display:block;overflow:hidden;} .c-tab02 ul li{float:left; display:inline-block;width:220px; border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;font-size:15px;font-family:'notokr-bold'; text-align:center; padding:13px 0; letter-spacing:-1px;background:#f8f8f8;} .c-tab02 ul li:last-child {border-right:1px solid #d2d2d2} .c-tab02 ul .on { background:#fff;} .c-tab02 ul .on a{font-family:'notokr-regular'; font-weight:bold;color:#1e55b0; text-align:center;} textarea { border:1px solid #d2d2d2; padding:30px 30px} .ok {font-size:15px;font-family:'notokr-regular'; margin:18px 0 0 0;} /* 주문완료 */ .ment { width:480px; margin:0 auto; overflow:hidden;} .ment .ment_l {float:left;} .ment .ment_r {float:right; margin-left:10px;} .ment .ment_r .tit {font-size:33px;font-family:'notokr-bold';line-height:40px; color:#333;} .ment .ment_r li {font-size:15px;font-family:'notokr-bold'; color:#8a8a8a;line-height:30px;} .ment .ment_r li span{color:#333;} .order_list_2 {float:left; margin:20px 0 0 0; } .order_list_2 ul li { position:relative; float:left; display:inline-block; width:113px; padding:30px 20px; text-align:center; line-height:18px;border-top:1px solid #000;border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2;} .order_list_2 .total:after {position:absolute;top:40px;right:-10px;content:""; display:block; width:20px; height:20px;background:url(http://image.hrdch.co.kr/jobch/image/mypage/plus.png) no-repeat 0 0; z-index:100;} .order_list_2 .deli:after {position:absolute;top:40px;right:-10px;content:""; display:block; width:20px; height:20px;background:url(http://image.hrdch.co.kr/jobch/image/mypage/minus.png) no-repeat 0 0; z-index:100;} .order_list02_2 {float:left; margin:20px 0 0 0; height:130px;} .order_list02_2 ul li { float:left; display:inline-block; width:113px; padding:30px 20px; text-align:right; line-height:18px;border-top:1px solid #000;border-bottom:1px solid #e2e2e2; background:#f8f8f8;} .order_list02_2 ul li:last-child {border-right:1px solid #e2e2e2;} /* 고객센터 */ .quick_menu {border-top:2px solid #bababa;border-bottom:1px solid #bababa; padding:29px 20px; overflow:hidden;} .quick_menu ul {float:left; display:inline-block; margin-right:40px;} .quick_menu ul:last-child {margin-right:0;} .quick_menu ul li {font-size:14px;font-family:'notokr-bold'; text-align:center;line-height:35px;} .cs_board {overflow:hidden;} .cs_board .cs_l { float:left; width:382px;} .cs_board .cs_l ul {border-top:1px solid #e5e5e5; height:32px;} .cs_board .cs_l ul:last-child {border-bottom:1px solid #e5e5e5;} .cs_board .cs_l ul li {font-size:12px;font-family:'돋움';line-height:32px;} .cs_board .cs_l .txt_l{ float:left;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;max-width:305px;} .cs_board .cs_l .txt_r{ float:right;} .cs_board .cs_r { float:right; width:382px;} .cs_board .cs_r ul {border-top:1px solid #e5e5e5; height:32px;} .cs_board .cs_r ul:last-child {border-bottom:1px solid #e5e5e5;} .cs_board .cs_r ul li {font-size:12px;font-family:'돋움';line-height:32px;} .cs_board .cs_r .txt_l{ float:left;} .cs_board .cs_r .txt_r{ float:right;} /* 카테고리FAQ 탭 */ .c-tab03 ul {display:block;overflow:hidden;} .c-tab03 ul li{float:left; display:inline-block;width:118px; border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2;font-size:15px;font-family:'notokr-bold'; text-align:center; padding:17px 0; letter-spacing:-1px;background:#f8f8f8;} .c-tab03 ul li:last-child {border-right:1px solid #d2d2d2} .c-tab03 ul .on { background:#666666;} .c-tab03 ul .on a{font-family:'notokr-regular'; font-weight:bold;color:#fff; text-align:center;} /* 자주하는 질문 */ .faq {border:1px solid #d2d2d2; padding:18px 20px; overflow:hidden; clear:both;} .faq ul {} .faq ul li { float:left; display:inline-block; margin-right:10px;font-size:14px;font-family:'notokr-regular';} .faq ul li:last-child {margin-right:0;} .faq input{padding-left:10px; height:35px;border:1px solid #e2e2e2;font-size:12px; font-family:'돋움'; color:#686868;} .faq .btn_blue_r {display:block;padding:7px 16px;text-align:center;font-size:16px;font-family:'notokr-regular';background:#1e55b0; color:#fff;letter-spacing:-1px;border:1px solid #1f52a6;border-radius:5px;} .faq .btn_g_r {display:block;padding:11px 18px;text-align:center;font-size:16px;font-family:'notokr-regular';background:#d7d7d7; color:#333;letter-spacing:-1px;border:1px solid #1f52a6;border:1px solid #c3c3c3; border-radius:5px;} /* 공지사항 */ .notice_tit {float:left;} .notice_tit li {font-size:12px;font-family:'돋움'; font-weight:normal} .notice_tit .tit {font-size:16px;font-family:'notokr-bold'; line-height:30px;font-weight:bold;} /* 이벤트 */ .event { margin:20px 0 40px 0; overflow:hidden;} .event .event_l { float:left; } .event_inner {border:1px solid #e2e2e2; background:#fafafa; padding:20px 20px; overflow:hidden;} .event_inner .ing { float:left; display:block; padding:10px 14px; text-align:center;font-size:12px;font-family:'돋움';background:#1e55b0;color:#fff; letter-spacing:-1px;} .event_inner .end { float:left; display:block; padding:10px 14px; text-align:center;font-size:12px;font-family:'돋움';background:#767676;color:#fff; letter-spacing:-1px;} .event_inner .txt{ float:left; margin-left:10px; width:280px; line-height:18px;color:#000;} .event_inner .txt .date { margin:10px 0 0 0; color:#5f5f5f;} .event .event_r { float:right;} /* 모의고사 응시 안내 */ .take_tit {font-size:32px;font-family:'나눔바른고딕'; text-align:center; text-decoration:underline; line-height:60px;} .take_txt {font-size:16px;font-family:'notokr-bold'; text-align:center; color:#1e55b0; line-height:24px;} .take_txt02 {font-size:16px;font-family:'notokr-bold'; text-align:center;line-height:60px;} #container .container_inner .btn_take {margin:45px auto 0 auto; display:block; width:226px; height:54px; text-align:center; font-size:22px; line-height:54px; font-family:'notokr-bold'; font-weight:bold; letter-spacing:-1px;border:1px solid #1f52a6;color:#ffffff;background:#1e55b0; border-radius:5px;} .take_check { margin-bottom:15px; font-size:14px;font-family:'돋움'; font-weight:bold; text-decoration:underline; color:#1e55b0;} /* 카운트 */ #count { min-width:397px;} .count_inner { width:397px; margin:330px auto 0 auto;} .count_inner p { margin:45px 0;text-align:center;font-size:25px;font-family:'notokr-bold';font-weight:bold;} /* 온라인모의고사 */ #head { height:102px; background:#1e55b0;} #head .head_inner { margin:0 auto; width:1080px; background:#C60} #head .head_inner .head_l { float:left;} #head .head_inner .head_l ul li { float:left; display:inline-block; margin-right:30px; margin-top:30px; } #head .head_inner .head_l .tit {font-size:27px;font-family:'notokr-bold'; font-weight:bold;color:#FFF;margin-top:65px;letter-spacing:-2px; } #head .head_inner .fr .btn_list {margin:50px 0 0 0; display:block; padding:8px 10px; text-align:center;font-size:12px;font-family:'notokr-bold';background:#fff;color:#000;border:1px solid #d3d3d3; border-radius:3px;letter-spacing:-1px;} .online_tit {font-size:32px;font-family:'나눔바른고딕';color:#272727;font-weight:bold; letter-spacing:-1px; line-height:50px;} .online_tit span { color:#555454;font-weight:normal;} .c-tab04 ul {display:block;overflow:hidden; margin-top:30px;} .c-tab04 ul li{float:left; display:inline-block; border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;font-size:15px;font-family:'notokr-bold'; text-align:center; padding:14px 30px; letter-spacing:-1px;background:#f8f8f8;} .c-tab04 ul li:last-child {border-right:1px solid #d2d2d2} .c-tab04 ul .on { background:#fff;} .c-tab04 ul .on a{font-family:'notokr-regular'; font-weight:bold;color:#1e55b0; text-align:center;} .online_box {border:1px solid #e2e2e2; padding:25px 0;} .online_box ul { margin:0 auto; width:510px;} .online_box ul li { display:inline-block; margin-right:50px; font-size:18px;font-family:'나눔바른고딕';} .online_box ul li:last-child { margin-right:0;} .quiz_inner { width:840px; margin:0 auto; padding:40px 30px 184px 30px; border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;} .quiz_inner .question { font-size:13px;font-family:'돋움'; font-weight:bold;line-height:18px; margin-bottom:25px;} .quiz_inner .q_list { margin:22px 0 30px 0; padding-bottom:30px; border-bottom:1px solid #000;} .quiz_inner .q_list ol li {line-height:20px;} .quiz_btn {} .quiz_pre { position:fixed; margin:30px 0 0 0; float:left;} .quiz_next { position:fixed; margin:30px 0 0 1033px; float:left;} #online_answer {position:fixed; bottom:0px; height: 215px; width:100%; background:#455366;} #online_answer .answer_inner {width:1080px; margin:0 auto; padding:15px 0; overflow:hidden;} #online_answer .answer_inner .answer_l { float:left; width:788px;} #online_answer .answer_inner .answer_l .answer_btn .answer_pre { position:absolute; float:left; bottom:12px;} #online_answer .answer_inner .answer_l .answer_btn .answer_next { position:absolute; float:left; bottom:12px; margin-left:700px;} #online_answer .answer_inner .answer_l .paper{ float:left; border:3px solid #69b1d0; border-radius:6px; width:630px; margin-left:53px; background:#FFF;} /* 답안지 테이블 스타일 */ .tbl-type-s10 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;font-size:13px;font-family:'notokr-regular'; letter-spacing:-1px;} .tbl-type-s10 th, .tbl-type-s10 td {padding:2.5px 0;border-left:2px solid #69b1d0;border-right:2px solid #69b1d0;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-s10 td {color:#000;} .tbl-type-s10 th {background:#fbf8f1;} .tbl-type-s10 thead th {background:#fbf8f1;color:#000;font-size:20px;} .tbl-type-s10 thead tr:first-child th {border-bottom:2px solid #69b1d0;} .tbl-type-s10 thead tr:first-child { position:relative;} .tbl-type-s10 .paper_num { width:93px; margin:0 auto;} .tbl-type-s10 .paper_num li { float:left; display:inline-block;border:1px solid #7e9ab0; border-radius:6px; margin:0 3px; text-align:center;letter-spacing:-1px;} .tbl-type-s10 .paper_num li a{display:block; padding:3px 4px;} .tbl-type-s10 .paper_num li.change {/*padding:3px 3px;*/margin:0 2px;} .tbl-type-s10 .paper_num li.change a{padding:3px 3px;} .tbl-type-s10 .paper_num .on { background:#1e55b0; color:#FFF;} #online_answer .answer_inner .answer_r { float:right; width:256px; border:3px solid #69b1d0; border-radius:6px; padding:9px 14px; background:#fbf8f1; text-align:center} #online_answer .answer_inner .answer_r ul li { position:relative; float:left; display:inline-block; font-size:14px;font-family:'notokr-regular'; line-height:50px; padding-left:22px;} #online_answer .answer_inner .answer_r ul li:first-child {padding-left:0;} #online_answer .answer_inner .answer_r ul li:first-child:after {position:absolute;top:35%;right:-10px;content:""; display:block; width:1px; height:13px;background:#b6b6b6;} #online_answer .answer_inner .answer_r ul li span {font-size:24px;font-family:'notokr-regular'; color:#fe0000;line-height:40px;} #online_answer .answer_inner .answer_r .btn_pause { margin:40px 0 0 0;display:block; padding:10px 38px; text-align:center;font-size:17px;font-family:'notokr-bold'; letter-spacing:-1px;line-height:35px; background:#f2f2f2;color:#000;border:1px solid #c6c6c6;border-radius:3px;} #online_answer .answer_inner .answer_r .btn_submit { margin:10px 0 0 0;display:block; padding:10px 38px; text-align:center;font-size:22px;font-family:'notokr-bold'; font-weight:bold; letter-spacing:-1px;line-height:35px; background:#1e55b0;color:#fff;border:1px solid #114eb3;border-radius:3px;} /* 무료특강 */ .lecture_area { margin:40px 0 0 0; overflow:hidden;} .lecture_area .lecture_l { float:left; margin-right:32px;} .lecture_area .lecture_l .lecture_inner { margin-top:20px;} .lecture_area .lecture_l .lecture_inner .txt {float:left;font-size:14px;font-family:'notokr-regular'; line-height:18px; color:#404040; letter-spacing:-2px;} .lecture_area .lecture_r { float:right;} .lecture_area .lecture_r .lecture_inner { margin-top:20px;} .lecture_area .lecture_r .lecture_inner .txt {float:left;font-size:14px;font-family:'notokr-regular'; line-height:18px; color:#404040; letter-spacing:-2px;} /* 무료특강 실렉트박스 스타일 */ .lecture { padding-left:10px; width:160px; height:33px;border:2px solid #c6c8cd;font-size:12px; font-family:'돋움'; color:#686868;} /* 설명회 검색부분 */ .briefing {float:right; margin-bottom:15px;} .briefing ul li {float:left; display:inline-block; margin-left:10px;} .briefing input{padding-left:10px; height:35px;border:1px solid #e2e2e2;font-size:12px; font-family:'돋움'; color:#686868;} .briefing .btn_blue_r {display:block;padding:11px 36px;text-align:center;font-size:16px;font-family:'notokr-regular';background:#1e55b0; color:#fff;letter-spacing:-1px;border:1px solid #1f52a6;border-radius:5px;} .briefing_check { margin:10px 0 0 0;font-size:15px;font-family:'notokr-regular';} /* 설명회 신청완료 */ .appli_ok { margin:120px auto 0 auto; width:450px;} .appli_ok ul { text-align:center;} .appli_ok ul .tit {font-size:47px;font-family:'notokr-regular'; letter-spacing:-5px; line-height:47px;} .appli_ok ul .txt {font-size:25px;font-family:'notokr-regular'; line-height:30px; margin-top:35px;} /* 컨설턴트 소개 */ #container .container_inner .btn_consultant {margin:40px auto 0 auto;display:block; width:325px; height:60px; line-height:60px; text-align:center;font-size:30px;font-family:'notokr-regular';background:#1e55b0; color:#fff;letter-spacing:-1px;border:1px solid #1f52a6;border-radius:5px;} #container .container_inner .document {font-size:15px;font-family:'notokr-regular'; color:#585858; line-height:30px;} /* 자기소개서 첨삭 컨설팅 신청 */ .container_tit {border:1px solid #d2d2d2; margin:0px 0 0 0;} .container_tit ul { padding:20px 10px 20px 28px; height:20px;} .container_tit ul li { position:relative; float:left; display:inline-block;font-size:18px;font-family:'notokr-bold';font-weight:bold;text-align:center; line-height:20px;letter-spacing:-2px; padding-right:30px; margin-left:20px;} .container_tit ul li:after {position:absolute;top:-8px;right:0px;content:""; display:block; width:22px; height:36px;background:url(http://image.hrdch.co.kr/jobch/image/login/ico_arrow.gif) no-repeat 0 0; } .container_tit ul li:nth-child(5):after {display:none;} .container_tit ul li span{ font-size:15px;font-family:'notokr-regular'; color:#7a7a7a;} .container_tit ul li a:hover {color:#1e55b0;} .container_tit ul li span a:hover{color:#7b98c8;} .container_tit ul .on {color:#1e55b0;} .container_tit ul .on span{color:#7b98c8;} #container .container_inner .consulting {overflow:hidden;} #container .container_inner .consulting .consulting_l { float:left; width:400px; margin-right:34px;} #container .container_inner .consulting .consulting_l .check { border-top:2px solid #759bc5;border-left:2px solid #759bc5;border-right:2px solid #759bc5; background:#94bae3;font-size:30px;font-family:'notokr-regular'; font-weight:bold; text-align:center; color:#000;padding:16px 0;} #container .container_inner .consulting .consulting_l .consult {border-bottom:2px solid #759bc5;border-left:2px solid #759bc5;border-right:2px solid #759bc5; } #container .container_inner .consulting .consulting_l .consult {text-align:center; padding:20px 0;font-size:15px;font-family:'notokr-bold'; color:#000; line-height:18px;} #container .container_inner .consulting .consulting_l .consult li {font-size:15px;font-family:'notokr-bold'; color:#000; line-height:18px; letter-spacing:-1px;} #container .container_inner .consulting .consulting_l .consult .title {font-size:23px;font-family:'notokr-bold'; color:#1e55b0; text-decoration:underline; line-height:36px; margin-bottom:10px;} #container .container_inner .consulting .consulting_l .consult .won {font-size:33px;font-family:'notokr-bold'; color:#000; line-height:40px; margin:10px 0; font-weight: bold;} #container .container_inner .consulting .consulting_r { float:right; width:400px;} #container .container_inner .consulting .consulting_r .check { border-top:2px solid #759bc5;border-left:2px solid #759bc5;border-right:2px solid #759bc5; background:#94bae3;font-size:30px;font-family:'notokr-regular'; font-weight:bold; text-align:center; color:#000;padding:16px 0;} #container .container_inner .consulting .consulting_r .consult {border-bottom:2px solid #759bc5;border-left:2px solid #759bc5;border-right:2px solid #759bc5; } #container .container_inner .consulting .consulting_r .consult {text-align:center; padding:20px 0;font-size:15px;font-family:'notokr-bold'; color:#000; line-height:18px;} #container .container_inner .consulting .consulting_r .consult li {font-size:15px;font-family:'notokr-bold'; color:#000; line-height:18px;letter-spacing:-1px;} #container .container_inner .consulting .consulting_r .consult .title {font-size:23px;font-family:'notokr-bold'; color:#1e55b0; text-decoration:underline; line-height:36px; margin-bottom:10px;} #container .container_inner .consulting .consulting_r .consult .won {font-size:33px;font-family:'notokr-bold'; color:#000; line-height:40px; margin:10px 0; font-weight: bold;} #container .container_inner .consultant{height: 175px;} #container .container_inner .container_right .consultant ul {float:left; display:inline-block; margin-right:34px; overflow:hidden;} #container .container_inner .container_right .consultant ul:last-child { margin-right:0;} #container .container_inner .container_right .consultant ul li {text-align:center; margin-bottom:10px;} #container .container_inner .container_right .consultant ul .over {position:relative;} #container .container_inner .container_right .consultant ul .over:hover:before {position:absolute; top:0px; left:0px; content:""; display:block; width:842px; height:390px; background:url(http://image.hrdch.co.kr/jobch/image/intro/consultant_b.jpg) no-repeat 0 0; z-index:1;} .state li { float:left; display:block; margin-right:7px; line-height:30px;} .state li:nth-child(3) { margin-left:40px;} /* 자소서 컨설팅 */ #container .container_inner .container_right .border_box02 {border:15px solid #eeeeee; padding:45px 60px;font-size:14px;font-family:'나눔바른고딕'; color:#4c4c4c; line-height:22px; } /* NCS 정보 */ .ncs_txt {font-size:16px;font-family:'notokr-regular'; line-height:28px;} .ncs_p {font-size:13px;font-family:'notokr-regular'; margin-top:10px;} .c-tab05 ul {display:block;overflow:hidden;margin-bottom:30px;} .c-tab05 ul li{float:left; display:inline-block;width:166px; border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;border-right:0;font-size:15px;font-family:'notokr-bold'; text-align:center; padding:13px 0; background:#f8f8f8; letter-spacing:-1px;} .c-tab05 ul li:last-child {border-right:1px solid #d2d2d2;} .c-tab05 ul li:hover { border-top:4px solid #1e55b0;border-bottom:1px solid #fff; background:#FFF;} .c-tab05 ul li:hover a{color:#1e55b0;} .c-tab05 ul li a{display:block; line-height:40px;} .c-tab05 ul .on { border-top:4px solid #1e55b0;border-bottom:1px solid #fff;; background:#FFF} .c-tab05 ul .on a{font-size:15px;font-family:'notokr-bold'; color:#1e55b0; text-align:center;} .c-tab06 ul {display:block;overflow:hidden;} .c-tab06 ul li{float:left; display:inline-block;width:166px; border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2;font-size:15px;font-family:'notokr-bold'; text-align:center; padding:11px 0; letter-spacing:-1px;background:#f8f8f8;} .c-tab06 ul li:last-child {border-right:1px solid #d2d2d2} .c-tab06 ul .on { background:#1e55b0;} .c-tab06 ul .on a{font-family:'notokr-regular'; font-weight:bold;color:#fff; text-align:center;} .list01 { margin-left:30px;} .list01 li { position:relative; line-height:26px;} .list01 li:after {position:absolute;top:35%;left:-8px;content:""; display:block; width:2px; height:2px;background:#000;border-radius:1px;} .list01 ul li{ list-style:none} .btn_down {position: relative; display:block; width:293px; height:42px; margin:0 auto; line-height:42px;text-align:center;font-size:14px;font-family:'notokr-regular';background:#767676;} .btn_down a {color:#fff;} .btn_down:after {position:absolute; top:30%; right:35px; content:""; display:block; width:9px; height:13px; background:url(http://image.hrdch.co.kr/jobch/image/ncs/ico_down.gif) no-repeat 0 0;} .tbl-type-s12 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;font-size:12px;border-bottom:1px solid #929292;font-family:'돋움'; text-align:left; } .tbl-type-s12 thead th {padding:10px 16px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:2px solid #929292;word-wrap:break-word;line-height:1.3;word-break:break-all;text-align:center;background:#3384b9; color:#FFF;} .tbl-type-s12 thead td {padding:10px 16px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:2px solid #929292;word-wrap:break-word;line-height:1.3;word-break:break-all; text-align:center; font-weight:bold; background:#3384b9;color:#FFF;} .tbl-type-s12 th { color:#2358b1;} .tbl-type-s12 th, .tbl-type-s12 td {padding:10px 16px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type-s12 tfoot th {color:#666;background:#fff;font-weight:normal;} .tbl-type-s12 th:first-child, .tbl-type-s12 td:first-child {border-left:0} .tbl-type-s12 th:last-child, .tbl-type-s12 td:last-child {border-right:0} .tbl-type-s12 th { font-weight:bold; background:#f8f8f8;} /* NCS 정보 */ .ncs_faq01 { overflow:hidden;} .ncs_faq01 .ncs_l { float:left;} .ncs_faq01 .ncs_r { float:left;font-size:22px;font-family:'notokr-regular'; font-weight:bold; line-height:73px;} .ncs_faq02 { overflow:hidden;} .ncs_faq02 .ncs_l { float:left;} .ncs_faq02 .ncs_r { float:left;font-size:14px;font-family:'notokr-regular'; line-height:23px; margin-left:87px; margin-top:-60px; } .ncs_faq02 h17 {font-size:14px;font-family:'notokr-regular'; font-weight:bold;line-height:33px;} /* NCS/인적성 강의 */ .lecture_visual {position:relative; left:50%; width:2000px; margin-left:-1000px;} .lecture_visual ul {text-align:center;position:absolute;bottom:10px;width:100%;} .lecture_visual ul li { display:inline-block; width:17px; height:17px;border-radius:10px; background:#FFF; border:1px solid #b9b9b9; margin-right:5px;} .lecture_visual ul li a.active{background:#1e55b0;} .lecture_visual ul .on{background:#1e55b0; border:none} .lec_ban { overflow:hidden} .lec_ban ul li { float:left; display:inline-block; margin-right:8px;} .lec_ban ul li:last-child {margin-right:0;} .hit { overflow:hidden;} .hit li{float:left; display:inline-block;} .free_sample {width:100%; overflow:hidden;} .free_sample dl { float:left; display:inline-block;margin-right:7px;} .free_sample dl:last-child { margin-right:0;} .free_sample dl dd { background:#f5f5f5; font-size:12px;font-family:'돋움'; line-height:30px; padding-left:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 188px;} .lecture_board { overflow:hidden;} .employ_date { float:left; width:396px;} .free_class{ float:right; width:396px;} .lecture_info dl {border:1px solid #b9b9b9; margin-right:10px; float:left; display:inline-block; padding-bottom:20px} .lecture_info dl:last-child {margin-right:0;} .lecture_info dd { padding-left:20px;} .lecture_info .tit {font-size:17px;font-family:'notokr-bold'; line-height:30px;} .l_blue_box {border:1px solid #d7d7d7; border-left:14px solid #4875bf; background:#fafafa;padding:17px 40px;font-size:14px;font-family:'돋움';} .l_blue_box ul li { position:relative;line-height: 22px;} .l_blue_box ul li:before {position:absolute; top:30%; left:-10px; content:""; display:block; width:7px; height:10px; background:url(http://image.hrdch.co.kr/jobch/image/mypage/li_simbol.png) no-repeat 0 0;} #container .container_inner .container_right .course { border-bottom:1px solid #e2e2e2; overflow:hidden; padding:40px 0; } #container .container_inner .container_right .course .course_l {float:left;} #container .container_inner .container_right .course .course_l .course_l00 { width:600px; border-right:1px solid #e2e2e2; overflow:hidden;} #container .container_inner .container_right .course .course_l .course_l00 h3 { float:left; line-height:50px;font-size:20px;font-family:'notokr-bold'; font-weight:bold; letter-spacing:-1px;color:#000; margin-right:5px;} .ico_list {padding-top:15px; margin-left:5px;} .ico_list li { float:left; display:inline-block; margin-right:3px;} .ico_list .ico_gray { display:block;width:34px;height:18px;line-height:19px;text-align:center;font-size:12px;font-family:'돋움';background:#f4f4f4;color:#4d4d4d;border:1px solid #9d9d9d;border-radius:2px; letter-spacing:-1px;} .ico_list .ico_gray02 { display:block;width:40px;height:18px;line-height:19px;text-align:center;font-size:12px;font-family:'돋움';background:#f4f4f4;color:#4d4d4d;border:1px solid #9d9d9d;border-radius:2px; letter-spacing:-1px;} .ico_list .ico_orange { display:block;width:40px;height:18px;line-height:19px;text-align:center;font-size:12px;font-family:'돋움';background:#fc6b58;color:#fff;border:1px solid #cf4432;border-radius:2px; letter-spacing:-1px;} #container .container_inner .container_right .course .course_l .course_l01 { width:600px; border-right:1px solid #e2e2e2; overflow:hidden} #container .container_inner .container_right .course .course_l .course_l01 .teacher { float:left;width:112px;} #container .container_inner .container_right .course .course_l .course_l01 .teacher img { border:1px solid #d6d6d6; } #container .container_inner .container_right .course .course_l .course_l01 .teacher_r { float:right; width:410px; margin-right:37px} #container .container_inner .container_right .course .course_l .course_l01 .teacher .name { text-align:center; margin-top:10px;font-size:12px;font-family:'돋움';} .btn_w { display: inline-block;width:56px; height:15px; text-align:center;font-size:11px;font-family:'돋움';background:#fff;color:#000;border:1px solid #e2e2e2;border-radius:1px;} .btn_w02 { display: inline-block;width:24px; height:15px; text-align:center;font-size:11px;font-family:'돋움';background:#fff;color:#000;border:1px solid #e2e2e2;border-radius:1px;} .course_r { float:left;} .course_r .course_in {margin:55px 0px 0 40px;overflow:hidden} .course_r .title { float:left; } .course_r .title li { line-height:25px;} .course_r .price { float:left; margin-left:20px; line-height:21px} .course_r .price li { text-align:right} .course_r .price span {font-size:20px;font-family:'notokr-bold'; color:#ff0000;} .course_r .btn_list02 {margin-left:60px;} .course_r .btn_list02 li{ display:inline-block;} .course_r .btn_list02 .btn00 { margin:30px 0 0 0;display:block;width:92px;height:35px;line-height:35px;text-align:center;font-size:18px;font-family:'notokr-regular';background:#efefef;color:#000;border:1px solid #d5d5d5;border-radius:2px;} .course_r .btn_list02 .btn01 { margin:30px 0 0 0;display:block;width:92px;height:35px;line-height:35px;text-align:center;font-size:18px;font-family:'notokr-regular';background:#ff283c;color:#fff;border:1px solid #ad0415;border-radius:2px;} .tip {border:1px solid #d7d7d7; background:#fafafa; overflow:hidden; } .tip_l { float:left; background:#4875bf; width:190px; text-align:center; color:#FFF; font-weight:bold; padding:20px 0;} .tip_r { float:left; padding:9px 0; margin-left:20px;} .tip_r ul li { position:relative;font-size:12px;font-family:'돋움';} .tip_r ul li:before {position:absolute;top:35%;left:-8px;content:""; display:block; width:1px; height:1px;background:#000;} .tip_r ul li span { color:#ff0000; font-weight:bold} .ico_list02 {overflow:hidden} .ico_list02 li { float:left; display:inline-block; margin-right:5px;} .ico_list02 .ico_gray { display:block;width:34px;height:18px;line-height:19px;text-align:center;font-size:12px;font-family:'돋움';background:#f4f4f4;color:#4d4d4d;border:1px solid #9d9d9d;border-radius:2px; letter-spacing:-1px;} .ico_list02 .ico_gray02 { display:block;width:40px;height:18px;line-height:19px;text-align:center;font-size:12px;font-family:'돋움';background:#f4f4f4;color:#4d4d4d;border:1px solid #9d9d9d;border-radius:2px; letter-spacing:-1px;} .ico_list02 .ico_orange { display:block;width:40px;height:18px;line-height:19px;text-align:center;font-size:12px;font-family:'돋움';background:#fc6b58;color:#fff;border:1px solid #cf4432;border-radius:2px; letter-spacing:-1px;} .btn_intro{ display:inline-block;width:45px;height:12px;line-height:13px;text-align:center;font-size:11px;font-family:'돋움';background:#7786b9;color:#fff;border:1px solid #425390;letter-spacing:-1px;color:#ffffff !important; margin-left:7px} .lecture_top { padding:30px 30px;border:1px solid #d5d5d5; border-bottom:none; overflow:hidden;} .lecture_top .lecture_l { float:left; width:366px;} .lecture_top .lecture_r { float:right; width:366px;} .lecture_middle {border:1px solid #d5d5d5; border-bottom:none; background:#f3f4f8; padding:12px 26px;overflow:hidden;} .lecture_middle ul li { display:inline-block; margin-right:20px; font-size:12px;font-family:'돋움';} .lecture_middle ul li span {font-size:20px; color:#ff0000;} .lecture_bottom { padding:12px 26px; background:#585858;overflow:hidden;} .lecture_bottom ul {float:right;} .lecture_bottom ul li { display:inline-block; margin-right:20px; font-size:12px;font-family:'돋움'; font-weight:bold; color:#FFF;} .btn_list03 { text-align:right} .btn_list03 li{ display:inline-block;} .btn_list03 .btn00 { margin:30px 0 0 0;display:block;width:128px;height:40px;line-height:40px;text-align:center;font-size:18px;font-family:'notokr-bold';background:#efefef;color:#000;border:1px solid #d5d5d5;border-radius:2px;} .btn_list03 .btn01 { margin:30px 0 0 0;display:block;width:128px;height:40px;line-height:40px;text-align:center;font-size:18px;font-family:'notokr-bold';background:#ff283d;color:#fff;border:1px solid #ad0415;border-radius:2px;} .c-tab07 ul {display:block;overflow:hidden;margin-bottom:30px;} /*.c-tab07 ul li{float:left; display:inline-block;width:19.8%; border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-bottom:1px solid #000;border-right:0;font-size:15px;font-family:'notokr-bold'; text-align:center; padding:13px 0; background:#f8f8f8; letter-spacing:-1px;}*/ .c-tab07 ul li{float:left; display:inline-block;width:19.8%; border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-bottom:1px solid #000;border-right:0;font-size:15px;font-family:'notokr-bold'; text-align:center; line-height:49px;background:#f8f8f8; letter-spacing:-1px;} .c-tab07 ul li a{display:block;} .c-tab07 ul li:last-child {border-right:1px solid #d2d2d2;} .c-tab07 ul li:hover { border-top:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #fff; background:#FFF;} .c-tab07 ul li:hover a{color:#000;} .c-tab07 ul .on { border-top:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #fff;; background:#FFF} .c-tab07 ul .on a{font-size:15px;font-family:'notokr-regular'; font-weight:bold;color:#000; text-align:center;} .c-tab07 ul .on:last-child {border-right:1px solid #000;} .lecture_area {font-size:12px;font-family:'돋움';} .btn_view { border:1px solid #e2e2e2; background:#f8f8f8; width:100%; text-align:center; margin-top:26px;font-size:12px;font-family:'돋움'; padding:7px 0;} .pro { background:url(http://image.hrdch.co.kr/jobch/image/lecture/teacher_bg.jpg) no-repeat 0 0; overflow:hidden;} .pro .pro_l { float:left;} .pro .pro_l .name {font-size:22px;font-family:'notokr-bold'; color:#FFF; margin:57px 0 0 70px;} .pro .pro_l ul {margin:20px 0 0 70px;} .pro .pro_l ul li { position:relative; font-size:13px;font-family:'notokr-regular'; color:#FFF; margin-left:10px;} .pro .pro_l ul li:before {position:absolute;top:50%;left:-8px;content:""; display:block; width:1px; height:1px;background:#fff;} .pro .pro_r { float:right;} .book {border-bottom:1px solid #e2e2e2; overflow:hidden; padding:30px 0 30px 0;} .book .book_l {float:left;border-right:1px solid #e2e2e2; padding-right:35px; width:75%;} .book .book_l .book_img {float:left; width:120px;} .book .book_l .book_txt {float:left; width:75%; margin-left:25px; margin-top:20px;} .book .book_l .book_txt ul li {font-size:12px;font-family:'돋움';} .book .book_r {float:left; margin-left:60px; margin-top:30px;} .book .book_r ul { display:inline-block;margin-left:10px;} .book .book_r ul li {font-size:12px;font-family:'돋움';} .book .book_r .btn_view {margin:20px auto 0 auto;display:block;padding:5px 0px;text-align:center;font-size:12px;font-family:'돋움'; font-weight:bold; background:#1e55b0; color:#fff;} .book .book_r .pay { text-align:right} /* 회원리뷰 */ .review {border-bottom:1px solid #e2e2e2; overflow:hidden; margin-top:15px; padding-bottom:15px;} .review .star ul li{ display:inline-block;} .review .review_txt { width:100%; margin-top:20px;} .review .review_txt p{ font-size:12px;font-family:'돋움';} .review .review_date { text-align:right; color:#ababab;} .review .review_date ul li { display:inline-block; margin-left:20px;font-size:12px;font-family:'돋움'; } .page { width:100%;} .ca_footer {text-align:center; margin-top:35px;} .ca_footer .first{ display:inline-block; margin:0;} .ca_footer .prev{ display:inline-block; margin:0;} .ca_footer .num li{ display:inline-block; margin:0 11px;line-height:25px; vertical-align:middle; font-size:13px;font-family:'나눔고딕';} .ca_footer .num li a:hover { color:#7c9dbc;} .ca_footer .num li.prev{margin:0} .ca_footer .num li.first{margin:0} .ca_footer .num li.next{margin:0} .ca_footer .num li.last{margin:0} .ca_footer .num .on {border:1px solid #e2e2e2; padding:1px 9px;} .ca_footer .next{display:inline-block; margin:0;} .ca_footer .last{display:inline-block; margin:0;} .btn_w_84 { float:right; display:block; width:84px; height:29px; margin-top:-30px; text-align:center;font-size:12px; line-height:29px; font-family:'돋움';background:#fff;color:#000;border:1px solid #e2e2e2;} .review_w02 { background:#f7f7f7;border-top:2px solid #6a95ac;border-bottom:1px solid #6a95ac; padding:8px 25px 25px 25px; margin-top:60px;} .review_w02 dl { overflow:hidden; margin-top:17px;} .review_w02 dl dt { float:left; width:50px;} .review_w02 dl dd { float:left; margin-right:27px} .review_w02 dl dd ul li {display:inline-block; margin-right:1px; vertical-align:middle} .review_w02 input {} .btn_w_98 { display:inline-block; width:98px; height:52px; text-align:center;font-size:12px; line-height:52px; font-family:'돋움'; font-weight:bold; background:#fff;color:#000;border:1px solid #e2e2e2; margin-left:48px; margin-top:25px} .tbl-type-s13 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:left; font-size:12px;border-bottom:1px solid #ccc;font-family:'돋움';} .tbl-type-s13 th {padding:20px 20px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;word-wrap:break-word;line-height:1.3;word-break:break-all; background:#fafafa;} .tbl-type-s13 td {color:#000;padding:20px 20px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;word-wrap:break-word;line-height:1.3;word-break:break-all; } .tbl-type-s13 thead th {background:#ecedf0;color:#000f;border-bottom:1px solid #c4c4c4;font-size:12px;} .tbl-type-s13 thead tr:first-child th {border-top:1px solid #000;} .tbl-type-s13 thead tr:first-child { position:relative;} /* 패키지 */ .package_menu { position:fixed; top:230px; left:50%; margin-left:-780px; width:190px;z-index:100000;} .package_menu .menu_middle {background:url(http://image.hrdch.co.kr/jobch/image/package/menu_bg.png) repeat-y left top; } .package_menu .menu_middle h20 { display:block;font-size:18px;font-family:'notokr-bold'; color:#9ac5f3; text-align:center; letter-spacing:-1px;} .package_menu .menu_middle h21 {display:block;font-size:14px;font-family:'notokr-bold'; color:#fff;text-align:center;margin-top:5px; letter-spacing:-1px;} .package_menu .menu_middle ul { width:167px; margin-left:7px; margin-top:15px;} .package_menu .menu_middle ul li {font-size:14px;font-family:'notokr-bold'; border:1px solid #171719; padding:6px 10px;letter-spacing:-1.2px; background:#3b3d46;} .package_menu .menu_middle ul .on{font-size:14px;font-family:'notokr-bold'; border:1px solid #171719; padding:6px 10px;letter-spacing:-1.2px; background:#4571a1;} .package_menu .menu_middle ul a { color:#FFF;} .package_menu .menu_middle ul a:hover { font-weight:bold;} .register {position:fixed; bottom:0; border-bottom:15px solid #ff3333; z-index:888; width:100%;} .register .btn_regi { position:relative;bottom:-15px; left:58%; margin-left:400px; width:194px; height:80px; font-size:30px;font-family:'notokr-bold'; line-height:80px; text-align:center; color:#FFF; background:#ff3333; border-radius:4px;} .register .btn_regi a{color:#fff; font-family:notokr-bold; display:block;} .package_con {position:relative; left:50%; width:2000px; margin-left:-1000px;overflow:hidden;} .register_tit { width:100%; height:167px;overflow:hidden} .register_tit .tit_area{ position:relative; height:123px; background:#1e55b0;font-size:40px;font-family:'notokr-bold'; color:#fff; font-weight:bold; text-align:center; line-height:123px;} .register_tit .tit_area:after {position:absolute; top:123px; left:50%;margin-left:-45px; content:""; display:block; width:91px; height:44px; background:url(http://image.hrdch.co.kr/jobch/image/package/mark.gif); } .register_con { position:relative; left:50%; width:1080px; margin-left:-540px;font-size:12px; font-family:'돋움';} .register_con h22 {font-size:35px;font-family:'notokr-bold'; line-height:80px;} .composition {border-bottom:1px solid #d8d8d8; padding:30px 30px; overflow:hidden;} .composition img {border:1px solid #d8d8d8; } .composition div { float:left; display:inline;} .composition .compo01 { margin-left:30px;} .composition .compo01 h3 { float:left} .composition .compo01 .compo_inner { clear:both} .composition .compo01 .compo_inner ul { display:inline-block; margin-right:17px;} .composition .compo01 .compo_inner ul li {font-size:12px; font-family:'돋움';} .composition .compo02 { margin-left:910px; margin-top:-110px; } .composition .compo02 .btn_view { float:right; display:block;padding:10px 15px;text-align:center;font-size:18px;font-family:'notokr-regular';background:#efefef;color:#000;letter-spacing:-1px;border:1px solid #d1d1d1;border-radius:5px;} .list02 li {position:relative;font-size:13px;font-family:'돋움'; color:#777777; line-height:22px; margin-left:10px; text-align:left; overflow:hidden} .list02 li:before {position:absolute;top:40%;left:-8px;content:""; display:block; width:2px; height:2px;background:#000;border-radius:1px;} .list02 p{font-size:13px;font-family:'돋움'; color:#777777; line-height:22px; margin-left:10px;} .list02 .red { color:#ff0000;} /* wating */ .wating { margin:120px auto 0 auto; width:450px;} .wating ul { text-align:center;} .wating ul .tit {font-size:36px;font-family:'notokr-bold'; font-weight:bold; letter-spacing:-5px; margin-top:30px} .wating ul .txt {font-size:17px;font-family:'notokr-regular'; margin-top:20px;} .package_area {border-bottom:1px solid #e2e2e2; overflow:hidden;} .package_area .p_area_l { float:left; width:30%; text-align:center; padding-top:70px;} .package_area .p_area_l ul .cname { position:relative; margin-top:75px;} .package_area .p_area_l ul .cname:before {position:absolute;top:-3px;left:33%;content:""; display:block; width:86px; height:1px;background:#929292;} .package_area .p_area_l ul .cname:after {position:absolute;bottom:-3px;left:33%;content:""; display:block; width:86px; height:1px;background:#929292;} .package_area .p_area_r{ float:left; width:69%; border-left:1px solid #e2e2e2;} .package_area .p_area_r01 { padding:20px 0 20px 30px;} .package_area .p_area_r01 dl { overflow:hidden} .package_area .p_area_r01 dl dt {float:left; display:block; width:65px; height:20px; text-align:center;font-size:12px;font-family:'돋움'; font-weight:bold;background:#c0d2ef;color:#000;border:1px solid #8ba2c7;border-radius:3px; margin-right:5px;} .package_area .p_area_r01 dl dd { font-size:12px;font-family:'돋움';font-weight:bold;} .package_area .p_area_r01 ul { margin-top:12px;} .package_area .p_area_r01 .list03 li {position:relative;font-size:13px;font-family:'돋움'; color:#777777; line-height:20px; text-align:left; overflow:hidden; padding-left:10px;} .package_area .p_area_r01 .list03 li:before {position:absolute;top:40%;left:0px;content:""; display:block; width:2px; height:2px;background:#000;border-radius:1px;} .package_area .p_area_r01 p {font-size:12px;font-family:'돋움'; color:#717780; margin-top:15px;} .package_area .p_area_r02 { padding:20px 0 40px 30px;background:#f8f8f8;} .package_area .p_area_r02 ul { float:left} .package_area .p_area_r02 ul li { display:inline-block; margin-right:18px;} .package_area .p_area_r02 ul li span {font-size:23px;font-family:'notokr-bold'; color:#ff0000;} .package_area .p_area_r02 .btn_p { float:right; display:block;width:112px;height:35px;line-height:35px;text-align:center;font-size:18px;font-family:'notokr-regular';background:#ff283c;color:#fff;border:1px solid #ad0415;border-radius:2px; margin-right:23px; margin-top:-10px;} /* 회사소개 */ .company_visual { position:relative; left:50%; margin-left:-1000px;} .company_menu {height:50px;border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2;background:#f8f8f8;line-height:50px;} .company_menu .cmenu_inner { width:1080px; margin:0 auto;} .company_menu .cmenu_inner li { float:left; font-size:16px; letter-spacing:-1px; width:216px; text-align:center; font-weight:600;} .company_menu .cmenu_inner li.on a { color:#4b96e6;} .intro_innter { width:1080px; margin:73px auto 0 auto;} .intro_innter .c_intro { overflow:hidden;} .intro_innter .c_intro .intro_l { float:left;} .intro_innter .c_intro .intro_r { float:left;font-size:28px;font-family:'나눔바른고딕'; line-height:36px; color:#000} .intro_innter .c_intro02 { overflow:hidden; margin-top:47px; background:url(http://image.hrdch.co.kr/jobch/image/company/company_img02.jpg) no-repeat bottom right;} .intro_innter .c_intro02 .intro_txt {float:left;font-size:16px;font-family:'notokr-regular'; line-height:30px; color:#494949;} .intro_innter .c_tit {font-size:35px;font-family:'나눔바른고딕'; margin-top:85px;} .intro_innter .c_intro03 {background:url(http://image.hrdch.co.kr/jobch/image/company/company_img03.jpg) no-repeat bottom right;} .intro_innter .c_intro03 dl { margin-top:50px; overflow:hidden;} .intro_innter .c_intro03 dl dt {float:left;} .intro_innter .c_intro03 dl dd { float:left; margin-left:30px;font-size:16px;font-family:'notokr-regular'; width:80%; margin-top:5px;} .intro_innter .c_intro03 dl .site {color:#4b96e6;font-size:18px;font-family:'notokr-bold'; line-height:30px;} .intro_innter .c_intro03 dl .site span {color:#bd9c7a;font-size:18px;font-family:'notokr-bold'} .intro_innter .history_wrap {margin-top:40px;} .intro_innter .history_wrap > div{margin-left:0px;} .intro_innter .history_wrap table td{vertical-align:top} .intro_innter .history_wrap table td.t1{width:130px;font-family:'notokr-bold';font-size:30px;line-height:32px;letter-spacing:-1px;} .intro_innter .history_wrap table td ul li{line-height:24px;font-family:'notokr-regular';font-size:14px;line-height:32px;letter-spacing:-1px;} .intro_innter .history_wrap table td.t2 li{font-family:'notokr-bold';font-size:16px;} .intro_innter .history_wrap table td.t2 {width:80px;text-align:center;background:#f8f8f8;height:100%} .intro_innter .history_wrap table td.t3 {padding:0 20px;} .intro_innter .history_wrap table td.t3 li{color:#888;} .intro_innter .history_wrap .h_2016{margin-top:30px;} .intro_innter .history_wrap .h_2017{margin-top:30px;} /*검색*/ .search_wrap h3{font-family: 'notokr-medium';font-size:20px;line-height:22px;letter-spacing:-1px;color:#494949} .search_wrap h4{font-family: 'notokr-medium';font-size:15px;line-height:17px;letter-spacing:-1px;color:#494949} .search_wrap .lecture_search{padding-bottom:90px;} .search_wrap .lecture_search h3{margin-top:20px;border-bottom:2px solid #292929;padding-bottom:10px;} .search_wrap .lecture_search h3 span{font-size:14px;margin-left:10px;} .search_wrap .lecture_search h3 span b{color:#d22828;} .search_wrap .lecture_search .cate_tab{margin-top:20px;border-top:1px solid #393939;border-bottom:1px solid #393939} .search_wrap .lecture_search .cate_tab ul{overflow:hidden;} .search_wrap .lecture_search .cate_tab ul li{float:left;width:360px;text-align:center;} .search_wrap .lecture_search .cate_tab ul li a {display:block;font-family: 'notokr-medium';font-size:15px;line-height:17px;letter-spacing:-1px;color:#888;height:40px;line-height:40px;} .search_wrap .lecture_search .cate_tab ul li.on a{background:#393939;color:#fff;} .search_wrap .lecture_search .cate_tab ul li.on a:hover{background:#393939;color:#fff;} .search_wrap .lecture_search .cate_tab ul li a:hover{background:#f2f2f2;color:#393939} .search_wrap .lecture_search .title_box {overflow:hidden;} .search_wrap .lecture_search .title_box h4{float:left;} .search_wrap .lecture_search .title_box .more{float:right;} .search_wrap .lecture_search .more_btn{overflow:hidden;} .search_wrap .lecture_search .more_btn a{display:inline-block;text-align:center;float:right;font-family: 'notokr-medium';font-size:13px;letter-spacing:-1px;width:100px;height:26px;line-height:24px;border:1px solid #a2a2a2;} .search_wrap .lecture_search .no_item{padding:30px 0;text-align:center;} .search_wrap .lecture_search .lec_book_result .no_item{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;margin-bottom:10px;} .search_wrap .lecture_search .package_result {margin-top:40px;} .search_wrap .lecture_search .package_result .list{margin-top:10px;} .search_wrap .lecture_search .package_result .list ul li {overflow:hidden;;border:1px solid #e2e2e2;border-left:0px;border-right:0px;margin-bottom:10px;} .search_wrap .lecture_search .package_result .list ul li > div{float:left;height:205px;} .search_wrap .lecture_search .package_result .list ul li .thum{width:290px;} .search_wrap .lecture_search .package_result .list ul li .thum a {display:block;padding:20px 0;} .search_wrap .lecture_search .package_result .list ul li .thum a img{width:290px;height:163px;} .search_wrap .lecture_search .package_result .list ul li .text{width:529px;padding:0 20px;;border-right:1px solid #e2e2e2;} .search_wrap .lecture_search .package_result .list ul li .text span{display:block;} .search_wrap .lecture_search .package_result .list ul li .text span.title{margin-top:20px;border-bottom:1px solid #e2e2e2;padding-bottom:15px;} .search_wrap .lecture_search .package_result .list ul li .text span.title a{font-family: 'notokr-medium';font-size:16px;line-height:17px;letter-spacing:-1px;color:#494949;} .search_wrap .lecture_search .package_result .list ul li .text span.date{margin-top:15px;font-weight:bold;} .search_wrap .lecture_search .package_result .list ul li .text span.date strong{color:#d22828;} .search_wrap .lecture_search .package_result .list ul li .text span.bu{margin-top:10px;line-height:20px;color:#777;height:83px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .search_wrap .lecture_search .package_result .list ul li .price{position:relative;float:right;} .search_wrap .lecture_search .package_result .list ul li .price dl{overflow:hidden;width:200px;;margin-bottom:10px;} .search_wrap .lecture_search .package_result .list ul li .price dl.d1{margin-top:20px;} .search_wrap .lecture_search .package_result .list ul li .price dl dt{float:left;font-family: 'notokr-regular';font-size:14px;line-height:15px;letter-spacing:-1px;} .search_wrap .lecture_search .package_result .list ul li .price dl dd{float:right;font-weight:bold;color:#d22828;line-height:15px;} .search_wrap .lecture_search .package_result .list ul li .price_bts{position:absolute;width:100%;bottom:20px;overflow:hidden;} .search_wrap .lecture_search .package_result .list ul li .price_bts a{display:block;float:left;width:198px;height:32px;line-height:32px;text-align:center;border:1px solid #d22828;color:#d22828} .search_wrap .lecture_search .package_result .list ul li .price_bts a.a1{border:0px;width:100px;background:#d22828;height:34px;line-height:34px;color:#fff;} .search_wrap .lecture_search .normal_result{margin-top:70px;} .search_wrap .lecture_search .normal_result .list{margin-top:10px;} .search_wrap .lecture_search .normal_result .list ul{border-top:1px solid #e2e2e2;margin-bottom:10px;} .search_wrap .lecture_search .normal_result .list ul li {overflow:hidden;;border-bottom:1px solid #e2e2e2;} .search_wrap .lecture_search .normal_result .list ul li > div{float:left;height:140px;} .search_wrap .lecture_search .normal_result .list ul li .thum{width:100px;} .search_wrap .lecture_search .normal_result .list ul li .thum a {display:block;width:98px;height:98px;overflow:hidden;margin-top:20px;border:1px solid #e2e2e2;} .search_wrap .lecture_search .normal_result .list ul li .thum a img{width:98px;height:98px;} .search_wrap .lecture_search .normal_result .list ul li .text{width:719px;padding:0 20px;;border-right:1px solid #e2e2e2;} .search_wrap .lecture_search .normal_result .list ul li .text span{display:block;} .search_wrap .lecture_search .normal_result .list ul li .text span.title{margin-top:20px;border-bottom:1px solid #e2e2e2;padding-bottom:15px;} .search_wrap .lecture_search .normal_result .list ul li .text span.title a{font-family: 'notokr-medium';font-size:14px;line-height:17px;letter-spacing:-1px;color:#494949;} .search_wrap .lecture_search .normal_result .list ul li .text span.bu{margin-top:10px;} .search_wrap .lecture_search .normal_result .list ul li .text span.bu dl{overflow:hidden;line-height:20px;} .search_wrap .lecture_search .normal_result .list ul li .text span.bu dt{float:left;width:80px;font-weight:bold;} .search_wrap .lecture_search .normal_result .list ul li .text span.bu dd{float:left;} .search_wrap .lecture_search .normal_result .list ul li .price{position:relative;float:right;} .search_wrap .lecture_search .normal_result .list ul li .price dl{overflow:hidden;width:200px;margin-bottom:10px;} .search_wrap .lecture_search .normal_result .list ul li .price dl.d1{margin-top:20px;} .search_wrap .lecture_search .normal_result .list ul li .price dl dt{float:left;font-family: 'notokr-regular';font-size:14px;line-height:15px;letter-spacing:-1px;} .search_wrap .lecture_search .normal_result .list ul li .price dl dd{float:right;font-weight:bold;color:#d22828;line-height:15px;} .search_wrap .lecture_search .normal_result .list ul li .price_bts{position:absolute;width:100%;bottom:20px;overflow:hidden;} .search_wrap .lecture_search .normal_result .list ul li .price_bts a{display:block;float:left;width:198px;height:32px;line-height:32px;text-align:center;border:1px solid #d22828;color:#d22828} .search_wrap .lecture_search .normal_result .list ul li .price_bts a.a1{border:0px;width:100px;background:#d22828;height:34px;line-height:34px;color:#fff;} .search_wrap .lecture_search .lec_book_result{margin-top:70px;} .search_wrap .lecture_search .lec_book_result .title_box{border-bottom:1px solid #e2e2e2;padding-bottom:10px;} .search_wrap .lecture_search .lec_book_result .list{margin-top:20px;} .search_wrap .lecture_search .lec_book_result .list ul{overflow:hidden;} .search_wrap .lecture_search .lec_book_result .list ul li{width:255px;;margin-right:20px;float:left;margin-bottom:20px;} .search_wrap .lecture_search .lec_book_result .list ul li:nth-child(4n){margin-right:0px;} .search_wrap .lecture_search .lec_book_result .list ul li.last-child{margin-right:0px;} .search_wrap .lecture_search .lec_book_result .list ul li dl{border:1px solid #e2e2e2;} .search_wrap .lecture_search .lec_book_result .list ul li dl dt{width:255px;height:255px;border-bottom:1px solid #e2e2e2;} .search_wrap .lecture_search .lec_book_result .list ul li dl dt a{display:block;text-align:center;} .search_wrap .lecture_search .lec_book_result .list ul li dl dt img{width:144px;height:195px;margin-top:30px;} .search_wrap .lecture_search .lec_book_result .list ul li dl dd{padding:0 15px; height:86px} .search_wrap .lecture_search .lec_book_result .list ul li dl dd span{display:block;} .search_wrap .lecture_search .lec_book_result .list ul li dl dd span.tit{text-align:left;line-height:19px;height:38px;margin-top:15px;overflow:hidden;} .search_wrap .lecture_search .lec_book_result .list ul li dl dd span.price{text-align:right;font-weight:bold;color:#d22828;margin-top:10px;} .review_popup{position:fixed;width:640px;top:50%;left:50%;margin-left:-325px;margin-top:0px;background:#fff;border:5px solid #e2e2e2;;z-index:1000;display:none;} .review_popup .title_box{overflow:hidden;border-bottom:1px solid #e2e2e2;height:40px;line-height:40px;padding:0 15px} .review_popup .title_box h3{float:left;font-family: 'notokr-medium';font-size:16px;letter-spacing:-1px;} .review_popup .title_box a{float:right;} .review_popup .title_box a i{margin-top:8px} .review_popup .cont_box{padding:0 15px;} .review_popup .cont_box h4 {padding:10px 0} .review_popup .cont_box h4 span{display:block;} .review_popup .cont_box h4 span.tit{font-size:13px;color:#018e93;} .review_popup .cont_box h4 span.date{margin-top:6px;color:#888} .review_popup .cont_box h4 span.date strong{margin-right:10px;color:#393939;} .review_popup .cont_box table{border:1px solid #e2e2e2;border-bottom:0px;} .review_popup .cont_box table tr th{border-bottom:1px solid #e2e2e2;width:100px;border-right:1px solid #e2e2e2;text-align:center;font-weight:bold;background:#f8f8f8} .review_popup .cont_box table tr td{border-bottom:1px solid #e2e2e2;padding:0 10px;min-height:40px;} .review_popup .cont_box table tr td input{height:28px;border:1px solid #e2e2e2;width:490px;padding:0 5px} .review_popup .cont_box table tr td textarea{height:196px;border:1px solid #e2e2e2;margin:5px 0;width:490px;padding:5px;line-height:18px;} .review_popup .cont_box table .t1 i{color:#d22828;} .review_popup .review_popup_btn{text-align:center;padding:10px 0 20px 0} .review_popup .review_popup_btn .in_box{display:inline-block;} .review_popup .review_popup_btn .in_box a{display:inline-block;width:150px;height:32px;line-height:32px;text-align:center;;border:1px solid #a2a2a2;} .tbl-type11 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;font-size:12px;border-bottom:1px solid #929292;font-family:'돋움';} .tbl-type11 thead th, .tbl-type11 td {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:2px solid #929292;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type11 th, .tbl-type11 td {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;word-wrap:break-word;line-height:1.3;word-break:break-all;} .tbl-type11 th, .tbl-type11 tfoot th {color:#666;background:#fff;font-weight:normal;} .tbl-type11 th:first-child, .tbl-type11 td:first-child {border-left:0} .tbl-type11 th:last-child, .tbl-type11 td:last-child {border-right:0} .tbl-type11 th { font-weight:bold; background:#f8f8f8;text-align:left;} .tbl-type11 .bgnone {text-align:left !important; background:none; font-weight:normal;} .tbl-type11 .check {width:14px; height:14px;} .tbl-type11 input{ padding-left:10px; width:300px; height:28px;border:1px solid #e2e2e2;font-size:12px; } .tbl-type11 textarea { width:98%; padding:10px 10px;} .agree { float:right; font-size:19px; margin-top:0px; overflow:hidden} .agree span {font-size:15px;} .btn_view { display:inline-block;width:85px;height:24px;line-height:24px;text-align:center;font-size:15px;font-family:'notokr-regular';background:#f8f8f8;border:1px solid #c4c4c4;} .btn_red_b { position:relative; left:50%; margin-left:-199px; display:block;width:398px;height:80px;line-height:80px;text-align:center;font-size:30px;font-family:'notokr-regular';background:#ff283d; color:#FFF; margin-top:65px;border:1px solid #ad0415; border-radius:3px;} .view_box {border:1px solid #c4c4c4;border-top:5px solid #1e55b0; padding:28px 60px; overflow:hidden} .view_box .view_boxl { float:left;} .view_box .view_boxl .boxl_in {border:1px solid #e3e3e3; background:#f5f5f5; padding:29px 27px;} .view_box .view_boxl .boxl_in p { font-size:16px; line-height:30px;} .view_box .view_boxl .boxl_in ul { margin-top:10px;} .view_box .view_boxr { float:left; margin-left:47px;} .view_box .view_boxr ul { margin-top:80px;} .view_box .view_boxr ul li { line-height:30px;} /* 회원가입 */ .join2 .join_title{text-align:center;padding:30px 0} .join2 .join_step{text-align:center;padding:30px 0;border-top:1px solid #e2e2e2} .join2 .join_intro .join_check_box dl{margin-bottom:40px;} .join2 .join_intro .join_check_box dl dt{border-bottom:1px solid #292929;line-height:30px;font-family: 'notokr-medium';font-size:15px;;letter-spacing:-0.5px;} .join2 .join_intro .join_check_box dl dd .text_box{border:1px solid #e2e2e2;height:200px;overflow-y:scroll;padding:20px;margin-top:20px;line-height:20px;} .join2 .join_intro .join_check_box dl dd .text_box h4{font-family:'dotum';font-size:13px;font-weight:bold;letter-spacing:-1px;margin-top:20px;} .join2 .join_intro .join_check_box dl dd .text_box .policy_tit{margin-bottom:30px;} .join2 .join_intro .join_check_box dl dd .text_box .policy_tit2{margin-bottom:10px;} .join2 .join_intro .join_check_box dl dd .text_box .policy_summary_text{margin-bottom:20px;} .join2 .join_intro .yes_box{border:1px solid #c2c2c2;overflow:hidden;height:48px;} .join2 .join_intro .yes_box .left{float:left;margin-left:20px;line-height:48px;} .join2 .join_intro .yes_box .right{float:right;margin-right:20px;line-height:48px;} .join2 .join_intro .yes_box .right dl{float:left;overflow:hidden;margin-left:30px;} .join2 .join_intro .yes_box .right dt{float:left;margin-right:10px;} .join2 .join_intro .yes_box .right dd{float:left;} .join2 .join_btn{text-align:center;margin-top:50px;} .join2 .join_btn a{display:inline-block;width:238px;height:48px;border:1px solid #c2c2c2;line-height:48px;text-align:center;font-family: 'notokr-medium';font-size:16px;;letter-spacing:-0.5px;} .join2 .join_btn a.next{background:#e73535;color:#fff;border-color:#dd3434;} .join2 .join_btn a.next:hover{background-color:#fc3b3b;} .join2 .join_info{} .join2 h4{font-family: 'notokr-medium';font-size:14px;;letter-spacing:-0.5px;} .join2 .join_info .basic table{margin-top:10px;border-top:1px solid #292929;background:#fff;border-bottom:0px;} .join2 .join_info .basic th{width:136px;text-align:left;text-indent:15px;height:39px;border-bottom:1px solid #e2e2e2;} .join2 .join_info .basic th strong{color:#d22828;} .join2 .join_info .basic td{border-bottom:1px solid #e2e2e2;padding:10px 0} .join2 .join_info .basic td input{border:1px solid #d2d2d2;} .join2 .join_info .basic td input.text_box{height:26px;padding:0 5px} .join2 .join_info .basic .t2 td {overflow:hidden;} .join2 .join_info .basic .t2 td input{float:left;} .join2 .join_info .basic .t2 td a{float:left;display:block;height:26px;line-height:26px;width:80px;border:1px solid #a2a2a2;margin-left:5px;text-align:center;} .join2 .join_info .basic .t2 td a:hover{border-color:#aaa;background:#f8f8f8;} .join2 .join_info .basic .t5 td .add1{margin-bottom:5px;overflow:hidden;} .join2 .join_info .basic .t5 td .add1 input{float:left;} .join2 .join_info .basic .t5 td .add1 a{float:left;display:block;height:26px;line-height:26px;width:80px;border:1px solid #a2a2a2;margin-left:5px;text-align:center;} .join2 .join_info .basic .t5 td .add1 a:hover{border-color:#aaa;background:#f8f8f8;} .join2 .join_info .basic .t5 td .add2{margin-bottom:5px;} .join2 .join_info .basic .t5 td .add2 input{width:500px;} .join2 .join_info .basic .t5 td .add3 input{width:500px;} .join2 .join_info .basic .t6 td input{width:100px;} .join2 .join_info .basic .t6 td a{display:inline-block;height:26px;line-height:26px;width:90px;border:1px solid #a2a2a2;margin-left:5px;text-align:center;} .join2 .join_info .basic .t6 td a:hover{background:#f8f8f8;} .join2 .join_info .basic .phone_ok{width:100px;} .join2 .join_info .basic .phone_ok a{display:inline-block;height:26px;line-height:26px;width:90px;border:1px solid #a2a2a2;margin-left:5px;text-align:center;} .join2 .join_info .basic .phone_ok a:hover{background:#f8f8f8;} .join2 .join_info .basic .t8 td{overflow:hidden;} .join2 .join_info .basic .t8 td > div{overflow:hidden;} .join2 .join_info .basic .t8 td > div h5{float:left;width:130px;font-weight:bold;} .join2 .join_info .basic .t8 dl{overflow:hidden;float:left;margin-right:10px;} .join2 .join_info .basic .t8 dt{float:left;margin-right:5px;} .join2 .join_info .basic .t8 dd{float:left;} .join2 .join_info .basic .t8 td .email{height:30px;line-height:30px;} .join2 .join_info .basic .t8 td .sms{height:30px;line-height:30px;} .join2 .join_info .interest{margin-top:50px;} .join2 .join_info .interest table{margin-top:10px;border-top:1px solid #292929;background:#fff;border-bottom:0px;} .join2 .join_info .interest th{width:136px;text-align:left;text-indent:15px;min-height:39px;border-bottom:1px solid #e2e2e2;} .join2 .join_info .interest th strong{color:#d22828;} .join2 .join_info .interest td{border-bottom:1px solid #e2e2e2;padding:15px 0} .join2 .join_info .interest td ul li{float:left;width:236px;overflow:hidden;height:24px;line-height:24px;} .join2 .join_info .interest td ul li dt{float:left;vertical-align:middle;} .join2 .join_info .interest td ul li dd{float:left;margin-left:10px;} .join2 .join_guide{margin-top:20px;border-top:1px solid #e73535;border-bottom:1px solid #e2e2e2;padding:15px 0} .join2 .join_guide p{line-height:19px;} .join2 .join_guide .p2{margin-top:20px;color:#888} .join2 .join_guide .p3{color:#888} .join2 .btn_dgray {display:inline-block;width:115px;vertical-align:middle;padding:7px 23px; margin-left:10px; text-align:center;font-size:15px;font-family:'notokr-regular';background:#4e4e4e;color:#fff;letter-spacing:-1px;border:1px solid #767676;} /* 네이버 로그인 */ .naver_join .inner{padding-top:30px;padding-bottom:70px;} .naver_join .join_title{font-family:'notokr-medium';font-size:32px;;letter-spacing:-2px;line-height:32px;} .naver_join dl dt{font-family:'notokr-medium';font-size:15px;;letter-spacing:-0.5px;margin-bottom:10px;} .naver_join .step02{margin-top:40px;} .naver_join .step02 table .t8 td{overflow:hidden;} .naver_join .step02 table .t8 td > div{overflow:hidden;} .naver_join .step02 table .t8 td > div h5{float:left;width:130px;font-weight:bold;font-size:14px;} .naver_join .step02 table .t8 dl{overflow:hidden;float:left;margin-right:10px;} .naver_join .step02 table .t8 dt{float:left;margin-right:5px;} .naver_join .step02 table .t8 dd{float:left;} .naver_join .step02 table .t8 td .email{height:30px;line-height:30px;} .naver_join .step02 table .t8 td .sms{height:30px;line-height:30px;} .naver_join .step03{margin-top:40px;} .naver_join .step03 table th{width:170px;} .naver_join .step03 table td dl{overflow:hidden;} .naver_join .step03 table td dd{line-height:30px;margin-left:15px;} .naver_join .step03 table td dd input{margin-right:4px;} .naver_join .resister_btn{padding:40px 200px;text-align:center;} .naver_join .resister_btn a {display:inline-block;} .login_page {padding-bottom:140px;} .login_page .login_bg{width:100%;height:150px;background:#da2032} .login_page .inner{width:460px;margin-top:-60px} .login_page .inner h2{text-align:center;} .login_page .login_menu{text-align:center;margin-top:46px;} .login_page .login_menu ul{overflow:hidden;display:inline-block;} .login_page .login_menu ul li{float:left;} .login_page .login_menu ul li.bar{margin:0 10px;color:#ccc} .login_page .login_menu ul li a {color:#888;} .login_page .login_box{margin-top:30px;} .login_page .login_box input{display:block;width:458px;height:50px;text-indent:10px;border:1px solid #e2e2e2;font-size:13px;} .login_page .login_box input.pw{margin-top:14px;} .login_page .login_box a{background:#da2032;display:block;height:60px;line-height:60px;text-align:center;margin-top:30px;font-family:'notokr-medium';font-size:16px;;letter-spacing:-0.5px;color:#fff;} .login_page .save{margin-top:10px;} .login_page .etc_login{margin-top:40px;padding-top:40px;border-top:1px solid #e2e2e2;} .login_page .etc_login a{display:block;height:60px;line-height:60px;text-align:center;background:#20c302;font-family:'notokr-medium';font-size:16px;;letter-spacing:-0.5px;color:#fff;} .login_page .copy{margin-top:40px;text-align:center;font-size:11px;color:#888} .login_page .find_box{width:940px;margin:0px auto;overflow:hidden;margin-top:40px;} .login_page .find_box .left{width:470px;float:left;padding:20px 0} .login_page .find_box .right{width:469px;float:right;border-left:1px solid #e2e2e2;padding:20px 0} .login_page .find_box h4{text-align:center;font-family:'notokr-medium';font-size:22px;;letter-spacing:-1px;line-height:24px;margin-bottom:20px;} .login_page .find_box h4 strong{color:#da2032;} .login_page .find_box .left .id_find{width:390px;height:340px;position:relative;} .login_page .find_box .right .pw_find{width:390px;height:340px;margin-left:79px;overflow:hidden;position:relative;} .login_page .find_box .right .pw_find a{background:#494949;} .login_page .find_box input{display:block;width:388px;height:50px;text-indent:10px;border:1px solid #e2e2e2;font-size:13px;margin-bottom:10px;} .login_page .find_box a{position:absolute;bottom:0px;width:390px;background:#da2032;display:block;height:60px;line-height:60px;text-align:center;margin-top:30px;font-family:'notokr-medium';font-size:16px;letter-spacing:-0.5px;color:#fff;}