@charset "utf-8";

/* 공통 페이지 스타일 */
.down-arrow {display:block; margin:30px 0; text-align:center}

.content-h2 {padding-left:21px; line-height:150%; background:url(../images/common/common_bullet.png) 0 4px no-repeat}
.content-h2 strong {font-weight:bold}
.content-h2 .sub-info {font-size:0.815em; color:#999}
.h2-sub-info {padding:6px 0 0 2px}

.content-h2-none-icon {position:relative; padding-left:21px; line-height:150%; background:none; word-break: break-all}
.content-h2-icon {display:inline-block; width:18px; height:16px; position:absolute; left:0; top:5px; background:url(../images/common/common_bullet.png) 0 0 no-repeat}

.p {margin-bottom:30px; font-size:0.875em; line-height:200%}
.t-info {margin-top:28px; font-size:0.875em}

/* title & bullet */
.seq-title {vertical-align:middle; display:inline-block; margin-right:5px; width:25px; height:29px; background:url(../images/common/common_bullet.png) 0 -60px no-repeat; font-size:0; text-indent:-9999px}
.seq-title-01 {background-position:0 -60px}
.seq-title-02 {background-position:-50px -60px} .seq-title-03 {background-position:-100px -60px} .seq-title-04 {background-position:-150px -60px} .seq-title-05 {background-position:-200px -60px} .seq-title-06 {background-position:0 -110px} .seq-title-07 {background-position:-50px -110px} .seq-title-08 {background-position:-100px -110px} .seq-title-09 {background-position:-150px -110px} .seq-title-10 {background-position:-200px -110px}
.seq-title-11 {background-position:0 -160px} .seq-title-12 {background-position:-50px -160px} .seq-title-13 {background-position:-100px -160px} .seq-title-14 {background-position:-150px -160px} .seq-title-15 {background-position:-200px -160px} .seq-title-16 {background-position:0 -210px} .seq-title-17 {background-position:-50px -210px} .seq-title-18 {background-position:-100px -210px} .seq-title-19 {background-position:-150px -210px} .seq-title-20 {background-position:-200px -210px}
.seq-title-21 {background-position:0 -260px} .seq-title-22 {background-position:-50px -260px} .seq-title-23 {background-position:-100px -260px} .seq-title-24 {background-position:-150px -260px} .seq-title-25 {background-position:-200px -260px} .seq-title-26 {background-position:0 -310px} .seq-title-27 {background-position:-50px -310px} .seq-title-28 {background-position:-100px -310px} .seq-title-29 {background-position:-150px -310px} .seq-title-30 {background-position:-200px -310px}

.title-alpha {vertical-align:middle; display:inline-block; margin-right:5px; width:20px; height:22px; background:url(../images/common/common_bullet.png) 0 -360px no-repeat; font-size:0; text-indent:-9999px}
.title-a {background-position:0 -360px}
.title-b {background-position:-50px -360px} .title-c {background-position:-100px -360px} .title-d {background-position:-150px -360px} .title-e {background-position:-200px -360px} .title-f {background-position:0 -410px} .title-g {background-position:-50px -410px}
.title-h {background-position:-100px -410px} .title-i {background-position:-150px -410px} .title-j {background-position:-200px -410px} .title-k {background-position:0 -460px} .title-l {background-position:-50px -460px} .title-m {background-position:-100px -460px} .title-n {background-position:-150px -460px} .title-o {background-position:-200px -460px}

.gray-bullet {padding-left:21px; background:url(../images/common/common_bullet.png) 8px -526px no-repeat;}
.list-gray-bullet {padding-left:21px; background:url(../images/common/common_bullet.png) 7px -521px no-repeat;}
.p-gray-bullet {padding-left:21px; word-break: keep-all; background:url(../images/common/common_bullet.png) 8px -521px no-repeat;}
.i-gray-bullet {display:inline-block; margin-right:6px; width:14px; height:10px; background:url(../images/common/common_bullet.png) 7px -530px no-repeat;}

/* module */
.module-seq-box {margin-top:30px; padding:20px; border:1px solid #ddd}
.module-seq-box:after {display:block; clear:both; content:''}
.module-seq-title {vertical-align:middle; padding-bottom:4px; color:#65b5ea; font-size:0.9375em; font-weight:bold}
.module-seq-title .seq-title-sub {display:block; padding-left:35px; font-weight:normal; line-height:140%}
.module-seq-box-contents {margin-top:12px; padding-top:20px; border-top:1px solid #ddd; color:#747474; font-size:0.875em; line-height:180%;}
.module-seq-box-contents .img {margin-top:30px; text-align:center}
.module-seq-box-list {margin:30px 0 0 10px; line-height:200%}
.module-seq-box-list dt {vertical-align:middle; font-weight:bold; color:#555}

.module-seq-box-left {float:left; width:328px}
.module-seq-box-right {float:right; width:328px}
.h605 {height:605px}

.module-default-list {margin-top:20px;}
.module-default-list li {padding-bottom:40px; padding-left:66px;}
.module-default-list li h1 {margin-bottom:8px}
.module-default-list li p {font-size:0.875em; line-height:160%;}

/* 필리핀 교육센터 */
.center-box {margin-top:10px; margin-bottom:38px; border:1px solid #ddd; background:#f4f4f4; overflow:hidden}
.center-box:after {display:block; clear:both; content:''}
.center-info-wrap {float:right; width:498px; height:197px; background:#fff; border-left:1px solid #ddd}
.center-info-title {padding:14px 0 14px 28px; font-size:0.875em; color:#fff; background:#3598db}
.center-info {padding:20px 20px 0 20px; line-height:160%;}
.center-img {float:left; width:259px; height:197px}
.center-img img {margin:30px 0 0 30px; max-width:100%;}

/* 강사관리시스템 */
.teacher-management-system-title {margin-top:20px; padding:20px 0 20px 10px; border-top:1px solid #ddd; border-bottom:1px solid #eee}
.teacher-mng-icon-1-1 {background:url(../images/sub/petra-academy/1_4_img_01.png) 10px 0 no-repeat}
.teacher-mng-icon-1-2 {background:url(../images/sub/petra-academy/1_4_img_01.png) 10px -120px no-repeat}
.teacher-mng-icon-1-3 {background:url(../images/sub/petra-academy/1_4_img_01.png) 10px -240px no-repeat}
.teacher-mng-icon-1-4 {background:url(../images/sub/petra-academy/1_4_img_01.png) 10px -360px no-repeat}
.teacher-mng-icon-1-5 {background:url(../images/sub/petra-academy/1_4_img_01.png) 10px -480px no-repeat}

.teacher-mng-icon-2-1 {background:url(../images/sub/petra-academy/1_4_img_02.png) 10px 0 no-repeat}
.teacher-mng-icon-2-2 {background:url(../images/sub/petra-academy/1_4_img_02.png) 10px -120px no-repeat}
.teacher-mng-icon-2-3 {background:url(../images/sub/petra-academy/1_4_img_02.png) 10px -240px no-repeat}
.teacher-mng-icon-2-4 {background:url(../images/sub/petra-academy/1_4_img_02.png) 10px -360px no-repeat}

/* 학습관리시스템 */
.class-mng-icon-1-1 {background:url(../images/sub/petra-academy/1_5_img_01.png) 10px 0 no-repeat}
.class-mng-icon-1-2 {background:url(../images/sub/petra-academy/1_5_img_01.png) 10px -120px no-repeat}
.class-mng-icon-1-3 {background:url(../images/sub/petra-academy/1_5_img_01.png) 10px -240px no-repeat}
.class-mng-icon-1-4 {background:url(../images/sub/petra-academy/1_5_img_01.png) 10px -360px no-repeat}
.class-mng-icon-1-5 {background:url(../images/sub/petra-academy/1_5_img_01.png) 10px -480px no-repeat}
.class-mng-icon-1-6 {background:url(../images/sub/petra-academy/1_5_img_01.png) 10px -600px no-repeat}
.class-mng-icon-1-7 {background:url(../images/sub/petra-academy/1_5_img_01.png) 10px -720px no-repeat}

/* 수강신청절차 */
.class-enrollment-process-3-1 {background:url(../images/sub/class-enrollment/3_3_img_01.png) 10px 0 no-repeat}
.class-enrollment-process-3-2 {background:url(../images/sub/class-enrollment/3_3_img_01.png) 10px -180px no-repeat}
.class-enrollment-process-3-3 {background:url(../images/sub/class-enrollment/3_3_img_01.png) 10px -360px no-repeat}
.class-enrollment-process-3-4 {background:url(../images/sub/class-enrollment/3_3_img_01.png) 10px -540px no-repeat}
.class-enrollment-process-3-5 {background:url(../images/sub/class-enrollment/3_3_img_01.png) 10px -720px no-repeat}
.class-enrollment-process-3-6 {background:url(../images/sub/class-enrollment/3_3_img_01.png) 10px -900px no-repeat}
.class-enrollment-process-3-7 {background:url(../images/sub/class-enrollment/3_3_img_01.png) 10px -1080px no-repeat}
.class-enrollment-process-3-8 {background:url(../images/sub/class-enrollment/3_3_img_01.png) 10px -1260px no-repeat}
.class-enrollment-process-3-9 {background:url(../images/sub/class-enrollment/3_3_img_01.png) 10px -1440px no-repeat}
.class-enrollment-process-3-10 {background:url(../images/sub/class-enrollment/3_3_img_01.png) 10px -1620px no-repeat}
.class-enrollment-process-3-11 {background:url(../images/sub/class-enrollment/3_3_img_01.png) 10px -1800px no-repeat}


/* 교육안내 - 공통 */
.course-content {position:relative; margin:10px 0 60px; font-size:0.875em; line-height:160%}
.course-2column {width:36%}
.course-content .movie-area {position:absolute; right:0; bottom:0; width:460px; height:258px}
.course-content-list {margin:10px 0 60px; font-size:0.875em; line-height:160%}
.course-content-list li {padding-left:21px; background:url(../images/common/common_bullet.png) 8px -522px no-repeat}

.course-nav-table {margin-top:10px}
.course-nav-table td {width:20%; border:1px solid #ddd; background:#f7f7f7}
.course-nav-table td a {display:block; padding:15px 0; background:#fff; text-align:center}
.course-nav-table td a:hover,
.course-nav-table td a:active,
.course-nav-table td a:focus,
.course-nav-table td a.current {color:#fff; text-decoration:underline; background:#666}

.course-info-table {width:100%; margin-bottom:20px; display:none}
.course-info-table th {padding:15px 0; text-align:center; background:#f7f7f7}
.course-info-table td {padding:15px 5px 15px 15px; border:1px solid #ddd; font-size:0.875em; line-height:160%; vertical-align:middle}
.course-info-table .course-info-title {position:relative; padding:20px; color:#fff; background:#3598db}
.course-info-table .course-info-title .course-title {color:#fff}
.course-info-table .course-info-title .course-title .fa {margin:0 10px; color:#fff}
.course-info-table .course-info-title .course-period {position:absolute; top:20px; right:20px; color:#fff}
.course-info-table .course {width:15%; border-left:1px solid #ddd}
.course-info-table .books {width:40%}
.course-info-table .desc {width:45%; border-right:1px solid #ddd}
.course-info-table .td-course {padding:15px 0; text-align:center}
.course-info-table .td-books {/* font-size:0.75em */}
.course-info-table-view {display:block}


/* 교재소개 */
.kyojae-list {margin-top:10px; border-left:1px solid #ddd}
.kyojae-list:after {display:block; clear:both; content:''}
.kyojae-list li {float:left; margin-top:-1px}
.kyojae-list li a {display:block; padding:16px 0; width:252px; border:1px solid #ddd; border-left:0; text-align:center}
.kyojae-list li a:hover, .kyojae-list li a:active, .kyojae-list li a:focus, .kyojae-list li a.current {color:#fff; background:#666; text-decoration:underline;}
.reqular-list li a {display:block; padding:16px 0; width:252px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center}
.edu-list li a {display:block; padding:16px 0; width:125px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:0.75em; text-align:center}

.k-list {margin:10px 0 0;}
.k-list td {padding:0 0 20px; vertical-align:top}
.book-img {display:block; width:135px; text-align:center; border:solid 1px #e4e3e3; background:#f9f9f9;}
.book-img img {margin:14px 0;}
.k-title {padding:12px 28px; color:#fff; background:#3fa2e5}
.k-info {padding:30px; border:1px solid #ddd; border-top:0; font-size:0.875em; line-height:180%}


/* tab_course */
.tab_course { }
ul.tab_button { height:61px; list-style:outside none none; margin:0; padding:0; width:100%; }
ul.tab_button li { background-color:#4c4c4c; color:#fff; cursor:pointer; float:left; font-size:16px; height:50px; letter-spacing:-0.025em; line-height:50px; vertical-align:middle; margin-left:2px; overflow:hidden; padding:0; position:relative; text-align:center; width:285px; }
ul.tab_button li.quicktab { background-color:#4c4c4c; color:#fff; cursor:pointer; float:left; font-size:18px; height:61px; letter-spacing:-0.025em; line-height:61px; margin-left:2px; overflow:hidden; padding:0; position:relative; text-align:center; width:16.433%; }
ul.tab_button li.quicktab.first { width:139px; }
ul.tab_button li.quicktab:hover, ul.tab_button li.quicktab.sct { background-color:#226ebe; background-image:none; margin-bottom:0; padding-bottom:0; }
ul.tab_button li.onetap { width:100%; }
ul.tab_button li.twotap { width:49.66%; }
ul.tab_button li.threetap { width:33%; }
ul.tab_button li.fourtap { width:24.5%; }
ul.tab_button li.fivetap { width:19.700%; }
ul.tab_button li.sixtap { width:16.333%; }
ul.tab_button li.eighttap { width:12.133%; line-height:20px; padding-top:5px;}
ul.tab_button li.seventap {width:13.633%;}
ul.tab_button li:firstc-hild { margin-left:0; }
ul.tab_button li:hover { background:#226ebe url(/images/tab_arrow.png) no-repeat 50% 50px; }
ul.tab_button li.sct { background:#226ebe url(/images/tab_arrow.png) no-repeat 50% 50px; }
ul.tab_button li.coupon { background-color:#e7e6e1; color:#666; cursor:pointer; float:left; font-size:18px; height:50px; letter-spacing:-0.025em; line-height:50px; margin-left:2px; overflow:hidden; padding:0; position:relative; text-align:center; width:49.75%; }
ul.tab_button li.coupon:first-child { margin-left:0; }
ul.tab_button li.coupon:hover { background:#5e5e5e url(/images/tab_arrow2.png) no-repeat 50% 50px; margin-bottom:-7px; padding-bottom:7px; color:#fff; }
ul.tab_button li.coupon.sct { background:#5e5e5e url(/images/tab_arrow2.png) no-repeat 50% 50px; margin-bottom:-7px; padding-bottom:7px; color:#fff; }
.tab_container { background:none repeat scroll 0 0 #fff; border-top:medium none; clear:both; float:left; overflow:auto; width:100%; }
.tab_content { display:none; }
ul.tab_button2 { height:50px; list-style:outside none none; margin:0; padding:0; width:100%; border-bottom:solid 1px #4c4c4c; }
ul.tab_button2 li { margin-left:2px; }
ul.tab_button2 li:first-child { margin-left:0px; }
ul.tab_button2 li a { background-color:#e7e6e0; color:#5e5e5e; cursor:pointer; float:left; font-size:18px; height:50px; letter-spacing:-0.025em; line-height:50px; overflow:hidden; padding:0; position:relative; text-align:center; width:150px; }
ul.tab_button2 li a.sct { background-color:#4c4c4c; color:#fff; }
ul.tab_button3 { height:61px; list-style:outside none none; margin:0 0 -20px; padding:40px 0 0 0; width:100%; }
ul.tab_button3 li { background-color:#e7e6e1; color:#464646; cursor:pointer; float:left; font-size:16px; height:50px; letter-spacing:-0.025em; line-height:50px; margin-left:2px; overflow:hidden; padding:0; position:relative; text-align:center; width:14.00%; }
{ background-color:#4c4c4c; color:#fff; }
ul.tab_button3 li:hover, ul.tab_button3 li.sct { background-color:#4c4c4c; color:#fff; }

ul.tab_button4 { height:61px; list-style:outside none none; margin:0; padding:0; width:100%; }
ul.tab_button4 li { background-color:#4c4c4c; color:#fff; cursor:pointer; float:left; font-size:16px; height:50px; letter-spacing:-0.025em; line-height:50px; margin-left:2px; overflow:hidden; padding:0; position:relative; text-align:center; width:285px; }
ul.tab_button4 li.quicktab { background-color:#4c4c4c; color:#fff; cursor:pointer; float:left; font-size:18px; height:61px; letter-spacing:-0.025em; line-height:61px; margin-left:2px; overflow:hidden; padding:0; position:relative; text-align:center; width:16.433%; }
ul.tab_button4 li.quicktab.first { width:139px; }
ul.tab_button4 li.quicktab:hover, ul.tab_button li.quicktab.sct { background-color:#229bbe; background-image:none; margin-bottom:0; padding-bottom:0; }
ul.tab_button4 li.onetap { width:100%; }
ul.tab_button4 li.twotap { width:49.66%; }
ul.tab_button4 li.threetap { width:33%; }
ul.tab_button4 li.fourtap { width:24.5%; }
ul.tab_button4 li.fivetap { width:19.700%; }
ul.tab_button4 li.sixtap { width:16.333%; }
ul.tab_button4 li.eighttap { width:12.133%; }
ul.tab_button4 li.seventap {width:13.933%;}
ul.tab_button4 li:firstc-hild { margin-left:0; }
ul.tab_button4 li:hover { background:#229bbe url(/images/tab_arrow.png) no-repeat 50% 50px; }
ul.tab_button4 li.sct { background:#229bbe url(/images/tab_arrow.png) no-repeat 50% 50px; }


ul.tab_button5 { height:61px; list-style:outside none none; margin:0; padding:0; width:100%; }
ul.tab_button5 li { background-color:#4c4c4c; color:#fff; cursor:pointer; float:left; font-size:16px; height:50px; letter-spacing:-0.025em; line-height:50px; margin-left:2px; overflow:hidden; padding:0; position:relative; text-align:center; width:285px; }
ul.tab_button5 li.quicktab { background-color:#4c4c4c; color:#fff; cursor:pointer; float:left; font-size:18px; height:61px; letter-spacing:-0.025em; line-height:61px; margin-left:2px; overflow:hidden; padding:0; position:relative; text-align:center; width:16.433%; }
ul.tab_button5 li.quicktab.first { width:139px; }
ul.tab_button5 li.quicktab:hover, ul.tab_button li.quicktab.sct { background-color:#ef802e; background-image:none; margin-bottom:0; padding-bottom:0; }
ul.tab_button5 li.onetap { width:100%; }
ul.tab_button5 li.twotap { width:49.66%; }
ul.tab_button5 li.threetap { width:33%; }
ul.tab_button5 li.fourtap { width:24.5%; }
ul.tab_button5 li.fivetap { width:19.700%; }
ul.tab_button5 li.sixtap { width:16.333%; }
ul.tab_button5 li.eighttap { width:12.133%; }
ul.tab_button5 li.seventap {width:13.933%;}
ul.tab_button5 li:firstc-hild { margin-left:0; }
ul.tab_button5 li:hover { background:#ef802e url(/images/tab_arrow.png) no-repeat 50% 50px; }
ul.tab_button5 li.sct { background:#ef802e url(/images/tab_arrow.png) no-repeat 50% 50px; }


/* 공통 폰트 */
.n11					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:11px;}
.n12					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:12px;}
.n13					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:13px;}
.n14					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:14px;}
.n15					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:15px;}
.n16					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:16px;}
.n17					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:16px;}
.n20					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:20px;}
.n25					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:20px;}

.nb						{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕';}
.nb11					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:11px!important; font-weight:600;}
.nb14					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:14px!important; font-weight:600;}
.nb15					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:15px!important; font-weight:600;}
.nb16					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:16px!important; font-weight:600;}
.nb17					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:17px!important; font-weight:600;}
.nb18					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:17px!important; font-weight:600;}
.nb20					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:20px;vertical-align:middle; font-weight:600;}
.nb22					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:22px;vertical-align:middle; font-weight:600;}
.nb24					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:22px!important;vertical-align:middle; font-weight:600;}
.nb38					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:38px!important; font-weight:600;}
.nb44					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:36px!important; font-weight:600;}
.nb30					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:30px!important; font-weight:500;}

.nb34_l					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:34px; font-weight:600; text-decoration: underline; text-underline-position: under; }
.nb22_1					{font-family:'궁서체'; font-size:22px; font-weight:1000;}
.nb24_1					{font-family:'궁서체'; font-size:24px; font-weight:1000;}
.n18_1					{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕'; font-size:18px; font-weight:500;}

.li20					{line-height:20px;}
.li22					{line-height:22px;}
.li24					{line-height:24px;}
.li30					{line-height:25px;}
.li28					{line-height:28px;}
.li18					{line-height:18px;}
.li10					{line-height:12px;}
.li36					{line-height:36px;}
.li40					{line-height:40px;}

.lvt_top:after {clear:both; content:""; display:block;}
.lvt_step {clear:both; padding:0 20px 0 80px; background: url("/images/lv_info.jpg") repeat-x left bottom;}/* 20140108 ie7 float 해제 */
.lvt_step h3 {background:none; margin:0; padding:0; font-weight:normal; color:#000; font-size:34px; line-height:42px; padding:0 0 20px 0;}
.lvt_step h3 strong {font-weight:600;}
.step_info {position:relative; margin-top:60px;}
.step_line {background:url("/images/lv_v.jpg") repeat-y 83px top; }
.step_info ol li {position:relative;}
.step_info ol li h1 {font-size:20px; font-weight:600; color:#b42025; margin:0 0 10px 196px;}
.step_info ol li h4 {font-size:24px; font-weight:600; color:#464646; margin:0 0 10px 196px;}
.step_info ol li p.step {position:absolute;  top:-30px; left:0; margin:0 30px 0 0;}
.step_info ol li p.txtinfo {margin-left:196px; padding-bottom:100px; font-size:16px; line-height:22px; color:#464646;}
.step_info ol li p.imginfo {margin-left:196px; padding-bottom:70px; font-size:16px; line-height:22px; color:#464646;}
.step_info ol li ul.txtinfo {margin-left:196px;}
.step_info ol li ul.txtinfo li {background: url("/images/u_list.jpg") no-repeat 3px 11px; padding:0 0 0 10px; font-size:14px; line-height:22px; color:#666;}
.ml145 {margin-left:145px;}

/* 텍스트 컬러 */
.txt_red {color:#b42025 !important;}
.txt_gray { color:#666;}

/* 텍스트 사이즈 */
.txt_14 {font-size:14px !important;}
.txt_24 {font-size:24px !important;}
.txt_30 {font-size:30px !important;}


.btn_set_chk a{display:inline-block; width:98px; line-height:38px; font-size:18px; letter-spacing:0; text-align:center; margin:0 2px; border:1px solid #e4e4e4; box-sizing:border-box; border-radius:3px}
.btn_set_chk a.btn1{width:140px; color:#fff; border-color:#005aef; background:#005aef}
.btn_set_chk a.btn2{color:#999; background:#fff}
.btn_set_chk a.btn3{width:180px; color:#fff; border-color:#f8052d; background:#f8052d}
.btn_set_chk.a_right{text-align:right}
.btn_set_chk.a_right a{margin-right:0}

.input_button_1 { border: 1px #0687be solid; height:32px; line-height:20px; background-color:#0095d4; color:#ffffff; font-size:14px; font-weight:700; text-align:center; padding:0 10px 0 10px; cursor:pointer; }
.input_button_2 { border: 1px #ce4103 solid; height:32px; line-height:20px; background-color:#f54d03; color:#ffffff; font-size:14px; font-weight:700; text-align:center; padding:0 10px 0 10px; cursor:pointer; }
.input_button_3 { border: 1px #ce4103 solid; height:36px; line-height:24px; background-color:#f71026; color:#ffffff; font-size:20px; font-weight:700; text-align:center; padding:0 50px 0 50px; cursor:pointer; }

.sub_btn_login1 {position:relative;top:0;width:187px;height:43px;color:#ffffff;font-size:17px;font-weight:600;line-height:45px;text-align:center;border:1px #ef5122 solid; background:#ec6b44;}
.sub_btn_login2 {position:relative;top:0;width:387px;height:43px;color:#ffffff;font-size:16px;font-weight:600;line-height:45px;text-align:center;border:1px #0071b5 solid; background:#027ec6;}

.input_select1 { font-family: "nanum", "돋움"; font-size: 14px; line-height: 20px; color: #626262; width:180px; height:24px; border: 1px solid #cacaca;}
.input_select2 { font-family: "nanum", "돋움"; font-size: 14px; line-height: 20px; color: #626262; width:100px; height:24px; border: 1px solid #cacaca;}


.book_lv { margin-top:10px; }
.book_lv th, .book_lv td { text-align:center; padding:10px 0; color: #000000; font-size: 16px;}
.book_lv th { background-color:#f5f5f6; color: #000000; font-size: 16px;}
.book_lv span { display:block; color: #000000; font-size: 16px;}


.installation-guide {
	position:relative;
	margin-top:15px;
	padding:20px 0;
	border:1px solid #ececec;
	background:#fcfcfc;
}
.installation-guide > em {
	position:absolute;
	top:0;
	left:0;
}
.installation-guide > strong {
	display:block;
	margin-left:75px;
	color:#39adf7;
	padding-left:20px;
	font-size:16px;
	line-height:24px;
	padding-bottom:6px;
}

.installation-guide .ctext5 {
	margin-left:75px;
	padding-left:20px;
	font-size:13px;
	line-height:20px;
}

/* 가로 정렬 */
.clearAfter{*zoom:1;}
.clearAfter:after {content:"";display:block;clear:both;}
.floatL {float:left !important;}
.floatR {float:right !important;}

/* 라인 */
.noTLine {border-top:0 none !important;}
.noRLine {border-right:0 none !important;}
.noBLine {border-bottom:0 none !important;}
.noLLine {border-left:0 none !important;}

/* 정렬 */
.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {text-align:right !important;}


/* 세로 정렬 */
.valign_bx {width:0 !important;height:100% !important;}
.valignT {vertical-align:top !important;}
.valignM {vertical-align:middle !important;}
.valignB {vertical-align:bottom !important;}

.top_tot_box{margin-bottom:20px; padding:0 20px;}
.top_tot_box .top_grade{padding:23px 0 17px; border-bottom:1px solid #222}
.top_tot_box .top_grade .date{float:left; font-size:16px; font-weight:bold; color:#222; letter-spacing:-0.25px}
.top_tot_box .top_grade .date strong{color:#892fea}
.top_tot_box .top_grade .time{float:right; padding-top:0; font-size:12px; color:#333}
.top_tot_box .ct_grade{}
.top_tot_box .ct_grade .txt_set{color:#222; text-align:center; line-height:30px}
.top_tot_box .ct_grade .txt_set .title{font-size:14px; font-weight:300; }
.top_tot_box .ct_grade .txt_set .main_text{font-size:17px; font-weight:bold;}
.top_tot_box .ct_grade .txt_set .main_text strong{color:#ff2b1b}
.top_tot_box .ct_grade .summary{padding:18px 0 18px}
.top_tot_box .ct_grade .summary > div{width:50%; box-sizing:border-box}
.top_tot_box .ct_grade .summary .sc_left{float:left; text-align:right; padding-right:60px; border-right:1px solid #eaeaea}
.top_tot_box .ct_grade .summary .sc_right{float:right; text-align:left; padding-left:60px}
.top_tot_box .ct_grade .summary .circle_score{display:inline-block; width:150px; text-align:center}
.top_tot_box .ct_grade .summary .circle{display:table; width:122px; height:122px; border-radius:50%}
.top_tot_box .ct_grade .summary .circle .inner_circle{display:table-cell; vertical-align:middle}
.top_tot_box .ct_grade .summary .circle .count{font-size:40px; font-weight:bold}
.top_tot_box .ct_grade .summary .circle .title{margin-top:7px; font-size:11px; text-transform:uppercase; text-align:center}
.top_tot_box .ct_grade .summary .num_score{margin-top:9px; font-size:12px; color:#111}
.top_tot_box .ct_grade .summary .num_score strong{color:#ed1100}
.top_tot_box .ct_grade .summary .sc_left .circle{border:1px solid #9800ef; background:#9800ef; overflow:hidden}
.top_tot_box .ct_grade .summary .sc_left .circle .count{color:#fff}
.top_tot_box .ct_grade .summary .sc_left .circle .title{color:#fff}
.top_tot_box .ct_grade .summary .sc_right .circle{border:1px solid #9800ef; background:#fff}
.top_tot_box .ct_grade .summary .sc_right .circle .count{color:#9800ef}
.top_tot_box .ct_grade .summary .sc_right .circle .title{color:#333}



.sub_onebox .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.sub_onebox .list li { display:inline-block; width: 300px; margin: 0 20px; overflow: hidden;  border-bottom:0px}
.sub_onebox .list .wrap { border: 1px solid #ddd; height: 0; padding-bottom: 100%; border-radius: 50%; position: relative; }
.sub_onebox .list .wrap img { margin: 0 auto 15px; display: block; }
.sub_onebox .list .wrap .txt_bx { padding: 0 20px; width: 85%; text-align:center; line-height:24px; position: absolute; left: 50%; top: 70px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.sub_onebox_1 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.sub_onebox_1 .list li { display:inline-block; width: 150px; margin: 0 15px; overflow: hidden;  border-bottom:0px}
.sub_onebox_1 .list .wrap { border: 1px solid #ddd; height: 0; padding-bottom: 100%; border-radius: 50%; position: relative; }
.sub_onebox_1 .list .wrap img { margin: 0 auto 6px; display: block; }
.sub_onebox_1 .list .wrap .txt_bx { padding: 0 20px; width: 85%; text-align:center; line-height:24px; position: absolute; left: 50%; top: 24px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.sub_onebox_2 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.sub_onebox_2 .list li { display:inline-block; width: 220px; margin: 0 15px; overflow: hidden;  border-bottom:0px}
.sub_onebox_2 .list .wrap { border: 1px solid #ddd; height: 0; padding-bottom: 100%; border-radius: 50%; position: relative; }
.sub_onebox_2 .list .wrap img { margin: 0 auto 10px; display: block; }
.sub_onebox_2 .list .wrap .txt_bx { padding: 0 20px; width: 85%; text-align:center; line-height:24px; position: absolute; left: 50%; top: 40px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }