@charset "utf-8";

.wrapper {}
.content_w {margin:0 auto; width:1100px;}
.header_area_main {background:url('../images/main/top_bg.jpg') no-repeat center top;}

.header_pc {}
.header_pc.header_main {width:100%; height:74px; /*height:316px; */background-color:rgba(0,0,0,0.65); overflow:hidden; position:absolute; top:0; left:0; z-index:1000;}
.header_pc .logo {width:218px; height:74px; font-size:0; text-indent:-1000px; background:url('../images/common/logo_pc.png?d=2') no-repeat left center; position:absolute; top:0; left:0;}

.header_pc .gnb {float:right; display:table;}
.header_pc .gnb .totalmenu {display:table-cell; vertical-align:middle; padding:0 20px;}
.header_pc .gnb .totalmenu .menulist {float:left; padding:0 35px; background:url('../images/common/gnb_dot.png') no-repeat left center; position:relative;}
.header_pc .gnb .totalmenu .menulist.first {background:none;}
.header_pc .gnb .totalmenu .menulist .title {display:inline-block; height:74px; line-height:74px; color:#fff; font-size:17px; font-weight:600; text-align:left;}
.header_pc .gnb .totalmenu .submenu {display:none;}
.header_pc .gnb .totalmenu.active .submenu {display:block; width:150px; position:absolute; top:74px; left:25px;}
.header_pc .gnb .totalmenu.active .submenu>li {line-height:35px;}
.header_pc .gnb .totalmenu.active .submenu>li>a {color:#fff; font-size:15px;}
.header_pc .gnb .totalmenu.active .submenu>li>a:hover {text-decoration:underline;}

.header_pc .gnb .totalmenu.active .submenu>li ul.depthmenu3 {margin-bottom:5px; line-height:1;}
.header_pc .gnb .totalmenu.active .submenu>li ul.depthmenu3 li {padding:3px 10px; position:relative;}
.header_pc .gnb .totalmenu.active .submenu>li ul.depthmenu3 li::after {display:block; content:'-'; color:#fff; font-size:10px; position:absolute; left:0; top:4px;}
.header_pc .gnb .totalmenu.active .submenu>li ul.depthmenu3 li a {color:#fff; font-size:13px;}

.header_pc .gnb .util_area {display:table-cell; vertical-align:middle; height:74px;}
.header_pc .gnb .util_area .btn_login {display:inline-block; padding:0 10px; height:22px; line-height:22px; color:#472f18; background-color:#f9be0c; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.header_pc .gnb .util_area .btn_login:hover {opacity:0.85;}

a.btn_login {display:inline-block; vertical-align:middle; color:#fff; font-weight:600; font-size:12px;}
a.btn_totalmenu {display:inline-block; margin-left:15px; vertical-align:middle; width:18px; height:18px; font-size:0; text-indent:-1000px; background:url('../images/common/btn_totalmenu.png') no-repeat center center;}

/* sub :  상단이미지 및 로고, 대메뉴 및 로그인, 전체메뉴 버튼 */
.header_pc.header_sub {width:100%; height:74px; /*height:316px; */background-color:#fff; border-bottom:solid 1px #ccc; overflow:hidden; position:absolute; top:0; left:0; z-index:1000;}
.header_pc.header_sub .logo {width:218px; height:74px; font-size:0; text-indent:-1000px; background:url('../images/common/logo_pc_sub.png?d=1') no-repeat left center; position:absolute; top:0; left:0;}

.header_pc.header_sub .gnb .totalmenu .menulist {background:url('../images/common/gnb_dot_sub.png') no-repeat left center;}
.header_pc.header_sub .gnb .totalmenu .menulist.first {background:none;}
.header_pc.header_sub .gnb .totalmenu .menulist .title {color:#333;}
.header_pc.header_sub .gnb .totalmenu.active .submenu li a {color:#333; letter-spacing:-0.5px;}
.header_pc.header_sub .gnb .totalmenu.active .submenu>li ul.depthmenu3 li::after {color:#333;}
.header_pc.header_sub .gnb .totalmenu.active .submenu>li ul.depthmenu3 li a {color:#333;}


.header_pc.header_sub a.btn_login {color:#333;}
.header_pc.header_sub a.btn_totalmenu {background:url('../images/common/btn_totalmenu_sub.png') no-repeat center center;}


/**************************************************************************************************************
 mobile 공통영역 : 헤더, 사이드메뉴
 ***************************************************************************************************************/
/*header_mobile {position:relative;}
.header_mobile .top {height:40px; background-color:#7295fb; position:relative;}
.header_mobile .top .btn_goback {display:inline-block; width:40px; height:40px; line-height:40px; position:absolute; top:0; left:10px;}
.header_mobile .top h1.logo {margin:0 auto; width:200px; height:40px; font-size:0; text-indent:-1000px; background:url('../images/common/logo_pc.png') no-repeat left center; background-size:80%;}*/
/*.header_mobile .btn_sidemenu_view {display:inline-block; margin-left:15px; vertical-align:middle; width:18px; height:18px; font-size:0; text-indent:-1000px; background:url('../images/common/btn_totalmenu.png') no-repeat center center; position:absolute; top:10px; right:10px;}*/
.header_mobile .gnb_mobile {display:none !important; /*height:40px; background-color:#fff;*/}
.header_mobile .gnb_mobile>ul {}
.header_mobile .gnb_mobile>ul>li {float:left; width:25%; height:40px;}
.header_mobile .gnb_mobile>ul>li>a {display:block; height:40px; line-height:40px; font-weight:600; text-align:center; vertical-align:middle;}

.header_mobile {position:relative;}
.header_mobile .top {height:60px; background-color:#245183; position:relative; -webkit-border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; -o-border-radius:0 0 15px 15px; border-radius:0 0 15px 15px;}
.header_mobile .top .btn_goback {display:inline-block; width:40px; height:60px; line-height:60px; position:absolute; top:0; left:20px;}
.header_mobile .top h1.logo {margin:0 auto; width:200px; height:60px; font-size:0; text-indent:-1000px; background:url('../images/common/logo_pc.png') no-repeat left center; background-size:80%;}
.header_mobile .btn_sidemenu_view {display:inline-block; margin-left:15px; vertical-align:middle; width:18px; height:18px; font-size:0; text-indent:-1000px; background:url('../images/common/btn_totalmenu.png') no-repeat center center; position:absolute; top:50%; right:20px; margin-top:-9px;}

.sidemenu_area {display:none; overflow:hidden;}
.sidemenu {margin-left:60px; height:100%; background-color:#fff; overflow-y:auto;}
.side_top {padding:20px 15px; color:#fff; background-color:#245183; position:relative;}
.side_top .cata {}
.side_top .welcome {}
.side_top>a.btn_logout {color:#fff; position:absolute; top:20px; right:15px;}
.side_top .btn_group {margin-top:10px; border:solid 1px #fff; overflow:hidden;}
.side_top .btn_group li {float:left; width:50%; text-align:center; box-sizing:border-box;}
.side_top .btn_group li:first-child {border-right:solid 1px #fff; }
.side_top .btn_group a {display:inline-block; color:#fff; box-sizing:border-box;}
.side_top .btn_group a.btn_info_modify {padding-left:20px; height:35px; line-height:35px; background:url('../images/common/icon_infomodify.png') no-repeat left center;}
.side_top .btn_group a.btn_basket {padding-left:25px; height:35px; line-height:35px; background:url('../images/common/icon_basket.png') no-repeat left center;}
.side_top .btn_group a.btn_logout {padding-left:25px; height:35px; line-height:37px; background:url('../images/common/icon_logout.png') no-repeat left center;}

/* app 푸시 알림 받기 :2021-05-31 */
.app_setting_sidemenu {padding:0 20px 10px; margin-top:10px; border-bottom:solid 1px #ccc;}
.app_setting_sidemenu a {color:#333; font-weight:600;}

.user_lect_info {padding:20px 15px;}
.user_lect_info select {margin-bottom:10px; width:100%; height:30px;}

.user_lect_info .complete_state {padding-top:10px;}
.user_lect_info .complete_state .div  {margin-bottom:7px;}
.user_lect_info .complete_state .div span {display:inline-block; vertical-align:middle;}
.user_lect_info .complete_state .div .ti  {width:40px; height:20px; line-height:20px; color:#fff; text-align:center; vertical-align:middle; background-color:#a8a8a8; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px;}
.user_lect_info .complete_state .total {text-align:right; font-weight:600;}
.user_lect_info .complete_state .total span.current_complete {color:#dc1414; font-size:28px;}

.user_lect_info a.btn_complete_view {display:inline-block; width:100%; height:35px; line-height:35px; text-align:center; color:#7295fb; font-weight:600; border:solid 1px #7295fb;}

.gnb_sidemenu_mobile {border-top:solid 1px #ccc;}
.gnb_sidemenu_mobile .btn_title {display:block; padding:0 20px; height:40px; line-height:40px; color:#333; font-size:17px; font-weight:600; text-align:left; border-bottom:solid 1px #ccc; position:relative;}
.gnb_sidemenu_mobile .btn_title .cert {display:inline-block; width:10px; height:10px; background:url('../images/icon/icon_cert_down.svg') no-repeat center center; position:absolute; top:15px; right:15px; }
.gnb_sidemenu_mobile .btn_title .cert.active {background:url('../images/icon/icon_cert_up.svg') no-repeat center center;}
.gnb_sidemenu_mobile .submenu_mobile {padding:20px; background-color:#fbfbfb; border-bottom:solid 1px #ccc;}
.gnb_sidemenu_mobile .submenu_mobile>li {line-height:30px;}
.gnb_sidemenu_mobile .submenu_mobile>li>a {color:#333; font-size:15px;}
.gnb_sidemenu_mobile .submenu_mobile>li>a:hover {text-decoration:underline;}

.gnb_sidemenu_mobile .submenu_mobile>li ul.depthmenu3 {margin-bottom:5px; line-height:1;}
.gnb_sidemenu_mobile .submenu_mobile>li ul.depthmenu3 li {padding:5px 10px; position:relative;}
.gnb_sidemenu_mobile .submenu_mobile>li ul.depthmenu3 li::after {display:block; content:'-'; font-size:10px; position:absolute; left:0; top:5px;}
.gnb_sidemenu_mobile .submenu_mobile>li ul.depthmenu3 li a {font-size:13px;}


.customcenter_mobile {padding:20px;}
.customcenter_mobile .custom_ti {display:block; margin-bottom:5px; color:#999;}
.customcenter_mobile .custom_call {display:block; font-size:16px; font-weight:600;}
.customcenter_mobile .call1 {margin-bottom:10px;}
.customcenter_mobile .call2 {}

a.btn_sidemenu_close {display:inline-block; width:40px; height:40px; font-size:0; text-indent:-1000px; position:absolute; top:10px; left:10px; background:url('../images/icon/icon_sidemenuclose.svg') no-repeat center center;}

/* 테스크탑 */
@media all and (min-width:1000px){
	.header_area  {display:block;}
	.header_mobile {display:none;}
}
/* 테블릿과 모바일*/
@media all and (max-width:999px){
	.header_area  {display:none;}
	.header_mobile {display:block;}
	.header_mobile .gnb_mobile {display:none !important;}
	.content_w {width:100%;}

	.sidemenu_area {display:block; width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; z-index:1000;}
}
/* 모바일*/
@media all and (max-width:320px){
	.wrapper, .content_w {min-width:320px;}
}


/**************************************************************************************************************
 PC 개인영역
***************************************************************************************************************/
.selfinfo_pc {}
.selfinfo_pc.selfinfo_main {padding-top:74px; height:220px; color:#fff;}

.slogon {padding-top:70px; text-align:center; vertical-align:middle;}
.slogon .title {display:inline-block; margin-bottom:10px; font-size:50px;}
.slogon .txt {font-size:25px;}

.selfinfo_detail {}
.selfinfo_detail .top {padding:20px 0 20px; text-align:center;}
.selfinfo_detail .top .func {margin-bottom:10px; font-size:15px;}
.selfinfo_detail .top .func a {color:#fff;}
.selfinfo_detail .top .func .member_cata {vertical-align:middle;}
.selfinfo_detail .top .func .btn_info_modify {display:inline-block; margin:0 15px; padding-left:20px; height:16px; line-height:16px; background:url('../images/common/icon_infomodify.png') no-repeat left center;}
.selfinfo_detail .top .func .btn_basket {display:inline-block; padding-left:25px; height:16px; line-height:16px; background:url('../images/common/icon_basket.png') no-repeat left center;}
.selfinfo_detail .top .welcome {font-size:28px;}
.selfinfo_detail .top .welcome strong {font-weight:600;}

.selfinfo_detail .info_cont {overflow:hidden;}
.selfinfo_detail .info_cont .complete_state {float:left; width:30%;}
.selfinfo_detail .info_cont .complete_state .div  {margin-left:60px; margin-bottom:7px; font-size:16px;}
.selfinfo_detail .info_cont .complete_state .div .ti  {display:inline-block; margin-right:10px; width:50px; height:28px; line-height:28px; color:#499bd1; text-align:center; vertical-align:middle; background-color:#fff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px;}
.selfinfo_detail .info_cont .complete_state .div span {vertical-align:middle;}
.selfinfo_detail .info_cont .complete_state .div .liability_time  {}
span.current_complete {color:#fffebb; font-size:28px;}
span.liability_time {}

.selfinfo_detail .info_cont .quick_lecture {float:left; width:35%;}
.selfinfo_detail .info_cont .quick_lecture .ti {display:block; margin-bottom:5px; font-size:25px;}
.selfinfo_detail .info_cont .quick_lecture select {margin-bottom:10px; width:100%; height:36px; color:#cddced; font-size:16px; background-color:#345d66; border:none;}
.selfinfo_detail .info_cont .quick_lecture select option {position:relative; z-index:5;}
.selfinfo_detail .info_cont .quick_lecture .comment {font-size:16px;}
.selfinfo_detail .info_cont .quick_lecture .comment span {color:#fffebb; font-weight:600;}

.selfinfo_detail .info_cont .complete_view {float:left; width:35%; text-align:center;}
.selfinfo_detail .info_cont .complete_view a.btn_complete_view {display:inline-block; width:245px; height:95px; line-height:95px; text-align:center; color:#fff; font-size:22px; border:solid 1px #fff;}
.selfinfo_detail .info_cont .complete_view a.btn_complete_view:hover {color:#499bd1; background-color:#fff;}

/* sub :  */
.selfinfo_pc.selfinfo_sub {height:224px; color:#fff; background:url('../images/sub/top_bg.jpg') #fff no-repeat center 74px;}

.selfinfo_sub .slogon {padding-top:95px; text-align:center; vertical-align:middle;}
.selfinfo_sub .slogon .title {display:inline-block; margin-bottom:10px; font-size:40px;}
.selfinfo_sub .slogon .txt {font-size:22px;}

.selfinfo_sub .selfinfo_detail {padding-top:100px;}
.selfinfo_sub .selfinfo_detail .top {float:left; padding-top:10px; text-align:left; width:370px;}
.selfinfo_sub .selfinfo_detail .top .func {margin-bottom:3px;}
.selfinfo_sub .selfinfo_detail .top .func .btn_info_modify {margin:0; margin-right:15px;}

.selfinfo_sub .selfinfo_detail .info_cont {float:right; width:730px; overflow:inherit;}
.selfinfo_sub .selfinfo_detail .info_cont .complete_state {float:left; padding-top:10px; width:210px;}
.selfinfo_sub .selfinfo_detail .info_cont .complete_state .div  {margin-left:0; margin-bottom:7px; font-size:13px;}
.selfinfo_sub .selfinfo_detail .info_cont .complete_state .div .ti  {display:inline-block; margin-right:10px; width:38px; height:20px; line-height:20px; color:#499bd1; text-align:center; vertical-align:middle; background-color:#fff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px;}
.selfinfo_sub .selfinfo_detail .info_cont .complete_state .div span {vertical-align:middle;}
.selfinfo_sub .selfinfo_detail span.current_complete {color:#bbf9ff; font-size:22px; vertical-align:text-bottom;}
.selfinfo_sub .selfinfo_detail span.liability_time {vertical-align:bottom;}

.selfinfo_sub .selfinfo_detail .info_cont .quick_lecture {float:left; padding-top:10px; width:284px;}
.selfinfo_sub .selfinfo_detail .info_cont .quick_lecture .ti {display:block; margin-bottom:5px; font-size:18px;}
.selfinfo_sub .selfinfo_detail .info_cont .quick_lecture select {margin-bottom:5px; width:100%; height:36px; color:#cddced; font-size:16px; background-color:#054d77; border:none;}
.selfinfo_sub .selfinfo_detail .info_cont .quick_lecture .comment {font-size:13px;}
.selfinfo_sub .selfinfo_detail .info_cont .quick_lecture div .comment span {color:#bbf9ff; font-weight:600;}

.selfinfo_sub .selfinfo_detail .info_cont .complete_view {float:right; padding-top:10px; width:185px; text-align:right;}
.selfinfo_sub .selfinfo_detail .info_cont .complete_view a.btn_complete_view {display:inline-block; width:190px; height:78px; line-height:78px; text-align:center; color:#fff; font-size:22px; border:solid 1px #fff;}
.selfinfo_sub .selfinfo_detail .info_cont .complete_view a.btn_complete_view:hover {color:#499bd1; background-color:#fff;}

.selfinfo_sub .staff_selfinfo_detail {padding-top:90px; text-align:center;}
.selfinfo_sub .staff_selfinfo_detail .top {padding:20px 0 20px; text-align:center;}
.selfinfo_sub .staff_selfinfo_detail .top .func {padding-top:10px; font-size:15px;}
.selfinfo_sub .staff_selfinfo_detail .top .func a {color:#fff;}
.selfinfo_sub .staff_selfinfo_detail .top .func .member_cata {vertical-align:middle;}
.selfinfo_sub .staff_selfinfo_detail .top .func .btn_info_modify {display:inline-block; margin:0 15px; padding-left:20px; height:16px; line-height:16px; background:url('../images/common/icon_infomodify.png') no-repeat left center;}
.selfinfo_sub .staff_selfinfo_detail .top .func .btn_basket {display:inline-block; padding-left:25px; height:16px; line-height:16px; background:url('../images/common/icon_basket.png') no-repeat left center;}
.selfinfo_sub .staff_selfinfo_detail .top .welcome {font-size:28px;}
.selfinfo_sub .staff_selfinfo_detail .top .welcome strong {font-weight:600;}

.selfinfo_main .staff_selfinfo_detail {padding-top:50px; text-align:center;}
.selfinfo_main .staff_selfinfo_detail .top {padding:20px 0 20px; text-align:center;}
.selfinfo_main .staff_selfinfo_detail .top .func {padding-top:10px; font-size:15px;}
.selfinfo_main .staff_selfinfo_detail .top .func a {color:#fff;}
.selfinfo_main .staff_selfinfo_detail .top .func .member_cata {vertical-align:middle;}
.selfinfo_main .staff_selfinfo_detail .top .func .btn_info_modify {display:inline-block; margin:0 15px; padding-left:20px; height:16px; line-height:16px; background:url('../images/common/icon_infomodify.png') no-repeat left center;}
.selfinfo_main .staff_selfinfo_detail .top .func .btn_basket {display:inline-block; padding-left:25px; height:16px; line-height:16px; background:url('../images/common/icon_basket.png') no-repeat left center;}
.selfinfo_main .staff_selfinfo_detail .top .welcome {font-size:28px;}
.selfinfo_main .staff_selfinfo_detail .top .welcome strong {font-weight:600;}



/**************************************************************************************************************
 메인 : 새알림영역
***************************************************************************************************************/
.notice_main {overflow:hidden;}
.notice_new {float:left; margin-right:65px; padding-top:20px; width:360px; height:170px; position:relative;}
.notice_new .title {display:inline-block; margin-bottom:27px; font-size:18px; color:#222222;}
.notice_new ul li {overflow:hidden; position:relative;}
.notice_new ul li a {display:inline-block; margin-right:90px; font-size:15px; padding-left:15px; color:#4e4e4e; line-height:25px; background:url('../images/main/bullet_dot.png') no-repeat 5px 9px;
	display:block;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    overflow:hidden;}
.notice_new ul li a img {vertical-align:middle; position:relative; top:-2px;}
.notice_new ul li .date {color:#7d7d7d; font-size:12px; position:absolute; top:6px; right:0;}
.notice_new .btn_more {display:inline-block; width:21px; height:21px; font-size:0; text-indent:-1000px; background:url('../images/main/btn_more.png') no-repeat center center; position:absolute; top:30px; right:0;}

.popup_zone {float:left; margin-right:60px; padding-top:20px; width:305px; position:relative;}
.popup_zone .title {display:inline-block; margin-bottom:27px; font-size:18px; color:#222222;}
.popup_zone ul {width:305px; height:105px; overflow:hidden;}
.popup_zone ul li {}
.dot_navi {position:absolute; top:35px; right:0;}
.dot_navi a {display:inline-block; width:8px; height:8px; font-size:0; text-indent:-1000px; overflow:hidden; background:url('../images/main/dotnavi.png') no-repeat center center;}
.dot_navi a.active {width:21px; height:8px; background:url('../images/main/dotnavi_active.png') no-repeat center center;}

.customcenter {float:left; padding-top:20px; position:relative;}
.customcenter .title {display:inline-block; margin-bottom:27px; font-size:18px; color:#222222;}
.customcenter .call_info {margin-bottom:20px; overflow:hidden;}
.customcenter .ti {float:left; width:110px; height:30px; letter-spacing:-1px;}
.customcenter .ti span {font-size:12px;}
.customcenter .call_number {float:left; font-size:12px;}
.customcenter .call_number .number {font-size:16px; color:#5f84f4;}
.customcenter a.remote_service {display:inline-block; padding:0 15px 0 37px; height:32px; line-height:32px; color:#fff; background:url('../images/main/icon_monitor.png') #f9810c no-repeat 15px center; border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; -o-border-radius:40px;
position:absolute; top:20px; right:0; }
.customcenter a.remote_service:hover {opacity:0.85;}

.ti.icon_call1 {padding-left:40px; background:url('../images/main/icon_call1.png') no-repeat left center;}
.ti.icon_call2 {padding-left:40px; padding-top:10px; background:url('../images/main/icon_call2.png') no-repeat left center;}

/* 테스크탑 */
@media all and (min-width:1000px){

}
/* 테블릿과 모바일*/
@media all and (max-width:999px){
	.notice_main {display:none;}

	.notice_new {float:none; margin-right:0; padding:20px 15px 0px; width:100%; height:inherit; background-color:#f5f5f7; box-sizing:border-box;}
	.notice_new .title {display:inline-block; margin-bottom:10px;}
	.notice_new ul.list {padding:15px; background-color:#fff;}
	.notice_new ul li a {display:inline-block; margin-right:0; padding-left:8px; font-size:14px; background:url('../images/main/bullet_dot.png') no-repeat left center;
		display:block;
	    text-overflow:ellipsis;
	    white-space:nowrap;
	    word-wrap:normal;
	    overflow:hidden;}
	.notice_new ul.list .date {display:none;}
	.notice_new .btn_more {position:absolute; top:25px; right:15px; background:url('../images/icon/icon_more.svg') no-repeat center center;}
	.popup_zone, .customcenter {display:none;}
}


/**************************************************************************************************************
 메인페이지 : 신규, 인기과정
***************************************************************************************************************/
.lecture_list_main {height:527px; background:url('../images/main/newlecture_bg.jpg') no-repeat center top;}
.lect_tab {}
.lect_tab>ul {position:relative;}
.lect_tab>ul>li {float:left; padding-top:30px;}
.lect_tab>ul>li.first{width:50%; text-align:right;}
.lect_tab>ul>li .btn_title {display:inline-block; margin:0 10px; width:167px; height:41px; line-height:41px; font-size:16px; color:#333; text-align:center; background-color:#fff;}
.lect_tab>ul>li .btn_title:hover {opacity:0.8;}
.lect_tab>ul>li .btn_title.active {color:#fff; background-color:#5c5c5c;}

.lect_tab>ul>li .lect_tab_cont {width:100%; /*padding-top:40px; */position:absolute; top:108px; left:0; z-index:100;}
.lect_tab>ul>li .lect_tab_cont .lect_tab_cont_2grid {padding-left:279px; /*height:362px;*/ /*width:821px;*/}
.lect_tab>ul>li .lect_tab_cont .left_img {float:left; margin-left:-279px; width:279px; height:362px; text-align:center; background:url('../images/main/lecture_list_titleimg.jpg') no-repeat center top;}
.lect_tab>ul>li .lect_tab_cont .left_img .contbox {padding-top:40px;}
.lect_tab>ul>li .lect_tab_cont .left_img .contbox .ti {display:block; margin-bottom:18px; font-size:28px; color:#fff;}
.lect_tab>ul>li .lect_tab_cont .left_img .contbox .btn_more {display:inline-block; width:93px; height:24px; line-height:24px; text-align:center; color:#fff; border:solid 1px #fff;}
.lect_tab>ul>li .lect_tab_cont .left_img .contbox .btn_more:hover {background-color:#31628b; border:solid 1px #31628b;}
.lect_tab>ul>li .lect_tab_cont ul.list {float:right; width:100%; overflow:hidden;}
.lect_tab>ul>li .lect_tab_cont ul.list li {float:left; margin-left:1%; margin-bottom:10px; width:32.33%; height:176px; text-align:center; background-color:#fff;}
.lect_tab>ul>li .lect_tab_cont ul.list li a {display:block;}
.lect_tab>ul>li .lect_tab_cont ul.list li .subject {display:block; margin-bottom:5px; padding:30px 20px 0; height:40px; line-height:1.4; font-size:15px; color:#222222; font-weight:600;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis;
	  word-break:keep-all;
	  white-space:-moz-pre-wrap;
	  white-space:-pre-wrap;
	  white-space:-o-pre-wrap;
	  word-wrap:break-word;}
.lect_tab>ul>li .lect_tab_cont ul.list li .tech {display:block; margin-bottom:3px; font-size:13px; color:#a0a0a0;}
.lect_tab>ul>li .lect_tab_cont ul.list li .date {display:block; margin-bottom:12px; font-size:13px; color:#a0a0a0;}
.lect_tab>ul>li .lect_tab_cont ul.list li a.btn_sample {display:inline-block; width:70px; height:25px; line-height:25px; text-align:center; font-size:11px; color:#222222; background-color:#fff; border:solid 1px #6b6f72;}
.lect_tab>ul>li .lect_tab_cont ul.list li a.btn_sample:hover {background-color:#f2f2f2;}

.lect_tab>ul>li .lect_tab_cont ul.list li .icon_arrow {display:none;}
.lect_tab>ul>li .btn_title_mobile {display:none;}
.lect_tab>ul>li .btn_more_mobile {display:none;}


/* 과정검색: 2018-03-16; */
.main_lec_search {position:absolute; top:30px; right:0;}
.main_lec_search .outline {padding-right:37px; width:215px; height:34px; border:solid 3px #b2b2b2; position:relative;}
.main_lec_search input.input_inner {padding:0 10px; width:100%; height:34px; font-size:14px; border:none; box-sizing:border-box;}
/*.search_box_lecture .input_inner:focus {border:none;}*/
.main_lec_search .btn_search {width:40px; height:34px; color:#fff; font-size:0; text-indent:-1000px; cursor:pointer; border:none; background:url('../images/icon/icon_search.png') #b2b2b2 no-repeat center center; position:absolute; top:0; right:-3px;}


/* 테스크탑 */
@media all and (min-width:1000px){

}
/* 테블릿과 모바일*/
@media all and (max-width:999px){

	.main_lec_search {margin:0 15px; padding:30px 0 0; position:inherit; top:inherit; right:inherit;}
	.main_lec_search .outline {width:100%; height:40px; box-sizing:border-box;}

	.lect_tab>ul {padding-top:30px;}
	.lect_tab>ul>li {padding:0; position:relative;}
	.lect_tab>ul>li .btn_title {display:none;}
	.lect_tab>ul>li .btn_title_mobile {display:block; margin:0 15px; font-size:18px; color:#222;}
	/*.lecture_list_main {height:inherit; background:#f5f5f7;}*/
	.lecture_list_main {display:none;}
	.lect_tab>ul>li {float:none;}
	.lect_tab>ul>li.first{width:100%; text-align:left;}
	.lect_tab>ul>li .lect_tab_cont {display:block !important; width:100%; position:inherit; top:0;}

	.lect_tab>ul>li .lect_tab_cont .lect_tab_cont_2grid {padding-left:0; width:inherit;}

	.lect_tab>ul>li .lect_tab_cont .left_img {display:none;}
	.lect_tab>ul>li .lect_tab_cont ul.list {float:none; padding:10px 15px; width:100%; box-sizing:border-box; overflow:none;}
	.lect_tab>ul>li .lect_tab_cont ul.list li {float:none; margin-left:0; width:100%; height:inherit; text-align:left; background-color:#fff; position:relative;}
	.lect_tab>ul>li .lect_tab_cont ul.list li .subject {display:block; padding:10px 10px 5px; margin-right:20px; height:18px; font-size:15px; color:#222222; font-weight:600;
		display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
	.lect_tab>ul>li .lect_tab_cont ul.list li .tech {display:block; padding:0 10px; margin-bottom:3px; font-size:12px; color:#999;}
	.lect_tab>ul>li .lect_tab_cont ul.list li .date {display:block; padding:0 10px 10px; margin-bottom:12px; font-size:12px; color:#999;}
	.lect_tab>ul>li .lect_tab_cont ul.list li a.btn_sample {display:none;}
	.lect_tab>ul>li .lect_tab_cont ul.list li .icon_arrow {display:inline-block; width:30px; height:60px; background:url('../images/icon/btn_arrow.svg') no-repeat left center; position:absolute; top:50%; right:0; margin-top:-30px;}
	.lect_tab>ul>li .btn_more_mobile {display:inline-block; width:21px; height:21px; font-size:0; text-indent:-1000px; position:absolute; top:0; right:15px; background:url('../images/icon/icon_more.svg') no-repeat center center;}
}



/**************************************************************************************************************
 모바일 전용 메인 콘텐츠 상단 : 알림, 네비영역
***************************************************************************************************************/
.main_bg {background-color:inherit;}
.main_content {display:none;}

/* 테블릿과 모바일*/
@media all and (max-width:999px){
	.main_bg {background-color:#b8ceda}

	.main_content {display:block; background:url('../images/main/main_topbg.png') no-repeat center top;}

	h3.title_main {font-size:16px;}

	.m_notice_main {padding-top:30px; margin:0 20px 30px; position:relative;}
	.m_notice_main h3.title_main {display:inline-block; margin-bottom:10px;}
	.m_notice_main ul li {overflow:hidden; position:relative;}
	.m_notice_main ul li a {display:inline-block; font-size:14px; padding-left:15px; color:#4e4e4e; line-height:25px; background:url('../images/main/bullet_dot.png') no-repeat 5px 9px;
		display:block;
	    text-overflow:ellipsis;
	    white-space:nowrap;
	    word-wrap:normal;
	    overflow:hidden;}
	.m_notice_main ul li a img {vertical-align:middle; position:relative; top:-2px;}
	.m_notice_main .btn_more {display:inline-block; width:30px; height:30px; line-height:30px; font-size:22px; text-align:center; position:absolute; top:25px; right:0;}

	/* 메인 네비게이션 */
	.main_nav {margin:0 20px;}
	.major_nav {}
	.major_nav ul {margin-bottom:20px; margin-left:-4%;}
	.major_nav ul:after {display:block; content:""; clear:both;}
	.major_nav ul li {float:left; margin-left:4%; width:29.33%;}
	.major_nav ul li .outline {}
	.major_nav ul li .outline a {display:block; -webkit-border-radius:10px 10px 20px 10px; -moz-border-radius:10px 10px 20px 10px; -o-border-radius:10px 10px 20px 10px; border-radius:10px 10px 20px 10px;
	 box-shadow: 3px 5px 10px 0 #aaa;}
	.major_nav ul li .outline .top {padding:8px 0 20px 5px; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;}
	.major_nav ul li:nth-child(1) .outline a {background-color:#775cd9;}
	.major_nav ul li:nth-child(2) .outline a {background-color:#00bda1;}
	.major_nav ul li:nth-child(3) .outline a {background-color:#3680c5;}

	.major_nav ul li:nth-child(1) .outline .top {background:linear-gradient(-45deg, #8c6cff 60%, #af9bf7);}
	.major_nav ul li:nth-child(2) .outline .top {background:linear-gradient(-45deg, #00debd 60%, #69fbe5);}
	.major_nav ul li:nth-child(3) .outline .top {background:linear-gradient(-45deg, #3f96e7 60%, #6bb3f7);}

	.major_nav ul li .outline .bottom {padding:7px 10px; height:35px;}
	.major_nav ul li .outline .bottom span {color:#fff; font-weight:600;}

	.sub_nav {}
	.sub_nav ul {margin-left:-3%;}
	.sub_nav ul:after {display:block; content:""; clear:both;}
	.sub_nav ul li {float:left; margin-left:3%; width:47%;}
	.sub_nav ul li .outline {}
	.sub_nav ul li .outline a {display:block; height:50px; line-height:50px; text-align:center; background-color:#fa6400;
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
	.sub_nav ul li .outline a span {color:#fff; font-weight:600;}
	.sub_nav ul li:last-child .outline a {background-color:#feb908;}
}
/**************************************************************************************************************
 모바일 전용 메인 콘텐츠 하단 : 신규등록강의 , 고객센터
***************************************************************************************************************/
/* 테블릿과 모바일*/
@media all and (max-width:999px){

	.main_whitebox {margin-top:115px; background-color:#fff;}

	/* 신규등록강의 */
	.new_lecture_main {margin:0 10px; padding:20px 15px; background-color:#fff;  -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; position:relative; top:-80px;}
	.new_lecture_main .top {margin-bottom:10px; position:relative;}
	.new_lecture_main .top h3.title_main {}
	.new_lecture_main .top a.btn_more {display:inline-block; width:30px; height:30px; line-height:30px; font-size:22px; text-align:center;  position:absolute; top:50%; right:0; margin-top:-15px;}
	.new_lecture_main ul {}
	.new_lecture_main ul li {margin-bottom:10px;}
	.new_lecture_main ul li a {display:block; background-color:#ebeff3; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
	.new_lecture_main ul li .outline {padding:10px 50px 10px 10px; position:relative;}
	.new_lecture_main ul li .outline .subject {display:block; margin-bottom:5px; font-size:14px; font-weight:600;
		display:block;
	    text-overflow:ellipsis;
	    white-space:nowrap;
	    word-wrap:normal;
	    overflow:hidden;}
	.new_lecture_main ul li .outline .info {display:block; font-size:12px;}
	.new_lecture_main ul li .outline .info span {display:inline-block; padding:0 5px; border-left:solid 1px #aaa; line-height:1;}
	.new_lecture_main ul li .outline .info span:first-child {padding-left:0; border-left:none;}
	.new_lecture_main ul li .outline .info span.date {color:#cc0000;}
	.new_lecture_main ul li .outline .icon_mouse {display:inline-block; width:40px; height:40px; font-size:0; text-indent:-10000px; background:url('../images/main/icon_mouse.png') #6897cb no-repeat center center; position:absolute; top:50%; right:10px; margin-top:-20px;
	-webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;}

	/* 고객센터 영역*/
	.m_customcenter_page {margin:0 25px; background-color:#fff; position:relative; top:-50px;}
	.m_customcenter_page h3.title_main {margin-bottom:5px; padding-left:30px; line-height:30px; font-size:18px; background:url('../images/main/icon_call.png') no-repeat left center;}
	.m_customcenter_page h3.title_main span {color:#999999;}
	.m_customcenter_page .outline {display:table; width:100%; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; overflow:hidden;}
	.m_customcenter_page .outline .left {display:table-cell; padding:10px; width:53%; background-color:#f0f0f0;}
	.m_customcenter_page .outline .right {display:table-cell; padding:10px; background-color:#e5e5e5;}
	.m_customcenter_page .custom_ti {display:block; margin-bottom:10px; text-align:center; font-size:13px; font-weight:600; color:#666666; letter-spacing:-1px;}
	.m_customcenter_page .custom_ti span {font-size:10px;}
	.m_customcenter_page .custom_call a {display:block; font-size:20px; letter-spacing:-1px;}
	.m_customcenter_page .custom_call span {font-size:12px; font-weight:600;}


	/* 사이트 메뉴용 고객센터 */
	.customcenter_sidemenu {margin:0 20px; margin-top:30px; padding-bottom:30px;}
	.customcenter_sidemenu h3.title_main {margin-bottom:5px; padding-left:30px; line-height:30px; font-size:18px; background:url('../images/main/icon_call.png') no-repeat left center;}
	.customcenter_sidemenu h3.title_main span {color:#999999;}
	.customcenter_sidemenu .outline {display:table; width:100%; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; overflow:hidden;}
	.customcenter_sidemenu .outline .left {display:table-cell; padding:10px; width:53%; background-color:#f0f0f0;}
	.customcenter_sidemenu .outline .right {display:table-cell; padding:10px; background-color:#e5e5e5;}
}

/**************************************************************************************************************
 sub : 공통영역
***************************************************************************************************************/
.sub {padding-top:53px; padding-bottom:50px; background-color:#fff;}
.sub_grid {padding-left:250px; position:relative;}
.sub_grid:after {content:''; display:block; clear:both;}

.leftarea {float:left; width:220px; margin-left:-250px;}
.leftarea .left_title {font-size:24px; height:47px; border-bottom:solid 3px #474747;}
.leftarea .left_submenu {}
.leftarea .left_submenu ul {}
.leftarea .left_submenu ul>li {padding:11px 10px; border-bottom:solid 1px #dcdcdc;}
.leftarea .left_submenu ul>li>a {display:block; color:#666; font-size:15px;}
.leftarea .left_submenu ul>li>a:hover {color:#333;}
.leftarea .left_submenu ul>li.active {background-color:#f0f8ff;}
.leftarea .left_submenu ul>li.active>a {font-weight:600; color:#0071dd;}

/* 2Depth menu */
.leftarea .left_submenu ul li ol {padding-top:10px;}
.leftarea .left_submenu ul li ol li {padding:5px 10px 5px 15px; position:relative;}
.leftarea .left_submenu ul li ol li::after {display:block; content:'-'; position:absolute; top:5px; left:5px;}
.leftarea .left_submenu ul li ol li.active>a {font-weight:600; color:#0071dd;}

.sub_grid .leftarea .sub_customcenter {padding-top:50px;}
.sub_grid .leftarea .sub_customcenter .ti {display:block; color:#4c4c4c; font-size:15px;}
.sub_grid .leftarea .sub_customcenter .sti {display:block; color:#585b5d; font-size:13px;}
.sub_grid .leftarea .sub_customcenter .sub_call {display:block; color:#6f6f6f; font-size:20px; font-weight:600;}

.subcontent {float:right; width:100%;}
.sub_header {margin-bottom:25px; position:relative;}
.sub_header h3.sub_cont_title {margin-right:0; font-size:22px; font-weight:600; line-height:1.3;}
.sub_header h3.sub_cont_title span {display:inline-block; width:40px; height:20px; line-height:20px; text-align:center; color:#6b6868; font-size:13px; border:solid 1px #858585; vertical-align:middle;}
/*.sub_header h3.sub_cont_title span.cata_sel {}
.sub_header h3.sub_cont_title span.cata_requisite {}*/
.location {font-size:13px; position:absolute; top:5px; right:0;}
.location a {}
.location a:hover {text-decoration:underline;}
.location a.location_home {}
.page {min-height:500px; line-height:1.5; color:#686868;}


/* 퀵메뉴 */
.quick_menu {position:absolute; top:50px; right:-90px;}
.quick_menu ul {}
.quick_menu li {margin-bottom:20px; text-align:center;}
.quick_menu li a {}
.quick_menu li a img {}
.quick_menu li a span {display:block; font-size:12px; color:#747474;}
.quick_menu li a:hover span {color:#000;}


/* 테블릿과 모바일*/
@media all and (max-width:999px){
	.sub {padding:20px 0 0; background-color:#f5f5f7;}
	.sub_grid {padding-left:0; position:relative;}
	.leftarea {display:none;}
	.subcontent {float:none; width:100%;}
	.sub_header {margin:0 15px 15px;}
	.sub_header h3.sub_cont_title {margin-right:0; font-size:18px;}
	.location {display:none;}
	.page {min-height:400px;}
}


/* 테스크탑 */
@media all and (min-width:1000px){
	.mobile_view {display:none;}
}
/* 테블릿과 모바일*/
@media all and (max-width:999px){
	.mobile_view {display:block;}
}

/* 고객센터 영역 : 페이지 하단 : 2018-05-25 */
.customcenter_page {border-top:solid 1px #eee;}
/* 테블릿과 모바일*/
@media all and (max-width:999px){
	.customcenter_page {display:none !important;}
}

/**************************************************************************************************************
 푸터
***************************************************************************************************************/
.footer {padding:32px 0 82px; background-color:#4f5356;}
.footer_utill {overflow:hidden;}
.footer_utill .footer_utill_menu {float:left; margin-bottom:18px;}
.footer_utill .footer_utill_menu ul {overflow:hidden;}
.footer_utill .footer_utill_menu ul li {float:left; margin-right:35px;}
.footer_utill .footer_utill_menu ul li a {font-size:14px; color:#b7b7b7;}
.footer_utill .relation_site {float:right;}
.footer_utill .relation_site select {color:#fff; font-size:12px; background-color:#818587; border:solid 1px #818587;}
.companyinfo {font-size:12px; color:#b7b7b7; line-height:17px;}
.companyinfo .adress {}
.companyinfo .adress a, .companyinfo .adress span {color:#fff;}

/* 테스크탑 */
@media all and (min-width:1000px){

}
/* 테블릿과 모바일*/
@media all and (max-width:999px){
	/*.footer {padding:10px;}
	.footer .content_w {min-width:inherit;}
	.footer_utill .footer_utill_menu {float:none; margin-bottom:8px;}
	.footer_utill .footer_utill_menu ul li {float:left; margin-right:10px;}
	.footer_utill .footer_utill_menu ul li a {font-size:14px; color:#b7b7b7;}*/
	.footer_utill .relation_site {display:none; float:none;}
	.footer_utill .relation_site select {margin-bottom:10px; width:100%; color:#fff; font-size:12px; background-color:#818587; border:solid 1px #818587;}

	.footer {padding:15px 15px; background-color:#fff; border-top:solid 1px #e5e5e5;}
	.footer_utill {overflow:hidden;}
	.footer_utill .footer_utill_menu {float:left; margin-bottom:15px;}
	.footer_utill .footer_utill_menu ul {overflow:hidden;}
	.footer_utill .footer_utill_menu ul li {float:left; margin-right:0;}
	.footer_utill .footer_utill_menu ul li a {display:inline-block; padding:0 10px; font-size:12px; font-weight:600; color:#666; border-left:solid 1px #999;}
	.footer_utill .footer_utill_menu ul li:first-child a {padding-left:0; border-left:none;}
	.companyinfo {font-size:12px; color:#999; line-height:17px;}
	.companyinfo .adress {letter-spacing:-1px; margin-bottom:10px;}
	.companyinfo .adress a, .companyinfo .adress span {color:#999;}
}



/*popup_style : 메인페이지 전용 -  2018-03-30 */
.pop_layer				{position:absolute; width:auto; height:auto; position: absolute; left: 50%; margin-left:-235px; top: 156px; z-index: 1000; background-color:#fff; border:3px solid #252d71; overflow:hidden;}
.pop_layer .btn_r		{padding:7px; border-top:1px solid #d5d3d4; vertical-align:middle; text-align:right;}
.pop_layer .w_popup 	{width:100%; background-color:#fff;}
.pop_layer .title_area				{ background:#252d71; line-height:54px; padding:0 10px; margin:0;color:#ffffff; font-size:21px; text-align:center;}
.pop_layer .title_layer			{ padding:20px 15px;}
.pop_layer .title_layer ul			{ line-height:21px; font-size:13px; color:#333; text-align:left; font-weight:bold;}
.pop_layer .title_layer ul li		{/* margin-left:12px;*/}
.pop_layer .title_layer ul li span.f_co { color:#666; font-size:12px;}
a.cbtn				{display:inline-block; line-height:28px; padding:0 14px 0; background-color:#575556; font-size:13px; color:#fff;text-decoration:none;}
a.cbtn:hover		{background-color:#3c3c3c; color:#fff;}

/* 문서작성 프로그램 강좌 팝업: 2019-03-19 */
ul.doc_program_list {overflow:hidden; line-height:1.5 !important;}
ul.doc_program_list li {float:left; margin-bottom:10px; padding:0; width:33.33%;}
ul.doc_program_list li div {padding:0 3px;}
ul.doc_program_list li span.pro_name {display:block; padding:5px; height:30px; font-size:13px; letter-spacing:-1px; line-height:1.2; word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////
 무료강좌 패키지 table:2020-09-15
 //////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main_free_program {width:652px; background-color:#fff; position:absolute; top:80px; left:50%; margin-left:-550px; z-index:100; border:solid 1px #ccc; box-sizing:border-box;}
.main_free_program .main_free_program_box .info {position:relative; text-align:center;}
.main_free_program .main_free_program_box .info a.btn_go_freelect {position:absolute; left:25px; bottom:0;}
.main_free_program .main_free_program_box .info a.btn_go_freelect:hover {opacity:0.8;}

/* 테스크탑 */
@media all and (max-width:1200px){
	.main_free_program {width:600px; position:absolute; top:80px; left:20px; margin-left:0;}
}
/* 테블릿과 모바일*/
@media all and (max-width:640px){
	.main_free_program {width:90%; position:absolute; top:80px; left:5%; border:solid 3px #ccc; box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, .2);}
	.main_free_program .main_free_program_box .info {margin-bottom:10px;}
	.main_free_program .main_free_program_box .info a.btn_go_freelect {position:relative; left:0; bottom:10px;}
	.main_free_program .mobile_view {height:360px; overflow-y:auto; border-top:solid 1px #ccc;}
}

@media all and (max-width:480px){
	.main_free_program .main_free_program_box .info a.btn_go_freelect {position:relative; left:0; bottom:0;}
}

/* 과정 리스트 기본 table */
table.lecture_list {width:100%; color:#686868; font-size:13px; background-color:#fff; border-top:solid 2px #e1e1e1;
	word-break:keep-all;
  	white-space:-moz-pre-wrap;
  	white-space:-pre-wrap;
  	white-space:-o-pre-wrap;
  	word-wrap:break-word;}
table.lecture_list thead {}
table.lecture_list th {padding:10px 3px; border-bottom:solid 2px #e1e1e1; background-color:#fff;}
table.lecture_list.newapp th {border-bottom:solid 1px #e1e1e1; background-color:#f9f9f9;}
table.lecture_list td {padding:10px 3px; font-size:13px; text-align:center; border-bottom:solid 1px #e1e1e1;}
table.lecture_list .lec_app_active td {background-color:#fafafc;}

span.cata_sel {color:#686868; font-weight:600;} /*선택*/
span.cata_requisite {color:#21cf6e; font-weight:600;} /*필수*/
span.cata_own {color:#ff9900; font-weight:600;} /*자체*/

button.btn_lecture_base {padding:0 10px; height:22px; color:#999999; font-size:12px; font-weight:600; cursor:pointer; background-color:#fff; border:solid 1px #bfbfbf;
						border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px;} /* 게시판내 기본버튼 : 맛보기 */
button.btn_lecture_base:hover {color:#fff; background-color:#bfbfbf;}
button.btn_lecture_base.btn_app {color:#83a0fc; border:solid 1px #8aa5fc;} /* 게시판내 활성버튼 : 수강신청, 수강취소*/
button.btn_lecture_base.btn_app:hover {color:#fff; background-color:#8aa5fc;}
button.btn_lecture_base.btn_app_cancle {color:#999; border:solid 1px #bfbfbf;} /* 게시판내 활성버튼 : 수강신청, 수강취소*/
button.btn_lecture_base.btn_app_cancle:hover {color:#fff; background-color:#bfbfbf;}
button.btn_lecture_base.btn_learnact {color:#fff; background-color:#677dc3; border:solid 1px #677dc3;} /* 게시판내 활성버튼 : 수강신청, 수강취소*/
button.btn_lecture_base.btn_learnact:hover {color:#fff; background-color:#4761b5;}

ul.lecture_list_mobile { }
ul.lecture_list_mobile li {border-bottom:solid 1px #f5f5f7; background-color:#fff; position:relative;}
ul.lecture_list_mobile li a {display:block;}
ul.lecture_list_mobile li .subject {display:block; padding:10px 10px 5px; margin-right:30px; font-size:15px; color:#222222; font-weight:600;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
ul.lecture_list_mobile li .time {display:block; padding:0 10px; margin-bottom:10px; font-size:12px; color:#999;}
ul.lecture_list_mobile li .time strong {color:#333;}
ul.lecture_list_mobile li .step {padding:0 10px 10px;}
ul.lecture_list_mobile li .icon_arrow {display:inline-block; width:30px; height:60px; background:url('../images/icon/btn_arrow.svg') no-repeat left center; position:absolute; top:50%; right:0; margin-top:-30px;}

/* 테스크탑 */
@media all and (min-width:1025px){
	.pc_view {display:block;}
	.mobile_view {display:none;}
}
/* 테블릿과 모바일*/
@media all and (max-width:1024px){
	.pc_view {display:none;}
	.mobile_view {display:block;}
}


/* 메인페이지 공용 팝업 : 2021-06-07 /////////////////////////////////////////////////////////*/
.main_pop_notice {width:400px; position:absolute; top:90px; left:50%; margin-left:-550px; background-color:#fff; border:solid 1px #333; z-index:10;
/*	box-shadow:5px 3px 7px 0px #ccc;*/
}
.main_pop_notice .pop_title {padding:10px 20px; text-align:center; font-size:18px; font-weight:600; color:#fff; line-height:1.2; background-color: #bf4747;}
.main_pop_notice .pop_cont {padding:30px 20px 30px; line-height:1.5; border-bottom:solid 1px #ccc;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}

.main_pop_notice .pop_box {padding:10px 15px; background-color:#f2f2f2; border-radius:5px;}

a.btn_poplink_base {padding:10px 15px; color:#fff; font-size:14px; cursor:pointer; background-color:#054491; border:solid 1px #054491;
						border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
a.btn_poplink_base:hover {background-color:#2a68b3; border:solid 1px #2a68b3;}

/* 테스크탑 */
@media all and (max-width:1100px){
	.main_pop_notice {width:400px; left:20px; margin-left:0;}
}
/*모바일*/
@media all and (max-width:480px){
	.main_pop_notice {width:94%; left:3%; border:solid 1px #ccc;}
	.main_pop_notice .pop_cont {padding:10px 10px 30px;}
	a.btn_poplink_base {padding:7px 10px; color:#fff; font-size:14px;}
}

/* 메인페이지 공용 팝업 : 2021-10-25 /////////////////////////////////////////////////////////*/
.main_pop_notice2 {width:600px; position:absolute; top:90px; left:50%; margin-left:-140px; background-color:#fff; z-index:100;
	/*box-shadow:5px 3px 7px 0px #ccc;*/
}
.main_pop_notice2 .pop_title {padding:10px 20px; text-align:center; font-size:18px; font-weight:600; line-height:1.2; background-color: #f2f2f2;}
.main_pop_notice2 .pop_cont {padding:10px 20px 30px; line-height:1.5;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}

/* 테스크탑 */
@media all and (max-width:1100px){
	.main_pop_notice2 {width:40%; left:inherit; right:10px; margin-left:0;}
}

/*모바일*/
@media all and (max-width:768px){
	.main_pop_notice2 {width:400px; left:20px; top:350px; border:solid 1px #ccc;}
}

/*모바일*/
@media all and (max-width:480px){
	.main_pop_notice2 {width:94%; left:3%; top:370px; border:solid 1px #ccc;}
}


/* 메인페이지 - 공익법인 과정 안내 팝업 : 2022-01-15 /////////////////////////////////////////////////////////*/
/* 공익법인 팝업 */
.main_pop_publiclecture {width:545px; position:absolute; top:90px; left:50%; margin-left:-550px; background:url('../images/pop/20220113/pop_20220113_bg_top.jpg') #fff no-repeat left top; z-index:100;
	box-shadow:5px 3px 7px 0px rgba(0, 0, 0, 0.2);
	/*box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);*/
}
.main_pop_publiclecture .pop_top {height:80px; line-height:80px; text-align:center; }
.main_pop_publiclecture .pop_top strong {display:block; padding-top:30px; font-size:36px; font-weight:600; color:#075994; line-height:1.2; letter-spacing:-1px; font-family:'Nanum Myeongjo', serif;}
.main_pop_publiclecture .pop_content {padding:10px 35px 50px; line-height:1.5; background:url('../images/pop/20220113/pop_20220113_bg_bottom.jpg') no-repeat left bottom;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}

/* 감사실무 팝업:2022-05-26 */
.main_pop_publiclecture_1 {width:540px; position:absolute; top:90px; left:50%; margin-left:0; background:url('../images/pop/20220526/pop_bg_top.jpg') #fff no-repeat left top;z-index:100;
	box-shadow:5px 3px 7px 0px rgba(0, 0, 0, 0.2);
	/*box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);*/
}
.main_pop_publiclecture_1 .pop_top {height:80px; line-height:80px; text-align:center;}
.main_pop_publiclecture_1 .pop_top strong {display:block; padding-top:30px; font-size:36px; font-weight:600; color:#333; line-height:1.2; letter-spacing:-1px;}
.main_pop_publiclecture_1 .pop_content {padding:10px 35px 20px; line-height:1.5; background:url('../images/pop/20220526/pop_bg_bottom.jpg') no-repeat left bottom;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}

.publiclecture_info {padding:20px; background-color:#f2f2f2; border-radius:5px;}
.publiclecture_info ul {}
.publiclecture_info ul li {padding-left:10px; background:url('../images/main/bullet_dot.png') no-repeat left 8px;}

a.btn_onestop_app {display:inline-block; padding:0 20px; height:38px; line-height:38px; font-size:16px; color:#fff; background-color:#cc0000; border-radius:30px;}
a.btn_onestop_app_green {display:inline-block; padding:0 20px; height:38px; line-height:38px; font-size:16px; color:#fff; background-color:#2fb383; border-radius:30px;}
a.btn_onestop_app_green:hover {background-color:#1fa172;}

.publiclecture_list {}
.publiclecture_list table {width:100%; border-top:solid 2px #ccc; background-color:#fff;}
.publiclecture_list table thead {border-bottom:solid 1px #ccc;}
.publiclecture_list table th {padding:5px;}
.publiclecture_list table td {padding:5px; text-align:center; border-bottom:solid 1px #ddd;}
.publiclecture_list table tr:last-child td {border-bottom:none;}
.publiclecture_list a:hover {text-decoration:underline;}


/* 테스크탑 */
@media all and (max-width:1100px){
	.main_pop_publiclecture {margin-left:initial; width:48%; left:1%;}
	.main_pop_publiclecture_1 {margin-left:initial; width:49%; left:50%;}

	.main_pop_publiclecture .pop_top {height:50px; line-height:50px;}
	.main_pop_publiclecture_1 .pop_top {height:50px; line-height:50px;}

	.main_pop_publiclecture .pop_top strong {font-size:20px;}
	.main_pop_publiclecture_1 .pop_top strong {font-size:20px;}
}

/*모바일*/
@media all and (max-width:768px){
	/*.main_pop_publiclecture_1 {display:none;}*/
	.main_pop_publiclecture {width:96%; left:2%; border:none;}
	.main_pop_publiclecture .pop_content {padding:10px 20px;}
	.main_pop_publiclecture_1 {width:96%; left:2%; border:none;}
	.main_pop_publiclecture_1 .pop_content {padding:10px 20px;}

	.publiclecture_list {display:block;}

	.publiclecture_info {padding:10px;}
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
메인페이지 - 공익법인 과정 안내 팝업 : 2024-05-24 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 공익법인 팝업 ///////////////////////////*/
.main_pop_publiclecture_2024 {width:545px; line-height:1.3; position:absolute; top:90px; right:50%; margin-right:-550px; background:url('') #fff no-repeat left top; z-index:100;
	word-break:keep-all;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	box-shadow:5px 3px 7px 0px rgba(0, 0, 0, 0.2);
}

.main_pop_publiclecture_2024 .publiclecture_title {display:table; width:100%;
	background: rgb(81,80,126);
	background: linear-gradient(90deg, rgba(81,80,126,1) 0%, rgba(47,85,118,1) 100%, rgba(28,71,109,1) 100%);
}

.main_pop_publiclecture_2024 .publiclecture_title .left {display:table-cell; padding:30px 0 0 25px; width:100px; vertical-align:top;}
.main_pop_publiclecture_2024 .publiclecture_title .left span.icon_thum {display:inline-block; width:90px; height:90px; line-height:90px; text-align:center; background-color:rgba(0, 0, 0, .2); border-radius:90px;}
.main_pop_publiclecture_2024 .publiclecture_title .left span.icon_thum img {}

.main_pop_publiclecture_2024 .publiclecture_title .right {display:table-cell; padding:20px 25px 10px; padding-left:0; vertical-align:top;}
.main_pop_publiclecture_2024 .publiclecture_title .right h2.title_top {margin-bottom:10px; font-size:24px; color:#fff;}

.main_pop_publiclecture_2024 h2.title_top {padding:10px 0; margin-bottom:10px; font-size:24px; color:#fff; text-align:center;}

.main_pop_publiclecture_2024 .publiclecture_title .right .txt {color:#fff; line-height:1.5;}
.main_pop_publiclecture_2024 .publiclecture_title .right .txt strong {color:#ffff00; font-weight:600;}

.main_pop_publiclecture_2024 .publiclecture_info {padding:15px 20px; color:#fff; background:url('../images/pop/20240524/pop1_bg2.png') no-repeat center top; background-size:cover; border-radius:0;}

.main_pop_publiclecture_2024 .publiclecture_info h3 {margin-bottom:10px; text-align:center; position:relative;}
.main_pop_publiclecture_2024 .publiclecture_info h3:before {display:block; content:''; width:5px; height:5px; border-radius:10px; background-color:#fff; opacity:0.7; position:absolute; left:50%; top:7px; margin-left:-65px;}
.main_pop_publiclecture_2024 .publiclecture_info h3:after {display:block; content:''; width:5px; height:5px; border-radius:10px; background-color:#fff; opacity:0.7; position:absolute; right:50%; top:7px; margin-right:-65px;}

.main_pop_publiclecture_2024 .publiclecture_info ul {margin-left:20px; margin-bottom:10px;}
.main_pop_publiclecture_2024 .publiclecture_info ul li {padding:2px; padding-left:10px; background:url('../images/main/bullet_dot.png') no-repeat left 9px;}
.main_pop_publiclecture_2024 .publiclecture_info ul li strong {color:#ffff00; font-weight:600;}

.main_pop_publiclecture_2024 .publiclecture_info .app_btnbox {text-align:center;}
.main_pop_publiclecture_2024 a.btn_onestop_app {display:inline-block; padding:0 20px; height:38px; line-height:38px; font-size:16px; font-weight:600; color:#fff;  border-radius:30px;
	transition: all 0.5s ease-out;
	/* background: rgb(242,142,38); */
	background: linear-gradient(90deg, rgba(242,142,38,1) 0%, rgba(253,100,79,1) 100%);}
.main_pop_publiclecture_2024 a.btn_onestop_app:hover {
	/* background: rgb(253,100,79); */
	background: linear-gradient(90deg, rgba(253,100,79,1) 0%, rgba(242,142,38,1) 100%);}


.main_pop_publiclecture_2024 .publiclecture_list {padding:20px 30px 20px; background-color:#34466e;}
.main_pop_publiclecture_2024 .publiclecture_list table {margin-bottom:10px; width:100%; color:#fff; border-top:solid 2px #9ba4b8; background-color: transparent;}
.main_pop_publiclecture_2024 .publiclecture_list table thead {border-bottom:solid 1px #9ba4b8;}
.main_pop_publiclecture_2024 .publiclecture_list table th {padding:5px;}
.main_pop_publiclecture_2024 .publiclecture_list table td {padding:5px; text-align:center; border-bottom:solid 1px #9ba4b8;}
.main_pop_publiclecture_2024 .publiclecture_list table tr:last-child td {border-bottom:solid 1px #9ba4b8;}
.main_pop_publiclecture_2024 .publiclecture_list a {color:#fff;}
.main_pop_publiclecture_2024 .publiclecture_list a:hover {text-decoration:underline;}

.main_pop_publiclecture_2024 .guide_txt {padding:15px; color:#fff; background-color: rgba(255, 255, 255, 0.1); border-radius:10px;}

/* 테스크탑 */
@media all and (max-width:1100px){
	.main_pop_publiclecture_2024 {margin-right:initial; width:48%; right:1%;}
}

/*모바일*/
@media all and (max-width:768px){
	.main_pop_publiclecture_2024 {width:96%; right:2%; border:none;}
}


/*//////////////////////////////////////////////////////
 사학기관 팝업 ///////////////////////////*/
.main_pop_privatelecture_2024 {width:545px; line-height:1.3; position:absolute; top:90px; right:50%; margin-right:-823px; background:url('') #fff no-repeat left top; z-index:100;
	word-break:keep-all;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	box-shadow:5px 3px 7px 0px rgba(0, 0, 0, 0.2);
}

.main_pop_privatelecture_2024 .publiclecture_title {display:table; width:100%;
	background: rgb(31,125,122);
	background: linear-gradient(90deg, rgba(31,125,122,1) 0%, rgba(22,100,99,1) 100%, rgba(47,85,118,1) 100%);
}

.main_pop_privatelecture_2024 .publiclecture_title .left {display:table-cell; padding:50px 0 0 25px; width:100px; vertical-align:top;}
.main_pop_privatelecture_2024 .publiclecture_title .left span.icon_thum {display:inline-block; width:90px; height:90px; line-height:90px; text-align:center; background-color:rgba(0, 0, 0, .2); border-radius:90px;}
.main_pop_privatelecture_2024 .publiclecture_title .left span.icon_thum img {}

.main_pop_privatelecture_2024 .publiclecture_title .right {display:table-cell; padding:40px 25px 20px; padding-left:0; vertical-align:top;}
.main_pop_privatelecture_2024 .publiclecture_title .right h2.title_top {margin-bottom:10px; font-size:24px; color:#fff;}
.main_pop_privatelecture_2024 .publiclecture_title .right .txt {color:#fff; line-height:1.5;}
.main_pop_privatelecture_2024 .publiclecture_title .right .txt strong {color:#ffcc00; font-weight:600;}

.main_pop_privatelecture_2024 .publiclecture_info {padding:20px; color:#fff; background:url('../images/pop/20240524/pop2_bg2.png') no-repeat center top; background-size:cover; border-radius:0;}

.main_pop_privatelecture_2024 .publiclecture_info h3 {margin-bottom:10px; text-align:center; position:relative;}
.main_pop_privatelecture_2024 .publiclecture_info h3:before {display:block; content:''; width:5px; height:5px; border-radius:10px; background-color:#fff; opacity:0.7; position:absolute; left:50%; top:7px; margin-left:-65px;}
.main_pop_privatelecture_2024 .publiclecture_info h3:after {display:block; content:''; width:5px; height:5px; border-radius:10px; background-color:#fff; opacity:0.7; position:absolute; right:50%; top:7px; margin-right:-65px;}

.main_pop_privatelecture_2024 .publiclecture_info ul {margin-left:20px; margin-bottom:20px;}
.main_pop_privatelecture_2024 .publiclecture_info ul li {padding:2px; padding-left:10px; background:url('../images/main/bullet_dot.png') no-repeat left 9px;}
.main_pop_privatelecture_2024 .publiclecture_info ul li strong {color:#ffcc00; font-weight:600;}

.main_pop_privatelecture_2024 .publiclecture_info .app_btnbox {text-align:center;}
.main_pop_privatelecture_2024 a.btn_onestop_app {display:inline-block; padding:0 20px; height:38px; line-height:38px; font-size:16px; font-weight:600; color:#fff;  border-radius:30px;
	transition: all 0.5s ease-out;
	/* background: rgb(242,142,38); */
	background: linear-gradient(90deg, rgba(242,142,38,1) 0%, rgba(253,100,79,1) 100%);}
.main_pop_privatelecture_2024 a.btn_onestop_app:hover {
	/* background: rgb(253,100,79); */
	background: linear-gradient(90deg, rgba(253,100,79,1) 0%, rgba(242,142,38,1) 100%);}


.main_pop_privatelecture_2024 .publiclecture_list {padding:30px 30px 20px; background-color:#0e5554;}
.main_pop_privatelecture_2024 .publiclecture_list table {margin-bottom:20px; width:100%; color:#fff; border-top:solid 2px #9ba4b8; background-color: transparent;}
.main_pop_privatelecture_2024 .publiclecture_list table thead {border-bottom:solid 1px #9ba4b8;}
.main_pop_privatelecture_2024 .publiclecture_list table th {padding:5px;}
.main_pop_privatelecture_2024 .publiclecture_list table td {padding:5px; text-align:center; border-bottom:solid 1px #9ba4b8;}
.main_pop_privatelecture_2024 .publiclecture_list table tr:last-child td {border-bottom:solid 1px #9ba4b8;}
.main_pop_privatelecture_2024 .publiclecture_list a {color:#fff;}
.main_pop_privatelecture_2024 .publiclecture_list a:hover {text-decoration:underline;}

.main_pop_privatelecture_2024 .guide_txt {padding:20px; color:#fff; background-color: rgba(255, 255, 255, 0.1); border-radius:10px;}

/* 테스크탑 */
@media all and (max-width:1100px){
	.main_pop_privatelecture_2024 {margin-right:initial; width:48%; right:1%;}
}

/*모바일*/
@media all and (max-width:768px){
	.main_pop_privatelecture_2024 {width:96%; right:2%; border:none;}
}


/*//////////////////////////////////////////////////////
 산업전문가 교육과정 안내팝업 ///////////////////////////*/
.main_pop_industry_2024 {width:545px; line-height:1.3; position:absolute; top:90px; left:50%; margin-left:-823px; z-index:100;
	background-color:#fff;
	word-break:keep-all;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	box-shadow:5px 3px 7px 0px rgba(0, 0, 0, 0.2);
}

.industry_bg_color { color:#fff; background:linear-gradient(180deg, #0f4985 0%, #156eb9 100%);}
.industry_lecture_title {padding:40px 20px 20px;}

.industry_lecture_title h2.title_top {margin-bottom:30px; text-align:center; font-weight:normal;}
.industry_lecture_title h2.title_top strong {display:inline-block; font-size:48px; position:relative;}
.industry_lecture_title h2.title_top span {display:block; font-size:17px;}
.industry_lecture_title h2.title_top strong::after {display:inline-block; content:''; width:100%; height:6px; background-color:#cfb21b; 
	position:absolute; left:0; bottom:-8px;}

.industry_lecture_title .txt {color:#fff; line-height:1.5;}
.industry_lecture_title .txt strong {color:#ffff00; font-weight:600;}

.industrylecture_info {padding:20px; }

.industrylecture_info h3 {margin-bottom:10px; text-align:center; position:relative;}
.industrylecture_info h3:before {display:block; content:''; width:5px; height:5px; border-radius:10px; background-color:#fff; opacity:0.7; position:absolute; left:50%; top:7px; margin-left:-65px;}
.industrylecture_info h3:after {display:block; content:''; width:5px; height:5px; border-radius:10px; background-color:#fff; opacity:0.7; position:absolute; right:50%; top:7px; margin-right:-65px;}

.industrylecture_table {margin-bottom:20px;}
.industrylecture_table table {width:100%;}
.industrylecture_table table thead {border-bottom:solid 2px #809db4; background-color:#003a69;}
.industrylecture_table table thead th {padding:5px;}
.industrylecture_table table tbody th {padding:5px; border-bottom:solid 1px #2c5c83; background-color:#003a69;
	word-break:keep-all;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;}
.industrylecture_table table td {padding:7px; text-align:center; border-bottom:solid 1px #456c8b; background-color: #1e4d73;
	word-break:keep-all;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;}
.industrylecture_table table tr:last-child th,
.industrylecture_table table tr:last-child td {border-bottom:none;}

button.btn_app_go {height:24px; width:64px; color:#fff; font-size:12px; border:none; background-color:#FF9800; border-radius:30px;}
button.btn_app_go:hover {background-color:#ff6a00;}

.industrylecture_table ul {}
.industrylecture_table ul li {padding:3px 3px 3px 15px; text-indent:-15px;}
.industrylecture_table ul li strong {color:#ffcc00; font-weight:600;}

.industry_part_box {}
.industry_part_box ul {overflow:hidden; margin-bottom:10px;}
.industry_part_box ul li:first-child {float:left; width:48%;}
.industry_part_box ul li:last-child {float:right; width:48%;}

.industry_part_box ul li a {display:block;}
.industry_part_box ul li .industry_outline {display:table; width:100%;}
.industry_part_box ul li .industry_outline .left {display:table-cell; padding:15px 10px; vertical-align:middle; color:#fff; background-color: #3399ff; box-sizing: border-box; transition: all 0.3s ease-out;}
.industry_part_box ul li .industry_outline .left span {color:#fff; font-size:13px;}
.industry_part_box ul li .industry_outline .right {display:table-cell; padding:10px; width:40px; text-align:center; vertical-align:middle; background-color:#56abff; box-sizing: border-box; transition: all 0.3s ease-out;}
.industry_part_box ul li .industry_outline .right i {color:#fff; opacity:0.7; transition: all 0.3s ease-out;}

.industry_part_box ul li a {display:block;}
.industry_part_box ul li:hover .industry_outline .left {background-color: #09b0c9;}
.industry_part_box ul li:hover .industry_outline .right {background-color:#09b0c9;}
.industry_part_box ul li:hover .industry_outline .right i {opacity:1;}

.main_pop_industry_2024 .guide_txt {padding:10px 0; color:#fff;
	word-break:keep-all;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;}


/* 테스크탑 */
@media all and (max-width:1100px){
	.main_pop_industry_2024 {margin-left:initial; width:48%; left:1%;}
}

/*모바일*/
@media all and (max-width:768px){
	.main_pop_industry_2024 {width:96%; left:2%; border:none;}	
}
@media all and (max-width:640px){
	.industry_lecture_title h2.title_top strong {font-size:40px;}
	.industry_lecture_title h2.title_top span {font-size:15px;}

	.industrylecture_table {overflow-x:auto;}
	.industrylecture_table table {width:760px;}

	.industry_part_box ul {margin-bottom:5px;}
	.industry_part_box ul li:first-child {float:none; width:100%; margin-bottom:5px;}
	.industry_part_box ul li:last-child {float:none; width:100%;}
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////
 감사실무 스와이프 :2024-05-24 업데이트
 //////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.inspection_article_box {padding:30px 0; border-top:solid 1px #ddd;}
.inspection_article_box .title {margin-bottom:10px;}
.inspection_article_box .title strong {font-size:18px;}
.inspection_article_box .title span.year {display:inline-block; font-size:16px; color:#fff; margin-right:3px; padding:0 10px; height:26px; line-height:26px; vertical-align:middle; background-color:#55aed8; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
.inspection_article_box .info {margin-bottom:10px;}
.inspection_article_box .info .dec {display:block; margin-bottom:10px; color:#666; font-weight:600;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;}
.inspection_article_box .info .time {display:block; font-size:16px; font-weight:600;}
.inspection_article_box .info .time i {font-size:14px; color:#999;}
.inspection_article_box .func {}
.inspection_article_box .func a.btn_total_app {display:inline-block; padding:0 15px; height:36px; line-height:36px; font-size:14px; font-weight:600; color:#333; border:solid 1px #aaa; border-radius:5px;}
.inspection_article_box .func a.btn_total_app:hover {border: solid 1px #333;}

.inspection_article_box .cont2024 .title span.year {display:inline-block; font-size:16px; color:#ffff00; margin-right:3px; padding:0 10px; height:26px; line-height:26px; vertical-align:middle; border-radius:30px;
	background: rgb(72,71,119);
	background: linear-gradient(90deg, rgba(72,71,119,1) 0%, rgba(47,85,118,1) 100%, rgba(47,85,118,1) 100%); 
	border:none;}

.slick-dotted.slick-slider {margin-bottom:0 !important;}
.slick-dots {
    position: absolute;
    bottom:initial !important;
    top:-30px;
    display: block;
    width:initial !important;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    right: 0;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
    padding: 0;
    cursor: pointer;
}

.slick-next, .slick-prev {display:none !important;}

/* 테스크탑 */
@media all and (max-width:1000px){
	.pc_only {display:none;}
	.inspection_article_box {padding:15px 0; border-top:none;}

	.slick-prev, .slick-next {display:none !important;}
}

@media all and (max-width:1000px){
	.slick-dots {bottom:-35px !important;}

	.inspection_article_box {margin-bottom:15px; border-bottom:solid 1px #eee;}
}

@media all and (max-width:480px){
	.inspection_article_box .func {text-align:center;}
	.inspection_article_box .info .time {font-size:14px;}
	.inspection_article_box .info .time i {font-size:12px;}
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
메인페이지 - 설문조사 팝업 : 2024-09-13 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main_pop_survey {width:545px; line-height:1.3; background-color:#fff; position:absolute; top:90px; left:50%; margin-left:-550px; z-index:110;
	word-break:keep-all;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	box-shadow:5px 3px 7px 0px rgba(0, 0, 0, 0.2);
}

/* 테스크탑 */
@media all and (max-width:1100px){
	.main_pop_survey {margin-left:initial; width:48%; left:1%;}
}

/*모바일*/
@media all and (max-width:768px){
	.main_pop_survey {width:96%; left:2%; border:none;}
	.main_pop_survey .main_pop_survey_popbody img {width:100%;}
}


/*//////////////////////////////////////////////////////
 가상자산 안내팝업 ///////////////////////////*/
 .main_pop_virtualasset {width:545px; line-height:1.3; position:absolute; top:90px; right:50%; margin-right:-273px; background:url('') #fff no-repeat left top; z-index:110;
	word-break:keep-all;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	box-shadow:5px 3px 7px 0px rgba(0, 0, 0, 0.2);
}

.virtualasset_bg_color {color:#fff; background:linear-gradient(180deg, #008f73 0%, #005397 100%);}
.virtualasset_bg_img {background:url('../images/pop/20241118/bg.png') top right no-repeat;}
.virtualasset_lecture_title {padding:40px 20px 20px;}

.virtualasset_lecture_title h2.title_top {margin-bottom:30px; text-align:center; font-weight:normal;}
.virtualasset_lecture_title h2.title_top strong {display:inline-block; font-size:48px; letter-spacing:-1px; position:relative;}
.virtualasset_lecture_title h2.title_top span {display:block; font-size:17px;}
.virtualasset_lecture_title h2.title_top strong::after {display:inline-block; content:''; width:100%; height:6px; background-color:#cfb21b; 
	position:absolute; left:0; bottom:-8px;}

.virtualasset_lecture_title .txt {color:#fff; line-height:1.5;}
.virtualasset_lecture_title .txt strong {color:#ffff00; font-weight:600;}

.main_pop_virtualasset .virtualasset_info {padding:20px; color:#fff;}

.main_pop_virtualasset .virtualasset_info h3 {margin-bottom:10px; text-align:center; position:relative;}
.main_pop_virtualasset .virtualasset_info h3:before {display:block; content:''; width:5px; height:5px; border-radius:10px; background-color:#fff; opacity:0.7; position:absolute; left:50%; top:7px; margin-left:-65px;}
.main_pop_virtualasset .virtualasset_info h3:after {display:block; content:''; width:5px; height:5px; border-radius:10px; background-color:#fff; opacity:0.7; position:absolute; right:50%; top:7px; margin-right:-65px;}

.main_pop_virtualasset .virtualasset_info ul {margin-left:20px; margin-bottom:20px;}
.main_pop_virtualasset .virtualasset_info ul li {padding:2px; padding-left:10px; background:url('../images/main/bullet_dot.png') no-repeat left 9px;}
.main_pop_virtualasset .virtualasset_info ul li strong {color:#ffcc00; font-weight:600;}

.main_pop_virtualasset .virtualasset_info .app_btnbox {text-align:center;}
.main_pop_virtualasset a.btn_onestop_app {display:inline-block; padding:0 30px; height:40px; line-height:40px; font-size:16px; font-weight:600; color:#fff; border-radius:0;
	transition: all 0.5s ease-out;
	/* background: rgb(242,142,38); */
	background: linear-gradient(90deg, rgba(242,142,38,1) 0%, rgba(253,100,79,1) 100%);}
.main_pop_virtualasset a.btn_onestop_app:hover {
	/* background: rgb(253,100,79); */
	background: linear-gradient(90deg, rgba(253,100,79,1) 0%, rgba(242,142,38,1) 100%);}


.main_pop_virtualasset .virtualasset_list {padding:30px 30px 20px;}
.main_pop_virtualasset .virtualasset_list table {margin-bottom:20px; width:100%; color:#fff; border-top:solid 0px #0c525f; background-color: transparent;}
.main_pop_virtualasset .virtualasset_list table thead {border-bottom:solid 0px #9ba4b8; background-color:#0a353f;}
.main_pop_virtualasset .virtualasset_list table th {padding:5px;}
.main_pop_virtualasset .virtualasset_list table td {padding:5px; text-align:center; border-bottom:solid 1px #4498a7;}
.main_pop_virtualasset .virtualasset_list table tr:last-child td {border-bottom:solid 1px #4498a7;}
.main_pop_virtualasset .virtualasset_list a {color:#fff;}
.main_pop_virtualasset .virtualasset_list a:hover {text-decoration:underline;}


/* 테스크탑 */
@media all and (max-width:1100px){
	.main_pop_virtualasset {margin-right:initial; width:48%; right:1%;}
	.virtualasset_lecture_title h2.title_top strong {font-size:36px;}
}

/*모바일*/
@media all and (max-width:768px){
	.main_pop_virtualasset {width:96%; left:2%; border:none;}	
	.virtualasset_lecture_title {padding:40px 10px 20px;}
	.main_pop_virtualasset .virtualasset_info {padding:20px 10px;}
	.main_pop_virtualasset .virtualasset_list {padding:20px 10px 20px;}
}
@media all and (max-width:640px){
	.virtualasset_lecture_title h2.title_top strong {font-size:30px;}
	.virtualasset_lecture_title h2.title_top span {font-size:15px;}
}



/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
메인페이지 - 강의료 인상 안내 팝업 : 2025-03-21 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main_pop_lecturepay {width:545px; line-height:1.3; background-color:#fff; position:absolute; top:90px; right:50%; margin-right:-823px; z-index:110;
	word-break:keep-all;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	box-shadow:5px 3px 7px 0px rgba(0, 0, 0, 0.2);
}

/* 테스크탑 */
@media all and (max-width:1100px){
	.main_pop_lecturepay {margin-left:initial; width:48%; left:1%;}
}

/*모바일*/
@media all and (max-width:768px){
	.main_pop_lecturepay {width:96%; left:2%; border:none;}
	.main_pop_lecturepay .main_pop_lecturepay_popbody img {width:100%;}
}




/*//////////////////////////////////////////////////////
 경영자문 강좌 안내팝업 ///////////////////////////*/
 .main_pop_biz_consultation {width:545px; line-height:1.3; position:absolute; top:90px; right:50%; margin-right:-273px; background:url('') #fff no-repeat left top; z-index:110;
	word-break:keep-all;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	box-shadow:5px 3px 7px 0px rgba(0, 0, 0, 0.2);
}

.main_pop_biz_consultation .background_img {background:url('../images/pop/20250728/bg.png') #293f71 top right no-repeat;}
.main_pop_biz_consultation .lecture_title {padding:40px 20px 30px; color:#fff;}

.main_pop_biz_consultation .lecture_title h2.title_top {margin-bottom:30px; text-align:center; font-weight:normal;}
.main_pop_biz_consultation .lecture_title h2.title_top strong {display:inline-block; font-size:40px; letter-spacing:-1px; position:relative;}
.main_pop_biz_consultation .lecture_title h2.title_top span {display:block; font-size:24px;}

.main_pop_biz_consultation .lecture_title .txt {color:#fff; line-height:1.5;}
.main_pop_biz_consultation .lecture_title .txt strong {color:#ffff00; font-weight:600;}

.main_pop_biz_consultation .lecture_info {padding:0 20px; color:#fff;}

.main_pop_biz_consultation .lecture_info h3 {margin-bottom:10px; text-align:center; position:relative;}

.main_pop_biz_consultation .lecture_info ul {margin-left:20px; margin-bottom:20px;}
.main_pop_biz_consultation .lecture_info ul li {padding:2px; padding-left:10px; background:url('../images/main/bullet_dot.png') no-repeat left 9px;}
.main_pop_biz_consultation .lecture_info ul li strong {color:#ffcc00; font-weight:600;}

.main_pop_biz_consultation .biz_lecture_list {padding:0 20px 10px;}
.main_pop_biz_consultation .biz_lecture_list table {margin-bottom:20px; width:100%; color:#fff; border-top:solid 2px #96a1b9; background-color: transparent;}
.main_pop_biz_consultation .biz_lecture_list table thead {border-bottom:solid 1px #96a1b9;}
.main_pop_biz_consultation .biz_lecture_list table th {padding:5px;}
.main_pop_biz_consultation .biz_lecture_list table td {padding:5px; text-align:center; border-bottom:solid 1px #96a1b9;}
.main_pop_biz_consultation .biz_lecture_list table tr:last-child td {border-bottom:solid 1px #96a1b9;}
.main_pop_biz_consultation .biz_lecture_list a {color:#fff;}
.main_pop_biz_consultation .biz_lecture_list a:hover {text-decoration:underline;}


/* 테스크탑 */
@media all and (max-width:1100px){
	.main_pop_biz_consultation {margin-right:initial; width:48%; right:1%;}
	.main_pop_biz_consultation .lecture_title h2.title_top strong {font-size:36px;}
}

/*모바일*/
@media all and (max-width:768px){
	.main_pop_biz_consultation {width:96%; left:2%; border:none;}	
	.main_pop_biz_consultation .lecture_title {padding:40px 10px 20px;}
	.main_pop_biz_consultation .biz_lecture_info {padding:20px 10px;}
	.main_pop_biz_consultation .biz_lecture_list {padding:20px 10px 20px;}
}
@media all and (max-width:640px){
	.main_pop_biz_consultation .lecture_title h2.title_top strong {font-size:30px;}
	.main_pop_biz_consultation .lecture_title h2.title_top span {font-size:15px;}
}

/*//////////////////////////////////////////////////////
 경영자문 강좌 안내팝업 ///////////////////////////*/
.offline_lecture {width:545px; line-height:1.3; position:absolute; top:90px; left:50%; margin-left:-823px; z-index:100;
	background-color:#fff;
	word-break:keep-all;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	box-shadow:5px 3px 7px 0px rgba(0, 0, 0, 0.2);
}

.offline_lecture .background_img {background:url('../images/pop/20250730/bg.png') #17a66a bottom right no-repeat; background-size:cover;}

.offline_lecture .lecture_title {padding:40px 20px 10px; color:#fff;}

.offline_lecture .lecture_title h2.title_top {margin-bottom:25px; text-align:center; font-weight:normal; font-size:40px; position:relative;}
.offline_lecture .lecture_title h2.title_top strong {display:inline-block; padding:5px 20px; color:#333; letter-spacing:-1px; background-color:#fff; border-radius:100px; position:relative;}
.offline_lecture .lecture_title h2.title_top strong span {display:inline-block; color:#ff6600;}
.offline_lecture .lecture_title h2.title_top strong::before {display:block; content:'';  background: url('../images/pop/20250730/bg_1.png') no-repeat top left; 
	width:50px; height:50px; position:absolute; left:20%; bottom:-45px;}

.offline_lecture .lecture_info_box {margin:0 20px; padding:10px; color:#fff; background-color:rgba(0, 0, 0, .1); border-radius:5px;}
.offline_lecture .lecture_info_box ul {margin-left:10px;}
.offline_lecture .lecture_info_box ul li {padding-left:10px; margin-bottom:5px; position: relative;}
.offline_lecture .lecture_info_box ul li::after {display:block; content:''; width:3px; height:3px; border-radius:10px; background-color:#fff; position:absolute; left:-3px; top:7px;}
.offline_lecture .lecture_info_box ul li strong {color:#ffcc00; font-weight:600;}

.offline_lecture .biz_lecture_list {padding:0 20px 10px;}
.offline_lecture .biz_lecture_list table {margin-bottom:20px; width:100%; color:#fff; border-top:solid 2px #83c7ad; background-color: transparent;}
.offline_lecture .biz_lecture_list table thead {border-bottom:solid 1px #83c7ad;}
.offline_lecture .biz_lecture_list table th {padding:5px;}
.offline_lecture .biz_lecture_list table td {padding:5px; text-align:center; border-bottom:solid 1px #83c7ad;}
.offline_lecture .biz_lecture_list table td .subject {font-size:16px;}
.offline_lecture .biz_lecture_list table tr:last-child td {border-bottom:solid 1px #83c7ad;}



.offline_lecture a.btn_onestop_app {display:inline-block; padding:0 20px; height:38px; line-height:38px; font-size:16px; font-weight:600; color:#fff;  border-radius:30px;
	transition: all 0.5s ease-out;
	background: linear-gradient(90deg, rgba(242,142,38,1) 0%, rgba(253,100,79,1) 100%);}
.offline_lecture a.btn_onestop_app:hover {
	background: linear-gradient(90deg, rgba(253,100,79,1) 0%, rgba(242,142,38,1) 100%);}

/* 테스크탑 */
@media all and (max-width:1100px){
	.offline_lecture {margin-left:initial; width:48%; left:1%;}
}

/*모바일*/
@media all and (max-width:768px){
	.offline_lecture {width:96%; left:2%; border:none;}	
}
@media all and (max-width:640px){
	.offline_lecture .lecture_title h2.title_top {font-size:28px;}
}