.txtOrange {color:#ff4800 !important;}

/*** main section ***/
#mainSection {width:100%;}
#mainSection:after {content:""; display:block; clear:both; *zoom:1;}
.sectorWrap {width:1080px; margin:0 auto;}
.sectorWrap:after {content:""; display:block; clear:both; *zoom:1;}
/* rolling */
#mainRoll {position:relative; left:0; top:0; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; z-index:1;}
.swiper-wrapper{position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease;
-o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease;
transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease;}
.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto;}
.swiper-slide{float: left;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal{-ms-touch-action: pan-y;}
.swiper-wp8-vertical{-ms-touch-action: pan-x;}
#mainRoll {width:100%; min-width:1080px; height:541px; margin:-8px 0 0 0; overflow:hidden; z-index:50;}
#mainRoll .swiper-slide {width:100%; height:541px; overflow:hidden;}
#mainRoll .swiper-slide img {position:absolute; left:50%; top:0; margin:0 0 0 -540px;}
#mainRoll .swiper-slide a {display:block; position:relative; width:100%; }
/* thum */
#mainThum {position:absolute; left:0; top:480px; width:100%; text-align:center;}
#mainThum div {margin:0 3px; zoom:1; *display:inline;}
.swiper-pagination-switch {display:inline-block; width:15px; height:15px; background:url('../images/btn_main_off.png') left top no-repeat; overflow:hidden; cursor:pointer;}
.swiper-active-switch {background:url('../images/btn_main_on.png') left top no-repeat; cursor:pointer;}
/* rolling arrow */
.arrowArea {position:relative; width:960px; height:0; margin:0 auto; }
.arrowArea:after {content:""; display:block; clear:both; *zoom:1;}
.arrowLeft{position:absolute; left:-140px; top:-300px; z-index:99; width:50px; height:80px; background:url('../images/btn_main_left.png') left top no-repeat;}
.arrowLeft:hover {background:url('../images/btn_main_left_on.png') left top no-repeat;}
.arrowRight{position:absolute; right:-140px; top:-300px; z-index:99; width:50px; height:80px; background:url('../images/btn_main_right.png') left top no-repeat;}
.arrowRight:hover {background:url('../images/btn_main_right_on.png') left top no-repeat;}


/* 2016³â ¸ÞÀÎÈ­¸é¼öÁ¤ */
.section h1 {font-size:38px; color:#fff; text-align:center; padding:68px 0 40px;}
.section h1 span {font-weight:200;}
.mainlecture {background:url('../../images/main/bg_blueline.gif');}
.mainlecture .iconBanner {position:relative; width:1080px; height:210px; margin:0 auto 65px;}
.mainlecture .iconBanner a.arrow {position:absolute; top:0; display:block; width:31px; height:210px;}
.mainlecture .iconBanner a.leftB {left:-31px; background:url('../../images/main/mainlecture_left_btn.png') 0 center no-repeat;}
.mainlecture .iconBanner a.rightB {right:-31px; background:url('../../images/main/mainlecture_right_btn.png') 0 center no-repeat;}
.mainlecture .iconBanner ul {width:1080px;}
.mainlecture .iconBanner ul:after {content:""; display:block; clear:both;}
.mainlecture .iconBanner ul li {float:left; width:360px; background:url('../../images/main/mainlecture_line.png') right 0 no-repeat;}
.mainlecture .iconBanner ul li.last {background:none;}
.mainlecture .iconBanner ul li a {display:block; width:360px; height:104px; padding-top:106px; color:#fff; text-align:center; font-size:30px;}
.mainlecture .iconBanner ul li a span {display:block; line-height:20px; font-size:15px; padding-top:10px;}
.mainlecture .iconBanner ul li a.icon1 {background:url('../../images/main/mainlecture_icon_01.png') center 30px no-repeat;}
.mainlecture .iconBanner ul li a.icon2 {background:url('../../images/main/mainlecture_icon_02.png') center 10px no-repeat;}
.mainlecture .iconBanner ul li a.icon3 {background:url('../../images/main/mainlecture_icon_03.png') center 10px no-repeat;}
.mainlecture ul.boxBanner {width:1080px; margin:0 auto; padding-bottom:70px;}
.mainlecture ul.boxBanner:after {content:""; display:block; clear:both;}
.mainlecture ul.boxBanner li {float:left; width:530px; height:203px; background:url('../../images/main/mainlecture_banner_bg01.png');}
.mainlecture ul.boxBanner li.last {margin-left:10px; background:url('../../images/main/mainlecture_banner_bg02.png');}
.mainlecture ul.boxBanner li ul {width:530px;}
.mainlecture ul.boxBanner li ul li {height:77px; font-size:24px; font-weight:600; color:#fff; text-align:center; background:none;}
.mainlecture ul.boxBanner li ul li.first {line-height:110px;}
.mainlecture ul.boxBanner li ul li+li {height:55px; font-size:36px;}
.mainlecture ul.boxBanner li ul li+li+li {height:71px;}
.mainlecture ul.boxBanner li ul li span {color:#f24b1e;}
.mainlecture ul.boxBanner li.last ul li span {color:#f7bc1d;}
.mainlecture ul.boxBanner li ul li+li+li a {display:block; font-size:15px; height:29px; line-height:29px; border:1px solid #a8aec3; color:#fff; margin:0 auto;}
.mainlecture ul.boxBanner li ul li+li+li a:hover {background-color:#a8aec3; color:#030558;}
.mainTeacher {background:#3b3b44 url('../../images/main/bg_gray.png') center 0 no-repeat;}
.mainTeacher ul.part1 {width:1080px; margin:0 auto;}
.mainTeacher ul.part1:after {content:""; display:block; clear:both;}
.mainTeacher ul.part1 li {position:relative; float:left; width:216px; height:392px;}
.mainTeacher ul.part1 li .info {position:absolute; top:47px; left:14px; font-size:20px; color:#fff;}
.mainTeacher ul.part1 li .info span {display:block; font-size:12px; color:#9eacff; padding-bottom:3px;}
.mainTeacher ul.part1_new {width:1080px; margin:0 auto;}
.mainTeacher ul.part1_new:after {content:""; display:block; clear:both;}
.mainTeacher ul.part1_new li {position:relative; float:left; width:270px; height:392px;}
.mainTeacher ul.part1_new li a {display:block;}
.mainTeacher ul.part1_new li a img {margin-left:54px;}
.mainTeacher ul.part1_new li .info {position:absolute; top:47px; left:25px; font-size:20px; color:#fff;}
.mainTeacher ul.part1_new li .info span {display:block; font-size:12px; color:#9eacff; padding-bottom:3px;}
.mainTeacher ul.part2 {width:1080px; height:242px; padding:2px 2px 65px; background:url('../../images/main/main_teacher_boxbg.png') no-repeat; margin:0 auto;}
.mainTeacher ul.part2:after {content:""; display:block; clear:both;}
.mainTeacher ul.part2 li {float:left; width:360px; height:242px;}
.mainTeacher ul.part2 li a {display:block; width:152px; height:126px; line-height:26px; padding:72px 129px 44px 79px; text-align:center; font-size:16px; color:#fff;}
.mainTeacher ul.part2 li a span.title {font-size:24px; color:#ffe980;}
.mainTeacher ul.part2 li a span.box {display:block; width:73px; height:29px; line-height:29px; font-size:14px; margin:13px auto 0; border:1px solid #c0c0c5;}
.mainTeacher ul.part2 li a.lec01 {background:url('../../images/main/main_teacher_box_01.png') 199px bottom no-repeat;}
.mainTeacher ul.part2 li a.lec02 {background:url('../../images/main/main_teacher_box_02.png') 209px bottom no-repeat;}
.mainTeacher ul.part2 li a.lec03 {background:url('../../images/main/main_teacher_box_03.png') right bottom no-repeat;}
.mainInfo {width:1080px; margin:0 auto; background-color:#fff; padding-top:40px;}
.mainInfo:after {content:""; display:block; clear:both;}
.mainInfo .customer {float:left; width:545px; height:248px; padding-left:40px;}
.mainInfo .customer h3.coupon {float:left; font-size:19px; width:190px !important; padding-top:30px !important;}
.mainInfo .customer a {display:block; float:left; width:283px; height:34px; line-height:34px; border:2px solid #bdbdbd; padding:0 10px; font-size:16px; color:#6a6a6a; margin-top:20px;}
.mainInfo .movie-area {margin-top:0 !important; margin-right:21px !important;}
.mainInfo .banner {float:left; width:240px; height:279px; padding-left:18px; margin-top:18px;}
.mainIconbtn {width:1080px; margin:0 auto; clear:both; padding-bottom:30px;}
.mainIconbtn:after {content:""; display:block; clear:both;}
.mainIconbtn li {float:left; width:168px; height:197px; background:url('../../images/main/main_icon_btn_01.gif') no-repeat;}
.mainIconbtn li+li {width:204px; background:url('../../images/main/main_icon_btn_02.gif') no-repeat;}
.mainIconbtn li+li+li {width:230px; background:url('../../images/main/main_icon_btn_03.gif') no-repeat;}
.mainIconbtn li+li+li+li {width:258px; background:url('../../images/main/main_icon_btn_04.gif') no-repeat;}
.mainIconbtn li+li+li+li+li {width:220px; background:url('../../images/main/main_icon_btn_05.gif') no-repeat;}
.mainIconbtn li a {display:block; width:100%; height:197px; font-size:20px; text-align:center; color:#6a6a6a; line-height:290px;}
.mainIconbtn li+li+li+li+li a {line-height:20px; height:50px; padding-top:125px;}
.mainIconbtn li+li+li+li+li a span {display:block; font-size:17px;}
.awarded {width:100%; border-top:1px solid #d1d1d1;}
.awarded ul {width:1080px; margin:0 auto;}
.awarded ul:after {content:""; display:block; clear:both;}
.awarded ul li {float:left; width:20%; height:90px; text-align:center;}



/* º¸À¯Æ÷ÀÎÆ® */
#pointArea {width:772px;}
#pointArea:after, #pointArea .boxType ul.point li:after {content:""; display:block; clear:both;}
#pointArea .split {float:left; width:381px;}
#pointArea .split h5 {background: url(../images/sub/sub_bullet01_new.gif) no-repeat; float: left; color: #454545; font-size: 13px; padding: 0 0 0 18px; margin: 30px 0 10px 0;}
#pointArea .split span {color:#245bb8;}
#pointArea .boxStyle {position:relative; clear:both; width:379px; height:190px; border:1px solid #bbbbbb; background-color:#f4f4f4;}
#pointArea .boxStyle ul.point {position:absolute; top:15px; right:15px; width:204px; height:120px; padding:20px 25px; background-color:#fff;}
#pointArea .boxStyle ul.point li {position:relative; width:164px; padding-left:40px; line-height:40px; font-weight:700; border-bottom:1px solid #d1d1d1; background:url('/images/sub/mylecture/myroon_icon.gif') no-repeat;}
#pointArea .boxStyle ul.point li.last {border:none;}
#pointArea .boxStyle ul.point li p {position:absolute; top:0; right:0; width:70px;  text-align:right; background:url('/images/sub/sub_bullet03.gif') 0 17px no-repeat;}
#pointArea .boxStyle ul.point {position:absolute; top:15px; right:15px; width:204px; height:120px; padding:20px 25px; background-color:#fff;}
#pointArea .boxStyle ul.point li {position:relative; width:164px; padding-left:40px; line-height:40px; font-weight:700; border-bottom:1px solid #d1d1d1; background:url('/images/sub/mylecture/myroon_icon.gif') no-repeat;}
#pointArea .boxStyle ul.point li.last {border:none;}
#pointArea .boxStyle ul.point li p {position:absolute; top:0; right:0; width:70px;  text-align:right; background:url('/images/sub/sub_bullet03.gif') 0 17px no-repeat;}
#pointArea .boxStyle ul.dateSelect {width:310px; margin:26px auto 0;}
#pointArea .boxStyle ul.dateSelect li {height:32px; line-height:32px; padding-bottom:12px; text-align:center;}
#pointArea .boxStyle ul.dateSelect li input {width:56px; height:30px; line-height:30px; border:1px solid #cfcfcf; padding:0; text-align:center;}
#pointArea .boxStyle ul.dateSelect li select {width:75px; height:32px; border:1px solid #cfcfcf; padding:0; text-align:center;}
#pointArea .boxStyle ul.dateSelect li span {padding:0 8px 0 3px;}
#pointArea .boxStyle ul.dateSelect li span.last {padding:0 0 0 3px;}
#pointArea .boxStyle ul.calendar {width:189px; height:158px; float:left; margin:16px 0 0 16px;} 
#pointArea .boxStyle ul.calendar li {width:30px; height:30px; float:left; background-color:#e5e5e5; margin:1px 0 0 1px; text-align:center; color:#fff; font-size:18px; font-weight:bold; line-height:30px;}
#pointArea .boxStyle .attendText {position:absolute; top:16px; right:0; width:165px;}
#pointArea .boxStyle .attendBtn {position:absolute; width:58px; bottom:0; right:0; margin:0 14px 14px 0;}
#pointArea .boxStyle .attendBtn a {display:block; float:left; width:56px; padding:3px 0; font-family:"µ¸¿ò", "µ¸¿òÃ¼"; color:#4274ca; text-align:center; text-decoration:none; border:1px solid #4274ca; background-color:#fff; margin-bottom:5px;}
#pointArea .boxStyle .textArea {position:relative; width:310px; font-size:11px; line-height:18px; margin:0 auto; border-top:1px solid #bbbbbb; padding-top:15px;}
#pointArea .boxStyle .textArea input {position:absolute; top:20px; right:0;}
#pointArea .pointBack {background:#f4f4f4 url('../images/sub/icon_point.png') 16px 85px no-repeat;}
#pointArea .attendCheck {background:#f4f4f4 url('../images/sub/icon_point.png') 185px 95px no-repeat;}
#pointArea .myUse {background:#f4f4f4 url('../images/sub/mylecture/icon_my_new.png') 16px 55px no-repeat;}
#pointArea .myUse ul.point {position:absolute; top:15px; right:15px; width:174px; height:120px; padding:20px 25px; background-color:#fff;}
#pointArea .myUse ul.point li {position:relative; width:134px; padding-left:40px; line-height:40px; font-weight:700; border-bottom:1px solid #d1d1d1; background:url('/images/sub/mylecture/myroon_icon.gif') no-repeat;}
#pointArea .myUse ul.point li+li {background:url('/images/sub/mylecture/myroon_icon.gif') 0 -39px no-repeat;}
#pointArea .myUse ul.point li+li+li {background:url('/images/sub/mylecture/myroon_icon.gif') 0 -75px no-repeat;}
#pointArea .myUse ul.point li.last {border:none;}
#pointArea .myUse ul.point li p {position:absolute; top:0; right:0; width:70px;  text-align:right; background:url('/images/sub/sub_bullet03.gif') 0 17px no-repeat;}
#pointArea .couponBack {background:#f4f4f4 url('../images/sub/mylecture/bg_coupon.png') 18px 70px no-repeat;}
#pointArea .couponBack ul.point {width:164px !important;}
#pointArea .couponBack ul.point li {width:124px !important; background:url('/images/sub/mylecture/coupon_icon.gif') 0 10px no-repeat !important;}
#pointArea .couponBack ul.point li p {width:40px !important;}
.GpassArea {border:1px solid #bbbbbb; padding:20px 0; margin-top:10px;}


/* ÄíÆù,Æ÷ÀÎÆ® µî·Ï */
#codeList {width:772px;}
#codeList:after {content:""; display:block; clear:both;}
#codeList li {float:left; width:182px; height:182px; border:1px solid #bbbbbb; margin-right:12px;}
#codeList li.last {margin-right:0;}
#codeList li:hover {border:1px solid #245bb8; background-color:#f4f4f4;}
#codeList li a {display:block; width:182px; height:182px; padding:0; margin:0; border:none;}
#codeList li a img {margin-top:32px;}

/* Ãâ¼®Ä«µå ±³È¯ÇÏ±â */
#attendStatus {width:444px; padding:20px 0;}
#attendStatus h1 {width:360px; height:42px; line-height:40px; padding-left:40px; font-size:20px; font-weight:600; margin:0 auto; background:url('../images/sub/mylecture/icon_attend_status.gif') 6px 6px no-repeat;}
#attendStatus table {width:400px; table-layout:fixed; border-spacing:0; border-collapse:collapse; border-top:2px solid #4274ca; border-left:1px solid #e5e5e5; margin:0 auto;}
#attendStatus table thead th {background:#f4f4f4 none; text-align:center; border-right:1px solid #e2e2e2; padding:0; font-size:13px;}
#attendStatus table th {border-top:1px solid #e5e5e5; height:50px; border-bottom:1px solid #e5e5e5; padding-left:35px; text-align:left; color:#333; background:url('../images/sub/mylecture/icon_mylecture_arrow.gif') 20px 17px no-repeat;}
#attendStatus table td {border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding-left:10px; text-align:left; color:#333; background:url('../images/sub/mylecture/line_blue.gif') left 17px no-repeat;}
#attendStatus table td a {float:right; display:block; width:123px; height:19px; line-height:19px; border:1px solid #4274ca; color:#4274ca; text-align:center; margin-right:25px; text-decoration:none;}
#attendStatus table td.attend_change {border:1px solid #e5e5e5; background:none; text-align:center; line-height:25px; padding:20px 0;}
#attendStatus table td.attend_change span {color:#4274ca; font-weight:bold;}
#attendStatus .closeBtn {margin:20px auto 0;}

/* ±Û·Î¹ú¾îÇÐ¿ø, Contact Us */
#mapArea {table-layout:fixed; border-spacing:0; border-collapse:collapse; width:772px; border-top:2px solid #4274ca; margin-bottom:30px;}
#mapArea th {border-top:1px solid #e5e5e5; height:40px; border-bottom:1px solid #e5e5e5; padding-left:35px; text-align:left; color:#333; background:url('../images/sub/mylecture/icon_mylecture_arrow.gif') 20px 14px no-repeat;}
#mapArea td {border-bottom:1px solid #e5e5e5; padding-left:15px; text-align:left; color:#333; background:url('../images/sub/mylecture/line_blue.gif') left 16px no-repeat;}
#franchise {width:770px; border:1px solid #d7d7d7; margin-bottom:30px;}
#franchise:after {content:""; display:block; clear:both;}
#franchise .mapImg {float:left; width:320px; height:310px; margin:10px 40px 10px 10px; background:#f8f8f8 url('../images/sub/company/globalmap.png') center 10px no-repeat;}
#franchise .mapList {float:left; width:400px;}
#franchise .mapList li {float:left; width:100px; height:30px; font-size:15px;}
#franchise .mapList li a {display:block; width:90px; height:30px; line-height:30px; padding-left:10px; background:url('../images/sub/sub_bullet02.gif') 0 11px no-repeat; text-decoration:none;}
#franchise .mapList li a:hover {color:#000; font-weight:600;}
#franchise .mapList li.last {width:200px;}
#franchise h5 {width:200px;font-size:15px; font-weight:600; background:url('../images/sub/sub_bullet01_new.gif') 0 2px no-repeat;}

/* Ãâ¼®È®ÀÎ¼­ÀÎ¼â */
.printPopup {width:100%; font-family: "³ª´®°íµñ" , NanumGothic, "¸¼Àº°íµñ", Malgun Gothic, "µ¸¿ò", dotum, Arial, Verdana, sans-serif;}
.printPopup:after {content:""; display:block; clear:both;}
.printPopup a {display:block; height:25px; line-height:25px; border:1px solid #ababab; background-color:#fff; font-size:14px; color:#969696; text-decoration:none; font-weight:600;}
.printPopup a.printBtn {float:right; width:63px; padding-left:35px; background:#fff url('../images/sub/mylecture/icon_print.gif') 13px 5px no-repeat; margin-top:5px;}
.printPopup a.closeBtn {float:right; width:62px; text-align:center; margin:5px 0 0 5px;}
.printPopup h1 {float:left; width:260px; height:42px; line-height:40px; padding-left:40px; font-size:20px; font-weight:600; background:url('../images/sub/icon_attendTitle.png') 0 4px no-repeat;}
.printPopup h2 {width:100%; height:30px;}
.printPopup table {width:100%; table-layout:fixed; border-spacing:0; border-collapse:collapse; font-family: "³ª´®°íµñ" , NanumGothic, "¸¼Àº°íµñ", Malgun Gothic, "µ¸¿ò", dotum, Arial, Verdana, sans-serif;}
.printPopup table.attendConfirm {clear:both; font-size:12px; margin-bottom:20px;}
.printPopup table.attendConfirm th.BigTitle {height:32px; text-align:center; font-size:18px; color:#fff; background-color:#4274ca; font-weight:600; background-image:none; padding:0;}
.printPopup table.attendConfirm th.smallTitle {height:32px; text-align:center; font-size:18px; color:#fff; background-color:#999; font-weight:500; background-image:none; padding:0;}
.printPopup table.attendConfirm th {padding-left:28px; background:url('../images/sub/th_arrow.png') 15px 9px no-repeat;}
.printPopup table.attendConfirm th,
.printPopup table.attendConfirm td {height:32px; border-bottom:1px solid #d7d7d7; text-align:left;}
.printPopup .footerArea {position:relative; width:100%;}
.printPopup .footerArea .logo {position:absolute; top:0; left:0; width:180px; height:127px;background:url('../mylecture/img/print_logo.gif') -10px 0 no-repeat; text-indent:-9999em;}
.printPopup .footerArea .globalStemp {position:absolute; top:0; right:0; width:154px; height:127px;background:url('../mylecture/img/print_13.gif') 0 -21px no-repeat; text-indent:-9999em;}
.printPopup .info {width:100%; height:60px; border-top:1px solid #d7d7d7; text-align:center; line-height:60px;}
.printPopup .footerArea a.printBtn {float:left !important;}
.printPopup .footerArea a.closeBtn {float:right;}

.myAttendPrint {width:618px; margin:20px auto; color:#666666;}
.myAttendPrint .calendarArea table {border-top:2px solid #4274ca; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
.myAttendPrint .calendarArea h2 {height:30px; text-align:center; font-size:15px; font-weight:600; color:#000; padding-top:15px;}
.myAttendPrint .calendarArea table th {height:28px; color:#000; background-color:#f5f5f5; border-right:1px dashed #cfcfcf;}
.myAttendPrint .calendarArea table td {position:relative; height:52px; background-color:#fff; border-right:1px dashed #cfcfcf; border-top:1px dashed #cfcfcf; text-align:center; font-weight:bold;}
.myAttendPrint .calendarArea table th+th+th+th+th+th+th, .calendarArea table td+td+td+td+td+td+td {border-right:none;}
.myAttendPrint .calendarArea table td.stemp {background:url('../mylecture/img/print_stemp.gif') center center no-repeat;}
.myAttendPrint .calendarArea table td span {font-size:13px;}
.myAttendPrint .txt {width:100%; height:95px; padding-top:32px; text-align:center; line-height:30px;}

.receiptPrint {width:618px; margin:20px auto; color:#666666; font-family: "³ª´®°íµñ" , NanumGothic, "¸¼Àº°íµñ", Malgun Gothic, "µ¸¿ò", dotum, Arial, Verdana, sans-serif;}
.receiptPrint .txt {width:100%; height:95px; padding-top:35px; padding-bottom:35px; text-align:center; line-height:30px; font-family: "³ª´®°íµñ" , NanumGothic, "¸¼Àº°íµñ", Malgun Gothic, "µ¸¿ò", dotum, Arial, Verdana, sans-serif;}

/* È¸»öÅ×ÀÌºí */
#grayTableArea {clear:both; width:712px; padding:30px; background-color:#f4f4f4;}
#grayTableArea table {table-layout:fixed; border-spacing:0; border-collapse:collapse; width:100%;}
#grayTableArea table th {font-size:13px; color:#555555; text-align:left; vertical-align:top; line-height:32px;}
#grayTableArea table th span {color:#4274ca;}
#grayTableArea table td {height:40px; vertical-align:top; padding-bottom:10px;}
#grayTableArea table td.text {font-size:13px; color:#555555; line-height:32px;}
#grayTableArea table td input {height:30px; line-height:30px; border:1px solid #cfcfcf; padding:0 10px;}
#grayTableArea table td select {height:30px; border:1px solid #cfcfcf; width:100px;}
#grayTableArea table td textarea {height:100px; border:1px solid #cfcfcf; padding:10px;}
#grayTableArea table td span {display:block; font-size:11px; font-family:"µ¸¿ò", "µ¸¿òÃ¼"; color:#808080; padding:10px 0;}
#grayTableArea table td em {padding:0 5px;}
#grayTableArea table td a {display:inline-block; vertical-align:middle; height:32px; margin-left:5px;}


/* Table View Page */
.tableView {table-layout:fixed; border-spacing:0; border-collapse:collapse; width:772px; border-top:2px solid #000; border-bottom:1px solid #cacaca;}
.tableView th {height:46px; background-color:#f9f9f9; border-bottom:1px solid #e5e5e5; color:#555555; font-size:13px; text-align:center;}
.tableView td {border-bottom:1px solid #e5e5e5; padding-left:25px;}
.tableView td.txt {padding:20px 5px; line-height:20px; border-bottom:none;}
.tableView td.txt table, .tableView td.txt table td {border:0; padding:0; margin:0;}
#Table_01 td {padding:0 !important; text-align:center;}


/* ÇÒÀÎ¹æ¹ý */
.discount {clear:both; width:772px; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; padding:5px 0;}
.discount li {position:relative; height:56px; padding-left:220px; line-height:56px;}
.discount li input.no {width:100px; height:30px; line-height:30px; border:1px solid #cfcfcf; padding:0 10px; background-color:#fff; text-align:right;}
.discount li .text {position:absolute; left:50px; bottom:10px; line-height:20px;}
.discount a {position:absolute; top:12px; right:30px; display:block; width:108px; height:30px; line-height:30px; border:1px solid #6e9eef; font-size:13px; text-align:center; color:#4274ca; text-decoration:none;}
.discount a:hover {width:106px; height:28px; border:2px solid #6e9eef; line-height:28px;}
.discount a.cultureLand {padding-left:98px; background:url('../images/sub/mylecture/logo_cultureland.gif') 19px 5px no-repeat;}
.discount a.cultureLand:hover {background:url('../images/sub/mylecture/logo_cultureland.gif') 18px 4px no-repeat;}
.discount a.lgup {padding-left:98px; background:url('../images/sub/mylecture/logo_lgu.gif') 32px 5px no-repeat;}
.discount a.lgup:hover {background:url('../images/sub/mylecture/logo_lgu.gif') 31px 4px no-repeat;}
.discount li input[type="checkbox"] {
    opacity:0;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    left: 30px;
    z-index: 2;
	cursor:pointer;
}
.discount li input[type="checkbox"] + label {
	background : url('../images/sub/mylecture/check_off.gif') no-repeat;
    width: 166px;
	height: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
    position: absolute;
    top: 20px;
    left: 30px;
    z-index: 1;
	padding-left:24px;
	line-height:16px;
	font-size:13px;
	font-weight:bold;
}
.discount li input[type="checkbox"]:checked + label{
	background : url('../images/sub/mylecture/check_on.gif') no-repeat;
    width: 166px;
    height: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
	padding-left:24px;
	line-height:16px;
}


/* °áÁ¦¹æ¹ý */
.payment {clear:both; width:712px; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; padding:10px 30px 5px;}
.payment:after {content:""; display:block; clear:both;}
.payment ul.radioBox {float:left; width:416px; border-top:0; border-bottom:1px solid #e9e9e9; padding:10px 0;}
.payment ul.radioBox li {position:relative; width:208px; height:32px; float:left; padding:0;}
.payment ul.radioBox li input[type="radio"] {
    opacity:0;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 8px;
    left:5px;
    z-index: 2;
	cursor:pointer;
}
.payment ul.radioBox li input[type="radio"] + label {
	background : url('../images/sub/mylecture/radio_off.gif') no-repeat;
    width: 179px;
	height: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
    position: absolute;
    top: 8px;
    left: 5px;
    z-index: 1;
	padding-left:24px;
	line-height:16px;
	font-size:13px;
}
.payment ul.radioBox li input[type="radio"]:checked + label{
	background : url('../images/sub/mylecture/radio_on.gif') no-repeat;
    width: 179px;
    height: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
	padding-left:24px;
	line-height:16px;
}
.payment .bankInfo {float:left; width:386px; font-size:16px; line-height:26px; padding:20px 15px; color:#666666; background:url('../images/sub/mylecture/icon_mylecture_arrow.gif') 0 26px no-repeat;}
.payment .bankInfo span {display:block; float:left; height:22px; font-weight:600; color:#4274ca;}

.payment .paymentInfo {float:right; width:216px;}
.payment .paymentInfo li {position:relative; width:216px; height:45px; line-height:45px;}
.payment .paymentInfo li div {position:absolute; top:0; right:0; text-align:right;}
.payment .paymentInfo li div strong {padding-right:9px;}
.payment .paymentInfo li div input.gLine {width:95px; height:30px; line-height:30px; font-weight:bold; padding:0 5px; border:1px solid #cfcfcf; text-align:right;}
.payment .paymentInfo li div input.lastPay {font-size:15px; color:#ff0038;}
.payment .paymentInfo li.btnArea {padding-top:15px;}
.payment .paymentInfo li.btnArea a {float:left; margin-right:5px;}
.payment .paymentInfo li.btnArea input {float:left;}


/* company */
.campanyArea {width:772px;}
.campanyArea h2 {font-size:24px; color:#454545; padding-bottom:25px;}
.campanyArea h2 span {color:#ff6c00;}
.campanyArea h3 {width:752px; font-size:12px; line-height:20px; margin-top:40px; color:#454545; padding-left:20px; background:url('../images/sub/sub_bullet01_new.gif') 0 2px no-repeat;}
.campanyArea h3 span.colorText {color:#4274ca; padding-left:7px; text-transform: uppercase;}
.campanyArea h3 span.subText {font-weight:normal; color:#666;}
/* È¸»ç¼Ò°³ */
.part01 {background:url('../images/sub/company/company_01_bg.gif') 30px 40px no-repeat;}
.part01:after {content:""; display:block; clear:both;}
.part01 .textArea {float:right; width:390px; font-size:13px; line-height:24px; padding-top:40px;}
.part01 .textArea .box {width:326px; padding:32px; background-color:#f6f6f6; margin:30px 0; font-size:12px;}
.part01 .textArea .box li {background:url('../images/sub/company/blue_arrow.png') 0 7px no-repeat; padding-left:10px;}
.part01 .textArea .box span {display:inline-block; width:52px; text-align:justify; color:#4274ca ;}
/* ¿¬Çõ */
.part02 {min-height:780px; background:url('../images/sub/company/company_02_bg.png') 0 40px no-repeat;}
.part02 ul {width:375px; line-height:24px; padding-left:397px; padding-top:70px;}
.part02 ul li {padding-bottom:20px;}
.part02 ul li:after {content:""; display:block; clear:both;}
.part02 ul li p {float:left; width:85px; height:24px; font-weight:600; font-size:20px; color:#ff6c00; text-align:center;}
.part02 ul li ul {float:left; width:290px; padding:0;}
.part02 ul li ul li {width:290px; font-size:14px; line-height:24px; padding:0;}
/* ½Ã»ó¹×ÀÎÁõ */
.part03 {padding-bottom:40px;}
.part03:after {content:""; display:block; clear:both;}
.part03 li {float:left; width:386px;}
.part03 li.first {width:772px;}
.part03 li h3 {float:left; font-size:12px; line-height:20px; margin-top:40px; color:#454545; padding-left:20px; background:url('../images/sub/sub_bullet01_new.gif') 0 2px no-repeat;}
.part03 li img {float:left; margin:10px 0 0 20px;}
/* ±â¾÷±³À° */
.part07 {}
.part07 .story02:after, .part07 .story03:after {content:""; display:block; clear:both;}
.part07 h3 {width:752px; font-size:12px; line-height:20px; margin-top:40px; color:#454545; padding-left:20px; background:url('../images/sub/sub_bullet01_new.gif') 0 2px no-repeat;}
.part07 h3 span.colorText {color:#4274ca; padding-left:7px; text-transform: uppercase;}
.part07 h3 span.subText {font-weight:normal; color:#666;}
.part07 .story01 {color:#666666; background:url('../images/sub/company/company_07_top_img.png') right 26px no-repeat;}
.part07 .story01 h2 {font-size:24px; color:#454545; padding-bottom:25px;}
.part07 .story01 h2 span {color:#ff6c00;}
.part07 .story01 p {width:100%; font-size:14px; line-height:24px;}
.part07 .story01 p span {display:block; width:100%; padding-top:25px; color:#4274ca;}
.part07 .story02 {width:100%;}
.part07 .story02 p {float:left; font-size:18px; line-height:30px; padding-top:120px; padding-left:22px;}
.part07 .story02 p span {color:#ff6c00;}
.part07 .story02 ul {position:relative; float:right; width:340px; height:293px; margin-right:45px; margin-top:15px; background:url('../images/sub/company/company_07_textbg_01.png');}
.part07 .story02 ul li {position:absolute; width:124px; height:124px; font-size:18px; font-weight:600; line-height:124px; text-align:center; color:#fff;}
.part07 .story02 ul li.title {top:50%; left:50%; margin-left:-62px; margin-top:-30px; font-size:24px; line-height:30px; color:#444;}
.part07 .story02 ul li.a {top:0; left:0;}
.part07 .story02 ul li.b {top:0; right:0; line-height:20px; height:81px; padding-top:43px;}
.part07 .story02 ul li.c {bottom:0; left:0;}
.part07 .story02 ul li.d {bottom:0; right:0;}
.part07 .story03 {width:100%;}
.part07 .story03 ul.circle_01 {float:left; width:224px; height:223px; margin:25px 16px 0 20px; background:url('../images/sub/company/company_07_textbg_02.png');}
.part07 .story03 ul.circle_01 li {font-size:19px; color:#fff; font-weight:600; text-align:center;}
.part07 .story03 ul.circle_01 li.a {height:102px; line-height:102px;}
.part07 .story03 ul.circle_01 li.b {line-height:29px;}
.part07 .story03 p.system {float:left; width:500px; font-size:18px; color:#ff6c00; padding:55px 0 15px;}
.part07 .story03 ol {float:left; width:480px; margin-left:15px; list-style-type:decimal;}
.part07 .story03 ol li {font-size:13px; line-height:20px;}
.part07 .story03 .circle_02 {position:relative; float:right; width:510px; height:510px; margin-top:30px; background:url('../images/sub/company/company_07_textbg_03.png') no-repeat;}
.part07 .story03 .circle_02 .mainTitle {position:absolute; top:143px; left:175px; width:135px; height:135px; font-size:16px; line-height:20px; color:#4274ca; text-align:center; font-weight:600;}
.part07 .story03 .circle_02 .mainTitle span {display:block; padding-top:8px; font-size:13px; line-height:18px; color:#666666; font-weight:normal;}
.part07 .story03 .circle_02 ul {position:absolute; width:170px; font-size:13px; line-height:18px;}
.part07 .story03 .circle_02 ul.tLeft {text-align:left;}
.part07 .story03 .circle_02 ul.tRight {text-align:right;}
.part07 .story03 .circle_02 ul.a {top:0; left:-75px; color:#43adb9;}
.part07 .story03 .circle_02 ul.b {top:6px; left:380px; color:#42b350;}
.part07 .story03 .circle_02 ul.c {top:253px; left:-22px; color:#e26380;}
.part07 .story03 .circle_02 ul.d {top:250px; left:358px; color:#c9803f;}
.part07 .story03 .circle_02 ul li.title {line-height:119px; padding-bottom:10px; font-size:20px; color:#fff; font-weight:600;}
.part07 .story04 ul {width:752px; padding:0 0 0 20px;}
.part07 .story04 ul:after {content:""; display:block; clear:both;}
.part07 .story04 ul li {float:left; width:100%; padding:20px 0; background-color:#f5f5f5; background:url('../images/sub/company/part07_story04_arrow.gif') 270px center no-repeat;}
.part07 .story04 ul li ul.areaL {float:left; width:225px; padding:25px 0; border:1px solid #4274ca; background-color:#f5f5f5;}
.part07 .story04 ul li ul.areaL li {width:100%; font-size:18px; text-align:center; color:#4274ca; line-height:28px; font-weight:600; padding:0;}
.part07 .story04 ul li ul.areaR {float:left; width:370px; padding:0; margin-left:120px;}
.part07 .story04 ul li ul.areaR li {font-size:13px; line-height:22px; background:none; padding:0; padding-left:10px; background:url('../images/sub/company/part07_story04_disc.gif') 0 7px no-repeat;}
.part07 .story04 ul li ul.areaR li.title {padding:0; font-weight:bold; background:none;}
.part07 .story05 {width:100%; position:relative; margin-bottom:30px;}
.part07 .story05 div {padding:72px 0 0 100px; width:672px; font-size:14px; line-height:22px; font-weight:600; background:url('../images/sub/company/company_07_icon_tel.png') 0 22px no-repeat;}
.part07 .story05 div span {display:inline-block; width:170px;}
.part07 .story05 a {display:block; position:absolute; bottom:0; right:0; width:235px; height:35px; line-height:35px; background-color:#4274ca; color:#fff; font-size:15px; color:#fff; text-align:center; text-decoration:none; font-weight:600;}
/* ´ÜÃ¼±³À°¼­ºñ½º */
.part08 {}
.part08 h2 {padding-bottom:5px !important;}
.part08 h4 {font-size:18px; color:#4274ca; font-weight:normal;}
.part08 .customerCenter {width:322px; height:204px; margin-top:20px; padding-left:450px; padding-top:54px; background:url('../images/sub/company/part08_customer.png') no-repeat;}
.part08 .customerCenter li.title {font-size:16px; font-weight:600;}
.part08 .customerCenter li.num {font-size:36px; font-weight:600; color:#4274ca; padding-top:10px;}
.part08 .customerCenter li.email, .part08 .customer li.email a {font-size:16px; font-weight:600; color:#888888; text-decoration:none;}
.part08 .customerCenter li.btn a {display:block; width:186px; height:35px; line-height:35px; font-size:15px; color:#fff; background-color:#4274ca; font-weight:600; text-align:center; text-decoration:none; margin-top:18px;}
.part08 .story01 ul {float:left; width:337px; border:1px solid #dce4f0; background-color:#f1f4f9; padding:20px; margin-top:17px;}
.part08 .story01 ul li {padding-left:10px; line-height:24px; background:url('../images/sub/company/part07_story04_disc.gif') 0 8px no-repeat;}
.part08 .story01 ul li.title {font-size:16px; color:#4274ca; font-weight:600; background:none; padding:0 0 3px;}
.part08 .story01 ul.areaR {margin-left:14px;}
.part08 .story01 p {clear:both; padding-top:10px; text-align:right;}
.part08 .story02 ul {padding-top:25px;}
.part08 .story02 ul li {padding-left:10px; line-height:24px; background:url('../images/sub/company/part07_story04_disc.gif') 0 8px no-repeat;}
.part08 .story02 ul li.title {color:#4274ca; padding:0; background:none; font-weight:600;}
.part08 .story02 ul li ul {padding:20px 0;}
.part08 .story02 ul li ul:after {content:""; display:block; clear:both;}
.part08 .story02 ul li ul li {float:left; width:157px; height:157px; line-height:20px; padding:0 30px 0 0; font-size:15px; color:#4274ca; font-weight:600; text-align:center; background:url('../images/sub/company/part08_story02_one.png') no-repeat;}
.part08 .story02 ul li ul li.last {padding:0;}
.part08 .story02 ul li ul li span {display:block; width:100px; margin:0 auto;}
.part08 .story02 ul li ul li span.line2 {padding-top:62px;}
.part08 .story02 ul li ul li span.line3 {padding-top:52px;}
.part08 .story02 p {font-size:18px; font-weight:600; padding:30px 0;}
.part08 .story02 p span {color:#4274ca;}


/* ÆË¾÷µðÀÚÀÎ */
.popupStyle h2 {padding:0 0 10px; font-size:20px; color:#000; font-weight:600;}
.popupStyle table {table-layout:fixed; border-spacing:0; border-collapse:collapse; width:100%; border-top:2px solid #4274ca;}
.popupStyle table th {background-color:#f5f5f5;}
.popupStyle table th, .popupStyle table td {border-bottom:1px solid #d7d7d7; padding:12px 0;}
.popupStyle .tab li a:hover {background-color:#fff; color:#000;}
/* IDÁßº¹È®ÀÎ */
.search_id {width:400px; margin:20px auto;}
.popupStyle table th {border:3px solid #4274ca;}
.popupStyle table th span {color:#4274ca; font-size:15px;}
.popupStyle table td {text-align:center; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf;}
.popupStyle table td input.id {width:150px; height:28px; border:1px solid #cfcfcf; text-align:center;}
.popupStyle table td span {display:block; padding:10px 0;}
.popupStyle table td span.idOk {color:#e60012;}
/* Áß±¹¾î ÀÔ·Â±â ¹× ÆùÆ® */
.chi_input_install {width:618px; margin:20px 0 20px 20px;}
.chi_input_install h2 {padding-left:66px; background:url('../images/sub/icon_keyboard.gif') no-repeat; line-height:47px; padding-bottom:0;}
.chi_input_install .tab {clear:both; height:40px; border-bottom:2px solid #3e3e3e;}
.chi_input_install .tab:after {clear:both; content:""; display:block;}
.chi_input_install .tab li {position:relative; float:right; width:110px; height:39px; text-align:center;}
.chi_input_install .tab li.first {border-right:none;}
.chi_input_install .tab li.select {}
.chi_input_install .tab li.select a {top:0; _top:-1px; left:-3px; _left:1px; width:109px; height:38px; line-height:38px; font-size:15px; background-color:#fff; color:#333; border-left:2px solid #333; border-right:2px solid #333; border-top:2px solid #333; z-index:999;}
.chi_input_install .tab li.select a:hover {}
.chi_input_install .tab li a {position:absolute; display:block; top:0; _top:-1px; left:-2px; _left:0; width:110px; height:39px; line-height:39px; font-size:15px; background-color:#f6f6f6; color:#555; text-align:center; text-decoration:none; border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc;}


/* °Ë»öÆäÀÌÁö */
.searchArea {width:900px; margin:0 auto;}
.searchArea h2 {font-size:20px; color:#000; font-weight:600; padding:40px 0 10px;}
.searchArea h3 {position:relative; font-size:15px; font-weight:600; color:#454545; padding:0 0 0 18px; margin:30px 0 10px 0; background:url('../images/sub/sub_bullet01_new.gif') 0 2px no-repeat;}
.searchArea h3 a {position:absolute; top:0; right:10px; display:inline-block; padding-right:10px; text-decoration:none;}
.searchArea .searchResult {border: 1px solid #d7d7d7; height:35px; line-height:35px; font-size:16px;}
.searchArea .searchResult span {display:inline-block; height:35px;  font-weight:600; width:100px; color:#fff; text-align:center; margin-right:15px; background:url('../images/sub/left_h2_bg.gif');}
.searchArea .searchResult_txt {width:100%; padding:100px 0; text-align:center; font-size:15px;}
.searchArea .searchResult_txt span {color:#e60012; font-weight:600;}
.searchArea .lectureList {}
.searchArea .lectureList ul {width:100%; border-top:1px dashed #d6d6d6; padding-bottom:50px;}
.searchArea .lectureList ul li:after {content:""; display:block; clear:both;}
.searchArea .lectureList ul li {border-bottom:1px dashed #d6d6d6; line-height:22px; padding:10px 20px;}
.searchArea .lectureList ul li p {display:block; padding-top:5px;}
.searchArea .lectureList ul li p span {display:inline-block; font-size:12px; padding-right:25px;}
.searchArea .lectureList ul li p span.first {padding-left:0;}
.searchArea .lectureList ul li a {text-decoration:none; font-size:13px; color:#000;}
.searchArea .lectureList ul li span.iconS {display:inline-block; width:50px; line-height:16px; height:16px; font-family:"µ¸¿ò", "µ¸¿òÃ¼"; font-size:11px; padding:2px 0 0 0; 
letter-spacing:-1px; background-color:#fff; font-size:11px; margin:0 auto; text-align:center; text-decoration:none; font-size:12px; margin-right:5px;}
.searchArea .lectureList ul li span.sd01 {border:1px solid #2faeff; color:#2faeff;} /* ÀÔ¹® */
.searchArea .lectureList ul li span.sd02 {border:1px solid #0b7bee; color:#0b7bee;} /* ÀÔ/ÃÊ±Þ */
.searchArea .lectureList ul li span.sd03 {border:1px solid #0b5aac; color:#0b5aac;} /* ÃÊ±Þ */
.searchArea .lectureList ul li span.sd04 {border:1px solid #14b508; color:#14b508;} /* ÃÊ/Áß±Þ */
.searchArea .lectureList ul li span.sd05 {border:1px solid #028000; color:#028000;} /* Áß±Þ */
.searchArea .lectureList ul li span.sd06 {border:1px solid #8b00bf; color:#8b00bf;} /* °í±Þ */
.searchArea .lectureList ul li span.sd07 {border:1px solid #ec545c; color:#ec545c;} /* Áß/°í±Þ */
.searchArea .lectureList ul li span.w90 {width:90px !important;}
.searchArea .newLecture {width:100%; padding-bottom:30px;}
.searchArea .newLecture:after {content:""; display:block; clear:both;}
.searchArea .newLecture li {float:left; width:203px; margin:0 6px; border:5px solid #b5b5b5;}
.searchArea .newLecture li a {display:block; width:203px;}
.searchArea .newLecture li a img {width:100%;}
.searchArea .newLecture li p {background-color:#f4f4f4; width:173px; padding:15px; text-align:center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}


/* ÆäÀÌÂ¡ */
.paging {clear: both; overflow: hidden; margin: 0 auto; padding: 37px 0 39px; text-align: center;}
.paging a {display: inline-block; position: relative; min-width: 19px; padding: 2px 2px; border: 1px solid #fff; font-family: tahoma,'±¼¸²',gulim,sans-serif; font-size: 12px; color: #666; font-weight: bold; line-height: 19px; text-decoration: none; vertical-align: top; margin:0 1px 0 0;}
.paging a:hover {border-color: #e8e8e8; text-decoration: underline;}
.paging b {display: inline-block; position: relative; min-width: 19px; margin-right: 1px; padding: 2px 1px; border: 1px solid #fff; font-family: tahoma,'±¼¸²',gulim,sans-serif; font-size: 12px; font-weight: bold; line-height: 19px; text-decoration: none; vertical-align: top; border:1px solid #548ae8; color: #548ae8;}
.paging a.imgBtn {display:inlin-block; width:21px; height:21px; border:1px solid #b0b0b0; *margin-right: 3px;}
.paging a.prev1 {background:#b0b0b0 url('../images/sub/paging_arrow.gif') 1px 1px  no-repeat;}
.paging a.prev2 {background:#b0b0b0 url('../images/sub/paging_arrow.gif') -22px 1px  no-repeat;}
.paging a.next1 {background:#b0b0b0 url('../images/sub/paging_arrow.gif') -67px 1px  no-repeat;}
.paging a.next2 {background:#b0b0b0 url('../images/sub/paging_arrow.gif') -44px 1px  no-repeat;}


/* °­»ç¼Ò°³ */
.info_t_pop {width:530px; margin:0 auto;}
.info_t_pop h2 {height:74px; line-height:74px; font-size:28px; font-weight:600; color:#fff; text-indent:5px;}
.info_t_pop .listArea {position:relative; width:530px; background-color:#fff;}
.info_t_pop .listArea:after {content:""; display:block; clear:both;}
.info_t_pop .listArea .lectureTab:after, .info_t_pop .listArea .teachers:after {content:""; display:block; clear:both;}
.info_t_pop .listArea .lectureTab {position:absolute; top:-41px; right:0; width:558px;}
.info_t_pop .listArea .lectureTab li {position:relative; float:right; width:119px; height:39px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#f6f6f6;}
.info_t_pop .listArea .lectureTab li a {position:absolute; top:0; left:0; width:119px; height:39px; line-height:39px; text-decoration:none; font-size:14px; text-decoration:none; color:#555; text-align:center;}
.info_t_pop .listArea .lectureTab li a.on {position:absolute; top:-1px; left:-1px; width:117px; height:37px; line-height:37px; background-color:#fff; border:2px solid #333333; text-decoration:none; font-size:14px; text-decoration:none; color:#333; font-weight:600; text-align:center;}
.info_t_pop .listArea .teachers {width:500px; margin:0 auto; padding:10px 0 0;}
.info_t_pop .listArea .teachers li {float:left; width:99px; background-color:#f1f1f1; margin:20px 13px 0;}
.info_t_pop .listArea .teachers li img {margin:4px;}
.info_t_pop .listArea .teachers li a.name {display:block; height:30px; line-height:28px; text-align:center; padding:0 10px; text-decoration:none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.info_t_pop .listArea .teachers_info {width:500px; margin:0 auto; padding:15px 0; background-color:#fff;}
.info_t_pop_view_in {width:480px;}
.info_t_pop_view_in:after {content:""; display:block; clear:both;}
.info_t_pop_view_in img {float:left; border:1px solid #ccc;}
.info_t_pop_view_in .txt {float:left; width:303px; padding-left:15px; padding-bottom:30px;}
.info_t_pop_view_in .txt div {padding-top:10px;}
.info_t_pop_view_in h2 {height:20px; line-height:20px; padding-left:12px; font-size:12px; font-weight:600; color:#454545; background:url('../images/sub/mylecture/icon_mylecture_arrow.gif') 0 4px no-repeat;}
.info_t_pop_view_in table a, .info_t_pop_view_in table span.lvicon {display:inline-block; line-height:16px; border:1px solid #999999; height:16px; color:#999999; font-family:"µ¸¿ò", "µ¸¿òÃ¼"; font-size:11px; padding:2px 3px 0; font-size:11px; text-decoration:none; margin:0 auto;}
.info_t_pop_view_in table a.movie {border:0; width:25px; height:30px; background:url('../images/sub/icon_movie.gif') center 5px no-repeat;}
.info_t_pop_view_in .listArea .btnsArea {width:480px; height:30px;}
.info_t_pop_view_in .listArea .btnsArea:after {content:""; display:block; clear:both;}


/* °­ÁÂ½ÃÀÛÀÏ¼³Á¤ */
.lecture_start_setting {width:620px; margin:10px auto 0;}
.lecture_start_setting h2 {position:relative; color:#000; font-size:20px; font-weight:600; padding-left:40px; height:50px; line-height:50px; background:url('../images/sub/mylecture/icon_cal.gif') 0 center no-repeat;}
.lecture_start_setting h2 span {display:inline-block; position:absolute; bottom:10px; right:0; height:20px; line-height:20px; color:#4274ca;background:url('../images/sub/th_arrow.png') 0 4px no-repeat; font-size:12px; padding-left:12px;}
.lecture_start_setting table {width: 100%; table-layout: fixed; border-spacing: 0; border-collapse: collapse; border-top: 2px solid #4274ca; margin: 0 auto;}
.lecture_start_setting table th {height:32px; text-align:center; background-color:#f5f5f5; border-bottom:1px solid #d7d7d7;}
.lecture_start_setting table td {padding:10px 0; text-align:center; border-bottom:1px solid #d7d7d7;}
.lecture_start_setting table td a {width:50px;}
.lecture_start_setting table td.sumTxt {color:#999;}
.lecture_start_setting table td input {border:0;}
.lecture_start_setting .infoTxt {width:588px; border:1px solid #a0b9e4; padding:15px; border-radius:8px; margin:20px 0 20px;}
.lecture_start_setting .infoTxt li {line-height:18px; background:url('../images/sub/mylecture/popup_arrow.gif') 0 4px no-repeat; padding-left:10px;}


/*** quickmenu ***/
#quickmenu {position:fixed; left:0; bottom:120px; width:100%; height:65px; z-index:99998; border}
#quickmenu #quickWrap {position:relative; width:1080px; margin:0 auto; overflow:hidden; z-index:2;}
#quickmenu #quickWrap #openQuick {float:left;}
#quickmenu #quickWrap ul {display:none; float:left;}
#quickmenu #quickWrap ul li {float:left;}
#quickmenu #quickWrap ul li:after {content:""; display:block; clear:both; *zoom:1;}
#quickmenu #quickBack {display:none; position:absolute; left:0; top:0; width:100%; height:65px; background:#44393a; z-index:1;}


/**/
.iconFile {display:inline-block; width:15px; height:12px; vertical-align:-2px; padding-right:8px; background:url('../images/main/icon_file.png') center no-repeat;}
.iconBasket {display:inline-block; width:15px; height:14px; vertical-align:-3px; padding-right:8px; background:url('../images/main/icon_basket.png') center no-repeat;}


/* »õÇØ¸ÂÀÌÀÌº¥Æ® */
.gpassNew1 {width:100%;}
.gpassNew1 a {display:block; position:absolute; text-indent:-9999em;}
.gpassNew1 .part1 {position:relative; width:100%; text-align:center; background:#22236c url('../images/sub/gpass/gpass_new1_bg.jpg') center 0 no-repeat;}
.gpassNew1 .part1 a {width:616px; height:97px; top:1214px; left:50%; margin-left:-308px; background:url('../images/sub/gpass/gpass_new1_btn1.jpg') no-repeat;}
.gpassNew1 .part1 a:hover {background:url('../images/sub/gpass/gpass_new1_btn1.jpg') 0 -97px no-repeat;}
.gpassNew1 .part2 {width:100%; text-align:center; background-color:#cec1b7;}
.gpassNew1 .part3 {position:relative; width:100%; text-align:center; background-color:#2c2d73;}
.gpassNew1 .part3 a {width:563px; height:97px; top:974px; left:50%; margin-left:-281px; background:url('../images/sub/gpass/gpass_new1_btn3.jpg') no-repeat;}
.gpassNew1 .part3 a:hover {background:url('../images/sub/gpass/gpass_new1_btn3.jpg') 0 -97px no-repeat;}
.gpassNew1 .part4 {width:100%; text-align:center; background-color:#bdac9e;}
.gpassNew1 .part5 {width:100%; text-align:center; background-color:#2c2d73;}
.gpassNew1 .part6 {width:100%; text-align:center; background-color:#c9bbb0;}
.gpassNew1 .part7 {width:100%; text-align:center; background-color:#2c2d73;}
.gpassNew1 .part7 .contentArea {position:relative; position:relative; width:1000px; margin:0 auto;}
.gpassNew1 .part7 .contentArea a.signUp {width:122px; height:42px; left:424px; background:url('../images/sub/gpass/gpass_new1_btn7.jpg') no-repeat;}
.gpassNew1 .part7 .contentArea a.signUp:hover {background:url('../images/sub/gpass/gpass_new1_btn7.jpg') 0 -42px no-repeat;}
.gpassNew1 .part7 .contentArea a.lectureView {width:122px; height:42px; left:550px; background:url('../images/sub/gpass/gpass_new1_btn7.jpg') -122px 0 no-repeat;}
.gpassNew1 .part7 .contentArea a.lectureView:hover {background:url('../images/sub/gpass/gpass_new1_btn7.jpg') -122px -42px no-repeat;}
.gpassNew1 .part7 .contentArea a.eventView {width:248px; height:42px; left:689px; background:url('../images/sub/gpass/gpass_new1_btn7.jpg') -244px 0 no-repeat;}
.gpassNew1 .part7 .contentArea a.eventView:hover {background:url('../images/sub/gpass/gpass_new1_btn7.jpg') -244px -42px no-repeat;}
.gpassNew1 .part8 {width:100%; background-color:#c9bbb0;}
.gpassNew1 .part8 .contentArea {position:relative; width:1000px; margin:0 auto;}
.gpassNew1 .part8 .contentArea a.gpassList {width:616px; height:97px; top:619px; left:220px; background:url('../images/sub/gpass/gpass_new1_btn81.jpg') no-repeat;}
.gpassNew1 .part8 .contentArea a.gpassList:hover {background:url('../images/sub/gpass/gpass_new1_btn81.jpg') 0 -98px no-repeat;}
.gpassNew1 .part8 .contentArea a.lecture {width:184px; height:96px; top:1175px;}
.gpassNew1 .part8 .contentArea a.toeic {left:119px; background:url('../images/sub/gpass/gpass_new1_btn82.jpg') no-repeat;}
.gpassNew1 .part8 .contentArea a.toeic:hover {background:url('../images/sub/gpass/gpass_new1_btn82.jpg') 0 -96px no-repeat;}
.gpassNew1 .part8 .contentArea a.eng {left:312px; background:url('../images/sub/gpass/gpass_new1_btn82.jpg') -183px 0 no-repeat;}
.gpassNew1 .part8 .contentArea a.eng:hover {background:url('../images/sub/gpass/gpass_new1_btn82.jpg') -183px -96px no-repeat;}
.gpassNew1 .part8 .contentArea a.jp {left:505px; background:url('../images/sub/gpass/gpass_new1_btn82.jpg') -366px 0 no-repeat}
.gpassNew1 .part8 .contentArea a.jp:hover {background:url('../images/sub/gpass/gpass_new1_btn82.jpg') -366px -96px no-repeat;}
.gpassNew1 .part8 .contentArea a.chi {left:699px; background:url('../images/sub/gpass/gpass_new1_btn82.jpg') -549px 0 no-repeat}
.gpassNew1 .part8 .contentArea a.chi:hover {background:url('../images/sub/gpass/gpass_new1_btn82.jpg') -549px -96px no-repeat;}
.gpassNew1 .part8 .contentArea .ex {width:62px; height:23px; left:568px; text-indent:-9999em;}
.gpassNew1 .part8 .contentArea .ex_01 {display:none; position:absolute; top:35%; left:50%; margin-left:-375px; width:750px; height:382px; z-index:10;}
.gpassNew1 .part8 .contentArea .ex_02 {display:none; position:absolute; top:72%; left:50%; margin-left:-375px; width:750px; height:382px; z-index:10;}
.gpassNew1 .part8 .contentArea a.cbtn {width:120px; height:82px; top:0; right:0; text-indent:-9999em; z-index:9999; background:url('../images/gpass/ex_01.png') right top no-repeat;}
.gpassNew1 .part9 {width:100%; text-align:center; background-color:#2c2d73;}
.gpassNew1 .part9 .contentArea {position:relative; width:1000px; margin:0 auto;}
.gpassNew1 .part9 a {position:absolute; display:block; top:331px; left:389px; width:135px; height:25px; text-indent:0;}
.gpassNew2 {width:100%;}
.gpassNew2 a {display:block; position:absolute; text-indent:-9999em;}
.gpassNew2 .part1 {width:100%; height:1079px; background:url('../images/sub/gpass/gpass_new2_part1.jpg') center 0 no-repeat; text-indent:-9999em;}
.gpassNew2 .part2 {position:relative; width:100%; height:1029px; background-color:#191b57; text-align:center;}
.gpassNew2 .part2 a {width:564px; height:97px; top:818px; left:50%; margin-left:-282px; background:url('../images/sub/gpass/gpass_new2_part2_btn.jpg') no-repeat;}
.gpassNew2 .part2 a:hover {background:url('../images/sub/gpass/gpass_new2_part2_btn.jpg') 0 -97px no-repeat;}
.gpassNew2 .part3 {width:100%; background-color:#c9bbb0; text-align:center;}
.gpassNew2 .part4 {width:100%; height:1566px; background:#191b57 url('../images/sub/gpass/gpass_new2_part4.jpg') center 0 no-repeat;}
.gpassNew2 .part4 .contentArea {position:relative; width:1000px; margin:0 auto;}
.gpassNew2 .part4 .contentArea ul.user {width:300px; padding:926px 0 0 198px;}
.gpassNew2 .part4 .contentArea ul.user li {line-height:35px; font-size:15px;}
.gpassNew2 .part4 .contentArea ul.user li input {width:64px; height:24px; border:1px solid #b7b7b7; margin-top:4px; line-height:24px; text-align:center;}
.gpassNew2 .part4 .contentArea .checkArea {position:absolute; width:200px; top:1118px; left:738px;}
.gpassNew2 .part4 .contentArea .checkArea input+input {position:absolute; top:0; left:87px;}
.gpassNew2 .part4 .contentArea ul.snsBtns {position:absolute; width:100%; height:80px; top:1206px; left:0; overflow:hidden;}
.gpassNew2 .part4 .contentArea ul.snsBtns li {float:left; width:320px; height:80px; padding-right:20px;}
.gpassNew2 .part4 .contentArea ul.snsBtns li:last-child {padding-right:0;}
.gpassNew2 .part4 .contentArea ul.snsBtns li a {text-indent:0;}
.gpassNew2 .part4 .contentArea a.gpass {position:absolute; width:564px; height:97px; top:1364px; left:50%; margin-left:-282px; background:url('../images/sub/gpass/gpass_new2_part4_btn.jpg') no-repeat;}
.gpassNew2 .part4 .contentArea a.gpass:hover {background:url('../images/sub/gpass/gpass_new2_part4_btn.jpg') 0 -97px no-repeat;}
.gpassNew2 .part4 .popup {position:absolute; top:777px; left:50%; margin-left:-300px; width:600px; height:429px; background:url('../images/sub/gpass/gpass_new2_part5_popup.jpg'); z-index:999; border:5px solid #fff; box-shadow:5px 5px 30px #000;}
.gpassNew2 .part4 .popup a.btn1 {width:265px; height:54px; top:315px; left:89px; background:url('../images/sub/gpass/gpass_new2_part5_popup_btn1.jpg');}
.gpassNew2 .part4 .popup a.btn1:hover {background:url('../images/sub/gpass/gpass_new2_part5_popup_btn1.jpg') 0 -54px;}
.gpassNew2 .part4 .popup a.btn2 {width:136px; height:54px; top:315px; left:375px; background:url('../images/sub/gpass/gpass_new2_part5_popup_btn2.jpg');}
.gpassNew2 .part4 .popup a.btn2:hover {background:url('../images/sub/gpass/gpass_new2_part5_popup_btn2.jpg') 0 -54px;}
.gpassNew2 .part5 {position:relative; width:100%; padding-top:297px; background:#ececec url('../images/sub/gpass/gpass_new2_part5.jpg') center 0 no-repeat;}
.gpassNew2 .part5 .inputArea {width:880px; margin:0 auto; overflow:hidden; padding-bottom:80px;}
.gpassNew2 .part5 .inputArea textarea {float:left; width:739px; height:42px; border:1px solid #b2b2b2; padding:10px; font-family:"³ª´®°íµñ" , NanumGothic, "¸¼Àº°íµñ", Malgun Gothic, "µ¸¿ò", dotum, Arial, Verdana, sans-serif;;}
.gpassNew2 .part5 .inputArea a.inputSave {position:relative; float:right; width:115px; height:64px; background:url('../images/sub/gpass/btn_save.jpg') no-repeat;}
.gpassNew2 .part5 .inputArea ul {clear:both; width:100%; border-bottom:1px solid #fff;}
.gpassNew2 .part5 .inputArea ul li {position:relative; width:100%; line-height:20px; font-size:14px; padding:12px 60px 12px 13px; border-bottom:1px solid #b2b2b2; border-top:1px solid #fff; color:#000; box-sizing:border-box;}
.gpassNew2 .part5 .inputArea ul li a {position:relative; text-indent:0;}
.gpassNew2 .part5 .inputArea ul li .info {font-size:12px; padding-top:5px;}
.gpassNew2 .part5 .inputArea ul li .info span {padding:0 15px;}
.gpassNew2 .part5 .inputArea ul li:first-child {border-top:none;}
.gpassNew2 .part5 .inputArea ul li a.delBtn {position:absolute; top:15px; right:10px; width:40px; height:22px; background:url('../images/sub/gpass/btn_del.jpg') no-repeat; text-indent:-9999em;}
.gpassNew2 .part5 .inputArea .paging {width:100%; text-align:center;}
.gpassNew2 .part5 .inputArea .paging a {position:relative; display:inline-block; width:21px; height:21px; line-height:21px; font-size:14px; border:0; padding:0; color:#000; text-indent:0;}
.gpassNew2 .part5 .inputArea .paging b {display:inline-block; width:21px; height:21px; line-height:21px; font-size:14px; border:0; padding:0; color:#b81d01; text-indent:0;}
.gpassNew2 .part5 .inputArea .paging a.prev1 {width:21px; height:21px; background:url('../images/sub/gpass/gpass_new2_paging.jpg') no-repeat; text-indent:-9999em;}
.gpassNew2 .part5 .inputArea .paging a.prev2 {width:21px; height:21px; background:url('../images/sub/gpass/gpass_new2_paging.jpg') -21px 0 no-repeat; text-indent:-9999em;}
.gpassNew2 .part5 .inputArea .paging a.next1 {width:21px; height:21px; background:url('../images/sub/gpass/gpass_new2_paging.jpg') -63px 0 no-repeat; text-indent:-9999em;}
.gpassNew2 .part5 .inputArea .paging a.next2 {width:21px; height:21px; background:url('../images/sub/gpass/gpass_new2_paging.jpg') -42px 0 no-repeat; text-indent:-9999em;}

/* 2017¿©¸§¹æÇÐ*/
.pkg_gpass_new #snschkok {position:absolute; top:7050px; left:50%; margin-left:-300px; width:600px; height:429px; background:url('../images/sub/gpass/gpass_new2_part5_popup.jpg'); z-index:999; border:5px solid #fff; box-shadow:5px 5px 30px #000;}
.pkg_gpass_new #snschkok a.btn1 {width:265px; height:54px; top:315px; left:89px; background:url('../images/sub/gpass/gpass_new2_part5_popup_btn1.jpg');}
.pkg_gpass_new #snschkok a.btn1:hover {background:url('../images/sub/gpass/gpass_new2_part5_popup_btn1.jpg') 0 -54px;}
.pkg_gpass_new #snschkok a.btn2 {width:136px; height:54px; top:315px; left:375px; background:url('../images/sub/gpass/gpass_new2_part5_popup_btn2.jpg');}
.pkg_gpass_new #snschkok a.btn2:hover {background:url('../images/sub/gpass/gpass_new2_part5_popup_btn2.jpg') 0 -54px;}

.awards {width:1100px; padding:28px 0px 20px 0px; margin:20px auto 0px; border-top:1px #d1d1d1 solid; overflow:hidden; text-align:center; }
.awards ul {margin:0 auto 0; text-align:center; }
.awards ul:after {content:""; display:block; clear:both;}
.awards ul li {position:relative; margin:0 45px 0 0; display:inline-block; }
.awards ul li:last-child { margin-right:0px; }
.awards ul li .ico {position:absolute; left:0; top:0;}
.awards ul li p {font-size:13px; color:#666; line-height:1.2; padding:3px 0 0 0; letter-spacing:-0.5px;}
.awards ul li.aw01 {padding-left:40px;}
.awards ul li.aw02 {padding-left:42px;}
.awards ul li.aw03 {padding-left:44px;}
.awards ul li.aw04 {padding-left:45px;}
.awards ul li.aw05 {padding:0 0 0 48px;}

/** quickmenu **/
.quickMenu {position:absolute; left:50%; margin-left:550px; top:10px; width:118px; border:1px #464646 solid; background:#6e6e6e; z-index:9999; display:none; }
.quickMenu .couponLink {margin:0 6px;}
.quickMenu .couponLink .qtit {font-size:15px; color:#fff; line-height:1.1; text-align:center; padding:12px 0;}
.quickMenu .couponLink:after {content:""; display:block; clear:both;}
.quickMenu .couponLink .example {width:100%; height:25px; line-height:27px; text-align:center; font-size:12px; color:#333; background:#fff;}
.quickMenu .couponLink span {display:block; width:100%; height:30px; font-size:15px; color:#000; line-height:30px; background:#fff000; border-radius:2px; text-align:center; margin:9px 0 17px 0;}
.quickMenu .couponLink a {display:block; width:100%; height:100%;}

.quickMenu .qmenu {width:100%; overflow:hidden;}
.quickMenu .qmenu ul {border-top:1px #464646 solid;}
.quickMenu .qmenu ul:after {content:""; display:block; clear:both;}
.quickMenu .qmenu ul li {display:block; border-bottom:1px #464646 solid;}
.quickMenu .qmenu ul li a {display:block; font-size:15px; color:#fff; line-height:1.1; text-align:center; padding:12px 0;}

.quickMenu .topBtn {width:100%; overflow:hidden;}
.quickMenu .topBtn a {display:block; height:33px; background:#c1c1c1; text-align:center;}
.quickMenu .topBtn a span {font-size:15px; color:#000; line-height:36px; font-weight:600; padding:0 15px 0 0; background:url('../images/remain/bg_topbtn_span.png') right 1px no-repeat;}
