@charset "utf-8";
/* CSS Document */
.gap { height:50px;}
.sgap { height:30px;}
.ssgap { height:20px;}
.sssgap { height:10px;}
.b_b {border-bottom:1px solid #c6c6c6;}
.fl{ float:left}
.fr{float:right}
.tr { text-align:right}
.tc { text-align:center}
.red { color:#ff0000}

.red_b { color:#ff0000; font-size:35px; font-weight:bold}
.border_b {border-bottom:1px solid #d7d7d7;}
.border_blue {border-bottom:3px solid #1e55b0;}
.con_txt { padding:25px 0; font-size:22px; line-height:30px;}
.con_txt02 { padding:20px 0; line-height:30px;}
.con_img img {width:100%;height:auto;}
.con_sel { width:100%; height:52px !important; font-size:20px; padding:2px 7px;}

.progress_area{background:#dfdfdf;height:48px;border:1px solid #bbbbbb;}
.progress_bar{display:inline-block;width:20%;height:48px;background:#3b94e8;}
.progress_txt{display:inline-block;line-height:48px;vertical-align:top;color:#151515;font-weight:bold;font-size:22px;}
.progress_area_sm{background:#dfdfdf;height:28px;border:1px solid #bbbbbb;}
.progress_bar_sm{display:inline-block;width:20%;height:28px;background:#3b94e8;}
.progress_txt_sm{display:inline-block;line-height:28px;vertical-align:top;color:#151515;font-weight:bold;font-size:15px;}

.explainWrap{line-height:23px;}
.explainCont{padding:10px 0;border-bottom: 1px solid #e2e2e2;line-height:23px;}
.explainHead{font-size: 14px;margin-bottom: 10px;font-weight: bold;color: #d22828;}
.explainMiddle{padding-left: 10px;color:#888;}

#wrap { width:100%; overflow:hidden;}
.con_inner { padding:0 4%; overflow:hidden}

/* 상단 */
#header {  border-bottom:4px solid #ff0000; overflow:hidden}
#header .head_inner { width:100%; margin-top:40px}
#header .head_inner .all_menu {float:left;display:inline-block;}
#header .head_inner .logo{  width:308px; margin:0 auto;}
#header .head_inner ul {float:right; margin-top:-81px}
#header .head_inner ul li { float:left; display:inline-block; }
.sub_tit { position:relative; padding-left:102px; height:64px; background:#f5f5f5;border-bottom:1px solid #c6c6c6; line-height:64px;font-weight:bold;font-size:30px; }
.sub_tit .back { position:absolute; top:0; left:0; width:82px; height:64px; border-right:1px solid #c6c6c6; }
@media all and (max-device-width:400px) {
	#header .head_inner h1 { }
    #header .head_inner .logo img { width:90%}
	#header .head_inner ul li{ float:left; display:inline-block;}
	#header .head_inner ul li img { float:right; width:90%}
}

/* 메뉴 */
.menu {background:#f5f5f5; height:65px;border-bottom:1px solid #afafaf; }
.menu ul {position:relative; display: block; margin-right:65px;}
.menu ul li { position:relative; float:left; display:inline-block; width:25%; text-align:center;}
.menu ul li a {font-size:24px; line-height:65px;letter-spacing:-1px;}
.menu ul li a:hover {}
.menu ul li a:hover:after {position: absolute; bottom:0px; left:50%; margin-left:-40%; content:""; display:block; width:80%; height:3px; background:#000;}
.menu ul .on a:after {position: absolute; bottom:0px; left:50%; margin-left:-40%; content:""; display:block; width:80%; height:3px; background:#000;}
.plus {position:absolute; display:block; right:-65px; top:0; width:65px; height:62px;}

/* 서브메뉴 */
.smenu {background:#fff; height:65px;border-bottom:1px solid #e9e9e9;}
.smenu ul {}
.smenu ul li { float:left; display:inline-block; width:33.1%; text-align:center;border-right:1px solid #e9e9e9;}
.smenu ul li a {font-size:24px; line-height:65px;letter-spacing:-1px;}
.smenu ul li a:hover { color:#ff0000;}

.sub_menu { width:100%; height:60px; background:#f0f0f0;border-bottom:1px solid #d7d7d7;}
.sub_menu a { display:inline-block;width:33%; border-left:1px solid #d7d7d7; font-size:22px; text-align:center; line-height:60px; }
.sub_menu a:nth-child(1) {width:42%;}
.sub_menu a:nth-child(2) {width:26%;}
.sub_menu a:nth-child(3) {width:31%;}
.sub_menu a:hover {color:#f5821f}
.sub_menu .on {color:#f5821f}

.tbl-type-s01 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-bottom:1px solid #e2e2e2; font-size:1.6em;}
.tbl-type-s01 th, .tbl-type-s01 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-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 td .over {color:#f5821f;}
.tbl-type-s01 .sub_sub { background:#444a5a;}
.tbl-type-s01 .sub_sub a { position:relative; display:inline-block; color:#FFF; font-size:24px; width:50%; text-align:center}
.tbl-type-s01 .sub_sub a:after {position:absolute; top:20%;right:-10%;content:""; display:block;  width:1px; height:22px; background:#b4b7bd;}
.tbl-type-s01 .sub_sub a:last-child:after { display:none}

/* 검색 */
.search_bg {background:#f3f3f3;}
.search { position:relative; display: block; margin-right:210px; height:129px; }
.search_box{position:relative;display:block;}
.search_box input { width:100% !important; height:70px !important;box-sizing:border-box; padding:0 5px;font-size:22px; margin-top:28px; margin-left:30px;}
.btn_search {position:absolute; display:block; right:-210px; top:0; background:#ff0000; width:130px; height:70px; line-height:70px; text-align:center; color:#FFF;font-weight:bold;font-size:28px;margin-top:28px; margin-right:30px}

.search_bar { height:68px; padding:0 4%; font-size:24px; line-height:68px; background:#727272; color:#FFF;}


/* 메인 비주얼 */
.main_visual { position:relative}
.main_visual img {width:100%;height: auto;}
.main_visual .issu_pager{position:absolute; right:20px; bottom:20px;}
.main_visual .issu_pager a{display:inline-block;width:21px;height:21px;text-indent:-999px;background:#fff;border-radius:15px;border:2px solid #333b4c;}
.main_visual .issu_pager a.active{ background:#000;}

/* 메인 이벤트 */
.main_event { position:relative}
.main_event img {width:100%;height: auto;}

#lec_detail_frm a > img{width:35px;}
.package { margin-top:24px; width:100%; text-align:center}
.package dl { float:left; display:inline-block; width:50%; }
.package dl:last-child { padding:0;}
.package dl dt img { width:96%;}
.package dl dd {font-size:22px; color:#666666; text-align:center; margin-top:15px;}

/* 추천 모의고사 */
.tbl-type-s02 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-bottom:1px solid #e2e2e2; font-size:1.6em; margin-top:20px;}
.tbl-type-s02 th {padding:10px 6px;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-s02 td {padding:10px 6px;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-s02 th {color:#666;background:#fff;font-weight:normal;}
.tbl-type-s02 th:first-child, .tbl-type-s02 td:first-child {border-left:0}
.tbl-type-s02 th:last-child, .tbl-type-s02 td:last-child {border-right:0}
.tbl-type-s02 th {color:#1e55b0;}
.tbl-type-s02 th a{color:#1e55b0;}
.tbl-type-s02 .left { text-align:left;}
.tbl-type-s02 .right { text-align:right;}

.main_banner img {width:100%;height:auto;}

/* 추천 단과강의 */
.recommend { margin-top:20px; border-bottom:1px solid #c6c6c6; padding-bottom:15px; overflow:hidden}
.recommend .re_l { float:left; display:inline-block; width:34%; border:1px solid #c6c6c6; }
.recommend .re_l img {  width:100%;}
.recommend .re_r { float:right; display:inline-block; width:61%; font-size:22px; line-height:34px; letter-spacing:-1px;}
.recommend .re_bottom {  margin-top:30px;}
.recommend .re_bottom span {font-weight:bold;font-size:35px; color:#ff0000;}
.recommend .pack { display:block; width:75px; height:29px; background:#1e55b0; line-height:29px; color:#FFF; font-size:18px; text-align:center;border-radius:4px;}
.recommend .mock { display:block; width:75px; height:29px; background:#8a28a6; line-height:29px; color:#FFF; font-size:18px; text-align:center;border-radius:4px;}

/* 메인 배너 */
.main_ban img {width:100%; height:auto;}

/* 신간 도서 */
.new_book {overflow:hidden}
.new_book ul { float:left; display:inline-block; width:30.3%; margin-right:4%;}
.new_book ul:last-child {margin-right:0;}
.new_book ul li {display:block; font-size:22px; line-height:26px; letter-spacing:-1px; text-align:center; margin-top:9px;}
.new_book ul li img { width:100%;border:1px solid #c6c6c6;}

.new_book{background:#fff;}
.new_book .scroling {overflow:hidden;width:100%;border-bottom:1px solid #e2e2e2;padding:30px 0 30px 10px;}
.new_book .scroling li {text-align:center;width:181px;float:left;margin-right:15px;}

.new_book .scroling li a{display:block;position:relative;}
.new_book .scroling li a span{display:block;}
.new_book .scroling li a span.thum{height:249px;}
.new_book .scroling li a span.thum img{width:181px;height:auto;border:1px solid #e2e2e2;}
.new_book .scroling li a span.title{margin-top:15px;line-height:26px;font-size:24px;}

.book_pager{text-align:center; margin-top:30px;}
.book_pager a{display:inline-block;width:23px;height:23px;text-indent:-999px;background:#fff;border-radius:15px;border:1px solid #9b9b9b;}
.book_pager a.active{ background:#30abe5;}

/* 작은 배너들 */
/* 작은 배너들 */
.s_ban {  overflow:hidden}
.s_ban li { float:left; display:inline-block; width:33.3%}
.s_ban li img { width:100%;}

/* 공지사항 */
.notice { margin-top:20px;  overflow:hidden}
.notice li {border-bottom:1px solid #c6c6c6;}
.notice li:first-child {border-top:3px solid #c6c6c6;}
.notice li a { line-height:62px;font-size:16px;}
.notice .noti_date { float:right; font-size:22px; color:#666666;line-height:62px;}

/* sns */
.sns { height:50px; padding:4% 2%;background:#f4f4f4;border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;  overflow:hidden}
.sns ul { text-align:center }
.sns ul li:nth-child(1) { float:left; display:inline-block; width:23%; font-size:18px; line-height:51px; letter-spacing:-1px; }
.sns ul li:nth-child(2) { float:left; display:inline-block; width:23%; font-size:18px; line-height:51px; letter-spacing:-1px; }
.sns ul li:nth-child(3) { float:left; display:inline-block; width:25%; font-size:18px; line-height:51px; letter-spacing:-1px; }
.sns ul li:nth-child(4) { float:left; display:inline-block; width:29%; font-size:18px; line-height:51px; letter-spacing:-1px; }

/* 하단 */
#footer {position:relative;  z-index:1;}
.btn_top { position:absolute; top:-128px; right:4%; z-index:2; }

#footer .b_btn {text-align:center;}
#footer .b_btn li {display:inline-block; padding:0 1%;line-height:120px;}
#footer .b_btn li a { border:1px solid #c1c1c1; padding:11px 20px;font-size:28px; }

#footer .b_menu { border-top:1px solid #c6c6c6; background:#f3f3f3; line-height:75px;text-align:center; }
#footer .b_menu li { position:relative; display:inline-block; padding:0 4%; font-size:26px;}
#footer .b_menu li:after {position:absolute;top:35%;right:0%;content:""; display:block;  width:1px; height:25px; background:#b8b8b8;}
#footer .b_menu li:last-child:after { display:none}
#footer .b_menu li a {font-size:26px;}

#footer .cs_num { border-top:1px solid #c6c6c6;  background:#f3f3f3; line-height:118px;text-align:center; }
#footer .cs_num li { position:relative; display:inline-block; color:#2a2d32; font-size:32px; line-height:33px;}
#footer .cs_num li:nth-child(1) { display:inline-block; width:87px; height:33px; line-height:33px; background:#c5c5c5; border-radius:4px; font-size:16px; letter-spacing:-1px; color:#000;}
#footer .cs_num li:nth-child(2) { margin-right:1%;}
#footer .cs_num li:nth-child(3) { display:inline-block; width:87px; height:33px; line-height:33px; background:#c5c5c5; border-radius:4px; font-size:16px; letter-spacing:-1px; color:#000;}

@media all and (max-device-width:320px) {
#footer .b_menu li {padding:0 2%; }
#footer .cs_num li { font-size:26px}
}

#footer .address { border-top:1px solid #c6c6c6; background:#f3f3f3;font-size:18px; padding:6% 4%;}
/* 검색결과 */
.search_pack { margin-top:20px; border-bottom:1px solid #c6c6c6; padding-bottom:15px; overflow:hidden;}
.search_pack .pack_l { float:left; display:inline-block; width:44%;}
.search_pack .pack_l img { border:1px solid #c6c6c6; width:95%;}
.search_pack .pack_r { float:left; display:inline-block; width:52%; font-size:1.6em; line-height:34px; letter-spacing:-1px; padding-left:10px;}
.search_pack .pack_bottom {  margin-top:30px;}
.search_pack .pack_bottom span {font-weight:bold;font-size:1.8em; color:#af2929;}
/* 검색결과 교재*/
.search_book { margin-top:20px; border-bottom:1px solid #c6c6c6; padding-bottom:15px; overflow:hidden;}
.search_book .book_l { float:left; display:inline-block; width:30%;}
.search_book .book_l img { border:1px solid #c6c6c6; width:100%;}
.search_book .book_r { float:left; display:inline-block; width:66%; font-size:24px; line-height:34px; letter-spacing:-1px; margin-left:4%;}
.search_book .book_r .book_tit {font-size:24px; font-weight:bold; color:#000;}
.search_book .book_r ul { margin-top:25px;}
.search_book .book_r ul li {font-size:22px;}
.search_book .price {  margin-top:20px;}
.search_book .price span {font-weight:bold;font-size:35px; color:#ff0000;}

/* 전체카테고리 */
.menuall_bar { position:relative; height:70px; margin-right:0px; padding-left:4%; font-size:24px; line-height:70px; background:#ff0000; color:#FFF; overflow:hidden}
.menuall_bar .btn_close { position:absolute; display:block; top:0; right:0px; width:86px; height:70px;}

.menuall_ban ul { overflow:hidden}
.menuall_ban ul li { float:left; display:inline-block; width:33.3%;}
.menuall_ban ul li img {width:100%;}

.menuall_bar02 { height:70px; padding:0 0 0 4%;font-size:24px; line-height:68px; background:#30abe5; color:#FFF; overflow:hidden}

.menuall_bar03 { position:relative; height:74px; font-size:30px; line-height:74px; background:#f5f5f5; color:#000; padding-left:32px; border-bottom:1px solid #afafaf !important; }
.menuall_bar03 .close { position:absolute; top:0; right:0; margin-right:84px}

.tbl-type-menuall { margin-top:45px; 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-size:18px; letter-spacing:-1px; line-height:30px}
.tbl-type-menuall th {padding:16px 10px;border-bottom:1px solid #ccc;border-left:1px solid #ccc; border-right:1px solid #ccc;word-wrap:break-word;line-height:1.3;word-break:break-all;background:#f0f0f0;}
.tbl-type-menuall td {color:#000;border-bottom:1px solid #ccc;border-left:1px solid #ccc; border-right:1px solid #ccc;word-wrap:break-word;line-height:1.3;word-break:break-all;}
.tbl-type-menuall td a{margin:16px 10px;display:block;}
.tbl-type-menuall thead th {font-weight:bold;font-size:29px;text-align:left; padding-left:30px; background:#f7f7f7;border-top:1px solid #ccc; border-bottom:3px solid #616161;}
.tbl-type-menuall .left { text-align:left; padding:16px 20px;}
.tbl-type-menuall td span {font-size:16px;line-height:30px}
.tbl-type-menuall .choice { position:relative;}
.tbl-type-menuall .choice:after {position:absolute;bottom:0%; left:50%; content:""; display:block;  width:23px; height:13px; background:url(http://image.hrdch.co.kr/jobch/image/m/sub/choice.gif) no-repeat 0 0;}

.tbl-type-menuall02 {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-size:18px; letter-spacing:-1px; line-height:30px}
.tbl-type-menuall02 th {padding:16px 10px;border-top:1px solid #ccc;border-left:1px solid #ccc; border-right:1px solid #ccc;word-wrap:break-word;line-height:1.3;word-break:break-all;background:#f0f0f0;}
.tbl-type-menuall02 td {padding:16px 10px;border-top:1px solid #ccc;border-left:1px solid #ccc; border-right:1px solid #ccc;word-wrap:break-word;line-height:1.3;word-break:break-all;}
.tbl-type-menuall02 td {color:#000;}
.tbl-type-menuall02 thead th {font-weight:bold;font-size:29px;text-align:left; padding-left:30px; background:#f7f7f7;border-bottom:3px solid #30abe5;}
.tbl-type-menuall02 .left { text-align:left; padding:16px 20px;}
.tbl-type-menuall02 td span {font-size:16px;line-height:30px}

.menuall_ban02 { overflow:hidden}
.menuall_ban02 li { float:left; display:inline-block; width:25%;}
.menuall_ban02 li img {width:100%;}

.view_more { text-align:center;font-size:24px; overflow:hidden; margin-top:20px; overflow:hidden}

.menu_bar00 {height:63px;position:absolute;z-index:100; width: 46%;display:none;}
.menu_bar00 ul { width:100%;}
.menu_bar00 ul li { position:relative;display:block;width:100%;text-align:left;background:#444a5a;border-top:2px solid #ffffff;}
.menu_bar00 ul li a {display:block;font-weight:bold;font-size:24px; line-height:63px;color:#FFF; letter-spacing:-3px;padding-left:25px;}
.menu_bar00 ul li a:hover { color:#f5821f;}
.menu_bar00 ul li .on { color:#f5821f;}

.menu_bar {height:63px; padding:0 0 0 4%; background:#444a5a; overflow:hidden}
.menu_bar ul {position:relative; display: block; margin-right:65px;width:100%;}
.menu_bar ul li { position:relative; float:left; display:inline-block; margin-right:7%;font-weight:bold;font-size:24px; line-height:63px;color:#FFF; letter-spacing:-1px;}
.menu_bar ul li a {font-weight:bold;font-size:24px; line-height:63px;color:#FFF; letter-spacing:-1px;}
.menu_bar ul li .on { color:#f5821f;}
.menu_bar ul li:last-child {float:right;margin-right:0px; width:65px;}
.menu_bar ul li:after {position:absolute; top:32%;right:-25%;content:""; display:block;  width:1px; height:22px; background:#b4b7bd;}
.menu_bar ul li:nth-child(3) { margin-right:0}
.menu_bar ul li:nth-child(1):after { display:none}
.menu_bar ul li:nth-child(3):after { display:none; margin-right:0;}
.menu_bar ul li:last-child:after { display:none; margin-right:0;}
.more_close {position:absolute; display:block; right:-65px; top:0; width:65px; height:62px;}

.menu_bar01 {height:88px; }
.menu_bar01 h5 { float:left; font-weight:bold;font-size:28px; margin:35px 0; width:50%;padding:0 0 0 4%;}
.menu_bar01 .num { float:right; margin-top:35px;}
.menu_bar01 .num a{ float:left; display:block; padding:7px 20px; margin-right:13px;border:1px solid #929292;font-weight:bold;font-size:24px; letter-spacing:-1px; color:#000 }
.menu_bar01 .num a:hover { display:block;color:#fff; background:#f5821f;}
.menu_bar01 .num .on { display:block; color:#fff; background:#f5821f;}
.menu_bar01 .num a:last-child {margin-right:30px;}

.menu_bar02 {height:63px; background:#444a5a;}
.menu_bar02 ul {position:relative; display: block; margin-right:65px;}
.menu_bar02 ul li { position:relative; float:left; display:inline-block; width:28%; text-align:center;}
.menu_bar02 ul li:nth-child(1) {width:47%;}
.menu_bar02 ul li:nth-child(2) {width:26%;}
.menu_bar02 ul li:nth-child(3) {width:26%;}
.menu_bar02 ul li:after {position:absolute; top:32%; right:0%;content:""; display:block;  width:1px; height:22px; background:#b4b7bd;}
.menu_bar02 ul li:nth-child(3):after { display:none;}
.menu_bar02 ul li a {font-size:22px; line-height:63px;color:#FFF; letter-spacing:-2px;}
.menu_bar02 ul li a:hover { color:#f5821f;}
.more_open {position:absolute; display:block; right:-65px; top:0; width:65px; height:62px;}

.header_slide{display:none;position:absolute;background:#ffffff;z-index:100;}
.lheader{display:none;position:absolute;background:#ffffff;z-index:100;width:100%;}
.lheader ul{position:relative;display:block; width:100%;}
.lheader ul li{position:relative;float:left; display: inline-block; width:33%;height:50px;text-align: center;border-bottom:1px solid #b4b7bd;border-right:1px solid #b4b7bd;}
.lheader ul li a {font-size:22px; line-height:50px;color:#444;display:block;}
.lheader ul li a.on{color:#f5821f;}
.lheader ul li:nth-child(3n){border-right:0;}

/* 서브메뉴 */
.tbl-type-gray {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-bottom:1px solid #e2e2e2; font-size:1.6em; background:#f0f0f0; letter-spacing:-1px;}
.tbl-type-gray th, .tbl-type-gray 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-gray thead th {background:#fff;border-top:3px solid #f5821f; }
.tbl-type-gray th:first-child, .tbl-type-gray td:first-child {border-left:0}
.tbl-type-gray th:last-child, .tbl-type-gray td:last-child {border-right:0}
.tbl-type-gray th { font-weight:bold; background:#fff;}
.tbl-type-gray a:hover { color:#f5821f;}
.tbl-type-gray .over { color:#f5821f;}
.tbl-type-gray .left { text-align:left}

.tbl-type-white {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-bottom:1px solid #b6b6b6; font-size:1.6em; background:#f0f0f0; letter-spacing:-1px;}
.tbl-type-white th, .tbl-type-white td {padding:10px 10px;border-left:1px solid #b6b6b6;border-right:1px solid #b6b6b6;border-top:1px solid #b6b6b6;word-wrap:break-word;line-height:1.3;word-break:break-all;}
.tbl-type-white th:first-child, .tbl-type-white td:first-child {border-left:0}
.tbl-type-white th:last-child, .tbl-type-white td:last-child {border-right:0}
.tbl-type-white th { font-weight:bold; background:#fff;}
.tbl-type-white a:hover { color:#1e55b0;}
.tbl-type-white .over { color:#1e55b0;}

/* 미리보기 */
.preview { background:#eeeeee; padding:4% 4%;}
.preview .selec00 { position:relative}
.preview .selec00 li { display:inline-block; font-family:'notokr-Medium';font-size:22px; line-height:53px;}
.preview .selec00 .pre { position: absolute; margin-right:-130px;}
.preview .selec00 li select { position:relative; margin-left:130px; width:100% !important; height:53px;font-size:22px;}
.preview img { margin-top:15px; width:100%;}
.preview .tit { margin-top:30px}

/* 강좌소개 */
.pack_img img {width:100%;}
.tab01 { overflow:hidden}
.tab01 li { width:33%; height:60px; float:left; display:inline-block; text-align:center;font-size:1.4em; line-height:60px; letter-spacing:-1px;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7; background:#f0f0f0;}
.tab01 li:nth-child(1) {border-left:1px solid #d7d7d7;}
.tab01 .on {background:#fff;border-top:5px solid #6d6d6d;height:56px;}

.tbl-type-s03 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-bottom:1px solid #c8c8c8; font-size:1.6em; margin-top:20px;}
.tbl-type-s03 th {padding:10px 6px;border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8;border-top:1px solid #c8c8c8;word-wrap:break-word;line-height:1.3;word-break:break-all; }
.tbl-type-s03 td {padding:10px 10px;border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8;border-top:1px solid #c8c8c8;word-wrap:break-word;line-height:1.3;word-break:break-all;text-align:left;}
.tbl-type-s03 th {background:#f5f5f5;font-weight:normal;}
.tbl-type-s03 th:first-child, .tbl-type-s03 td:first-child {border-left:0}
.tbl-type-s03 th:last-child, .tbl-type-s03 td:last-child {border-right:0}
.tbl-type-s03 .left { text-align:left;}
.tbl-type-s03 .right { text-align:right;}

.tit { overflow:hidden; }
.tit h2 { float:left; font-weight:bold; font-size:2em;line-height:36px}
.tit .more { float:right; line-height:30px;font-size:22px;}

.tit02 { overflow:hidden; border-bottom:1px solid #c8c8c8; padding:15px 0;}
.tit02 h10 {float:left; display:block; font-weight:bold; font-size:22px; line-height:30px; }
.tit02 .more { position:relative; top:10px; float:right}
.tit02 h10 span{ font-size:20px; line-height:30px; color:#444a5a; }

.tit03 { overflow:hidden; }
.tit03 h11 {float:left; display:inline-block;font-weight:bold; font-size:22px; line-height:30px; letter-spacing:-1px}
.tit03 .sgray { float:right; display:inline-block; font-size:14px; line-height:30px; color:#777777;letter-spacing:-1px}

.tit04 { overflow:hidden; border-bottom:1px solid #c8c8c8; padding:14px 0;}
.tit04 h14 {float:left; display:inline-block;font-weight:bold; font-size:26px; line-height:35px; color:#1e55b0;}
.tit04 .more { float:right;}

h2 {font-weight:bold;font-size:2em; line-height:30px}
h2 span{font-size:18px; line-height:30px; color:#888888;}
h3 {font-weight:bold;font-size:26px; line-height:30px; border-bottom:1px solid #c8c8c8; padding-bottom:15px;}
h3 span {font-size:14px; line-height:30px; padding-bottom:15px; color:#888888; letter-spacing:-1px}
h6 {font-weight:bold;font-size:26px; line-height:30px; padding-bottom:15px;}
h7 {font-weight:bold;font-size:26px; line-height:64px;}
h8 {font-size:28px; line-height:30px;}
h8 span {font-size:24px; line-height:30px; color:#1e55b0;}
h8 .gray {font-size:14px; line-height:30px; color:#777777;}
h8 .black {font-size:24px; line-height:30px; color:#000;}
h9 {font-family:'notokr-Medium';font-size:24px; line-height:30px;}
h12 {font-size:24px; line-height:30px; margin-left:30px;}
h13 {font-size:18px; line-height:30px; }
h15 { font-size:20px; line-height:20px; color:#1e55b0;}

.lecture {border-bottom:1px solid #c8c8c8; overflow:hidden}
.lecture ul { float:left; width:95%; padding:20px 0; }
.lecture ul li {font-weight:bold; font-size:1.6em; line-height:1.8em;}
.lecture ul li span { color:#1e55b0;}
.lecture .more_r { float:right; margin-top:45px;}

.benefit {border-bottom:1px solid #c8c8c8; overflow:hidden; padding:20px 0; }

.book_intro { margin-top:20px; border-bottom:1px solid #c6c6c6; padding-bottom:15px; overflow:hidden}
.book_intro .intro_l { float:left; display:inline-block; width:34%;}
.book_intro .intro_l img { border:1px solid #c6c6c6; width:90%;}
.book_intro .intro_r { float:left; display:inline-block; width:60%; margin-left:3%;font-size:1.6em; line-height:34px; letter-spacing:-1px; padding-left:10px;}
.book_intro .tit {font-weight:bold;font-size:1.2em; margin-top:0px;}
.book_intro .public {margin-top:20px;}
.book_intro .price {  margin-top:20px;}

.pro_intro { margin-top:20px; border-bottom:1px solid #c6c6c6; padding-bottom:15px; overflow:hidden}
.pro_intro .pro_l { float:left; display:inline-block; width:34%;}
.pro_intro .pro_l img { border:1px solid #c6c6c6; width:90%;}
.pro_intro .pro_r { float:left; display:inline-block; width:59%; font-size:1.6em; line-height:34px; letter-spacing:-1px; padding-left:10px; margin-top:35px;}
.pro_intro .tit {font-weight:bold;font-size:1.1em; margin-top:0px;}
.pro_intro .more_r { float:right; margin-top:10%;}
.pro_con { position:relative;  padding: 4% 0; border-bottom:1px solid #c6c6c6; overflow:hidden}
.pro_con li { position:relative; font-size:0.9em; line-height:34px; padding-left:15px; letter-spacing:-1px;}
.pro_con li:before {position:absolute; top:20px; left:5px; content:""; display:block;  width:3px; height:3px; background:#6b6b6b; border-radius:2px;}
.pro_con li ul li:before { display:none;}

.pro_con div {float:left; display:inline-block;}
.pro_img {  width:30%;  border:1px solid #c6c6c6;}
.pro_img img { width:100%;}
.pro_txt {margin-left:4%; margin-top:40px; width:50%;}
.subject02 { display:block; font-size:28px;}
.name { display:block; font-size:24px;}
.pro_more { position:absolute; top:50%; right:0; float:right;}

.review { position:relative; padding-bottom:4%;border-bottom:1px solid #c6c6c6;}
.review ul { display:inline-block;font-size:22px;}
.review ul li { display:inline-block; height:23px; }
.review .review_con { margin-top:10px;line-height:30px;}
.review .id02 { position:relative; top:17px;}
.review .date { position:relative; top:17px;}

/* 따라다니는 버튼*/
.btn_list { position:fixed; bottom:0; left:0;  z-index:777;  margin-right:110px; width:100%;margin-right:110px; }
.btn_list div img { width:100%;}
.btn_list .list_inner { position:relative; margin-right:110px; }
.btn_list .list_inner a { float:left; display:inline-block;} 
.btn_list .list_inner .basket { display:inline-block; background:#595e6c;font-weight:bold;font-size:32px; width:50%; height:86px; text-align:center; line-height:86px; color:#fff;}
.btn_list .list_inner .send { display:inline-block; background:#cd3b45;font-weight:bold;font-size:32px; width:50%; height:86px; text-align:center; line-height:86px; color:#fff;}
.btn_list .back {position:absolute; display:block; right:0px; bottom:0; width:110px; height:86px;}
.btn_list .selec { background:#FFF; padding:24px 30px; }
.btn_list .selec select { width:100%; height:57px; margin-bottom:13px; font-size:22px;}
.btn_list .selec select:last-child {margin-bottom:0;}
.btn_list .count  { background:#FFF; padding:14px 30px 34px 30px; overflow:hidden}
.btn_list .count li { float:left; display: inline-block; font-size:24px; line-height:51px;}
.btn_list .count li input {width:80px; height:51px; text-align: center;font-size:28px;}

/* 수강신청 */
.sub_tit .back { float:left;border-right:1px solid #c6c6c6;}
.sub_tit { height:64px; text-align:center; background:#f5f5f5;border-bottom:1px solid #c6c6c6; line-height:64px;font-weight:bold;font-size:30px; }

.tbl-type-apply {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:left;border-bottom:1px solid #ccc;font-size:22px; letter-spacing:-1px; line-height:30px}
.tbl-type-apply th {padding:16px 10px;border-top:1px solid #ccc; border-right:1px solid #ccc;word-wrap:break-word;line-height:1.3;word-break:break-all;background:#f5f5f5;}
.tbl-type-apply th:first-child {border-left:1px solid #ccc;}
.tbl-type-apply td {padding:16px 10px;border-top:1px solid #ccc; border-right:1px solid #ccc;word-wrap:break-word;line-height:1.3;word-break:break-all;}
.tbl-type-apply td:first-child {border-left:1px solid #ccc; border-right:0;}
.tbl-type-apply td:last-child {border-left:0;}
.tbl-type-apply .right { text-align:right; padding:16px 20px;}
.tbl-type-apply input { width:30px; height:30px;}
.tbl-type-apply ul { float:right}
.tbl-type-apply ul li { float:left;display:inline-block; margin-left:10px;}
.price_all { margin-top:27px;margin-bottom:20px;text-align:right;}
.sale {border-top:1px solid #ccc; color:#f90000;text-align:right; padding:20px 0 0 0;}

/* 강좌 */
.lecture02 { margin-top:20px; border-bottom:1px solid #d7d7d7; border-top:1px solid #d7d7d7;padding:4% 4%;; overflow:hidden; background:#f0f0f0;text-align:right; padding:20px 0;}
.lecture02 .lec_l { float:left; display:inline-block; width:34%;}
.lecture02 .lec_l img { border:1px solid #c6c6c6; width:100%; background:#FFF;}
.lecture02 .lec_r { float:left; display:inline-block; width:63%; padding-left:10px;}
.lecture02 .lec_r .title { display:block; width:100%; letter-spacing:-1px; font-size:1.6em; text-align:left }
.lecture02 .lec_bottom {  margin-top:30px;line-height:34px; letter-spacing:-1px;font-size:1.6em;  }
.lecture02 .lec_bottom span {font-weight:bold;font-size:1.8em; color:#000;}
.lecture02 .mark { overflow:hidden; margin-bottom:10px;}
.lecture02 .mark_gray { float:left;display:block; padding:3px 7px; background:#f4f4f4; border:1px solid #c4c4c4; line-height:29px; color:#4d4d4d; font-family:'돋움';font-size:17px; text-align:center;border-radius:4px; margin-right:4px;}
.lecture02 .mark_oran { float:left;display:block; padding:3px 7px; background:#fc6b58; border:1px solid #cf4432; line-height:29px; color:#FFF; font-size:18px; text-align:center;border-radius:4px;}

.tbl-type-lecture {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:left;border-bottom:1px solid #ccc;font-size:22px; letter-spacing:-1px; line-height:30px}
.tbl-type-lecture th {padding:16px 10px;border-top:1px solid #ccc; border-right:1px solid #ccc;word-wrap:break-word;line-height:1.3;word-break:break-all;background:#f3f4f8; text-align:left;}
.tbl-type-lecture th:first-child {border-left:1px solid #ccc;}
.tbl-type-lecture td {padding:16px 10px;border-top:1px solid #ccc; border-right:1px solid #ccc;word-wrap:break-word;line-height:1.3;word-break:break-all;}
.tbl-type-lecture td:first-child {border-left:1px solid #ccc; }
.tbl-type-lecture .right { text-align:right; padding:16px 20px;}
.tbl-type-lecture input { width:30px; height:30px;}

.charge { background:#585858; height:82px; margin-top:26px; padding:0 30px;}
.charge ul .char_l { float:left; font-size:22px; color:#fff; line-height:82px; }
.charge ul .char_r { float:right; font-weight:bold;font-size:22px; color:#fff; line-height:82px;}
.charge ul .char_r span { font-weight:bold;font-size:36px; color:#f6ff00; line-height:82px;}

@media all and (max-device-width:370px) {
    .charge { height:178px;}
    .charge ul .char_l {line-height:80px; }
    .charge ul .char_r {line-height:80px; }
}

.movie { width:100%;}
.movie img { width:99.5%;}

/* 학습목차 */
.tbl-type-list {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-bottom:1px solid #e2e2e2; font-size:1.6em; margin-top:20px;}
.tbl-type-list th {padding:10px 6px;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-list td {padding:10px 6px;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-list th {color:#666;background:#f8f8f8;font-weight:normal;}
.tbl-type-list th:first-child, .tbl-type-list td:first-child {border-left:0}
.tbl-type-list th:last-child, .tbl-type-list td:last-child {border-right:0}
.tbl-type-list .left { text-align:left;}
.tbl-type-list ul li { float:left;display:inline-block; margin-right:10px;}

.btn_gray { float:left;display:block; padding:3px 7px; background:#f4f4f4; border:1px solid #c4c4c4; line-height:29px; color:#4d4d4d; text-align:center;border-radius:4px; margin-right:4px;}

.list_more { width:100%; height:48px;border:1px solid #e2e2e2; background:#f8f8f8; text-align:center;font-size:1.6em; line-height:48px; margin-top:38px;}

/* 장바구니 */
.basket02 { position:relative; left:50%; margin-left:-40%;width:80%; border:1px solid #a9a9a9; border-radius:4px; margin-top:75px; padding-bottom:48px;}
.basket02 .close { position:absolute; float:right; right:28px;}
.basket02 div {text-align:center;margin-top:26px;}
.basket02 .txt { text-align:center; margin-top:26px;font-size:16px; letter-spacing:-1px; line-height:30px;}
.btn_gray02 { display: inline-block; padding:7px 15px;  background:#e8e8e8; color:#000; text-align:center;border-radius:6px; margin-right:5px;font-size:22px;}
.btn_blue { display:inline-block; padding:7px 15px; background:#1e55b0; color:#fff; text-align:center;border-radius:6px;font-size:22px;}

.benefit02 { margin-top:38px;}
.benefit02 p {font-size:20px;}
.benefit02 ul { height:59px; background:#6e7d8e;border:2px solid #cfdce7; margin-top:13px;}
.benefit02 ul li { float:left; display:inline-block; width:49%; font-size:22px; line-height:59px; color:#FFF; text-align:center; letter-spacing:-2px;}
.benefit02 ul li:nth-child(1){border-right:1px solid #fff;}
.benefit02 ul li span { color:#abf3fc;}

.basket_pack { margin-top:20px; border-top:1px solid #c8c8c8; /*border-bottom:1px solid #c8c8c8;*/ overflow:hidden; padding:37px 0;}
.basket_pack .check { overflow:hidden}
.basket_pack .check li { float:left; display:inline-block; margin-right:15px; font-size:24px; line-height:28px;}
.basket_pack .check li input { float:left;width:24px; height:24px; background:#3a7bd3; color:#FFF;}
.basket_pack .check li:first-child { width:4%;}
.basket_pack .check li:last-child { width:89%;}
.basket_book .check li span {font-size:22px;line-height:30px;}
.basket_pack .pack { margin-top:20px;}
.basket_pack .pack .pack_l { float:left;width:50%;}
.basket_pack .pack .pack_l img{width:240px;height: auto;}
.basket_pack .pack .pack_r { float:left; width:50%;}
.basket_pack .pack .pack_r ul {margin-top:20px;}
.basket_pack .pack .pack_r ul li {font-size:22px; line-height:34px; letter-spacing:-1px}
.basket_pack .pack .pack_r .pack_rl { float:left}
.basket_pack .pack .pack_r .pack_rr { float:right}
.basket_pack .pack .pack_r .pack_rr li { text-align:right}
.basket_pack .pack_tit span {}
@media all and (max-device-width:320px) {
    .basket_pack .pack .pack_l { float:left;width:55%;}
    .basket_pack .pack .pack_r { float:left; width:45%;}
    .basket_pack .pack .pack_r ul li {font-size:20px; }
}

.basket_mock { margin-top:20px; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; overflow:hidden; padding:37px 0;}
.basket_mock .check02 { overflow:hidden}
.basket_mock .check02 li { float:left; display:inline-block; margin-right:15px; font-size:24px;line-height:28px;}
.basket_mock .check02 li input { float:left; width:24px; height:24px; background:#3a7bd3; color:#FFF;}
.basket_mock .check02 li:first-child { width:4%;}
.basket_mock .check02 li:last-child { width:89%;}
.basket_mock .mock { margin-top:20px;}
.basket_mock .mock .mock_l { float:left;width:40%;}
.basket_mock .mock .mock_l img {width:165px;height: auto;border:1px solid #c6c6c6;}
.basket_mock .mock .mock_r { float:left;width:60%; }
.basket_mock .mock .mock_r ul { margin-top:20px;}
.basket_mock .mock .mock_r ul li {font-size:22px; line-height:34px; letter-spacing:-1px}
.basket_mock .mock .mock_r .mock_rl { float:left}
.basket_mock .mock .mock_r .mock_rr { float:right;}
.basket_mock .mock .mock_r .mock_rr li { text-align:right}
.basket_mock .mock .mock_r .count {font-size:22px; line-height:34px; letter-spacing:-1px}
.basket_mock .mock .mock_r .count select { width:90px; height:30px; border:1px solid #b4b4b4;font-size:22px;}
@media all and (max-device-width:320px) {
    .basket_mock .mock .mock_l { float:left;width:45%;}
    .basket_mock .mock .mock_r { float:left; width:55%;}
    .basket_mock .mock .mock_r ul li {font-size:20px; }
}

.basket_book { margin-top:10px;border-bottom:1px solid #c8c8c8; overflow:hidden; padding:37px 0;}
.basket_book .check03 { overflow:hidden}
.basket_book .check03 li { float:left; display:inline-block; margin-right:15px; font-size:24px;line-height:28px;}
.basket_book .check03 li input { float:left; width:24px; height:24px; background:#3a7bd3; color:#FFF;}
.basket_book .check03 li:first-child { width:4%;}
.basket_book .check03 li:last-child { width:89%;}
.basket_book .check03 li span {font-size:22px;line-height:30px;}
.basket_book .book { margin-top:20px;}
.basket_book .book .book_l { float:left;width:40%;}
.basket_book .book .book_l img {border:1px solid #c6c6c6;}
.basket_book .book .book_r { float:left;width:60%; }
.basket_book .book .book_r ul { margin-top:20px;}
.basket_book .book .book_r ul li {font-size:22px; line-height:34px; letter-spacing:-1px}
.basket_book .book .book_r .book_rl { float:left}
.basket_book .book .book_r .book_rr { float:right;}
.basket_book .book .book_r .book_rr li { text-align:right}
.basket_book .book .book_r .count02 {font-size:22px; line-height:34px; letter-spacing:-1px}
.basket_book .book .book_r .count02 select { width:90px; height:30px; border:1px solid #b4b4b4;font-size:22px;}
@media all and (max-device-width:320px) {
    .basket_book .book .book_l { float:left;width:45%;}
    .basket_book .book .book_r { float:left; width:55%;}
    .basket_book .book .book_r ul li {font-size:20px; }
}

.delete { margin-top:32px;overflow:hidden}
.delete li {font-size:22px;}
.delete li input { width:24px; height:24px; background:#d33a3e; color:#FFF;}
.btn_del {display:block; padding:3px 7px; background:#fff; border:1px solid #c4c4c4; line-height:29px; color:#4d4d4d; text-align:center;border-radius:4px; }

.payment {border:1px solid #c6c6c6; margin-top:45px; background:#f3f4f8;}
.payment ul {display:block; border-bottom:1px solid #d5d5d5; overflow:hidden}
.payment ul li { padding:18px 17px;font-size:22px;}
.payment ul .red_b {color:#ff0000;font-weight:bold;font-size:35px;}

.btn_basket { position:relative; left:50%; width:440px; margin-left:-218px; margin-top:64px; overflow:hidden}
.btn_basket a { float:left; display:inline-block; margin-right:21px;}
.btn_basket a:last-child {margin-right:0;}
.btn_white {display:block; width:207px; height:57px; background:#fff; border:1px solid #b3b3b3; line-height:57px; color:#000; text-align:center; font-size:24px;}
.btn_red2 {display:block; width:207px; height:57px; background:#cd3b45; border:1px solid #b3b3b3; line-height:57px; color:#fff; text-align:center; font-size:24px;}

/* 주문/결제 */
.tbl-type-s06 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;border-bottom:1px solid #929292;font-size:22px;}
.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 tr:first-child td{border-top:2px solid #929292;}
.tbl-type-s06 .bgnone {text-align:left !important; background:none; font-weight:normal;}
.tbl-type-s06 .none {background:none; font-weight:normal;}
.tbl-type-s06 input { width:100%; height:36px; line-height:36px;box-sizing:border-box; padding:0 5px;border:1px solid #c7c7c7;}
.tbl-type-s06 .input40 { width:40%; height:36px; line-height:36px;box-sizing:border-box; padding:0 5px;border:1px solid #c7c7c7;}
.tbl-type-s06 .checkbox { width:29px; height:29px;}
.tbl-type-s06 .choice { width:24px; height:24px;}
.tbl-type-s06 .address { float:left; width:74%; }
.tbl-type-s06 .address_find { float:left; display:block;width:25%; height:36px; background:#fff; border:1px solid #b3b3b3; color:#000; text-align:center; font-size:20px; line-height:36px; letter-spacing:-1px;}
.tbl-type-s06 .coupon { float:left; width:40%; }
.tbl-type-s06 .coupon_find { float:left; display:block;width:25%; height:36px; background:#c4d7f8; border:1px solid #9cb3db; color:#000; text-align:center; font-size:20px; line-height:36px; letter-spacing:-1px;}
.tbl-type-s06 .coupon_save { float:left; letter-spacing:-1px; line-height:36px}
.tbl-type-s06 .point { float:left; width:30%; }
.tbl-type-s06 tfoot th { background:#c4d7f8;border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8;}
.tbl-type-s06 .right { text-align:right;}
.tbl-type-s06 .q_l { float:left; display:inline-block; width:52px;}
.tbl-type-s06 .q_r { float:left;display:inline-block; width:88%; margin-top:8px;}
.tbl-type-s06 .evaluation {width:21px; height:21px;}
.tbl-type-s06 .check04 { width:12px; height:12px;}
.tbl-type-s06 .box_s { width:55%;}
.tbl-type-s06 .guide_l { float:left; width:70%; font-size:24px; color: #000}
.tbl-type-s06 .guide_l .gray_date { font-size:20px; color:#666666; margin-top:15px;}
.tbl-type-s06 .guide_l02 { float:left; width:100%; font-size:24px; color: #000}
.tbl-type-s06 .guide_l02 .company_s {font-size:22px; margin-bottom:15px;}
.tbl-type-s06 .guide_l02 .gray_date { font-size:20px; color:#666666; margin-top:15px;}
.tbl-type-s06 .guide_l02 .gray_date .dday {display:inline-block; width:75px; height:30px; border-radius:25px; background:#f5821f; color: #FFF; text-align: center; line-height:30px; font-size:20px; margin-left:15px;}
.tbl-type-s06 .guide_r { float:right; width:30%; text-align:right; padding-top:12px;}
.tbl-type-s06 .qna dt { display: inline-block; width:43px; height:43px; border-radius:25px; background:#5f5f5f; color: #FFF; text-align: center; line-height:43px;}
.tbl-type-s06 .qna dd { display: inline-block; margin-left:12px;}
.tbl-type-s06 .qna02 dt {display: inline-block; width:43px; height:43px; border-radius:25px;  color: #FFF; text-align: center; line-height:43px; background:#f5821f;}
.tbl-type-s06 .qna02 dd { display: inline-block; margin-left:12px;}
.tbl-type-s06 .notic02 dt { float:left}
.tbl-type-s06 .notic02 dd { float:right}

.book_list { overflow:hidden}
.book_list p {font-family:'notokr-Medium';font-size:18px; }
.book_list dl { margin-top:20px;}
.book_list dl dt {float:left; width:70%; font-size:22px; line-height:30px; }
.book_list dl dd {float:right; width:30%;font-size:22px; line-height:30px; text-align:right; }


.pay {border:2px solid #929292;border-bottom:1px solid #929292; overflow:hidden; padding:25px 25px;margin-top:15px}
.pay dl { }
.pay dl dt { float:left; width:50%;font-size:22px; line-height:30px;}
.pay dl dd { float:right;width:50%; text-align:right;font-size:22px; line-height:30px;}
.pay_all {border:2px solid #929292;border-top:0; padding:18px 18px; background:#c4d7f8; text-align:right; font-size:22px;}
.pay_all span { color:#ff0000;font-weight:bold;font-size:36px; margin-left:30px;}

.method { margin-top:15px; overflow:hidden}
.method a { float:left; display:inline-block;border:1px solid #929292; background:#f8f8f8;font-weight:bold;font-size:22px; width:31.5%; height:69px; line-height:69px; margin-right:2%; text-align:center; letter-spacing:-1px;}
.method a:last-child {margin-right:0;}
.method a:hover { color:#1e55b0;}
.method .on { color:#1e55b0;}

.card {border-top:1px solid #c7c7c7; overflow:hidden; padding:20px 0; margin-top:45px;}
.card dl {overflow:hidden; margin-bottom:10px}
.card dl dt { float:left;font-size:22px; width:30%;}
.card dl dd { float:left; font-size:22px; width:70%; }
.card dl dd select { width:100%; height:36px;border:1px solid #c7c7c7; }
.btn_instal {display:block; width:189px; height:47px; background:#fff; border:1px solid #c7c7c7; border-radius:4px; line-height:47px; color:#000; text-align:center; font-size:20px;letter-spacing:-1px;}
.btn_payment {display:block; width:100%; height:78px; background:#cd3b45; border:1px solid #ad1010; line-height:78px; color:#fff; text-align:center; font-size:28px;}

.install_ok { overflow:hidden; position:relative; left:50%; width:490px; margin-left:-245px; margin-top:75px; }
.install_ok img { float:left;}
.install_ok ul { float:left; margin-left:10px; margin-top:-110px;}
.install_ok ul .ok {font-size:33px; line-height:36px;}
.install_ok ul .thank {font-size:15px; color:#8a8a8a;line-height:30px;}
.install_ok ul .order {font-size:22px; color:#1e55b0; margin-top:35px;}

/* 마이페이지 */
.tbl-type-my {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;border-bottom:1px solid #e2e2e2;font-size:22px; text-align:center; letter-spacing:-1px;}
.tbl-type-my thead th, .tbl-type-my 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-my th, .tbl-type-my 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-my th, .tbl-type-my tfoot th {color:#666;background:#fff;font-weight:normal;}
.tbl-type-my th:first-child, .tbl-type-my td:first-child {border-left:0}
.tbl-type-my th:last-child, .tbl-type-my td:last-child {border-right:0}
.tbl-type-my th { font-weight:bold; background:#f8f8f8;text-align:left;}

/* 로그인 */
.login input { width:100%; height:73px; border-radius:5px; background:#f5f5f5; margin-bottom:18px; box-sizing:border-box; padding:0 8px;font-size:24px;}
.login ul {text-align:center; overflow:hidden}
.login ul li { display:inline-block; margin-right:8%; font-size:24px;}
.login ul li .save { width:24px; height:24px; margin-top:13px;}

.login_list a {margin-bottom:18px;}
.login_list .btn_login { display:block; width:100%; height:73px; border-radius:5px; background:#1e55b0; color:#FFF; text-align:center; line-height:73px; font-size:30px;}
.login_list .btn_nlogin { display:block; width:100%; height:73px; border-radius:5px; background:#00bd39; color:#FFF; text-align:center; line-height:73px; font-size:30px;}

.find {text-align:center;}
.find li { position:relative; display:inline-block; margin-right:3%;}
.find li:after {position:absolute; top:0px; right:-8%; content:""; display:block;  width:1px; height:100px; background:#c4c4c4; }
.find li:last-child:after { display:none}

/* 회원가입 */
.order02 { text-align:center;border:1px solid #e2e2e2;  margin-top:42px; width:100%; height:70px; padding:0 10px;box-sizing:border-box; }
.order02 ul { }
.order02 ul li { position:relative; display:inline-block; margin-right:38px; line-height:70px; font-weight:bold; font-size:22px;}
.order02 ul li:last-child { margin-right:0;}
.order02 ul li:after {position:absolute;top:25%;right:-30px;content:""; display:block;  width:22px; height:36px;background:url(http://image.hrdch.co.kr/jobch/image/m/sub/order.gif) no-repeat 0 0;}
.order02 ul li:last-child:after { display:none}
.order02 ul li span { color:#7b98c8; font-size:19px;}
.order02 ul .on { color:#1e55b0;}

.terms { width:100%; height:438px;}
.agree { margin-top:20px;font-size:14px;}
.btn_blue_b { display:block; width:100%; height:73px; background:#1e55b0; color:#FFF; text-align:center; line-height:73px; font-size:28px;}

.input_box{position:relative;display:block;}
.input_box input { width:100%; height:48px;box-sizing:border-box; padding:0 5px;font-size:22px; margin-top:20px}
.input_box input.readonly{background:#eeeeee;}
.id { position:relative; display: block; margin-right:160px; }
.btn_info {position:absolute; display:block; right:-160px; top:0; width:140px; height:48px;  border:1px solid #989898;  background:#f8f8f8; color:#1e55b0; text-align:center; line-height:48px; font-size:22px;margin-top:20px }
.sms {font-size:15px;margin-top:25px;}
.sms input {width:24px; height:24px; }

.join { text-align:center; margin-top:75px;}
.join .wel {font-size:42px; line-height:50px; margin-bottom:20px;}
.join img { width:100%;}
.join ul { margin-top:35px}

.join_list a { display:inline-block; margin-right:4%;}
.join_list a:last-child { margin-right:0;}
.btn_blue_2 { display:block; width:48%; height:73px; background:#1e55b0; color:#FFF; text-align:center; line-height:73px; font-size:28px;}
.btn_blue_202 { position:relative; display:block; width:30%; height:73px; background:#1e55b0; color:#FFF; text-align:center; line-height:73px; font-size:28px;padding-left:35px;float:left;}
.btn_blue_202:before {position:absolute;top:34%;left:10%;;content:""; display:block;  width:32px; height:22px;background:url(http://image.hrdch.co.kr/jobch/image/m/sub/back.gif) no-repeat 0 0;}
.btn_blue_203 { position:relative; display:block; width:30%; height:73px; background:#1e55b0; color:#FFF; text-align:center; line-height:73px; font-size:28px;padding-right:35px;}
.btn_blue_203:after {position:absolute;top:34%;right:10%;;content:""; display:block;  width:32px; height:22px;background:url(http://image.hrdch.co.kr/jobch/image/m/sub/next.gif) no-repeat 0 0;}
.btn_blue_204 {width:20%;height:73px !important;font-size:20px;margin-right:12px;padding:0 22px !important;margin-bottom:10px;border:5px solid #1e55b0;font-weight:bold;color:#000000;}

.pass {font-size:22px; text-align:center; line-height:40px; font-weight:bold}
.event {border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7; padding:22px 0; margin-top:40px;}
.event ul li {font-size:20px; line-height:36px;}
.event input {width:24px; height:24px;}

/* 비밀번호 변경 */
.pass_modi { position:relative; display: block; margin-left:200px;}
.pass_txt {position:absolute; display:block; left:-200px; top:35px; font-size:22px;}
.point {color:#ff0000; font-size:22px; line-height:30px;}

/* 회원 탈퇴*/
.leave { width:100%; height:38px  !important; font-size:22px;line-height:38px;}
.leave02 { width:100%; font-size:22px;line-height:30px;}

/* 추천 패키지 */
.recommend_p { margin-top:20px; border-bottom:1px solid #c6c6c6; padding-bottom:15px; overflow:hidden}
.recommend_p .rep_l { float:left; display:inline-block; width:34%;}
.recommend_p .rep_l img { border:1px solid #c6c6c6; width:90%;}
.recommend_p .rep_r { float:left; display:inline-block; width:63%; font-size:1.6em; line-height:34px; letter-spacing:-1px; padding-left:10px;}
.recommend_p .rep_bottom {  margin-top:30px;}
.recommend_p .rep_bottom span {font-weight:bold;font-size:1.8em; color:#000;}
.recommend_p .rep_bottom .rb_l { float:left; width:50%;}
.recommend_p .rep_bottom .rb_r { float:right; width:50%; text-align:right}
.recommend_p .pack { display:block; width:75px; height:29px; background:#1e55b0; line-height:29px; color:#FFF; font-size:18px; text-align:center;border-radius:4px;}
.recommend_p .mock { display:block; width:75px; height:29px; background:#8a28a6; line-height:29px; color:#FFF; font-size:18px; text-align:center;border-radius:4px;}

/* 공기업/대기업 */
.company {border-top:1px solid #c6c6c6; padding-top:17px; margin-top:15px; overflow:hidden}
.company ul {}
.company ul li { float:left; display:inline-block; margin-right:1%; margin-bottom:10px; border:1px solid #c6c6c6; width:18.5%;}
.company ul li:nth-child(5) {margin-right:0;}
.company ul li:nth-child(10) {margin-right:0;}
.company ul li:nth-child(15) {margin-right:0;}
.company ul li img {width:100%;}

/* 패키지 모의고사 */
.tbl-type-s07 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;border-bottom:1px solid #929292;font-size:22px; text-align:center}
.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;font-weight:bold; background:#ecedf0;}
.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; background:#fafafa}

.free { position:relative; background:#dad4cb;padding:25px 0; font-size:22px; text-align:center;line-height:30px; margin-top:15px;}
.free:after {position:absolute; top:100%; left:50%; content:""; display:block;  width:28px; height:14px; background:url(http://image.hrdch.co.kr/jobch/image/m/sub/free_mark.gif) no-repeat 0 0;}

.guide {padding:25px 0;}
.guide li {position:relative; padding-left:14px;font-size:22px; line-height:30px; margin-bottom:10px;}
.guide li:before {position:absolute; top:15%; left:0%; content:""; display:block;  width:3px; height:3px; background:#555555; border-radius:2px;}

.moreview { text-align:center; font-size:24px; }
.moreview02 { text-align:center; font-size:22px; line-height:13px;}

/* 페이지 */
.page {text-align:center; margin-top:63px;}
.page .num li{display:inline-block;padding:10px 16px; padding-top:5px; margin-right:0px;vertical-align:middle; font-size:28px; line-height:28px;}
.page .num li img{width:49px;height:45px;}
.page .num li a:hover { color:#333;}
.page .num li.prev{padding:0; margin-right:33px;}
.page .num li.first{padding:0;}
.page .num li.next{padding:0;margin-left:33px;}
.page .num li.last{margin:0;padding:0;}
.page .num .on {background:#7c9dbc;  border:1px solid #dddddd; }
.page .num .on a { color:#FFF !important;}

/* 쿠폰등록*/
.tbl-type-s08 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;border-bottom:1px solid #929292;font-size:22px; text-align:center}
.tbl-type-s08 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;font-weight:bold; background:#ecedf0;}
.tbl-type-s08 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; background:#fafafa}
.tbl-type-s08 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; font-weight:normal}
.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 .left { text-align:left;}
.tbl-type-s08 .coupon { position:relative; width:100%; font-size:22px; margin-right:0px}
.tbl-type-s08 .btn_ok {position:absolute; display:block; right:0px; top:48px; width:101px; height:46px;  border:1px solid #246fa4;  background:#4397d2; color:#fff; text-align:center; line-height:46px; font-size:24px;}
.tbl-type-s08 .input_box02 {position:relative;display:block;}
.tbl-type-s08 .input_box02 input { width:70%; height:48px;box-sizing:border-box; padding:0 5px;font-size:22px; margin-top:22px}
.tbl-type-s08 .leture_l { float:left; display:inline-block; width:86%;}
.tbl-type-s08 .leture_r { float:right; display:inline-block; width:14%; text-align:right; padding-top:15px;}

.co_list {border:1px solid #cbcbcb; border-radius:5px; padding:30px 30px;}
.co_list .tit { font-size:24px; color:#1e55b0; text-decoration:underline; text-align:center; line-height:30px; margin-bottom:22px;}
.co_list li { position:relative; padding-left:15px;}
.co_list li:before {position:absolute; top:30%; left:0%; content:""; display:block;  width:3px; height:3px; background:#555555; border-radius:2px;}

.co_list02 {border:1px solid #cbcbcb;border-left:12px solid #1e56ad; padding:30px 30px;}
.co_list02 li { position:relative; padding-left:15px;}
.co_list02 li:before {position:absolute; top:20%; left:0%; content:""; display:block;  width:3px; height:3px; background:#555555; border-radius:2px;}

/* 나의 주문 내역 */
.border_box {border:1px solid #cbcbcb; overflow:hidden; background:#f4f4f4; padding:20px 20px 20px 20px; font-size:22px;line-height:30px;}
.border_box .month { position:relative;}
.border_box .month a { display:inline-block; border:1px solid #cbcbcb; border-right:0; background:#fff; width:30%;font-size:24px; line-height:58px;text-align:center}
.border_box .month a:last-child {border-right:1px solid #cbcbcb;}
.border_box .month:after {position:absolute; top:5%; left:105%; content:""; display:block;  width:1px; height:59px; background:#d4d4d4;}
.border_box input {display:inline-block; width:40%; height:58px;}

.btn_orange { display:block; background:#f5821f; text-align:center; font-size:24px; padding:18px 10px; color:#fff;}
.btn_gray03 { position:relative; left:50%; margin-left:-79px; display:block; background:#e8e8e8; color:#000; text-align:center; width:157px; height:52px; font-size:24px; border:1px solid #d6d6d6; line-height:52px;}
.btn_gray04 { position:relative; left:50%; margin-left:-52px; display:block; background:#5a5a5a; color:#fff; text-align:center; width:104px; height:39px; font-size:20px; border-radius:5px; line-height:39px;}
.btn_gray05 { position:relative; left:50%; margin-left:-52px; display:block; background:#d6d6d6; color:#000; text-align:center; width:104px; height:39px; font-size:20px; border-radius:5px; line-height:39px; letter-spacing:-2px;}

/* 수강중인 강의 */
.btn_bluel {position:relative; left:50%; top:0px; margin-left:-50px; display:block; background:#f3f3f3; color:#1e56ad; text-align:center; width:101px; height:35px; font-size:20px; border:1px solid #1e56ad; line-height:35px;border-radius:4px; letter-spacing:-2px;}
.btn_bluel02 { display:block; background:#f3f3f3; color:#1e56ad; text-align:center; width:101px; height:35px; font-size:20px; border:1px solid #1e56ad; line-height:35px;border-radius:4px;letter-spacing:-2px;}
.btn_list02 { float:right; margin-bottom:16px; overflow:hidden;}
.btn_list02 a { display:inline-block; margin-left:10px;}
.btn_grayl {  display:block; padding:5px 14px; color:#000; text-align:center; font-size:24px; border:1px solid #979797; line-height:35px;border-radius:4px;}
.btn_grayl02 {  display:block; padding:8px 7px; color:#000; text-align:center; font-size:20px; border:1px solid #919191; border-radius:2px; background:#f3f3f3;}
.mark_blue {display:inline-block; background:#3b94e7; color:#fff; text-align:center; width:51px; height:23px; font-size:14px; line-height:23px; margin-left:8px;}
.mark_white {display:block; color:#000; text-align:center; width:63px; height:23px; font-size:14px; line-height:23px; border:1px solid #979797;}
.mark_bluel {display:block; color:#000; text-align:center; width:66px; height:26px; font-size:16px; line-height:26px;border:1px solid #1e55b0; border-radius:4px;}
.mark_purplel {display:block; color:#000; text-align:center; width:66px; height:26px; font-size:16px; line-height:26px;border:1px solid #8a28a6; border-radius:4px;}
.btn_red {position:relative; left:50%; top:0px; margin-left:-47px;  display:block; background:#e01415; text-align:center; width:95px; height:37px; font-size:20px; color:#fff; line-height:37px; border-radius:5px;}
.btn_blue01 {position:relative; left:50%; top:0px; margin-left:-47px;  display:block; background:#1e55b0; text-align:center; width:95px; height:37px; font-size:20px; color:#fff; line-height:37px; border-radius:5px;}
.btn_blue02 {  display:block; padding:8px 7px; color:#fff; text-align:center; font-size:20px; border:1px solid #0d3a80; border-radius:2px; background:#1e56ad;}
.btn_blue03 {  display:block; padding:5px 16px; color:#fff; text-align:center; font-size:20px; background:#1e56ad;}
.btn_blue04 {position:relative; left:50%; top:0px; margin-left:-162px; display:block; background:#1e55b0; text-align:center; width:324px; height:60px; font-size:28px; color:#fff; line-height:60px; border-radius:5px;}

/* 학습하기 */
.study { margin-top:20px; border-top:1px solid #000; padding:15px 0;overflow:hidden}
.study .study_l { float:left; display:inline-block; width:24%;}
.study .study_l img { border:1px solid #c6c6c6; width:90%;}
.study .study_r { float:left; display:inline-block; width:73%; font-size:1.6em; line-height:34px; letter-spacing:-1px; padding-left:10px;}
.study .study_bottom {  margin-top:10px;}
.study .study_bottom span {font-weight:bold;font-size:1.8em; color:#000;}
.study .study_bottom .sb_l { float:left; width:50%;}
.study .study_bottom .sb_r { float:right; width:50%; text-align:right}
.study .pack { display:block; width:75px; height:29px; background:#1e55b0; line-height:29px; color:#FFF; font-size:18px; text-align:center;border-radius:4px;}
.study .mock { display:block; width:75px; height:29px; background:#8a28a6; line-height:29px; color:#FFF; font-size:18px; text-align:center;border-radius:4px;}

/* 나의 모의고사 */
.mock_box { position:relative; border:1px solid #d4d4d4; background:#eceff3; text-align:center; padding:35px 0;}
.mock_box:after {position:absolute; top:100%; left:50%; margin-left:-30px; content:""; display:block;  width:61px; height:31px; background:url(http://image.hrdch.co.kr/jobch/image/m/sub/mock_box.gif) no-repeat 0 0;}
.mock_box .tit { text-decoration:underline; font-size:32px; line-height:40px;}
.mock_box .date { color:#1e55b0; font-size:22px; line-height:36px; margin-top:20px;}
.mock_box .btn { margin-top:40px;}

.count03 { text-align:center}
.count03 .txt { font-size:32px; font-weight:bold; margin-top:50px;}

/* 모의고사 */
.mock_tit { position:relative; display:block; margin-right:68px; background:#444a5a; width:100%; height:70px; color:#FFF; font-size:24px; line-height:70px; padding-left:30px;}
.mock_tit .mock_close {position:absolute; display:block; right:56px; top:14px; width:42px; height:42px; }

.mock_list { text-align:center; height:49px; border-bottom:1px solid #b6b6b6;}
.mock_list ul li { display:inline-block; margin-right:65px; line-height:49px; font-size:18px}
.mock_list ul li:last-child {margin-right:0;}

#container02 { background:#eceff3;font-size:22px;line-height:30px;}
.qeustion { font-size:24px; font-weight:bold; line-height:34px;}
.context { margin-top:20px;}
.answer_num { display:block; width:56px; height:46px; border:1px solid #c0c0c0; border-radius:5px; text-align:center; line-height:46px; font-size:24px; font-weight:bold; background:#c6d8e4; }
.on .answer_num{display:block; width:56px; height:46px; border:1px solid #c0c0c0; border-radius:5px; text-align:center; line-height:46px; font-size:24px; font-weight:bold; background:#ff8c05 !important; color:#FFF}

.tbl-type-mock {  border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;border-bottom:1px solid #d4d4d4;font-size:22px; text-align:center}
.tbl-type-mock td {padding:15px 10px;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;border-top:1px solid #d4d4d4;word-wrap:break-word;line-height:1.3;word-break:break-all; background:#fff}
.tbl-type-mock th {padding:15px 10px;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;border-top:1px solid #d4d4d4;word-wrap:break-word;line-height:1.3;word-break:break-all; }
.tbl-type-mock td:first-child {border-left:1px solid #e2e2e2;  border-right:0;}
.tbl-type-mock td:last-child {border-right:1px solid #e2e2e2; border-left:0;}
.tbl-type-mock .left { text-align:left;}
.tbl-type-mock .on { background:#ffedd9;}
.time { background:#2f2f2f; padding:4% 4%; overflow:hidden}
.time .time_l { float:left; color:#FFF; font-size:22px;}
.time .time_l span {color:#f5fe00; font-size:40px; line-height:110px;}
.time .time_r { float:right; }
.time .time_r a { display:inline-block;margin-top:26px; margin-left:10px;}
.btn_stop { position:relative; display:block; background:#f2f2f2; padding-left:60px; width:106px; height:55px; font-size:22px; color:#333; line-height:55px; border:1px solid #c6c6c6; border-radius:5px;}
.btn_stop:before {position:absolute; top:15%; left:10%; content:""; display:block;  width:41px; height:41px; background:url(http://image.hrdch.co.kr/jobch/image/m/common/btn_stop.gif) no-repeat 0 0;}
.btn_play { position:relative; display:block; background:#f2f2f2; padding-left:60px; width:106px; height:55px; font-size:22px; color:#333; line-height:55px; border:1px solid #c6c6c6; border-radius:5px;}
.btn_play:before {position:absolute; top:15%; left:10%; content:""; display:block;  width:41px; height:41px; background:url(http://image.hrdch.co.kr/jobch/image/m/common/btn_play.gif) no-repeat 0 0;}
.btn_submit {display:block; background:#3f80eb; text-align:center; width:166px; height:55px; font-size:22px; color:#fff; line-height:55px; border:1px solid #114eb3; border-radius:5px;}

/* 모의고사 결과분석 */
.btn_tab { float:right; overflow:hidden;}
.btn_tab a { display:inline-block; width:174px; height:46px; font-size:20px;background:#a4a4a4; width:174px; height:46px; font-size:22px; color:#fff; line-height:46px; text-align:center}
.btn_tab .on {  background:#1e55b0; }

.analysis {border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4; background:#f5f5f5; padding:4% 4%;}
.analysis .analy_box {border:1px solid #d4d4d4;}
.analysis .analy_box .box_tit { background:#eef2fb; padding:17px 17px; text-align:center; line-height:32px;font-size:22px; color:#000; font-weight:bold}
.analysis .analy_box .box_middle {border-bottom:1px solid #d4d4d4; background:#FFF; padding:17px 17px;}
.analysis .analy_box .box_middle ul li { display:inline-block; font-size:22px;}
.analysis .analy_box .box_bottom {background:#FFF; padding:17px 17px;}
.analysis .analy_box .box_bottom ul li {display:inline-block; font-size:18px; background:#e0eff7; text-align:center; width:116px; height:31px;line-height:31px; border:1px solid #9b9b9b;border-radius:10px; letter-spacing:-2px; margin-right:6px; margin-top:6px;}
.analysis .analy_box .box_bottom .bottom_txt { color:#ff0000; font-size:10px; margin-top:23px;}

.gray_txt { text-align:right; color:#737373; margin-top:20px;font-size:10px; line-height:26px;}
.result { margin-top:45px;}
.result .grade { background:#5739db; color:#FFF; text-align:center; padding:10px 0;}
.result .grade span { font-size:28px}
.result ul li { margin-top:10px;}
.result .rank {font-size:10px; margin-top:25px;}

.result02 {border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;background:#f5f5f5;}
.compare { float:right;}
.compare li { display:inline-block; margin-right:10px;}
.compare .score { position:relative; padding-left:15px}
.compare .score:before {position:absolute; top:15%; left:0; content:""; display:block;  width:13px; height:13px; background:#5739db;border-radius:20px;}
.compare .average { position:relative; padding-left:15px}
.compare .average:before {position:absolute; top:15%; left:0; content:""; display:block;  width:13px; height:13px; background:#cc58e1;border-radius:20px;}
.my_result { margin-top:10px;}
.total_tit { position:relative; width:100%; height:52px; text-align:center; font-size:24px; line-height:52px; background:#eeddea; font-weight:bold}
.total_tit:before {position:absolute; top:52px; left:50%;  content:""; display:block;  width:39px; height:19px; background:url(http://image.hrdch.co.kr/jobch/image/m/sub/pink.png) no-repeat 0 0;}
.total_txt { margin-top:30px;}

.paper { background:#eceff3;border-top:1px solid #d4d4d4; margin-top:25px; padding:4% 4%;}
.paper ul li { text-align:center; font-size:28px; line-height:32px;}
.paper ul .stxt {font-size:22px; color:#7d7d7d; margin-top:7px;}
.paper .paper_list {text-align:center; margin-top:35px;}
.paper .paper_list li {display:inline-block; margin-right:6px; margin-bottom:15px; color:#FFF; font-size:27px; line-height:60px;}
.paper .paper_list .o {width:60px; height:60px; background:url(http://image.hrdch.co.kr/jobch/image/m/sub/box_o.gif) no-repeat 0 0;}
.paper .paper_list .x {width:60px; height:60px; background:url(http://image.hrdch.co.kr/jobch/image/m/sub/box_x.gif) no-repeat 0 0;}

.explanation { background:#f5f5f5; border-top:3px solid #5c5c5c; padding:4% 4%;}
.explan {border:1px solid #d4d4d4; background:#FFF; padding:27px 27px;}
.explan .explan_tit {position:relative; font-size:28px; text-align:center}
.explan .explan_tit:after {position:absolute; top:35px; left:50%; margin-left:-57px; content:""; display:block;  width:114px; height:4px; background:#ff8c05;}
.explan ul { margin-top:30px;}
.btn_explan { background:#dfdfdf; padding:14px 16px; text-align:center}
.btn_explan a { display:inline-block; width:47.5%; height:66px; margin-right:1.5%; text-align:center; line-height:66px; font-size:22px; letter-spacing:-2px;}
.btn_explan a:last-child { margin-right:0;}
.btn_back {display:block; background:#fff; text-align:center; }
.btn_next {display:block; background:#1e55b0; color:#FFF; text-align:center; }
.state a { display:inline-block; margin-bottom:7px;}

.consul {border:6px solid #dbdee7; padding:35px 20px;}
.consul_tit { text-align:center; font-size:36px;}

.gray_txt02 { font-size:12px; color:#6f6f6f; margin-top:15px; letter-spacing:-1px;}


.tbl-type-s09 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;border-bottom:1px solid #929292;font-size:22px; text-align:center}
.tbl-type-s09 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;font-weight:bold; background:#f8f8f8;}
.tbl-type-s09 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-s09 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; background:#f8f8f8}
.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 .left { text-align:left}

/* 컨설팅 신청 */
.consulting {overflow:hidden;}
.consulting .consulting_l { float:left; width:49%; margin-right:2%; }
.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;}
.consulting .consulting_l .consult {border-bottom:2px solid #759bc5;border-left:2px solid #759bc5;border-right:2px solid #759bc5; height:220px;}
.consulting .consulting_l .consult {text-align:center; padding:20px 10px;font-size:15px;font-family:'notokr-bold'; color:#000; line-height:18px;}
.consulting .consulting_l .consult li {font-size:15px;font-family:'notokr-bold'; color:#000; line-height:18px; letter-spacing:-1px;}
.consulting .consulting_l .consult .title {font-size:23px;font-family:'notokr-bold'; color:#1e55b0; text-decoration:underline; line-height:36px; margin-bottom:10px;}
.consulting .consulting_l .consult .won {font-size:33px;font-family:'notokr-bold'; color:#000; line-height:40px; margin:10px 0; font-weight: bold;}

.consulting .consulting_r { float:right; width:49%;}
.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;}
.consulting .consulting_r .consult {border-bottom:2px solid #759bc5;border-left:2px solid #759bc5;border-right:2px solid #759bc5; height:220px;}
.consulting .consulting_r .consult {text-align:center; padding:20px 10px;font-size:15px;font-family:'notokr-bold'; color:#000; line-height:18px;}
.consulting .consulting_r .consult li {font-size:15px;font-family:'notokr-bold'; color:#000; line-height:18px;letter-spacing:-1px;}
.consulting .consulting_r .consult .title {font-size:23px;font-family:'notokr-bold'; color:#1e55b0; text-decoration:underline; line-height:36px; margin-bottom:10px;}
.consulting .consulting_r .consult .won {font-size:33px;font-family:'notokr-bold'; color:#000; line-height:40px; margin:10px 0; font-weight: bold;}

.consultant { overflow:hidden}
.consultant ul {display:inline-block; width:49%; margin-right:2%;}
.consultant ul:last-child { margin-right:0;}
.consultant ul li {text-align:center; margin-top:18px}

/* 면접 */
.search_bg02 {border:1px solid #d8d8d8;background:#f8f8f8; padding:12px 0; overflow:hidden}
.search_bg05 {background:#f8f8f8; padding:12px 0; overflow:hidden}
.search02 { position:relative; display: block; margin-right:155px;}
.search02_box{position:relative;display:block;}
.search02_box input { width:100%; height:44px; box-sizing:border-box; padding:0 5px;font-size:22px; margin-left:20px;}
.btn_search02 {position:absolute; display:block; right:-155px; top:0; background:#1e55b0; width:106px; height:44px; line-height:44px; text-align:center; color:#FFF;font-weight:bold;font-size:22px;margin-right:20px; border-radius:5px;}
.search02_sel select { display:inline-block; width:45%; height:44px !important; box-sizing:border-box; padding:0 5px;font-size:22px;margin-left:20px; margin-bottom:12px}

/* 설명회 */
.search03 { position:relative; display: block; margin-right:102px;}
.search03_box{position:relative;display:block;}
.search03_box input { width:100%; height:44px; box-sizing:border-box; padding:0 5px;font-size:22px;}
.btn_search03 {position:absolute; display:block; right:-102px; top:0; background:#1e55b0; width:90px; height:44px; line-height:44px; text-align:center; color:#FFF;font-weight:bold;font-size:22px;border-radius:5px;}

.info { font-size:18px; color:#464646; margin-top:24px; line-height:30px;}
.info02 { font-size:18px; color:#464646; margin-top:24px; line-height:30px;}
.info_box {border:1px solid #cfcfcf; padding:24px 20px;}

.ok { text-align:center; margin-top:115px;}
.ok .ok_tit {font-size:47px; margin-bottom:42px;}

/* 정오표 */
.search_bg04 {border:1px solid #d8d8d8;background:#f8f8f8; padding:12px 0; overflow:hidden}
.search04 { position:relative; display: block; margin-right:155px; margin-left:110px;}
.search04_box{position:relative;display:block;}
.search04_box input { width:100%; height:44px; box-sizing:border-box; padding:0 5px;font-size:22px; margin-left:20px;}
.btn_search04 {position:absolute; display:block; right:-155px; top:0; background:#1e55b0; width:106px; height:44px; line-height:44px; text-align:center; color:#FFF;font-weight:bold;font-size:22px;margin-right:20px; border-radius:5px;}
.search04_sel select {position:absolute; display:block; left:-110px; top:0; width:100px !important; height:44px !important; box-sizing:border-box; padding:0 5px;font-size:22px;margin-left:20px; margin-bottom:12px}

/* 고객센터 */
.cs { text-align:center}
.cs li { display:inline-block; margin-right:39px;}
.cs li:last-child {margin-right:0;}

/* 이벤트 */
.event_list {border-bottom:1px solid #c8c8c8; overflow:hidden; padding:30px 0;}
.event_list dt { float:left; display:inline-block; width:48%;}
.event_list dt img {width:100%;}
.event_list dd { float:left; display:inline-block;width:48%; margin-left:4%; }
.event_list dd ul li { font-size:24px; line-height:30px;letter-spacing:-1px;}
.event_list dd ul .gray_event { font-size:22px; color:#666666; margin-top:12px;}
.event_list dd ul .mark_close {display:block; color:#fff; text-align:center; width:100px; height:35px; font-size:20px; line-height:35px; border-radius:16px; background:#f5821f;margin-top:12px;}

.recruit { font-size:18px; color:#525252;}
.recruit .tit { font-size:22px;}

/* 취업전략자료실 */
.home_supply {position: relative;}
.home_supply .btn_supply {position:absolute; top:0; right:0; display:block; width:190px; height:54px; background:#ff460a; color:#FFF; text-align:center; line-height:54px; font-size:22px; padding-left:20px; }
.home_supply .btn_supply:before {position:absolute; top:35%;left:20px; content:""; display:block;  width:17px; height:17px;background:url(http://image.hrdch.co.kr/jobch/image/m/sub/ico_supply.gif) no-repeat 0 0;}
.detail { overflow:hidden;border-top:1px solid #ededef; border-bottom:10px solid #ededef;padding:40px 0; margin-top:79px;}
.detail dl dt { float:left; display:inline-block; color:#888888; width:25%; line-height:48px;}
.detail dl dd { float:left; display:inline-block; width:75%;line-height:48px;}
.detail02 { overflow:hidden; border-bottom:1px solid #ededef;padding:60px 0 20px 0; width:100%;}
.detail02 dl {float:left; display:inline-block; width:50%;}
.detail02 dl dt { float:left; display:inline-block; width:24%; height:31px; line-height:31px;background:#f7f7f7;text-align:center;border:1px solid #e4e4e4; font-size:18px;}
.detail02 dl dd { float:left; display:inline-block; width:70%;line-height:31px; font-size:18px; margin-left:5px;}

.company_info { overflow:hidden}
.company_info dl { float:left;width:69.5%;}
.company_info dl dt {float:left; display:inline-block; width:32%;}
.company_info dl dd {float:left; display:inline-block; width:67%; line-height:66px; font-size:28px;}
.company_info .info_more { float:right; display:block; width:30%; height:31px; line-height:31px;background:#f7f7f7;text-align:center;border:1px solid #e4e4e4; font-size:18px;}

/* 동영상강의*/
.inner {padding: 0 4% 30px 4%;}
.c-tab01 { margin-top:25px;}
.c-tab01 ul {display:block;overflow:hidden;}
.c-tab01 ul li{float:left; display:inline-block;width:33%; height:55px; border-top:1px solid #d7d7d7;border-left:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;border-right:0;font-size:20px; text-align:center;  background:#f0f0f0; line-height:55px;}
.c-tab01 ul li:last-child {border-right:1px solid #d7d7d7;}
.c-tab01 ul li a{display:block;}
.c-tab01 ul .on { background:#298b8c;}
.c-tab01 ul .on a{color:#fff;}

/* 단과메뉴 */
.menu02 {height:58px;border-top:2px solid #c1c1c1; border-bottom:2px solid #c1c1c1; margin-top:27px}
.menu02 ul { text-align:center}
.menu02 ul li { position:relative;  display:inline-block; margin:0 2.3%; line-height:58px;}
.menu02 ul li a {font-size:22px; letter-spacing:-1px;}
.menu02 ul li a:hover { font-weight:bold}
.menu02 ul li a:hover:after {position:absolute; top:56px; left:50%; margin-left:-50%; content:""; display:block; width:100%; height:3px; background:#000;}
.menu02 ul .on {font-weight:bold}
.menu02 ul .on a:after {position: absolute; top:56px; left:50%; margin-left:-50%; content:""; display:block; width:100%;height:3px; background:#000;}
@media all and (max-device-width:360px) {
    .menu02 ul li { margin:0 1.3%; }
}
.more_view { margin-top:49px; border:1px solid #e2e2e2; font-size:22px; color:#494949; line-height:52px; text-align:center}
.more_view img { margin:15px 0 0 10px;}


/* 온라인서점 */
.book_slide { position:relative}
.book_slide img { width:100%;}
.book_slide .slide_l {position:absolute;float:left;top:42%;left:18px;z-index:100;}
.book_slide .slide_r {position:absolute;float:right;top:42%;right:18px;z-index:100;}

.book_recom { margin-top:20px; border-bottom:1px solid #c6c6c6; padding-bottom:15px; overflow:hidden}
.book_recom .recom_l { float:left; display:inline-block; width:34%;}
.book_recom .recom_l img { border:1px solid #c6c6c6; width:90%;}
.book_recom .recom_r { float:left; display:inline-block; width:63%; font-size:22px; line-height:30px; letter-spacing:-1px; padding-left:10px;}
.book_recom .tit {font-weight:bold;font-size:28px; margin-top:0px;}
.book_recom .contxt {margin-top:18px;overflow: hidden;max-height: 90px;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.book_recom .writer {  margin-top:22px;font-size:20px;}


.navi ul{overflow:hidden;padding:5px}
.navi li{float:left;width:50%;}
.navi li .select_box{padding:2.5px;}
.navi li .select_box select{width:100%;background:#fff;height:30px;border:1px solid #e2e2e2;}

.category { padding:20px 0; text-align:center; overflow:hidden}
.category select { float:left; display:inline-block; width:47.6%; height:48px !important;margin-left:1.5%;font-size:22px;}
.category select:last-child { marmargin-left:0;margin-right:1.5%; }

.list_book { text-align:center}
.list_book img {border:1px solid #c6c6c6;}
.list_book ul { margin-bottom:30px; margin-top:15px;}
.list_book ul .tit { font-size:28px; line-height:32px;}
.list_book ul .stit { font-size:22px; color:#494949; margin-top:10px;}

.list_book02 { text-align:center; border-bottom:1px solid #c6c6c6; border-top:1px solid #c6c6c6; padding:15px 0; margin-top:20px;}
.list_book02 ul li { display:inline-block; margin-right:20px;font-size:22px; line-height:30px;}
.list_book02 ul li:last-child { margin-right:0; }

.list_book03 { padding:20px 20px; background:#f8f8f8; overflow:hidden;border-bottom:1px solid #c6c6c6; }
.list_book03 .book03_l { float:left; width:50%; font-size:22px; line-height:32px;}
.list_book03 .book03_r { float:right; width:50%; font-size:22px; line-height:32px; text-align:right}

.list_book04 { padding:20px 20px; background:#f8f8f8; overflow:hidden;border-bottom:1px solid #c6c6c6; }
.list_book04 .book04_l { float:left; width:50%; font-size:22px; line-height:32px;}
.list_book04 .book04_r { float:right; width:50%; font-size:22px; line-height:32px; text-align:right}
.btn_view { float:right;display:block; width:93px; height:30px;background:#ffffff; border:1px solid #c8c8c8; line-height:30px;text-align:center;border-radius:3px; font-size:20px;}

.event {border:1px solid #c6c6c6; padding:24px 24px; overflow:hidden}
.event .event_l {float:left;display:inline-block; width:50%;}
.event .event_l img {width:100%;}
.event .event_r { float:left; display:inline-block; margin-left:25px;}
.event .event_r .event_ing {display:block; width:143px; height:31px;background:#1979bc;line-height:31px;text-align: center; font-size:18px; color: #FFF}
.event .event_r .tit { font-size:24px; margin-top:20px;}
.event .event_r .date { font-size:18px;}

.book_info {border:1px solid #c6c6c6; padding:24px 24px; overflow:hidden; margin-top:38px; font-size:22px;line-height:40px;}
.book_info .info_l {float:left;display:inline-block; width:25%;}
.book_info .info_r {float: right;display:inline-block; width:75%;}
.book_info .info_r li ul { padding-top:5px;}
.book_info .info_r li ul li { float:left; display:inline; line-height:22px}

.swiper-container {width: 100%;height: 100%;background:#f0f0f0;}
.swiper-container .over a{color:#ff0000;}
.swiper-slide {text-align: center;font-size:1.5em; letter-spacing:-1px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;border-right: 1px solid #e2e2e2;}
.swiper-slide:last-child{border-right:0;}
.swiper-slide a{display:block;width:100%;margin: 14.5px 0;}

/* 회사소개 */
.company_visual { width:100%; }
.c_intro { overflow:hidden;}
.c_intro .intro_l { float:left; margin-top:40px;}
.c_intro .intro_r { float:left;margin-top:30px; font-size:28px;font-family:'나눔바른고딕'; line-height:36px; color:#000}
.c_intro02 { overflow:hidden; margin-top:47px; }
.c_intro02 .intro_txt {float:left;font-size:16px;font-family:'notokr-regular'; line-height:30px; color:#494949;}
.c_tit {font-size:35px;font-family:'나눔바른고딕'; margin-top:85px;}
.c_intro03 {}
.c_intro03 dl { margin-top:50px; overflow:hidden;}
.c_intro03 dl dt {float:left;}
.c_intro03 dl dd { float:left; margin-left:30px;font-size:16px;font-family:'notokr-regular'; width:76%; margin-top:5px;}
.c_intro03 dl .site {color:#4b96e6;font-size:18px;font-family:'notokr-bold'; line-height:30px;}
.c_intro03 dl .site span {color:#bd9c7a;font-size:18px;font-family:'notokr-bold'}

.history_wrap {margin-top:40px;}
.history_wrap > div{margin-left:0px;}
.history_wrap table td{vertical-align:top}
.history_wrap table td.t1{width:130px;font-family:'notokr-bold';font-size:30px;line-height:32px;letter-spacing:-1px;}
.history_wrap table td ul li{line-height:24px;font-family:'notokr-regular';font-size:14px;line-height:32px;letter-spacing:-1px;}
.history_wrap table td.t2 li{font-family:'notokr-bold';font-size:16px;}
.history_wrap table td.t2 {width:80px;text-align:center;background:#f8f8f8;height:100%}
.history_wrap table td.t3 {padding:0 20px;}
.history_wrap table td.t3 li{color:#888;}

.history_wrap .h_2016{margin-top:30px;}
.history_wrap .h_2017{margin-top:30px;}

.gap { height:70px;}
.sgap { height:40px;}
.ssgap { height:20px;}
.sssgap { height:10px;}

/* NCS란 */
h70 {font-size:22px;font-family:'notokr-bold';color:#000;letter-spacing:-1px; line-height:56px; display:block; margin-bottom:3px;}
h70 .more { float:right;font-size:12px;font-family:'돋움';font-weight: normal;}
h70 .s_txt { margin-left:10px; font-size:12px;font-family:'돋움';font-weight: normal;color:#6d6d6d;letter-spacing:-1px; line-height:40px; }
h70 .rank { position:relative; float:right; font-size:12px;font-family:'notokr-bold';font-weight:bold;color:#5e5e5e; line-height:40px; }
h70 .rank:before {position:absolute;top:33%;left:-20px;content:""; display:block;  width:13px; height:13px;background:#f62239;border-radius:10px;}
h70 .rank2 { position:relative; float:right; font-size:12px;font-family:'notokr-bold';font-weight:bold;color:#5e5e5e; line-height:57px; }
h70 .rank2:before {position:absolute;top:39%;left:-20px;content:""; display:block;  width:13px; height:13px;background:#ca46aa;border-radius:10px;}
h70 .txt_r {font-size:12px;font-family:'돋움';color:#000; line-height:56px; font-weight:normal; margin-left:7px;}
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:15px;left:0px;content:""; display:block; width:12px; height:12px;background:url(http://image.hrdch.co.kr/jobch/image/ncs/txt_dot.gif) no-repeat top left;}

.ncs_txt {font-size:16px;font-family:'notokr-regular'; line-height:28px;}
.ncs_p {font-size:13px;font-family:'notokr-regular'; margin-top:10px;}

/* NCS 테이블 스타일 */
.tbl-type-s11 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;font-size:18px;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-s12 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;font-size:18px;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;}

.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;}

/* NCS 정보 */
.ncs_faq01 { overflow:hidden;}
.ncs_faq01 .ncs_l { float:left; width:20%;}
.ncs_faq01 .ncs_r { float:left; width:76%; margin-top:15px; font-size:22px;font-family:'notokr-regular'; font-weight:bold; line-height:32px;}
.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;}

.tbl-type-s06 .radio { width:16px; height:16px;}
.tbl-type-s06 input { font-size:18px}

/* 설명회 참석 신청하기 */
.tbl-type01 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;font-size:16px;border-bottom:1px solid #929292; line-height:36px;}
.tbl-type01 thead th, .tbl-type01 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-type01 th, .tbl-type01 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-type01 th, .tbl-type01 tfoot th {color:#666;background:#fff;font-weight:normal;}
.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 th { font-weight:bold; background:#f8f8f8;text-align:left;}
.tbl-type01 .bgnone {text-align:left !important; background:none; font-weight:normal;}
.tbl-type01 .check {width:14px; height:14px;}
.tbl-type01 input{ padding-left:10px; width:100%; height:28px;border:1px solid #e2e2e2;font-size:12px; }
.tbl-type01 textarea { width:100%;}

.agree { font-size:19px; margin-top:26px; overflow:hidden}
.agree span {font-size:15px;}
.btn_view { display:inline-block;width:85px;height:29px;line-height:31px;text-align:center;font-size:15px;font-family:'notokr-regular';background:#f8f8f8;border:1px solid #c4c4c4;}
.btn_red_b {display: block;width:100%;height:60px;line-height:60px;text-align:center;font-size:30px;font-family:'notokr-regular';background:#d22829; color:#FFF; overflow:hidden; margin-top:25px;}

.trans { text-align:center; margin-top:30px}
.view_box {border:1px solid #c4c4c4;border-top:5px solid #1e55b0; padding:10px 20px; overflow:hidden; background:#fff;z-index:1000;width:86%;}
.view_box .view_boxl { }
.view_box .view_boxl .boxl_in {border:1px solid #e3e3e3; background:#f5f5f5; padding:20px 25px; margin-top:20px;}
.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_boxl .boxl_in ul li {font-size:14px; line-height:26px;}
.view_box .view_boxr { float:right; line-height:30px; text-align:center}


.hidden_popup_wrap{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:888;display:none;}
.hidden_popup_wrap .bg{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7)}
.hidden_popup_wrap .hidden_popup{position:absolute;top:50%;left:0px;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:100%;z-index:9999;}
.hidden_popup_wrap .hidden_popup > div{margin:0 10px;;box-sizing:border-box;border:1px solid #e2e2e2;border-top:3px solid #d22828;border-radius:5px;background:#fff;}
.hidden_popup_wrap .hidden_popup .tit_box{padding:0 10px;height:50px;overflow:hidden;border-bottom:1px solid #d2d2d2;}
.hidden_popup_wrap .hidden_popup .tit_box h4{float:left;line-height:50px;font-size:14px;font-weight:bold;}
.hidden_popup_wrap .hidden_popup .tit_box > div{float:right;height:50px;width:50px;line-height:50px;text-align:center;}
.hidden_popup_wrap .hidden_popup .tit_box span{display:block;}
.hidden_popup_wrap .hidden_popup .content_box{padding:15px 10px;}
.hidden_popup_wrap .hidden_popup .btn {padding:10px}
.hidden_popup_wrap .hidden_popup .btn a{display:block;height:46px;background:#d22828;border-radius:3px;;line-height:46px;text-align:center;font-size:16px;font-weight:800;color:#fff;}

.hidden_popup_wrap .review_popup .content_box {padding:0px 10px}
.hidden_popup_wrap .review_popup .content_box .score_box {text-align:center;overflow:hidden;padding:10px 0}
.hidden_popup_wrap .review_popup .content_box .score_box p{float:right;line-height:40px;font-size:16px;}
.hidden_popup_wrap .review_popup .content_box .score_box p strong{color:#d22828}
.hidden_popup_wrap .review_popup .content_box .score_box ul{overflow:hidden;float:left;}
.hidden_popup_wrap .review_popup .content_box .score_box ul li{float:left;;}
.hidden_popup_wrap .review_popup .content_box .score_box ul li span{display:block;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;}
.hidden_popup_wrap .review_popup .content_box .score_box ul li.on span{color:#d22828}
.hidden_popup_wrap .review_popup .content_box .text_box textarea{width:100%;border:1px solid #d2d2d2;box-sizing:border-box;height:150px;box-sizing:border-box;padding:5px;font-size:14px;line-height:20px;}

.hidden_popup_wrap2{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:801;display:none;}
.hidden_popup_wrap2 .bg{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7)}
.hidden_popup_wrap2 .hidden_popup{position:absolute;top:50%;left:0px;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:100%;z-index:9999;}
.hidden_popup_wrap2 .hidden_popup > div{margin:0 10px;;box-sizing:border-box;border:1px solid #e2e2e2;border-top:3px solid #d22828;border-radius:5px;background:#fff;}
.hidden_popup_wrap2 .hidden_popup .tit_box{padding:0 10px;height:50px;overflow:hidden;border-bottom:1px solid #d2d2d2;}
.hidden_popup_wrap2 .hidden_popup .tit_box h4{float:left;line-height:50px;font-size:14px;font-weight:bold;}
.hidden_popup_wrap2 .hidden_popup .tit_box > div{float:right;height:50px;width:50px;line-height:50px;text-align:center;}
.hidden_popup_wrap2 .hidden_popup .tit_box span{display:block;}
.hidden_popup_wrap2 .hidden_popup .content_box{padding:15px 10px;}
.hidden_popup_wrap2 .hidden_popup .btn {padding:10px}
.hidden_popup_wrap2 .hidden_popup .btn a{display:block;height:46px;background:#d22828;border-radius:3px;;line-height:46px;text-align:center;font-size:16px;font-weight:800;color:#fff;}

.hidden_popup_wrap2 .question_popup .content_box {padding:0px 10px}
.hidden_popup_wrap2 .question_popup .content_box .sub_box input{width:100%;border:1px solid #d2d2d2;box-sizing:border-box;height:30px;box-sizing:border-box;padding:5px;font-size:14px;line-height:20px; margin: 10px 0px 10px 0px}
.hidden_popup_wrap2 .question_popup .content_box .text_box textarea{width:100%;border:1px solid #d2d2d2;box-sizing:border-box;height:150px;box-sizing:border-box;padding:5px;font-size:14px;line-height:20px;}

/* 교수소개 */
.professor {border:1px solid #d8d8d8; background:#f5f5f5; padding:0px 25px; margin-top:47px; overflow:hidden;}
.professor_l { float:left; width:60%; padding:30px 0;}
.professor_l_big { float:left;  padding:30px 0; width:40%; z-index:9;}
.subject { position:relative; font-family:'notokr-medium'; font-size:30px; color:#000; line-height:36px;letter-spacing:-1px}
.subject:after {position: absolute; top:38px; left:0px; content:""; display:block; width:160px; height:3px; background:#298b8c;}
.slogan {font-family:'notokr-medium'; font-size:18px; color:#000; line-height:25px; margin-top:40px;letter-spacing:-1px}
.pname {font-family:'notokr-medium'; font-size:28px; color:#000; line-height:28px; margin-top:22px;letter-spacing:-1px}
.pname span { color:575656; font-size:26px; margin-left:12px;}
.professor_r { float:right; width:40%; }
.professor_r img { width:90%;}
.professor_r_big { float:right;width:60%; z-index:11;}
.professor_r_big img { width:120%;}

/* 패키지 */
.lecture_con { margin-top:50px; border:1px solid #dedede; padding:48px 22px; box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1); overflow:hidden}
.lecture_con .mark_lecture { display:inline-block; padding:3px 7px; border:1px solid #298b8c; color:#298b8c; font-size:20px; letter-spacing:-1px;}
.lecture_con .lecture_tit { font-size:24px; color:#333333;}
.lecture_con .lecture_date { font-size:20px; color:#333333; margin-top:10px;}
.lecture_con ul { margin-top:25px;}
.lecture_con ul li { float:left; display:inline-block;font-size:24px; margin-right:15px; line-height:40px;}
.lecture_con ul li span {font-size:40px; font-weight:bold}
.lecture_con ul .btn_view {float:right; display:inline-block; padding:7px 25px; background:#298b8c; }
.lecture_con ul .btn_view a {color:#fff; font-size:25px;}

.appli_tit { position:relative; margin-top:60px; height:68px; background:#ff0000; text-align:center; line-height:68px; font-size:36px; font-weight:bold; color:#FFF;}
.appli_tit:after {position:absolute; content:""; display:block; bottom:-24px;left:50%; margin-left:-33px; width:66px; height:24px; background:url(http://image.hrdch.co.kr/work/fire/m/image/sub/mark_appli.jpg) no-repeat 0 0;}

.tab02 { overflow:hidden}
.tab02 li { width:24.8%; height:60px; float:left; display:inline-block; text-align:center; font-size:22px; line-height:60px; letter-spacing:-1px;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7; background:#f0f0f0;}
.tab02 li:last-child {border-right:0;}
.tab02 .on {background:#fff;border-top:5px solid #6d6d6d;height:56px;}

/* 고객센터 */
.quick_menu { margin-top:52px; text-align:center;}
.quick_menu dl { display:inline-block; width:30%; font-size:22px;}
.quick_menu dl dd { margin-top:15px;}

.cs_ban { margin-top:70px;}
.cs_ban img { width:100%;}

.cs_board {overflow:hidden;}
.cs_board ul {border-top:1px solid #e5e5e5; height:57px;}
.cs_board ul:last-child {border-bottom:1px solid #e5e5e5;}
.cs_board ul li {font-size:23px;line-height:57px;}
.cs_board .txt_l{ float:left;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%;}
.cs_board .txt_r{ float:right;}
h3 {line-height:50px;font-size:35px;color:#000;}
h3 span{ float:right; line-height:50px;font-size:22px; letter-spacing:-1px;}

/* 회사소개 */
.company02 {position:relative; overflow:hidden}
.company_img {position:relative; width:100%; height:1000px; z-index:60;}
.company_img img { width:100%;}
.company_con01 { position:absolute; top:120px; left:50%; margin-left:-40%; width:80%; text-align:center; font-size:23px; letter-spacing:-1px; z-index:61;}
.company_con02 {position:absolute; top:350px; left:50%; margin-left:-45%; width:90%; font-size:22px; z-index:62;}
@media all and (max-device-width:320px) {
	.company_img {height:1050px;}
    .company_con01 { top:70px; }
	.company_con02 { top:300px; }
}